/*================首页样式及公共部分样式================*/ .head_banner{background: url(../image/banner3.png) center no-repeat;width: 100%;height: 247px;} .index_header .header{position: initial;} .banner{position:relative;z-index: 2;} .banner .pic .bd{position:relative; z-index:0;margin:0px auto; overflow:hidden;} .banner .pic .bd .list li{float: left;} .banner .pic .bd .list li{ width:100%;text-align:center; overflow:hidden} .banner .pic .bd .list li a{position: relative;display: block;width: 100%;height: 247px;background: url(../image/banner4.png) center no-repeat;} .banner .pic .bd .list li a .pos b{font-weight: 900;} .banner .pic .hd{padding-bottom: 10px; position:absolute; left:0%; bottom:48px; z-index:3;} .banner .pic .hd ul {position: relative;width: 596px;height: 7px;} .banner .pic .hd ul li {position: absolute;left: 0px;top: 0px; display:none; width:100%; height:7px;text-indent:-9999em; cursor:pointer;} .banner .pic .hd ul li span{transition: all 2s; display: block;width:0; height:7px; } .banner .pic .hd ul .on{display: block;background:url(../image/icon_3.png) left center no-repeat;} .banner .pic .hd ul .on span {transition: all 2s; width: 596px; /*background:url(../images/icon/icon_3s.png) left center no-repeat;*/} .banner .pic .LsHd{display: block; position:absolute;left: 0%;top:50%; z-index:1;margin-top:-47px; width: 100%;height:94px;} .banner .pic .LsHd a{transition: all 0.5s; display: block;width: 0px;height: 94px;cursor: pointer;} .banner .pic .LsHd .next{float: right;background: url(../image/banner_r.png) right center no-repeat;background-size: 90% auto;} .banner .pic .LsHd .prev{float: left;background: url(../image/banner_l.png) left center no-repeat;background-size: 90% auto;} .banner .pic:hover .LsHd a{transition: all 0.5s; width: 51px;} .banner .pageState{position: absolute;left: 0%;bottom: 50px;z-index: 3;padding-left: 610px;letter-spacing: 2px; font-size: 17px;color: #fff; font-family: "Arial"; } .banner .pageState span{display: inline-block;font-size: 24px;} .ind01{background: #eaf4fe;} .ind01 .w_r{padding: 17px 0 12px; width: 1243px;} .ind01 img{float: left;padding-right: 14px;} .ind01 div.fl{padding-left:25px;float: left;border-left: #bec4cd 1px dashed;} .ind01 b{padding-bottom: 4px; } .ind01 b a{color: #222;font-size: 22px;font-weight: 900;} .ind01 p{float: left; font-size: 14px;} .ind01 p a{color: #666;} .ind01 i{float: left;margin: 2px 12px 0; width: 1px;height: 15px;background: #bbc3cb;} .ind01 b a:hover,.ind01 p a:hover{color: #004990;} .title{line-height: 30px;} .title .bac{height: 30px; background: url(../image/ind02_4.png) left 16px repeat-x;} .title b{float: left; padding: 0 11px 0 15px; font-size: 20px;color: #004990;font-weight: 900; background:url(../image/ind02_3.png) left center no-repeat} .title .more{float: right;width: 52px;text-align: right; font-size: 14px;color: #666;} .title .more:hover{color: #004990;} .title .tab_tit{} .title .tab_tit a{float: left;padding-left: 33px;margin-left: 16px; font-size: 16px;color: #666;cursor: pointer;} .title .tab_tit a.a1{padding-left: 28px; background: url(../image/ind02_1.png) left center no-repeat;} .title .tab_tit a.a2{background: url(../image/ind02_2.png) left center no-repeat;} .title .tab_tit a.a1.cur,.title .tab_tit a.a1:hover{color: #015196; background: url(../image/ind02_1s.png) left center no-repeat;} .title .tab_tit a.a2.cur,.title .tab_tit a.a2:hover{color: #015196; background: url(../image/ind02_2s.png) left center no-repeat;} .ind02{padding-top: 30px;background: url(../image/index2_bac.jpg) center no-repeat;background-size: cover;} .ind02 .tab_next{margin: 20px auto 40px; position: relative;height: 443px; } .ind02 .tab_next .list{position: absolute;left: 0px;top: 0px;width: 100%;} .ind02 .focus{float: left; width:590px;height:443px;position:relative;} .ind02 .focus #pic{width:100%;overflow:hidden;} .ind02 .focus #pic li{float:left;} .ind02 .focus #pic li a{display: block; position: relative;width:590px;height: 443px;} .ind02 .focus #pic li a .pos{position: absolute;left: 0px;bottom: 0px;width:100%;height: 54px;line-height: 54px;background: rgba(0,73,144,0.7); } .ind02 .focus #pic li a .pos p{margin-left: 4%;width: 78%; font-size: 16px;color: #fff;} .ind02 .focus #tip{display: block;position: absolute;right: 24px;bottom: 23px;} .ind02 .focus #tip li{transition: all 0.5s; float: left; margin:0 4px; width: 9px;height: 9px;border-radius: 9px;background: #fff;cursor: pointer;} .ind02 .focus #tip li.on{transition: all 0.5s; width: 16px;} .ind02 .focus .btn{display: none; width:100%;height:57px;position:absolute;left:0;top:50%;margin-top: -28px; z-index:14;overflow:hidden;} .ind02 .list .text{float: right;width:576px;} .ind02 .list .text li{margin-bottom: 28px;} .ind02 .list .text a{position: relative; display: block;} .ind02 .list .text a .pic{margin-right: 20px; float: left;width: 200px;height: 129px;} .ind02 .list .text a .t{width: 100%;} .ind02 .list .text a i{margin-bottom: 9px; font-size: 14px;font-family: "Arial";color: #004990;} .ind02 .list .text a em{margin-bottom: 9px; font-size: 18px;color: #333;font-weight: 900; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ind02 .list .text a p{height: 48px; font-size: 14px;color: #666;line-height: 24px;overflow: hidden;} .ind02 .list .text a span{position: absolute;right: 0px;bottom: 24px; font-size: 14px;color: #d80000;} .ind02 .list .text a:hover em{color: #004990;} .ind02 .list .text_s{float: right;width:576px;} .ind02 .list .text_s li{margin-bottom: 15px;height: 36px;overflow: hidden;} .ind02 .list .text_s a{position: relative; display: block;} .ind02 .list .text_s .pic{ float: left;width: 0px;height: 129px;} .ind02 .list .text_s .t{width: 100%;} .ind02 .list .text_s i{margin-bottom: 9px; font-size: 14px;font-family: "Arial";color: #004990;} .ind02 .list .text_s em{padding:0 0 9px 22px;line-height: 35px; font-size: 16px;color: #444; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../image/icon_4.png) 6px 16px no-repeat;} .ind02 .list .text_s p{height: 48px; font-size: 14px;color: #666;line-height: 24px;overflow: hidden;} .ind02 .list .text_s span{position: absolute;right: 0px;bottom: 18px; font-size: 14px;color: #d80000;} .ind02 .list .text_s li.cur{margin-bottom: 28px;height: 129px;} .ind02 .list .text_s li.cur .pic{margin-right: 20px; width: 200px;} .ind02 .list .text_s li.cur em{padding-left: 0px;line-height: 30px;line-height: 25px; font-size: 18px;color: #333;font-weight: 900;background: none;} .ind02 .list .text_s li.cur a:hover em{color: #004990;} .list_s{margin-top: -5px;padding-top: 9px; border-top: #cbc8c9 1px dashed;} .list_s a{display: block;padding-left: 22px;line-height: 49px; font-size: 16px;color: #444;background: url(../image/icon_4.png) 6px center no-repeat;} .ind02 .b{padding-bottom: 49px;} .ind02 .map{float: right;padding: 5px 5px 5px 0;} .ind02 .map .title{margin:9px 0 20px 13px;} .ind02 .map dt{padding-bottom: 4px;width: 375px;} .ind02 .map dt .tab_tit{} .ind02 .map dt .tab_tit a{float: left;margin:0 0px 0 20px;text-align: center;cursor: pointer;} .ind02 .map dt .tab_tit .icon{position: relative; margin:0 auto; width: 65px;height: 65px;border-radius: 65px;} .ind02 .map dt .tab_tit .icon i{transition: all 0.5s ease 0s;position: absolute;left: 0px;top: 0px; width: 65px;height: 65px;border-radius: 65px;} .ind02 .map dt .tab_tit .icon:hover i{transform:rotateY(180deg);} .ind02 .map dt .tab_tit .icon em{} .ind02 .map dt .tab_tit .icon .btn-4 { display: block; width: 65px;height: 65px;overflow: hidden;position: relative;border-radius: 65px;} .ind02 .map dt .tab_tit .icon .btn-4:after {background: #fff; content: ""; height: 155px; left: -75px; opacity: 0.4; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 10px; z-index:10; } .ind02 .map dt .tab_tit .icon .btn-4:hover:after { left: 150%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .ind02 .map dt .tab_tit .icon .btn-4:after,.ind02 .map dt .tab_tit .icon .btn-4:after{background: #fff;} .ind02 .map dt .tab_tit a:nth-child(1) p{background: url(../image/f1.png) center left no-repeat;padding-left: 27px;} .ind02 .map dt .tab_tit a:nth-child(2) p{background: url(../image/f2.png) center left no-repeat;padding-left: 26px;} .ind02 .map dt .tab_tit a:nth-child(3) p{background: url(../image/f3.png) center left no-repeat;padding-left: 31px;} .ind02 .map dt .tab_tit a:nth-child(4) p{background: url(../image/f4.png) center left no-repeat;} .ind02 .map dt .tab_tit a:nth-child(1).cur p,.ind02 .map dt .tab_tit a:nth-child(1):hover p{background: url(../image/f1_h.png) center left no-repeat;color: #93cc89;} .ind02 .map dt .tab_tit a:nth-child(2).cur p,.ind02 .map dt .tab_tit a:nth-child(2):hover p{background: url(../image/f2_h.png) center left no-repeat;color: #ae9fe2;} .ind02 .map dt .tab_tit a:nth-child(3).cur p,.ind02 .map dt .tab_tit a:nth-child(3):hover p{background: url(../image/f3_h.png) center left no-repeat;color: #6a91dc;} .ind02 .map dt .tab_tit a:nth-child(4).cur p,.ind02 .map dt .tab_tit a:nth-child(4):hover p{background: url(../image/f4_h.png) center left no-repeat;color: #f8a06a;} .ind02 .map dt .tab_tit p{line-height: 42px; font-size: 16px;color: #666;padding-left: 28px;} .ind02 .map dd{position: relative; float: left; width: 375px;height: 192px;} .ind02 .map dd .text{position: absolute;left: 0px;top: 0px; width: 100%;height: 100%;} .ind02 .new_ind{float: left;margin-right: 33px; width: 375px;} .ind02 .new_ind li a{padding-top: 13px; display: block;} .ind02 .new_ind li span{padding-right: 10px;margin: 5px 12px 0 8px; float: left;line-height: 40px; font-size: 14px;color: #d80000; font-family: "Arial";border-right: #c8c7c7 1px solid;} .ind02 .new_ind li p{float: left;width: 300px; font-size: 14px;color: #2d2d2d;line-height: 25px; } .ind02 .new_ind li p i{display: inline-block;margin-left: 5px; width: 30px;line-height: 25px;text-indent: -99999px; background: url(../image/icon_26.png) center no-repeat; } .ind02 .new_ind li a:hover p{color: #004990;} .ind02 .tab_tit_s{float: left;padding: 0 11px 0 15px;background: url(../image/ind02_3.png) left center no-repeat;} .ind02 .tab_tit_s i{font-size: 20px;color: #555;cursor: pointer;} .ind02 .tab_tit_s i.cur{color: #004990;font-weight: 900;} .ind02 .tab_tit_s em{float: left;margin:9px 20px; width: 1px;height: 16px;background: #b3b3b3;} .ind03{padding:45px 0 50px;} .ind03 ul{padding: 30px 0 0;width: 1211px;} .ind03 li{margin-right: 4px; float: left;width: 210px; border: #ececec 1px solid;overflow: hidden;} .ind03 li .over{width: 553px;background: #f6f6f6;} .ind03 .left{position: relative;width: 210px;height: 342px;} .ind03 .left .t{transition: all 0.5s;position: absolute;left: -1px;top: -1px;z-index: 2; width: 212px;height: 155px; overflow: hidden;} .ind03 .left .t .icon{transition: all 0.5s;width: 100%;height: 155px;} .ind03 .left .t p{margin:0 auto 25px; width: 174px;font-size: 14px;color: #fff;} .ind03 .left .t span{margin:0 auto; width: 103px;height: 31px;line-height: 31px;text-align: center;color: #fff;font-size: 14px; border:#fff 1px solid; border-radius: 31px;} .ind03 .left .b{position: absolute;left: 0px;bottom: 0px;width: 180px;height: 161px; padding: 26px 15px 0;background: #fff;} .ind03 .left .b b{margin-bottom: 14px;font-size: 18px;color: #444;text-align: center;} .ind03 .left .b p{margin-bottom: 14px; font-size: 14px;color: #666;line-height: 23px;} .ind03 .left .b i{padding-bottom: 22px; font-size: 12px;color: #777;} .ind03 .right{} .ind03 .right .text{padding: 0 26px; width: 290px;} .ind03 .right b{padding: 32px 0 14px; font-size: 18px;color: #444;font-weight: bold;} .ind03 .right p{margin-bottom: 26px; font-size: 14px;color: #666;line-height: 26px;} .ind03 .right .list{padding-top: 30px; border-top: #c7c6c7 1px dashed;} .ind03 .right .list a{margin:0 33px 12px 0; display: inline-block;width: 120px;height: 26px;line-height: 26px;text-align: center; font-size: 14px;color: #fff;border-radius: 26px;} .ind03 .right .list a:nth-child(2n){margin-right: 0px;} .ind03 li:nth-child(1) .left .t{background: #93cc89} .ind03 li:nth-child(1) .left .t .icon{background: url(../image/ind03_3.png) center no-repeat;background-size:19.52% auto;} .ind03 li:nth-child(1) .right .list a{background: #93cc89;} .ind03 li:nth-child(2) .left .t{background: #ae9fe2} .ind03 li:nth-child(2) .left .t .icon{background: url(../image/ind03_4.png) center no-repeat;background-size: 16.2% auto;} .ind03 li:nth-child(2) .right .list a{background: #ae9fe2;} .ind03 li:nth-child(3) .left .t{background: #6a91dc} .ind03 li:nth-child(3) .left .t .icon{background: url(../image/ind03_1.png) center no-repeat;background-size: 24.5% auto;} .ind03 li:nth-child(3) .right .list a{background: #6a91dc;} .ind03 li:nth-child(4) .left .t{background: #f8a06a} .ind03 li:nth-child(4) .left .t .icon{background: url(../image/ind03_2.png) center no-repeat;background-size: 24.28% auto;} .ind03 li:nth-child(4) .right .list a{background: #f8a06a;} .ind03 li.cur{width: 553px;} .ind03 li.cur .left .t{transition: all 0.5s;height: 342px;} .ind03 li.cur .left .t .icon{transition: all 0.5s;margin-top: 20px; height: 150px;} .ind03 li:nth-child(1).cur .left .t .icon{background-size: 24.7% auto;} .ind03 li:nth-child(2).cur .left .t .icon{background-size: 22.38% auto;} .ind03 li:nth-child(3).cur .left .t .icon{background-size: 44% auto;} .ind03 li:nth-child(4).cur .left .t .icon{background-size: 39% auto;} .ind03 .bot{margin-top: 37px;padding: 9px 3px; background: #f2f2f2;} .ind03 .bot a{margin:0 4px; float: left;width: 390px;height: 135px;overflow: hidden;} .ind03 .bot a i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;} .ind03 .bot a:hover i{transform: scale(1.2);transition-duration: 0.5s;} .ind04{padding-bottom: 87px; background: url(../image/index4_bac.jpg) center no-repeat;background-size: cover;} .ind04 .tw{padding: 44px 0 36px;width: 1230px;} .ind04 .left .title{padding-bottom: 30px;} .ind04 .left .pic{width: 370px;height: 234px;border: #fff 5px solid;overflow: hidden;} .ind04 .left .pic i{transform: scale(1);transition-duration: 0.5s;width: 100%;height: 100%;} .ind04 .left .pic:hover i{transform: scale(1.2);transition-duration: 0.5s;} .ind04 .t .right{margin-right: 35px; position: relative;width: 375px; } .ind04 .t .right .list{padding-top: 30px; width:370px;} .ind04 .t .right .list ul{margin-top: -10px;} .ind04 .t .right .list li{overflow: hidden;} .ind04 .t .right .list a{ position: relative; display: block;} .ind04 .t .right .list em{padding:4px 0 4px 22px;line-height: 35px; font-size: 16px;color: #444; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../image/icon_4.png) 6px 21px no-repeat;} .ind04 .t .right .list a:hover em{color: #004990;} .ind04 .t .r01{} .ind04 .t .r01 .list ul li a span{padding: 4px 0; float: left;width: 56px;font-size: 14px;color: #d80000;line-height: 35px;} .ind04 .t .r01 .list ul li a i{float: left;margin-top: 16px; width: 1px;height: 14px;background: #6d6d6d;} .ind04 .t .right.r01 .list em{background: none;} .ind04 .b .title{padding-bottom: 37px;} .ind04 .b .left{margin-right: 34px;margin-left: 100px;} .ind04 .b .left .pic{height: 201px;border: none;} .ind04 .b .cen{width: 380px;} .ind04 .b .cen .videos{position: relative; height: 201px;background: #000;} .ind04 .b .cen .icon{display: none; position: absolute;left: 0px;top: 0px;z-index: 2; width: 100%;height: 100%;background: url(../image/icon_18.png) center 66px no-repeat;} .ind04 .b .cen p{position: absolute;left: 0px;bottom: 0px;padding:5px 0 0 20px;width: 360px;height: 40px;line-height: 40px;font-size: 16px;color: #fff; background: url(../image/ind04_bac.png) center repeat-x;} .ind04 .b .cen video{margin-top: -6px; width: 380px;height: 214px;} .ind04 .b .right{width: 375px;margin-right: 100px;} .ind04 .picScroll-left{margin-left: 11px; width:364px; overflow:hidden; position:relative; } .ind04 .picScroll-left .hd{display: block; position:absolute;left: 0%;top:78px; z-index:1;width: 100%;height:1px;} .ind04 .picScroll-left .hd a{transition: all 0.5s; display: block;width: 0px;height: 44px;cursor: pointer;} .ind04 .picScroll-left .hd .next{float: right;background: url(../image/ind04_r.png) right center no-repeat;} .ind04 .picScroll-left .hd .prev{float: left;background: url(../image/ind04_l.png) left center no-repeat;} .ind04 .picScroll-left:hover .hd a{transition: all 0.5s; width: 18px;} .ind04 .picScroll-left .hd ul{display: none; } .ind04 .picScroll-left .bd{ } .ind04 .picScroll-left .bd ul{ overflow:hidden;} .ind04 .picScroll-left .bd ul li{ float:left;width: 364px;height: 201px; overflow:hidden; } .ind04 .picScroll-left .bd ul li a{position: relative;} .ind04 .picScroll-left .bd ul li .pic{width: 364px;height: 201px;overflow: hidden; } .ind04 .picScroll-left .bd ul li .pic i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;} .ind04 .picScroll-left .bd ul li p{position: absolute;left: 0px;bottom: 0px;padding:5px 20px 0;width: 324px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;padding-left: 20px; background: url(../image/ind04_bac.png) center repeat-x;} .ind04 .picScroll-left .bd ul li:hover a .pic i{transform: scale(1.2);transition-duration: 0.5s;} .ind04 .c .left_s{margin-bottom: 45px; width: 1200px;} .ind04 .c .left_s .picScroll-left{margin:37px 0px 0 0; padding: 13px 0 13px 14px; width: 1200px;background: #fff;box-sizing:border-box;} .ind04 .c .left_s .picScroll-left .bd ul li{margin-right: 5px; width: 290px;height: 110px;} .ind04 .c .left_s .picScroll-left .bd ul li .pic{width: 290px;height: 110px;} .ind04 .c .picScroll-left .hd{top: 45px;} .ind05{background: #fff;} .ind05 .clearfix{width: 1216px;} .ind05 .antistop{margin:29px 14px 29px 0; position: relative;width: 290px;height: 34px;background: #f1f0f0;border-radius:4px;cursor: pointer;} .ind05 .antistop p{display: block; margin:0 auto;width: 260px;height: 34px;line-height: 34px;font-size: 14px;color: #444; background: url(../image/icon_9.png) right center no-repeat;cursor: pointer;} .ind05 .antistop p.cur{ background: url(../image/icon_9s.png) right center no-repeat;} .ind05 .antistop ul{display: none; position: absolute;left: 0px;top: 34px;z-index: 2; width: 288px;max-height: 230px;overflow-y: auto; background: #fff;border: #e7e6e6 1px solid;border-top: none;} .ind05 .antistop li a{padding-left: 14px; line-height: 45px; font-size: 14px;color: #444;cursor: pointer;} .ind05 .antistop li a:hover{color: #004990;} .xfck { position: fixed; top: 95px; right: 0px; z-index: 1000; width: 170px; height: 60px; } .xfck a{display:block;} .xfck a img{display:block;} .fick { position: fixed; top: 150px !important; left: 0px; z-index: 1000; width: 191px; height: 170px; } .fick a{display:block;} .fick a img{display:block;}