﻿
/* 标题 */
.index-title{text-align: center;margin-bottom: 40px;}
.index-title h1{font-size: 28px;line-height: 28px; color: #000;opacity: .4;margin-bottom: 20px;font-weight: bold;}
.index-title h1 a{color: #000;}
.index-title p{font-size: 30px;line-height: 30px; color: #f26722;font-weight: bold;}
.index-title p a{color: #f26722;}
@media(max-width:1600px){
    .index-title h1{font-size: 26px;line-height: 26px;}
    .index-title p{font-size: 28px;line-height: 28px;}
    .index-title{margin-bottom: 38px;}
}
@media(max-width:1500px){
    .index-title h1{font-size: 24px;line-height: 24px;margin-bottom: 18px;}
    .index-title p{font-size: 26px;line-height: 26px;}
    .index-title{margin-bottom: 35px;}
}
@media(max-width:1400px){
    .index-title h1{font-size: 22px;line-height: 22px;margin-bottom: 15px;}
    .index-title p{font-size: 24px;line-height: 24px;}
    .index-title{margin-bottom: 33px;}
}
@media(max-width:1300px){
    .index-title h1{font-size: 20px;line-height: 20px;}
    .index-title p{font-size: 22px;line-height: 22px;}
    .index-title{margin-bottom: 30px;}
}
@media(max-width:1200px){
    .index-title h1{font-size: 18px;line-height: 18px;margin-bottom: 13px;}
    .index-title p{font-size: 20px;line-height: 20px;}
}


/* 关于 */
.index01-container{display: flex;flex-wrap: wrap;justify-content: space-between;background: #f6f6f6;}
.index01-left{display: flex;align-items: center;justify-content: flex-end; width: 38.54%; background: linear-gradient(to right,#fd5b4f,#f26722); border-top-right-radius: 120px;border-bottom-right-radius: 120px;  }
.index01-right{width: 54.58%;padding: 3% 0;}
.index01-right>div{padding-right: 30%;}
.index01-right>div p{font-size: 17px;line-height: 32px;color: #222;}
.index01-left>div {padding-right: 8%;}
.index01-left>div .index-title{text-align: left;}
.index01-left>div .index-title h1{color: #fff;opacity: .4;}
.index01-left>div .index-title p{color: #fff;}
.index01-more a{font-size: 14px;color: #fff;}

@media(max-width:1600px){
    .index01-right>div p{font-size: 16px;line-height: 32px;}
    .index01-left>div {padding-right: 20%;}
    .index01-right>div{padding-right: 15%;}
}
@media(max-width:1400px){
    .index01-right>div p{font-size: 15px;line-height: 30px;}
}
@media(max-width:1300px){
    .index01-right>div p{font-size: 14px;line-height: 28px;}
}
@media(max-width:1200px){
    .index01-right>div p{font-size: 13px;line-height: 26px;}
}
@media(max-width:960px){
    .index01-container{padding: 5% 3%;}
    .index01-left{background: none;width:100%;justify-content: center;}
    .index01-right{background: none;width:100%}
    .index01-left>div .index-title,.index01-more{text-align: center;}
    .index01-left>div,.index01-right>div{padding: 0;}
    .index01-left>div .index-title h1{color: #000;}
    .index01-left>div .index-title p{color: #f26722;}
    .index01-more a{color: #666;}
}
@media(max-width:760px){
    .index01-container{padding: 10% 3% 8%;}
}


/* 业务范围 */
.index02{padding: 5% 0;}
.index02 .owl-carousel .owl-stage-outer{padding: 0 15px 30px; width: 100%;margin-left: -15px;}
.index02 .item-img{width: 100%;padding-bottom:66.6%;position: relative;}
.index02 .item-img a{position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 100%;overflow: hidden;}
.index02 .item-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index02 .item:hover .item-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.index02 .item{background: #f6f6f6;}
.index02 .item-txt{padding: 5%;}
.index02 .item-txt h1 a{display: block;font-size: 20px;color: #222;margin-bottom:5%; font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index02 .item-txt p{font-size: 14px;padding-bottom: 6%;margin-bottom: 6%; border-bottom: 1px solid #ddd; color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index02 .item-txt>a{display: block;font-size: 14px;color: #999;background: url(../img/index02-arrow.png) no-repeat center right;background-size: 15px;}
.index02 .item:hover{background: #fff;box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);}
.index02 .item:hover .item-txt h1 a{color: #f26722;}
.index02 .item:hover .item-txt>a{color: #f26722;background: url(../img/index02-arrow-hover.png) no-repeat center right;background-size: 15px;;}
@media(max-width:1600px){
    .index02 .item-txt h1 a{font-size: 19px;}
}
@media(max-width:1500px){
    .index02 .item-txt h1 a{font-size: 18px;}
    .index02 .item-txt p,.index02 .item-txt>a{font-size: 13px;}
    .index02 .item-txt>a,.index02 .item:hover .item-txt>a{background-size: 13px;}
}
@media(max-width:1400px){
    .index02 .item-txt h1 a{font-size: 17px;}
}
@media(max-width:1300px){
    .index02 .item-txt h1 a{font-size: 16px;}
    .index02 .item-txt p,.index02 .item-txt>a{font-size: 12px;}
    .index02 .item-txt>a,.index02 .item:hover .item-txt>a{background-size: 11px;}
}
@media(max-width:1200px){
    .index02{padding: 5% 6%;}
    .index02 .item-txt h1 a{font-size: 15px;}
}
@media(max-width:960px){
    .index02 .item-txt h1 a{font-size: 14px;}
}
@media(max-width:760px){
    .index02{padding: 8% 6%;}
}
@media(max-width:580px){
    .index02{padding: 8% 12%;}
}

/*第三部分 */
.index03{margin-bottom: 5%;margin-top: 5%;}
.index03-list ul li{padding: 4% 0;}
/*.index03-list ul li:nth-child(odd){background: #f6f6f6;}*/
.index03-list ul li>div{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.index03-list ul li:nth-child(even)>div{flex-direction: row-reverse;}
.index03-list ul li .list-left{width: 50%;}
.index03-list ul li .list-img{width: 100%;padding-bottom: 67.18%;position: relative;}
.index03-list ul li .list-img a{position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 100%;overflow: hidden;}
.index03-list ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index03-list ul li .list-img:hover  a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.index03-list ul li .list-right{width: 50%;box-sizing: border-box;padding: 0 6.5%;}
.index03-list ul li .index-title{text-align: left;}
.index03-list ul li .list-txt p{font-size: 14px;line-height: 30px;color: #666;}
@media(max-width:1600px){
    
}
@media(max-width:1400px){
    .index03-list ul li .list-txt p{font-size: 13px;line-height: 28px;}
}
@media(max-width:1200px){
    
}
@media(max-width:960px){
    .index03-list ul li .list-txt p{font-size: 12px;line-height: 26px;}
}
@media(max-width:760px){
    .index03{margin-bottom: 8%;}
    .index03-list ul li .list-left{width: 100%;}
    .index03-list ul li .list-right{width: 100%;padding: 5% 5% 0;}
}

/* 最新资讯 */
.index04{padding: 3% 0;background: url(../img/index04-bg.jpg) no-repeat;background-size: cover;background-position: center ;}
.index04-content{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index04-left{display: inline-block;width: 50%;box-sizing: border-box;}
.index04-right{width: 45%;}
.index04 .list-img{display: inline-block;width: 100%;padding-bottom: 55.5%;position: relative;margin-bottom: 4%;}
.index04 .list-img a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position:absolute;top: 0;left: 0;overflow: hidden;}
.index04 .list-img a img{ display: inline-block; max-width: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.index04 .index04-left:hover .list-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.index04-right ul li{display: flex;justify-content: space-between;box-sizing: border-box;border-bottom: 1px solid #dddddd;padding: 2% 0 2.5%;margin-bottom: 5%;}
.index04-right ul li:last-child{margin-bottom: 0;}
.list-bottom {display: flex;justify-content: space-between;box-sizing: border-box;}
.index04 .index04-left .list-left{display: inline-block;width: calc(95% - 90px);}
.index04 .index04-left .list-right{text-align: right; display: inline-block;width:90px;}
.index04 .list-right span{display: inline-block;font-size: 30px;color: #999;}
.index04 .list-right p{font-size: 14px;color: #999;}
.index04 .list-txt h1 a{display: block;font-size: 20px;color: #000;font-weight: normal;}
.index04 .list-txt h1{padding-right: 15%;}
.index04 .list-txt p{margin-top: 2.5%;font-size: 14px;color: #666;line-height: 30px;}
.index04 .list-txt p a{text-align: right; display: block;font-size: 14px;line-height: 30px;color: #666;padding-right: 3%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index04 .index04-left:hover .list-txt h1 a{color: #f26721;}
.index04 .index04-right ul li:hover .list-txt h1 a{color: #f26721;}
.index04 .list-txt h1 a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index04 .list-txt h1 a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index04 .index04-right ul li:hover .list-txt h1:after{background: #f26721;}
.index04-right ul li:hover{border-bottom: 1px solid #f26721;}
.index04  .index04-right .list-txt p{display: flex;justify-content: space-between;align-items: center;}
.index04  .index04-right .list-txt p a{width: 50%;font-size: 14px;color: #999;}
.index04  .index04-right .list-txt p a:nth-child(2){text-align: right;}
.index04  .index04-right .list-left{width: 100%;}
.index04  .index04-right ul li:hover .list-txt p a:nth-child(2){color: #f26722;}
.index04  .index04-left .list-txt p a{text-align: left;}
@media(max-width:1600px){
    .index04 .list-txt h1 a{font-size: 19px;}
    .index04 .list-right span{font-size: 28px;}
}
@media(max-width:1500px){
    .index04 .list-txt h1 a{font-size: 18px;}
    .index04 .list-right span{font-size: 26px;}
    .index04 .list-txt p a{font-size: 13px;line-height: 28px;}
    .index04 .list-txt p{font-size: 13px;line-height: 28px;}
    .index04 .index04-right .list-txt p a{font-size: 13px;}
}
@media(max-width:1400px){
    .index04 .list-txt h1 a{font-size: 17px;}
    .index04 .list-right span{font-size: 24px;}
}
@media(max-width:1300px){
    .index04 .list-txt h1 a{font-size: 16px;}
    .index04 .list-right span{font-size: 22px;}
    .index04 .list-txt p a{font-size: 12px;line-height: 26px;}
    .index04 .list-txt p{font-size: 12px;line-height: 26px;margin-top: 5px;}
    .index04 .index04-right .list-txt p a{font-size: 12px;}
}
@media(max-width:1200px){
    .index04 .list-txt h1 a{font-size: 15px;}
    .index04 .list-right span{font-size: 20px;}
}
@media(max-width:960px){
    .index04 .list-txt h1 a{font-size: 14px;}
}
@media(max-width:760px){
    .index04 .index04-right .list-txt p{line-height: normal;}
    .index04{padding: 8% 0;}
    .index04-left{width: 100%;margin-bottom: 5%;}
    .index04-right{width: 100%;}
}

/* 知产在线 */
.index05{padding: 5% 0 7% 0;}
.index05 .item-img{width: 100%;padding-bottom:67.24%;position: relative;}
.index05 .item-img a{position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 100%;overflow: hidden;}
.index05 .item-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index05 .item:hover .item-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.index05 .item-txt{padding: 5% 0;}
.index05 .item-txt h1 a{padding: 3% 0 6%;margin-bottom: 3%; border-bottom: 1px solid #ddd; display: block;font-size: 16px;color: #222;margin-bottom:5%; font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index05 .item-txt>a{display: block;font-size: 14px;color: #999;background: url(../img/index02-arrow.png) no-repeat center right;background-size: 15px;}
.index05 .item:hover{}
.index05 .item:hover .item-txt h1 a{color: #f26722;}
.index05 .item:hover .item-txt>a{color: #f26722;background: url(../img/index02-arrow-hover.png) no-repeat center right;background-size: 15px;;}
@media(max-width:1600px){

}
@media(max-width:1500px){
    .index05 .item-txt h1 a{font-size: 15px;}
}
@media(max-width:1400px){
    .index05 .item-txt>a{font-size: 13px;}
    .index05 .item-txt>a,.index05 .item:hover .item-txt>a{background-size: 13px;}
}
@media(max-width:1300px){
    .index05 .item-txt h1 a{font-size: 14px;}
}
@media(max-width:1200px){
    .index05-lbt{padding: 0 6%;}
    .index05 .item-txt>a{font-size: 12px;}
    .index05 .item-txt>a,.index05 .item:hover .item-txt>a{background-size: 11px;}
}
@media(max-width:760px){
    .index05{padding:8% 0;}
}
@media(max-width:580px){
    .index05-lbt{padding: 0 10%;}
}

/* 服务流程 */
.index06-top{position: relative;z-index: 1;}
.index06-top-content{box-sizing: border-box; max-width: 840px;margin: 0 auto;padding: 5% 6%;box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);background: #fff;}
.index06-txt p{font-size: 14px;line-height: 30px;color: #666;text-align: center;}
.indx06-lbt {background: #f8f8f8;padding: 7% 0 6%;margin-top: -2.5%;}
.indx06-lbt  .owl-carousel .owl-item img{width: auto;display: inline-block;}
.indx06-lbt .item{text-align: center;}
.indx06-lbt .item-icon img{ display: inline-block; width: 80px !important; margin-bottom: 20px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.indx06-lbt .item-num {margin-bottom: 20px;}
.indx06-lbt .item-num span{position: relative; font-size: 14px;color: #fff;line-height: 30px; display: inline-block; width: 30px; height: 30px; background: #f26722; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.indx06-lbt .item-num span:after{content: "";position: absolute;top: -30px;left: 50%; height: 30px;width: 1px;background: #f26722;}
.indx06-lbt .owl-carousel{background: url(../img/index06-line.jpg) repeat-x top 115px center;}
.indx06-lbt .item-txt p{font-size: 16px;line-height: 30px;color: #222;padding: 0 10px;}
@media(max-width:1600px){
    .indx06-lbt .item-txt p{font-size: 15px;line-height: 28px;}
    .indx06-lbt .item-icon img{width: 75px !important;}
    .indx06-lbt .owl-carousel {
        background: url(../img/index06-line.jpg) repeat-x top 110px center;
    }
}
@media(max-width:1500px){
    .indx06-lbt .item-txt p{font-size: 14px;line-height: 27px;}
    .indx06-lbt .item-icon img{width: 70px !important;}
    .indx06-lbt .owl-carousel {
        background: url(../img/index06-line.jpg) repeat-x top 105px center;
    }
}
@media(max-width:1400px){
    .index06-txt p{font-size: 13px;line-height: 28px;}
    .indx06-lbt .item-txt p{font-size: 16px;line-height: 26px;}
    .indx06-lbt .item-icon img{width: 65px !important;}
    .indx06-lbt .owl-carousel {
        background: url(../img/index06-line.jpg) repeat-x top 100px center;
    }
}
@media(max-width:1300px){
    .indx06-lbt .item-txt p{font-size: 13px;line-height: 25px;}
    .indx06-lbt .item-icon img{width: 60px !important;}
    .indx06-lbt .owl-carousel {
        background: url(../img/index06-line.jpg) repeat-x top 90px center;
    }
    .indx06-lbt .item-num span{width: 25px;height: 25px;line-height: 25px;font-size: 12px;}
}
@media(max-width:1200px){
    .index06-txt p{font-size: 12px;line-height: 26px;}
    .indx06-lbt .item-txt p{font-size: 13px;line-height: 24px;}
}
@media(max-width:960px){
    .index06-top-content{margin: 0 10%;}
    .indx06-lbt .item-txt p{font-size: 12px;line-height: 22px;}
}
@media(max-width:760px){
    .indx06-lbt{padding: 14% 0 10%;margin-top: -5%;}
    .index06-top-content{padding: 8% 6%;}
}



