@charset "utf-8"; /* CSS Document */ html, body { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; } body { overflow-y: scroll; background: #fff; } *{"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif} a:hover,a:active{ color: #066bb5;} ::selection{background:#066bb5; color:#fff;} ::-moz-selection{background:#066bb5; color:#fff;} @media (max-width: 319px) { html { background: #fff url(../img/displayNone.png) center center no-repeat; } body { opacity: 0; filter: alpha(opacity=0); pointer-events: none; } } .whjsTit { font-size: 30px; color: #333; margin-bottom: 30px; } .whjsL { width: 950px; height:540px; overflow: hidden; float: left; } .whjsL .swiper-slide { height: 540px; } .whjsBtn { width: 100%; position: absolute; top: 0; height: 100%; } .whjsBtnC { width: auto; max-width: 950px; margin: 0 auto; position: relative; z-index: 9; height: 100%; } .whjsBtn .arrow-left, .whjsBtn .arrow-right { width: 28px; height: 44px; } .whjsR { float: right; width: 270px; } .hdlmTit { width: 270px; height: 51px; line-height: 51px; text-align: left; color: #fff; background: #066bb5; font-size: 20px; font-weight: bold; padding: 0 15px; } .whjsList { padding: 0 0 10px 0; background: #457db7; height: 489px; width: 100%; } .whjsList .swiper-wrapper { width: 100% !important; background: #3f94d5; } .whjsList .swiper-slide { width: 100% !important; } .whjsListBg { padding: 0 10px; display: block; } .whjsListLr { border-bottom: solid 1px #65a9dd; padding: 11px 0; width: 100%; overflow: hidden; } .whjsListLr img { width: 100px; height: 60px; float: left; } .whjsListLr p { display: table; padding-left: 10px; font-size: 14px; color: #fff; } .whjsListLr span { display: block; font-size: 12px; color: #d5d5d5; margin-top: 10px; } .whjsList .on { background: #227fc5; } .swiper-scrollbar { width: 4px; height: 100%; position: absolute; right: 3px; bottom: 5px; z-index: 1; background: #367ab5; } .swiper-scrollbar-drag { background: #fff; } .arrow-left { width: 28px; height: 44px; position: absolute; top: 50%; left: 15px; margin-top: -22px; cursor: pointer; } .arrow-right { width: 28px; height: 44px; position: absolute; top: 50%; right: 15px; margin-top: -22px; cursor: pointer; } .whjsBox{overflow: hidden;} .swiper-container .swiper-wrapper,.swiper-container .swiper-slide{height:auto !important;} @media (min-width: 320px) { .wrap{ width: 100%;} .logo{padding: 0; margin: 0; width: 98px; float: left;} .logo img{ width: 100%;} .nav-btn{ float: right; padding: 10px; margin-right: -10px; margin-top: 5px; cursor: pointer;} .nav-btn span{ width: 25px; height: 2px; background: #066bb5; display: block; margin: 5px 0; -webkit-transition: .25s; -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s; transition: .25s;} .nav-btn span:nth-child(1){ -webkit-transform-origin: 5px 0; transform-origin: 5px 0;} .nav-btn span:nth-child(3){ -webkit-transform-origin: 0 0; transform-origin: 0 0;} .nav-close span:nth-child(1){ transform:rotate(45deg); -ms-transform:rotate(45deg); /* Internet Explorer */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); /* Opera */} .nav-close span:nth-child(2){ width: 0; margin-left: 50%;} .nav-close span:nth-child(3){transform:rotate(-45deg); -ms-transform:rotate(-45deg); /* Internet Explorer */ -moz-transform:rotate(-45deg); /* Firefox */ -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */ -o-transform:rotate(-45deg); /* Opera */} .header{ position: fixed; top: 0; z-index: 998; background: #fff; width: 100%; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s;} .nav{ background: #066bb5; position: fixed; z-index: 999; width: 100%; opacity: 0; visibility: hidden; top: 0px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;} .nav-bg{ background: rgba(0,0,0,.9); position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: .25s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;} .nav-show{opacity: 1; visibility: visible; top: 52px; padding-bottom: 52px; height: 100%;} .nav-bg-show{ opacity: 1; visibility: visible;} .nav-bg-box{ padding-bottom: 116px; overflow-y: scroll; height: 100%; padding-top: 10px;} .news-box{ padding: 0 0 15px 0; margin: 0;} .news-box span{ background: #e72847; color: #fff; font-size: 12px; padding: 2px 5px; margin-right: 5px;} .news-box dt{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; padding-bottom: 5px;} .news-box dt a{ color: #222;} .news-box span a{ padding-left: 10px; font-size: 14px; line-height: 24px;} .news-box dd a{ display: block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 24px; color: #081626;} .news-box dd a:hover{ color: #066bb5;} .whjsPic .swiper-container,.whjsPic .swiper-wrapper,.whjsPic .swiper-slide{ height: auto !important;} .swiper-banner .swiper-container,.swiper-banner .swiper-wrapper,.swiper-banner .swiper-slide{ height: auto !important;} .swiper-01 .swiper-container,.swiper-01 .swiper-wrapper,.swiper-01 .swiper-slide{ height: auto !important;} .swiper-02 .swiper-container,.swiper-02 .swiper-wrapper,.swiper-02 .swiper-slide{ height: auto !important;} .swiper-zgs .swiper-container,.swiper-zgs .swiper-wrapper,.swiper-zgs .swiper-slide{ height: auto !important;} swiper-pro .swiper-pro .swiper-container,.swiper-pro .swiper-wrapper,.swiper-pro .swiper-slide{ height: auto !important;} .ppjj-box{ text-align: center;} .news-pic{ position: relative; margin-bottom: 15px;} .news-pic .swiper-slide{position: relative;} .news-pic .swiper-slide img{ width: 100%;} .news-pic .swiper-slide span{ position: absolute; left: 0; bottom: 0; z-index: 2; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding: 0 50px 0 10px; line-height: 40px; background: rgba(0,0,0,.6);} .news-pic .swiper-slide span a{ color: #fff;} .news-pic .pagination{ position: absolute; right: 10px; bottom: 10px; z-index: 9; margin: 0;} .news-pic .pagination span{ width: 10px; height: 10px; float: left; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 5px; cursor: pointer;} .news-pic .pagination span.swiper-active-switch{ background: #ffba00;} .box-bdt{ border-top: solid 1px #c3c3c3;} .box-tit{ color: #066bb5; font-weight: bold; font-size: 14px;} .box-tit span{color: #e72847; line-height: 34px;} .box-tit-02{ color: #222222; font-weight: bold; font-size: 14px; line-height: 34px;} .box-tit-02 a{ float: right; font-size: 12px; font-weight: normal; color: #888;} .box-tit-02 a:hover{ color: #066bb5;} .box-03{ padding-bottom: 15px;} .box-03 img{ width: 100%;} .box-03 ul,.box-03 li{padding: 0; margin: 0; list-style: none;} .box-03 ul{padding:5px 3px; overflow: hidden; background:#dceefc; background: -webkit-linear-gradient(#dceefc, #ffffff); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#dceefc, #ffffff); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#dceefc, #ffffff); /* Firefox 3.6 - 15 */ background: linear-gradient(#dceefc, #ffffff); /* 标准的语法 */ } .box-03 li{ padding: 2px; width: 50%; float: left; float: left; } .box-03 li span,.box-03 li a{ display: block; line-height: 33px; padding: 2px; border: solid 1px #b3d0ea; padding:0 5px; background:#fff url(../img/ys-btn-ico.jpg) right bottom no-repeat; text-align: center; font-size: 12px; color: #066bb5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .box-04{ margin-bottom: 15px;} .box-04 .hd{overflow: hidden;} .box-04 ul,.box-04 li{padding: 0; margin: 0; list-style: none;} .box-04 ul{ margin: 0 -2px;} .box-04 li{ float: left; width: 33.333%;padding: 2px; text-align: center; font-size: 12px;} .box-04 li span{ display: block; padding-top: 55px; height: 80px; } .box-04 li.sy-btn-01 span{ color: #af8c24; background: #eadfbf url(../img/sy-btn-01.png) center center no-repeat; -webkit-background-size: contain; background-size: contain;} .box-04 li.sy-btn-02 span{ color: #856d4d; background: #eed9bb url(../img/sy-btn-02.png) center center no-repeat; -webkit-background-size: contain; background-size: contain;} .box-04 li.sy-btn-03 span{ color: #b07349; background: #eddbcc url(../img/sy-btn-03.png) center center no-repeat; -webkit-background-size: contain; background-size: contain;} .box-04 li.sy-btn-04 span{ color: #50688f; background: #b8d2fb url(../img/sy-btn-04.png) center center no-repeat; -webkit-background-size: contain; background-size: contain;} .box-04 li.sy-btn-05 span{ color: #297baa; background: #b9dafb url(../img/sy-btn-05.png) center center no-repeat; -webkit-background-size: contain; background-size: contain;} .box-04 li.sy-btn-06 span{ color: #16809e; background: #9edcee url(../img/sy-btn-06.png) center center no-repeat; -webkit-background-size: contain; background-size: contain;} .box-04 li.sy-btn{ cursor: pointer; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;} .box-04 li.sy-btn-on{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: color;} .box-04 .bd{position: relative; height: 163px;} .box-04 .bd .scroll-box{ background: #53abf3 url(../img/sy-bg.jpg) center top no-repeat; -webkit-background-size: contain; background-size: contain; padding: 6px; overflow: hidden; height: 163px;} .box-04 .bd img{ width: 140px; height: 151px; border: solid 2px #7ec0f6; position: absolute; left: 6px; top: 6px;} .box-04 .bd .scroll-box p{ display: table; padding-left: 155px; padding-right: 15px;} .box-04 .bd .scroll-box b{ font-size: 19px; color: #fff; border-bottom: solid 2px #fff; padding-bottom: 10px; display: inline-block;} .box-04 .bd .scroll-box span{display: block; font-size: 12px; padding-top: 10px; color: #fff;} .box-04 .bd .scroll-box a{ display: block; text-align: center; padding: 5px; background: #6db8f5; border: solid 1px #acd7f9; margin-top: 10px; font-size: 12px; color: #fff;} .box-04 .bd .mCSB_container{ margin-right: 10px;} .box-04 .bd .mCustomScrollBox>.mCSB_scrollTools{ right: -6px;} .box-04 .bd .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #3681d5;} .box-04 .bd .mCSB_scrollTools .mCSB_draggerRail{ width: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #49a0f0;} .sy-mess{ position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; width: 100%;} .sy-mess-on{ visibility: visible; opacity: 1;} .box-05 { margin-bottom: 15px;} .box-05 .swiper-slide{position: relative;} .box-05 .swiper-slide img{ width: 100%;} .box-05 .swiper-slide span{ position: absolute; left: 0; bottom: 0; z-index: 2; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding: 0 50px 0 10px; line-height: 40px; background: rgba(0,0,0,.6);} .yy-box{ margin-bottom: 15px;} .yy-box-cont{position: relative;} .banner-btn{ position: absolute; top: 50%; z-index: 9; width: 100%; margin-top: -22px;} .banner-left{ position: absolute; left: 10px; cursor: pointer;} .banner-right{ position: absolute; right: 10px; cursor: pointer;} .jd-box ul,.jd-box li{ padding: 0; margin: 0; list-style: none;} .jd-box ul{ margin: -1px;} .jd-box li{ padding: 1px; width: 50%; float: left;} .jd-box img{ width: 100%;} .box-06{ margin-bottom: 15px;} .box-06 .zc-box{border: solid 1px #c3c3c3; padding:10px;} .box-06 .box-tit-02 i{ font-style: normal; padding-bottom: 6px; background: url(../img/zc-tit-bg.jpg) left bottom no-repeat; display: inline-block; margin-left: -16px; margin-top: 5px;} .box-06 .box-tit-02 span{ background:#408ed6; padding: 0 5px 0 10px; color: #fff; line-height: 24px; float: left;} .box-06 ul,.box-06 li{ padding: 0; margin: 0; list-style: none;} .box-06 ul{ overflow: hidden;} .box-06 li{ background: url(../img/zc-list-ico.jpg) left center no-repeat; padding: 5px 0 5px 10px; width: 33.333%; float: left; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .box-06 img{ width: 100%;} .box-07 .swiper-slide{position: relative;} .box-07 .swiper-slide img{ width: 100%;} .box-07 .swiper-slide span{ position: absolute; left: 0; bottom: 0; z-index: 2; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding: 0 50px 0 10px; line-height: 40px; background: rgba(0,0,0,.6);} .box-08 .box-pic-x{ margin: 0 -2px;} .box-08 .box-pic-m{ overflow: hidden; margin: 0 -2px;} .box-08 a{position: relative;display: block;} .box-08 .box-pic-m div,.box-08 .box-pic-x .box-08-pic{ padding: 2px; display: block; position: relative;} .box-08 a span{position: absolute; left: 0; bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; font-size: 12px; background: rgba(0,0,0,.6); line-height: 25px; padding: 0 5px; color: #fff;} .box-08 a i{ background: url(../img/play-ico.png) center center no-repeat; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .box-08 img{width: 100%; display: block;} .box-08 .box-pic-m div{ width: 50%; float: left;} .box-08{margin-bottom: 15px;} .footer{background: #f1f1f1; padding: 25px 15px 15px 15px;} .qr-box{text-align: center;} .qr-box span{ text-align: center; display: block; font-size: 12px; padding-top: 15px; color: #000000; font-weight: bold;} .qr-box b{ font-weight: normal;} .site-map{ overflow: hidden; padding-top: 20px;} .site-map *{ margin: 0; padding: 0;} .site-map dl{ width: 33.333%; float: left; text-align: center; padding: 5px 0;} .site-map dl a{ font-size: 14px; color: #000000; font-weight: normal;} .site-map dd{display: none;} .footer-b .container *{padding: 0; margin: 0;} .footer-b{text-align: center; color: #ffffff; font-size: 12px; line-height: 20px; background: #363636; padding: 15px 0;} .footer-b a{color: #ffffff;} .footer-b b{display: block; font-weight: normal;} .lang-box-02 *{ padding: 0; margin: 0;} .search-box{display: none;} .header-r .lang-box-02 dl{} .lang-box-02{text-align: center; padding: 15px 0;} .lang-box-02 dd{ position: absolute; background: #3d95d5; font-size: 12px; width: 70px ;line-height: 30px; z-index: 99; margin-top: 5px; display: none;} .lang-box-02 dd a{ color: #fff;} .lang-box-02 dl{ background: url(../img/lang-pic.png) left center no-repeat; -webkit-background-size: 35px; background-size: 35px; padding:5px 10px 5px 30px; width: 100px; display: inline-block; text-align: center; cursor: pointer; position: relative;} .lang-box-02 dt{ font-weight: normal;} .lang-box-02 dt a{color: #fff; font-size: 12px; background: url(../img/lang-ico.png)right center no-repeat; -webkit-background-size: 7px; background-size: 7px; display: block;} .lang-box-02 .mail{display: inline-block;/* background: url(../img/header-r-line.png) left center no-repeat;*/ -webkit-background-size: 1px; background-size: 1px;} .lang-box-02 .mail a{background: url(../img/mail-ico.png) 5px center no-repeat; -webkit-background-size: 20px; background-size: 20px; color: #fff; font-size: 12px; padding: 5px 10px 5px 30px;} .lang-box-02 .switch{display: inline-block; width: 100px; background: url(../img/header-r-line.png) left center no-repeat; -webkit-background-size: 1px; background-size: 1px;} .lang-box-02 .switch a{background: url(../img/switch-ico.png) 5px center no-repeat; -webkit-background-size: 20px; background-size: 20px; color: #fff; font-size: 12px; padding: 5px 10px 5px 30px;} .search-box{ border: solid 1px #3d95d5; height: 30px; position: relative;} .search-box dl{padding: 0; margin: 0; width: 70px; border-right: solid 1px #e2e2e2; padding:0 5px ; background: #fafafa; float: left; position: relative; z-index: 9; cursor: pointer;} .search-box dt{ background: url(../img/search-ico.png) right center no-repeat; float: left; -webkit-background-size: 7px; background-size: 7px; line-height: 28px;font-weight: normal; font-size: 12px; width: 100%;} .search-box dd{ position: absolute; width: 70px; background: #fafafa; left: 0; top: 28px; line-height: 28px; font-size: 12px; display: none;} .search-box dd span{ display: block; color: #666; border-top: solid 1px #eee; padding-left: 5px; background: #fafafa;} .search-box input{border: none; height: 28px; outline: none;} .search-box .search-btn{ float: right; width: 70px; font-size: 12px; background: #3d95d5; color: #fff; font-weight: bold; position: relative; z-index: 9;} .search-box .search-txt{width: 100%; padding-left: 75px; padding-right: 75px; position: absolute; left: 0; top: 0; font-size: 12px;} .search-box select{display: none;} .nav ul,.nav li{padding: 0; margin: 0; list-style: none;} .nav ul{ padding: 15px 0; overflow: hidden;} .nav li{ float: left; width: 100%; padding: 5px 0; text-align: center; border-bottom: solid 1px #075995;} .nav li a{ padding: 5px 0; display:block; color: #fff;} .box-02 dd:nth-child(4),.box-02 dd:nth-child(5),.box-02 dd:nth-child(6),.box-02 dd:nth-child(7){ display: none;} .banner{ background: #d3d3d3;} .swiper-banner{display: block;margin-bottom: 15px;} .swiper-banner img{width: 100%;} .pagination-box{ position: absolute; bottom: 10px; z-index: 9; margin: 0; width: 100%; opacity: .8; filter: alpha(opacity=80);} .pagination-c{position: relative; float: left; left: 50%;} .pagination-banner{ position: relative; float: left;} .pagination-banner span{ width: 10px; height: 10px; float: left; background: #4e4e4e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 3px; cursor: pointer; background: #fff; position: relative; left: -50%;} .pagination-banner span.swiper-active-switch{ background: #89b929; -webkit-box-shadow: 0px 0px 3px 1px #89b929; -moz-box-shadow: 0px 0px 3px 1px #89b929; box-shadow: 0px 0px 3px 1px #89b929;} .pagination-hr{margin: 0 5%; position: absolute; left: -50%; top: 50%; width: 100%; padding: 0 10px; margin: 0; z-index: -1;} .pagination-hr hr{ border: none; border-bottom: solid 1px #fff; padding: 0; margin: 0;} .box-07{display: none;} .footer-b a:hover{ color: #fff;} .zc-box ul li:nth-child(10),.zc-box ul li:nth-child(11),.zc-box ul li:nth-child(12){ display: none;} .menu-box{background: #f3f3f3; padding-bottom: 15px; position: absolute; width: 100%; left: 0; top: 52px; height: 112px; z-index: 99; display: none;} .menu-h{ height: 112px; display: none;} .menu-tit{ padding: 15px 0;} .menu-tit span{ border-left: solid 4px #3f94d5; padding-left: 15px; font-size: 16px; color: #000;} .swiper-menu{ line-height: 45px; float: left; padding-right: 92px; width: 100%;} .menu{background: #fff; padding-right: 92px; position: relative; height: 45px;} .swiper-menu .swiper-slide a{display: inline-block; padding:0 25px; font-size: 14px; border-right: solid 1px #eeeeee;} .swiper-menu .swiper-slide span.nav-xl{ padding-right: 25px; background: url(../img/menu-btn-ico.jpg) right center no-repeat;} .swiper-menu .swiper-slide a.on,.swiper-menu .swiper-slide a.on2{ background: #97c740; color: #fff;} .swiper-menu .swiper-slide a.on span.nav-xl,.swiper-menu .swiper-slide a.on2 span.nav-xl{ background: url(../img/menu-btn-on.jpg) right center no-repeat;} .menu-btn{ position: absolute; right: 0; top: 0;} .menu-btn .menu-next{ width: 45px; height: 45px; background: url(../img/menu-next.jpg) left bottom no-repeat; float: left; margin-left: 1px; display: inline; cursor: pointer;} .menu-btn .menu-prev{ width: 45px; height: 45px; background: url(../img/menu-prev.jpg) left bottom no-repeat; float: left; cursor: pointer;} .menu-btn .menu-next:hover,.menu-btn .menu-prev:hover{background-position: left top;} .swiper-menu .swiper-slide { float: left;} .swiper-menu .swiper-slide ul{ opacity: 0; visibility: hidden; height: 0;} .swiper-menu .swiper-slide ul.menu-show{ opacity: 1; visibility: visible; height: auto;} .swiper-menu .swiper-slide ul,.swiper-menu .swiper-slide li{ padding: 0; margin: 0; list-style: none; width: 100%; overflow: hidden;} .swiper-menu .swiper-slide li a{background: #97c740; color: #fff; border: none; display: block;} .swiper-menu .swiper-slide li a:hover{ background: #82b031;} .menu-bg{ width: 100%; height: 100%; position: fixed; z-index: 99; display: none;} .dz-box{ border-bottom: solid 1px #dddddd; height: 50px; line-height: 50px;} .dz-tit{ float: left; font-weight: bold;} .dz-box div{ float: right; color: #777; font-size: 12px;} .dz-box div a{ color: #777;} .dz-box div a:hover{color: #066bb5;} .cont-box{ padding: 30px 0; line-height: 1.8;} .cont-box img{ width: auto; max-width: 100%;} .swiper-menu .swiper-slide ul li a.on{ background: #82b031; color: #fff;} .dz-box div{display: none;} .ygfc-box,.ygfc-box li{ padding: 0; margin: 0; list-style: none;} .ygfc-box img{width: 100%;} .ygfc-box li{ width: 50%; float: left;} .ygfc-box{ padding: 15px 0; margin-left: -15px; margin-right: -15px; overflow: hidden;} .ygfc-box li{ padding: 15px;} .ygfc-box li p{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; font-size: 12px; margin: 0; padding: 5px 0;} .ygfc-box li span{ padding:5px 10px; line-height: 20px; background: #3f94d6; font-size: 12px; color: #fff; display: inline-block;} div.pages { TEXT-ALIGN: center; width: 100%; padding: 10px; margin: 0 0 30px 0; } div.pages a { TEXT-DECORATION: none; background: #fff; border: 1px solid #dcdcdc; padding: 2px 11px; margin: 0 2px 5px 2px; color: #333333; font-size: 12px; line-height: 24px; display: inline-block; } div.pages a:hover { background: #3f94d6; color: #fff; border: 1px solid #3f94d6; padding: 2px 11px; margin: 0 2px; } div.pages a:active { background: #3f94d6; padding: 2px 11px; border: 1px solid #3f94d6; margin: 0 2px; color: #fff; } div.pages span.current { background: #3f94d6; padding: 1px 10px; border: 1px solid #3f94d6; color: #fff; margin: 0 2px; font-size: 12px; display: inline-block; line-height: 24px; } div.pages span.disabled { background: #3f94d6; border: 1px solid #3f94d6; padding: 1px 10px; margin: 0 2px; color: #fff; display: inline-block; } .dsj{ padding: 30px 0;} .dsj span { width: 100px; background: url(../img/dsjTime.jpg) right center no-repeat; display: inline-block; height: 30px; line-height: 30px; font-size: 18px; color: #0051a4; } .dsj i { width: 60px; background: url(../img/dsjIco.jpg) right center no-repeat; display: inline-block; font-style: normal; } .dsj ul, .dsj li { margin: 0; padding: 0; list-style: none; } .dsj ul { padding: 15px 0; margin-left: 70px; background: url(../img/dsjLine.jpg) left top repeat-y; } .dsj li { line-height: 24px; padding: 8px 0; background: url(../img/dsjIco_02.jpg) 9px 15px no-repeat; padding-left: 35px; font-size: 12px; } .ry-box,.ry-box li{ margin: 0; padding: 0; list-style: none;} .ry-box{ margin-left: -15px; margin-right: -15px; padding: 20px 0; overflow: hidden;} .ry-box li span{ display: block; height: 50px; line-height: 20px; text-align: center; padding-top: 10px; overflow: hidden;} .ry-box li{ width: 50%; float: left; padding:10px 15px;} .ry-box li i{ border: solid 1px #bebebe; display: block;} .ry-box li img{ width: 100%;} .ry-box li span{ font-size: 12px;} .tab,.tab li{ padding: 0; margin: 0; list-style: none;} .tab{ overflow: hidden; padding-top: 30px; margin-left: -10px;} .tab li{ float: left; line-height: 30px; padding-left: 10px; margin-bottom: 10px; width: 100%; text-align: center;} .tab li a{border: solid 1px #bbbbbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f3f3f3; display: block; padding: 0 10px; font-size: 12px;} .tab li.active a{ background: #76c125; border: solid 1px #76c125; color: #fff;} .tab-content{ padding-top: 15px; padding-bottom: 30px; overflow: hidden;} .tab-content *{ font-size: 12px; line-height: 1.8; color: #000;} .zc-pic{ float: left; width: 225px; padding-right: 30px;} .zc-pic img{ width: 100%;} .zc-pic span{ display: block; background: #eaece7; color: #000; text-align: center; height: 48px; line-height: 48px; margin-top: 2px; font-size: 12px;} .ldgh-box,.ldgh-box li{ padding: 0; margin: 0; list-style: none;} .ldgh-box{ margin-left: -15px; margin-right: -15px; padding: 20px 0; overflow: hidden;} .ldgh-box li{ float: left; width: 50%; padding:10px 15px;} .ldgh-box img{width: 100%;} .ldgh-box p{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; font-size: 12px; margin: 0; padding: 5px 0;} .ldgh-box li span{ line-height: 20px; font-size: 12px; display: inline-block; color: #066bb5; font-size: 12px;} .ldgh-box li a{ border-bottom: solid 2px #066bb5; display: block; padding-bottom: 10px;} .shzr-box{ padding: 30px 0; overflow: hidden;} .shzr-box img{ width: 100%; padding-bottom: 2px;} .swiper-zgs{ margin-bottom: 20px;} .swiper-zgs .swiper-slide img{ width: 100%;} .zgs-btn{ position: absolute; left: 0; top: 50%; z-index: 9; width: 100%;} .zgs-prev{ position: absolute; left: 10px; top: -22px;} .zgs-next{ position: absolute; right: 10px; top: -22px;} .tab-content{ position: relative;} .tab-content .tab-cont{ height: 0; overflow: hidden;} .tab-content .active{ height: auto;} .zgs-tit{ color: #066bb5; font-size: 16px; display: block; padding-bottom: 15px;} .zgs-cont{ font-size: 14px;} .cybj-box,.cybj-box li{ padding: 0; margin: 0; list-style: none;} .cybj-box{ padding: 20px 0; margin-left: -15px; margin-right: -15px;} .cybj-box li{ padding: 10px 15px;} .cybj-box img{ width: 100%;} .cybj-box b{ padding: 5px 0; display: block;} .cybj-box p{ padding: 0; margin: 0; font-size: 12px; color: #333; overflow: hidden;} .cybj-box span{ margin-top: 10px; display: inline-block; line-height: 34px; background: #3f94d6; color: #fff; padding: 0 20px; font-size: 12px;} .cybj-box a:hover b{ color: #3f94d6;} .cybj-box a:hover p{ color: #333;} .banner-min-02{ background-image: url(../img/banner-0022.jpg); margin-bottom: 15px;} .banner-min,.banner-min-02{ -webkit-background-size: cover; background-size: cover; background-position: center center; position: relative;} .banner-min .container,.banner-min-02 .container{ position: relative;} .banner-min p,.banner-min-02 p{ font-size: 12px; color: #fff; margin-bottom: 0;line-height: 24px; position: absolute; bottom: 0; width: 100%; left: 0; padding: 0 15px 10px 15px;} .banner-min span,.banner-min-02 span{display: block;} .banner-min a,.banner-min-02 a{color: #fff; padding-right: 30px; background: url(../img/more-ico.png)right center no-repeat; line-height: 24px; display: inline-block;} .news-tit{ line-height: 20px; padding: 10px 0;} .news-tit b{ font-weight: bold; font-size: 13px;} .news-tit a{ float: right; font-size: 12px; color: #666;} .news-tit a:hover{color: #066bb5;} .news-t img{ width: 100%;} .news-t dd{ padding-top: 10px;} .news-t dd a{ font-size: 16px; font-weight: bold;} .news-t dd p{ padding-top: 10px; font-size: 14px; color: #666; margin: 0; padding-bottom: 15px;} .news-t dd span{ color: #aaa; font-size: 12px;} .news-list,.news-list li,.news-list ul{ padding: 0; margin: 0; list-style: none;} .news-list li{ padding-bottom: 15px;} .news-l{ /*display: none;*/} .news-list li:nth-child(1) .news-l,.news-list li:nth-child(2) .news-l,.news-list li:nth-child(3) .news-l,.news-list li:nth-child(4) .news-l{ display: block;} .news-l img{ width: 100%;} .news-r{background: #f4f4f4; padding: 10px;} .news-r a{ font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block;} .news-r p{ padding-top: 10px; font-size: 14px; color: #666;} .news-r span{ color: #aaa; font-size: 12px;} .banner-min-02 p{ background: rgba(63,148,213,.9); padding-top: 15px;} .news-list-pic{ margin: 0; padding: 0; list-style: none;} .news-list-pic img{ width: 100%;} .news-list-pic li:nth-child(5){ display: none;} .news-list-pic li{margin-bottom: 15px;} .news-list-pic li a{ position: relative; display: block;} .news-list-pic span{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.8); width: 100%; color: #fff; line-height: 30px; font-size: 12px; padding: 0 15px;} .news-list-pic b{ display: block; padding-right: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .news-list-pic i{ background: url(../img/news-pic-ico.png) right center no-repeat; -webkit-background-size: 7px; background-size: 7px; float: right; width: 13px; height: 21px; position: absolute; right: 15px; top: 4px;} .tit-bdb{ border-bottom: solid 1px #eee5e5 ;margin-bottom: 10px;} .mtbd-list,.mtbd-list li{padding: 0; margin: 0; list-style: none;} .mtbd-list li{ overflow: hidden; padding-bottom: 15px;} .mtbd-list img{ float: left; width: 100px;} .mtbd-list p{ padding-left: 10px; display: table; margin: 0;} .mtbd-list p a{ font-size: 12px; height: 34px; overflow: hidden; display: block;} .mtbd-list p span{ display: block; color: #aaa; font-size: 12px;} .jrtt-list,.jrtt-list li{ padding: 0; list-style: none; margin: 0;} .jrtt-list{ padding-bottom: 15px;} .jrtt-list li{} .jrtt-list li a{ line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; color: #081626; background: url(../img/line-ico.jpg) left center no-repeat; padding-left: 15px;} .jrtt-list li a:hover{color: #066bb5;} .news-list-pic span b{ font-weight: normal;} .news-more-btn{ margin:15px 0; padding: 15px; display:block; text-align: center;} .news-mess{ margin:15px 0; padding: 15px; display:block; text-align: center; color: #999;} .content-tit{ margin-top: 20px;} .content-tit h2{ color: #333; font-weight: normal; font-size: 20px; float: left; padding: 0; margin: 0;} .fx-box{ float: left; margin-top: 5px;} .fx-box .fx-box-tit{ float: left; padding-top: 5px;} .fx-box .bdsharebuttonbox{ float: left;} .content-tit dl,..content-tit dl *{ padding: 0; margin: 0; } .content-tit dl{ width: 100%; border-top: solid 1px #bbbbbb; width: 100%; margin-top: 10px; padding-top: 15px;} .content-tit dt{ float: left; font-weight: normal; color: #888; font-size: 12px;} .content-tit dd{ float: right;} .content-tit dd a{ font-weight: bold;} .content-tit-t{overflow: hidden;} .content-box{ padding:20px 0; font-size: 14px; line-height: 1.8;} .xwzx-fy{ padding: 15px 0; border-top: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; overflow: hidden; margin-bottom: 30px;} .xwzx-fy span{ float: left; width: 50%; padding: 0 15px; font-size: 14px; color: #0066cb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .xwzx-fy a{ font-size: 14px;} .news-list-02, .news-list-02 li { padding: 0; margin: 0; list-style: none; } .news-list-02 { width: 100%; padding-bottom: 15px; margin-top: 30px; } .news-list-02 li { width: 100%; background: url(../img/news-list-02.jpg) left bottom repeat-x; line-height: 60px; font-size: 14px; overflow: hidden; position: relative; } .news-list-02 p { padding-left: 20px; background: url(../img/news-list-ico.jpg) left center no-repeat; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-right: 130px; } .news-list-02-txt{ float:left;} .news-list-02-btn{ float:left; margin-left:-60px;} .news-list-02 a:hover { color: #066bb5; } .news-list-02 span { position: absolute; right: 0; top: 0; font-size: 12px; color: #888; } .video-list,.video-list li{ padding: 0; margin: 0; list-style: none;} .video-list {padding: 15px 0; margin-left: -15px; margin-right: -15px;} .video-list li{ padding: 15px; width: 50%; float: left;} .video-list li img{ width: 100%;} .news-tt{ padding-top: 30px;} .video-list span{ font-size: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 0 0 0; color: #066bb5;} .video-list i{display: none;} .video-list div{ position: relative; width: 100%;} .video-list a:hover i{ display: block; background: rgba(0,0,0,.5) url(../img/play-ico-02.png) center center no-repeat; position: absolute; width: 100%; height: 100%; left: 0; top: 0;} .pro-menu{ position: relative; z-index: 99;} .pro-menu-box{ width: 100%; position: relative; background: #fff; height: 94px;} .pro-menu-box-bg{ padding-bottom: 15px; background: #f3f3f3; position: absolute; width: 100%;} .pro-menu-box .pro-menu-prev{ position: absolute; left: 0; top: 15px; cursor: pointer; width: 24px; padding: 5px;} .pro-menu-box .pro-menu-next{ position: absolute; right: 0;top: 15px; cursor: pointer; width: 24px; padding: 5px;} .pro-menu-box img{ width: 100%;} .swiper-pro-menu .menu-yj{ display: block; font-size: 12px; text-align: center; padding-bottom: 12px; z-index: 9; position: relative;} .swiper-pro-menu .menu-yj img{ width: 100px; display: block; margin: 0 auto;} .pro-menu{ padding: 0 25px;} .swiper-pro-menu .on,.swiper-pro-menu .on2{ background: url(../img/menu-sub-ico.jpg) center bottom no-repeat;} .swiper-pro-menu .swiper-slide div{ height: 0; visibility: hidden; opacity: 0;} .swiper-pro-menu .swiper-slide div.sub-menu-show{ height: auto; visibility: visible; opacity: 1;} .swiper-pro-menu ul,.swiper-pro-menu li{ padding: 0; margin: 0; list-style: none;} .swiper-pro-menu ul{ border: solid 1px #bbb; text-align: center; margin-top: -2px; background: #fff; padding: 5px 0;} .swiper-pro-menu li{ line-height: 30px; font-size: 12px;} .swiper-pro-menu .sub-menu-on{ color: #005bac;} .pro-menu-h{ height: 109px;} .pro-menu-sub{ width: 100%; position: absolute; left: 0; top: 93px; background: #fff; z-index: 9; display: none; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.3); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,.3); box-shadow: 0px 2px 4px rgba(0,0,0,.3);} .pro-menu-sub-t{ border-top: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; padding: 10px 0;} .pro-menu-sub-t ul,.pro-menu-sub-t li{ padding: 0; margin: 0; list-style: none;} .pro-menu-sub-t ul{ overflow: hidden; margin-left: -5px; margin-right: -5px;} .pro-menu-sub-t li{ float: left; line-height: 24px; padding:0 5px;} .pro-menu-sub-t li a{ color: #005bac;} .pro-car-search{ height: 28px; width: 100%; background: #ebebeb; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; overflow: hidden; margin-top: 10px; position: relative; margin-bottom: 10px;} .pro-car-search-txt{ float: left; padding-right: 40px; padding-left: 15px; width: 100%; border: none; background: none; outline: none; height: 28px;} .pro-car-search-btn{ background: url(../img/pro-search-btn.jpg) center center no-repeat; position: absolute; right: 0; top: 0; width: 40px; height: 28px; border: none; outline: none;} .pro-menu-sub-b{ padding:0 0 15px 0; overflow: hidden;} .pro-menu-sub-b *{ padding: 0; margin: 0;} .pro-menu-sub-b dl{ border-bottom: solid 1px #bbb;} .pro-menu-sub-b dt{ overflow: hidden;} .pro-menu-sub-b dt img{ float: left; width: 90px;} .pro-menu-sub-b dt span{ line-height: 60px; font-weight: normal; font-size: 14px;} .pro-menu-sub-b dd{ width: 100%;overflow: hidden; padding-bottom: 5px; display: none;} .pro-menu-sub-b dd span{ display: block; line-height: 28px;} .pro-menu-sub-b dd a{ padding-left: 10px; background: url(../img/pro-list-ico.jpg) left center no-repeat; color: #005bac; line-height: 24px; font-size: 12px;} .sx-box{ background: #f3f3f3; border: solid 1px #e6e6e6; overflow: hidden; padding: 15px; margin-top: 30px;} .sx-tit{ font-weight: bold; border-bottom: solid 1px #e6e6e6; padding-bottom: 10px;} .pro-sx-search{ border: solid 1px #dedede; background: #fff;} .pro-sx-search .pro-car-search-btn{ background: url(../img/pro-sx-search-btn.jpg) center center no-repeat;} .sx-box dl{padding: 0 0 15px 0; margin: 0; overflow: hidden;} .sx-box dt{ line-height: 30px; font-weight: normal;} .sx-box dd{ overflow: hidden; margin-left: -10px; margin-right: -10px;} .sx-box span{ padding:5px 10px; display: inline-block;} .sx-box a{ padding-left: 20px; background: url(../img/pro-sx-btn.jpg) left center no-repeat; font-size: 12px;} .sx-box .sx-on a{background: url(../img/pro-sx-on.jpg) left center no-repeat;} .sx-hide{ display: none;} .sx-more{ text-align: center; padding-bottom: 30px;} .sx-more span{ padding:5px 10px 5px 33px; line-height: 24px; background: #f3f3f3 url(../img/pro-sx-more.jpg) 10px center no-repeat; border: solid 1px #e6e6e6; border-top: none; color: #777; cursor: pointer;} .sx-more span.sx-more-on{ background: #f3f3f3 url(../img/pro-sx-more-on.jpg) 10px center no-repeat;} .pro-list ul,.pro-list li{ padding: 0; margin: 0; list-style: none;} .pro-list li{ width: 50%; padding: 10px; float: left;} .pro-list ul { margin-left: -10px; margin-right: -10px; overflow: hidden;} .pro-list li img{ width: 100%;} .pro-list li i{ background: rgba(63,148,213,.8) url(../img/look-ico.png) center 45% no-repeat; position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; display: none;} .pro-list li i b{ color: #fff; font-style: normal; position: relative; top: 45%; margin-top: 35px; display: inline-block; font-weight: normal;} .pro-list li a{ border: solid 1px #eeeeee; display: block; padding: 10px; font-size: 12px; position: relative;} .pro-list li span{ text-align: center; display: block; margin-top: 10px; height: 55px; overflow: hidden; word-wrap:break-word;} .pro-list li a:hover i{ display: block;} .tj-tit{ border-top: solid 2px #3f94d6; font-weight: bold; padding-top: 10px; line-height: 30px;} .pro-box{ padding: 0 27px; position: relative;} .swiper-pro{ margin-top: 30px;margin-bottom: 15px; text-align: center;} .swiper-pro img{ width: 100%; margin-top: -10%; margin-bottom: -10%;} .pro-tabs{ margin-left: -5px; margin-right: -5px; overflow: hidden; padding-bottom: 15px; text-align: center;} .pro-tabs span{ display: inline-block; padding: 0 5px;} .pro-tabs a{ border: solid 1px #cfcfcf; display: block; width: 100px; } .pro-tabs img{ width: 100%; opacity: .5;} .pro-tabs .active img{ opacity: 1;} .pro-btn{ position: absolute; left: 0; top: 50%; margin-top: -17px; width: 100%; z-index: 9;} .pro-left{ background: url(../img/pro-prev.jpg); width: 17px; height: 30px; position: absolute; left: 0; cursor: pointer; -webkit-background-size: cover; background-size: cover;} .pro-right{ background: url(../img/pro-next.jpg); width: 17px; height: 30px; position: absolute; right: 0; cursor: pointer; -webkit-background-size: cover; background-size: cover;} .pro-left:hover,.pro-right:hover{ background-position: left bottom;} .pro-mess-btn-bg{ background: #3f94d5;} .pro-mess-tabs,.pro-mess-tabs li{ padding: 0; margin: 0; list-style: none;} .pro-mess-tabs li{ float: left;} .pro-mess-tabs li span,.pro-fw-btn span{ display: block; padding-top: 5px; text-align: center;} .pro-mess-tabs a,.pro-fw-btn{ padding: 15px 10px; display: block; color: #fff; font-size: 12px; text-align: center;} .pro-fw-btn{ background: #2e88cb; float: right; display:none;} .pro-mess-tabs a:hover,.pro-fw-btn:hover{ color: #fff;} .pro-mess-tabs img,.pro-fw-btn img{width: 30px;} .pro-mess-tabs li.active{ background: url(../img/pro-mess-tabs-on.jpg) center bottom no-repeat;} .pro-tab-content .tab-cont{ display: none;} .pro-tab-content .active{ display: block;} .pro-tab-content .tab-cont{ padding-top: 30px; padding-bottom: 30px;} .tab-cont h3{ padding: 0; margin: 0; padding-bottom: 15px; font-size: 16px;} .tab-cont img{ width: auto; max-width: 100%;} .pro-tab-content .tab-cont *{ line-height: 1.8;} .tj-box{ padding-bottom: 15px;} .cont-banner{ padding-bottom: 15px;} .cont-banner img{ width: 100%;} .cont-banner-max{ display: none;} .contbox-bg{ background: #fff;} .cont-mess-t,.cont-mess-t li,.cont-mess-b ul,.cont-mess-b li{ padding: 0; margin: 0; list-style: none;} .cont-mess-t li{ padding: 15px 0; overflow: hidden; border-top: solid 1px #e6e6e6;} .cont-mess-t i{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 2px #49abdb; display: block; width: 85px; height: 85px; margin: 0 auto;} .cont-mess-t .tel{ background: url(../img/cont-ico-01.jpg) center no-repeat;-webkit-background-size: contain; background-size: contain;} .cont-mess-t .wb{ background: url(../img/cont-ico-02.jpg) center no-repeat;-webkit-background-size: contain; background-size: contain;} .cont-mess-t .wx{ background: url(../img/cont-ico-03.jpg) center no-repeat;-webkit-background-size: contain; background-size: contain;} .cont-mess-t .tt{ background: url(../img/cont-ico-04.jpg) center no-repeat;-webkit-background-size: contain; background-size: contain;} .cont-mess-t span{padding: 0 0 0 10px; display: block; line-height: 85px; font-size: 16px; text-align: center;} .cont-mess-t b{ display: block; font-size: 22px; color: #49abdb; font-weight: normal;} .cont-mess-t img{ width: auto; max-width: 100%; margin: 0 auto; display: block;} .cont-mess-b strong{ display: block; color: #49abdb; font-size: 15px; font-weight: normal;} .cont-mess-b li{ font-size: 14px; color: #777; padding: 30px 0; text-align: center; line-height: 30px; border-top: solid 1px #e6e6e6;} .cont-mess-tit{ color: #fff; padding: 30px 0 20px 0; background: url(../img/contact-tit-bg.gif) left bottom no-repeat;} .cont-mess-tit b{ font-size: 16px;} .cont-mess-tit span{ display: block; font-size: 12px; padding-top: 5px;} .cont-mess-tit-02{ color: #222; background: url(../img/contact-tit-bg-02.gif) left bottom no-repeat;} .cont-mess-tit-02 span{ display: inline-block;} .cont-mess-tit-02 i{ font-weight: normal; color: #e82318;} .cont-mess-box{ margin-left: -15px; margin-right: -15px; padding: 15px 0 30px 0; overflow: hidden;} .cont-mess-01{ border: solid 1px #c3c4c4; width: 100%; margin: 10px 0; padding: 10px;} .cont-mess-02{ border: solid 1px #c3c4c4; width: 100%; max-width: 100%; margin: 10px 0; padding: 10px; height: 100px; min-width: 100px;} .cont-mess-03{ border: solid 1px #c3c4c4; width: 100%; margin: 10px 0; padding: 10px;} .cont-mess-btn{ width: 100%; background: #066bb5; color: #fff; border: none; padding: 10px; margin: 10px 0;} .cont-mess-box div{position: relative;} .yzm{ position: absolute; top: 17px; right: 25px;} .xydw-banner{ overflow: hidden; width: 100%;} .xydw-banner-l img{ width: 100%;} .xydw-banner-r{ background: #76c125; padding: 15px;} .xydw-banner-r b{ font-size: 18px; color: #fff;} .xydw-banner-r span{ color: #97ce67; text-transform: uppercase; font-size: 16px;} .xydw-banner-r P{ font-size: 12px; color: #FFF; padding-top: 5px; border-bottom: solid 1px #9fd467; padding-bottom: 10px; margin: 0;} .xydw-txt{ padding: 0; margin: 0; padding-top: 15px; padding-bottom: 15px;} .xydw-pic{ border: solid 1px #dddddd; background: #fafafa; padding: 15px;} .xydw-pic-l p{ margin: 0; font-size: 12px; color: #066bb5;} .xydw-pic-l span{ border-left: solid 2px #a2d46c; overflow: hidden; display: block; padding-left: 10px;} .xydw-pic-l b{ display: block; color: #76c125; font-size: 22px; font-weight: normal;} .xydw-pic-l{ border-bottom: solid 1px #dddddd; padding-bottom: 15px;} .xydw-pic-l div{ text-align: center;} .xydw-pic-r{ padding-top: 15px; overflow: hidden;} .xydw-pic-r div{ width: 14.28%; float: left; text-align: center; padding-bottom: 15px;} .xydw-pic-r i{ border: solid 1px #231815; display: block; width: 60px; height: 60px; margin: 0 auto; -webkit-background-size: contain; background-size: contain;} .xydw-ico-01{ background: url(../img/xydw-ico-01.jpg) center center;} .xydw-ico-02{ background: url(../img/xydw-ico-02.jpg) center center;} .xydw-ico-03{ background: url(../img/xydw-ico-03.jpg) center center;} .xydw-ico-04{ background: url(../img/xydw-ico-04.jpg) center center;} .xydw-ico-05{ background: url(../img/xydw-ico-05.jpg) center center;} .xydw-ico-06{ background: url(../img/xydw-ico-06.jpg) center center;} .xydw-ico-07{ background: url(../img/xydw-ico-07.jpg) center center;} .xydw-ico-08{ background: url(../img/xydw-ico-08.jpg) center center;} .xydw-ico-09{ background: url(../img/xydw-ico-09.jpg) center center;} .xydw-ico-10{ background: url(../img/xydw-ico-10.jpg) center center;} .xydw-ico-11{ background: url(../img/xydw-ico-11.jpg) center center;} .xydw-ico-12{ background: url(../img/xydw-ico-12.jpg) center center;} .xydw-ico-13{ background: url(../img/xydw-ico-13.jpg) center center;} .xydw-ico-14{ background: url(../img/xydw-ico-14.jpg) center center;} .xydw-map{ border: solid 1px #dddddd; border-bottom: solid 2px #3f94d5; background: #fcfcfc; padding:0 15px;} .xydw-map img{ width: 100%;} .xydw-map-r b{ display: block; color: #066bb5; font-size: 18px; font-weight: normal;} .xydw-map-r span{ font-size: 12px;} .ppjz-box{ padding-bottom: 15px; border-bottom: solid 1px #b8b8b8;} .ppjz-box-02{ border: none; padding-top: 15px; padding-bottom: 0;} .ppjz-box img{ width: 100%;} .ppjz-box dl{margin: 0; background: #f9f9f9; overflow: hidden;} .ppjz-box b{ display: block; font-size: 16px; font-weight: normal;} .ppjz-box span{ padding-bottom: 15px; display: block; font-size: 12px; line-height: 28px;} .ppjz-box dd{ padding: 15px;} .hxys-box{ line-height: 1.6;} .hxys-box-01{ position: relative;} .hxys-bg{ background: url(../img/hxys-01-bg.png) center top repeat; z-index: 9; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .hxys-video-bg{ width: 100% !important; overflow: hidden; position: relative; overflow: hidden;background: url(../video/hxys-video-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .banner-video{ padding: 0; margin: 0; position: absolute;} .vjs-tech{ height: 100% !important;} .hxys-pic{background: url(../img/hxys-01-pic.png) center center no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 19; -webkit-background-size: contain; background-size: contain;} .hxys-pic-en{background: url(../en/img/hxys-01-pic.png) center center no-repeat;} .hxys-ico{ background: url(../img/hxys-01-ico.png) center center no-repeat; width: 47px; height: 47px; position: absolute; left: 50%; margin-left: -23px; bottom: 8%; z-index: 20; display: none;} .hxys-box-02{ padding: 50px 0; text-align: center; background: #fff;} .hxys-box img{ width: auto; max-width: 100%; margin: 0 auto; display: block;} .hxys-box-02 b{ font-size: 20px; font-weight: normal;} .hxys-box-02 p{ padding: 15px 0; margin: 0; font-size: 12px;} .kjfw-list,.kjfw-list li{ padding: 0; margin: 0; list-style: none;} .kjfw-list b{ display: block; font-size: 20px; line-height: 20px; padding-bottom: 10px; font-weight: normal; color: #555;} .kjfw-list li{ margin-bottom: 15px; color: #888; font-size: 12px;} .kjfw-list li div{ padding: 15px 15px 15px 105px;} .kjfw-ico-01{ background: #f5f5f5 url(../img/fwzn-ico-01.jpg) 15px center no-repeat;} .kjfw-ico-02{ background: #f5f5f5 url(../img/fwzn-ico-02.jpg) 15px center no-repeat;} .kjfw-ico-03{ background: #f5f5f5 url(../img/fwzn-ico-03.jpg) 15px center no-repeat;} .kjfw-ico-04{ background: #f5f5f5 url(../img/fwzn-ico-04.jpg) 15px center no-repeat;} .kjfw-ico-05{ background: #f5f5f5 url(../img/fwzn-ico-05.jpg) 15px center no-repeat;} .wdcx-kfz{ text-align: center; padding: 50px 0;} .wdcx-kfz span{padding-top: 150px; background:url(../img/wdcx-ico.jpg) center top no-repeat; display: block; font-size: 12px;} .wdcx-kfz span a{color: #0071b6;} .xxtx-box{ margin-top: 15px; background: #fff3da; border: solid 1px #fbcfac; padding: 15px;} .xxtx-box b{ display: block; font-size: 14px; font-weight: normal;} .xxtx-box p{ margin: 0; padding-left: 50px; background: url(../img/mess-ico.jpg) left center no-repeat; font-size: 12px;} .yzm-box{ position: relative;} .cont-mess-box i{ font-style: normal; color: #e82318;} .zsxx-list-02,.zsxx-list-02 li{ padding: 0; margin: 0; list-style: none;} .zsxx-list-02{ margin-top: 30px;} .zsxx-list-02 div{ background: #eee;line-height: 2;} .zsxx-list-02 i{ display: inline-block; background: #3f94d6; color: #fff; padding: 0 8px; font-style: normal;} .zsxx-list-02 span{ display: inline-block; padding-right: 5px;background: url(../img/faq-ico.jpg) right center no-repeat; margin-right: 5px;} .zsxx-list-02 p{ font-size: 12px; margin-top: 10px; margin-bottom: 20px;line-height: 2;} .zsxx-list-02 .zsxx-tit{ color: #3f94d6;} .zsxx-list-02 p a{ color: #3f94d6;} .hxys-box-03{ position: relative; padding-top: 80px; background: #f0f0f0; overflow: hidden;} .hxys-pic-01{ background: url(../img/hxys-pic-03.png) center top no-repeat; width: 100%; height: 100%;-webkit-background-size: cover; background-size: cover;position: absolute; pointer-events: none; left: 0; top: 0;} .hxys-box-03-tit{ position: absolute; text-align: center; top: 50px; color: #000; z-index: 9; width: 100%; } .hxys-box-03-tit b{ display: block; font-weight: normal; font-size: 16px;} .hxys-box-03-tit span{ display: block; font-size: 12px; font-size: 12px; color: #2d2d2d; padding: 10px;} .hxys-box-03-tit a{ color: #2765d8;} .hxys-box-04 .container{ padding: 0;} .hxys-box-04-r,.hxys-box-04-l{ text-align: center; padding: 50px 0;} .hxys-box-04-r{ background: #fff;} .hxys-box-04-l{ background: #e3eef1;} .hxys-box-04 b{ font-weight: normal; font-size: 16px; display: block;} .hxys-box-04 span{ display: block; font-size: 12px; display: block; padding: 10px 0 20px 0;} .hxys-box-04 img{ width: 40%; max-width: 100%;} .hxys-box-05{ position: relative; padding-top: 80px; background: #ddd4c3; overflow: hidden;} .hxys-box-06{ background: url(../img/hxys-pic-07.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; position: relative;} .hxys-box-06 .hxys-box-03-tit{ position: relative; top: 0; padding: 50px 0 15px 0;} .hxys-box-06 img{ position: relative; top: 0; padding: 20px 0 120px 0; width: 40%;} .hxys-box-06{} .hxys-box-07{background:#dddce1; padding-top: 80px; position: relative; overflow: hidden; display: none;} .video-btn{ text-align: center; position: absolute; width: 100%; bottom: 5%;} .video-btn a{ background: url(../img/video-btn.png) right center no-repeat; display: inline-block; padding-right: 25px; color: #2765d8; font-size: 12px;} .hxys-box-08-bg{background: url(../img/hxys-pic-12.jpg) center top repeat-y; position: fixed; width: 100%; height: 100%; left: 0; top: 0; -webkit-background-size: cover; background-size: cover; z-index: -1;} .hxys-box-08{position: relative; padding-top: 80px;} .hxys-box-08 .hxys-box-03-tit,.hxys-box-08 .hxys-box-03-tit span{color: #FFF;} .hxys-box-09{ position: relative; background: #e3eef1;} .hxys-box-09 .hxys-box-03-tit{ position: relative; top: 0; padding: 50px 0 15px 0;} .hxys-list,.hxys-list li{ padding: 0; margin: 0; list-style: none;} .hxys-list{ padding-bottom: 50px;} .hxys-list li{ width: 100%; padding-bottom: 15px;} .hxys-list img{ width: 100%;} .hxys-list span{ display: block; background: #3f94d5; text-align: center; color: #fff; line-height: 36px;} .zt-bot-list{ background: #fff; padding: 10px 0;} .zt-bot-list ul,.zt-bot-list li{padding: 0; margin: 0; list-style: none;} .zt-bot-list ul{ overflow: hidden; border-left: solid 1px #DCDDDE;} .zt-bot-list li{ float: left; width: 20%; text-align: center; border-right: solid 1px #DCDDDE;} .zt-bot-list .container{ padding: 0;} .zt-bot-btn-01{ background: url(../img/hxys-ico-01.jpg) center 5px no-repeat;} .zt-bot-btn-02{ background: url(../img/hxys-ico-02.jpg) center 5px no-repeat;} .zt-bot-btn-03{ background: url(../img/hxys-ico-03.jpg) center 5px no-repeat;} .zt-bot-btn-04{ background: url(../img/hxys-ico-04.jpg) center 5px no-repeat;} .zt-bot-btn-05{ background: url(../img/hxys-ico-05.jpg) center 5px no-repeat;} .zt-bot-list li a{ line-height: 30px; font-size: 12px; padding-top: 30px; display: block; -webkit-background-size: 25px; background-size: 25px; color: #666;} .syms-box{ position: relative; padding-top: 150px; overflow: hidden;} .syms-box-01{ background: url(../img/syms-bg-01.jpg) center bottom no-repeat; -webkit-background-size: cover; background-size: cover; text-align: center;} .syms-box-01 b,.syms-box-01 sup{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(106, 195, 105, 1)), to(rgba(53, 177, 213, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .syms-box-01-txt{ width: 100%; position: absolute; padding: 0 15px; left: 0; top: 20px; z-index: 9;} .syms-box-01 b{ font-size: 20px; font-weight: normal;} .syms-box p{ color: #808080; font-size: 12px; padding-top: 10px;} .syms-box-01 ul,.syms-box-01 li{padding: 0; margin: 0; list-style: none;} .syms-box-01 li{ display: inline-block;} .syms-box-01 ul{ padding: 15px 0 30px 0;} .syms-box-01 li{ padding:35px 15px 0 15px; -webkit-background-size: 35px; background-size: 35px; border-left:solid 1px #d3d3d4; font-size: 12px;} .syms-box-01 .syms-ico-01{ background: url(../img/syms-ico-01.png) center top no-repeat; border: none;-webkit-background-size: 35px; background-size: 35px;} .syms-ico-02{ background: url(../img/syms-ico-02.png) center top no-repeat;} .syms-ico-03{ background: url(../img/syms-ico-03.png) center top no-repeat;} .syms-ico-04{ background: url(../img/syms-ico-04.png) center top no-repeat;} .syms-box-01-txt a span{color: #2765d8; font-size: 12px; background: url(../img/syms-ico-05.png) left center no-repeat; padding-left: 25px; line-height: 22px; display: inline-block;} .syms-box img{ width: auto; max-width: 100%;} .syms-pic-02{position: absolute; width: 100%; top: 0; left: 0; text-align: center; z-index: 11; pointer-events: none;} .syms-pic-02 img{ position: relative; top: 202px; width: auto; max-width: 100%; margin: 0 auto;} .syms-box-02{ background: url(../img/syms-bg-02.jpg) center bottom repeat-x; -webkit-background-size: cover; background-size: cover; text-align: center; /*-webkit-animation: botBg-dm 1.5s linear infinite; -moz-animation: botBg-dm 1.5s linear infinite; -o-animation: botBg-dm 1.5s linear infinite; animation: botBg-dm 1.5s linear infinite;*/ } .syms-box-02-txt ul,.syms-box-02-txt li{ padding: 0; margin: 0; list-style: none;} .syms-box-02-txt{ text-align: left; width: 100%; position: absolute; padding: 0 15px; left: 0; top: 20px; z-index: 9; opacity: 0; visibility: hidden;} .syms-box-02 .show{ opacity: 1; visibility: visible;} .syms-box-02-txt ul{ text-align: center; width: 100%;} .syms-box-02-txt ul p{ visibility: hidden; opacity: 0; height: 0;margin: 0; width: 0;} .syms-box-02-txt li{ display: inline-block; overflow: hidden; font-size: 12px; margin: 0 auto;} .syms-box-02-txt li div{ padding: 5px 0;} .syms-box-02-txt li span{ line-height: 34px; float: left; padding-left: 5px; padding-right: 10px;} .syms-box-02-txt li i{ width: 34px; height: 34px; display: inline-block; float: left; border: solid 2px #2ed0b4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-background-size: 30px; background-size: 30px;} .syms-ico-05{ background: url(../img/syms-ico-06.png); } .syms-ico-06{ background: url(../img/syms-ico-07.png); } .syms-ico-07{ background: url(../img/syms-ico-08.png); } .syms-ico-08{ background: url(../img/syms-ico-09.png); } .syms-ico-09{ background: url(../img/syms-ico-10.png); } .syms-lc{ position: absolute; width: 100%;top: 180px; margin-left: -15px; display: none;} .syms-lc div{ background: url(../img/syms-lc.png); width: 129px; height: 36px; overflow: hidden; margin: 0 auto; margin-top: 15px;} .syms-lc span{ position: absolute; top: 55px; left: 0; text-align: center; width: 100%; font-size: 12px;} .slPic { position: relative;} .slPic i{ width: 20px; height: 30px; display: block; background: url(../img/sz.png); position: absolute;} .slPic .sz3{ left: 1px; top: 1px;} .slPic .sz2{ left: 28px; top: 1px;} .slPic .sz1{ left: 55px; top: 1px;} .slPic .sz0{ left: 82px; top: 1px;} .ui-loader{ display: none;} .syms-box-02-menu { position: absolute; right: 10px; top: 50%; z-index: 9; } .syms-box-02-menu * { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; } .syms-box-02-menu ul,.syms-box-02-menu li { padding: 0; margin: 0; list-style: none; } .syms-box-02-menu ul { position: relative; top: -84px; right: 0; } .syms-box-02-menu li { position: relative; height: 48px; padding: 14px 0 14px 0; right: 0; top: auto; } .syms-box-02-menu li a { color: #fff; position: absolute; padding-right: 30px; height: 30px; line-height: 30px; width: 30px; overflow: hidden; display: block; right: 0; } .syms-box-02-menu li span { position: absolute; right: 30px; background: url(../img/menu-text-bg.png) right center no-repeat; padding: 0 15px 0 10px; font-size: 12px; height: 30px; } .syms-box-02-menu li i { position: absolute; right: 9px; top: 9px; width: 12px; height: 12px; background: #000; opacity: .3; filter: alpha(opacity=30); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .syms-box-02-menu li.active i { right: 3px; top: 3px; width: 24px; height: 24px; background: url(../img/menu-btn-on.png) center center no-repeat; opacity: 1; filter: alpha(opacity=100); animation: menu-ico .5s; -moz-animation: menu-ico .5s; -webkit-animation: menu-ico .5s; -o-animation: menu-ico .5s; } .syms-box-02-txt b{ display: block; text-align: center; padding: 0; margin: 0;font-size: 18px; font-weight: normal;} .syms-box-02-txt p.txt{ display: block; text-align: center; margin: 0; padding: 0;color: #2d2d2d; font-size: 12px; padding-top: 10px;} .syms-box-02-txt p.txt a{ color: #337ab7; margin-top: 15px; display: inline-block;} .syms-box-02-txt ul.hxjs-box{ padding:10px 5px; overflow: hidden; margin: 0 auto; } .syms-box-02-txt ul.hxjs-box li{ width: 25%; float: left; font-size: 16px; padding: 0 2px; color: #2e88cb; border-left: solid 1px #b9b9ba; height: 80px; } .hxjs-box li small{ padding-top: 5px; display: block; font-size: 12px; color: #666; } .hxjs-box li:nth-child(1){ border: none;} .syms-hide{visibility: hidden; opacity: 0;} .syms-box-02-bg{ background: url(../img/syms-bg-022.jpg) center bottom repeat-x; -webkit-background-size: cover; background-size: cover; position: relative; z-index: 11;} .syms-box-03-l{ position: absolute; top: 0; z-index: -1; opacity: .2; width: 100%; height: 100%; margin-left: -15px; background: url(../img/syms-pic-04.jpg) center center no-repeat; -webkit-background-size: contain; background-size: contain;} .syms-box-03-r{ position: absolute; top: 30px; width: 100%; margin-left: -15px; padding: 0 15px;} .syms-box-03-r *{ padding: 0; margin: 0;} .syms-box-03-r dt{ border-bottom: solid 1px #000; padding: 10px 0; width: 100%; cursor: pointer;} .syms-box-03-r dd{ padding: 10px 0; display: none;} .syms-box-03-r .show dd{display: block;} .syms-box-03-r i{ background: url(../img/syms-ico-11.png); width: 25px; height: 13px; -webkit-background-size: contain; background-size: contain; display: block; float: right;-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */} .syms-box-03-r .show i{ transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari 和 Chrome */ -o-transform:rotate(0deg); /* Opera */ } .whjsL{ width: 100%; height: auto; } .whjsR{width: 100%;} .hdlmTit{ width: 100%;} .whjsL .swiper-slide{ position: relative;} .whjsPic span{ width: 100%; background: rgba(0,0,0,.7); color: #fff; width: 100%; line-height: 40px; position: absolute; left: 0; bottom: 0; z-index: 1; padding:0 15px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .syms-box-04{ background: url(../img/syms-bg-04.jpg) center bottom repeat-x; -webkit-background-size: cover; background-size: cover; text-align: center; } .syms-box-04-bg{ background: #fff; padding: 15px; position: absolute; top: 20px; text-align: left;} .syms-box-04-bg b{display: block; color: #666; font-size: 24px; font-weight: normal;} .syms-box-04-bg small{ color: #666; font-size: 12px;} .syms-box-04-bg hr{ width: 30px; display: block; margin: 15px 0; padding: 0; border: none; height: 0; border-bottom: solid 1px #484848;} .syms-box-05{ background: url(../img/syms-bg-05.jpg) center bottom repeat-x; -webkit-background-size: cover; background-size: cover; text-align: center; } .syms-box-05-box{text-align: left; display: none;} .syms-box-05-txt{top: 20px; position: absolute; width: 100%; margin-left: -15px; padding: 0 15px;} .syms-box-05-box .table{ background: rgba(255,255,255,.8); text-align: center; font-size: 12px;} .syms-box-05-box .table td{line-height: 14px;} .syms-box-05-tit{ overflow: hidden; padding-bottom: 5px;} .syms-box-05-box p{ margin: 0; padding:0 0 5px 0;} .syms-box-05-box a{ float: right;} .syms-box-05-txt a span { color: #2765d8; font-size: 12px; background: url(../img/syms-ico-12.png) left center no-repeat; -webkit-background-size: 15px; background-size: 15px; padding-left: 25px; line-height: 22px; display: inline-block; } .hs{ color: #e72847;} .syms-box-05-tab{ padding-bottom: 15px; overflow: hidden;} .syms-box-05-tab span{ font-size: 12px; float: left; width: 33.333%; line-height: 30px; padding: 1px;} .syms-box-05-tab a{background: #677075; display: block; color: #fff;} .syms-box-05-tab span.active a{background: #32a5e4;} .syms-box-05-box p.syms-zjt{ color: #32a5e4;} .syms-zj{display: none;} .syms-box-06{ background: #343436;} .syms-box-06-txt{position: absolute; top: 0; margin-left: -15px; color: #fff; padding: 15px; width: 100%; height: 100%;} .syms-box-06-txt b{ display: block; font-size: 20px; font-weight: normal; padding-top: 30px;} .syms-box-06-txt small{ font-size: 12px; display: block;} .syms-box-06-txt hr{ width: 30px; display: block; margin: 15px 0; padding: 0; border: none; height: 0; border-bottom: solid 1px #fff;} .syms-box-06-r{position: absolute; top: 30px; width: 100%; margin-left: -15px; padding: 0 15px;z-index: 2;} .syms-box-06-l{ position: absolute; top: 0; opacity: .2; width: 100%; height: 100%; margin-left: -15px; background: url(../img/syms-pic-07.jpg) center center no-repeat; -webkit-background-size: contain; background-size: contain;} .syms-box-07-txt{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; background:#fff;} .syms-box-07-l{ width: 100%; height: 100%; padding-top: 30px;} .syms-box-07-l b{ display: block;} .syms-box-07-r{display: none;background: url(../img/syms-pic-08.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;} .syms-box-07-l hr{ width: 30px; display: block; margin: 15px 0; padding: 0; border: none; height: 0; border-bottom: solid 1px #484848;} .syms-box-07-l img{ width: auto; max-width: 100%; margin-top: 15px;} .syms-box-07-txt b{ display: block; font-size: 20px; font-weight: normal; color: #333; padding-bottom: 10px;} .syms-box-07-txt small{ font-size: 12px; display: block; color: #333;} .syms-box-08{ background: url(../img/syms-bg-08.jpg) center top repeat-x; -webkit-background-size: cover; background-size: cover; text-align: center;} .syms-box-08-txt b{ color: #fff; padding-bottom: 15px; font-size: 20px; display: block; font-weight: normal; padding-top: 20px;} .syms-box-08-txt{ position: absolute; width: 100%; height: 100%; left: 0; padding: 15px; top: 0;} .syms-box-08-txt .swiper-01{border: solid 3px #fff;} .syms-box-08-txt .swiper-slide{position: relative;} .syms-box-08-txt .swiper-slide span{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0; line-height: 30px; background: rgba(0,0,0,.8); color: #fff; padding: 0 15px; width: 100%;} .syms-box-08-txt img{width: auto; max-width: 100%;} .syms-box-08-txt .pagination{ position: relative; right: 10px; top: 10px; z-index: 9; margin: 0; left: 0; width: 100%;} .syms-box-08-txt .pagination span{ width: 10px; height: 10px; display: inline-block; background: #fff; opacity: .3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: 5px; cursor: pointer;} .syms-box-08-txt .pagination span.swiper-active-switch{ opacity: 1;} .syms-prev{ left: 0; top: 50%; margin-top: -65px; position: absolute; z-index: 9; width: 40px; height: 65px;} .syms-next{ right: 0; top: 50%; margin-top: -65px; position: absolute; z-index: 9; width: 40px; height: 65px;} .syms-gd .swiper-slide{ width: 100% !important; } .syms-box-02-txt li div.syms-gd,.syms-box-02-txt li div.syms-gd div{ padding: 0;} .syms-gd{ color: #fff; height: 88px; text-align: left;} .syms-gd .swiper-wrapper .swiper-slide div{ padding: 10px 10px;} .syms-gd .swiper-scrollbar { width: 4px; height: 100%; position: absolute; right: 3px; bottom: 5px; z-index: 1; background: rgba(255,255,255,.5); } .nav li .sub-nav{display: none;} .nav li .sub-nav span{} .nav li .sub-nav-02{display: none;} .nav li .sub-nav-show{display: block;} .nav li .sub-nav-show span{ padding: 0 5px; display: block;} .nav li a{ line-height: 30px;} .nav li .sub-nav-02{background: #084b7b;} .sub-nav{ padding: 5px 0; background: #075995;} .body-box{ padding-top: 0;} .dz-box{ margin-top: 0;} .nav li a.nav-more{ background-image: url(../img/nav-more.png); background-position: right center; background-repeat: no-repeat; -webkit-background-size: 18px; background-size: 18px;} .header-h{ height: 52px;} .yl-product-mess,.yl-product-mess *{padding: 0; margin: 0;} .yl-product-mess{ overflow: hidden; margin-bottom: 20px;} .yl-product-mess dt{ float: left; margin-right: 15px; width: 100%;} .yl-product-mess dt img{ display: block; width: 100%;} .yl-product-mess dd{ display: table;} .yl-product-tit{ line-height: 40px; display: block; text-align: center; position: relative; margin-bottom: 10px;} .yl-product-tit span{ font-weight: bold; display: inline-block; background: #fff; position: relative; z-index: 2; padding: 0 20px; font-family: "微软雅黑";} .yl-product-tit hr{ border: none; border-bottom: solid 1px #ccc; overflow: hidden; height: 0; margin: 0; padding: 0; position: absolute; left: 0; top: 50%; width: 100%;} .menu .swiper-wrapper{ width: 2000px !important;} .menu .swiper-wrapper,.menu .swiper-slide{ height: auto !important;} .box-08 .swiper-wrapper,.box-08 .swiper-slide{ height: auto !important;} .box-08 .pagination span.swiper-active-switch{ background: #ffba00;} .box-pic-x .pagination{ position: absolute; right: 10px; bottom: 10px; z-index: 9; margin: 0;} .box-pic-x .pagination span{ width: 10px; height: 10px; float: left; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 5px; cursor: pointer;} .video-box{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999;} .video-pd{ width: 100%; margin: 0 auto; position: relative; top: 50%; padding: 0 15px;} .video-pdc{ padding: 40px 0; width: 100%; position: relative;} .video-ifr{ width: 100%; border: none; height: 100%;} .video-bg{display: none; background: #000; filter:alpha(opacity=60); background: rgba(0,0,0,.6); position: fixed; width: 100%; height: 100%; z-index: 99998; left: 0; top: 0;} .video-close{ width: 40px; height: 40px; padding: 10px; position: absolute; right: 0; top: 0; background: #3d95d5; cursor: pointer;} .video-close img{ width: 100%;} .n-box-01{ overflow: hidden; padding-bottom: 15px;} .n-tit{ background: #efefef; overflow: hidden; width: 100%;} .n-tit,.n-tit *{padding: 0; margin: 0;} .n-tit-02{ background: none; padding: 10px 0; border-top: solid 2px #88ba27;} .box-bdt .n-tit-02{ border: none;} .n-tit dt i{ float: left; width: 4px; height: 26px; background: #88ba27; margin: 0 10px 0 0;} .n-tit dt span{ color: #88ba27;} .n-tit dt{ color: #000; font-size: 14px; line-height: 26px; height: 26px; float: left;} .n-tit dd{ float: right; padding-right: 10px; line-height: 26px; font-size: 14px;} .n-tit dd a{ color: #777; font-size: 12px;} .n-list,.n-list li{padding: 0; margin: 0; list-style: none;} .n-list li{ line-height: 32px; display: block; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .n-gyylxny img{ width: 100%;} .n-gyylxny a{ position: relative; display: block;} .n-gyylxny span{ line-height: 40px; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.6); color: #fff; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 0 5px;} .n-video-pic{ position: relative;} .n-jcsp-box i,.n-video-pic i{ background: url(../img/play-ico.png) center center no-repeat; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;} .n-video-pic span{ display: block; z-index: 8; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; width: 100%; line-height: 40px; text-align: center; color: #fff;} .n-jcsp-box .news-box{margin-bottom: 0;} .n-jcsp-box img{} .n-jcsp-box{ padding: 10px; border: solid 1px #d9d9d9;} .n-video-list *{padding: 0; margin: 0;} .n-video-list{ background: #efefef;} .n-video-list dl{ overflow: hidden; padding: 10px 0; border-bottom: solid 1px #d9d9d9;} .n-video-list dt{ float: left; padding-right: 10px;} .n-video-list dd{ display: table; height: 56px;} .n-video-list dd a{ display: table-cell; vertical-align: middle;} .box-08-pic img{width: 100%;} .n-video-box{ margin-bottom: 15px;} .box-bdt{ border-top: solid 2px #88ba27;} .yy-box .swiper-slide img{width: 100%;} .yy-box .swiper-slide div{position: relative;} .yy-box .swiper-slide span{ position: absolute; left: 0; bottom: 0; z-index: 2; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding: 0 50px 0 10px; line-height: 40px; background: rgba(0,0,0,.6);} .n-rczp-box{ margin-bottom: 15px; overflow: hidden;} .n-rczp-box ul{ overflow: hidden;} .n-rczp-box ul,.n-rczp-box li{padding: 0; margin: 0; list-style: none;} .n-rczp-box li{font-size: 12px; width: 50%; float: left; text-align: center; padding: 2px;} .n-rczp-box li a { background: #eceff1; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 40px; line-height: 40px; } .n-box-02{ margin-bottom: 15px;} .n-box-03{ margin-bottom: 15px;} .n-mzfx-box{ border-top: solid 2px #88ba27;} .n-mzfx-box{ margin-bottom: 15px;} .n-mzfx-box ul,.n-mzfx-box li{padding: 0; margin: 0; list-style: none;} .n-mzfx-box li{ line-height: 30px; padding-right: 60px; position: relative;} .n-mzfx-box li .link{ display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; position: relative;} .n-mzfx-box li .download{ position: absolute; position: absolute; right: 0; top: 0;} .n-mzfx-box li .download img{ margin-top: 2px; display: block;} .content-box img{ width: auto !important; max-width: 100%; height: auto !important;} .zp-box{ overflow: hidden; padding-top: 40px;} .zp-box-t{ background: #f5f5f5; border: solid 1px #e6e9ed; display: none;} .zp-box-t span{ height: 40px; line-height: 40px; text-align: center;} .zp-box-b{ display: block; padding: 10px; line-height: 30px; overflow: hidden;} .zp-box-b:nth-child(odd){background: #f7f7f7;} .zp-box-name{ float: left; width: 100%;} .zp-box-name a{ color: #066bb5; font-size: 14px;} .zp-box-add{ color: #444; float: left; padding-right: 10px;} .zp-box-time{ color: #444; float: left;} .zp-box-btn{ line-height: 26px; float: right; margin: 2px 0 0 0;} .zp-box-btn a{ background: #89b929; width: 90px; text-align: center; display: block; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; color: #fff;} .zp-box-btn a:hover{ background: #3f94d6;} .zp-tit{ padding-top: 40px; overflow: hidden;} .zp-tit b{ color: #066bb5; font-weight: normal; font-size: 20px; padding-bottom: 10px; display: block;} .zp-tit .zp-r{margin: 0;} .zp-r-mess span{line-height: 24px; padding-right: 10px;} .zp-tit .zp-r .fx-box{ float: none;} .zp-mess{ border: solid 1px #e6e6e6; background: #f4f4f4; position: relative; margin-top: 15px;} .zp-mess-ico{ position: absolute; top: 0; right: 30px;} .zp-mess ul,.zp-mess li{padding: 0; margin: 0; list-style: none;} .zp-mess ul{ padding: 15px;} .zp-mess li{line-height: 40px;} .zp-mess-btn{ padding: 30px 0;} .zp-mess-btn a,.zp-mess-btn input{ width: 205px; height: 50px; line-height: 50px; text-align: center;display: block; margin: 0 auto; font-size: 14px; background: #ff6700; color: #fff;} .zp-ok-btn{ padding: 30px 0;} .zp-ok-btn a,.zp-ok-btn input{ width: 205px; height: 50px; line-height: 50px; text-align: center;display: block; margin: 0 auto; font-size: 14px; background: #066bb5; color: #fff;} .zp-mess{ overflow: hidden;} .zp-mess li b{ float: left; width: 85px; text-align: right; padding-right: 10px;} .zp-mess li span{display: table; padding-right: 10px;} .zp-ok{text-align: center; padding: 50px 0;} .zp-ok i{ display: block; margin: 0 auto;} .zp-ok b{ padding: 20px 0 10px 0; display: block; color: #066bb5; font-weight: normal; font-size: 16px;} .zp-ok p{margin: 0;} .zp-ok span{ color: #ee353c; text-decoration: underline; padding-right: 5px;} .n-video-box{ overflow: hidden; padding: 10px 0;} .n-video-dl{ float: left; line-height: 38px; margin-right: 20px; padding-left: 20px; background: url(../img/dl-ico.png) left center no-repeat;} .n-video-box-l{ width: 100%; overflow: hidden;} .n-video-box-l .video{width: 100%;} .n-video-box-r{ width: 100%; background: #efefef; padding: 10px;} .n-video-box-r .hd{ overflow: hidden; padding-bottom: 10px;} .n-video-box-r .hd span{ width: 50%; float: left; text-align: center; line-height: 40px; background: #ddd; cursor: pointer;} .n-video-box-r .hd span.on{background: #3f94d5; color: #fff;} .n-video-list2{ height: 200px; overflow-y: scroll; padding-right: 5px; display: none;} .n-video-box-r .bd .on{ display: block;} .n-video-list2 a{display: block;} .n-video-list2 dl{ overflow: hidden; padding: 0; margin: 0; } .n-video-list2 dt{ float: left; padding: 5px; width: 98px;} .n-video-list2 dt i{ width: 100%; display: block; height: 0; padding-bottom: 63.6%; overflow: hidden; position: relative;} .n-video-list2 dt i img{ width: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto;} .n-video-list2 dd { display: table; font-size: 12px; padding: 5px;} .n-video-list2 dd span{ display: block; font-size: 12px; padding-top: 5px;} .n-video-list2 dd b{font-weight: normal;} .n-video-list2 .on{ background: #3f94d5;} .n-video-list2 .on dd{ background: #3f94d5; color: #fff;} .n-video-list2 .on dd *{ color: #fff;} .video-pdc .video{ width: 100%; height: 100%; background: #000;} .banner-pic{ width: 100%; height: 0; padding-bottom: 34.09%; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat;} .n-tit{ margin-bottom: 10px;} .n-ind-t-pic{} .n-ind-t-pic img{ width: 100%;} .n-ind-t-pic a{ position: relative; display: block;} .n-ind-t-pic span{ line-height: 40px; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.6); color: #fff; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 0 5px;} .n-jcsp-pic{ width: 100%; position: relative;} .n-jcsp-pic img{ width: 100%;} .n-jcsp-pic i{ background: url(../img/play-ico.png) center center no-repeat; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;} .n-jcsp-pic span { position: absolute; left: 0; bottom: 0; z-index: 2; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; padding: 0 50px 0 10px; line-height: 40px; background: rgba(0,0,0,.6);} .n-jcsp-box-02{ width: 100%;} .n-jcsp-box-02 *{padding: 0; margin: 0;} .n-jcsp-box-02 dl{ overflow: hidden; background: #efefef; margin-bottom: 5px; cursor: pointer;} .n-jcsp-box-02 dt{ float: left;} .n-jcsp-box-02 dd{ padding: 10px; display: table; height: 57px;} .n-jcsp-box-02 dd span{ display: table-cell; vertical-align: middle;} .n-jcsp-box-02 dl:hover,.n-jcsp-box-02 dl.on{ background: #ddd;} .n-jcsp-box-02 .hd{ margin-top: 5px;} .n-syms-box{padding: 0; list-style: none; margin:-1px; overflow: hidden;} .n-syms-box li{ padding: 1px; float: left; width: 33.33%;} .n-syms-box li a{ background: #efefef; display: block; text-align: center; padding: 15px 0;} .n-syms-box li i{ background-position: center bottom; -webkit-background-size: cover; background-size: cover; width: 60px; height: 60px; display: block; margin: 0 auto;} .n-syms-box li i.nsyms-ico-01{ background-image: url(../img/nsyms-ico-01.png);} .n-syms-box li i.nsyms-ico-02{ background-image: url(../img/nsyms-ico-02.png);} .n-syms-box li i.nsyms-ico-03{ background-image: url(../img/nsyms-ico-03.png);} .n-syms-box li i.nsyms-ico-04{ background-image: url(../img/nsyms-ico-04.png);} .n-syms-box li i.nsyms-ico-05{ background-image: url(../img/nsyms-ico-05.png);} .n-syms-box li i.nsyms-ico-06{ background-image: url(../img/nsyms-ico-06.png);} .n-syms-box li span{ display: block; padding-top: 10px;} .n-syms-box li a:hover i{ background-position: center top;} .n-syms-box li a:hover span{ color: #77b757;} .ngscp-box{ background: #f7f7f7; padding: 10px 0 30px 0;} .ngscp-box .n-tit{ background: none;} .swiper-npro .swiper-slide,.swiper-npro .swiper-wrapper{ height: auto !important;} .swiper-npro .swiper-slide div{ width: 123px; height: 90px; padding: 0 2px; overflow: hidden;} .swiper-npro .swiper-slide div a{ position: relative; display: block;} .swiper-npro .swiper-slide img{ width: 100%;} .swiper-npro .swiper-slide span{ position: absolute; width: 100%; bottom: 0; text-align: center; z-index: 2; color: #fff; left: 0; background: #000; background: rgba(0,0,0,0.8); line-height: 25px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; font-size: 12px;} .npro-btn div{ position: absolute; z-index: 9; height: 90px; cursor: pointer;} .npro-btn img{ height: 100%;} .npro-btn .npro-next{right: 0;} .footer-t{ border-top: solid 3px #88ba27; background: #e8e8e8; border-bottom: solid 2px #fff;} .footer-t ul,.footer-t li{ padding: 0; margin: 0; list-style: none;} .footer-t ul{ overflow: hidden; border-left: solid 2px #fff;} .footer-t li{ width: 25%; float: left; text-align: center; border-right: solid 2px #fff; line-height: 36px;} .footer-t img{ display: none;} .footer{ background: #f1f1f1;} .footer-t a{display: block;} .footer-t a b{ font-weight: normal;} .pf-box{ display: none;} .cx-link{ overflow: hidden; margin: 0 -5px; padding-bottom: 30px; } .cx-link span{ float: left; width: 50%; text-align: center; padding: 0 5px;} .cx-link a{ display: block; background: #00297b; line-height: 40px; color: #fff;} .cx-link a.on{ background: #89b929;} .cx-search{ overflow: hidden; padding:0 10px; background: #f4f4f4; border: solid 1px #ddd;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .cx-search *{ padding: 0; margin: 0;} .cx-search dl{ overflow: hidden; padding: 10px 0; position: relative;} .cx-search dt{ width: 100%; line-height: 40px; text-align: center;} .cx-search dd{ width: 100%;} .cx-search dd input{ width: 100%; height: 40px; border: solid 1px #ddd; padding: 0 5px;} .cx-search dd span{ text-align: center; padding-top: 10px; display: block;} .cx-btn-box{ margin: 0 -5px; overflow: hidden;} .cx-btn-box span{ width: 100%; float: left; padding: 0 5px;} .cx-btn{ width: 100%; line-height: 40px; border: none; background: #066bb5; color: #fff; margin-bottom: 10px; cursor: pointer;} .sy-btn{ width: 100%; line-height: 40px; border: none; background: #066bb5; color: #fff; display: block; margin-bottom: 10px; text-align: center;} .cx-btn:hover,.sy-btn:hover{color: #fff; background: #89b929;} .cx-table-box{ padding-top: 20px;} .cx-table td{ text-align: center;} .cx-table thead{ background: #e8e8e8;} .cx-table thead td{ color: #066bb5;} .cx-table tbody tr{ font-size: 12px;} .cx-table tbody tr:nth-child(even){ background: #f3f3f3;} .cx-table td .cx-img-btn{ color: #89b929;} .layui-layer-rim{ width: 90% !important;} .layui-layer-content{text-align: center;} .cx-img{ max-width: 100%; width: auto;} .site-map-mini *{ padding:0; margin:0;} .site-map-mini a{ line-height: 40px;} .site-map-mini dt a{ display: block; color:#066bb5;} .site-map-mini dl{margin-bottom:15px; padding-bottom: 15px; overflow: hidden; border-bottom:solid 1px #eee;} .site-map-mini dd a{ display: block;} .site-map-mini dd span{ float:left; width:50%;} .totop{ display: none;} } @media (min-width: 480px) { .banner-pic{ height: 0; padding-bottom: 34.09%;} .banner-min-02{ background-image: url(../img/banner-002.jpg);} .mtbd-list,.jrtt-list {margin-left: -10px; margin-right: -10px; overflow: hidden;} .mtbd-list li,.jrtt-list li{ width: 50%; float: left; padding-left: 10px; padding-right: 10px;} .pro-menu-sub-b dl{ width: 50%; float: left;} .hxys-box-06 img{ padding-bottom: 180px;} } @media (min-width: 768px) { .body-box{margin-left: -10px; margin-right: -10px;} .banner{ padding: 0;} .pagination-box{ bottom: 20px;} .pagination-banner span{ margin: 0 10px;} .box-01{ width: 33.333%; float: left; padding: 0 10px; height: 175px; overflow: hidden;} .box-01 .news-box dd:nth-child(3){display: none;} .news-pic{ width: 50%; float: left; margin: 0;} .box-02{ width: 66.666%; float: right; height: 175px; overflow: hidden; padding: 0 10px;} .box-02 .news-box{ width: 50%; float: left; padding-left: 15px;} .box-02 dd:nth-child(4),.box-02 dd:nth-child(5){ display: block;} .box-02 .news-box dd a{ line-height: 27px;} .box-03{ width: 33.333%; float: left; padding: 0 10px;} .box-04{ width: 66.666%; float: left; padding: 0 10px;} .box-05{ width: 66.666%; float: left;} .box-06{ width: 33.333%; float: left; padding: 0 10px;} .box-08{ width: 100%; float: left; padding: 0 10px;} .logo{ width: 151px;} .nav-btn{margin-top: 13px;} .nav-btn span{ width: 33px; height: 3px; margin: 7px 0;} .nav-show{ top: 80px;} .box-04 .hd{ width: 50%; float: left; padding-right: 5px;} .box-04 .bd{ width: 50%; float: left; margin-top: 2px;} .box-04 li{padding: 2px;} .box-04 .bd img{ display: none;} .box-04 .bd .scroll-box p{ padding-left: 0;} .box-04 .bd .scroll-box{ height: 164px;} .yy-box{ float: left; width: 50%; padding:0 10px;} .jd-box{ float: left; width: 50%; padding:0 10px;} .box-06 li{ line-height: 26px;} .shgy-box{display: none;} .box-07{display: block; float: left; width: 100%; padding: 0 10px; margin-bottom: 15px;} .box-08 .box-pic{ margin-left: -2px; margin-right: -2px;} .box-08 .box-pic-x{ width: 40%; float: left; margin: 0;} .box-08 .box-pic-m{ width: 20%; float: left; margin: 0;} .box-08 .box-pic-m div{ width: 100%;} .footer-b span{ float: right;} .footer-b p{ float: left;} .footer-b b{ display: inline-block;} .site-map{ float: left;} .site-map dt{text-align: left;} .qr-box{ float: right;} .jcwz-box {width: 33.333%; float: left; padding: 0 15px;} .box-07 ul,.box-07 li{ padding: 0; list-style: none; margin: 0;} .box-07 dl{ margin: 0; padding: 0;} .box-07 dt{ display: none;} .box-07 dd{ height:73px; padding: 7px; line-height: 30px; background: #f5f5f5; border: solid 1px #ddd;} .box-07 dd a{ display: block; font-size: 14px; color: #066bb5;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .box-07 dd { font-size: 12px; co lor: #555;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .box-07 li{ font-size: 12px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .box-07-cont{ margin-left: -10px; margin-right: -10px;} .rczp-box{ width: 33.333%; float: left; padding: 0 10px;} .mzfx-box{ width: 33.333%; float: left; padding: 0 10px;} .rczp-box ul,.rczp-box li{ padding: 0; margin: 0; list-style: none;} .rczp-box li{ font-size: 12px; width: 50%; float: left; text-align: center; padding: 2px;} .rczp-box li a{ background: #eceff1; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;height: 40px; line-height: 40px;} .rczp-box li a:hover{ background: #066bb5; color: #fff;} .mzfx-box li span{ float: right; position: absolute; right: 0; top: 0; color: #999;} .mzfx-box li {padding-right: 80px; position: relative;} .box-tit{ font-size: 14px; line-height: 40px;} .box-tit-02{ font-size: 14px; line-height: 40px;} .site-map{ width: 450px;} .menu-box{ top: 80px;} .dz-box div{display: block;} .ldgh-box li p,.ygfc-box li p{ font-size: 14px;} .ygfc-box li span{ padding: 5px 20px;} .ldgh-box li span{ font-size: 14px;} .dsj span{ font-size: 24px; width: 110px;} .dsj i { width: 70px;} .dsj li{ font-size: 14px;} .dsj ul {margin-left: 80px;} .ry-box li{width: 33.333%;} .zc-pic span{ font-size: 14px;} .tab-content *{ font-size: 14px;} .tab li{ width: 33.33%;} .tab li a{ padding: 0; font-size: 14px;} .ldgh-box li{ width: 33.333%;} .swiper-menu .swiper-slide a{padding:0 25px; font-size: 14px; } .swiper-menu .swiper-slide span.nav-xl{ padding-right: 25px;} .shzr-l{ float: left; width: 24.75%;} .shzr-r{ float: left; width: 75.25%; padding-left: 2px;} .shzr-r span{ width: 50%; float: left; padding:0 1px;} .shzr-r div{ margin-left: -1px; margin-right: -1px;} .zgs-tit{ font-size: 18px;} .zgs-cont{ font-size: 16px;} .cybj-box li{ width: 50%; float: left;} .cybj-box p{ height: 60px;} .banner-min p,.banner-min-02 p{ padding-bottom: 15px; font-size: 14px; line-height: 32px;} .banner-min-02 p{ background: none;} .news-tit{ padding: 10px 0 15px 0; line-height: 30px;} .news-tit b{ font-size: 22px; font-weight: normal;} .news-tit a{ font-size: 14px;} .news-t{ overflow: hidden;} .news-list{ overflow: hidden; margin-left: -15px; margin-right: -15px;} .news-list li{ width: 50%; float: left; padding-left: 15px; padding-right: 15px;} .mtbd-list p a{ font-size: 14px; height: 44px;} .mtbd-list,.mtbd-list{ padding-bottom: 30px;} .cscz-box{ padding-bottom: 15px;} .news-list li .news-r{ height: 125px;} .news-list-pic{ margin-left: -10px; margin-right: -10px;} .news-list-pic li{ width: 50%; float: left; padding: 0 10px;} .news-list-pic span{ line-height: 40px; height: 40px; font-size: 14px;} .news-list-pic span i{ -webkit-background-size: 13px; background-size: 13px; top: 9px;} .video-list li{ width: 33.333%;} .swiper-pro-menu .menu-yj img{ width: 155px;} .pro-menu{ padding: 0 48px;} .pro-menu-box .pro-menu-prev,.pro-menu-box .pro-menu-next{ width: 48px; top: 25px; padding: 0 10px;} .pro-menu-sub-t ul{ float: left; padding: 5px 0;} .pro-menu-sub-t li{ line-height: 28px; padding: 0 10px;} .pro-car-search{ float: right; width: 250px; margin: 5px 0;} .pro-menu-sub-b dl{ width: 50%; float: left;} .pro-menu-sub{ top: 127px;} .pro-menu-sub-b dt img{ padding: 10px 0;} .pro-menu-sub-b dt span{ line-height: 80px;} .pro-menu-box{ height: 129px;} .pro-menu-h{ height: 144px;} .sx-t{ overflow: hidden; border-bottom: solid 1px #e6e6e6; padding-bottom: 5px;} .sx-tit{ float: left; border: none; line-height: 28px;} .pro-car-search{ margin: 0;} .sx-box dl{ position: relative;} .sx-box dt{ position: absolute; width: 90px; left: 0; top: 0; text-align: right;} .sx-box dd{ float: left; padding-left: 100px;} .pro-list li{ width: 33.333%;} .swiper-pro-menu li{ line-height: 46px; font-size: 14px;} .tj-tit{ line-height: 40px; font-size: 18px;} .pro-box{ padding: 0 44px;} .pro-left{ background: url(../img/pro-prev.jpg); width: 34px; height: 60px; position: absolute; left: 0; cursor: pointer; -webkit-background-size: cover; background-size: cover;} .pro-right{ background: url(../img/pro-next.jpg); width: 34px; height: 60px; position: absolute; right: 0; cursor: pointer; -webkit-background-size: cover; background-size: cover;} .pro-mess-tabs img,.pro-fw-btn img{width: 50px;} .pro-mess-tabs span,.pro-fw-btn span{ font-size: 14px;} .pro-mess-tabs a,.pro-fw-btn{ padding: 20px 45px;} .pro-tab-content .tab-cont *{ font-size: 16px;} .pro-tab-content .tab-cont h3{ font-size: 26px;} .content-box{ font-size: 16px;} .cont-mess-01,.cont-mess-02,.cont-mess-03,.cont-mess-btn{ margin: 15px 0;} .cont-mess-tit b{ font-size: 20px; font-weight: normal; padding-right: 10px;} .cont-mess-tit span{ display: inline-block;} .cont-mess-t { overflow: hidden;} .cont-mess-btn{ font-size: 16px;} .yzm{ position: absolute; top: 22px;} .xydw-pic{ overflow: hidden;} .xydw-pic-l{ float: left; width: 50%; border-bottom: none; border-right: solid 1px #ddd; padding-right: 15px;} .xydw-pic-r{border-left: solid 1px #ddd; float: left; width: 50%;padding-left: 15px; margin-left: -1px; padding-top: 35px;} .xydw-pic-r i{ width: 74px; height: 74px;} .xydw-pic-r span{ padding-top: 10px; display: block;} .xydw-map{ overflow: hidden;} .xydw-map-l{ float: left; width: 40%;} .xydw-map-r{ float: left; width: 60%; padding-left: 15px; } .xydw-map-r p{background: url(../img/lr-pic-10.jpg) center top no-repeat; -webkit-background-size: contain; background-size: contain; padding-top: 150px;} .en-xydw-map-r p{background: url(../en/img/en-lr-pic-10.jpg) center top no-repeat; padding-top:0; height:100%;} .ppjz-box dt{ float: right; width: 50%;} .ppjz-box-02 dt{ float: left;} .ppjz-box dd{ display: table; padding-bottom: 0;} .ppjz-box b{ font-size: 18px;} .ppjz-box span{ font-size: 14px; padding-bottom: 10px;} .hxys-ico{display: block;} .hxys-box-02 b{ font-size: 32px;} .hxys-box-02 p{ font-size: 14px;} .hxys-box-02{ padding: 70px 0;} .kjfw-list{ margin-left: -10px; margin-right: -10px;} .kjfw-list li div{ height: 170px;} .kjfw-list b{ font-size: 30px; line-height: 30px; } .kjfw-list li{ width: 50%; float: left; padding: 0 10px; margin-bottom: 20px; font-size: 14px;} .wdcx-kfz{ padding: 100px 0;} .wdcx-kfz span{ font-size: 14px;} .yzm{ top: 28px;} .kjfw-list-02 li { width: 100%;} .kjfw-list-02 li div{ height: auto;} .zsxx-list-02 .zsxx-tit{ line-height: 45px; font-size: 18px;} .zsxx-list-02 i{ padding:0 15px; font-size: 22px;} .zsxx-list-02 p{ font-size: 14px; margin-top: 10px; margin-bottom: 25px;} .hxys-box-03-tit{ top: 70px;} .hxys-box-03{ padding-top: 0;} .hxys-box-03-tit b{ font-size: 30px;} .hxys-box-03-tit span{ font-size: 14px;} .hxys-box-03-tit a{ font-size: 14px;} .hxys-box-04 b{ font-size: 30px;} .hxys-box-04 span{ font-size: 14px; padding: 20px 0 30px 0;} .hxys-box-04{ background: url(../img/hxys-box-04-bg.jpg) center top;} .hxys-box-04-l,.hxys-box-04-r{ float: left; width: 50%;} .hxys-box-04 img{ width: 60%;} .hxys-box-05{ padding-top: 0;} .hxys-box-06 .hxys-box-03-tit{ padding-top: 70px;} .hxys-box-06 img{ width: auto; max-width: 100%;} .hxys-box-07{padding-top: 0; background: url(../img/hxys-pic-09.jpg) center top repeat-x; -webkit-background-size: cover; background-size: cover;} .video-btn{ bottom: 60px;} .video-btn a{ font-size: 14px;} .hxys-box-08{padding-top: 0;} .hxys-box-08 .hxys-box-03-tit{ top: 150px;} .hxys-box-09 .hxys-box-03-tit{ padding-top: 70px;} .hxys-list{ padding-bottom: 80px; padding-top: 40px; overflow: hidden; margin-left: -5px; margin-right: -5px;} .hxys-list li{ width: 20%; float: left; padding: 5px;} .zt-bot-list .container{ padding: 0 15px;} .syms-box{ padding-top: 50px;} .syms-pic-02 img{ top: 130px;} .syms-box-01 b{ font-size: 42px; font-weight: bold;} .syms-box-01 li,.syms-box-01 .syms-ico-01{ -webkit-background-size: 58px; background-size: 58px;} .syms-box-01 li{ padding: 60px 50px 0 50px; font-size: 16px;} .syms-box-01 p{ font-size: 14px;} .syms-box-01 a span{ font-size: 14px;} .syms-box-02-txt li i{ width: 74px; height: 74px; -webkit-background-size: 70px; background-size: 70px; float: none;} .syms-box-02-txt li span{ display: block; float: none;} .syms-box-02-txt li{ float: left; width: 20%; height: 122px; overflow: hidden;} .syms-box-02-txt ul{ padding-top: 50px; height: 172px;} .syms-box-02 .container{position: relative;} .syms-box-02-txt li:hover{ height: auto;} .syms-box-02-txt li:hover>div{ background: #2ed0b4;} .syms-box-02-txt li:hover i{ background-position: center bottom;} .syms-box-02-txt li:hover span{color: #fff; line-height: 40px;} .syms-box-02-txt li:hover p{visibility: visible; opacity: 1; color: #fff; padding: 0 10px; margin: 0; height: 68px; margin: 10px 0; overflow: hidden; width: 100%; text-align: left;} .syms-lc{ position: absolute; width: 100%;} .syms-lc div{ margin-top: 30px;} .syms-lc span{ top: 70px;} .syms-box-02-menu li a:hover { width: 108px; } .syms-box-02-txt b{ font-size: 36px; padding-top: 20px;} .syms-box-02-txt p.txt{ font-size: 14px;} .syms-box-02-txt p.txt a{ font-size: 16px;} .syms-box-02-txt ul.hxjs-box li{ width: 25%;} .syms-box-02-txt ul.hxjs-box li:nth-child(1){border: none;} .syms-box-02-txt ul.hxjs-box li{ font-size: 28px; height: auto;} .syms-box-03 .container{position: relative;} .syms-box-03-l{width: 45%; margin-left: 0; opacity: 1;} .syms-box-03-r{width: 45%; margin-left: 0; right: 0;} .syms-box-03-r dt{ font-size: 22px; font-weight: normal; padding: 15px 0;} .syms-box-03-r dt i{ margin-top: 10px;} .syms-box-03-r dd{ font-size: 14px; padding: 15px 0;} .whjsPic span{ font-size: 14px;} .syms-box-04-bg{ padding: 25px 75px 25px 25px; top: 18%;} .syms-box-04-bg b{ font-size: 38px;} .syms-box-04-bg small{font-size: 12px;} .syms-box-04-bg hr{margin: 15px 0;} .syms-box-05 .container{position: relative;} .syms-box-05-txt{ margin-left: 0; left: 0;} .syms-box-05-tab{ float: left; width: 120px;} .syms-box-05-tab span{ width: 100%; padding: 0;} .syms-box-05-tab a{ line-height: 30px; padding: 15px 0; font-size: 14px;} .syms-box-05-cont{ float: right; width: 580px;} .syms-box-05-txt b{ font-size: 33px; font-weight: normal;} .syms-box-05-tit a{ margin-top: 10px;} .syms-box-05-tit a span{ font-size: 18px; -webkit-background-size: 30px; background-size: 30px; line-height: 30px; padding-left: 36px;} .syms-box-05-tit{ padding: 15px 0;} .syms-box-05-box p{ font-size: 14px; color: #2d2d2d; padding-bottom: 15px;} .syms-box-05-box .table td{ line-height: 2;} .syms-box-05-tab span.active a{ background:#32a5e4 url(../img/syms-ico-13.jpg) right center no-repeat;} .syms-zj{display: block;} .syms-box-06 {background: url(../img/syms-bg-06.jpg) center center no-repeat;} .syms-box-06 .container{position: relative;} .syms-box-06-l{ float: left; position: relative; width: 50%; opacity: 1;} .syms-box-06-r{ float: right; width: 50%; position: relative; color: #555; padding:0 0 0 20px ;} .syms-box-06-r b{ font-size: 28px; color: #000;} .syms-box-06-r small{ font-size: 14px; line-height: 1.8;} .syms-box-06-r hr{border-bottom: solid 1px #484848;} .syms-box-07 .container{position: relative;} .syms-box-07-txt{background: none;} .syms-box-07-l{ float: left; position: relative; width: 50%; padding-right: 20px;} .syms-box-07{background: url(../img/syms-bg-07.jpg) center center no-repeat;-webkit-background-size: cover; background-size: cover;} .syms-box-07-l b{ font-size: 28px;} .syms-box-07-l small{ font-size: 14px; line-height: 1.8;} .syms-box-08 .container{ position: relative;} .syms-box-08-txt{ padding: 0 80px;} .syms-box-08-txt b{font-size: 32px; padding-top: 30px;} .syms-box-08-txt .swiper-01{ border: solid 5px #fff;} .syms-box-08-txt .pagination span{ width: 14px; height: 14px; margin-left:12px;} .syms-next,.syms-prev{width: 80px; height: 130px;} .body-box{ padding-top: 0;} .dz-box{margin-top: 0;} .header-h{ height: 80px;} .yl-product-mess{ margin-bottom: 40px;} .yl-product-mess dt{ width: 66%; padding-right: 15px; } .yl-product-mess dd{width: auto; max-width: 100%;} .yl-product-tit{ margin-bottom: 20px;} .yl-product-tit span{ font-size: 18px;} .pro-tab-content .tab-cont .yl-product-tit span{ font-size: 18px;} .video-pd{ width: 640px;} .t-01{ overflow: hidden; padding-bottom: 20px;} .t-01 .n-jdt-box{ float: left; width: 33.33%; padding: 0 10px;} .t-02{ overflow: hidden; padding-bottom: 20px;} .n-box-02{ float: left; width: 40%; padding:0 10px; margin-bottom: 0;} .n-box-03{ float: left; width: 100%; padding:0 10px; margin-bottom: 0;} .n-jcsp-box{ overflow: hidden;} .news-pic{ width: 100%;} .news-pic-box{ width: 63%; float: left; padding-right: 10px;} .n-video-list{ width: 37%; float: left; height: 158px; overflow-y: scroll;} .n-video-list dt{ display: none;} .n-video-list dd a{} .t-03{ overflow: hidden; padding-bottom: 20px;} .t-03 .n-video-box{ padding: 0 10px; margin: 0; width: 33.33%; float: left;} .box-04{margin: 0;} .box-04 li span{ padding-top: 30px; height: 57px;} .box-04 .bd .scroll-box{ height: 118px;} .box-04 .bd{ height: 118px;} .t-04{ overflow: hidden; padding-bottom: 20px;} .yy-box{ margin-bottom: 0;} .t-05{ overflow: hidden; padding-bottom: 20px;} .t-05 .n-video-box{padding: 0 10px; margin: 0; width: 33.333%; float: left;} .n-rczp-box{ float: left; width: 50%; padding: 0 10px 0 0;} .n-mzfx-box{ float: left; width: 50%; padding: 0 0 0 10px;} .t-05 .rcmz-box{ float:left; width: 66.666%; padding: 0 10px;} .n-rczp-box li a{ line-height: 36px; height: 36px;} .n-rczp-box{ margin-bottom: 0;} .t-05 .n-rczp-box{ height: 160px;} .n-mzfx-box li{ line-height: 30px;} .n-mzfx-box{ border: none; margin-bottom: 0; height: 160px; overflow: hidden;} .n-mzfx-box li .download img{ margin-top: 0px;} .content-tit h2{ float: none;} .zp-box-t{display: block; overflow: hidden;} .zp-box-t span{ line-height: 60px; height: auto;} .zp-box-name{ width: 40%; padding-left: 80px;} .zp-box-t .zp-box-name{ text-align: left;} .zp-box-b{ padding: 10px 0; line-height: 40px;} .zp-box-add{ width: 20%; padding: 0;} .zp-box-time{ width: 20%; padding: 0;} .zp-box-btn{ width: 20%; padding: 7px 0;} .zp-box-b span{ text-align: center;} .zp-box-b .zp-box-name{ text-align: left;} .zp-box-btn a{ margin: 0 auto;} .zp-tit b{ font-size: 28px; float: left;} .zp-r{ overflow: hidden; width: 100%;} .zp-r-mess span{ float: left; line-height: 38px; font-size: 14px;} .zp-tit .zp-r .fx-box{ float: left;} .zp-mess{ overflow: hidden; padding:35px 30px;} .zp-ok{text-align: center; padding: 150px 0;} .zp-ok b{ font-size: 18px; font-weight: normal;} .n-box-01{ width: 40%; float: left; padding: 0 10px;} .n-box-03{ width: 100%; float: left; padding: 0 10px; margin-bottom: 0;} .n-jcsp-box-02 .n-jcsp-pic{ width: 65%; float: left;} .n-jcsp-box-02 .hd{ float: left; width: 35%; margin-top: 0; padding-left: 5px; height: 221px; overflow-y: scroll;} .n-jcsp-box-02 .hd img{ display: none;} .n-jcsp-box-02 dl{ margin-bottom: 4px;} .n-jcsp-box-02 dd{ height: 41px;} .n-syms-box li a{ padding: 10px 0;} .t-03{ margin: 0 -10px;} .t-03 .n-tit{ padding: 0 10px;} .swiper-npro .swiper-slide div{ width: 204px; height: 150px;} .npro-btn div{ height: 150px;} .npro{ padding: 0 10px;} } @media (min-width: 992px) { .nav-show{top: 0;} .box-01{ height: 230px;} .box-02{ height: 230px;} .box-03,.box-04,.box-05,.box-06,.box-07,.box-08{ margin-bottom: 20px;} .box-02 dd:nth-child(6),.box-02 dd:nth-child(7){ display: block;} .box-02 .news-box dd a{ line-height: 26px;} .box-01 .news-box dd:nth-child(3){display: block;} .box-03 li span, .box-03 li a{ line-height: 29px;} .box-04 .bd img{ display: block;} .box-04 .bd .scroll-box p{ padding-left: 155px;} .shgy-box{ display: block;} .box-06 li{ padding-top: 4px; padding-bottom: 3px;} .box-07 dt{ display: block; float: left;} .nav-bg-show{ display: none;} .nav{position: fixed; opacity: 1; visibility: visible; background: none; overflow:initial; top: 80px;} .nav .container{position: relative;} .nav-btn{ display: none;} .nav-bg-box{padding-bottom: 0; overflow-y: initial; height: auto; padding-top: 0;} .nav-bg{ display: block; top: 80px; height: 41px; opacity: 1; background: #00297b; visibility: visible; z-index:998;} .header-r{position: absolute; right: 0; top: -80px;} .nav ul{ padding: 0; overflow: visible;} .nav li{ width: 10%; height: auto; text-align: center; padding: 0 1px 0 0; background: url(../img/nav-line.png) right 12px no-repeat; border: none;} .nav ul{ padding: 0 0 0 1px; height: auto; background: url(../img/nav-line.png)left center no-repeat;} .nav ul a{ display: block; line-height: 40px; padding: 0; font-weight: bold;} .nav ul a:hover,.nav ul a.on{background: #89b929;} .search-box{ float: left; width: 360px; margin-top: 24px;} .lang-box-02{ float: right;} .search-box{ height: 34px;} .search-box *{ height: 32px; line-height: 32px;} .search-box input{ height: 32px; line-height: 32px;} .lang-box-02 dl{ background: url(../img/lang-pic.jpg) left center no-repeat;} .lang-box-02 dt a{ color: #066bb5; background: url(../img/lang-ico.jpg)right center no-repeat;} .lang-box-02{ padding-top: 30px; margin-left: 30px;} .lang-box-02 dd{ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2); box-shadow: 1px 1px 1px rgba(0,0,0,.2);} .lang-box-02 .mail{/*background: url(../img/header-r-line.jpg) left center no-repeat;*/} .lang-box-02 .mail a{ background: url(../img/mail-ico.jpg) 5px center no-repeat; color: #555;} .lang-box-02 .switch{ width: 140px; margin-right: 20px; margin-top: -20px; background: url(../img/switch-btn-ico.jpg) right center no-repeat;} .lang-box-02 .switch a{ background: url(../img/switch-ico.jpg) 5px center no-repeat; color: #555; display: inline-block; padding: 20px 10px 20px 60px;} .swiper-banner{ margin-top: 0; margin-bottom: 20px; width: 100%;} .news-box dt a{ font-size: 18px;} .news-box span{ font-size: 14px;} .news-box dd a{ font-size: 14px;} .box-07 li a{ font-size: 14px;} .box-tit{ font-size: 18px; line-height: 56px;} .box-tit-02{ font-size: 18px; line-height: 56px;} .box-06 .box-tit-02 span{ line-height: 36px; padding: 0 10px 0 15px;} .box-06 .box-tit-02{ height: 62px;} .box-08 a span{ line-height: 40px;} .site-map{ width: 820px;} .site-map dl{ width: 11.1%;} .site-map dd{display: block; text-align: left; padding: 6px 10px 6px 0;} .site-map dd a{ font-size: 12px; color: #c3c6c9;} .qr-box{padding-top: 30px; width: 120px; display: none;} .qr-box span{ font-size: 14px;} .qr-box b{ display: block; } .search-box dl{ width: 95px;} .search-box dt{ text-align: center;} .search-box dd{ top: 32px; width: 95px;} .search-box dd span{ text-align: center;} .search-box .search-txt{ padding:0 105px;} .search-box .search-btn{ width: 95px;} .box-06 li{ padding: 5px 0 5px 10px;} .site-map dt a{ font-size: 16px; font-weight: bold;} .site-map dt{ margin-bottom: 15px;} .menu-box{ top: 120px;} .dz-box{ line-height: 70px; height: 70px; margin-top: 0;} .dz-tit{ font-size: 18px;} .cont-box{ padding: 40px 0; font-size: 16px;} .menu-tit span{ font-size: 24px; font-weight: bold;} .menu-box{ height: 130px;} .menu-h{ height: 130px;} .swiper-menu .swiper-slide a{ padding: 0 25px;} .ygfc-box li{ width: 33.333%;} .ygfc-box li p{ font-size: 16px; padding: 10px 0;} .ygfc-box li span{ padding: 8px 20px; font-size: 14px;} .ry-box{ padding: 30px 0;} .ry-box li{width: 25%; padding:10px 19px ;} .ry-box li span{ font-size: 14px;} .ldgh-box{ padding: 30px 0;} .ldgh-box li{width: 25%; padding:10px 19px ;} .zc-pic span{ font-size: 16px;} .tab-content *{ font-size: 16px;} .tab li{ width: 25%;} .tab li a{ padding: 0;} .cybj-box{ padding: 20px 0; margin-left: -40px; margin-right: -40px;} .cybj-box li{ padding: 20px 40px;} .cybj-box b{ font-size: 18px; padding: 10px 0;} .cybj-box p{ font-size: 14px; line-height: 24px; height: 48px;} .cybj-box span{ font-size: 14px;} .news-tit{ padding: 20px 0 15px; line-height: 40px;} .news-tit b{ font-size: 24px; font-weight: normal;} .news-tit a{ font-size: 16px;} .banner-min p,.banner-min-02 p{ padding-bottom: 30px;} .mtbd-box{ float: left; width: 66.6666%; padding: 0 15px 0 0;} .jrtt-box{ float: right; width: 33.3333%; padding: 0 0 0 15px;} .jrtt-list li{ width: 100%; } .jrtt-list li a{line-height: 44px; font-size: 16px;} .mtbd-list li{ border-bottom: solid 1px #eee5e5; padding: 15px 10px;} .mtbd-list img{ width: 140px;} .news-list-pic{ position: relative; margin-left: -10px; margin-right: -10px;} .news-list-pic li{ padding:0 10px; margin-bottom: 0; float: none;} .news-list-pic li:nth-child(1){ position: absolute; width: 33.33%; left: 0; top: 0;} .news-list-pic li:nth-child(2){ position: absolute; width: 33.33%; right: 0; top: 0;} .news-list-pic li:nth-child(3){ position: absolute; width: 33.33%; left: 0; bottom: 0;} .news-list-pic li:nth-child(4){ position: absolute; width: 33.33%; right: 0; bottom: 0;} .news-list-pic li:nth-child(5){ display: block; width: 33.33%; margin: 0 auto;} .news-t dt{ float: left; width: 60%;} .news-t{ margin-bottom: 30px;} .news-t dd{ padding-left: 15px; display: table;} .news-t dd a{ font-size: 20px; font-weight: normal;} .news-t dd p{ font-size: 14px; line-height: 24px; padding-bottom: 20px;} .news-t dd span{ font-size: 14px;} .fx-box{ float: right;} .content-tit { margin-top: 40px;} .content-tit h2{ font-weight: bold; font-size: 22px;} .content-box{ padding: 30px 0;} .news-list-02 a{ font-size: 16px;} .news-list-02 span{ font-size: 14px;} .video-list li{ width: 25%; padding: 15px 20px;} .swiper-pro-menu .menu-yj img{ width: 155px;} .pro-menu-sub-b{ margin-left: -10px; margin-right: -10px;} .pro-menu-sub-b dl{ width: 12.5%; padding: 0 10px;} .pro-menu-sub-b dt span{ display: block; line-height: 40px; text-align: center; border-bottom: solid 1px #bbb; padding-top: 10px;} .pro-menu-sub-b dl{border: none;} .pro-menu-sub-b dd{display: block;} .sx-tit{ font-size: 18px;} .pro-list li{ width: 25%;} .pro-list li span{ font-size: 14px;} .cont-mess-tit b{ font-size: 26px;} .cont-mess-tit span{ font-size: 16px;} .cont-mess-t{ padding: 15px 0;} .cont-mess-t i{ float: left;} .cont-mess-t span{ float: left; text-align: left;} .cont-mess-t span strong{ font-size:20px;} .cont-mess-t li{ width: 33.333%; float: left; position: relative;} .cont-mess-t li img{ width: 85px; height: 85px; float: left; margin-left: 15px;} .cont-mess-b{ border-top: solid 1px #E6E6E6;} .cont-mess-b ul{ overflow: hidden; margin-left: -15px; margin-right: -15px;} .cont-mess-b li{ width: 33.333%; float: left; border-top: none; text-align: left; padding-left: 15px; padding-right: 15px;} .cont-banner-min{ display: none;} .cont-banner-max{ display: block; padding-top: 30px;} .xydw-banner-l{ width: 629px; float: left;} .xydw-banner-r{ float: right; width: 308px; height: 203px;} .xydw-banner-r b{ display: block; font-size: 36px; font-weight: normal; line-height: 40px;} .xydw-banner-r span{ font-size: 34px; line-height: 40px;} .xydw-banner-r p{ font-size: 14px;} .xydw-pic-l { font-size: 16px;} .xydw-pic-l b{ font-size: 30px; line-height: 36px; padding-top: 5px; font-weight: bold;} .xydw-pic-l p{ font-size: 14px;} .xydw-map{position: relative;} .xydw-map-l{ margin-left: -15px; width: 320px;} .xydw-map-r{ position: absolute; padding-left:320px; width: 100%; padding-right: 15px;} .xydw-map-r p{padding-top: 180px;} .ppjz-box dd{ padding: 40px; padding-bottom: 0;} .ppjz-box b{ font-size: 24px;} .ppjz-box span{ font-size: 16px; line-height: 34px;} .hxys-box-02 b{ font-size: 44px;} .hxys-box-02 p{ font-size: 16px;} .hxys-box-02{ padding: 100px 0;} .kjfw-list li div{ height: 205px;} .kjfw-list b{ font-size: 40px; line-height: 40px; } .kjfw-list li{ width: 33.333%; float: left; font-size: 14px;} .kjfw-list-02 li { width: 50%;} .hxys-box-03-tit{ top: 90px;} .hxys-box-03-tit b{ font-size: 40px;} .hxys-box-03-tit span{ font-size: 16px;} .hxys-box-03-tit a{ font-size: 16px;} .hxys-box-04 b{ font-size: 40px;} .hxys-box-04 span{ font-size: 16px;} .hxys-box-04-l, .hxys-box-04-r{ padding: 80px 0;} .hxys-box-06 .hxys-box-03-tit{ padding-top: 90px;} .hxys-box-06 img{ padding-top: 50px; padding-bottom: 230px;} .video-btn{ bottom: 120px;} .hxys-box-09 .hxys-box-03-tit{padding-top: 90px;} .hxys-list{ padding-top: 100px; padding-bottom: 120px; overflow: hidden; margin-left: -10px; margin-right: -10px;} .hxys-list li{ width: 20%; float: left; padding: 10px;} .zt-bot-list li a{ -webkit-background-size: 51px; background-size: 51px; padding-top: 60px;} .syms-box-01 li{ padding: 60px 70px 0 70px;font-size: 20px;} .syms-box-01{padding-top: 0;} .syms-pic-02 img{ top: 120px;} .syms-box-01-txt{top: 60px;} .syms-box-01 b{ font-size: 62px;} .syms-box-01 p{ font-size: 16px;} .syms-box{padding-top: 0;} .syms-box-02-txt li i{ width: 126px; height: 126px; -webkit-background-size: 118px; background-size: 118px; float: none; border: solid 4px #2ed0b4;} .syms-box-02-txt ul{ height: 222px; padding-top: 40px;} .syms-box-02-txt li span{ font-size: 18px;} .syms-box-02-txt li:hover p{height: 88px; line-height: 22px;} .syms-lc{top: 270px;} .syms-box-02-txt li{ height: 184px;} .syms-lc span{ top: 80px;} .syms-box-02-txt b{ font-size: 44px; padding-top: 50px;} .syms-box-02-txt p.txt{ font-size: 16px; padding-top: 30px;} .syms-box-02-txt p.txt a{ font-size: 20px; margin-top: 30px;} .syms-box-02-txt ul.hxjs-box{ height: auto; padding-top: 30px;} .syms-box-03-l{ width: 50%;} .syms-box-03-r{ top: 90px;} .syms-box-03-r dt{ font-size: 28px; padding: 20px 0;} .syms-box-03-r dd{ font-size: 16px; line-height: 28px; padding: 20px 0;} .syms-box-03-r i{ width: 51px; height: 27px;} .whjsL{ width: 660px; height: auto; } .whjsR{width: 270px;} .whjsList{ height: 325px;} .syms-box-04-bg{ padding: 30px 100px 30px 30px; top: 18%;} .syms-box-04-bg b{ font-size: 48px;} .syms-box-04-bg small{font-size: 14px;} .syms-box-04-bg hr{margin: 25px 0 15px 0;} .syms-box-05-box p{ font-size: 16px;} .syms-box-05-txt{top: 60px;} .syms-box-05-tab{ width: 220px;} .syms-box-05-tab a{line-height: 40px; padding: 20px 0; font-size: 18px;} .syms-box-05-cont{ width: 700px;} .syms-box-05-box .table{ font-size: 16px;} .syms-box-06-r{ padding:0 0 0 50px ;} .syms-box-06-r b{ font-size: 34px; color: #000; padding-top: 70px;} .syms-box-06-r small{ font-size: 16px;} .syms-box-07-l{ padding-right: 50px; padding-top: 100px;} .syms-box-07-l b{ font-size: 34px; color: #000;} .syms-box-07-l small{ font-size: 16px;} .syms-box-07-l span{ font-size: 26px;} .syms-box-07-l img{ margin-top: 30px;} .syms-box-08-txt b{ font-size: 44px; padding-top: 30px;} .syms-box-08-txt{ padding: 0;} .syms-box-08-txt .syms-swiper-box{width: 801px; border: solid 7px #fff; margin: 0 auto;} .syms-box-08-txt .pagination { top: 30px;} .syms-box-08-txt .pagination span{ width: 20px; height: 20px; margin-left:16px;} .header{ background: #fff;} .nav li .sub-nav{ padding: 0; background: none;} .nav li .sub-nav-02{ position: absolute; background: none; left: 100%; top: 0; width: 100%; } .nav li .sub-nav,.nav li .sub-nav-02{ display: block; height: 0; overflow: hidden;} .nav li .sub-nav span{ background: #000; background: rgba(0,0,0,0); filter:alpha(opacity=0); opacity: 0; display: block; position: relative; width:100% -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; perspective:150; -webkit-perspective:150; } .nav li .sub-nav span a{ display: block; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .nav li .sub-nav span:nth-child(1),.nav li .sub-nav span:nth-child(1) a{ -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;} .nav li .sub-nav span:nth-child(2),.nav li .sub-nav span:nth-child(2) a{ -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; -ms-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s;} .nav li .sub-nav span:nth-child(3),.nav li .sub-nav span:nth-child(3) a{ -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s;} .nav li .sub-nav span:nth-child(4),.nav li .sub-nav span:nth-child(4) a{ -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -ms-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s;} .nav li .sub-nav span:nth-child(5),.nav li .sub-nav span:nth-child(5) a{ -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;} .nav li .sub-nav span:nth-child(6),.nav li .sub-nav span:nth-child(6) a{ -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ms-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s;} .nav li .sub-nav span:nth-child(7),.nav li .sub-nav span:nth-child(7) a{ -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s;} .nav li .sub-nav a{ font-size: 12px; line-height: 18px; padding: 10px 0;} .nav li .sub-nav-show{display: block; height: auto; overflow: visible; perspective:0; -webkit-perspective:0;} .nav li .sub-nav-show>span{ background: #000; background: rgba(0,0,0,.6); filter:alpha(opacity=60); opacity: 1; width:100%; } .nav li .sub-nav-show>span>a{transform: rotateY(0deg); -webkit-transform: rotateY(0deg);} .nav li .sub-nav-show>span>a{ -webkit-transition-delay: 0s !important; -moz-transition-delay: 0s !important; -ms-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important;} .nav li .sub-nav-show>span>a:hover{filter:alpha(opacity=100);} .body-box{ padding-top: 0;} .header-h{ height: 120px;} .video-pd{ width: 800px;} .nav li a.nav-more{ background-image: none;} .nav li .sub-nav-show span{ padding: 0;} .n-tit dt{ font-size: 18px;} .n-list li{ line-height: 33px;} .news-pic-box{ width: 63.5%;} .n-video-list{ width: 36.5%; height: 213px;} .box-04 .bd{ height: 154px;} .box-04 .bd .scroll-box{ height: 154px;} .box-04 .bd img{ height: auto; width: 135px;} .box-04 li span{ height: 75px; padding-top: 50px;} .box-04{ margin-bottom: 0;} .t-05 .n-rczp-box{ height: 212px;} .n-rczp-box li a{ line-height: 37px; height: 37px;} .n-mzfx-box{ height: 212px;} .n-mzfx-box li{ line-height: 33px;} .n-mzfx-box li .download{ margin-top: 3px;} .n-video-box{ padding: 45px 0;} .n-video-box-l{ width: 640px;float: left;} .n-video-box-l .video{ height: 480px; background: #000;} .n-video-box-r{ width: 300px; height: 480px; float: left;} .n-video-box-l .fx-box{ float: left;} .n-video-list{ height: 410px;} /*.nav-bg-box{ overflow-y: hidden;}*/ .n-box-01{ width: 50%;} .n-box-03{ width: 100%;} /** .n-box-03{ width: 55%;} */ .n-jcsp-box-02 dd{ height: 50px;} .n-tit dt{ height: 34px; line-height: 34px;} .n-tit dt i{ height: 34px;} .n-box-03{ width: 50%;} /** .n-box-03{ width: 55%;} */ .n-syms-box li a{ padding: 22px 0;} .footer-t li{ line-height: 66px; font-size: 16px;} .footer-t a{ height: 66px;} .footer-t b{ display: inline-block; margin: 0; padding: 0; overflow: hidden; height: 66px;} .footer-t span{ float: left;} .footer-t img{ float: left; display: block; margin: 12px 10px 12px 0;} .site-map dd a{ color: #444;} .ngscp-box{ padding-top: 20px;} .t-03 .n-tit{ margin-bottom: 20px;} .n-tit dd{ line-height: 34px;} .pf-box{ display: block; position: fixed; right: 15px; top: 50%; border: solid 1px #c2c2c2; background: #eee; margin-top: -90px; z-index: 99;} .pf-box i{ display: block; font-style: normal; position: absolute; right: -1px; top: -1px; border: solid 1px #c2c2c2; background: #9a9a9a; color: #d3d3c8; width: 20px; height: 20px; text-align: center; line-height: 18px; cursor: pointer; font-family: arial;} .pf-box p{ padding: 25px 10px 10px 10px; margin: 0;} .pf-box p span{ display: block; padding-top: 15px; display: block; font-size: 12px; text-align: center;} .cx-link span{ width: 20%;} .cx-link a{ line-height: 50px;} .cx-search-c{ position: relative; float: left; left: 50%;} .cx-search dl{ float: left; position: relative; left: -50%;} .cx-search dt{ width: auto; text-align: right; float: left; padding-right: 10px; padding-left: 10px; line-height: 30px; font-size: 14px;} .cx-search dd{ float: left; width: auto; padding-right: 10px;} .cx-search dd input{ width: 170px; float: left; height: 30px; font-size: 14px;} .cx-search dd span{ float: left; padding-left: 10px; padding-top: 2px;} .cx-btn-box{ float: left; width: 100px; padding-top: 10px; position: relative; left: -50%;} .cx-btn{ line-height: 30px; margin-bottom: 0;} .cx-table tbody tr{ font-size: 14px;} .cx-search dd .cx-yzm{ width: 80px;} .layui-layer-rim{ width: 850px !important; height: 80% !important;} .n-jcsp-box-02 .hd{ height: 265px;} .site-map-mini { overflow: hidden; margin: 0 -1px;} .site-map-mini dl{} .site-map-mini dt a{ font-size: 20px; font-weight:normal;} .site-map-mini dd a{ font-size: 14px;} .site-map-mini dd span{ width:20%;} .totop{ position: fixed; right: 15px; bottom: 65px; display: block;} .totop span{ display: block; background: #999; cursor: pointer;} .totop b{ display: block; font-weight: normal; font-size: 12px; text-align: center; line-height: 20px; padding: 5px 10px; width: 50px; color: #fff;} .totop span:hover{ background: #363636;} .swiper-pro-menu .menu-yj{padding-bottom:9px;} } @media (min-width: 1290px) { .body-box{ margin-left: -20px; margin-right: -20px;} .container{ width: 1270px;} .banner{ padding: 0;} .box-01{ height: 280px; padding: 0 15px;} .box-02{ height: 280px; padding: 0 15px;} .news-pic{ width: 390px;} .box-02 .news-box{ float: right;} .news-box dd a{ font-size: 16px; line-height: 32px;} .box-02 .news-box dd a{ font-size: 16px; line-height: 33px;} .news-box{ padding-bottom: 13px;} .box-03,.box-04,.box-06,.box-07,.box-08{ padding:0 15px;} .box-07{ padding: 0 10px;} .box-03{ width: 420px;} .box-03 li span, .box-03 li a{ line-height: 43px;} .box-04{width: 850px;} .box-04 .hd{ padding-right: 3px;} .box-04 li{ padding:1px;} .box-04 li span{ height: 110px; padding-top:75px; font-size: 14px;} .box-04 .bd .scroll-box{ height: 222px;} .box-04 .bd img{ border: solid 4px #7ec0f6; width: 184px; height: 202px;} .box-04 .bd .scroll-box p{padding-left: 204px;} .box-04 .bd .scroll-box b{ font-size: 26px;} .box-04 .bd .scroll-box span{padding-top: 15px;} .box-04 .bd .scroll-box a{ margin-top: 15px;} .box-06 li{ font-size: 14px; padding: 5px 0 5px 10px;} .zc-box ul li:nth-child(10),.zc-box ul li:nth-child(11),.zc-box ul li:nth-child(12){ display: block;} .jd-box{ padding: 0;} .yy-box,.jd-box{ width: 50%; padding: 0 15px;} .box-05{ width: 850px;} .box-06{ width: 420px;} .jcwz-boxm,.rczp-box,.mzfx-box{ padding: 0 15px;} .site-map{width: 100%;} .qr-box{ width: 140px; text-align: center;} .qr-box span{ font-size: 16px;} .shzr-r img{padding-bottom: 3px;} .shzr-r div{ margin-left: -2px; margin-right: -2px;} .shzr-r span{ width: 467px; padding: 0 2px;} .mtbd-list li{ padding: 17px 10px;} .mtbd-list p{ padding-top: 10px;} .mtbd-list p a{ font-size: 18px; height: auto;} .mtbd-list p span{ font-size: 14px; padding-top: 10px;} .news-list li{ width: 25%; padding-left: 16px; padding-right: 16px; padding-bottom: 30px;} .banner-min p,.banner-min-02 p{ font-size: 18px; line-height: 40px;} .news-t dt{ float: left; width: 816px;} .news-t dd{ padding-left: 30px;} .news-t dd a{font-size: 24px;} .news-t dd p{ font-size: 16px; line-height: 32px;} .pro-menu{ padding: 0 154px;} .pro-menu-box .pro-menu-prev,.pro-menu-box .pro-menu-next{ width: 154px; top: 25px; padding: 5px 63px;} .pro-menu-sub-b dt{ text-align: center;} .pro-menu-sub-b dt img{ margin: 0 auto; width: 120px; float: none;} .pro-box{ width: 1000px; margin: 0 auto; padding: 0 130px;} .pro-tabs{ width: 1000px; margin: 0 auto;} .xydw-banner-l{ width: 929px;} .xydw-banner-r{ height: 300px; padding: 30px;} .xydw-banner-r b{ line-height: 48px;} .xydw-banner-r span{ line-height: 44px;} .xydw-banner-r p{ line-height: 28px; padding-bottom: 25px;} .xydw-pic-r div{ padding-bottom: 30px;} .xydw-pic-l{ padding: 0 50px;} .xydw-pic-l div{ padding: 10px 0;} .xydw-pic-l p{ font-size: 18px;} .xydw-map-l{ width: 456px;} .xydw-map-r{ padding-left: 456px; padding-right: 30px;} .xydw-map-r p{padding:250px 30px 0 30px ;} .xydw-map-r b{ font-size: 24px;} .xydw-map-r span{ font-size: 16px;} .ppjz-box dd{ padding: 70px; padding-bottom: 0;} .ppjz-box b{ font-size: 28px;} .ppjz-box span{ font-size: 18px; line-height: 40px;} .ppjz-box-02 dd{padding-top: 50px;} .hxys-box-01{ width: 100%; height: 800px;} .kjfw-list li div{ height: 180px;} .cont-mess-box-02 span{ float: left; width: 85px; text-align: right; line-height: 50px; padding: 15px 0;} .cont-mess-box-02 .cont-mess-01{ float: right; width: 290px; height: 50px;} .cont-mess-box-02 .cont-mess-02{ float: right; width: 1140px;} .cont-mess-box-02 .cont-mess-03{ float: right; width: 1140px; height: 50px;} .cont-mess-box .cont-mess-01{height: 50px;} .cont-mess-box .cont-mess-02{ } .cont-mess-box .cont-mess-03{height: 50px;} .hxys-box-04 span{ padding: 30px 0 40px 0;} .hxys-box-04-l, .hxys-box-04-r{ padding: 115px 0;} .hxys-box-04 img{ width: auto; max-width: 100%;} .syms-box-01-txt{top: 100px;} .syms-box-01 ul{ padding: 30px 0 50px 0;} .syms-box-02-txt ul{ height: 322px; padding-top: 140px;} .syms-box-02-txt b{ padding-top: 110px;} .syms-lc{top: 360px;} .syms-box-02-txt ul.hxjs-box{padding-left: 100px; padding-right: 100px;} .syms-box-02-txt ul.hxjs-box li{ font-size: 34px;} .syms-box-02-txt ul.hxjs-box small{ font-size: 14px;} .syms-box-03-l{ width: 697px;} .syms-box-03-r{ width: 480px; top: 170px;} .syms-box-03-r dt,.syms-box-03-r dd{ padding: 25px 0;} .whjsL{ width: 950px; height: auto; } .whjsR{width: 270px;} .whjsList{ height: 489px;} .syms-box-04-bg{ padding: 50px 150px 50px 50px; top: 18%;} .syms-box-04-bg b{ font-size: 58px;} .syms-box-04-bg hr{margin: 25px 0 15px 0;} .syms-box-05-txt b{ font-size: 44px;} .syms-box-05-txt{top: 160px;} .syms-box-05-tab{ width: 220px;} .syms-box-05-cont{ width: 980px;} .syms-box-06-l{ -webkit-background-size: inherit; background-size: inherit;} .syms-box-06-r{padding:0 0 0 70px ;} .syms-box-06-r b{ font-size: 40px; color: #000; padding-top: 130px;} .syms-box-06-r small{ font-size: 18px;} .syms-box-07-l{ padding-right: 70px; padding-top: 200px;} .syms-box-07-l b{ font-size: 40px; padding-top: 0;} .syms-box-07-l small{ font-size: 18px;} .syms-box-07-l span{ font-size: 30px;} .syms-box-08-txt b{ padding-top: 130px;} .search-box{ width: 500px;} .header{} .tab li{ width: 20%;} .t-01,.t-02,.t-03,.t-04,.t-05{ padding-bottom: 25px;} .t-01 .n-jdt-box{ padding: 0 15px;} .news-pic{ width: 100%;} .news-pic-box{ width: 64%;} .n-video-list dt{ display: block;} .n-video-list{ width: 36%; height: 288px;} .box-04{ width: 66.666%;} .t-02 .n-box-02{padding: 0 15px;} .n-box-03{ padding: 0 15px;} .t-03 .n-video-box{ padding: 0 15px;} .t-05 .n-video-box{ padding: 0 15px;} .t-05 .rcmz-box{ padding: 0 15px;} .t-05 .n-rczp-box{ height: 277px; padding-right: 15px;} .n-rczp-box li a{ line-height: 42px; height: 42px;} .n-mzfx-box{ height: 277px; padding-left: 15px;} .n-video-box-l{ width: 940px;} .n-video-box-l .video{ height: 530px;} .n-video-box-r{ height: 530px;} .n-video-list2{ height: 460px;} .swiper-news .swiper-slide img{width: 393.281px; height: 258px;} .news-pic .swiper-slide img{ width: 444px; height: 288px;} .yy-box .swiper-slide img{ width: 605px; height: 358px;} .swiper-pro img{ width: 740px; height: 630px;} .swiper-pro .swiper-wrapper .swiper-slide div{ width: 740px; height: 482px;} .n-box-01{ height: auto; width: 50%; padding: 0 20px;} .banner-pic{ height: 482px; padding-bottom: 0; -webkit-background-size: initial; background-size: initial;} .n-box-03{ width: 100%; padding: 0 20px;} /*.n-box-03{ width: 50%; padding: 0 20px;} */ .n-jcsp-box-02 .n-jcsp-pic{ width: 395px; height: 317px;} .n-jcsp-box-02 .hd{ float: right; width: 202px; height: 317px;} .n-jcsp-box-02 dd span{ font-size:12px; height: 57px; overflow: hidden; display: block; width: 75px; padding-top: 5px;} .n-jcsp-pic span{ font-size: 16px; line-height: 40px;} .n-jcsp-box-02 dl{ margin-bottom: 8px;} .n-jcsp-box-02 .hd img{ display: block;} .n-jcsp-box-02 dd{ height: 57px; padding: 0 10px;} .n-ind-t-pic span{ font-size: 16px;} .n-syms-box li a{ padding: 21px 0;} .n-syms-box li a span{ font-size: 16px; padding-top: 20px;} .n-syms-box li i{ width: 75px; height: 75px;} .n-list li a{ font-size: 16px; line-height: 28px;} .n-list li{ line-height: 28px;} .n-list{ margin-top: 5px;} .swiper-npro .swiper-slide div{ width: 242px; height: 179px;} .npro-btn div{ height: 179px;} .swiper-npro .swiper-slide span{ height: 35px; line-height: 35px; font-size: 16px;} .site-map dl{width: 11%;} .site-map dt a{ font-size: 18px;} .site-map dd a{ font-size: 16px;} .cx-search dd input{ width: 250px;} } /*@media (min-width: 1290px) and (max-height: 720px){ .syms-box .container,.syms-pic-02 .container{ width: 970px;} .site-map { width: 820px; } .qr-box { padding-top: 30px; width: 120px; } .syms-box-01 li{ padding: 60px 70px 0 70px;font-size: 20px;} .syms-box-01{padding-top: 0;} .syms-pic-02 img{ top: 120px;} .syms-box-01-txt{top: 60px;} .syms-box-01 b{ font-size: 60px;} .syms-box-01 p{ font-size: 16px;} .syms-box{padding-top: 0;} .syms-box-02-txt li i{ width: 126px; height: 126px; -webkit-background-size: 118px; background-size: 118px; float: none; border: solid 4px #2ed0b4;} .syms-box-02-txt ul{ height: 222px; padding-top: 40px;} .syms-box-02-txt li span{ font-size: 18px;} .syms-box-02-txt li:hover p{height: 88px; line-height: 22px;} .syms-lc{top: 270px;} .syms-lc span{ top: 80px;} .syms-box-02-txt b{ font-size: 44px; padding-top: 50px;} .syms-box-02-txt p.txt{ font-size: 16px; padding-top: 30px;} .syms-box-02-txt p.txt a{ font-size: 20px; margin-top: 30px;} .syms-box-02-txt ul.hxjs-box{ height: auto; padding-top: 30px;} .syms-box-03-l{ width: 50%;} .syms-box-03-r{ top: 90px;} .syms-box-03-r dt{ font-size: 28px; padding: 20px 0;} .syms-box-03-r dd{ font-size: 16px; line-height: 28px; padding: 20px 0;} .syms-box-03-r i{ width: 51px; height: 27px;} .syms-box-04-bg{ padding: 30px 100px 30px 30px; top: 18%;} .syms-box-04-bg b{ font-size: 48px;} .syms-box-04-bg small{font-size: 14px;} .syms-box-04-bg hr{margin: 25px 0 15px 0;} .syms-box-05-box p{ font-size: 16px;} .syms-box-05-txt{top: 60px;} .syms-box-05-tab{ width: 220px;} .syms-box-05-tab a{ line-height: 80px; font-size: 22px;} .syms-box-05-cont{ width: 700px;} .syms-box-05-box .table{ font-size: 16px;} .syms-box-06-r{ float: right; width: 50%; position: relative; color: #555; padding:0 0 0 50px ;} .syms-box-06-r b{ font-size: 34px; color: #000; padding-top: 70px;} .syms-box-06-r small{ font-size: 16px;} .syms-box-07-l{ padding-right: 50px; padding-top: 100px;} .syms-box-07-l b{ font-size: 34px; color: #000;} .syms-box-07-l small{ font-size: 16px;} .syms-box-07-l img{ margin-top: 30px;} .syms-box-07-l span{ font-size: 26px;} .syms-box-08-txt b{ font-size: 44px; padding-top: 30px;} .syms-box-08-txt{ padding: 0;} .syms-box-08-txt .syms-swiper-box{width: 801px; border: solid 7px #fff; margin: 0 auto;} .syms-box-08-txt .pagination span{ width: 20px; height: 20px; margin-left:16px;} .syms-box-08-txt .pagination { top: 30px;} }*/ @keyframes botBg-dm { from { background-position: 0 bottom; } to { background-position: -2000px bottom; } } @-moz-keyframes botBg-dm /* Firefox */ { from { background-position: 0 bottom; } to { background-position: -2000px bottom; } } @-webkit-keyframes botBg-dm /* Safari 和 Chrome */ { from { background-position: 0 bottom; } to { background-position: -2000px bottom; } } @-o-keyframes botBg-dm /* Opera */ { from { background-position: 0 bottom; } to { background-position: -2000px bottom; } } .scrollBg_01{ -webkit-animation: scrollBg .1s linear infinite; -ms-animation: scrollBg .1s linear infinite; animation: scrollBg .1s linear infinite; } .scrollBg_02{ -webkit-animation: scrollBg .15s linear infinite; -ms-animation: scrollBg .15s linear infinite; animation: scrollBg .15s linear infinite; } .scrollBg_03{ -webkit-animation: scrollBg .2s linear infinite; -ms-animation: scrollBg .2s linear infinite; animation: scrollBg .2s linear infinite; } .scrollBg_04{ -webkit-animation: scrollBg .25s linear infinite; -ms-animation: scrollBg .25s linear infinite; animation: scrollBg .25s linear infinite; } @-webkit-keyframes scrollBg { 0% { background-position: 0 0; } 100% { background-position: 0 -300px; } } @keyframes scrollBg { 0% { background-position: 0 0; } 100% { background-position: 0 -300px; } }