/* 
    author:PengJin;
    date:2020-07-15;
*/


/*--public--*/
.wrapper{margin:0 auto;width:1010px;}
.wrap-title{margin-bottom:40px;text-align:center;overflow:hidden;}
.wrap-title h2{line-height:60px;font-weight:normal;font-size:47.5px;color:#000;}
.wrap-title h2 span{color:#ff5b00;}
.wrap-title p{margin-top:6px;line-height:25px;font-size:16px;color:#000;}
.wrap-title i{position:relative;display:block;margin:22px auto 0;width:70px;height:1px;}
.wrap-title i:after,.wrap-title i:before{display:block;position:absolute;top:0;height:1px;content:"";}
.wrap-title i:after{left:0;width:7px;background:#fe5b00;}
.wrap-title i:before{right:0;width:60px;background:#b8b8b8;}
/*--end public--*/

/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;height:600px;overflow:hidden;}
.banner .hd{position:absolute;z-index:333;left:0;bottom:30px;width:100%;height:40px;text-align:center;}
.banner .hd li{display:inline-block;margin:0 8px;width:20px;height:20px;line-height:20px;font-size:10px;color:#fff;cursor:pointer;background:#333;transition:all 0.5s;}
.banner .hd li.cur{background:#ff5b00;}
.banner .bd li{width:100%;height:600px;}
.banner .bd li a{display:block;width:100%;height:600px;background-repeat:no-repeat;background-position:center;}
/* --end banner-- */

/*--seo-page-one--*/
.seo-page-one{padding:50px 0;overflow:hidden;background:url(Img/Seo/seo_one_bg.jpg) no-repeat center bottom;}
.seo-page-one .inner{position:relative;height:440px;}
.seo-page-one .item{position:absolute;top:50%;left:50%;padding:40px 30px;width:206px;height:206px;text-align:center;background:#fff;border-radius:50%;box-shadow:0 10px 20px rgba(0,0,0,0.15);box-sizing:border-box;transform:translate(-50%,-50%);transition:all 1s linear;}
.seo-page-one .item:after{display:block;position:absolute;top:45px;right:12px;width:8px;height:8px;content:"";background:#ff5b02;border-radius:50%;}
.seo-page-one .item h3{font-size:24px;color:#ff5b00;}
.seo-page-one .item p{margin-top:5px;font-size:18px;color:#000;line-height:28px;}
.seo-page-one.active .item{transform:translate(-50%,-50%);}
.seo-page-one.active .item-1{z-index:2;top:60px;left:0;}
.seo-page-one.active .item-2{z-index:1;top:208px;left: 190px;}
.seo-page-one.active .item-3{z-index:3;top:82px;left: 658px;}
.seo-page-one.active .item-4{z-index:4;top: 260px;left: 800px;}
.seo-page-one.active .item-5{z-index:5;top: 32px;left: 900px;}
/*--end seo-page-one--*/

/*--seo-page-two--*/
.seo-page-two{padding:60px 0;overflow:hidden;background:#fff;}
.seo-page-two .inner{overflow:hidden;}
.seo-page-two .item{float:left;margin:0 0.5%;width:24%;text-align:center;overflow:hidden;opacity:0;transform:translateY(100%);}
.seo-page-two .item i{display:block;overflow:hidden;}
.seo-page-two .item i img{display:block;width:100%;}
.seo-page-two .item h3{margin-top:20px;height:40px;line-height:40px;font-weight:bold;font-size:26px;color:#ff5b02;}
.seo-page-two .item p{margin-top:10px;height:104px;line-height:26px;font-size:14px;color:#333;}
.seo-page-two .item-1{transition:all 0.5s linear;}
.seo-page-two .item-2{transition:all 1s linear;}
.seo-page-two .item-3{transition:all 1.5s linear;}
.seo-page-two .item-4{transition:all 2s linear;}
.seo-page-two.active .item{opacity:1;transform:translateY(0);}
/*--end seo-page-two--*/

/*--ad--*/
.ad{padding:30px 0;height:112px;overflow:hidden;background:url(Img/Seo/seo_ad_bg.jpg) no-repeat center;}
.ad p{line-height:32px;font-size:18px;color:#fff;}
.ad h3{height:38px;line-height:38px;overflow:hidden;}
.ad h3 span{font-weight:bold;font-size:24px;color:#fff;}
.ad h3 a{display:block;float:right;padding-left:19px;width:270px;height:38px;font-size:18px;font-weight:normal;color:#666;background:url(Img/Seo/ad_submit.png) no-repeat;}
.ad h3 a:hover{text-decoration:none;color:#fa6009;}
/*--ed ad--*/

/*--seo-page-three--*/
.seo-page-three{padding:60px 0;overflow:hidden;background:#ededed;}
.seo-page-three .item{margin-top:26px;height:390px;overflow:hidden;background:#fff;}
.seo-page-three .item:nth-child(odd) .pic{float:left;transform:translateX(-100%);transition:all 1s linear;}
.seo-page-three .item:nth-child(even) .pic{float:right;transform:translateX(100%);transition:all 1s linear;}
.seo-page-three .item .pic{width:364px;height:390px;overflow:hidden;}
.seo-page-three .item .pic img{display:block;width:100%;}
.seo-page-three .item .text{position:relative;padding:30px;height:330px;overflow:hidden;}
.seo-page-three .item .text .hd{position:relative;padding-left:20px;height:100px;overflow:hidden;}
.seo-page-three .item .text .hd h3{position:absolute;top:0;left:20px;width:100%;line-height:100px;z-index:3;font-size:42px;font-weight:normal;color:#f45801;}
.seo-page-three .item .text .hd p{position:relative;z-index:1;line-height:50px;font-size:60px;font-family:"DIN Medium";text-transform:uppercase;color:#e9e9e9;}
.seo-page-three .item .text .bd{padding-top:50px;overflow:hidden;}
.seo-page-three .item .text .bd p{position:relative;padding-left:20px;line-height:32px;font-size:16px;color:#666;}
.seo-page-three .item .text .bd p:before{display:block;position:absolute;left:0;top:13px;width:6px;height:6px;content:"";background:#666;border-radius:50%;}
.seo-page-three .item .text:after{display:block;position:absolute;left:56px;bottom:36px;width:40px;height:2px;content:"";background:#333;}
.seo-page-three.active .item .pic{transform:translateX(0);}
/*--end seo-page-three--*/

/*--seo-page-four--*/
.seo-page-four{padding:60px 0;overflow:hidden;background:url(Img/Seo/seo_five_bg.png);}
.seo-page-four .list{overflow:hidden;}
.seo-page-four .item{position:relative;float:left;margin:0 0.5%;padding-top:40px;width:19%;height:314px;overflow:hidden;transform:translateX(200%);transition:all 1s linear;}
.seo-page-four .icon{position:absolute;top:0;left:50%;margin-left:-40px;width:81px;height:81px;border-radius:50%;background:#f45801;transition:all 0.5s;}
.seo-page-four .icon img{display:block;width:81px;height:81px;filter:contrast(0) brightness(2);}
.seo-page-four .text{padding:60px 0px 20px;height:230px;text-align:center;overflow:hidden;background:#fff;border-radius:5px;transition:all 0.5s;}
.seo-page-four .text .hd{overflow:hidden;}
.seo-page-four .text .hd h3{height:28px;line-height:28px;font-weight:bold;font-size:22px;color:#333;}
.seo-page-four .text .hd em{display:block;margin-top:4px;font-size:8px;color:#a2a2a2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.seo-page-four .text .bd{padding-top:16px;overflow:hidden;}
.seo-page-four .text .bd p{height:24px;line-height:24px;font-size:13px;color:#4d4d4d;}
.seo-page-four .item:hover .icon{background:#fff;transform:rotate(360deg);}
.seo-page-four .item:hover .icon img{filter:none;}
.seo-page-four .item:hover .text{background:#f45801;}
.seo-page-four .item:hover .text *{color:#fff;}
.seo-page-four .item-1{transition:all 0.5s linear;}
.seo-page-four .item-2{transition:all 1s linear;}
.seo-page-four .item-3{transition:all 1.5s linear;}
.seo-page-four .item-4{transition:all 2s linear;}
.seo-page-four .item-5{transition:all 2.5s linear;}
.seo-page-four.active .item{transform:translateX(0);}
/*--end seo-page-four--*/

/*--case--*/
.case{padding:60px 0;overflow:hidden;background:#fff;}
.case-list{width:1060px;overflow:hidden;}
.case-list .item{float:left;margin-right:40px;margin-bottom:20px;width:306px;overflow:hidden;}
.case-list .pic{height:166px;overflow:hidden;}
.case-list .pic img{display:block;width:100%;transition:all 0.5s;}
.case-list .text{padding-top:10px;overflow:hidden;}
.case-list .text h3{margin-bottom:10px;height:24px;line-height:24px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-list .text h3 a{color:#000;}
.case-list .text p{color:#666;font-size:12px;color:#333; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.case-list .item:hover .pic img{transform:scale(1.1);}
.case-list .item:hover .text h3 a{text-decoration:none;color:#f45801;}
/*--end case--*/

/*--ad02--*/
.ad02{padding:30px 0;height:112px;text-align:center;overflow:hidden;background:url(Img/Seo/seo_five_bg.png);}
.ad02 h2{text-align:center;font-size:27px;color:#333;}
.ad02 h2 span{color:#f45801;}
.ad02 a{display:block;margin:15px auto 0;width:198px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#fff;background:#ff5b00;border-radius:24px;}
.ad02 a:after{display:inline-block;margin-left:10px;width:28px;height:28px;content:"";vertical-align:middle;background:url(Img/Seo/zx_icon.png) no-repeat;}
.ad02 a:hover{font-weight:bold;text-decoration:none;}
/*--ed ad02--*/