.slide{position:relative;} .slide .article{height:600px;background:no-repeat center center;background-size:auto 100%;} .slide .owl-controls{position:absolute;width:100%;top:50%;} .slide .owl-dots{text-align:center;} .slide .owl-controls .owl-dot{display:inline-block;*display:inline;} .slide .owl-controls .owl-dot span{width:14px;height:14px;border:1px solid #fff;display:inline-block; border-radius:50%;margin:0 5px;} .slide .owl-controls .owl-dot.active span{background:#fff;} .slide .owl-controls .owl-prev,.slide .owl-controls .owl-next{background:url(/uploads/image/phjimages/arrow_img01.gif) no-repeat;width:35px;height:75px;position:absolute;top:50%;margin-top:-38px; text-indent:-999px;overflow:hidden;} .slide .owl-controls .owl-prev{left:0;} .slide .owl-controls .owl-next{right:0; background:url(/uploads/image/phjimages/arrow_img01.gif) no-repeat right 0;} .pro_list{background:url(/uploads/image/phjimages/in_pro_bg01.gif) repeat-x;max-width:1400px;*max-width:1260px;padding:25px 70px;background-size:auto 100%;margin:0 auto;position:relative;top:-73px;z-index:9;margin-bottom:-73px;} .pro_list p{font-size:18px;color:#000;text-align:center;line-height:1.3333;padding-top:10px;} .pro_list .article{padding:0 20px;float:left;} .pro_list .article img{width:100%;} .pro_list .owl-controls .owl-prev,.pro_list .owl-controls .owl-next{background:url(/uploads/image/phjimages/arrow_img02.png) no-repeat;width:40px;height:40px;position:absolute;top:50%;margin-top:-10px; text-indent:-999px;overflow:hidden;} .pro_list .owl-controls .owl-prev{left:-40px;} .pro_list .owl-controls .owl-next{right:-40px; background-position:right 0;} .main{margin-top:15px;overflow:hidden;position:relative;} .main .left{width:57.5%;position:absolute;} .main .right{width:42.5%;} .main .right .border{overflow:hidden;position:relative;} .border{border-left:15px solid #fff;} .main .right img{width:100%;} .main .right .img,.main .right .text,.main.main03 .left .img{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;} .main .right a:hover .img,.main .left a:hover .img{ -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);} .main .right .text,.main.main03 .left .text{background:rgba(0,0,0,0.6);background:none\9;filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000)\0;z-index:9;text-align:center;} .main .right .text span,.main.main03 .left .text h3 span{font-size:26px;color:#fff;display:inline-block;border-bottom:1px solid #fff;padding-bottom:8px;} .main .right .text h3{position:absolute;width:100%;top:50%;margin-top:-19px;left:0;} .main .right .img{background:no-repeat center center;background-size:cover} .main.main03{background-size:57.5% 100%;position:relative;} .main.main03 .left .text{width:100%;height:100%;position:absolute;color:#fff;text-align:center;} .main.main03 .left .text p{width:90%;margin:0 auto;margin-top:20px;height:42px;overflow:hidden;} .main.main03 .left .text01{position:absolute;width:100%;top:50%;margin-top:-50px;left:0;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;} .main.main03 .left .img{background:no-repeat center center;background-size:cover;} .main.main01 .left{position:relative;top:0;background:#c00;float:left;} .main.main01 .left .new{position:absolute;top:50%;margin-top:-135px;width:100%;} .main.main01 .left .item{color:#fff;font-size:12px;width:90%;margin:0 auto;padding:8px 0;} .main.main01 .left .item span.time{font-size:14px;} .main.main01 .left .item h3{padding:5px 0 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:32px;*height:19px;} .main.main01 .left .item h3 a{font-size:18px;color:#fff;} .main.main01 .left .item h3 a:hover{text-decoration:underline;} .main.main01 .left .item p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .main.main01 .left a.more{background:#fff;width:116px;height:33px;text-align:center;display:block;margin-top:15px;line-height:33px;margin-left:5%;font-weight:bold;color:#000;} .main.main01 .left a.more span{background:url(/uploads/image/phjimages/more_icon01.png) no-repeat right 6px;padding-right:25px;display:inline-block;} .main.main01 .left a.more:hover{color:#c00;} .main.main02 .left{background:url(/uploads/image/phjimages/index_bg01.gif) 0 0;float:left;position:relative;} .main.main02 .left .word{width:90%;margin:0 auto;position:absolute;left:5%;top:50%;margin-top:-105px;} .main.main02 .left .title{height:40px;line-height:40px;position:relative;font-size:24px;color:#000;} .main.main02 .left .title a{position:absolute;right:0;color:#000;font-weight:bold;background:url(/uploads/image/phjimages/more_icon01.png) no-repeat right center;padding-right:25px;font-size:14px;} .title i{height:2px;position:absolute;top:58%;margin-top:-1px;left:105px;right:95px;/*background:#999;*/} .title>.jp { width: 68%; left: 127px;} .main.main02 .left .content{height:170px;*height:150px;overflow:hidden;padding-top:15px;} .main.main02 .left .content li{float:left;width:48%;height:30px;line-height:30px;} .main.main02 .left .content li a{color:#000;overflow:hidden;height:30px;} .main.main02 .left .content li div{position:relative;padding-right:40px;height:30px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .main.main02 .left .content li a:hover{color:#c00; text-decoration:underline;} .main.main02 .left .content li .icon01{position:absolute;right:10px;top:50%;margin-top:-5px;} .link {padding:50px 0 70px;} .link .title{background:url(/uploads/image/phjimages/link_title02.gif) repeat-x 0 40px;text-align:center;} .link .title span{font-size:22px;color:#333;position:relative;display:inline-block;} .link .title span i{position:absolute;bottom:0;width:100%;left:0;height:30px;line-height:30px;z-index:2;font-style:normal;} .link ul.pc{padding-top:15px;margin:0;} .link li{float:left;width:14.285714%;text-align:center;} .link li div.par_01{margin:8px;text-align:center;} .link li div.par_01 div{height:65px;text-align:center;*display:table-cell;line-height:65px;width:100%;margin:0 auto;} .link li i{display:inline-block;vertical-align:middle;height:100%;width:0px;} .link ul li img{max-width:95%;max-height:65px;vertical-align:middle;margin:0 auto;} .donghua .main01 .left,.donghua .main02 .left{animation-name: fadeinleft; animation: fadeinleft 1s alternate; -moz-animation: fadeinleft 1s alternate; -webkit-animation:fadeinleft 1s alternate;animation-play-state:paused;} .donghua .main01 .right,.donghua .main02 .right{animation-name: fadeinright; animation: fadeinright 1s alternate; -moz-animation: fadeinright 1s alternate; -webkit-animation:fadeinright 1s alternate;animation-play-state:paused;position:relative;} .donghua .main .left.fadein,.donghua .main .right.fadein{animation-play-state:running;} .main03 > .content { -webkit-perspective:1300px; -o-perspective:1300px; -ms-perspective:1300px; perspective:1300px; -webkit-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; } .main03 .is_animated { -webkit-transition-duration:1.2s; -webkit-transition-property:-webkit-transform,opacity; -webkit-transition-delay:.15s; -webkit-transition-timing-function:'ease-in-out'; -moz-transition-duration:1.2s; -moz-transition-property:all; -moz-transition-delay:.15s; -moz-transition-timing-function:'ease-in-out'; -o-transition-duration:1.2s; -o-transition-property:transform,opacity; -o-transition-delay:.15s; -o-transition-timing-function:'ease-in-out'; -ms-transition-duration:1.2s; -ms-transition-property:transform,opacity; -ms-transition-delay:.15s; -ms-transition-timing-function:'ease-in-out'; transition-duration:1.2s; transition-property:transform,opacity; transition-delay:.15s; transition-timing-function:'ease-in-out'; -webkit-transform:rotatex(-80deg) translatez(0); -ms-transform:rotatex(-80deg) translatez(0); transform:rotatex(-80deg) translatez(0); -webkit-transform-origin:0 0 0; -ms-transform-origin:0 0 0; transform-origin:0 0 0; opacity:0 } .main03 .is_animated.fadein { -webkit-transform:rotatex(0) translatez(0); -ms-transform:rotatex(0) translatez(0); transform:rotatex(0) translatez(0); opacity:1 } @media screen and (max-width:1400px) { .slide .article{height:500px;} .pro_list{margin:0 20px -73px;} } @media screen and (max-width:1260px) { .pro_list{padding:25px 50px;margin:0 20px -73px;} .pro_list .owl-controls .owl-prev,.pro_list .owl-controls .owl-next{width:30px;height:30px;margin-top:-10px; background-size: auto 30px;} .pro_list .owl-controls .owl-prev{left:-35px;} .pro_list .owl-controls .owl-next{right:-35px; background-position:right 0;} .pro_list p{font-size:16px;} .pro_list .article{padding:0 10px;} .main.main01 .left .item p{height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .main.main01 .left .new{height:auto;top:50%;margin-top:-118px;} } @media screen and (max-width:1080px) { .slide .article{height:430px;} .main.main01 .left .item{padding:6px 0;} .main.main01 .left .item h3{height:30px;*height:17px;} .main.main01 .left .item h3 a{font-size:16px;} .main.main01 .left a.more{margin-top:8px;} .main.main01 .left .new{margin-top:-108px;} .main.main02 .left .word{margin-top:-85px;} .main.main02 .left .content{padding-top:5px;height:130px;} .main.main02 .left .content li,.main.main02 .left .content li div{height:24px;line-height:24px;} .main.main02 .left .content li a{height:24px;} .link li{float:left;width:25%;} } @media screen and (max-width:880px) { .slide .article{height:350px;} .slide .owl-controls .owl-dot span{width:10px;height:10px;margin:0 3px;} .slide .owl-controls{top:auto;bottom:15px;} .pro_list{padding:25px 20px;top:0px;margin:15px 0 0;} .main .left{position:relative;width:100%;top:0;margin:0 auto!important;float:none!important;} .main .right{float:none;width:100%;} .main .right .bg_img{display:none;} .main .right .img{position:relative;} .main .right .border{border:0px;border-top:15px solid #fff} .warper{padding:0;} .main.main01 .left{padding:15px 30px 30px;} .main.main01 .left .item{width:100%;padding:6px 0 15px;} .main.main01 .left a.more{margin-left:0;} .main.main01 .right .img{height:450px;} .main.main01 .left .item p{height:auto;white-space:inherit;text-overflow:initial;} .main.main02 .right .img{height:400px;} .main.main03 .right .img{height:450px;} .main.main02 .left .word,.main.main01 .left .new{position:relative;top:0;margin:0;padding:20px 0} .main.main02 .left .title i,.main.main02 .left .title a{display:none;} .main.main02 .left .content{padding-top:10px;height:160px;overflow:hidden;} .main.main02 .left .content li{height:30px;line-height:30px;} .main.main02 .left .content li a{height:30px;} .main.main03{background:none;} .main.main03 .left{position:relative;} .main.main03 .left .img{height:350px;position:relative;} .main.main03 .left .text{top:0;} .link {padding:40px 0 50px;} .link .title{background-position:0 33px;background-size: auto 3px;} .link .title span{font-size:18px;color:#333;position:relative;display:inline-block;} .link .title span img{width:136px;} .link .title span i{height:26px;line-height:26px;} } @media screen and (max-width:768px) { .slide .article{height:330px;} .pro_list p{font-size:14px;} .main.main01 .right .img{height:400px;} .main.main02 .right .img{height:350px;} .main.main03 .right .img{height:400px;} .main .right .text h3{mrgin-top:-18px;} .main .right .text span{font-size:24px;} .main.main03 .left .img{height:300px;} .link li div.par_01 div{height:55px;line-height:55px;} .link li div.par_01 div img{max-height:55px;} } @media screen and (max-width:640px) { .slide .article{height:250px;} .main.main01 .left a.more{display:none;} .main.main01 .left{padding:20px;} .main.main01 .left .item{padding:0;} .main.main01 .right .img{height:350px;} .main.main02 .right .img{height:300px;} .main.main03 .right .img{height:350px;} .main.main01 .left .item p{height:auto;white-space:inherit;text-overflow:initial;} .main.main01 .left .item h3{padding:8px 0 15px;height:40px;} .main.main03 .left .img{height:270px;} .link {padding:30px 0 40px;} .link li{float:left;width:33.3333%;} .link .pc{padding-top:8px;} } @media screen and (max-width:480px) { .slide .article{height:206px;} .pro_list{margin:10px 0 0;} .main.main01 .right .img{height:300px;} .main.main02 .right .img{height:270px;} .main.main03 .right .img{height:300px;} .main .right .text h3{mrgin-top:-16px;} .main .right .text span{font-size:21px;} .main.main02 .left .content li{float:none;width:100%;} .main.main03 .left .img{height:250px;} .link li div.par_01 div{height:48px;line-height:48px;} .link li div.par_01 div img{max-height:48px;} } @media screen and (max-width:420px) { .slide .article{height:180px;} .link li div.par_01 div{height:40px;line-height:40px;} .link li div.par_01 div img{max-height:40px;} } @media screen and (max-width:360px) { .slide .article{height:150px;} .main.main01 .right .img{height:250px;} .main.main02 .right .img{height:230px;} .main.main03 .right .img{height:250px;} .main.main03 .left .img{height:190px;} .link li div.par_01{margin:5px;} }