@charset "utf-8"; @media(min-width:1200px){ .header-fixed{height:100px;} } @media(max-width:767px){ .banner.wxy-img-focus{max-height:200px !important;} .banner.wxy-img-focus ul li{background-size:cover;} .column-title{margin-top:-200px;height:200px;} .column-title h1{line-height:200px;font-size:28px;} } .web-content-container{min-height:200px;} .my-container{padding-bottom:60px;background-color:#f3f3f3;} .my-transition{transition:ease .5s;-webkit-transition:ease .5s;} .column-title{z-index:3;margin-top:-400px;height:400px;} .column-title div{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000; opacity:.3;-webkit-opacity:.3;filter:alpha(opacity=30);} .column-title h1{position:absolute;top:0;right:0;left:0;margin:0;line-height:400px;color:#fff;font-size:48px;} .breadcategory{position:relative;margin-bottom:30px;background-color:#f3f3f3;} .breadcategory:before{content:"";display:block;position:absolute;right:0;bottom:0;left:0;border-bottom:1px solid #ccc;} .breadcategory .swiper-slide{padding:0 15px;width:auto;} .breadcategory a{display:inline-block;font-size:large;line-height:60px;color:#333;} .breadcategory .swiper-slide.on a{padding-top:2px;border-bottom:2px solid #1ea566;line-height:56px;} @media(max-width:767px){ .breadcategory a{line-height:50px;} .breadcategory .swiper-slide.on a{line-height:46px;} } .breadnav{margin-bottom:30px;padding:20px 0;border-bottom:1px solid #ccc;line-height:1.1;} .breadnav>div{padding-left:40px;background:url(../images/default/home.png) 15px 0 no-repeat;} .breadnav, .breadnav a{color:#666;} .yewufanwei .list{margin-bottom:80px;padding:10px;border-radius:10px;box-shadow:0 0 10px #ccc;} .yewufanwei .list a{display:inline-block;margin:0 20px;font-size:large;color:#666;line-height:2.5;} .yewufanwei .item{padding-bottom:50px;} .yewufanwei .t{position:relative;margin-bottom:20px;font-size:x-large;font-weight:bold;} .yewufanwei .t:before{display:block;position:absolute;width:10%;min-width:90px;right:50%;margin-right:30px;bottom:15px;border-bottom:1px solid #ccc;content:"";} .yewufanwei .t:after{display:block;position:absolute;width:10%;min-width:90px;left:50%;margin-left:30px;bottom:15px;border-bottom:1px solid #ccc;content:"";} .yewufanwei .t em{display:block;margin:0 auto;width:30px;height:30px;background:url(../images/favicon.png) center bottom no-repeat;background-size:100% 100%; -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray; transition:ease 1s;} .yewufanwei .item:hover .t em{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;} @media(max-width:767px){ .yewufanwei .item{padding-bottom:30px;} } .main-content{width:1050px;} .content{padding:0 0 20px;font-size:medium;line-height:1.8;/*text-align:justify;*/} .content h1{margin-bottom:15px;font-size:x-large;} .content h2{margin-bottom:10px;font-size:large;} .content h3,.content h4,.content h5,.content h6{font-size:medium;} .content a{color:#06c;} .content a:hover{color:#e00;} .content p{margin-top:0;margin-bottom:15px;} .content img{max-width:100%;height:auto;} .content ul, .content ol{display:block;margin:1em 0;padding-left:40px;} .content ul{list-style-type:disc;} .content ol{list-style-type:decimal;} @media(max-width:1399px){ .main-content{width:850px;} } @media(max-width:1199px){ .main-content{width:100%;} } @media(max-width:767px){ .content table{width:100%;} } @media(max-width:480px){ .content{padding:0;} } /*企业文化*/ .qiyewenhua1{padding:20px 0;border-bottom:1px solid #ccc;text-align:center;font-size:28px;} .qiyewenhua2{margin:30px 0;padding:15px;font-size:18px;text-align:center;color:#fff;background-color:#f28f00;} .qiyewenhua2 span{display:inline-block;padding-right:5%;} .qiyewenhua3{margin-bottom:50px;} .qiyewenhua3 img{width:100%;} .qiyewenhua4 img{display:block;float:left;} .qiyewenhua4 .text{padding-left:465px;} .qiyewenhua4 .item{padding:35px;height:175px;background-color:#eee;transition:ease .5s;} .qiyewenhua4 .item:first-child{margin-bottom:20px;} .qiyewenhua4 .item strong{display:block;padding-bottom:5px;font-size:large;font-weight:normal;} .qiyewenhua4 .item p{margin:0;line-height:2;color:#666;} .qiyewenhua4 .item:hover{background-color:#003768;} .qiyewenhua4 .item:hover strong,.qiyewenhua4 .item:hover p{color:#fff;} .qiyewenhua5{padding:80px 0 40px;text-align:center;font-size:28px;} .qiyewenhua6{margin-right:-15px;margin-left:-15px;overflow:hidden;} .qiyewenhua6a{float:left;padding:0 15px;width:25%;} .qiyewenhua7{background-color:#f3f3f3;transition:background ease .5s;} .qiyewenhua7a{position:relative;} .qiyewenhua7a span{display:block;position:absolute;top:50%;left:50%;font-size:32px;font-weight:bold;color:#fff;text-shadow:1px 1px 10px #000;transform:translate(-50%,-50%);} .qiyewenhua7b{padding:30px 35px;} .qiyewenhua7 .text{line-height:2;color:#666;} .qiyewenhua7 .text p{margin:0;} .qiyewenhua7:hover{background-color:#003768;opacity:.8;} .qiyewenhua7:hover,.qiyewenhua7:hover .t2,.qiyewenhua7:hover .text{color:#fff;} .qiyewenhua7:hover .t1 strong{border-bottom-color:#eee;} @media(max-width:1399px){ .qiyewenhua4 .item p{line-height:1.8;} .qiyewenhua7a span{font-size:28px;} .qiyewenhua7b{padding:25px 30px;} } @media(max-width:1199px){ .qiyewenhua4 .item{padding:20px 30px;} .qiyewenhua5{padding:50px 0 30px;} .qiyewenhua6{margin-right:-10px;margin-left:-10px;} .qiyewenhua6a{padding:0 10px;} .qiyewenhua7a span{font-size:24px;} .qiyewenhua7b{padding:17px 22px;} } @media(max-width:991px){ .qiyewenhua3{overflow-x:auto;} .qiyewenhua3 img{padding-bottom:10px;width:820px;} .qiyewenhua4 img{display:none;} .qiyewenhua4 .text{padding-left:0;} .qiyewenhua4 .item{padding:20px;height:auto;} .qiyewenhua6{margin-bottom:-20px;} .qiyewenhua6a{width:50%;} .qiyewenhua7{margin-bottom:20px;} } @media(max-width:767px){ .qiyewenhua1{padding-top:0;font-size:20px;} .qiyewenhua2{font-size:16px;} .qiyewenhua2 span{display:block;padding-right:0;} .qiyewenhua3{margin-bottom:30px;} .qiyewenhua4 .item{padding:15px;} .qiyewenhua5{padding:40px 0 20px;font-size:20px;} } @media(max-width:414px){ .qiyewenhua6a{width:100%;} } /*视频、音频播放*/ .video-container{margin:0 auto 20px;width:100%;max-width:1000px;} .video-container p{margin:0;text-align:center;} .video-container video{display:block;margin:0 auto;width:100%;max-width:1000px;max-height:600px;background-color:#000;} .audio-container{margin:0 auto 20px;padding:15px;background-color:#ddd;} .audio-container audio{display:block;margin:0 auto;width:100%;max-width:600px;} .audio-container p{margin:10px 0 0;text-align:center;} /*新闻详情页侧边栏*/ .news-side{float:right;width:240px;} .news-side .t{display:block;position:relative;border:1px solid #666;padding-left:20px;width:80%;font-size:20px;line-height:48px;color:#666; transition:ease .5s;-webkit-transition:ease .5s;} .news-side .t:after{display:block;position:absolute;top:0;right:25px;font-size:24px;content:"+";} .news-side .t:hover{color:#fff;border-color:#f94e00;background-color:#f94e00;} .news-side-prevnext{margin-top:50px;} .news-side-prevnext a{display:block;margin-bottom:40px;color:#666; transition:ease .5s;-webkit-transition:ease .5s;} .news-side-prevnext a div{position:relative;margin-bottom:10px;font-size:large;line-height:27px;font-weight:bold;} .news-side-prevnext a div:after{display:block;position:absolute;top:13px;right:1px;left:65px;border-top:1px solid #ddd;content:"";} .news-side-prevnext a:hover{color:#f94e00;} .news-side-prevnext a:hover p{color:#666;} .news-side-prevnext a:hover i.time{background-position:0 0;} @media(max-width:1199px){ .news-side{display:none;} } /*文章详情*/ .content h1.articletitle{margin:0 0 15px;font-size:x-large;font-weight:bold;text-align:center;} .content h2.articletitle2{margin:0 0 15px;font-size:large;font-weight:normal;text-align:center;} .content .articleinfo{position:relative;margin-bottom:30px;padding:15px 0;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;text-align:center;font-size:14px;line-height:24px;color:#888;} .content .articlesummary{margin-bottom:20px;padding:1em;border:1px solid #ddd;background:#fffef7;} .view_baidushare{display:block;position:absolute;top:8px;right:0;} .bd_weixin_popup{box-sizing:content-box;-webkit-box-sizing:content-box;} /*百度分享的分享到微信弹出窗*/ @media(max-width:767px){ .content h1.articletitle,.content h1.articletitle2,.content .articleinfo{text-align:left;} .content h1.articletitle{font-size:20px;} .content .articleinfo{margin-bottom:30px;} .view_baidushare{position:static;margin:0 auto;width:130px;} } .button{border:0;width:100px;height:30px;line-height:30px;text-align:center;background:url(../images/default/button.gif) 0 0 no-repeat;} .button:hover{background-position:0 -30px;} .button:disabled{color:#999;} .pagebar{clear:both;padding:40px 0 20px;text-align:center;} .pagebar a{display:inline-block;padding:0 12px;margin:0 3px 10px;font-weight:bold;border:1px solid #ccc;line-height:30px;background-color:#fff;text-decoration:none;} .pagebar .on, .pagebar a:hover{background-color:#f08519;border-color:#e47300;color:#fff;} .prevnext{margin:100px 0 0;border-top:1px dotted #ccc;padding:0 20px;color:#888;line-height:1.2;} .prevnext div{padding-top:10px;} @media(max-width:767px){ .prevnext{padding:0;} } .loadmore{padding-top:30px;} .loadmore .btn{width:30%;} /*响应式文章列表1*/ .newslist a{display:block;padding:30px;border:1px solid #f3f3f3;border-bottom:1px solid #ddd;color:#888;background-color:#fcfcfc;} .newslist .item:nth-child(odd) a{background-color:#f6f6f6;} .newslist-a{margin-right:30px;width:70px;font-size:16px;line-height:1;text-align:center;} .newslist-a p{margin-bottom:1px;font-size:60px;font-weight:bold;} .newslist-b{width:850px;overflow:hidden;} .newslist .item2 .newslist-b{width:1100px;} .newslist-b{color:#888;} .newslist-b h3{margin-top:5px;font-size:20px;font-weight:bold;color:#333;} .newslist-b p span{display:none;} .newslist-b>span{display:block;max-height:48px;line-height:24px;overflow:hidden;} .newslist-c{width:240px;height:160px;overflow:hidden;} /* .newslist a:hover{background-color:#f08519;} .newslist a:hover .newslist-a, .newslist a:hover .newslist-b, .newslist a:hover .newslist-b h3{color:#fff;} */ .newslist a:hover .newslist-c img{transform:scale(1.05);} .newslist a:hover{border-color:#f08519;} .newslist a:hover i.time, .newslist a:hover i.click, .newslist a:hover i.source{background-position:0 0;} @media(max-width:1399px){ .newslist-b{width:700px;} .newslist .item2 .newslist-b{width:960px;} } @media(max-width:1199px){ .newslist-b{width:500px;} .newslist .item2 .newslist-b{width:760px;} } @media(max-width:991px){ .newslist-b{width:390px;} .newslist .item2 .newslist-b{width:670px;} .newslist-b h3{font-size:large;} .newslist-b p span{display:inline;} .newslist-b>span{max-height:40px;line-height:20px;} } @media(max-width:767px){ .newslist a{padding:15px 10px;} .newslist-b{width:100%;} .newslist .item2 .newslist-b{width:100%;} .newslist-b h3{font-size:medium;} } /*响应式文章列表2*/ .newslist2 .item .pull-left{padding:35px;width:900px;} .newslist2 .item .pull-right{overflow:hidden;} .newslist2 .item a{display:block;border:1px solid #f3f3f3;border-bottom-color:#ddd;color:#999;background-color:#fcfcfc; transition:all ease .5s;} .newslist2 .item:nth-child(odd) a{background-color:#f6f6f6;} .newslist2 .item a h3{position:relative;margin-top:0;margin-bottom:15px;padding-top:20px;font-size:large;color:#111; transition:color ease .5s;} .newslist2 .item a h3:before{display:block;position:absolute;top:0;left:0;width:2em;height:5px;font-size:24px;background:#fd8700;overflow:hidden;content:"";transition:background ease .5s;} .newslist2 .item a p{margin-bottom:15px;font-size:14px;} .newslist2 .item a span{display:block;height:72px;font-size:14px;line-height:24px;overflow:hidden;text-align:justify;} .newslist2 .item a img{transition:all ease .5s;} .newslist2 .item a:hover{background:#004389;text-decoration:none;} .newslist2 .item a:hover h3:before{background:#fff;} .newslist2 .item a:hover, .newslist2 .item a:hover h3{color:#fff;} .newslist2 .item a:hover img{transform:scale(1.05);} .newslist2 .item2 a{padding:35px;} .newslist2 .item2 a span{height:48px;} @media(max-width:1399px){ .newslist2 .item .pull-left{width:750px;} } @media (max-width: 1199px){ .newslist2 .item .pull-left{width:560px;} .newslist2 .item a p{margin-bottom:12px;} .loadmore .btn{width:40%;} } @media (max-width: 991px){ .newslist2 .item .pull-left{width:430px;} .newslist2 .item .pull-right{width:280px;} .newslist2 .item a .pull-left{padding:22px 25px;} .newslist2 .item a h3{font-size:large;} .newslist2 .item a p{margin-bottom:8px;} .newslist2 .item2 a{padding:30px;} .loadmore .btn{width:50%;} } @media (max-width: 767px){ .newslist2 .item .pull-left{width:100%;} .newslist2 .item2 a{padding:25px;} .loadmore .btn{width:80%;} } /*响应式文章列表3*/ .newslist3 a{position:relative;display:block;padding:2%;border:1px solid #f3f3f3;border-bottom-color:#ddd;text-decoration:none;background-color:#fcfcfc;} .newslist3 a:nth-child(odd){background-color:#f6f6f6;} .newslist3 a:hover{border-color:#f94e00;} .newslist3-1{float:left;margin-right:3%;width:24.68%;} .newslist3 a:hover img{transform:scale(1.05);} .newslist3-2{width:85%;color:#666;} .newslist3-2 h3{margin-top:10px;max-height:56px;line-height:28px;font-weight:bold;color:#555;overflow:hidden;} .newslist3-2 .summary{max-height:48px;line-height:24px;overflow:hidden;} .newslist3-2 .info{display:inline-block;margin-top:15px;margin-bottom:0;border:1px solid #ddd;background-color:#fff;line-height:24px;border-radius:20px;} .newslist3-2 .info span{display:inline-block;float:left;padding:0 15px;border-left:1px solid #e3e3e3;} .newslist3-2 .info span:first-child{border-left:0;} .newslist3-2 .date{line-height:1;color:#888;} .newslist3-3{position:absolute;top:50%;right:2%;margin-top:-60px;font-family:Arial;font-size:20px;font-weight:bold;text-align:center;color:#555;} .newslist3-3 span{display:block;font-size:70px;line-height:60px;} .newslist3 a:hover .newslist3-3{color:#f94e00;} @media(max-width:991px){ .newslist3-2{width:100%;} .newslist3-2 h3{margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .newslist3-2 .summary{max-height:40px;line-height:20px;} .newslist3-2 .info{margin-top:10px;} } @media(max-width:991px){ .newslist3 a{padding:3% 15px;border-width:0;border-bottom:1px dashed #ddd;} .newslist3-2 h3{margin-bottom:5px;max-height:38px;font-size:medium;line-height:19px;white-space:normal;} } /*响应式文章列表4*/ .newslist4 a{display:block;padding:2%;border:1px solid #fff;border-bottom-color:#eee;background-color:#fff;text-decoration:none;} .newslist4-1{position:relative;width:114px;height:104px;background-color:#f2f5fa;} .newslist4-1 span{display:block;font-size:54px;line-height:104px;color:#b1b1b1;} .newslist4-1 div{position:absolute;top:58px;right:6px;padding:0 5px;font-size:12px;line-height:18px;color:#333;background-color:#f2f5fa;} .newslist4-2{margin-left:150px;} .newslist4-2 h3{margin-top:3px;font-size:large;color:#333;} .newslist4-2 .info{margin-bottom:10px;height:20px;line-height:20px;color:#888;} .newslist4-2 .summary{max-height:40px;line-height:20px;color:#888;overflow:hidden;} .newslist4 a:hover{border-color:#e00;} .newslist4 a:hover .newslist4-1 span, .newslist4 a:hover .newslist4-2 h3{color:#e00;} .newslist4 a:hover .info, .newslist4 a:hover .summary{color:#333;} @media(min-width:768px){ .newslist4-2 h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} } @media(max-width:767px){ .newslist4 a{padding:3% 2%;} .newslist4-2{margin-left:0;} } /*图片列表*/ .image .item{float:left;padding:15px;width:25%;} .image .item a{display:block;border:1px solid #ccc;color:#000;background-color:#eee;overflow:hidden;border-radius:5px;transition:ease .5s;} .image .item a:hover{border-color:#f00;color:#fff;background-color:#f00;} .image .item em{display:block;position:relative;overflow:hidden;} .image .item em i{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/default/video_play2a.png) center center no-repeat;} .image .item em i:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/default/video_play2b.png) center center no-repeat;} .image .item a:hover em i:after{-webkit-animation:wxy-spin 2s infinite linear;animation:wxy-spin 2s infinite linear;} .image .item span{display:block;padding:10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} @media(max-width:1199px){ .image .item{width:33.333333%;} .image .item:nth-child(n+10){display:none;} } @media(max-width:767px){ .image .item{width:50%;} .image .item:nth-child(odd){padding:7px 7px 7px 15px;} .image .item:nth-child(even){padding:7px 15px 7px 7px;} .image .item:nth-child(n+9){display:none;} } .image23 .item, .image34 .item{width:20%;} @media(max-width:1199px){ .image23 .item, .image34 .item{width:25%;} } @media(max-width:767px){ .image23 .item, .image34 .item{width:33.333333%;} .image23 .item:nth-child(odd),.image23 .item:nth-child(even), .image34 .item:nth-child(odd),.image34 .item:nth-child(even){padding:10px 15px;} .image23 .item:nth-child(3n+1),.image34 .item:nth-child(3n+1){padding-right:5px;} .image23 .item:nth-child(3n+2),.image34 .item:nth-child(3n+2){padding-right:10px;padding-left:10px;} .image23 .item:nth-child(3n),.image34 .item:nth-child(3n){padding-left:5px;} } @media(max-width:575px){ .image23 .item, .image34 .item{width:50%;} .image23 .item:nth-child(odd),.image34 .item:nth-child(odd){padding-right:7px;padding-left:15px;} .image23 .item:nth-child(even),.image34 .item:nth-child(even){padding-right:15px;padding-left:7px;} } /*发展历程--纵向--可带图片*/ .history .item{padding-bottom:15px;background:url(../images/default/history1_03.gif) center repeat-y;} /* .history .img.pull-left{padding-right:50px;background:url(../images/default/history1_02.gif) right top no-repeat;} .history .img.pull-left img{float:right;} .history .img.pull-right{padding-left:50px;background:url(../images/default/history1_02.gif) no-repeat;} */ .history .text.pull-right{padding-left:50px;background:url(../images/default/history1_01_right.png?v2) no-repeat;} .history .text h3{margin:0 0 15px;font-size:28px;color:#0169c2;line-height:48px;} .history .text p{color:#666;line-height:1.5;} .history .text.pull-left{padding-right:50px;text-align:right;background:url(../images/default/history1_01_left.png?v2) right top no-repeat;} .history .top{height:56px;background:url(../images/default/history1_04.png) center top no-repeat;} @media (max-width: 767px){ .history .item, .history .text, .history .img{background:none !important;} .history .pull-left, .history .pull-right{float: none !important;padding:0 15px !important;} .history .text.pull-left{text-align:left;} .history .text, .history .img{clear:both;} .history .img.pull-left img, .history .img.pull-right img{float:none;} .history .text h3{margin:0;} .history .text.pull-left h3{text-align:left;} } /*发展历程-横向滚动*/ .history2, .history2>div.container{position:relative;} .history2:before{position:absolute;z-index:-1;display:block;top:26px;right:0;left:0;border-top:2px solid #e6e6e6;content:"";} .history2 .box{margin:0 auto;width:1270px;background:url(../images/default/history2_01.png) 0 8px repeat-x;overflow:hidden;} .history2 li{float:left;margin-right:30px;padding-top:71px;width:230px;background:url(../images/default/history2_02.png) center top no-repeat;} .history2 .item{padding:25px;min-height:250px;background-color:#eee;border-radius:8px;-webkit-border-radius:8px; transition:ease .5s;} .history2 h2{margin:0;float:left;border-bottom:2px solid #2677b9;color:#2677b9;font-size:24px;font-weight:bold;transform:scale(1,1.5); transition:ease .5s;} .history2 .text{clear:both;padding-top:20px;line-height:1.8;} @media(max-width:1599px){ .history2 .box{width:1010px;} } @media(min-width:992px){ .history2 li:hover{background-image:url(../images/default/history2_03.png);} .history2 li:hover .item{background-color:#2677b9;color:#fff;} .history2 li:hover h2{color:#fff;border-bottom-color:#fff;} } .history2 .my-btn{display:block;position:absolute;top:150px;width:25px;height:100px;background:url(../images/default/history2_04.png) no-repeat;transition:ease .5s;} .history2 .btn-left{left:30px;background-position:0 -100px;} .history2 .btn-left:hover{background-position:-25px -100px;} .history2 .btn-right{right:30px;background-position:-25px 0;} .history2 .btn-right:hover{background-position:0 0;} @media(max-width:1199px){ .history2 .box{width:750px;} } @media(max-width:991px){ .history2>div.container{padding-right:0;} .history2:before{display:none;} .history2 .container:before{position:absolute;z-index:-1;display:block;top:0;left:20px;bottom:0;border-left:2px solid #e6e6e6;content:"";} .history2 .box{margin-left:-15px;width:100%;background-image:none;} .history2 ul{width:100% !important;} .history2 li{float:none;margin:0 0 20px;padding:0 0 0 50px;width:auto;background:url(../images/default/history2_05.png) 10px 22px no-repeat;background-size:44px 33px;} .history2 .item{padding:25px 20px;min-height:auto;} } /*发展历程--横向2*/ .history3{position:relative;margin:0 auto;width:1100px;} .history3 .box{height:450px;overflow:hidden;} .history3 ul{position:relative;} .history3 ul:before{position:absolute;display:block;top:225px;right:0;left:0;height:1px;background-color:#ccc;content:"";} .history3 li{position:relative;float:left;margin-left:-100px;width:350px;height:175px;} .history3 li:before{position:absolute;display:block;left:50%;margin-left:-9px;width:18px;height:18px;overflow:hidden;background-color:#ccc;-webkit-border-radius:50%;border-radius:50%;content:""; transition:ease .3s;} .history3 li:first-child{margin-left:0;} .history3 .t{position:relative;font-size:20px;line-height:2.5;color:#fff;text-align:center;background-color:#ccc; transition:ease .3s;} .history3 .t:before{display:block;position:absolute;left:50%;margin-left:-6px;width:12px;height:12px;background-color:#ccc;transform:rotate(45deg);content:""; transition:ease .3s;} .history3 .text-box{position:absolute;right:0;left:0;padding:20px;height:125px;background-color:#f6f6f6;overflow:hidden;} .history3 .text{/*height:160px;*/color:#666; transition:ease .5s;} .history3 .text p{position:relative;right:0;left:0;margin:0;padding-left:20px;line-height:1.8;} .history3 .text p:before{display:block;position:absolute;top:11px;left:0;width:7px;height:2px;background-color:#999;overflow:hidden;content:"";} .history3 li:nth-child(odd){margin-top:275px;} .history3 li:nth-child(odd):before{top:-59px;} .history3 li:nth-child(even):before{bottom:-59px;} .history3 li:nth-child(odd) .text-box{top:50px;} .history3 li:nth-child(even) .t{top:125px;} .history3 li:nth-child(even) .text-box{top:0;} .history3 li:nth-child(odd) .t:before{top:-6px;} .history3 li:nth-child(even) .t:before{bottom:-6px;} .history3 li:hover:before, .history3 li:hover .t, .history3 li:hover .t:before{background-color:#f08519;} .history3 li:hover .text{color:#333;} .history3 .my-btn{position:absolute;display:block;top:50%;margin-top:-21px;width:42px;height:42px;background:url(../images/default/history3.png);} .history3 .btn-left{left:-50px;} .history3 .btn-left:hover{background-position:0 -42px;} .history3 .btn-right{right:-50px;background-position:-42px 0;} .history3 .btn-right:hover{background-position:-42px -42px;} @media(max-width:1199px){ .history3{width:900px;} } @media(max-width:991px){ .history3{width:660px;} } @media(max-width:767px){ .history3{width:100%;} .history3 .box{height:auto;overflow-x:auto;} .history3 ul:before{display:none;} .history3 li{position:static;margin-right:20px;margin-top:0 !important;margin-left:0 !important;padding-top:10px;width:300px;height:auto;} .history3 li .t{top:0 !important;} .history3 li:nth-child(even) .t:before{top:-6px;bottom:auto;} .history3 li .text-box{position:static;height:auto;min-height:160px;} .history3 .my-btn{display:none;} } /*发展历程-纵向*/ .history4a{max-width:414px;} .history4 .year{margin-bottom:30px;} .history4 .yearlist a{display:block;float:left;border-right:1px solid #3b82c0;border-bottom:1px solid #3b82c0;width:33.333333%;line-height:2;font-size:x-large;text-align:center;color:#fff;background-color:#337ab7;transition:ease .5s;} .history4 .yearlist a:nth-child(3n){border-right:0;} .history4 .yearlist a:hover, .history4 .yearlist a.on{background-color:#f08519;text-decoration:none;} .history4 .item{display:none;margin-left:20px;border-left:1px solid #e6e6e6;} .history4 .item dl{position:relative;margin:0 0 50px 60px;border:7px solid #e6e6e6;} .history4 .item dl:before{display:block;position:absolute;top:31px;left:-76px;border:5px solid #ccc;width:17px;height:17px;background-color:#fff;border-radius:50%;-webkit-border-radius:50%;content:"";} .history4 .item dt{position:relative;padding:25px 40px 20px;font-size:x-large;} .history4 .item dt:before{display:block;position:absolute;top:25px;left:-37px;width:37px;height:31px;background:url(/static/images/default/history4_01.gif) no-repeat;content:"";} .history4 .item dd{padding:0 40px 30px;} .history4 .item dd img{max-width:100%;} @media(max-width:1199px){ .history4 .yearlist a{font-size:20px;line-height:2.5;} .history4 .item dt,.history4 .item dd{padding-right:30px;padding-left:30px;} } @media(max-width:767px){ .history4a{max-width:none;} .history4 .year{margin:-15px -15px 15px;} .history4 .year img{display:none;} .history4 .yearlist{overflow:auto;white-space:nowrap;} .history4 .yearlist a{display:inline-block;float:none;padding:0 15px;border-bottom:0 !important;width:auto;font-size:large;line-height:2.5;} .history4 .item{margin-left:0;} .history4 .item dl{margin:0 0 30px 40px;} .history4 .item dl:before{left:-56px;} .history4 .item dt{padding:15px 20px;} .history4 .item dd{padding:0 20px 15px;} } /*时间轴横排-年事件竖排-每年事件较多时用*/ .history5a{position:relative;padding:0 50px;} .history5a:before{content:"";display:block;position:absolute;top:50%;right:0;left:0;border-top:1px solid #ccc;} .history5a .swiper-slide{width:12.5%;} .history5a a{margin:0 auto;border:2px solid #ccc;width:76px;line-height:74px;font-size:large;text-align:center;color:#666;background-color:#fff;cursor:pointer;border-radius:50%;transition:ease .5s;} .history5a a.on,.history5a a:hover{color:#fff;background-color:#1b4491;} .history5a .mybtn{position:absolute;position:absolute;top:50%;margin-top:-17px;border:2px solid #ccc;width:34px;height:34px;background-color:#f9f9f9;outline:none;border-radius:50%;transition:ease .5s;} .history5a .mybtn:before{content:"";display:block;position:absolute;top:10px;width:11px;height:11px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;transition:ease .5s;} .history5a .btnprev{left:0;} .history5a .btnprev:before{left:12px;transform:rotate(135deg);} .history5a .btnnext{right:0;} .history5a .btnnext:before{right:12px;transform:rotate(-45deg);} .history5a .mybtn:hover,.history5a .mybtn:hover:before{border-color:#e00;} .history5b{margin-top:30px;padding:20px 0;min-height:300px;background-color:#fff;} .history5b ul{display:none;} .history5b li{padding:20px 40px;border-top:1px solid #eee;line-height:24px !important;font-size:medium;} .history5b li:first-child{border-top:0;} .history5b .dt{display:block;float:left;} .history5b .dd{padding-left:100px;} @media(max-width:1399px){ .history5a .swiper-slide{width:14.285714%;} } @media(max-width:1199px){ .history5a .swiper-slide{width:20%;} } @media(max-width:991px){ .history5a .swiper-slide{width:25%;} } @media(max-width:767px){ .history5a .swiper-slide{width:33.333333%;} } @media(max-width:575px){ .history5a .swiper-slide{width:50%;} .history5b li{padding:15px 20px;} .history5b .dt{float:none;margin-bottom:10px;font-size:large;font-weight:bold;} .history5b .dd{padding-left:0;} } /*左侧图片右侧(年/事件)向下排列*/ .history6a{float:left;width:25%;} .history6b{float:right;padding-left:50px;width:75%;} .history6b li{margin-top:30px;padding:50px;background-color:#f3f3f3;} .history6b li:first-child{margin-top:0;} .history6b li:nth-child(even){background-color:#e9f1f8;} .history6b .year{padding-bottom:5px;font-size:x-large;font-weight:bold;} .history6b .text{margin-top:10px;} .history6b .dt{float:left;} .history6b .dd{padding-left:130px;} @media(max-width:1599px){ .history6b{padding-left:40px;} .history6b li{padding:40px;} } @media(max-width:991px){ .history6a{display:none;} .history6b{padding-left:0;width:100%;} .history6b li{margin-top:25px;padding:25px;} } @media(max-width:599px){ .history6b li{margin-top:20px;padding:20px;} .history6b .year{padding-bottom:0;} .history6b .dt{float:none;} .history6b .dd{padding-left:0;} } .logo-list{padding-top:10px;background-color:#fff;} .logo-list div{float:left;margin-bottom:30px;width:16.666666%;} .logo-list a{position:relative;margin:0 auto;border:1px solid #ddd;width:158px;height:70px;line-height:68px;text-align:center;} .logo-list a img{transition:ease .5s;} .logo-list a:hover img{transform:scale(1.05);} .logo-list a span{position:absolute;top:0;right:0;bottom:0;left:0;font-size:14px;color:#fff;background-color:rgba(0,0,0,.7); opacity:0;transition:opacity ease .5s;} .logo-list a:hover span{opacity:1;} @media (max-width: 1199px){ .logo-list div{width:20%;} } @media (max-width: 991px){ .logo-list div{width:25%;} } @media (max-width: 767px){ .logo-list div{margin-bottom:25px;width:33.333333%;} } @media(max-width:575px){ .logo-list div{margin-bottom:20px;width:50%;} } i.time, i.click, i.source{display:inline-block;margin-right:5px;width:20px;height:16px;vertical-align:middle; transition:all ease .5s;} i.time{background:url(../images/default/icon03.png) 0 0 no-repeat;} i.click{background:url(../images/default/icon04.png) 0 0 no-repeat;} i.source{background:url(../images/default/icon05.png) 0 0 no-repeat;} a:hover i.time, a:hover i.click, a:hover i.source{background-position:0 -16px;} /*搜索页*/ .search-title{margin-bottom:20px;border-bottom:1px solid #d8cba1;height:36px;} .search-title h2{margin:0 0 20px;font-size:22px;line-height:1;color:#8f512a;}