/* * @Author: Lxhcool * @Date: 2017-08-18 14:02:20 * @Last Modified by: Marte * @Last Modified time: 2017-12-11 10:14:07 */ /*header*/ /*home header*/ #home{overflow:hidden;} #home .header{display:none;} .home-header{width:100%; height:70px; background:#2a2d31;} .home-header .container{width:76.75%;} .home-header .logo{width:120px; height:34px; margin-top:18px; display:block;} .home-header .right{margin-top:20px;} .home-header .right .company-entrance{width:; height:;} .home-header .right .line{display:inline-block; *display:inline; *zoom:1; width:1px; height:26px; background:#fff; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; margin:0px 20px;} .home-main .title{margin:0.4rem 0px; text-align:center;} .home-main .title img{display:block; margin:0 auto; width:14.6rem;} .distribution-map-wrap{width:14.6rem; height:7.06rem; margin:0 auto; background:url("../images/map.png"); background-size:14.6rem 7.06rem; position:relative;} .distribution-map-wrap .yingli{width:2.46rem; height:2.6rem; position:absolute; left:3.75rem; top:1.8rem;} .distribution-map-wrap .yingli .light{width:2.46rem; height:2.60rem; background:url("../img/light.png") no-repeat; background-size:2.46rem 2.6rem; position:absolute; left:0; top:0; -webkit-transform:rotate(360deg); animation:rotation 3s linear infinite; -o-animation:rotation 3s linear infinite; -moz-animation:rotation 3s linear infinite; -webkit-animation:rotation 3s linear infinite;} .distribution-map-wrap .yingli .item{width:0.74rem; height:0.56rem; background:url("../img/yingli.png") no-repeat; background-size:0.74rem 0.56rem; position:absolute; left:50%; top:54%; margin:-0.28rem 0px 0px -0.37rem;} .distribution-map-wrap .seat-list{width:100%; height:100%;} .distribution-map-wrap .seat-list li{position:absolute; width:0.14rem; height:0.14rem; background:url("../img/seat.png") no-repeat; background-size:0.14rem 0.14rem;} .distribution-map-wrap .seat-list li a{display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1000;} .distribution-map-wrap .seat-list li .pop{position:absolute; width:1.3rem; height:0.8rem; padding:0.1rem; z-index:100; top:-1.05rem; left:-0.67rem; display:none;} .distribution-map-wrap .seat-list li .pop .pic{width:100%; height:0.67rem; overflow:hidden;} .distribution-map-wrap .seat-list li .pop .pic img{width:100%; height:100%;} .distribution-map-wrap .seat-list li .pop p{font-size:14px; color:#000; line-height:14px; font-weight:bold; text-align:center; margin-top:5px;} .distribution-map-wrap .seat-list li:hover .pop{display:block; z-index:110;} .distribution-map-wrap .other-txt {position:absolute; bottom:30%; right:30%;} .distribution-map-wrap .other-txt .box{float:left; margin-right:0.4rem;} .distribution-map-wrap .other-txt p{font-size:0.30rem; color:#bb000f; font-weight:bold; line-height:1.714;} .distribution-map-wrap .other-txt a{display:block; font-size:0.26rem; color:#666; font-weight:bold; line-height:1.714;} .seat1{top:3.91rem; left:0.29rem;} .seat2{top:3.15rem; left:0.65rem;} .seat3{top:4.20rem; left:0.65rem;} .seat4{top:2.18rem; left:0.80rem;} .seat5{top:3.73rem; left:0.77rem;} .seat6{top:3.98rem; left:0.83rem;} .seat7{top:2.26rem; left:1.08rem;} .seat8{top:2.47rem; left:0.98rem;} .seat9{top:3.30rem; left:1.03rem;} .seat10{top:4.12rem; left:0.93rem;} .seat11{top:2.58rem; left:1.30rem;} .seat12{top:2.95rem; left:1.25rem;} .seat13{top:3.75rem; left:1.28rem;} .seat14{top:4.30rem; left:1.35rem;} .seat15{top:4.53rem; left:1.30rem;} .seat16{top:2.50rem; left:1.80rem;} .seat17{top:3.40rem; left:1.95rem;} .seat18{top:4.15rem; left:2.30rem;} .seat19{top:4.98rem; left:1.55rem;} .seat20{top:3.17rem; left:2.97rem; display:none;} .seat21{top:5.25rem; left:2.63rem;} .seat22{top:1.57rem; left:4.47rem;} .seat23{top:2.50rem; left:4.80rem;} .seat24{top:5.50rem; left:6.00rem;} .seat25{top:3.35rem; left:5.25rem;} .seat26{top:4.53rem; left:1.8rem;} .seat27{top:5.75rem; left:1.8rem;} .seat28{top:2.3rem; left:2rem;} .seat29{top:4.7rem; left:2.2rem;} .seat30{top:4.5rem; left:2.3rem;} .mobile-con{display:none;} .mobile-seat-list{display:none;} /*登陆弹框*/ .pop-layer{width:100%; height:100%; position:fixed; z-index:888; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.8); display:none;} .log-pop{width:380px; height:370px; border-radius:6px; background-color:#fff; position:fixed; left:50%; margin-left:-190px; top:50%; margin-top:-185px; text-align:center; display:none; z-index:889;} .log-pop .pop-logo{margin-top:40px; display:block; margin-bottom:30px;} .log-form label{display:block; position:relative; width:320px; height:50px; margin:0 auto;} .log-form label i{width:20px; height:20px; display:block; position:absolute; background:url("../img/log-icon.png") no-repeat; top:15px; left:20px;} .log-form label i.icon_1{background-position:2px 2px;} .log-form label i.icon_2{background-position:2px -68px;} .log-form .txt{width:320px; height:50px; background:#e6e6e6; border-radius:6px; border:0; margin-top:20px; font-size:14px; color:#999; line-height:50px; display:block; text-indent:3.3em;} .log-form .btn{width:320px; height:50px; background:#c90010; border-radius:6px; border:0; font-size:20px; color:#fff; text-transform:uppercase; text-align:center; line-height:50px; margin-top:40px; cursor:pointer;} .log-form .btn:hover{background:#ab0411;} .header{width:100%; height:70px; background:#2a2d31;} .header .logo{width:120px; height:34px; margin-top:18px; display:block; margin-right:95px;} .header a.nav-toggle{position:absolute; left:10px; padding:10px; background-image:none; border-radius:4px; margin-top:20px; border:0; cursor:pointer; display:none; z-index:999; display:none;} .header a.nav-toggle span{display:block; width:20px; height:2px; margin-bottom:5px; position:relative; background:#fff; border-radius:3px; z-index:1; -webkit-transform-origin: 20px; transform-origin:20px; -webkit-transition:background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);} .nav li{float:left; margin:0px 15px; height:70px;} .nav li i{font-size:20px; color:#fff;} .nav li a{font-size:14px; color:#fff; line-height:70px; padding:0px 10px; display:block;} .nav li a:hover, .nav li.on a{background: #c90010;} .lang, .lang a{font-size:14px; color:#ccc;line-height: 70px;display: flex;align-items: center;} .lang a.ch{font-family:Microsoft YaHei;} .top-search{position: relative;display: inline;} .top-search img{cursor: pointer;} .top-search form.headerform{position: absolute;right: 23px;z-index: 44;width: 200px;top: 23px;line-height: initial;} .top-search .search_txt{border: none;font-size: 14px;text-indent: 10px;width: 100%;height: 30px;background: #fff;} .top-search .search_bb{width: 40px;height: 30px;background: url(../../pro/images/search-icon-red.png) no-repeat center;background-color: #fff;border: none; position: absolute; right: 0;top: 0;background-size: 14px;} .background{background-position: center;background-repeat: no-repeat;background-size: cover;} .nav li{position: relative;} .navone:hover .navtwo{top: 69px;opacity: 1;pointer-events: initial;} .navtwo{position: absolute;top: 75px;opacity: 0;pointer-events: none;transition: all 0.3s;width: 160px;left: 50%;margin-left: -80px;} .nav li .navtwo a{display: block;width: 100%;text-align: center;background: #2B2B2B;height: 35px;border-top: 1px solid #505050;line-height: 34px;padding: 0; font-size: 12px;} .nav li .navtwo a:hover{background: #BB000F;} .topform-box{position: absolute; width: 250px;top: 100%;height: 86px;right: -37px;background: rgba(0,0,0,0.5);display: none;} /*footer*/ .home-footer{width:100%; text-align:center; font-size:13px; color:#b3b3b3; line-height:4;} .footer{width:100%; height:246px; background:#2A2D31; text-align:center; padding-top:50px;} .footer .footer-logo{width:113px; height:32px; display:block; margin:0px auto 0px;} .footer .footer-nav{width:710px; margin:25px auto 20px;} .footer .footer-nav li{float:left; color:#ccc; font-size:16px;} .footer .footer-nav li.footer-nav-line{padding:0px 30px;} .footer .footer-nav li a{font-size:16px; color:#fff; text-transform:uppercase; display:block;font-weight: bold;} .footer .footer-nav li a:hover{color:#c90010;} .footer .footer-nav li.on a{color:#c90010;} .footer .consult{width:430px; height:40px; margin:0 auto 55px; text-align:left; border-radius:20px; background:#ffffff; box-shadow:0px 2px 6px 0px rgba(4, 0, 0, 0.1);} .footer .consult p{font-size:14px; color:#666666; text-transform:uppercase; line-height:40px; text-indent:1.5em;} .footer .consult .consult-btn{width:105px; height:40px; background:url("../img/qq.png") no-repeat scroll center center; background-color:#4d4d4d; border-radius:18px; display:block;} .footer .consult .consult-btn:hover{background-color:#333;} .copyright{height:50px; line-height:50px; font-size:13px; color:#999999; border-top:1px solid #424141;} .copyright .copyright-txt{color: #acacac;font-size: 14px;} .copyright .follow{height:50px;} .copyright .follow span{display:block; float:left;font-size: 14px;color: #acacac;} .copyright .follow a{width:20px; height:50px; display:block; float:left; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .copyright .follow a.wx{background:url("../img/wx.png") no-repeat scroll center center; margin-right:10px;} .copyright .follow a.sina{background:url("../img/sina.png") no-repeat scroll center center;} .copyright .follow a:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;} /*banner*/ .banner{width:100%; height:480px; position:relative; display:table; text-align:center;} .banner .text-shadow{width:100%; font-size:78px; color:rgba(255, 255, 255, 0.078); text-transform:uppercase; position:absolute; top:160px;} .banner .txt-box{width:100%; text-align:center; display:table-cell; vertical-align:middle;} .banner .txt-box h2{font-size:40px; color:#fff; font-weight:bold; text-transform:uppercase;} .banner .txt-box i.line{width:60px; height:4px; background:#c90010; display:block; margin:30px auto 25px;} .banner .txt-box p{font-size:14px; color:#fff; line-height:1.714; text-align: center; width:818px; margin:0 auto 0;} /*company*/ .company-wrap{padding:70px 0px 80px 0px;} .company-wrap .company-txt{width:1100px; margin:0 auto 40px; font-size:15px; color:#333333; line-height:2;} .company-wrap .company-brand-list{text-align:center; width:1100px; margin:0 auto;} .company-wrap .company-brand-list ul li{text-align:center; display:inline-block; *display:inline; *zoom:1;margin:0px 45px;} .company-wrap .company-brand-list ul li:first-child{margin-left:0;} .company-wrap .company-brand-list ul li:last-child{margin-right:0;} .company-wrap .company-brand-list ul li .item{width:78px; height:78px; font-size:15px; color:#c90010; border:1px solid #999999; line-height:90px; background:url("../img/company-brand-icon.png") no-repeat scroll center center; border-radius:50%; text-align:center;} .company-wrap .company-brand-list ul li p{font-size:15px; color:#c90010; line-height:2.667;} .company-wrap .company-brand-list ul li.more .item{background:url("../img/company-brand-more.png") no-repeat scroll center center; border:0;} .company-wrap .company-brand-list ul li.more p{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} /*contact*/ .contact-wrap-list{position:relative; padding-top:80px; padding-bottom:50px;} .contact-wrap-list .line{width:790px; height:5px; border:1px solid #f0f0f0; position:absolute; top:132px; left:50%; margin-left:-395px; z-index:1;} .contact-wrap-list .contact-list{position:relative; z-index:2;} .contact-wrap-list .contact-list li{float:left; text-align:center; cursor:pointer; width:25%;} .contact-wrap-list .contact-list li .item{width:108px; height:108px; border:1px dashed #ccc; border-radius:50%; margin:0 auto; background:#fff;} .contact-wrap-list .contact-list li .item .item-box{width:98px; height:98px; border:1px solid #ccc; border-radius:50%; margin:4px;} .contact-wrap-list .contact-list li .item .item-box i{width:50px; height:50px; display:block; background:url("../img/contact-icon.png") no-repeat; margin:25px;} .contact-wrap-list .contact-list li .item .item-box i.icon_1{background-position:0px 0px;} .contact-wrap-list .contact-list li .item .item-box i.icon_2{background-position:-308px 0px;} .contact-wrap-list .contact-list li .item .item-box i.icon_3{background-position:-618px 0px;} .contact-wrap-list .contact-list li .item .item-box i.icon_4{background-position:-928px 0px;} .contact-wrap-list .contact-list li:hover .item .item-box i.icon_1{background-position:0px -90px;} .contact-wrap-list .contact-list li:hover .item .item-box i.icon_2{background-position:-308px -90px;} .contact-wrap-list .contact-list li:hover .item .item-box i.icon_3{background-position:-618px -90px;} .contact-wrap-list .contact-list li:hover .item .item-box i.icon_4{background-position:-928px -90px;} .contact-wrap-list .contact-list li .txt{margin:0 auto;} .contact-wrap-list .contact-list li .txt p{font-size:16px; color:#666; line-height:50px;} .contact-wrap-list .contact-list li .txt span{font-size:14px; color:#c90010; line-height:1.429;} .contact-wrap-list .contact-list li .txt i{display:block; margin:0 auto 0; background-color:#c90010; width:28px; height:1px; margin-top:15px;} .contact-wrap-bottom{padding-bottom:100px;} .contact-wrap-bottom .contact-box{width:420px; height:270px; background:#f0f0f0; padding-top:50px; padding-left:40px;} .contact-wrap-bottom .contact-box.contact-box--full{box-sizing:border-box; width:100%; height:auto; min-height:270px;} .contact-wrap-bottom .contact-box h2{font-size:20px; color:#c90010;} .contact-wrap-bottom .contact-box p{font-size:16px; color:#333333; line-height:2.5;} .contact-wrap-bottom .contact-box p b{color:#666666; font-weight:400;} .contact-wrap-bottom .contact-box p a{color:#333333;} .contact-wrap-bottom .contact-box p a:hover{color:#c90010;} /*news*/ .news-wrap{padding-top:80px;} .news-wrap .news-list{} .news-wrap .news-list li{float:left; width:380px; margin-right:30px; margin-bottom:30px;} .news-wrap .news-list li:nth-child(3n){margin-right:0;} .news-wrap .news-list li a{display:block; width:100%; height:100%;} .news-wrap .news-list li .top{width:358px; /*height:135px;*/ border:1px solid #dedadd; position:relative; padding-left:20px; padding-top:20px; padding-bottom:20px;} .news-wrap .news-list li .top .top-icon{width:22px; height:22px; display:block; background:url("../img/news-icon.png") no-repeat; margin-bottom:10px;} .news-wrap .news-list li .top h2{font-size:16px; color:#333; line-height:1.563; text-align:left; margin-bottom:40px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} .news-wrap .news-list li .top .data{font-size:14px; color:#a5a5a5;} .news-wrap .news-list li .top .data span{float:left; margin-right:50px;} .news-wrap .news-list li .top .data span i{width:22px; height:22px; display:block; background:url("../img/news-icon.png") no-repeat; float:left;} .news-wrap .news-list li .top .data .time i{background-position:0px -97px;} .news-wrap .news-list li .top .data .look i{background-position:-135px -97px;} .news-wrap .news-list li:hover .top h2{color:#c90010;} .news-wrap .news-list li .bottom{width:100%; height:270px; overflow:hidden;} .news-wrap .news-list li .bottom img{width:100%; height:100%; background:url("../images/imgBg.jpg") no-repeat; background-size:cover;} .news-more{border-radius:25px; background:#4d4d4d; width:179px; height:50px; line-height:50px; text-align:center; font-size:15px; color:#fff; text-transform:uppercase; margin:50px auto 100px; display:block;} .news-more:hover{background:#c90010;} /*culture*/ .culture-wrap{padding-top:80px; text-align:center; padding-bottom:80px;} .culture-wrap .news-list li .top h2{margin-bottom:20px;} /*.culture-wrap h2{font-size:36px; color:#333333; font-weight:400; padding-bottom:55px;} .culture-wrap h2 b{font-weight:400; color:#c90010;}*/ /*.culture-wrap .culture-list li{width:398px; float:left; margin-right:3px; position:relative;} .culture-wrap .culture-list li:nth-child(3n){margin-right:0;} .culture-wrap .culture-list li .pic{width:398px; height:500px;} .culture-wrap .culture-list li .pic img{width:100%; height:100%;} .culture-wrap .culture-list li .layer{width:100%; height:500px; background:rgba(0,0,0,0.7); position:absolute; top:0; bottom:0; left:0; right:0; display:table; display:none;} .culture-wrap .culture-list li .layer .tr{display:table-cell; vertical-align:middle; font-size:14px; color:#fff; text-align:center;} .culture-wrap .culture-list li:hover .layer{display:table; display:none;}*/ /*news detail*/ .news-detail-wrap .pop-wrap{margin:50px 0px; width:1100px;} .news-detail-wrap .pop-wrap .share{width:82px;} .news-detail-wrap .pop-wrap .share a{width:40px; height:40px; display:block; float:left; margin-right:1px; margin-bottom:1px;} .news-detail-wrap .pop-wrap .share a i{display:block; background:url("../img/share.png") no-repeat; width:25px; height:25px; margin-top:10px; margin-left:7px;} .news-detail-wrap .pop-wrap .share .wx{background-color:#53bd8f; background-position:0px 0px;} .news-detail-wrap .pop-wrap .share .sina{background-color:#dc4e41; background-position:0px 0px;} .news-detail-wrap .pop-wrap .share .qzone{background-color:#4e69a2; background-position:0px 0px;} .news-detail-wrap .pop-wrap .share .renren{background-color:#e5b14c; background-position:0px 0px;} .news-detail-wrap .pop-wrap .share .wx i{background-position:0px 0px;} .news-detail-wrap .pop-wrap .share .sina i{background-position:-40px 0px;} .news-detail-wrap .pop-wrap .share .qzone i{background-position:0px -40px;} .news-detail-wrap .pop-wrap .share .renren i{background-position:-40px -40px;} .news-detail-wrap .pop-wrap .share a:hover{background:#333;} .news-detail-wrap .det{width:970px;} .news-detail-wrap .det .top .time{font-size:18px; color:#666; text-transform:uppercase; line-height:0.778; margin-bottom:60px; display:block;} .news-detail-wrap .det .top h1{ font-size:28px; color:#060606; line-height:1.429; margin-bottom:40px;} .news-detail-wrap .det .top .line{display:block; width:60px; height:4px; background:#c90010; margin-bottom:40px;} .news-detail-wrap .det p{font-size:15px; color:#333; line-height:2;} .news-detail-wrap .det img{max-width:100%; display:block; margin:30px 0px;} .news-detail-wrap .det .page{border-top:1px solid #e6e6e6; margin-top:50px; padding-top:50px;} .news-detail-wrap .det .page .page-list{width:80%;} .news-detail-wrap .det .page .page-list p{font-size:16px; color:#666666; text-transform:uppercase; line-height:2.438;} .news-detail-wrap .det .page .page-list p a{color:#666666; display:block; text-align:left;} .news-detail-wrap .det .page .page-list p a:hover{color:#c90010;} .news-detail-wrap .det .page .return-btn{border-radius:22px; background:#4d4d4d; width:160px; height:45px; line-height:50px; text-align:center; font-size:15px; color:#fff; text-transform:uppercase; display:block;} .news-detail-wrap .det .page .return-btn:hover{background:#c90010;} /*quality*/ .quality-wrap{padding-top:75px;} .quality-wrap .present{width:1070px; margin:0 auto 45px; font-size:15px; color:#333; line-height:2;} .quality-list{width:100%; position:relative; margin-bottom:100px;} .quality-list .slideBox{width:1100px; margin:0 auto; overflow:hidden;} .quality-list .slideBox .bd{position:relative; height:100%; z-index:0;} .quality-list .slideBox .bd li{zoom:1; vertical-align:middle;} .quality-list .slideBox .bd li .pic{width:353px; height:250px; float:left; margin-right:20px; position:relative;} .quality-list .slideBox .bd li .pic p{width:100%; height:0px; background:rgba(0,0,0,0.6); bottom:0; left:0; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; position:absolute; font-size:15px; color:#fff; line-height:50px; text-align:left; text-indent:20px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;} .quality-list .slideBox .bd li .pic:nth-child(3n){margin-right:0;} .quality-list .slideBox .bd li .pic img{width:100%; height:100%; display:block;} .quality-list .slideBox .bd li .pic:hover p{height:50px;} /* 下面是前/后按钮代码，如果不需要删除即可 */ .quality-list .slideBox .prev, .quality-list .slideBox .next{position:absolute; left:0%; top:50%; margin-top:-16px; display:block; width:32px; height:32px; background:url(../img/arrow-icon.png) 0px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;} .quality-list .slideBox .next{left:auto; right:0%; background-position:-86px 0px;} .quality-list .slideBox .prev:hover, .quality-list .slideBox .next:hover{filter:alpha(opacity=100);opacity:1; background:url(../img/arrow-icon.png) 0px -51px no-repeat;} .quality-list .slideBox .next:hover{background:url(../img/arrow-icon.png) -86px -51px no-repeat;} .quality-list .slideBox .prevStop{display:none;} .quality-list .slideBox .nextStop{display:none;} /*getdata*/ #center *{font-size:14px;} #center p{color:#fff;} #center p a{color:#fff;} #center .user-info-wrap{margin:30px 0px; border-bottom:1px solid #999; padding-bottom:10px;} #center .user-info-wrap .user-left p{float:left;} #center .user-info-wrap .user-left p a{color:#333;} #center .user-info-wrap .user-left p.on a{color:#c90010;} #center .user-info-wrap .user-left p a:hover{color:#c90010;} #center .user-info-wrap .user-info-right p{color:#333;} #center .user-info-wrap .user-info-right .user-info-name{font-weight:bold; color:#c90010;} #center .user-info-wrap .user-info-line{margin:0px 10px; color:#333;} #center .user-info-wrap .user-info-right .user-info-out a{color:#333;} #center .user-info-wrap .user-info-right .user-info-out a:hover{color:#c90010;} #search-form .search-label{margin-right:20px;} #search-form .search-label span b{display:none;} #search-form .input-text{width:140px; height:30px; line-height:30px; border:1px solid #ccc; background:none; color:#333; text-indent:1em;} #search-form .submit-btn{width:82px; height:32px; background:#333; color:#fff; display:block; line-height:30px; text-align:center; border:1px solid #333;} #center tr{background:#ccc; height:40px; text-align:center;} #center tr:nth-child(odd){background:#f5f5f5;} #center tr.title{background:#999;} /*分页*/ .page{width:100%;height:40px;text-align:center;line-height:38px; margin:40px 0px;} .page_con{display:inline-block;*display:inline;*zoom:1;} /*.page a,*/.page_text,.page_btn{display:block;width:38px;height:38px;float:left;border:1px solid #cccccc;font-size:14px;color:#999;background:#fff;margin:0 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} /*.page a:hover,*/ .page_btn:hover{background:#c90010;color: #fff;border-color:#c90010;} .page a.on{background:#c90010;color:#fff;font-weight:bolder;border-color:#c90010;} .page a.non{background-color:#f8f8f8;border-color:#e9e9e9;color:#ababab;cursor:default;} .page a.goprev,.page a.gonext,.page .page_btn{padding: 0 12px;width:auto;} .page span{font-size:14px;color:#999;margin:0 5px;float:left;} .page_text{text-align:center;color:#333;width: 60px;} .page .page_start,.page .page_end{width: 60px;} /*汉堡icon动画*/ .nav-toggle span:first-child{/*-webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;*/} .nav-toggle span:nth-last-child(2){/*-webkit-transform-origin:0% 100%; transform-origin:0% 100%;*/} /*利用transform属性来改变横条的旋转角度*/ .nav-toggle.toggle-animate span{opacity:1; -webkit-transform:rotate(45deg); transform:rotate(45deg); /*background: #232323;*/} /*隐藏一个横条*/ .nav-toggle.toggle-animate span:nth-last-child(2){opacity:0;} /*改变另一个横条的旋转角度*/ .nav-toggle.toggle-animate span:nth-last-child(3){opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} /*阳光旋转动画*/ @-webkit-keyframes rotation{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } /*point 动画*/ .point-area{text-align:center; position:relative; width:150px; height:150px; transition:opacity .5s ease-out;} .point-area .point{position:absolute; top:0; left:0; right:0; bottom:0; width:10px; height:10px; margin:auto; -webkit-border-radius:50%; -webkit-background-clip:padding-box; -moz-border-radius:50%; -moz-background-clip:padding; border-radius:50%; background-clip:padding-box; background:transparent;} .point-area .point-dot{z-index:1; background-color:#6ad7e9; border:1px solid rgba(0, 205, 236, .37);} .point-area .point-10{width:60px; height:60px; left:50%; margin-left:-30px;} .point-area .point-10:after{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:50%; border:2px solid #bb000f; opacity:0; -webkit-animation:ripple 4.5s ease-out 225ms infinite; animation:ripple 4.5s ease-out 225ms infinite;} .point-area .point-70{width:60px; height:60px; left:50%; margin-left:-30px;} .point-area .point-70:after{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:50%; border:2px solid #bb000f; opacity:0; -webkit-animation:ripple 4.5s ease-out 1575ms infinite; animation:ripple 4.5s ease-out 1575ms infinite;} @-webkit-keyframes ripple { 0% { opacity: 0; -webkit-transform: scale(.1); } 5% { opacity: 1; } to { opacity: 0; -webkit-transform: scale(1); } } @keyframes ripple { 0% { opacity: 0; -webkit-transform: scale(.1); transform: scale(.1); } 5% { opacity: 1; } to { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } /*left nav*/ .left-nav{position:fixed; right:0.5rem; top:1.08rem; width:2.4rem;} .left-nav h1{font-size:0.2rem; color:#333; line-height:2; cursor:pointer;} .left-nav h1 b{float:left;} .left-nav h1 i{width:0.3rem; height:0.30rem; display:block; background:url("../img/arrow-down-b.png") no-repeat; float:left; background-size:0.3rem 0.3rem; margin-top:0.03rem;} .left-nav ul{display:none; max-height:4.5rem; overflow-y:scroll; overflow-x:hidden;} .left-nav ul li{} .left-nav ul li img{width:0.25rem; height:0.13rem; float:left; margin-top:0.05rem; margin-right:0.05rem;} .left-nav ul li p{font-size:14px; color:#666; line-height:1.643; float:left;} .left-nav ul li:hover p{color:#c90010;} /* @media */ @media screen and (max-width: 1460px) { } @media screen and (max-width: 1200px) { body{overflow:hidden;} .container{width:100%;} .company-wrap .company-txt{width:100%;} .news-wrap .container{width:94%;} .news-wrap .news-list li{width:32.3333333%; margin-right:1.5%;} .news-wrap .news-list li .top{width:calc(100% - 20px);} .header .container{width:94%;} .nav li{margin: 0px 8px;} .header .logo{margin-right: 30px;} } /* @media */ @media screen and (max-width: 1024px) { /*header*/ .header{border-bottom:1px solid #4e4e4e;} .header .container{width:100%;} .header a.nav-toggle{display:block;} .header .logo{position:absolute; left:50%; margin-left:-60px;} .nav{width:100%; background:#2a2d31; float:none; position:absolute; z-index:100; top:-1000px; left:0;} .nav li{float:none; width:100%; height:60px; line-height:60px; background:#2a2d31; border-bottom:1px solid #4e4e4e;margin:0;} .nav li:last-child{border-bottom:0;} .nav li a{float:left; width:80%; height:60px; line-height:60px; padding:0; padding-left:20px;} .nav li i{float:right; padding-right:20px;} .lang{padding-right:20px;} /*banner*/ .banner .txt-box p{width:auto;} /*company*/ .main .container{width:94%;} .company-wrap{padding:40px 0px 80px 0px;} .company-wrap .company-txt{width:100%; text-align:justify;} .company-wrap .company-brand-list{width:100%;} .company-wrap .company-brand-list ul li{margin:0px 0px; width:50%; display:block; float:left; margin-bottom:20px;} .company-wrap .company-brand-list ul li .item{margin:0 auto;} /*culture*/ .culture-wrap{padding-top:40px;} .culture-wrap .culture-list li{width:48%; margin:0px 0px 20px 0px;} .culture-wrap .culture-list li:nth-child(2n){float:right;} .culture-wrap .culture-list li .pic{width:100%; height:auto;} /*news*/ .news-wrap{padding-top:40px;} .news-wrap .news-list li{width:48%; margin:0px 0px 30px 0px;} .news-wrap .news-list li:nth-child(2n){float:right;} .news-wrap .news-list li .top{width: calc(100% - 22px);} /*news detail*/ .news-detail-wrap .pop-wrap{width:100%; margin-top:40px;} .news-detail-wrap .pop-wrap .share{margin-bottom:40px;} .news-detail-wrap .pop-wrap .share, .news-detail-wrap .det{float:none; width:100%;} .news-detail-wrap .det{} .news-detail-wrap .det .top .time{margin-bottom:30px;} .news-detail-wrap .det .top h1{text-align:justify;} .news-detail-wrap .det .con{text-align:justify;} .page .page-list{float:none;} .news-detail-wrap .det .page .return-btn{float:none; margin-top:30px;} .news-detail-wrap .det .page{margin-top:30px; padding-top:30px;} /*contact*/ .contact-wrap-list{padding-top:40px;} .contact-wrap-list .line{display:none;} .contact-wrap-bottom .contact-box{width: calc(100% - 40px);} /*quality*/ .quality-wrap{padding-top:35px;} .quality-wrap .present{width:100%; text-align:justify;} .quality-list .slideBox{width:100%;} .quality-list .slideBox .bd li .pic{margin:0; margin-bottom:20px; width:48%; height:auto;} .quality-list .slideBox .bd li .pic:nth-child(2n){float:right;} /*footer*/ .footer{height:auto;} .footer .container{width:100%;} .copyright{height:auto; line-height:0;} .copyright-txt{float:none; text-align:center; line-height:20px; padding:15px 0px;} .copyright .follow{float:none; text-align:center;} .copyright .follow span{display:none;} .copyright .follow a{height:20px; margin-bottom:15px; float:none; display:inline-block;} .footer .footer-nav{text-align:center; width:100%;} .footer .footer-nav li{width:50%; margin:10px 0px;} .footer .footer-nav li.footer-nav-line{display:none;} /*getdata*/ #center.container{width:94%;} #search-form .search-label{margin-right:0px; margin-bottom:20px; display:block; float:none;} #search-form .search-label span b{display:inline-block;} #search-form .submit-btn{float:none;} } @media screen and (max-width: 750px) { /*home*/ /*#home .header{display:block;}*/ #home .home-header{display:block;} /*#home .home-header .right .line{display:none;}*/ /*#home .home-header .right .system-entrance{display:none;}*/ .mobile-con{display:block;} .mobile-con .top{width:100%; height:0.9rem; /*border-bottom:1px solid #e6e6e6;*/} .mobile-con .top p{font-size:0.3rem; color:#333; text-transform:uppercase; line-height:0.9rem;} .mobile-con .top i{display:block; width:0.32rem; height:0.9rem; background:url("../img/arrowB.png") no-repeat scroll center center; background-size:0.32rem 0.19rem;} .mobile-seat-list{display:block;} .home-main .title{display:none;} .distribution-map-wrap{width:100%; height:4.13rem; background:url("../images/map_small.png") no-repeat; background-size:cover;} .distribution-map-wrap .yingli{left:1.35rem; top:0.55rem; width:2.46rem; height:2.6rem;} .distribution-map-wrap .yingli .light{width:2.46rem; height:2.6rem; background-size:2.46rem 2.6rem;} .distribution-map-wrap .yingli .item{width:0.74rem; height:0.56rem; margin: -0.28rem 0px 0px -0.37rem; background-size:0.74rem 0.56rem;} .distribution-map-wrap .seat-list{display:none;} .mobile-con{width:100%;} .container-mobile{width:6.9rem; margin:0 auto;} .contact-item{text-transform:uppercase; padding:0.3rem 0 0.4rem; display:none;} .contact-item h2{font-size:0.26rem; color:#c90010; line-height:1.846;} .contact-item h2 i{width:0.28rem; height:0.22rem; background:url("../images/tip.png") no-repeat; background-size:0.28rem 0.22rem; display:block; float:left; margin-top:0.1rem; margin-right:0.1rem;} .contact-item span{font-size:0.26rem; color:#666666; line-height:1.923;} .contact-item p{font-size:0.26rem; overflow:hidden; line-height: 1.923;} .contact-item p b{float:left; color:#999999;} .contact-item p span{float:left;} .mobile-con.on .top{background:#2a2d31;} .mobile-con.on .top p{color:#fff;} .mobile-con.on .top i{background:url("../img/arrowT.png") no-repeat scroll center center; background-size:0.32rem 0.19rem;} .mobile-con.on .contact-item{display:block;} .call{width:3.3rem; height:0.66rem; background:url("../img/tel.png") no-repeat; display:block; background-size:3.3rem 0.66rem; margin-top:0.35rem;} .mobile-seat-list{} .mobile-seat-list li .top{width:100%; height:0.9rem; border-bottom:1px solid #e6e6e6;} .mobile-seat-list li:first-child .top{border-top:1px solid #e6e6e6;} .mobile-seat-list li .top p{font-size:0.3rem; color:#333; text-transform:uppercase; line-height:0.9rem;} .mobile-seat-list li .top i{display:block; width:0.32rem; height:0.9rem; background:url("../img/arrowB.png") no-repeat scroll center center; background-size:0.32rem 0.19rem;} .mobile-seat-list li.on .top{background:#2a2d31;} .mobile-seat-list li.on .top p{color:#fff;} .mobile-seat-list li.on .top i{background:url("../img/arrowT.png") no-repeat scroll center center; background-size:0.32rem 0.19rem;} .mobile-seat-list li .bottom{display:none;} .mobile-seat-list li .bottom .item{border-bottom:1px solid #e6e6e6; padding-top:0.25rem; padding-bottom:0.4rem;} .mobile-seat-list li .bottom .item p.name{font-size:0.26rem; color:#000033; text-transform:uppercase; line-height:1.846;} .mobile-seat-list li .bottom .item p.name a{font-size:0.26rem; color:#000033; text-transform:uppercase; line-height:1.846;} .mobile-seat-list li .bottom .item p{font-size:0.26rem; color:#666666; line-height:1.923;} .mobile-seat-list li .bottom .item p b{font-weight:400; color:#999;} .mobile-seat-list li .bottom .item .call{margin-top:0.2rem;} .mobile-seat-list li.on .bottom{display:block;} .home-footer{width:100%; height:0.8rem; background:#333333; line-height:0.8rem;} .home-footer p{font-size:0.22rem; color:#666;} .home-footer p i{display:none;} /*移动端联系方式 弹框*/ .cotact-pop{width:5.8rem; height:4.22rem; background:#fff; border-radius:4px; position:fixed; top:50%; left:50%; margin:-2.11rem 0rem 0rem -2.9rem; z-index:889; display:none;} .cotact-pop .top{line-height:1rem; background:#c90010; border-radius:4px 4px 0px 0px; font-size:0.26rem; color:#fff; text-indent:0.3rem;} .cotact-pop .bottom{padding-top:0.4rem;} .cotact-pop .bottom p{font-size:0.26rem; color:#999; line-height:1.923; overflow:hidden;text-transform:uppercase;} .cotact-pop .bottom p b{font-weight:400; float:left; text-indent:0.3rem;} .cotact-pop .bottom p span{color:#666; float:left; width:3.7rem;} .cotact-pop .bottom .tel-btn{width:3.3rem; height:0.66rem; background:url("../img/tel.png") no-repeat; display:block; background-size:3.3rem 0.66rem; margin:0.35rem auto 0;} .distribution-map-wrap .other-txt{right:0; display:none;} .left-nav{display:none;} .nav li i.navone-arr{display: inline-block;width: 40px;height: 100%;background: url(../../pro/images/allpro-arr.png) no-repeat left 2px center;padding-right: 20px; box-sizing: border-box;} .nav li a{border-bottom: none !important;} .nav li a:hover, .nav li.on a{background: transparent;} .navtwo{top: 60px;opacity: 1;pointer-events: initial;z-index: 22;display: none;transition: all 0s;width: 100%;left: 0;margin-left: 0;} .navone:hover .navtwo{top: 60px;} .nav li .navtwo a{padding-left: 20px;text-align: left;background: #0c0c0c;} .top-search{display: none;} .lang a,.lang span{display: none;} .lang a.en{display: block;} } @media screen and (max-width: 480px) { .home-header .container{width:94%;} /*banner*/ .banner .text-shadow{font-size:60px; top:140px;} /*culture*/ .culture-wrap .culture-list li{width:100%;} .culture-wrap h2{font-size:30px;} /*news*/ .news-wrap .news-list li{width:100%; margin:0px 0px 30px 0px;} .news-wrap .news-list li .bottom{height:auto;} /*news detail*/ .news-detail-wrap .det .top h1{font-size:20px;} .news-detail-wrap .det .page .page-list p{font-size:14px;} /*contact*/ .contact-wrap-list .contact-list li{width:100%; margin-bottom:30px;} /*quality*/ .quality-list .slideBox .bd li .pic{margin:0; margin-bottom:20px; width:100%;} /*footer*/ .footer .consult{width:94%; margin-bottom:35px;} .footer .consult p{width:100%; text-align:center; text-indent:0;} .footer .consult .consult-btn{display:none;} }