@charset "UTF-8";
/* 国际商标推广专题 */
.trademark_promotion.wrapper,.trademark_promotion .wrapper {width: 100%}
.trademark_promotion .container {width: 1200px;margin: 0 auto;}
.trademark_promotion .trademark_header {height: 105px;}
.trademark_promotion .trademark_header .logo{width: 322px;height: 62px;margin-top: 25px;}
.trademark_promotion .header_right {width: 750px;margin-top: 35px;}
.trademark_promotion .trademark_header .item {width: 145px;height: 40px;margin-left: 30px;}
.trademark_promotion .trademark_header .item>p {width: 100px;}
.trademark_promotion .trademark_header .item>.title {font-size: 16px;margin-top: -6px;font-weight: 600;}
.trademark_promotion .trademark_header .item>.text {font-size: 13px;}
.trademark_promotion .banner {position: relative;}
.trademark_promotion .banner .query{box-shadow: 0px 4px 16px 0px rgba(20, 24, 47, 0.24);position: absolute;left: 50%;bottom: -125px;z-index: 10;margin-left: -600px;height: 180px;background-color: #ffffff;box-sizing: border-box;padding: 30px 100px 10px;}
.trademark_promotion .banner .query .notice{font-size: 16px;font-weight: 600;}
.trademark_promotion .banner .query .query_form {height: 60px;margin: 15px 0 10px;}
.trademark_promotion .banner .query .query_form>input {width: 715px;height: 60px;float: left;box-sizing: border-box;padding: 20px;background-color: #eaeaea;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-size: 18px;}
.trademark_promotion .banner .query .query_form>a {display: inline-block;width: 285px;height: 60px;padding: 0;float: left;box-sizing: border-box;border-top-right-radius: 4px;border-bottom-right-radius: 4px;background-color: #ed1b24;font-size: 20px;color: #ffffff;cursor: pointer;line-height: 60px;text-align: center;}
.trademark_promotion .banner .query .query_form>a>i {display: inline-block;width: 17px;height: 20px;margin-right: 10px;background-image: url(../images/icon-query.png);background-repeat: no-repeat;vertical-align: middle;}
.trademark_promotion .banner .query .history {width: 1000px;height: 30px;overflow: hidden;position: relative;}
.trademark_promotion .banner .query .history ul{width: 100%;position: absolute;top: 0;}
.trademark_promotion .banner .query .history ul li{width: 50%;float: left;font-size: 14px;color: #898989;line-height: 30px;}
.trademark_promotion .trademark_area {padding-top: 135px;}
.trademark_promotion .slogan {padding: 30px 0;text-align: center;}
.trademark_promotion .slogan h4{font-size: 34px;letter-spacing: 2px;color: #252525;line-height: 45px;}
.trademark_promotion .slogan p{font-size: 16px;color: #363636;line-height: 35px;}
.trademark_promotion .trademark_area .data {padding: 40px 0;display: flex;border-bottom: 1px solid #eaecf4;background-color: #ffffff;}
.trademark_promotion .trademark_area .data .item{text-align: center;box-sizing: border-box;width: 25%;border: 1px solid #bebebe;border-width: 0 1px;}
.trademark_promotion .trademark_area .data .item:first-child{border-left: none;}
.trademark_promotion .trademark_area .data .item:last-child{border-right: none;}
.trademark_promotion .trademark_area .data .item>h4{box-sizing: border-box;color: #ed1b24;margin-bottom: 10px;margin-top: -10px;font-size: 34px;}
.trademark_promotion .trademark_area .data .item>h4>span {font-size: 28px;}
.trademark_promotion .trademark_area .data .item>p {font-size: 14px;color: #595959;}
.trademark_promotion .area .tab {display: flex;transition: all .3s;position: relative;background-color: #ffffff;}
.trademark_promotion .area .tab>li {float: left;}
.trademark_promotion .area .tab>p {position: absolute;top: 57px;left: 0;border-bottom: 1px solid #ff6767;overflow: hidden;text-align: center;transition: all .3s ease-out;width: 232.98px;}
.trademark_promotion .area .tab>li>a {display: block;padding: 15px 42px;color: #0c0c0c;font-size: 19px;font-weight: 600;text-align: center;}
.trademark_promotion .area .tab>li>a:hover,
.trademark_promotion .area .tab>li.active>a {color: #ff0000;}
.trademark_promotion .area .tab_content {width: 1200px;height: 610px;overflow: hidden;}
.trademark_promotion .area .tab_content .tab_box {padding: 25px 0;display: flex;width: 7200px;position: relative;left: 0;}
.trademark_promotion .area .tab_content .tab_box .tab_item {display: flex;justify-content: space-between;align-content: space-between;flex-wrap: wrap;width: 1200px;height: 560px;}
.trademark_promotion .area .tab_content .tab_box .tab_item .item {position: relative;width: 273px;height: 262px;box-sizing: border-box;}
.trademark_promotion .area .tab_content .tab_box .tab_item .item:hover .area_name{opacity: 0;}
.trademark_promotion .area .tab_content .tab_box .tab_item .item:hover .area_info{opacity: 1;}
.trademark_promotion .area .tab_content .tab_box .tab_item .item>img,
.trademark_promotion .area .tab_content .tab_box .tab_item .item>.area_name,
.trademark_promotion .area .tab_content .tab_box .tab_item .item>.area_info {position: absolute;width: 100%;height: 100%;background-color: rgba(50, 40, 155, 0.6);transition: all .3s;}
.trademark_promotion .area .tab_content .tab_box .tab_item .item>.area_name {cursor: default;line-height: 262px;font-size: 30px;text-align: center;color: #ffffff;box-sizing: border-box;padding: 0px 55px;}
.trademark_promotion .area .tab_content .tab_box .tab_item .item>.area_name>p {line-height: normal;margin-top: 91px;}
.trademark_promotion .area .tab_content .tab_box .tab_item .item>.area_info {opacity: 0;color: #ffffff;padding: 50px 37px;box-sizing: border-box;font-size: 18px}
.trademark_promotion .area .tab_content .tab_box .tab_item .item>.area_info>p {cursor: default;line-height: 40px;}
.trademark_promotion .area .tab_content .tab_box .tab_item .item>.area_info>a {display: inline-block;width: 155px;height: 27px;line-height: 27px;text-align: center;background-color: #ffffff;border-radius: 14px;color: #2958ab;margin: 20px 0 0 22px;}
.trademark_promotion .bg_white {background-color: #ffffff;}
.trademark_promotion .bg_grey {background-color: #eaecf4;}
.trademark_promotion .compare {padding: 30px 150px 0 105px;display: flex;justify-content: space-between;align-items: center;}
.trademark_promotion .compare .left_box {box-sizing: border-box;position: relative;width: 493px;height: 349px;border-radius: 20px;background-image: linear-gradient(0deg, #3a3fac 0%, #3390ee 100%), linear-gradient(#000000, #000000);padding: 54px 40px 0 40px;}
.trademark_promotion .compare .left_box>p {position: relative;line-height: 64px;font-size: 22px;color: #ffffff;padding: 0 20px;}
.trademark_promotion .compare .left_box>p::after {content: '';position: absolute;left: 0;bottom: -1px;background-image: url(../images/left-line.png);background-repeat: no-repeat;height: 1px;width: 100%;}
.trademark_promotion .compare .left_box>p>i {width: 22px;height: 22px;background-image: url(../images/y_ok.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;margin-right: 20px;margin-bottom: 3px;}
.trademark_promotion .compare .left_box>div {width: 296px;height: 50px;background-color: #0e90f8;border-radius: 10px;border: 6px solid #ffffff;position: absolute;left: 50%;top: 0;margin-left: -154px;margin-top: -31px;font-size: 24px;color: #ffffff;line-height: 50px;text-align: center;}
.trademark_promotion .compare .right_box {box-sizing: border-box;position: relative;width: 422px;height: 311px;border-radius: 20px;background-color: #d7dae4;padding: 54px 40px 0 40px;}
.trademark_promotion .compare .right_box>div {width: 252px;height: 50px;background-color: #d7dae4;border-radius: 10px;border: 5px solid #ffffff;position: absolute;left: 50%;top: 0;margin-left: -131px;margin-top: -30px;font-size: 22px;color: #555555;line-height: 50px;text-align: center;}
.trademark_promotion .compare .right_box>p {position: relative;line-height: 55px;font-size: 20px;color: #5f5f5f;padding: 0 20px;}
.trademark_promotion .compare .right_box>p::after {content: '';position: absolute;left: 0;bottom: -1px;background-image: url(../images/right-line.png);background-repeat: no-repeat;height: 1px;width: 100%;}
.trademark_promotion .compare .right_box>p>i {width: 19px;height: 19px;background-image: url(../images/g_ok.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;margin-right: 20px;margin-bottom: 3px;}
.trademark_promotion .learn_more {text-align: center;margin-top: 40px;margin-bottom: 40px;}
.trademark_promotion .learn_more>a {display: inline-block;width: 381px;height: 52px;line-height: 52px;font-size: 20px;color: #ffffff;background-color: #ed1b24;border-radius: 26px;}
.trademark_promotion .example {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 15px;}
.trademark_promotion .example .item {width: 260px;}
.trademark_promotion .example .item>img {width: 260px;height: 319px;}
.trademark_promotion .example .item>p {line-height: 65px;text-align: center;font-size: 20px;}
.trademark_promotion  .issue {background-image: url(../images/issue-bg.jpg);background-repeat: no-repeat;background-size: cover;height: 765px;margin-top: 65px;padding-top: 10px;}
.trademark_promotion  .dialogs {width: 485px;height: 485px;position: relative;left: 374px;top: 60px;text-align: center;background-image: url(../images/people-bg.png);background-repeat: no-repeat;background-size: contain;}
.trademark_promotion  .dialogs .important{color: #ed1b24;}
.trademark_promotion  .dialogs .btn{display: inline-block;width: 100px;height: 25px;background-color: #ed1b24;border-radius: 13px;text-align: center;line-height: 25px;font-size: 12px;margin-top: 10px;}
.trademark_promotion  .dialogs>div>a {color: inherit;cursor: pointer;}
.trademark_promotion .dialogs .dialog1{width:200px;height:83px;position:absolute;left:-150px;top:-15px;padding:22px 23px 0;font-size:18px;color:#404040;line-height:21px;box-sizing:border-box;background-repeat:no-repeat;background-image:url(../images/1.png);background-size:cover}
.trademark_promotion .dialogs .dialog2{width:222px;height:65px;position:absolute;left:-245px;top:105px;padding:23px 0 0 10px;color:#404040;font-size:14px;line-height:16px;box-sizing:border-box;background-repeat:no-repeat;background-image:url(../images/2.png);background-size:cover;}
.trademark_promotion .dialogs .dialog3{width:130px;height:66px;position:absolute;left:-155px;top:230px;padding:18px 10px 0 15px;color:#838383;font-size:14px;line-height:18px;box-sizing:border-box;background-repeat:no-repeat;background-image:url(../images/3.png);background-size:cover;}
.trademark_promotion .dialogs .dialog4{width:282px;height:104px;position:absolute;left:-225px;top:320px;padding:35px 50px 0;color:#404040;font-size:21px;line-height:21px;box-sizing:border-box;background-repeat:no-repeat;background-image:url(../images/4.png);background-size:cover;}
.trademark_promotion .dialogs .dialog5{width:126px;height:63px;position:absolute;left:5px;top:445px;padding:15px 0 0 7px;color:#838383;font-size:12px;line-height:16px;box-sizing:border-box;background-repeat:no-repeat;background-image:url(../images/5.png);background-size:cover;}
.trademark_promotion .dialogs .dialog6{width:203px;height:84px;position:absolute;left:325px;top:435px;padding:30px 20px 0;color:#434343;font-size:16px;line-height:18px;box-sizing:border-box;background-repeat:no-repeat;background-image:url(../images/6.png);background-size:cover;}
.trademark_promotion .dialogs .dialog7{width:166px;height:83px;position:absolute;left:433px;top:340px;padding:22px 0 0 10px;color:#838383;font-size:17px;line-height:18px;box-sizing:border-box;background-repeat:no-repeat;background-image:url(../images/7.png);background-size:cover;}
.trademark_promotion .dialogs .dialog8{width:217px;height:90px;position:absolute;left:530px;top:247px;padding:25px 0 0 5px;color:#404040;font-size:20px;line-height:18px;box-sizing:border-box;background-repeat:no-repeat;background-image:url(../images/8.png);background-size:cover;}
.trademark_promotion .dialogs .dialog9{width:224px;height:95px;position:absolute;left:480px;top:128px;padding:27px 20px 0;color:#838383;font-size:16px;line-height:20px;box-sizing:border-box;background-repeat:no-repeat;background-image:url(../images/9.png);background-size:cover;}
.trademark_promotion .dialogs .dialog10{width:348px;height:157px;position:absolute;left:370px;top:-60px;padding:38px 35px 0;color:#fff;font-size:18px;line-height:24px;box-sizing:border-box;background-repeat:no-repeat;background-image:url(../images/10.png);background-size:cover;}