@charset "utf-8"; @media(max-width:767px){ .banner.wxy-img-focus{max-height:220px !important;} .banner.wxy-img-focus ul li{background-size:cover;} .column-title{margin-top:-220px;height:220px;} .column-title h1{line-height:220px;font-size:28px;} } .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;} /*联系我们*/ .contact-0{position:relative;} .contact-a{position:absolute;top:0;right:0;bottom:0;padding:36px 36px 0;width:360px;line-height:2;color:#fff;background-color:#017dc5;background-color:rgba(1,125,197,.85);} .contact-a1{font-size:large;font-weight:bold;} .contact-a2{margin:15px 0;padding:15px 0 30px;border-top:1px solid #b9cbe5;border-bottom:1px solid #b9cbe5;} .contact-a3 .t{font-size:large;} .contact-b{position:relative;margin-right:-5px;margin-left:-5px;} .contact-b li{float:left;margin-top:30px;padding:0 5px;width:25%;} .contact-b div{padding:20px 30px;background-color:#f2f0f0;line-height:1.5;} .contact-b p{position:relative;display:block;margin-bottom:15px;font-size:medium;line-height:1;color:#111;} .contact-b p:after{content:"";display:block;border-bottom:1px solid #de091f;width:3em;height:10px;} .contact-c{margin:80px auto 20px;width:80%;} .contact-c h3{margin-bottom:20px;text-align:center;} .contact-c .summary{text-align:center;color:#666;} .contact-c .summary:after{content:"";display:block;margin:15px auto 25px;border-bottom:1px solid #888;width:3em;} .contact-c .row{margin-right:-10px;margin-left:-10px;} .contact-c .item{padding-right:10px;padding-left:10px;} .contact-c .icon{padding-right:46px;background-position:right center;background-repeat:no-repeat;} .contact-c .icon1{background-image:url(/static/images/form_icon1.png);} .contact-c .icon2{background-image:url(/static/images/form_icon2.png);} .contact-c .icon3{background-image:url(/static/images/form_icon3.png);} .contact-c .icon4{background-image:url(/static/images/form_icon4.png);} .contact-c .icon5{background-image:url(/static/images/form_icon5.png);background-position:right top;} @media(max-width:1199px){ .contact-b div{padding:20px;} .contact-c{width:90%;} } @media(max-width:991px){ .contact-a{position:static;padding-bottom:36px;width:100%;} .contact-b li{margin-top:10px;width:50%;} .contact-c{width:100%;} } @media(max-width:767px){ .contact-a{padding:30px 20px;} } @media(max-width:575px){ .contact-b li{width:100%;} } /*产品中心栏目页*/ .product-t{margin-bottom:20px;padding-top:20px;border-top:1px dashed #ccc;} .product-t:first-child{padding-top:0;border-top:0;} .product-t a{font-size:xx-large;color:#111;font-weight:bold;} @media(max-width:1199px){ .product-t a{font-size:x-large;} } .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>div{position:relative;} .breadcategory a{display:inline-block;margin-right:2em;font-size:large;line-height:60px;color:#333;} .breadcategory a.on{padding-top:2px;border-bottom:2px solid #1ea566;line-height:56px;} .breadcategory .box{overflow-x:auto;overflow-y:hidden; white-space:nowrap;} @media(max-width:767px){ .breadcategory a{margin-right:1.5em;line-height:50px;} .breadcategory a.on{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(/static/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(/static/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;} } /*新闻详情页侧边栏*/ .news-side{float:right;padding-left:50px;width:300px;} .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;} .content{margin:0 auto;max-width:1200px;padding:0 0 20px;font-size:medium;line-height:1.8;text-align:justify;} .content h1{margin-bottom:15px;font-size:x-large;line-height:2;} .content h2{margin-bottom:10px;font-size:large;line-height:2;} .content h3,.content h4,.content h5,.content h6{font-size:medium;line-height:1.6;} .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:480px){ .content{padding:0;} } .button{border:0;width:100px;height:30px;line-height:30px;text-align:center;background:url(/static/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:10px 20px;color:#888;} .content h1.articletitle{margin:0 0 25px;font-size:x-large;line-height:1.5;} .content h2.articletitle2{font-size:large;font-weight:normal;} .content .articleinfo{position:relative;margin-bottom:50px;padding:15px 0;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;font-size:14px;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:747px){ .view_baidushare{position:static;margin:0 auto;width:130px;} } .loadmore{padding-top:30px;} .loadmore .btn{width:30%;} /*响应式文章列表1*/ .newslist a{display:block;padding:30px;border:1px solid #fff;border-bottom:1px solid #ddd;color:#888;background-color:#fff;} .newslist-a{margin-right:30px;padding-top:5px;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:10px;font-size:20px;font-weight:bold;color:#333;} .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;} } @media(max-width:767px){ .newslist a{padding:15px 10px;} .newslist-b{width:100%;} .newslist .item2 .newslist-b{width:100%;} } /*响应式文章列表2*/ .newslist2 .item{margin-bottom:20px;} .newslist2 .item .pull-left{padding:35px;width:900px;} .newslist2 .item .pull-right{overflow:hidden;} .newslist2 .item a{display:block;color:#999;background:#fff; transition:all ease .5s;} .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:84px;font-size:14px;line-height:28px;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:56px;} @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;} .newslist2 .item a span, .newslist2 .item2 a span{height:72px;line-height:24px;} .loadmore .btn{width:40%;} } @media (max-width: 991px){ .newslist2 .item{margin-bottom:25px;} .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{margin-bottom:20px;} .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 #fff;border-bottom-color:#eee;text-decoration:none;background-color:#fff;} .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 #eee;border-radius:20px;line-height:24px;} .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% 0;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;} } /*发展历程-横向滚动*/ .history-horizontal, .history-horizontal>div.container{position:relative;} .history-horizontal:before{position:absolute;z-index:-1;display:block;top:26px;right:0;left:0;border-top:2px solid #e6e6e6;content:"";} .history-horizontal .box{margin:0 auto;width:1010px;background:url(/static/images/default/history_horizontal01.png) 0 8px repeat-x;overflow:hidden;} .history-horizontal li{float:left;margin-right:30px;padding-top:71px;width:230px;background:url(/static/images/default/history_horizontal02.png) center top no-repeat;} .history-horizontal .item{padding:25px;min-height:250px;background-color:#eee;border-radius:8px;-webkit-border-radius:8px; transition:ease .5s;} .history-horizontal 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;} .history-horizontal .text{clear:both;padding-top:20px;line-height:1.8;} @media(min-width:992px){ .history-horizontal li:hover{background-image:url(/static/images/default/history_horizontal03.png);} .history-horizontal li:hover .item{background-color:#2677b9;color:#fff;} .history-horizontal li:hover h2{color:#fff;border-bottom-color:#fff;} } .history-horizontal .my-btn{display:block;position:absolute;top:150px;width:25px;height:100px;background:url(/static/images/default/history_horizontal04.png) no-repeat;transition:ease .5s;} .history-horizontal .btn-left{left:30px;background-position:0 -100px;} .history-horizontal .btn-left:hover{background-position:-25px -100px;} .history-horizontal .btn-right{right:30px;background-position:-25px 0;} .history-horizontal .btn-right:hover{background-position:0 0;} @media(max-width:1199px){ .history-horizontal .box{width:750px;} } @media(max-width:991px){ .history-horizontal>div.container{padding-right:0;} .history-horizontal:before{display:none;} .history-horizontal .container:before{position:absolute;z-index:-1;display:block;top:0;left:20px;bottom:0;border-left:2px solid #e6e6e6;content:"";} .history-horizontal .box{margin-left:-15px;width:100%;background-image:none;} .history-horizontal ul{width:100% !important;} .history-horizontal li{float:none;margin:0 0 20px;padding:0 0 0 50px;width:auto;background:url(/static/images/default/history_horizontal05.png) 10px 22px no-repeat;background-size:44px 33px;} .history-horizontal .item{padding:25px 20px;min-height:auto;} } .logo-list{padding-top:30px;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;} .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{width:33.333333%;} } @media(max-width:569px){ .logo-list div{width:50%;} } /*图片列表*/ .image a{display:block;margin:0 auto 20px;width:100%;color:#333;text-decoration:none;overflow:hidden;max-width:360px;} .image em{display:block;overflow:hidden;} .image img{transition:ease .5s;-webkit-transition:ease .5s;} .image a:hover img{transform:scale(1.05);} .image a span{display:block;margin-top:8px;height:2.5714em;line-height:1.2857;overflow:hidden;} @media(max-width:767px){ .image>div:nth-child(odd){padding-right:7px;} .image>div:nth-child(even){padding-left:7px;} .image a{margin-right:0;margin-left:0;} } /*图片列表宽高比为2:3,3:4*/ .image23 a, .image34 a{max-width:240px;} /*视频列表,依赖image*/ .video em{position:relative;} .video em:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(/static/images/default/video_play.png) center center no-repeat;content:"";opacity:.7;-webkit-opacity:.7;filter:alpha(opacity=70);transition:ease .5s;-webkit-transition:ease .5s;} .video a:hover em:after{opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);} 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(/static/images/default/icon03.png) 0 0 no-repeat;} i.click{background:url(/static/images/default/icon04.png) 0 0 no-repeat;} i.source{background:url(/static/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;}