/*----------flash----------*/ .flash-wrap { min-width: 1200px; position: relative; } .flash { width: 100%; height: 560px; min-width: 1200px; overflow: hidden; } .flash li { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .flash li a { display: block; height: 100%; width: 100%; } .flash .bx-wrapper { position: relative; *zoom: 1; } .flash .bx-wrapper .bx-loading { min-height: 50px; background: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .flash .bx-wrapper .bx-prev { left: 30px; background: url(../images/jxc/flash_l.png) no-repeat 0 0; } .flash .bx-wrapper .bx-next { right: 30px; background: url(../images/jxc/flash_r.png) no-repeat 0 0; } .flash .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; outline: 0; width: 40px; height: 80px; margin-top: -40px; text-indent: -9999px; z-index: 900; } /*----------涓氬姟----------*/ .yw { position: absolute; left: 0; bottom: 0; width: 100%; min-width: 1200px; height: 80px; padding-top: 5px; background: #ffffff; z-index: 888; } .yw .w1200 { position: relative; height: 80px; } .yw .tit { float: left; width: 235px; text-align: right; line-height: 32px; } .yw .tit h3 { font-size: 20px; color: #006cff; font-weight: bold; font-family: helvetica_neue_condensedbold; text-transform: uppercase; } .yw .tit h4 { font-size: 20px; color: #CDCDCD; font-weight: bold; } .yw .tit span { float: right; width: 50px; height: 4px; background: #CDCDCD; margin-top: 7px; } .yw-box { width: 935px; height: 218px; position: absolute; right: 0; bottom: 0; overflow: hidden; } .yw-box a { float: left; width: 182px; margin-left: 5px; margin-top: 138px; -webkit-transition: all .3s; transition: all .3s; } .yw-box a .da { height: 80px; overflow: hidden; opacity: 1; } .yw-box a .da h3 { padding: 8px 0 0 0; margin-left: 53px; color: #fff; line-height: 26px; font-size: 18px; font-weight: bold; font-family: helvetica_neue_condensedbold; text-transform: uppercase; float: left; border-bottom: 2px solid #fff; } .yw-box a.y1 .da { background: #619AE6 url(../images/jxc/icon01.png) no-repeat 10px 17px; } .yw-box a.y2 .da { background: #1BBCA7 url(../images/jxc/icon02.png) no-repeat 10px 17px; } .yw-box a.y3 .da { background: #68BD63 url(../images/jxc/icon03.png) no-repeat 10px 17px; } .yw-box a.y4 .da { background: #EF875F url(../images/jxc/icon04.png) no-repeat 10px 17px; } .yw-box a.y5 .da { background: #9885D6 url(../images/jxc/icon05.png) no-repeat 10px 17px; } .yw-box a .da h4 { clear: both; height: 40px; line-height: 40px; padding-left: 53px; color: #fff; font-size: 16px; margin-top: 5px; } .yw-box a .db { display: none; opacity: 0; height: 218px; text-align: center; background: #fff; position: relative; overflow: hidden; } .yw-box a .db img { display: block; width: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .yw-box a .db .fade { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; } .yw-box a.y1 .db .fade { background: -webkit-linear-gradient(to top, rgba(97, 154, 230, 1) 0%, rgba(97, 154, 230, 1) 20%, rgba(255, 255, 255, 0) 65%); background: linear-gradient(to top, rgba(97, 154, 230, 1) 0%, rgba(97, 154, 230, 1) 20%, rgba(255, 255, 255, 0) 65%); } .yw-box a.y2 .db .fade { background: -webkit-linear-gradient(to top, rgba(27, 188, 167, 1) 0%, rgba(27, 188, 167, 1) 20%, rgba(255, 255, 255, 0) 65%); background: linear-gradient(to top, rgba(27, 188, 167, 1) 0%, rgba(27, 188, 167, 1) 20%, rgba(255, 255, 255, 0) 65%); } .yw-box a.y3 .db .fade { background: -webkit-linear-gradient(to top, rgba(104, 189, 99, 1) 0%, rgba(104, 189, 99, 1) 20%, rgba(255, 255, 255, 0) 65%); background: linear-gradient(to top, rgba(104, 189, 99, 1) 0%, rgba(104, 189, 99, 1) 20%, rgba(255, 255, 255, 0) 65%); } .yw-box a.y4 .db .fade { background: -webkit-linear-gradient(to top, rgba(239, 135, 99, 1) 0%, rgba(239, 135, 99, 1) 20%, rgba(255, 255, 255, 0) 65%); background: linear-gradient(to top, rgba(239, 135, 99, 1) 0%, rgba(239, 135, 99, 1) 20%, rgba(255, 255, 255, 0) 65%); } .yw-box a.y5 .db .fade { background: -webkit-linear-gradient(to top, rgba(152, 133, 214, 1) 0%, rgba(152, 133, 214, 1) 20%, rgba(255, 255, 255, 0) 65%); background: linear-gradient(to top, rgba(152, 133, 214, 1) 0%, rgba(152, 133, 214, 1) 20%, rgba(255, 255, 255, 0) 65%); } .yw-box a .db h3 { padding-top: 155px; color: #fff; line-height: 32px; font-size: 18px; position: relative; z-index: 4; } .yw-box a.y1 .db h3 { background: url(../images/jxc/bk01.png) no-repeat center 98px; } .yw-box a.y2 .db h3 { background: url(../images/jxc/bk02.png) no-repeat center 98px; } .yw-box a.y3 .db h3 { background: url(../images/jxc/bk03.png) no-repeat center 98px; } .yw-box a.y4 .db h3 { background: url(../images/jxc/bk04.png) no-repeat center 98px; } .yw-box a.y5 .db h3 { background: url(../images/jxc/bk05.png) no-repeat center 98px; } .yw-box a .db span { display: block; width: 30px; height: 3px; background: #fff; margin: 3px auto 0; position: relative; z-index: 4; } .yw-box a:hover { margin-top: 0; } .yw-box a:hover .da { opacity: 0; display: none; } .yw-box a:hover .db { opacity: 1; display: block; } /*----------鏉垮潡1----------*/ .index-box1 { height: 384px; min-width: 1200px; background: url(../images/jxc/bg04.png) no-repeat center top; } .aboout-nav { width: 720px; height: 179px; float: left; text-align: center; padding-top: 45px; } .aboout-nav h3 { font-size: 18px; color: #74b1e4; font-weight: bold; } .aboout-nav h4 { font-size: 18px; color: #102678; font-weight: bold; } .aboout-nav ul { margin-top: 25px; } .aboout-nav li { display: inline-block; line-height: 32px; margin: 0 5px; } .aboout-nav li a { border-radius: 16px; display: block; background: #fff; font-size: 14px; color: #4999d6; padding: 0 24px; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .aboout-nav li a:hover { background: #102678; color: #fff; } /*----------about鐒︾偣鍥惧垏鎹?---------*/ .index-about-list-wrap { float: right; width: 480px; height: 384px; position: relative; } .index-about-list { position: absolute; top: 0; left: 0; width: 840px; height: 384px; overflow: hidden; } .index-about-list li { width: 840px; height: 384px; } .index-about-list li a { display: block; width: 100%; height: 100%; position: relative; } .index-about-list li .tit { display: block; width: 480px; height: 224px; background: rgba(16, 38, 120, 0.6); -webkit-transition: all 0.6s; transition: all 0.6s; position: relative; ; z-index: 2; font-style: normal; } .index-about-list li a:hover .tit { background: rgba(16, 38, 120, 0.4); } .index-about-list h3 { color: #fff; font-size: 18px; padding-top: 88px; font-weight: bold; line-height: 40px; text-align: center; } .index-about-list .point { display: block; width: 30px; margin: 0 auto; height: 95px; background: url(../images/jxc/point01.png) no-repeat center top; } .index-about-list img { display: block; width: 100%; height: 224px; position: absolute; top: 0; left: 0; z-index: 1; } .index-about-list li .txt { padding: 20px 0 0 45px; color: #adadad; line-height: 20px; height: 60px; overflow: hidden; font-size: 14px; width: 380px; } .index-about-list li .more { float: left; margin: 15px 0 0 45px; color: #102678; font-size: 14px; } .index-about-list.bx-wrapper { position: relative; *zoom: 1; } /*鍔犺浇鐣岄潰*/ .index-about-list .bx-wrapper .bx-loading { min-height: 50px; background: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /*瀵艰埅 鐩稿bx-wrapper瀹氫綅*/ .index-about-list .bx-wrapper .bx-pager { position: absolute; bottom: 166px; left: 340px; z-index: 80; /*width:100%; text-align: center;*/ } .index-about-list .bx-wrapper .bx-pager.bx-default-pager a { background: url(../images/jxc/pager.png) no-repeat left -24px; display: block; width: 24px; height: 24px; text-indent: -9999px; margin: 0 3px; outline: 0; font-size: 0px; line-height: 0; } .index-about-list .bx-wrapper .bx-pager.bx-default-pager a:hover, .index-about-list .bx-wrapper .bx-pager.bx-default-pager a.active { background-position: left 0; border: none; } .index-about-list .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; } /*----------鑷磋緸----------*/ .index-video { float: left; display: block; width: 331px; height: 138px; background: url(../images/jxc/video.png) no-repeat center top; position: relative; left: -10px; margin-top: 10px; } .index-video span { font-size: 16px; font-weight: bold; display: block; color: #fff; padding: 48px 0 0 125px; } /*----------鏂伴椈----------*/ .index-news { margin-top: 35px; } .index-news .tit { height: 46px; line-height: 46px; } .index-news .tit h3 { float: left; } .index-news .tit h3 a { float: left; width: 120px; text-align: center; font-weight: bold; font-size: 16px; color: #102678; transition: all 0.5s; } .index-news .tit h3 a:hover, .index-news .tit h3 a.current { background: #102678; color: #fff; } .index-news .tit .more { float: right; color: #102678; font-size: 14px; } .index-news-list { margin-top: 15px; height: 330px; } .index-news-list {} .index-news-list li { width: 370px; float: left; } .index-news-list li a {} .index-news-list li .img { width: 100%; height: 210px; overflow:hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; } .index-news-list li img { display: block; width: 100%; height: 210px; margin-bottom: 12px; } .index-news-list li .date { display: block; line-height: 30px; color: #74b1e4; font-weight: bold; font-size: 22px; } .index-news-list li h3 { font-size: 18px; font-weight: bold; color: #000; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all 0.5s; } .index-news-list li .desc { line-height: 20px; height: 40px; color: #8d8d8d; font-size: 14px; margin-top: 10px; } .index-news-list a:hover h3 { color: #102678; } .index-news-list .bx-wrapper { width: 1200px; position: relative; *zoom: 1; } /*鍔犺浇鐣岄潰*/ .index-news-list .bx-wrapper .bx-loading { min-height: 50px; display:none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .index-news-list .bx-wrapper .bx-prev { left: -75px; background: url(../images/jxc/scroll_left4.png) no-repeat 0 0; } .index-news-list .bx-wrapper .bx-next { right: -75px; background: url(../images/jxc/scroll_right4.png) no-repeat 0 0; } .index-news-list .bx-wrapper .bx-controls-direction a { position: absolute; top: 125px; outline: 0; width: 53px; height: 53px; text-indent: -9999px; z-index: 998; } .index-video-list { width: 1245px; } .index-video-list li { width: 370px; margin-right: 45px; float: left; } .index-video-list li img { display: block; width: 100%; height: 160px; } .index-video-list li h3 { font-size: 14px; color: #333; line-height: 30px; -webkit-transition: all .3s; transition: all .3s; height: 30px; overflow: hidden; } .index-video-list li a:hover h3 { color: #102678; } .index-video-list li .icon-video { display: block; width: 21px; height: 13px; background: url(../images/jxc/icon-video.jpg) no-repeat left center; } /*----------content----------*/ .content { padding: 50px 0; } /*----------banner----------*/ .banner_wrap { background: url(../images/jxc/dckf/bg03.png); } .banner { height: 180px; background-position: center top; background-repeat: no-repeat; background-color: #fff; } /*----------褰撳墠浣嶇疆----------*/ .position { min-width: 1200px; height: 55px; border-bottom: 10px solid #F6F6F6; line-height: 55px; background: #fff; } .position h3 { float: left; width: 60px; height: 55px; border-right: 1px solid #C9D0D9; } .position h3 a { display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; background: url(../images/jxc/icon_home.png) no-repeat center center; } .position h4 { float: left; margin-left: 22px; color: #102678; font-weight: bold; } .position h4 a { color: #636973; font-weight: normal; margin: 0 5px; } .position h4 a:last-of-type { color: #102678; font-weight: bold; } .position_nav { float: right; } .position_nav a { float: left; color: #636973; font-size: 14px; } .position_nav span { float: left; padding: 0 26px; } .position_nav a:hover, .position_nav a.cur { border-bottom: 2px solid #D70000; color: #636973; font-weight: bold; } /*----------浜岀骇瀵艰埅----------*/ .sidebar { height: 78px; border-bottom: 1px solid #C9D0D9; margin-top: 40px; } .sidebar .side_tit { float: left; } .sidebar .side_tit span { display: block; width: 45px; height: 2px; background: #43C77C; } .sidebar .side_tit h3 { font-family: "Microsoft YaHei"; font-size: 28px; color: #a6a6a6; font-weight: normal; text-transform: uppercase; line-height: 36px; margin-top: 5px; } .sidebar .side_tit h4 { font-size: 18px; color: #000; font-weight: bold; } .sidebar .side_nav { float: right; line-height: 50px; padding-top: 27px; } .sidebar .side_nav a { float: left; color: #636973; font-size: 14px; } .sidebar .side_nav span { float: left; padding: 0 26px; } .sidebar .side_nav a:hover, .sidebar .side_nav a.cur { border-bottom: 2px solid #FF911E; color: #636973; font-weight: bold; } /*----------鍐呭----------*/ .content { min-width: 1200px; } /*----------钁d簨闀?---------*/ .dsz-box1 { margin-top: 70px; } .dsz-box1 .txt { width: 510px; padding-left: 130px; font-size: 13px; color: #706f6f } .dsz-box1 .txt p { padding: 20px 0; } .dsz-box2 { min-width: 1200px; background: #2A7DC4; margin-top: 25px; } .dsz-box2 .w1200 { position: relative; } .dsz-box2 .txt { float: left; margin-left: 35px; width: 510px; padding: 15px 95px; line-height: 26px; background: #F6F6F6; font-size: 13px; color: #979797; } .dsz-box2 .txt p { padding: 10px 0; } .dsz-box2 img { position: absolute; right: 0; top: 0; } .dsz-box3 { min-width: 1200px; background: #2A7DC4; padding: 30px 0 25px 0; } .dsz-box3 .txt { float: left; color: #fff; font-size: 13px; line-height: 26px; float: left; width: 510px; padding-left: 130px; } .dsz-box3 img { float: left; margin-left: 20px; } /*----------鍏徃绠€浠?---------*/ .about-top { margin-top: 85px; } .about-top .txt1 { width: 600px; float: left; } .about-top .txt1 h3 { font-size: 34px; font-family: helvetica_neue_condensedbold; } .about-top .txt1 h4 { font-weight: bold; font-size: 25px; } .about-top .txt2 { width: 550px; float: right; } .about-top .txt2 dl { float: left; border-left: 1px solid #C9D0D9; padding-left: 30px; width: 244px; height: 102px; overflow: hidden; } .about-top .txt2 dt { font-size: 16px; color: #8d8d8d; line-height: 30px; } .about-top .txt2 dd { color: #f59304; font-size: 26px; font-weight: bold; margin-top: 10px; } .about-top .txt2 dd span { font-size: 50px; font-weight: normal; } .about { background: #F6F6F6; margin: 100px auto 50px auto; } .about .txt { width: 560px; float: left; line-height: 22px; padding: 30px 0 20px 50px; font-size: 13px; color: #706f6f; } .about .txt p { padding: 10px 0; } .about img { float: right; padding: 30px 30px 30px 0; } /*----------鍘嗗彶----------*/ .history { width: 934px; height: 2000px; margin: 100px auto; position: relative; } .history .line { position: absolute; top: 5px; left: 467px; width: 1px; background: #C0C8E3; height: 100px; z-index: 0; } .history dl { width: 410px; position: absolute; z-index: 1; cursor: pointer; } .history dt { line-height: 44px; height: 44px; position: relative; } .history dt h3 { font-size: 40px; color: #102678; -webkit-transition: all 0.4s; transition: all 0.4s; } .history dt span { position: absolute; top: 5px; display: block; width: 30px; height: 30px; border: 2px solid #C0C8E3; background: #fff; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.4s; transition: all 0.4s; } .history dd { line-height: 18px; color: #706f6f; } .history dd p { padding: 8px 0; } .history dl.left { left: 0; text-align: right; } .history dl.left dt span { right: -74px; } .history dl.right { right: 0; } .history dl.right dt span { left: -74px; } .history dl:hover dt h3 { color: #ff911e; } .history dl:hover dt span { border: 2px solid #ff911e; } /*----------鑽h獕鍒楄〃----------*/ .honor { margin-top: 70px; margin-bottom: 150px; } .honor_list { width: 785px; float: right; } .honor_list dl { margin-top: 20px; } .honor_list dt { line-height: 60px; color: #000; font-size: 20px; } .honor_list dd { font-size: 14px; color: #706f6f; background: #F3F5F9; line-height: 22px; } .honor_list dd p { border-bottom: 5px solid #fff; padding: 30px 58px; } .honor_list dd table { width: 100%; } .honor_list dd td { border-bottom: 5px solid #fff; padding: 0 28px; } .honor_list dd td.date { text-align: center; font-size: 20px; background: #E4E8EE; line-height: 100px; padding: 0; } .honor-side-wrap { width: 360px; float: left; } .honor-side { width: 360px; float: left; background: #F2F4F7; } .honor-side h3 { padding: 40px 0 0 25px; } .honor-side h3 img { display: block; } .honor-side h3 strong { font-size: 18px; color: #000; display: block; margin-top: 8px; } .honor-side ul { width: 115px; padding: 20px 0 30px 245px; } .honor-side li {} .honor-side li a { display: block; padding-left: 25px; line-height: 42px; color: #636973; font-size: 16px; } .honor-side li.cur a, .honor-side li a:hover { color: #102678; background: #fff; } .honor-side-fix { position: fixed; top: 0; } /*----------鍦颁骇寮€鍙?---------*/ .dckf-tit { text-align: center; margin-top: 65px; } .dckf-tit span { display: block; font-size: 50px; color: #ff911e; text-transform: uppercase; font-family: helvetica_neue_condensedbold; } .dckf-tit strong { display: block; font-size: 25px; color: #000; } .dckf-more { display: block; width: 153px; padding-right: 17px; text-align: center; line-height: 50px; background: #E6E9ED url(../images/jxc/point05.png) no-repeat 98px center; font-size: 16px; margin: 40px auto 0; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } /*鍒楄〃1*/ .dckf-list1 { height: 879px; overflow: hidden; -webkit-transition: all 0.8s; transition: all 0.8s; } .dckf-list1 li { height: 220px; overflow: hidden; padding: 36px 0; border-bottom: 1px solid #E6E9ED; position: relative; position: relative; } .dckf-list1 li .img01 { float: left; width: 380px; } .dckf-list1 li .zt { position: absolute; left: 304px; top: 210px; width: 60px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 14px; background: #43C77C; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .dckf-list1 li .zt-yellow { background: #FF911E; } .dckf-list1 li .tit { width: 300px; float: left; padding: 20px 0 0 40px; } .dckf-list1 li .tit h3 { display: block; font-size: 24px; color: #000; font-weight: bold; margin-bottom: 40px; } .dckf-list1 li .tit p { line-height: 36px; padding-left: 34px; line-height: 36px; padding-left: 40px; color: #706f6f; font-size: 14px; } .dckf-list1 li .tit p.t1 { background: url(../images/jxc/icon_a01.png) no-repeat left center; } .dckf-list1 li .tit p.t2 { background: url(../images/jxc/icon_a02.png) no-repeat left center; font-size: 22px; color: #ff911e; } .dckf-list1 li .tit p.t3 { background: url(../images/jxc/icon_a03.png) no-repeat left center; } .dckf-list1 li .img02 { float: left; margin: 52px 0 0 185px; height: 115px; } .dckf-list1 li a.point01 { float: right; margin: 90px 0 20px 0; width: 20px; height: 40px; background: url(../images/jxc/point06.png) no-repeat center center; } /*鍒楄〃2*/ .dckf-list2-wrap { margin-top: 30px; min-width: 1200px; background: #E6E9ED; padding: 40px 0 40px 0; } .dckf-list2 { width: 1230px; height: 970px; overflow: hidden; -webkit-transition: all 0.8s; transition: all 0.8s; } .dckf-list2 li { width: 380px; height: 460px; background: #fff; float: left; margin: 0 30px 25px 0; position: relative; text-align: center; } .dckf-list2 li img { width: 380px; height: 220px; display: block; } .dckf-list2 li .zt { position: absolute; left: 304px; top: 170px; width: 60px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 14px; background: #43C77C; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .dckf-list2 li .zt-yellow { background: #FF911E; } .dckf-list2 li h3 { font-size: 18px; color: #102678; font-weight: bold; line-height: 30px; margin: 35px 0 25px 0; } .dckf-list2 li p { line-height: 36px; line-height: 36px; color: #706f6f; font-size: 14px; } .dckf-list2 li p span { display: inline-block; padding-left: 28px; } .dckf-list2 li p.t1 span { background: url(../images/jxc/icon_a02.png) no-repeat left center; font-size: 22px; color: #ff911e; } .dckf-list2 li p.t2 span { background: url(../images/jxc/icon_a03.png) no-repeat left center; } .dckf-list2 li a.point01 { display: block; margin: 10px auto 0; width: 44px; height: 44px; background: url(../images/jxc/point03.png) no-repeat center center; } .dckf-list2 li a.point01:hover { background: url(../images/jxc/point04.png) no-repeat center center; } /*鍒楄〃3*/ .dckf-list3-wrap { padding: 90px 0; background: #102678; margin-top: 30px; min-width: 1200px; } .dckf-list3 { height: 220px; } .dckf-list3 .item { width: 575px; } .dckf-list3 .item a {} .dckf-list3 .item img { width: 350px; height: 220px; display: block; } .dckf-list3 .item h3 { font-size: 18px; color: #fff; font-weight: bold; line-height: 30px; margin-top: 5px; } .dckf-list3 .item p { line-height: 36px; height: 36px; color: #fff; font-size: 14px; padding-left: 28px; } .dckf-list3 .item p.t1 { background: url(../images/jxc/icon_a04.png) no-repeat left center; } .dckf-list3 .item p.t2 { background: url(../images/jxc/icon_a09.png) no-repeat left center; } .dckf-list3 .item .img-block { float: left; width: 350px; } .dckf-list3 .item .txt-block { float: right; width: 200px; } .dckf-list3 .item .txt-block .desc { color: #fff; font-size: 14px; line-height: 24px; margin-top: 10px; height: 168px; overflow: hidden; } .dckf-list3 .owl-carousel .owl-nav button.owl-prev, .dckf-list3 .owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; width: 53px; height: 53px; transform: translateY(-50%); text-indent: -9999px; z-index: 998; } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .dckf-list3 .owl-carousel .owl-nav button.owl-prev { left: -60px; background: url(../images/jxc/scroll_left.png) no-repeat 0 0; } .dckf-list3 .owl-carousel .owl-nav button.owl-next { right: -60px; background: url(../images/jxc/scroll_right.png) no-repeat 0 0; } /*----------鍟嗕笟杩愯惀----------*/ .syyy-xm-wrap { height: 635px; overflow: hidden; min-width: 1200px; -webkit-transition: all 0.4s; transition: all 0.4s; } .syyy-xm { margin: 120px auto 0; width: 750px; background: #fff; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; padding: 30px 40px; } .syyy-xm .tab {} .syyy-xm .tab li { margin-right: 8px; float: left; cursor: pointer; font-size: 16px; color: #102678; padding: 0 20px; background: #C9D0E8; line-height: 40px; font-weight: bold; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.4s; transition: all 0.4s; } .syyy-xm .tab li.cur { background: #FF911E; color: #fff; } .syyy-xm .cnt { margin-top: 45px; } .syyy-xm .cnt li { -webkit-transition: all 0.4s; transition: all 0.4s; } .syyy-xm .cnt img { float: left; width: 190px; } .syyy-xm .cnt .txt { width: 490px; float: right; } .syyy-xm .cnt .txt h3 { font-size: 22px; font-weight: bold; color: #000; } .syyy-xm .cnt .txt .desc { line-height: 20px; height: 60px; font-size: 14px; color: #979797; overflow: hidden; margin-top: 10px; } .syyy-xm .cnt .txt .gw { margin-top: 15px; display: block; line-height: 50px; width: 140px; padding-left: 40px; background: #FF911E url(../images/jxc/icon_a05.png) no-repeat 45px center; font-size: 14px; color: #fff; text-align: center; } .syyy-xm .cnt .txt .t1, .syyy-xm .cnt .txt .t2 { line-height: 36px; padding-left: 34px; line-height: 36px; color: #706f6f; font-size: 14px; float: left; margin-top: 30px; } .syyy-xm .cnt .txt .t1 { background: url(../images/jxc/icon_a02.png) no-repeat left center; font-size: 22px; color: #ff911e; margin-right: 50px; } .syyy-xm .cnt .txt .t2 { background: url(../images/jxc/icon_a03.png) no-repeat left center; } /*----------鍟嗕笟杩愯惀 浠嬬粛----------*/ .syyy-intro { height: 440px; background: url(../images/jxc/syyy_bg02.jpg) no-repeat center center; min-width: 1200px; } .syyy-intro h2 { color: #fff; font-size: 50px; font-family: helvetica_neue_condensedbold; text-transform: uppercase; padding-top: 60px; } .syyy-intro h3 { color: #fff; font-size: 24px; font-weight: bold; } .syyy-intro .txt { color: #7b3f00; line-height: 22px; font-size: 14px; width: 440px; margin-top: 30px; } /*----------鍟嗕笟杩愯惀 鍝佺墝----------*/ .syyy-pinpai { height: 700px; background: url(../images/jxc/syyy_bg03.jpg) no-repeat center center; min-width: 1200px; } .syyy-pinpai .left { width: 300px; float: left; padding: 35px 0 0 35px; } .syyy-pinpai .left img {} .syyy-pinpai .left h3 { color: #fff; font-size: 24px; font-weight: bold; padding-top: 5px; } .syyy-pinpai .left .txt { color: #fff; line-height: 22px; font-size: 14px; margin-top: 50px; } .syyy-pinpai .left .phone { margin-top: 55px; height: 54px; background: url(../images/jxc/icon_phone.png) no-repeat left center; padding-left: 72px; } .syyy-pinpai .left .phone dt { font-size: 16px; color: #fff; } .syyy-pinpai .left .phone dd { font-size: 28px; color: #ff911e; } .syyy-pinpai .left .ewm { display: block; margin: 30px auto 0; height: 120px; } .syyy-pinpai-list { width: 720px; float: right; padding: 64px 10px 0 0; } .syyy-pinpai-list li { width: 720px; } .syyy-pinpai-list li a { display: block; width: 140px; height: 140px; float: left; margin: 0 4px 4px 0; overflow: hidden; } .syyy-pinpai-list li img { display: block; width: 100%; height: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } .syyy-pinpai-list li span { display: block; width: 100%; height: 100%; background: #FF911E; color: #fff; text-align: center; font-size: 16px; font-weight: bold; line-height: 140px; } .syyy-pinpai-list li a:hover img { margin-top: -140px; } .syyy-pinpai-list .bx-wrapper { position: relative; *zoom: 1; } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .syyy-pinpai-list .bx-wrapper .bx-prev { left: -30px; background: url(../images/jxc/scroll_left1.png) no-repeat 0 0; } .syyy-pinpai-list .bx-wrapper .bx-next { right: -30px; background: url(../images/jxc/scroll_right1.png) no-repeat 0 0; } .syyy-pinpai-list .bx-wrapper .bx-controls-direction a { position: absolute; top: 260px; outline: 0; width: 26px; height: 50px; text-indent: -9999px; z-index: 9999; } .syyy-pinpai-list .bx-wrapper .bx-controls-direction a.disabled {} /*----------鐗╀笟鏈嶅姟 鏍囬----------*/ .wuye-tit { min-width: 1200px; text-align: center; padding: 60px 0 25px 0; } .wuye-tit h2 { line-height: 54px; font-size: 50px; color: #c3c3c3; text-transform: uppercase; font-family: helvetica_neue_condensedbold; } .wuye-tit h3 { font-size: 24px; font-weight: bold; color: #ff911e; } /*----------鐗╀笟鏈嶅姟 鐢佃瘽----------*/ .wuye-phone { height: 100px; padding-top: 35px; min-width: 1200px; background: #F0EFF4; } .wuye-phone dl { float: left; margin-left: 105px; height: 47px; background: url(../images/jxc/icon_phone2.png) no-repeat left center; padding-left: 58px; } .wuye-phone dt { font-size: 14px; line-height: 16px; } .wuye-phone dd { font-size: 28px; line-height: 32px; } /*----------鐗╀笟鏈嶅姟 鍏充簬----------*/ .wuye-intro { min-width: 1200px; height: 643px; background: url(../images/jxc/wy_bg.jpg) no-repeat center top; } .wuye-intro .left { width: 440px; padding-top: 30px; float: left; } .wuye-intro .left .tit { color: #fff; } .wuye-intro .left .tit span { display: block; width: 43px; height: 2px; background: #fff; } .wuye-intro .left .tit h3 { font-size: 30px; font-family: helvetica_neue_condensedbold; margin-top: 5px; } .wuye-intro .left .tit h4 { font-size: 18px; font-weight: bold; } .wuye-intro .left .txt { line-height: 24px; font-size: 12px; height: 420px; overflow: hidden; color: #a9bbff; margin-top: 30px; } .wuye-intro .left .txt p { padding-bottom: 10px; } .wuye-intro .left a.btn { float: left; line-height: 42px; padding: 0 28px; border: 1px solid #fff; font-size: 14px; font-weight: bold; color: #fff; margin-top: 10px; margin-right: 15px; -moz-border-radius: 42px; -o-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; -webkit-transition: all 0.4s; transition: all 0.4s; } .wuye-intro .left a.btn:hover { border: 1px solid #FF911E; background: #FF911E; } .wuye-intro .right { width: 380px; float: right; padding: 160px 40px 0 0; text-align: center; } .wuye-intro .right img {} .wuye-intro .right h3 { font-size: 18px; font-weight: bold; color: #fff; margin-top: 10px; } .wuye-intro .right .txt { line-height: 24px; font-size: 14px; color: #fff; text-align: left; margin-top: 10px; } /*----------鐗╀笟鍒嗗竷----------*/ .wuye-fb { padding: 50px 0; background: #FFF2E5; } .wuye-fb .tit {} .wuye-fb .tit h3 { font-size: 50px; color: #9c9388; font-family: helvetica_neue_condensedbold; text-transform: uppercase; } .wuye-fb .tit h4 { font-size: 24px; font-weight: bold; color: #FF911E; } .wuye-fb .tab { margin-top: 20px; } .wuye-fb .tab li { cursor: pointer; float: left; line-height: 50px; padding: 0 45px; color: #fff; font-size: 18px; background: #9C9388; margin-right: 15px; -webkit-transition: all 0.4s; transition: all 0.4s; } .wuye-fb .tab li.cur { background: #FF911E; } .wuye-fb .cnt { padding-top: 10px; } .wuye-fb .cnt .wuye-fb-cnt-wrap { min-height: 380px; } .wuye-fb .cnt .wuye-fb-cnt-tit { font-size: 16px; line-height: 20px; padding: 10px 0 0; color: #FF911E; font-weight: bold; } .wuye-fb .cnt ul { -webkit-transition: all 0.4s; transition: all 0.4s; margin-bottom: 15px; } .wuye-fb .cnt li { width: 275px; float: left; line-height: 24px; margin-top: 20px; } .wuye-fb .cnt li h3 { font-size: 14px; font-weight: bold; color: #685c4d; padding-left: 13px; background: url(../images/jxc/point07.png) no-repeat left center; } .wuye-fb .cnt li p { color: #918a81; line-height: 26px; height: 26px; padding-left: 29px; } .wuye-fb .cnt li p.t1 { background: url(../images/jxc/icon_a06.png) no-repeat 13px center; } .wuye-fb .cnt li p.t2 { background: url(../images/jxc/icon_a08.png) no-repeat 13px center; } .wuye-fb .cnt li:hover h3 { color: #ff911e; background: url(../images/jxc/point08.png) no-repeat left center; } /*----------flash----------*/ .wuye-flash { width: 100%; height: 570px; min-width: 1200px; overflow: hidden; } .wuye-flash li { width: 100%; height: 570px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .wuye-flash .bx-wrapper { position: relative; *zoom: 1; } .wuye-flash .bx-wrapper .bx-loading { min-height: 50px; background: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .wuye-flash .bx-wrapper .bx-prev { left: 30px; background: url(../images/jxc/scroll_left1.png) no-repeat 0 0; } .wuye-flash .bx-wrapper .bx-next { right: 30px; background: url(../images/jxc/scroll_right1.png) no-repeat 0 0; } .wuye-flash .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; outline: 0; width: 26px; height: 50px; margin-top: -25px; text-indent: -9999px; z-index: 900; } /*----------鐗╀笟浼樺娍----------*/ .wuye-ys { padding: 30px 0 90px 0; overflow: hidden; } .wuye-ys ul { width: 1262px; } .wuye-ys li { width: 190px; float: left; margin-right: 62px; } .wuye-ys li img { display: block; width: 190px; height: 300px; } .wuye-ys li .txt { line-height: 24px; font-size: 14px; color: #979797; margin-top: 20px; } .wuye-ys li .txt h3 { font-size: 18px; color: #000; padding-bottom: 15px; font-weight: bold; white-space: nowrap; } /*----------缁垮寲鍥灄 鐢佃瘽----------*/ .lvhua-phone { height: 100px; padding-top: 35px; min-width: 1200px; background: #F0EFF4; } .lvhua-phone dl { float: left; margin-left: 220px; height: 50px; background: url(../images/jxc/icon_phone3.png) no-repeat left center; padding-left: 58px; } .lvhua-phone dt { font-size: 14px; line-height: 16px; } .lvhua-phone dd { font-size: 28px; line-height: 32px; } /*----------缁垮寲鍥灄 绠€浠?---------*/ .lvhua-intro { min-width: 1200px; height: 480px; background: url(../images/jxc/lh_bg.jpg) no-repeat center top; } .lvhua-intro .left { width: 440px; padding-top: 30px; float: left; } .lvhua-intro .left .tit { color: #fff; } .lvhua-intro .left .tit span { display: block; width: 43px; height: 2px; background: #fff; } .lvhua-intro .left .tit h3 { font-size: 30px; font-family: helvetica_neue_condensedbold; margin-top: 5px; } .lvhua-intro .left .tit h4 { font-size: 18px; font-weight: bold; } .lvhua-intro .left .txt { line-height: 24px; font-size: 12px; height: 200px; overflow: hidden; color: #bbedbe; margin-top: 30px; } .lvhua-intro .left .txt p { padding-bottom: 10px; } .lvhua-intro .left a.btn { float: left; line-height: 42px; padding: 0 28px; border: 1px solid #fff; font-size: 14px; font-weight: bold; color: #fff; margin-top: 10px; margin-right: 15px; -moz-border-radius: 42px; -o-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; -webkit-transition: all 0.4s; transition: all 0.4s; } .lvhua-intro .left a.btn:hover { border: 1px solid #FF911E; background: #FF911E; } .lvhua-intro .right { width: 380px; float: right; padding: 100px 40px 0 0; text-align: center; } .lvhua-intro .right img {} .lvhua-intro .right h3 { font-size: 18px; font-weight: bold; color: #fff; margin-top: 30px; } .lvhua-intro .right .txt { line-height: 24px; font-size: 14px; color: #bbedbe; text-align: left; margin-top: 10px; } /*----------缁垮寲鍥灄 绮鹃€夋渚?---------*/ .lvhua-case-tit { font-size: 18px; font-weight: normal; text-align: center; color: #4db554; margin-top: 30px; padding-top: 105px; background: url(../images/jxc/icon_a07.png) no-repeat center top; font-weight: bold; } .lvhua-case { height: 370px; margin-top: 30px; } .lvhua-case ul {} .lvhua-case .item { width: 290px; float: left; text-align: center; line-height: 32px; } .lvhua-case .item img { width: 290px; height: 290px; display: block; } .lvhua-case .item h3 { font-size: 18px; color: #102678; font-weight: bold; margin-top: 10px; } .lvhua-case .item p { color: #706f6f; font-size: 14px; } .lvhua-case .item p span { color: #4db554; font-size: 16px; font-weight: bold; } .lvhua-case .owl-carousel .owl-nav button.owl-prev, .lvhua-case .owl-carousel .owl-nav button.owl-next { position: absolute; top: 119px; width: 53px; height: 53px; text-indent: -9999px; z-index: 998; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .lvhua-case .owl-carousel .owl-nav button.owl-prev { left: 0; background: url(../images/jxc/scroll_left.png) no-repeat 0 0; } .lvhua-case .owl-carousel .owl-nav button.owl-next { right: 0; background: url(../images/jxc/scroll_right.png) no-repeat 0 0; } /*----------缁垮寲鍥灄 缁忚惀鏂规----------*/ .lvhua-jyfa { padding: 30px 0 90px 0; overflow: hidden; } .lvhua-jyfa ul { width: 1230px; } .lvhua-jyfa li { width: 378px; height: 478px; border: 1px solid #E6E9ED; float: left; margin-right: 30px; } .lvhua-jyfa li img { display: block; width: 378px; height: 220px; } .lvhua-jyfa li .txt { line-height: 22px; font-size: 14px; color: #706f6f; margin-top: 20px; padding: 0 45px; } .lvhua-jyfa li h3 { margin-top: 35px; font-size: 18px; color: #4db554; text-align: center; font-weight: bold; white-space: nowrap; } /*----------鏂伴椈鎺ㄨ崘----------*/ .news-tj { height: 320px; width: 1200px; overflow: hidden; background: #F2F4F7; position: relative; } .news-tj .item { position: relative; height: 320px; width: 1200px; overflow: hidden; } .news-tj .item img { width: 560px; float: left; } .news-tj .item .cnt { float: left; width: 455px; padding: 50px 0 0 30px; } .news-tj .item .date { height: 14px; line-height: 14px; color: #706f6f; padding-left: 11px; border-left: 4px solid #102678; font-weight: bold; font-size: 14px; } .news-tj .item h3 { padding: 0 0 0 11px; border-left: 4px solid #102678; line-height: 24px; height: 24px; color: #000; font-size: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; } .news-tj .item h3 a { color: #000; } .news-tj .item .desc { padding-left: 15px; margin-top: 36px; line-height: 20px; height: 100px; overflow: hidden; color: #706f6f; font-size: 14px; } .news-tj .item .more { float: left; margin: 30px 0 0 15px; font-size: 14px; display: block; color: #fff; background: #102678; border: 1px solid #102678; width: 130px; height: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.4s; transition: all 0.4s; } .news-tj .owl-carousel .owl-nav button.owl-prev, .news-tj .owl-carousel .owl-nav button.owl-next { position: absolute; top: 270px; width: 33px; height: 33px; text-indent: -9999px; z-index: 998; } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .news-tj .owl-carousel .owl-nav button.owl-prev { left: 1090px; background: url(../images/jxc/scroll_left3.png) no-repeat 0 0; } .news-tj .owl-carousel .owl-nav button.owl-next { right: 30px; background: url(../images/jxc/scroll_right3.png) no-repeat 0 0; } /*----------鏂伴椈鍒楄〃----------*/ .news_list { margin-top: 20px; } .news_list li { padding: 30px 0; border-bottom: 2px solid #F2F4F7; } .news_list li img { width: 335px; float: left; } .news_list li .cnt { float: left; width: 700px; margin-left: 40px; } .news_list li .date { height: 24px; line-height: 24px; color: #706f6f; margin-bottom: 10px; font-size: 14px; } .news_list li h3 { line-height: 32px; height: 32px; color: #000; font-size: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 10px; } .news_list li .desc { line-height: 20px; height: 40px; overflow: hidden; color: #706f6f; font-size: 14px; } .news_list li .more { margin-top: 30px; font-size: 14px; color: #102678; display: block; border: 1px solid #102678; width: 130px; height: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.4s; transition: all 0.4s; } .news_list li a:hover h3 { color: #102678; } .news_list li a:hover .desc {} .news_list li a:hover .more { color: #fff; background: #102678; border: 1px solid #102678; } /* 鍒嗛〉 */ #pages { padding: 30px 0 10px; text-align: center; } #pages a { display: inline-block; height: 36px; line-height: 36px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; padding: 0 15px } #pages a.a1 { background: url(../images/admin_img/pages.png) no-repeat 0 5px; width: 56px; padding: 0 } #pages a:hover { background: #102678; color: #fff; text-decoration: none } #pages span { display: inline-block; height: 36px; line-height: 36px; background: #102678; border: 1px solid #102678; color: #fff; text-align: center; padding: 0 15px } .page .noPage { display: inline-block; width: 56px; height: 36px; line-height: 36px; background: url(../img/icu/titleBg.png) repeat-x 0 -55px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; } /*----------鏂囩珷----------*/ .article {} /*鏂囩珷鏍囬*/ .article_tit { font-size: 22px; line-height: 30px; color: #000; } /*鏂囩珷淇℃伅*/ .article_msg { height: 34px; line-height: 34px; margin-top: 20px; color: #706f6f; font-size: 14px; } .article_msg .date { float: left; font-size: 26px; color: #b6b6b6; font-weight: bold; font-family: helvetica_neue_condensedbold; } .article_msg .views { float: left; margin-left: 40px; } .article_msg .share { float: left; margin-left: 40px; } .article_msg .share .tit { float: left; } .article_msg .share .cnt { float: left; padding: 0 0 0 15px; } .article_msg .wx { float: left; position: relative; margin-top: 6px; } .article_msg .wx dt {} .article_msg .wx dd { position: absolute; top: 30px; left: 30px; display: none; } .article_msg .wx dd img { width: 220px; } .article-desc { margin-top: 65px; } .article-desc dt { font-size: 18px; color: #000; } .article-desc dd { color: #b2b2b2; font-size: 14px; padding: 15px 0 30px 0; border-bottom: 2px solid #E9ECF1; } /*鏂囩珷鍐呭*/ .article_body { padding: 30px 0; line-height: 24px; font-size: 14px; color: #706f6f; } .article_body p { padding: 10px 0; } .article_body img { max-width: 760px; } /*----------鏂伴椈渚ц竟----------*/ .news-side { width: 370px; float: right; } .news-side-tit { font-size: 20px; font-weight: bold; color: #102678; padding-bottom: 10px; } .news-side dl { padding-bottom: 40px; background: #F2F4F7; } .news-side dt { margin-bottom: 20px; } .news-side dt .cnt { padding: 20px 25px 0 25px; } .news-side dt img { display: block; width: 100%; } .news-side dt h3 { font-size: 16px; font-weight: bold; line-height: 20px; color: #000; } .news-side dt h3 a { color: #000; } .news-side dt .date { margin-top: 10px; font-size: 26px; color: #b6b6b6; font-weight: bold; font-family: helvetica_neue_condensedbold; } .news-side dt .desc { border-bottom: 2px solid #D9DDE2; margin-top: 15px; padding-bottom: 50px; color: #818181; font-size: 14px; } .news-side dd { height: 30px; line-height: 30px; text-align: right; padding: 0 25px 0 25px; } .news-side dd a { float: left; font-size: 14px; text-align: left; padding-left: 13px; background: url(../images/jxc/point07.png) no-repeat left center; width: 240px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news-side dd a:hover { color: #ff911e; background: url(../images/jxc/point08.png) no-repeat left center; } .news-side dd span {} /*----------瑙嗛鎺ㄨ崘----------*/ .video-tj { height: 300px; width: 1200px; } .video-tj .item { width: 400px; } .video-tj .item a { display: block; width: 380px; padding: 0 10px; } .video-tj .item img { width: 380px; height: 220px; display: block; } .video-tj .item h3 { padding-left: 65px; line-height: 80px; height: 80px; color: #fff; font-size: 18px; font-weight: bold; background: #FF911E url(../images/jxc/icon_video.png) no-repeat 18px center; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .video-tj .item h3 a { color: #fff; } .video-tj .owl-carousel .owl-nav button.owl-prev, .video-tj .owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; width: 53px; height: 53px; transform: translateY(-50%); text-indent: -9999px; z-index: 998; } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .video-tj .owl-carousel .owl-nav button.owl-prev { left: -60px; background: url(../images/jxc/scroll_left4.png) no-repeat 0 0; } .video-tj .owl-carousel .owl-nav button.owl-next { right: -60px; background: url(../images/jxc/scroll_right4.png) no-repeat 0 0; } /*----------瑙嗛鍒楄〃----------*/ .video-list { width: 1213px; padding: 60px 0 50px 0; } .video-list li { float: left; width: 288px; border: 1px solid #E6E9ED; margin: 13px 13px 0 0; } .video-list li img { width: 288px; height: 165px; display: block; } .video-list li h3 { padding-left: 50px; line-height: 65px; height: 65px; color: #102678; font-size: 14px; font-weight: bold; background: #fff url(../images/jxc/icon_video1.png) no-repeat 18px center; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .video-list li h3 a { color: #fff; } /*----------瑙嗛----------*/ .videoshow_code { width: 790px; height: 450px; background: #000; margin: 0 auto; } /*----------缁勭粐鏂囧寲----------*/ .zuzhi-box { height: 500px; min-width: 1200px; overflow: hidden; -webkit-transition: all 0.6s; transition: all 0.6s; } .zuzhi-box .w1200 { position: relative; } .zuzhi-box .txt { color: #102678; position: relative; z-index: 2; } .zuzhi-box .txt img { position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; } .zuzhi-box .txt h3 { font-size: 18px; font-weight: bold; position: relative; -webkit-transition: all 0.6s; transition: all 0.6s; } .zuzhi-box .txt p { line-height: 28px; font-size: 16px; margin-top: 30px; position: relative; -webkit-transition: all 0.8s; transition: all 0.8s; } .zuzhi-box-style01 { background: url(../images/jxc/zuzhi/bg01.jpg) no-repeat center center; } .zuzhi-box-style02 { background: url(../images/jxc/zuzhi/bg02.jpg) no-repeat center center; } .zuzhi-box-style03 { background: url(../images/jxc/zuzhi/bg03.jpg) no-repeat center center; } .zuzhi-box-style04 { background: url(../images/jxc/zuzhi/bg04.jpg) no-repeat center center; } .zuzhi-box-style05 { background: url(../images/jxc/zuzhi/bg05.jpg) no-repeat center center; } .zuzhi-box-style06 { background: url(../images/jxc/zuzhi/bg06.jpg) no-repeat center center; } .zuzhi-box-style07 { background: url(../images/jxc/zuzhi/bg07.jpg) no-repeat center center; } .zuzhi-box-style08 { background: url(../images/jxc/zuzhi/bg08.jpg) no-repeat center center; } .zuzhi-box-style09 { background: url(../images/jxc/zuzhi/bg09.jpg) no-repeat center center; } .zuzhi-box-style10 { background: url(../images/jxc/zuzhi/bg10.jpg) no-repeat center center; } .zuzhi-box-style11 { background: url(../images/jxc/zuzhi/bg11.jpg) no-repeat center center; } .zuzhi-box-style12 { background: url(../images/jxc/zuzhi/bg12.jpg) no-repeat center center; } .zuzhi-box-style13 { background: url(../images/jxc/zuzhi/bg13.jpg) no-repeat center center; } .zuzhi-box-style03 .txt, .zuzhi-box-style04 .txt, .zuzhi-box-style05 .txt, .zuzhi-box-style07 .txt, .zuzhi-box-style08 .txt {} .zuzhi-box-style01 .txt, .zuzhi-box-style02 .txt, .zuzhi-box-style04 .txt, .zuzhi-box-style06 .txt, .zuzhi-box-style08 .txt, .zuzhi-box-style10 .txt, .zuzhi-box-style12 .txt { padding: 130px 0 0 160px; } .zuzhi-box-style03 .txt, .zuzhi-box-style07 .txt, .zuzhi-box-style09 .txt, .zuzhi-box-style13 .txt { padding: 130px 0 0 758px; } .zuzhi-box-style05 .txt, .zuzhi-box-style11 .txt { padding: 130px 0 0 722px; } .zuzhi-box-pos-l img { left: -900px; } .zuzhi-box-pos-l h3 { left: -900px; } .zuzhi-box-pos-l p { left: -900px; } .zuzhi-box-pos-r img { right: -900px; } .zuzhi-box-pos-r h3 { right: -900px; } .zuzhi-box-pos-r p { right: -900px; } .zuzhi-box-normal .zuzhi-box-pos-l img { left: 0; } .zuzhi-box-normal .zuzhi-box-pos-l h3 { left: 0; } .zuzhi-box-normal .zuzhi-box-pos-l p { left: 0; } .zuzhi-box-normal .zuzhi-box-pos-r img { right: 0; } .zuzhi-box-normal .zuzhi-box-pos-r h3 { right: 0; } .zuzhi-box-normal .zuzhi-box-pos-r p { right: 0; } .zuzhi-box .fade { position: absolute; width: 300px; height: 280px; background: #fff; left: 140px; top: 0; z-index: 1; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } /*----------鑱旂郴----------*/ .contact { width: 475px; float: left; margin-left: 65px; } .contact h2 { text-transform: uppercase; font-size: 40px; color: #dedfe8; font-family: helvetica_neue_condensedbold; } .contact h3 { font-size: 20px; font-weight: bold; color: #000; } .contact h4 { font-size: 14px; color: #6b6b6b; padding-left: 24px; background: url(../images/jxc/icon_map.png) no-repeat left center; margin-top: 10px; } .contact ul {} .contact li { padding: 25px 0 0 180px; height: 75px; margin-top: 20px; background-color: #F4F6F7; background-position: 115px 25px; background-repeat: no-repeat; } .contact li span { display: block; font-size: 14px; color: #6b6b6b; } .contact li strong { display: block; color: #102678; font-size: 28px; font-family: helvetica_neue_condensedbold; } .map { width: 585px; height: 705px; float: right; background: #F4F6F7; } /*----------瑙嗛鎺ㄨ崘----------*/ .renzai { min-width: 1200px; background: url(../images/jxc/bg01.jpg) center top; } .renzai-box { height: 443px; } .renzai-box .img-block { width: 600px; height: 443px; float: left; overflow: hidden; position: relative; } .renzai-box .txt-block { width: 530px; float: left; padding: 70px 0 0 70px; color: #fff; } .renzai-box .txt-block h2 { text-transform: uppercase; font-size: 50px; font-family: helvetica_neue_condensedbold; } .renzai-box .txt-block h3 { font-size: 25px; font-weight: bold; } .renzai-box .txt-block h4 { font-size: 16px; font-weight: bold; margin-top: 30px; } .renzai-box-r .img-block { float: right; } .renzai-box-r .txt-block { float: left; } /*鍥剧墖灏忓浘棰勮鍒楄〃*/ .renzai-box .img-block .spec-preview { width: 600px; height: 443px; display: block; } .renzai-box .img-block .spec-scroll { width: 560px; position: absolute; left: 0; bottom: 0; padding: 10px 20px; height: 75px; background: rgba(0, 0, 0, 0.6); overflow: hidden; } .renzai-box .img-block .spec-scroll .prev, .renzai-box .img-block .spec-scroll .next { display: block; width: 14px; height: 24px; cursor: pointer; margin-top: 30px; } .renzai-box .img-block .spec-scroll .prev { background: url(../images/jxc/scroll_left5.png) no-repeat center center; float: left; } .renzai-box .img-block .spec-scroll .next { background: url(../images/jxc/scroll_right5.png) no-repeat center center; float: right; } .renzai-box .img-block .spec-scroll .items { float: left; position: relative; width: 490px; height: 75px; overflow: hidden; float: left; margin-left: 21px; } .renzai-box .img-block .spec-scroll .items ul { position: absolute; width: 999999px; } .renzai-box .img-block .spec-scroll .items ul li { float: left; width: 125px; text-align: center; } .renzai-box .img-block .spec-scroll .items ul li img { padding: 3px; width: 109px; height: 69px; display: block; } .renzai-box .img-block .spec-scroll .items ul li img:hover { border: 3px solid #FF6600; padding: 0; } /*----------浜у搧鏈嶅姟骞荤伅鐗?---------*/ .fuwu-flash { width: 100%; height: 500px; min-width: 1200px; overflow: hidden; } .fuwu-flash li { width: 100%; height: 500px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .fuwu-flash .bx-wrapper { position: relative; *zoom: 1; } .fuwu-flash .bx-wrapper .bx-loading { min-height: 50px; background: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .fuwu-flash .bx-wrapper .bx-prev { left: 30px; background: url(../images/jxc/scroll_left1.png) no-repeat 0 0; } .fuwu-flash .bx-wrapper .bx-next { right: 30px; background: url(../images/jxc/scroll_right1.png) no-repeat 0 0; } .fuwu-flash .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; outline: 0; width: 26px; height: 50px; margin-top: -25px; text-indent: -9999px; z-index: 900; } /*----------閰掑簵绠$悊----------*/ .jdgl-wrapper { min-width: 1200px; background: #EFEFEF; overflow: hidden; } .jiudian_list {} .jiudian_list li { float: left; overflow: hidden; position: relative; } .jiudian_list li img { display: block; width: 100%; height: 100%; } .jiudian_list li h3 { font-size: 20px; font-weight: bold; color: #fff; line-height: 46px; text-indent: 35px; position: absolute; width: 100%; left: 0; top: 45px; background: rgba(0, 0, 0, 0.4) } .jiudian_list li.j1 { width: 745px; height: 485px; } .jiudian_list li.j2 { width: 440px; height: 485px; margin-left: 15px; } .jiudian_list li.j3 { width: 745px; height: 585px; margin-top: 25px; } .jiudian_list li.j4 { width: 440px; height: 310px; margin: 25px 0 0 15px; } .jiudian_list li.j5 { width: 440px; height: 255px; margin: 20px 0 0 15px; } .jiudian_list li.j5 h3 { top: 15px; } /*----------閰掑簵绠$悊骞荤伅鐗?---------*/ .jiudian-flash-wrapper { height: 470px; width: 100%; min-width: 1200px; position: relative; text-align: center; } .jiudian-flash { width: 100%; height: 470px; overflow: hidden; } .jiudian-flash li { width: 100%; height: 470px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .jiudian-flash .bx-wrapper { position: relative; *zoom: 1; z-index: 5; } .jiudian-flash .bx-wrapper .bx-loading { min-height: 50px; background: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .jiudian-flash .bx-wrapper .bx-prev { left: 30px; background: url(../images/jxc/scroll_left6.png) no-repeat 0 0; } .jiudian-flash .bx-wrapper .bx-next { right: 30px; background: url(../images/jxc/scroll_right6.png) no-repeat 0 0; } .jiudian-flash .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; outline: 0; width: 42px; height: 42px; margin-top: -25px; text-indent: -9999px; z-index: 900; } .jiudian-flash-tab { position: absolute; top: 360px; width: 100%; z-index: 8; text-align: center; margin: 0 auto; } .jiudian-flash-tab a { display: inline-block; width: 340px; height: 85px; line-height: 70px; background: url(../images/jxc/bg05.png) no-repeat; text-align: center; font-size: 18px; font-family: "Microsoft YaHei"; color: #fff; margin: 0 15px; transition: all 0.3s; } .jiudian-flash-tab a span { display: inline-block; padding: 0 30px; background: url(../images/jxc/point10.png) no-repeat left center; transition: all 0.3s; } .jiudian-flash-tab a.active, .jiudian-flash-tab a:hover { color: #bdcbff; text-decoration: none; } .jiudian-flash-tab a.active span, .jiudian-flash-tab a:hover span { background: url(../images/jxc/point09.png) no-repeat left center; } /*----------鎷涢噰涓績----------*/ .zc01 { background: #EFEFEF; min-width: 1200px; padding: 15px 0 30px 0; } .zc01_tit { line-height: 60px; text-align: center; overflow: hidden; } .zc01_tit .inner { display: inline-block; } .zc01_tit span { width: 210px; height: 1px; background: #4B4B4B; float: left; margin-top: 30px; } .zc01_tit strong { padding: 0 20px; font-size: 20px; float: left; } .zc01_list {} .zc01_list li { width: 1200px; } .zc01_list .bx-wrapper { position: relative; *zoom: 1; } /*鍔犺浇鐣岄潰*/ .zc01_list .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /*瀵艰埅 鐩稿bx-wrapper瀹氫綅*/ .zc01_list .bx-wrapper .bx-pager { position: absolute; bottom: 0; z-index: 80; width: 100%; text-align: center; } .zc01_list .bx-wrapper .bx-pager.bx-default-pager a { background: #D7D4D2; display: block; width: 20px; height: 10px; text-indent: -9999px; margin: 0 3px; outline: 0; font-size: 0px; line-height: 0; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .zc01_list .bx-wrapper .bx-pager.bx-default-pager a:hover, .zc01_list .bx-wrapper .bx-pager.bx-default-pager a.active { background: #0451B9; width: 50px; border: none; } .zc01_list .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; } .zc01_item { float: left; width: 390px; height: 195px; } .zc01_item a { display: block; padding: 15px 20px 0 20px; width: 330px; height: 150px; background: #fff; } .zc01_item h3 { line-height: 20px; color: #000; font-size: 16px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .zc01_item .date { color: #B1B1B1; margin-top: 2px; } .zc01_item .desc { overflow: hidden; color: #B1B1B1; margin-top: 10px; line-height: 18px; height: 36px; } .zc01_item .btn { width: 125px; line-height: 34px; float: right; color: #fff; background: #0052C2; text-align: center; margin-top: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .zc02 { background: #fff; min-width: 1200px; padding: 15px 0 30px 0; } .zc02_list {} .zc02_list li { width: 530px; height: 150px; float: left; border-bottom: 1px solid #EEEEEE; padding: 35px; } .zc02_list li a { display: block; } .zc02_list li .date { float: left; padding-right: 8px; width: 137px; height: 116px; background: url(../images/jxc/zb_05.png) no-repeat left top; text-align: center; } .zc02_list li .date .d1 { line-height: 36px; padding-top: 13px; color: #A4A4A4; font-size: 20px; } .zc02_list li .date .d2 { padding-top: 10px; color: #767676; font-size: 32px; font-weight: bold; font-family: Arial; } .zc02_list li .date .d2 span { color: #A4A4A4; font-size: 20px; } .zc02_list li .cnt { width: 370px; float: right; } .zc02_list li .cnt h3 { line-height: 36px; font-size: 16px; color: #302488; } .zc02_list li .cnt .desc { overflow: hidden; color: #B1B1B1; margin-top: 5px; line-height: 18px; height: 54px; } .zc02_list li .cnt .btn { display: inline-block; color: #0054D1; margin-top: 5px; } /*----------閰掑簵绠$悊----------*/ .hotel_logo { text-align: center; background: #fff; padding: 60px 0; } .hotel_intro { background: #A0072A; min-width: 1200px; position: relative; margin-top: 5px; } .hotel_intro_txt { float: left; width: 470px; padding-right: 130px; } .hotel_intro_txt .tit { padding-top: 85px; } .hotel_intro_txt .tit span { display: block; width: 45px; height: 4px; background: #fff; } .hotel_intro_txt .tit h3 { font-size: 30px; color: #cbac83; text-transform: uppercase; margin-top: 2px; } .hotel_intro_txt .tit h4 { font-size: 18px; color: #fff; font-weight: bold; } .hotel_intro_txt .txt { margin-top: 35px; font-size: 15px; color: #fff; line-height: 30px; text-indent: 2em; } .hotel_intro_txt a.more { display: block; width: 190px; line-height: 56px; background: #fff; text-align: center; font-size: 15px; color: #a0072a; font-weight: bold; margin-top: 45px; transition: all 0.4s; } .hotel_intro_txt a.more:hover { background: #CBAC83; color: #fff; } .hotel_intro_icon { padding-top: 12px; border-top: 1px solid #CB2047; margin-top: 140px; } .hotel_intro_icon li { text-align: center; color: #cbac83; font-size: 14px; float: left; padding-top: 52px; width: 105px; line-height: 18px; margin-right: 16px; } .hotel_intro_icon li.last { margin-right: 0; } .hotel_intro_icon li.i1 { background: url(../images/jxc/hotel_icon01.png) no-repeat center top; } .hotel_intro_icon li.i2 { background: url(../images/jxc/hotel_icon02.png) no-repeat center top; } .hotel_intro_icon li.i3 { background: url(../images/jxc/hotel_icon03.png) no-repeat center top; } .hotel_intro_icon li.i4 { background: url(../images/jxc/hotel_icon04.png) no-repeat center top; } .hotel_intro_pic { width: 600px; height: 800px; float: right; position: relative; } .hotel_pic_list { position: absolute; top: 0; left: 0; width: 960px; height: 800px; } .hotel_pic_list img { display: block; width: 100%; height: 100%; } .hotel_pic_nav { position: absolute; width: 100%; z-index: 999; top: 370px; } .hotel_pic_nav button { display: block; padding: 0; width: 64px; height: 64px; cursor: pointer; border: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .hotel_pic_nav button span { display: none; } .hotel_pic_nav button.owl-prev { position: absolute; background: url(../images/jxc/hotel_left.png) no-repeat center center; float: left; left: 50%; margin-left: -32px; } .hotel_pic_nav button.owl-next { background: url(../images/jxc/hotel_right.png) no-repeat center center; float: right; margin-right: 10px; } /* 鍘嗗彶 鏂 2020-02-18 */ #history { height: 540px; background-color: #2A7DC4; overflow: hidden; } #history .viewport { position: relative; margin: 0 auto; width: 1132px; height: 100%; background: url(../images/jxc/p_4_1.jpg) no-repeat 2px 20px; overflow: visible; } #history .viewport .btn { display: none; position: absolute; top: 50%; z-index: 2; margin-top: -22px; width: 44px; height: 44px; background: no-repeat 0 0; } #history .viewport .prev { left: -57px; background-image: url(../images/jxc/btn_prev.png); } #history .viewport .next { right: -57px; background-image: url(../images/jxc/btn_next.png); } #history .viewport .wrap { position: relative; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; } #history .viewport .wrap .item { position: absolute; width: 283px; background: url(../images/jxc/p_4_3.jpg) repeat-y 6px 0; -webkit-transition: bottom 300ms; transition: bottom 300ms; } #history .viewport .wrap .on { bottom: 0; } #history .viewport .wrap .item .item_cnt { padding: 5px 16px 5px 29px; overflow: hidden; background: url(../images/jxc/p_4_2.png) no-repeat 0 0; } #history .viewport .wrap .item .txt { margin-bottom: 20px; line-height: 20px; color: #fff; font-size: 14px; } #history .viewport .wrap .item .txt p { padding: 5px 0 5px 16px; background: url(../images/jxc/point11.png) no-repeat left 13px; } #history .viewport .wrap .item .year { display: block; padding: 0 0 30px 0; font: lighter 48px "myriadsetpro" !important; color: #fff; } @media only screen and (max-width:1300px) { .hotel_pic_nav button.owl-prev { left: 568px; margin-left: 0; } } /* 2020-03-23 鏀圭増 寮€濮 */ /*----------鍦颁骇寮€鍙戦椤?---------*/ .dckf_index { position: fixed; left: 0; bottom: 0; width: 100%; } .dckf_index_img {} .dckf_index_img li { width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; } .dckf_index_img li img {} .dckf_index ul {} .dckf_index li { width: 25%; height: 120px; float: left; overflow: hidden; position: relative; } .dckf_index li a { display: block; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s; } .dckf_index li .box1 { height: 120px; } .dckf_index li.n1 .box1 { background: url(../images/jxc/dckf/index/01.png) left top no-repeat; } .dckf_index li.n2 .box1 { background: url(../images/jxc/dckf/index/02.png) left top no-repeat; } .dckf_index li.n3 .box1 { background: url(../images/jxc/dckf/index/03.png) left top no-repeat; } .dckf_index li.n4 .box1 { background: url(../images/jxc/dckf/index/04.png) left top no-repeat; } .dckf_index li .box1 h3 { font-size: 22px; color: #0d386d; padding: 10px 0 0 20px; font-weight: bold; } .dckf_index li .box1 h4 { font-size: 12px; color: #969ea7; padding: 5px 0 0 20px; } .dckf_index li .box2 { height: 120px; background: url(../images/jxc/dckf/fade.png); text-align: center; } .dckf_index li .box2 h3 { font-size: 22px; color: #fff; padding: 40px 0 0 0; font-weight: bold; background: url(../images/jxc/dckf/point01.png) center 16px no-repeat; } .dckf_index li .box2 h4 { font-size: 12px; color: #969ea7; padding: 5px 0 0 0; text-transform: uppercase; } .dckf_index li a:hover { top: -120px; } .dckf_copy { color: #fff; text-align: center; line-height: 40px; } /*----------鍦颁骇寮€鍙 banner----------*/ .dckf_banner { height: 594px; background-position: center top; background-repeat: no-repeat; } /*----------鍦颁骇寮€鍙 鍐呭----------*/ .dckf-new { padding-bottom: 45px; } /*----------鍦颁骇寮€鍙 鍒楄〃1----------*/ .dckf-new-list1 { -webkit-transition: all 0.8s; transition: all 0.8s; } .dckf-new-list1 li { height: 400px; margin-top: 40px; position: relative; box-shadow: 3px 0 20px 3px rgba(7, 0, 2, 0.1); background: url(../images/jxc/dckf/bg01.png) no-repeat right bottom; } .dckf-new-list1 li .img01 { float: left; width: 600px; height: 400px; } .dckf-new-list1 .txt-block { width: 520px; float: right; padding: 0 40px 0 0; } .dckf-new-list1 .txt-block .spec { height: 45px; } .dckf-new-list1 .txt-block .s-logo { padding: 30px 0 10px 0; text-align: center; border-bottom: 1px solid #E8E8E8; } .dckf-new-list1 .txt-block .s-logo img { max-height: 70px; } .dckf-new-list1 .txt-block h3 { text-align: center; font-size: 22px; color: #000; font-weight: bold; line-height: 75px; border-bottom: 1px solid #E8E8E8; } .dckf-new-list1 .txt-block .msg { margin-top: 15px; } .dckf-new-list1 .txt-block .msg p { line-height: 32px; padding-left: 34px; padding-left: 40px; color: #706f6f; font-size: 14px; } .dckf-new-list1 .txt-block .msg p.t1 { background: url(../images/jxc/icon_a01.png) no-repeat left center; } .dckf-new-list1 .txt-block .msg p.t2 { background: url(../images/jxc/icon_a02.png) no-repeat left center; font-size: 22px; color: #d70000; } .dckf-new-list1 .txt-block .msg p.t3 { background: url(../images/jxc/icon_a03.png) no-repeat left center; } .dckf-new-list1 li .btn { display: block; width: 90px; padding: 0 0 0 30px; font-size: 16px; color: #fff; line-height: 40px; background: #D70000 url(../images/jxc/dckf/point02.png) no-repeat 80px center; margin-top: 20px; } /*----------鍦颁骇寮€鍙 鍒楄〃4----------*/ .dckf-new-list4-wrap { margin-top: 30px; min-width: 1200px; background: #F6F6F6; padding: 60px 0 40px 0; } .dckf-new-list4 { padding-top: 20px; width: 1220px; } .dckf-new-list4 li { width: 590px; height: 510px; background: #fff; float: left; margin: 20px 20px 0 0; position: relative; } .dckf-new-list4 li a { display: block; height: 510px; } .dckf-new-list4 li .img-block { height: 390px; overflow: hidden; } .dckf-new-list4 li .img-block img { display: block; width: 100%; height: 100%; } .dckf-new-list4 li .zt { position: absolute; right: 10px; top: 12px; width: 80px; line-height: 36px; text-align: center; color: #102678; font-size: 14px; background: #fff; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .dckf-new-list4 li .zt-yellow { background: #FF911E; color: #fff; } .dckf-new-list4 li .txt-block { padding: 0 36px; line-height: 60px; } .dckf-new-list4 li .title { border-bottom: 1px solid #E8E8E8; height: 60px; } .dckf-new-list4 li h3 { font-size: 22px; color: #000; font-weight: bold; float: left; } .dckf-new-list4 .txt-block p { padding-left: 26px; color: #706f6f; font-size: 14px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .dckf-new-list4 .txt-block p.t1 { background: url(../images/jxc/dckf/icon05.png) no-repeat left center; font-size: 22px; color: #d70000; float: right; } .dckf-new-list4 .txt-block p.t2 { background: url(../images/jxc/icon_a01.png) no-repeat left center; float: left; max-width: 30%; } .dckf-new-list4 .txt-block p.t3 { background: url(../images/jxc/icon_a03.png) no-repeat left center; float: right; max-width: 60%; } .dckf-new-list4 li a:hover { box-shadow: 0 0 10px 5px rgba(215, 0, 0, 0.15); } .dckf-new-list4 li a:hover h3 { color: #D70000; } /*----------鍦颁骇寮€鍙 鏇村鎸夐挳----------*/ .dckf-new-more { display: block; width: 250px; text-align: center; line-height: 60px; background: #E6E9ED url(../images/jxc/point05.png) no-repeat 150px center; font-size: 16px; margin: 50px auto 0; } /*----------鍦颁骇寮€鍙 璇︽儏椤?---------*/ .dckf-show-logo { text-align: center; padding: 75px 0; } .dckf-show-logo img { max-height: 150px; } .dckf-show-main { height: 800px; background: url(../images/jxc/dckf/bg05.png) no-repeat center top; color: #fff; } .dckf-show-main a { color: #fff; } .dckf-show-main .txt-block { width: 520px; height: 800px; padding-right: 80px; overflow: hidden; background: url(../images/jxc/dckf/bg04.png) no-repeat right bottom; float: left; } .dckf-show-main .txt-block .tit { font-size: 30px; font-weight: bold; margin-top: 60px; } .dckf-show-main .txt-block .cnt { margin-top: 35px; line-height: 26px; font-size: 14px; height: 350px; overflow: hidden; } .dckf-show-main .txt-block .msg { margin-top: 30px; } .dckf-show-main .txt-block .msg p { line-height: 26px; padding-left: 40px; font-size: 14px; } .dckf-show-main .txt-block .msg p.t1 { font-size: 17px; background: url(../images/jxc/dckf/icon02.png) no-repeat left 16px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #5781AC; border-bottom: 1px solid #5781AC; font-weight: bold; } .dckf-show-main .txt-block .msg p.t2 { background: url(../images/jxc/dckf/icon03.png) no-repeat left center; font-size: 22px; margin-top: 30px; } .dckf-show-main .txt-block .msg p.t3 { background: url(../images/jxc/dckf/icon01.png) no-repeat left center; margin-top: 20px; } .dckf-show-main .txt-block .link { display: block; line-height: 50px; padding-left: 70px; width: 110px; background: #fff url(../images/jxc/dckf/icon04.png) no-repeat 32px center; font-size: 14px; color: #102678; font-weight: bold; margin-top: 20px; } .dckf-show-main .img-block { width: 600px; float: right; position: relative; } .dckf-lunbo { width: 960px; height: 800px; position: absolute; top: 0; left: 0; } .dckf-lunbo img { display: block; width: 960px; height: 800px; } .dckf-lunbo-nav { position: relative; height: 0; } .dckf-lunbo-nav button.owl-prev, .dckf-lunbo-nav button.owl-next { position: absolute; top: 378px; width: 64px; height: 64px; text-indent: -9999px; z-index: 998; border: 0; } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .dckf-lunbo-nav button.owl-prev { background: url(../images/jxc/dckf/scroll_left.png) no-repeat 0 0; left: 50%; transform: translateX(-32px); } .dckf-lunbo-nav button.owl-next { background: url(../images/jxc/dckf/scroll_right.png) no-repeat 0 0; right: 10px } /*----------鍦颁骇寮€鍙 澶ф爣棰?---------*/ .dckf-tit-new { text-align: center; } .dckf-tit-new span { display: block; font-size: 50px; color: #d70000; text-transform: uppercase; font-family: helvetica_neue_condensedbold; } .dckf-tit-new strong { display: block; font-size: 25px; color: #000; } /*----------鍦颁骇寮€鍙 鎴峰瀷鍥?---------*/ .dckf-show-hxt { background: url(../images/jxc/dckf/bg03.png); padding: 40px 0; } .dckf-show-hxt ul { width: 1230px; margin: 0 auto; } .dckf-show-hxt li { width: 390px; text-align: center; margin: 20px 10px 0 10px; float: left; } .dckf-show-hxt li .img-block { border: 5px solid #F6F6F6; width: 380px; height: 280px; } .dckf-show-hxt li img {} .dckf-show-hxt li p { padding: 15px 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .dckf-show-hxt li span { font-size: 15px; color: #000; border-bottom: 2px solid #D70000; } /*----------鍟嗕笟杩愯惀 鍒楄〃----------*/ .syyy-list1-wrap { border-top: 10px solid #F6F6F6; min-width: 1200px; padding: 0 0 40px 0; } .syyy-list1 { padding-top: 20px; width: 1220px; } .syyy-list1 li { width: 590px; background: #fff; float: left; margin: 20px 20px 0 0; position: relative; } .syyy-list1 li .item_wrap { box-shadow: 3px 0 20px 3px rgba(7, 0, 2, 0.1); } .syyy-list1 li .btn { display: block; width: 90px; padding: 0 0 0 30px; font-size: 16px; color: #fff; line-height: 40px; background: #D70000 url(../images/jxc/dckf/point02.png) no-repeat 80px center; } .syyy-list1 li .img-block { height: 320px; overflow: hidden; } .syyy-list1 li .img-block img { display: block; width: 100%; height: 100%; } .syyy-list1 li .txt-block { padding: 0 36px; line-height: 60px; } .syyy-list1 li .title { border-bottom: 1px solid #E8E8E8; height: 60px; } .syyy-list1 li h3 { font-size: 22px; color: #000; font-weight: bold; float: left; } .syyy-list1 .txt-block p { padding-left: 26px; color: #706f6f; font-size: 14px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .syyy-list1 .txt-block p.t1 { background: url(../images/jxc/dckf/icon05.png) no-repeat left center; font-size: 22px; color: #d70000; float: right; } .syyy-list1 .txt-block p.t3 { background: url(../images/jxc/icon_a03.png) no-repeat left center; } /*----------鍟嗕笟杩愯惀 鍐呭椤?---------*/ .main_top { padding: 25px 0; height: 65px; } .main_top .img_block { float: left; width: 360px; text-align: center; } .main_top .img_block img { height: 45px; padding: 10px 0; } .main_top .title { float: left; line-height: 65px; padding-left: 25px; font-size: 25px; color: #000; font-weight: bold; border-left: 1px solid #CECECE; } .main_top .mbx { margin-top: 40px; float: right; background: url(../images/jxc/icon_home.png) no-repeat left center; font-weight: bold; padding-left: 28px; line-height: 20px; } .main_top .mbx a { color: #636973; font-weight: normal; margin: 0 5px; } .main_top .mbx a:last-of-type { color: #102678; font-weight: bold; } .syyy-content { border-top: 10px solid #F6F6F6; } .syyy-left { width: 360px; float: left; padding-top: 85px; } .syyy-left dl { color: #706f6f; font-size: 14px; padding: 20px 20px 20px 40px; border-top: 1px solid #E8E8E8; } .syyy-left dt {} .syyy-left dd { margin-top: 5px; } .syyy-left dl.d1 { background: url(../images/jxc/syyy/icon01.png) no-repeat 12px 22px; } .syyy-left dl.d1 dd { font-weight: bold; } .syyy-left dl.d2 { background: url(../images/jxc/syyy/icon02.png) no-repeat 12px 22px; } .syyy-left dl.d2 dd { font-size: 22px; color: #d70000; } .syyy-left dl.d3 { background: url(../images/jxc/syyy/icon03.png) no-repeat 12px 22px; border-bottom: 1px solid #E8E8E8; } .syyy-left .bg { margin-top: 50px; height: 204px; position: relative; } .syyy-left .bg span { display: block; width: 718px; height: 204px; top: 0; right: 0; position: absolute; background: url(../images/jxc/syyy/bg01.png) no-repeat right top; } .syyy-right { float: right; border-left: 5px solid #F6F6F6; min-height: 500px; padding: 30px 0 50px 100px; width: 735px; } .syyy-title span { font-size: 30px; font-weight: bold; color: #d70000; border-bottom: 5px solid #d70000; } .syyy-cnt { margin-top: 30px; line-height: 28px; color: #706f6f; font-size: 15px; } .syyy-cnt img { max-width: 100%; } .syyy-cnt p { padding: 10px 0; } /*----------鍟嗕笟杩愯惀 鍝佺墝----------*/ .syyy-pinpai-new { border-top: 10px solid #F6F6F6; height: 680px; min-width: 1200px; } .syyy-pinpai-new .left { width: 360px; float: left; height: 680px; border-right: 5px solid #F6F6F6; } .syyy-pinpai-new .left .txt { color: #6f6f6f; line-height: 22px; font-size: 14px; padding: 45px 50px 0 10px; } .syyy-pinpai-new .left .phone { margin-top: 40px; height: 54px; background: url(../images/jxc/syyy/icon04.png) no-repeat left center; padding-left: 72px; } .syyy-pinpai-new .left .phone dt { font-size: 16px; color: #6f6f6f; } .syyy-pinpai-new .left .phone dd { font-size: 28px; color: #D70000; } .syyy-pinpai-new .left .bg { margin-top: 30px; height: 357px; position: relative; text-align: center; color: #fff; } .syyy-pinpai-new .left .bg div { position: relative; z-index: 1; padding-top: 50px; } .syyy-pinpai-new .left .bg .p1 { font-size: 30px; } .syyy-pinpai-new .left .bg .p2 { font-size: 18px; } .syyy-pinpai-new .left .bg img { width: 125px; padding: 15px 0; } .syyy-pinpai-new .left .bg span { display: block; width: 718px; height: 357px; top: 0; right: 0; position: absolute; background: url(../images/jxc/syyy/bg02.png) no-repeat right top; z-index: 0; } .syyy-pinpai-new-list { width: 750px; float: right; padding: 45px 0 0 0; } .syyy-pinpai-new-list .item { width: 750px; } .syyy-pinpai-new-list .item a { display: block; width: 130px; height: 130px; float: left; margin: 0 0 18px 18px; overflow: hidden; border: 1px solid #DDDDDD; } .syyy-pinpai-new-list .item img { display: block; width: 100%; height: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } .syyy-pinpai-new-list .item span { display: block; width: 100%; height: 100%; background: #D70000; color: #fff; text-align: center; font-size: 16px; font-weight: bold; line-height: 130px; } .syyy-pinpai-new-list .item a:hover img { margin-top: -130px; } .syyy-pinpai-new-list .owl-carousel .owl-nav button.owl-prev, .syyy-pinpai-new-list .owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; width: 64px; height: 64px; transform: translateY(-50%); text-indent: -9999px; z-index: 998; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } /*宸﹀彸鎺у埗鎸夐挳 鐩稿bx-wrapper瀹氫綅*/ .syyy-pinpai-new-list .owl-carousel .owl-nav button.owl-prev { left: -63px; background: url(../images/jxc/dckf/scroll_left.png) no-repeat 0 0; } .syyy-pinpai-new-list .owl-carousel .owl-nav button.owl-next { right: -80px; background: url(../images/jxc/dckf/scroll_right.png) no-repeat 0 0; } /* 2020-03-23 鏀圭増 缁撴潫 */