
/*banner*/
.banner-tm{width: 100%;height: 490px;background: url(../images/banner.jpg) no-repeat center center;}
.banner-tm .banner-tm-txt{color: #fafbfd;font-size: 72px; text-align: center;padding:66px 0 30px 0;}
.banner-tm .banner-tm-word{color: #fafbfd;font-size: 30px; text-align: center;padding:0 0 38px 0;}
.banner-tm .banner-tm-text{color: #fafbfd;font-size: 18px; text-align: center;}

/*商标服务*/
.screen2-tm{background-color: #779bf5;}
.screen2-nav{width:236px;height: 268px;float:left;}
.screen2-cont{margin-bottom:24px;}
.title-bottom-tm{width: 254px;margin:0 auto;}
.screen2-tm-nav1 {background:url(../images/screen2_nav1.png)}
.screen2-tm-nav2 {background:url(../images/screen2_nav2.png)}
.screen2-tm-nav3 {background:url(../images/screen2_nav3.png)}
.screen2-tm-list{float:right;width: 852px;height: 268px;position: relative}

.screen2-tm-list li{float:left;background-color: #fff; cursor: pointer;
    width: 404px;height: 134px;padding-left:22px;transition: all .2s linear;}
.screen2-tm-list li:hover{
    box-shadow: 0 3px 10px rgba(68,66,154,0.15);
    -webkit-box-shadow: 0 3px 10px rgba(68,66,154,0.15);
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);}
.screen2-tm-list li .hot{width:44px;height:44px;position: absolute;top:0;right: -25px;background:url(../images/screen2_hot.png)}
.screen2-tm-list li .icon{width: 84px;height: 84px;background-color: #f5f5f5;border-radius: 5px;text-align: center;
    margin-top:25px;margin-right: 20px;}
.screen2-tm-list li .icon img{width: 55px;height: 55px;margin-top:15px;}
.screen2-tm-list li .con{position: relative;}
.screen2-tm-list li .con h2{color: #333333;font-size: 17px;font-weight: bold;padding:29px 0 8px 0;}
.screen2-tm-list li .con p{color: #b2b2b2;font-size: 12px;padding-bottom:16px;}
.screen2-tm-list li .con h3{color: #ff5b57;font-size: 18px;font-weight: bold;padding:6px 0 0 0;}
.screen2-tm-list li .con .button{width: 84px;height: 24px;line-height: 24px;text-align: center;border: 1px solid #e7ebe9;
    border-radius: 2px;color: #808080;font-size: 14px;}
.screen2-tm-list li:hover .button{background-color: #ff5b57;color: #fff;border:none;}
.screen2-tm-list li .bott{width:276px;}
.screen2-tm-list .line1,.screen2-tm-list .line2{width: 1px;height: 126px;display: block;position: absolute;border-left:1px dashed #e7ebe9;}
.screen2-tm-list .line1{top:10px;left: 426px;}
.screen2-tm-list .line2{bottom:10px;left: 426px;}
.screen2-tm-list .line3,.screen2-tm-list .line4{width: 407px;height: 1px;display: block;position: absolute;border-top:1px dashed #e7ebe9;}
.screen2-tm-list .line3{top:133px;left: 20px;}
.screen2-tm-list .line4{top:133px;right: 20px;}
/*套餐*/
.screen3-tm{width: 100%;height: 656px;background:#ffd48f;}
.screen3-tm .title{padding-top:60px;padding-bottom:40px;}
.title-bottom-tm1{width: 296px;margin:0 auto;}
.title-bottom-tm1 span{color: #9b9b9b;}
.screen3-con li{float:left;background-color: #fff;width: 358px;height: 420px;cursor: pointer;margin-right: 13px;
    position: relative;}
.screen3-con li:hover .taocan-title-con1 h2{color:#ff5b57;}
.screen3-con li:hover .taocan-title-con1 p{color:#ff5b57;}
.screen3-con li:hover .taocan-con-title span{color:#ff5b57;}

.screen3-con li:nth-child(3){margin-right: 0;}
.taocan-title{padding:50px 0;}
.taocan-title-con1{width: 212px;margin:0 auto;}
.taocan-title h2{font-size:22px; font-weight: bold;color: #353535;}
.taocan-line{ width: 2px;height: 19px; background-color: #ccc; margin:2px 8px;}
.taocan-title p{font-size:22px;color: #353535;}
.taocan-con-title1{margin-top:14px;text-align: center;}
.taocan-con-title2,.taocan-con-title3{margin-top:14px;}
.taocan-con-title1 span,.taocan-con-title2 span,.taocan-con-title3 span{font-size: 14px;color: #333;font-weight: bold;}
.taocan-con-title1 span:nth-child(2){padding: 0 20px;}
.taocan-con-title2 span:nth-child(1){padding:0 79px 0 59px;}
.taocan-con-title3 span:nth-child(1){padding: 0 28px 0 32px;}
.taocan-con-title3 span:nth-child(2){padding: 0 28px 0 0px;}
.taocan-word{color: #999;font-size: 12px;margin:54px 0 10px 0;text-align: center;}
.taocan-txt{color: #999;font-size: 12px;text-align: center;}
.taocan-block{position:absolute;bottom:0;left:0;width: 100%;height: 82px;background-color: #fc864b;}
.taocan-price{line-height: 82px; color: #fff;font-size: 18px;margin-left:20px;}
.taocan-btn{width: 110px;height: 32px;color: #fff;font-size: 14px;border:1px solid #fff;
    text-align: center;line-height: 32px;border-radius: 3px;margin-top: 25px;margin-right: 20px;}
.taocan-btn-sb1{width: 110px;height: 32px;color: #fff;font-size: 14px;border:1px solid #fff;
    text-align: center;line-height: 32px;border-radius: 3px;position: absolute;
    left:50%;top:50%;margin-top:-16px;margin-left:-55px;}
.taocan-btn:hover{background-color: #fff;border:1px solid rgba(255,255,255,0);color: #ff5b57;}
.taocan-content1{ width:271px;height: 44px;margin:0 auto;background:url(../images/screen3_icon1.png) no-repeat;}
.taocan-content2{width:186px;height: 42px;margin:0 auto;background:url(../images/screen3_icon2.png) no-repeat;}
.taocan-content3{width:264px;height: 43px;margin:0 auto;background:url(../images/screen3_icon3.png) no-repeat;}

/*商标注册流程*/
.screen4-tm{width: 100%;height: 593px;background-color: #f5f5fa;}
.screen4-tm .title{padding-top:60px;padding-bottom:40px;}
.title-bottom-tm2{width: 384px;margin:0 auto;}
.screen4-con{width: 100%;height: 356px;background-color: #fff;border-radius: 5px;box-shadow: 0 3px 10px rgb(232,231,243);
    overflow: hidden;}
.screen4-bg{width:832px;height:184px;background:url(../images/screen4_bg1.png) no-repeat;
    margin:60px auto;}
.screen4-bg ul{width:900px;height:234px;margin: 0 auto; }
.screen4-bg li{float:left;text-align: center;}
.screen4-bg li:nth-child(1){width: 136px;margin-right: 116px;margin-left:-33px;}
.screen4-bg li:nth-child(2){width: 136px;margin-right: 100px;}
.screen4-bg li:nth-child(3){width: 170px;margin-right: 90px;}
.screen4-bg li:nth-child(4){width: 152px;}
.screen4-bg li h2{color:#666;font-size: 16px;font-weight:bold;padding: 168px 0 18px 0;}
.screen4-bg li .txt{padding-bottom: 8px;}

/*商标注册流程*/
.screen8-tm{width: 100%;height: 620px;background-color: #f5f5fa;}
.screen8-tm .title{padding-top:60px;padding-bottom:40px;}
.title-bottom-tm3{width: 454px;margin:0 auto;}
.screen8-con li{width: 266px;height: 194px;background: #fff; margin-right: 12px;margin-bottom: 12px;
    position: relative;cursor: pointer;float:left;}
.screen8-con li:nth-child(4),.screen8-con li:nth-child(8){margin-right: 0;}
.screen8-con .top .txt{padding-left:20px;}
.screen8-con .top .txt p:nth-child(1){padding-top:30px;padding-bottom:8px;color:#333333;font-size:18px;font-weight:bold;}
.screen8-con .top .txt p:nth-child(2){color:#333333;font-size:16px;}

.screen8-con .top .screen8-logo{margin:34px 20px 0 0;}
.screen8-con li .bottom{position: absolute;bottom: 0;left: 0;width:calc(100% - 20px);height: 72px;
    border-top: 1px solid #f0f0f5; line-height: 72px;padding-left:20px;}
.screen8-con li .bottom p{font-size:22px;color: #ff5b57;}
.screen8-con li .bottom div{font-size:14px;color: #808080;width: 100px;height: 32px;text-align: center;
    line-height: 32px;border: 1px solid #ebebeb;margin:20px 20px 0 0;border-radius: 3px;background-color:#fff; }
.screen8-con li:hover .bottom{border-top: 1px solid #fc864b;background-color: #fc864b;}
.screen8-con li:hover .bottom p{color: #fff;}
.screen8-con li:hover .bottom div{border: 1px solid rgba(0,0,0,0);color:#ff5b57;background-color:#fff;}
/*团队*/
.title-bottom-tm4{width: 318px;margin:0 auto;}
.screen5-tm{height: 782px;}
.screen5-word{margin-top:-5px;margin-bottom:35px;}
.screen5-word p{text-align: center;line-height: 22px;font-size:12px;color:#c0c0c4;}
.screen5-li .people-img{width: 100%;}

/*众多机构*/
.screen6-tm {
    background-image: url(../images/screen6_bg.jpg);
}
/*荣誉资质*/
.title-bottom-zl3{width: 490px;margin:0 auto;}
.screen7{width: 100%;height: 630px;background-color:#f5f5fa;position: relative;}
.screen7-con{position: relative;}
.screen7-enlarge{position: relative;}
.screen7-con-big{height: 286px;}
.screen7-con-big li{width: 396px;height: 100%;}
.screen7-con-big li.sm{width: 219px;height: 100%;}
.screen7-con-big li .h{width: 100%;height: 100%}
.screen7-con-sm li{float:left;height: 45px;margin-right: 9px;}
.screen7-con-sm {width: 1084px;margin-top:24px; margin-bottom:16px;margin-left:calc(50% - 542px);}
.screen7-con-sm .swiper-pagination-bullet{margin-right: 6px;border:3px solid #f5f5fa;outline:none;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(16){margin-right: 0;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(1){width:61px;height: 45px;background: url(../images/screen7_img1.jpg) no-repeat; no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(2){width:61px;height: 45px;background: url(../images/screen7_img2.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(3){width:33px;height: 45px;background: url(../images/screen7_img3.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(4){width:61px;height: 45px;background: url(../images/screen7_img4.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(5){width:61px;height: 45px;background: url(../images/screen7_img5.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(6){width:61px;height: 45px;background: url(../images/screen7_img6.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(7){width:66px;height: 45px;background: url(../images/screen7_img7.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(8){width:61px;height: 45px;background: url(../images/screen7_img8.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(9){width:61px;height: 45px;background: url(../images/screen7_img9.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(10){width:61px;height: 45px;background: url(../images/screen7_img10.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(11){width:33px;height: 45px;background: url(../images/screen7_img11.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(12){width:61px;height: 45px;background: url(../images/screen7_img12.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(13){width:61px;height: 45px;background: url(../images/screen7_img13.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(14){width:33px;height: 45px;background: url(../images/screen7_img14.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(15){width:61px;height: 45px;background: url(../images/screen7_img15.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-con-sm .swiper-pagination-bullet:nth-child(16){width:61px;height: 45px;background: url(../images/screen7_img16.jpg) no-repeat;border-radius: 0;background-size: 100%;opacity: 1;}
.screen7-line {width: 1078px;height: 6px;background-color: #eae9e7;border-radius:3px;position: absolute;bottom:-100px;left:50%;margin-left:-539px;}
.screen7-line .cur{display: block;width: 60px;height: 6px;background-color: #4d4d4c;border-radius: 6px;position: absolute;top:0;left:0px;}
.screen7-con .swiper-slide:not(.swiper-slide-active){
    transform: scale(0.9);
}
/*参观调研*/
.screen12-tm{width: 100%;height: 637px;background-color: #e6e6ed;}

/*他们都选择知呱呱*/
.screen11-cont{width: 1100px;height: 210px;margin:0 auto;
    background:url(../images/screen10_bg1.png)}













