.header_logo_lb { width: 100%; position: fixed; z-index: 999; top: 0; background: #fff; }
.header_logo_cont { display: flex; align-items: center; }
.header_logo_cont .hll_box { float: none; line-height: normal; display: flex; align-items: center; height: 87px; }
.header_logo_cont .nva_lb { float: none; margin-top: 0; flex: 1; display: flex; align-items: center; height: auto; }
.header_logo_cont .nva_lb li { float: none; }
.header_logo_cont .connect-us-tel { float: none; margin-left: auto; margin-top: 0; margin-right: 0; width: auto; min-width: 182px; padding-right: 14px; align-items: center; box-sizing: border-box; }
.connect-us-tel a,
.connect-us-tel span { font-family: MicrosoftYaHei, "微软雅黑", sans-serif; font-size: 16px; color: #666; line-height: 42px; text-decoration: none; white-space: nowrap; }
.connect-us-tel a:hover { color: #4974F5; }
.inside-banner { margin-top: 88px; }
.banner-box,
body > .banner:first-of-type,
body .banner:first-of-type { margin-top: 88px; }
.inside-banner .bd img { width: 100%; display: block; }
.zl-actives,
.nva_lb li a.active,
.nva_lb li a.is-active,
.nva_lb li a.addclass { color: #4974F5 !important; font-weight: 700; }
.nva_lb li a.nav-link { color: #333; transition: color .2s; }
.nva_lb li a.nav-link:hover { color: #4974F5; }
.w-1200 { width: 1200px; margin: 0 auto; }
.modal { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
.modal-content { background: #fff; margin: 5% auto; padding: 24px 30px; width: 720px; max-width: 92%; max-height: 80vh; overflow-y: auto; border-radius: 8px; position: relative; }
.modal .close { position: absolute; right: 16px; top: 10px; font-size: 28px; cursor: pointer; }
.modal h2 { font-size: 18px; margin-bottom: 12px; }
.modal .margin-tb { font-size: 13px; line-height: 1.8; color: #666; }
.tk_btn .sure { background: #4974F5; color: #fff; padding: 10px 24px; border-radius: 4px; cursor: pointer; }
.check-box .agree input { display: none; }
.check-box .agree span { display: inline-block; width: 14px; height: 14px; border: 1px solid #ccc; margin-right: 6px; vertical-align: middle; }
.check-box .agree input:checked + span { background: #4974F5; border-color: #4974F5; }
.tk_text { color: #4974F5; cursor: pointer; }
.swiper { width: 100%; overflow: hidden; }
.swiper-wrapper { display: flex; transition: transform .3s ease; }
.swiper-slide { flex-shrink: 0; width: 100%; }
.swiper-pagination { text-align: center; margin-top: 16px; }
.swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; background: #ccc; border-radius: 50%; margin: 0 4px; cursor: pointer; }
.swiper-pagination-bullet-active { background: #4974F5; }
.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 2; background: rgba(255,255,255,.8); border-radius: 50%; }
.team-swiper { position: relative; }
/* --- zc_base.css --- */
@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}

html{color:black;font-size:62.5%;}

body{font:14px/1.5 arial,"微软雅黑";color:#666;outline:0;}

input,select,textarea{font-size:100%;outline-style:none;background:transparent;font-family:"微软雅黑";}

input,button{border:none medium;outline:none;font-family:"微软雅黑";}

button, html input[type="button"], input[type="submit"]{cursor:pointer;}

button[disabled], html input[disabled]{cursor:default;}

address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:500;}

ol,ul,li,dl,dt,dd{list-style:none;}

h1,h2,h3,h4,h5,h6{font-weight:500;}

sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}

abbr,acronym{border:none;font-variant:normal;}

table{border-collapse:collapse;border-spacing:0;}

img{border:0 none;vertical-align:middle;max-width: 100%;}

caption,th{text-align:left;}

th{text-align:inherit;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

del{text-decoration:line-through;}

legend{color:#666;}

fieldset{border:none;}

iframe{display:block;}

q:before,q:after{content:'';}

ins,a{text-decoration:none;cursor:pointer;color:black;}

a:hover{text-decoration:none;}

a:focus,*:focus{outline:none;}

.clearfix:before,.clearfix:after{content:"";clear:both;display:block;height:0;visibility:hidden;}

.clearfix:after{clear:both;overflow:hidden;}

.clearfix{zoom:1;clear: both;}

.clear{clear:both;display:block;overflow:hidden;height:0;line-height:0;font-size:0;}

.hide{display:none !important;visibility:hidden;}

.block{display:block !important;}

.radius_1{-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}

.radius_2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}

.radius_3{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

.radius_5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.radius_t5{-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;}

.tl{text-align:left;}

.tc{text-align:center;}

.tr{text-align:right;}

.fl{float:left;display:inline;}

.fr{float:right;display:inline;}

.cb{clear:both;}

.ovh{overflow:hidden;}

.di{display:inline;}

.dib{display:inline-block;*zoom:1;*display:inline;}

.db{display:block;}

.none{display:none;}

.border0 {border: 0!important;}

.vm{vertical-align:middle;}

.pr{position:relative;}

.pa{position:absolute;}

.tdu{text-decoration:underline;}

.f14{font-size:14px;}

.f16{font-size:16px;}

.f18{font-size:18px;}

.f20{font-size:20px;}

.f22{font-size:22px;}

.f24{font-size:24px;}

.family_st{font-family:"Microsoft YaHei"}

.family_wr{font-family:"微软雅黑"}

.red {color: #fa4f4f;}

.orange{color: #ff7f00;}

.w1200{width: 1200px;margin: 0 auto;}

.w1180{width: 1180px;margin: 0 auto}

.w1000{width: 1000px;height: auto;margin: 0 auto;}

/*head*/

.dgg_header{width: 100%;min-width: 1180px;height: 30px;line-height: 30px;font-size: 12px;background: #f1f1f1;position: relative;z-index: 101;}

.dgg_header .fl li{float: left;}

.dgg_header li>a{

	font-size: 12px;

	color: #666;

	padding: 0 10px;

}

.dgg_header .fl a {

	border-left: 1px solid #d0d0d0;

}

.dgg_header .fl li:first-child a{border:none;padding-left: 0;}

.dgg_header .fl li a span{

	padding-left: 5px;

}

.top-drop-down{

	background: url(../images/top_bottom_03.jpg) 5px 13px no-repeat;

	display: inline-block;

	width: 20px;

	height: 19px;

}

.dgg_header .fr li{float: left;margin-left: 30px;}

.dgg_header .fr a:hover{text-decoration: underline;}

.dgg_header .fr .blue{color: #004b92;text-decoration: underline;}

.sub-navigation{position: relative;}

.service-nav {

	background: #fff;

	border: 1px solid #d8d8d8;

	overflow: hidden;

	position: absolute;

	top: 30px;

	left: -1px;

	width: 236px;

	min-height: 74px;

	padding: 5px 0 12px 12px;

	display: none;

}

.sub-navigation:hover .service-nav {

	display: block;

}

.service-nav>a {

	float: left;

	display: block;

	line-height: 30px;

	padding: 0 10px;

	color: #676767;

	margin: 6px 10px 0 0;

}

.dgg_header .service-nav>a {

	border: 0;

}

.sub-navigation.active>a, .sub-navigation:hover>a {

	line-height: 30px;

	height: 30px;

	background: #fff;

	z-index: 1;

}

.sub-navigation:hover>a {

	border-left: 0;

	margin: 0;

	display: block;

	position: relative;

	padding-bottom: 2px;

}

.sub-navigation:hover {

	border-left: 1px #d8d8d8 solid;

	border-right: 1px #d8d8d8 solid;

}

.service-nav>a:hover {

	text-decoration: underline;

}

.dgg_header li>a:hover {

	color: #1786ef;

}

.dgg_header .sub-navigation a:hover {

	color: #666;

}

.dgg_header .fl div a:hover {

	color: #1786ef;

}

.sub-navigation:hover a span {

	color: #1786ef;

}

.sub-navigation:hover a i {

	background: url(../images/top_top_03.jpg) 5px 13px no-repeat;

}

/*logo-nav*/

.logo_nav{height: 95px;padding-top: 25px;}

.logo{float: left;position: relative;}

.logo>a{display: block;}

.logo .txt{color: #fff;width: 150px;height: 22px;line-height: 22px;position: absolute;right:0px;top: 13px;font-size: 14px;text-align: center;overflow: hidden;}

.tel_box{display: block;float: right;}

.tel_box.top15{padding-top: 15px;}

.tel_box label{padding-left: 24px;background: url(../images/tel.png) left center no-repeat;}

.tel_box strong{font-size: 20px;color: #ff7f00;font-family: "Impact";position: relative;top: 1px;}

.dgg_nav{display: block;padding-top: 15px;clear: both;}

.dgg_nav li{float: left;margin-left: 30px;}

.dgg_nav li a{color: #333;font-size: 16px;padding: 5px 0;position: relative;}

.dgg_nav li .hot{display: block;-webkit-animation-name: bounce;animation-name: bounce;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}

.dgg_nav li .hot{position: absolute;top: -12px;right: -15px;width: 23px;height: 13px;background:url(../images/hot.png) no-repeat;}

.dgg_nav li .active{color: #004b92;}

.dgg_nav li a:hover{color: #004b92;}

.dgg_nav li .active:hover{text-decoration: underline;}

/*footer*/

.footer{
	background-color: #24272b!important;
	padding: 0!important;
	text-align: center;
}

.footer p{
    padding-top: 20px;
}

.footer p:last-child{
   padding-top: 0;
   color: white;
}	

/*hot动画*/

@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform: translateY(0);transform: translateY(0)}

	40%{-webkit-transform: translateY(-5px);transform: translateY(-5px)}

	60%{-webkit-transform: translateY(-2px);transform: translateY(-2px)}}

@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0)}

	40%{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)}

	60%{-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px)}}





/*公共底部的修�?start*/

.footer-top{

	padding-bottom: 15px;

	overflow: hidden;

}

.friend-box{

	overflow: hidden;

	margin-top: 5px;

}

.footer-tel {

	font-size: 14px;

	color: #bdbdbd;

}

.footer-tel i{

	background: url(../images/footer-tel.png) no-repeat;

	width: 14px;

	height: 14px;

	margin-right: 5px;

	vertical-align: middle;

}

.footer-tel p{

	font-size: 27.5px;

	color: #004b92;

	margin-top: 5px;

	font-family: impact;

}

.dgg_footer .friendly-links{font-size: 14px; color: #333;}

.friendly-list>li{

	float: left;

	line-height: 24px;

	/*background: url(../images/footer.png) left center no-repeat;*/

	padding-top: 1px;

}

.friendly-list2>li{

	background: url(../images/footer.png) left center no-repeat;

}

.friendly-list>li:first-child{background: none;}

.friendly-list a{font-size: 12px; color: black;padding: 0 8px 0 13px;}

.friendly-list a:hover{color: #004b92;text-decoration: underline;}

.footer-bottom{

	width: 100%;

	min-width: 1180px;

	background: #f7f7f7;

	text-align: center;

	padding-bottom: 15px;

}

/*2018 0222 xl hemingli start */

.zaixian{
	height: 650px;
	background-color: white;
}

.tit2{
	padding-top: 40px;
}

.expert-mid{
	width: 1200px;
	height: 415px;
	background-color: ;
	margin: 30px auto;
}

.expert-l{
	width: 580px;
	height: 320px;
	background-color: #3fbff0;
	float: left;
	margin-right: 30px;
	border-radius: 7px;
	margin-top: 90px;
	position: relative;
}

.expert-l h3{
	text-align: left;
	color: white;
	margin-left: 32px;
	margin-top: 44px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
}

.expert-l p{
	text-align: left;
	color: white;
	margin-left: 32px;
	margin-bottom: 10px;
	font-size: 16px;
}

.expert-l img{
	position: absolute;
	right: 70px;
	top:-90px;
}

.expert-r{
	width: 580px;
	height: 320px;
	background-color: #f7f7f7;
	float: left;
	border-radius: 7px;
	margin-top: 90px;	
	border: 1px solid #dcdcdc;
	position: relative;	
}

.expert-r img{
	position: absolute;
	right: 70px;
	top:-90px;
}

.expert-r h3{
	text-align: left;
	color: #333333;
	margin-left: 32px;
	margin-top: 44px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
}

.expert-r p{
	text-align: left;
	color: #333333;
	margin-left: 32px;
	margin-bottom: 10px;
	font-size: 16px;
}

.zaixian button{
	width: 290px;
	height: 47px;
	background-color: #ff7f00;
	color: white;
	font-size: 18px;
	border-radius: 5px;
	margin: 0 auto;
	display: block;
}
/*2018 0222 xl hemingli end */
/* --- zc_mod_nav.css --- */
li{
	list-style: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.header_logo_lb{
	height: 88px;
	border-bottom: 1px solid gainsboro;
}

.header_logo_cont{
	width: 1200px;
	height: 87px;
	background-color: white;
	margin: 0 auto;
	position: relative;

}

.hll_box{
	width: 191px;
	height: 48px;
    line-height: 88px;
	float: left;
}

.hll_box p{
	position: absolute;
	right: 15px;
	top: 40px;
	color: white;
	font-size: 18px;
	font-family: "微软雅黑";
}
.hll_box img{
    width: 100%;
}
.nva_lb{
	height: 55px;
/*	background-color: gainsboro;*/
	float: left;
	margin-top: 25px;
    margin-left: 64px;
}
.connect-us-tel {
    margin-left: 65px;
    width:182px;
    height: 42px;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 21px;
    margin-top: 23px;
    display: flex!important;
    justify-content: flex-start;
}
.connect-us-tel img {
    margin: 5px;
}
.connect-us-tel span{
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #666666;
    line-height: 42px;
}
.connect-us-tel:hover img {
    transform: rotateY(
            360deg
    );
    transition: all 0.8s;
}
.nva_lb li{
	height: 50px;
	background-color: white;
	float: left;
	text-align: center;
	position: relative;
	font-size: 16px;
	line-height: 47px;
	margin-left: 30px;
}
.addclass{
    color: #4974F5!important;
    font-weight: 700;
    font-size: 18px;
}
.nva_lb li a{
	text-decoration: none;
    font-family: MicrosoftYaHei;
    font-size: 18px;
}

/*.nva_lb li:first-child a{*/
	/*color: #4974F5!important;*/
    /*font-weight: 700;*/
    /*font-size: 18px;*/
/*}*/

.nva_lb li:first-child{
    margin-left: 0px;
}
.nva_lb_ihover{
    background-position: left -5px;	
}

.nva_lb li:hover i{
    background-position: left -5px;
}

.nva_lb i{
	width: 10px;
	height: 5px;
	background-image: url(../images/icon_down.png);
	display: block;
	position: absolute;
	right: 5px;
	top: 22px;
/*    background-position: left -5px;*/
}

.banner{
	height: 450px;
/*	background-image: url(../img/banner1.jpg);*/
	background-repeat: no-repeat;
}

.banner_img{
	position: absolute;
	height: 470px;
	width: 100%;
}

.nva_xl{
	width: 100%;
	height: 40px;
	background-color: white;
	position: absolute;
	/* z-index: 2; */
	top: 89px;
}

.nva_xl ul{
	width: 1200px;
	margin: 0 auto;

}

.nva_xl li{
	width: 92px;
	/* height: 16px; */
/*	background-color: aliceblue;*/
	float: left;
	margin-top: 10px;
	border-right: 1px solid #e4e2ee;
	margin-right: 10px;
	text-align: center;
}

.nva_xl a:hover{
	color: #fd7d22;
}

.nva_xl li:last-child{
	margin-right: 0;
	border-right: none;
}

.nva_xl li:first-child{
	margin-left: 300px;
}

.nva_xl li a{
	padding-right: 8px;
	font-size: 15px;
	color: #666;
	text-decoration: none;
}

.nva_xl{
	display: none;
}


.nva_xl_sbfw{
	display: block;
}

.nva_xl_zlfw ul{
	margin-left: 27%;
}

.nva_xl_xmsb ul{
    margin-left: 24%;	
}

.nva_xl_bq ul{
	margin-left: 38%;
	width: 700px;
}

.nva_xl_xmsb li{
	margin-right: 0;
}

.nva_xl_lxwm1 ul{
    width: 700px;
	margin-left: 45%;
	margin-right: 0;
}

.nva_xl_lxwm2 ul{
    width: 700px;
	margin-left: 48%;
	margin-right: 0;
}

.nva_xl_lxwm li{
	width: 240px;
	margin-right: 5px;
} 

.nva_xl_lxwm li:last-child{
	width: 75px;
}

.nva_hot{
	position: absolute;
	top: -15px;
	left: 50px;
}
.nav-text{
    width: 108px;
    height: 42px;
    border: 1px solid #DFDFDF;
    border-radius: 21px;
    float: left;
    margin-top: 23px;
    line-height: 42px;
    text-align: center;
    margin-left: 8px;
}
.nav-text a{
    width: 64px;
    height: 16px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #303030;
    text-align: center;
    line-height: 16px;
}
/* --- zc_new_index.css --- */

@keyframes move {
    0% {
        /* margin-left: 15px; */
        transform: translateY(0px);
    }
    50% {
        transform: translateY(3px);
        /* margin-left: 30px; */
    }
    100% {
        transform: translateY(0px);
        /* margin-left: 15px; */
    }
}
@-webkit-keyframes move {
    0% {
        /*margin-top: 15px;*/
        transform: translateY(0px);
    }
    50% {
        transform: translateY(3px);
        /*margin-top: 30px;*/
    }
    100% {
        transform: translateY(0px);
        /*margin-top: 15px;*/
    }
}

@keyframes bouce {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
select,input{
    border: none;
}
/* 快速注册通道 */
.content_service{
    width: 100%;
    background: url(../images/good-bg.png) no-repeat center 0;
    background-size: cover;
}
.content_form{
    position: relative;
    padding-top: 40px;
    background: #fff;
    top: -42px;
    box-shadow: 0 0 16px 0 hsl(0deg 0% 0% / 6%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form-title img{
    width: 75px;
    margin: 17px 0;
}

.content_form .form_message{
    margin: 16px 39px;
    height: 48px;
    border: 2px solid #4974F5;
    box-sizing: border-box;
}
.content_form .form-item{
    position: relative;
    float: left;
    height: 24px;
    margin-top: 10px;
    padding-left: 8px;
    box-sizing: border-box;
    font-size: 0;
    border-right: 1px solid #D4D4D7;
}
.content_form .form-item img{
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right:6px;
    position: relative;
    top:0px;
    left: 6px;
}
.content_form .form-item select{
    width: 135px;
    height: 25px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #8C8C8C;
    margin-left: 3px;
}
.content_form .form-item input{
    width: 135px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    font-family: Microsoft YaHei;
    text-indent: 8px;
}
.content_form .get-code{
    width: 76px;
    height: 28px;
    background: rgba(73,116,245,0.1);
    border-radius: 2px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #4974F5;
    margin-left: 10px;
}
.content_form .form_message .sub-btn{
    width: 148px;
    height: 48px;
    background: #4974F5;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    position: relative;
    top: -2px;
    left: 2px;
}
.content_form .div-code{
    width: 266px;
    display: flex;
    align-items: center;

}
.reminder{
    overflow: hidden;
    margin: 0 39px;
    height: 22px;
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
}
.reminder img{
    width: 16px;
    float: left;
    margin-top: 3px;
    animation:bouce 0.5s alternate linear infinite;
    /*animation: move 1s infinite;*/
    /*-webkit-animation: move 2s infinite;*/
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.roll_box{
    margin-left: 8px;
    height: 22px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #555555;
    line-height: 22px;
}
.roll_box2{
    margin-left: 32px;
    height: 22px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #555555;
    line-height: 22px;
}
.roll_box3{
    margin-left: 32px;
    height: 22px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #555555;
    line-height: 22px;
}
.check-box{
    float: right;
    height: auto;
    margin-top: 0;
}

.good-form-box{
 margin-top: 16px;
    width: 100%;
}
.good-form-box ul{
    display: grid;
    grid-template-columns:repeat(4,1fr);
}
.good-form-box ul li{
height: 120px;
border: 1px solid #97979710;
border-right: none;
    display: flex;
    align-items: center;
}
.good-form-box ul li:nth-child(1){
    border-left: none;
    margin-left: 15px;
}
.good-form-box ul li img{
    width: 110px;
}
.good-form-box ul li:hover img {
    transform: rotateY(
            360deg
    );
    transition: all 1s;
}
.good-title{
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #333333;
}
.good-right{
    width: 135px;
    cursor: pointer;
}
.good-right:hover p{
    color:#4974F5;
}
.agree span{
    top:2px;
}
.good-desc-li{
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
/*知产有什么好�?-----end*/
/*专业团队*/
.law-team{
    width: 100%;
    padding: 60px 0 45px 0;
    background: url(../images/law-teambg.png) no-repeat center 0;
    background-size: cover;
}
.law-team-title{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}
.team-description{
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
}
.team-ul{
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 27px;
}
.team-ul li{
    width: 288px;
    cursor: pointer;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin-left: 16px;
    transition:0.3s;
}
.team-ul li:nth-child(1){
    margin-left: 0;
}
.img-people{
    transition: transform .3s ease-in-out;
}
.img-people{
    width: 288px;

}
.team-ul li:hover img{
    transform: scale(1.05);
}
.law-jianjie{
    width: 100%;
    height: 128.5px;
    background-image: linear-gradient(180deg, #F2F5F8 0%, #FFFFFF 100%);
    border: 2px solid #FFFFFF;
    box-shadow: 0 8px 20px 0 #3763aa1a;
    border-radius: 8px;
    position: absolute;
    bottom: 0px;
    overflow: hidden;
    transition:0.5s;
}
.law-tag{
    margin:0 0 15px 15px;
}
.law-tag>span{
    width: 58px;
    height: 24px;
    background: rgba(73,116,245,0.1);
    border-radius: 2px;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #4D67B6;
    letter-spacing: 0;
    text-align: center;
    padding: 5px;
}
.law-des{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #666666;
    text-align: left;
    line-height: 20px;
    margin-left: 15px;
}
.law-btn{
    width: 127px;
    height: 39px;
    background: #4974F5;
    box-shadow: 0 8px 20px 0 #3763aa14;
    border-radius: 4px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 39px;
    text-align: center;
    opacity: 0;
    margin-left: 15px;
    margin-top: 20px;
}
.law-btn img{
    width: 8px;
    margin-top: -2px;
    margin-left: 3px;
}
.law-jiao{
    top: 0;
    right: 0;
    opacity: 0;
}

.team-ul li:hover .law-jianjie{
    height: 191px;
    z-index: 99;
    box-shadow: 0 0 24px 0 #0000001f;
}
.team-ul li:hover .law-jiao,.team-ul li:hover .law-jiao-two,.team-ul li:hover .law-btn,.team-ul li:hover .work-years{
    opacity: 1;
}
.team-swiper{
    position: relative;
}
.team-all-btn{
    width: 224px;
    height: 51px;
    background: #4974F5;
    border-radius: 4px;
    text-align: center;
    line-height: 51px;
    color: #fff;
    margin: 28px auto 13px auto;
    cursor: pointer;
    font-family: MicrosoftYaHei;
    font-size: 16px;
}
.team-all-btn:hover{
    box-shadow: 0 4px 12px 0 #4974f54d;
}
/*.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 45px!important;
}*/
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    width: 60px!important;
    left: -32px!important;
    top: 30% !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
    width: 60px!important;
    right: -32px!important;
    top: 30% !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    line-height: 60px!important;
    text-align: center!important;
    font-size: 26px!important;
    margin-top: 77px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 100%;
    line-height: 60px!important;
    text-align: center!important;
    font-size: 26px!important;
    margin-top: 77px;
}
.jiao{
    width: 30px;
    position: absolute;
}
.law-jiao-two{
    bottom: 6px;
    width: 6px;
    right: 13px;
    opacity: 0;
}
.jiao-right{
    right: 0;
}
.law-team-head{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.law-name {
    display: flex;
    align-items: center;
    padding: 15px;
}
.law-name h3 {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
}
.work-years{
    width: 58px;
    height: 20px;
    border: 1px solid #00927F;
    border-radius: 2px;
    color: #00927F;
    font-size: 12px;
    text-align: center;
    opacity: 0;
    line-height: 22px;
    margin-left: 8px;
}
/*专业团队end*/

/* 重置样式 */
* {
    padding: 0;
    margin: 0;
}
/* 版心样式 */
.w-1200 {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.w-1200 .bd {
    width: 1200px;
    box-sizing: border-box;
}
/* 公共标题 */
/*10 15 17 33 34*/
/*10 13 15 26*/
.common-title {
    font-size: 36px;
    color: #222222;
    position: relative;
}
.common-title::before {
    position: absolute;
    content: "";
    left: -88px;
    top: 35%;
    width: 74.14px;
    height: 14.14px;
    background-image: url(../images/6j9t6c4dt4s0000.png);
}
.common-title::after {
    position: absolute;
    content: "";
    right: -88px;
    top: 35%;
    width: 74.14px;
    height: 14.14px;
    background-image: url(../images/8r6gs40esjc0000.png);
}
.common-title-fff {
    font-size: 36px;
    color: #fff;
    position: relative;
}
.common-title-fff::before {
    position: absolute;
    content: "";
    left: -88px;
    top: 35%;
    width: 74.14px;
    height: 14.14px;
    background-image: url(../images/5rjcjvgrb7g0000.png);
}
.common-title-fff::after {
    position: absolute;
    content: "";
    right: -88px;
    top: 35%;
    width: 74.14px;
    height: 14.14px;
    background-image: url(../images/aame3jtpuwc0000.png);
}
/* 公共副标�?*/
.common-info {
    font-size: 16px;
    color: #999999;
    line-height: 22px;
    margin-top: 8px;
}
.common-info-fff {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    margin-top: 8px;
}
/* 公共按钮 */
.common-btn {
    width: 300px;
    height: 64px;
    background: #4974f5;
    border-radius: 2px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 64px;
    cursor: pointer;
    margin: 40px auto 0;
}
.common-btn:hover {
    box-shadow: 0 4px 12px 0 #4974f54d;
    transition: all 0.5s;
}
/* 申请专利有什么好处？ */
.good .w-1200 {
    padding-top: 0;
}
.good .bd {
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.good .bd .item {
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: linear-gradient(180deg, #f1f5ff 0%, #ffffff 100%);
    border: 2px solid #ffffff;
    box-shadow: 0 8px 11px 0 #f3f6fd33;
    transition: all 0.5s;
}
.good .bd .item:hover {
    transform: translateY(-10px);
}
.good .bd .item img {
    width: 126px;
    height: 121px;
}
.good .bd .item .line {
    width: 60px;
    height: 1px;
    background-color: #d5d5d5;
    margin: 24px 0;
}
.good .bd .item .title {
    font-size: 20px;
    color: #333333;
}
.good .bd .item .info {
    font-size: 14px;
    color: #666666;
    margin-top: 12px;
    text-align: center;
}
/* 专利申请专区 */
.apply-area {
    background: url(../images/bssk7mtz9400000.png) no-repeat center;
    background-size: 100% 100%;
}
.apply-area .bd {
    margin-top: 56px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.apply-area .bd .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    padding: 24px;
    transition: all 0.5s;
}
.apply-area .bd .item:hover .btn {
    background: #4974f5;
    color: #ffffff;
}
.apply-area .bd .item:hover {
    transform: translateY(-10px);
}
.apply-area .bd .item .img-box {
    position: relative;
}
.apply-area .bd .item img {
    width: 240px;
    height: 157px;
}
.apply-area .bd .item .tag {
    position: absolute;
    right: 8px;
    top: 8px;
    padding: 4px 8px;
    font-size: 12px;
    color: #00927f;
    background: #e0fffb;
    border-radius: 4px;
}
.apply-area .bd .item .title {
    font-size: 20px;
    color: #333333;
    margin: 16px 0 12px;
    display: flex;
    justify-content: center;
}
.apply-area .bd .item .info {
    font-size: 14px;
    color: #666666;
    text-align: center;
}
.apply-area .bd .item .line {
    width: 240px;
    height: 1px;
    background: #d9d9d9;
    margin: 20px 0;
}
.apply-area .bd .item .btn {
    width: 238px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #eaefff;
    border-radius: 2px;
    font-size: 16px;
    color: #4976f5;
    cursor: pointer;
    transition: all 0.3s;
}
.zone-img{
    width: 20.5px!important;
    height: 23px!important;
    margin-left: 4.5px;
    animation: bouce 0.5s alternate linear infinite;
    /*animation: move 1s infinite;*/
    /*-webkit-animation: move 2s infinite;*/
}
/* 专利服务范围 */
.server {
    background: url(../images/6wvser1zsj40000.png) no-repeat center;
    background-size: 100% 100%;
}
.server .common-title {
    color: #fff;
}

.server .bd {
    background: #ffffff;
    border-radius: 4px;
    margin: 32px 0 40px;
    padding: 24px;
    display: flex;
}
.server .bd .img-box {
    flex: 1;
    overflow: hidden;
    width: 384px;
    height: 324px;
}
.server .bd .img-box img {
    transition: all 0.5s;
    height: 100%;
}
.server .bd .img-box img:hover {
    transform: scale(1.1);
}

.server .btn {
    width: 300px;
    height: 64px;
    background: #ffffff;
    border-radius: 2px;
    font-size: 20px;
    color: #4974f5;
    text-align: center;
    line-height: 64px;
    cursor: pointer;
    margin: 0 auto;
}
.server .btn:hover {
    box-shadow: 0 4px 12px 0 #00000030;
    transition: all 0.3s;
}
/* 专利申请流程 */
.process {
    background: url(../images/1pl6uac2mi74000.png) no-repeat center;
    background-size: 100% 100%;
}
.process .bd {
    margin-top: 32px;
    width: 100%;
}
/* 办理难点 */
.difficulty {
    background: url(../images/9zgyfptydj40000.png) no-repeat center;
    background-size: 100% 100%;
}
.difficulty .bd {
    background: url(../images/d2gbmn21nn40000.png) no-repeat center;
    background-size: 100% 100%;
    padding: 82px 0 40px 48px;
}
.difficulty .bd .item {
    display: flex;
    align-items: center;
}
.difficulty .bd .item:not(:last-of-type) {
    margin-bottom: 24px;
}
.difficulty .bd .item .num {
    width: 24px;
    height: 24px;
    background-image: linear-gradient(118deg, #1f57ff 5%, #498eff 100%);
    border-radius: 100%;
    margin-right: 12px;
    font-size: 12px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
}
.difficulty .bd .item .title {
    font-size: 20px;
    color: #333333;
}
.difficulty .bd .item .bias {
    color: #dfdfdf;
    margin: 0 12px;
}
.difficulty .bd .item .info {
    font-size: 14px;
    color: #999999;
}
.difficulty .bd .common-btn {
    margin: 40px 0 0;
}
/* 需要哪些材�?*/
.need-data {
    background: url(../images/4mj7hk084ba0000.png) no-repeat center;
    background-size: 100% 100%;
}
.need-data .bd {
    margin-top: 32px;
    background: #ffffff;
    border-radius: 16px;
    padding: 48px;
    display: flex;
    align-items: center;
    position: relative;
}
.need-data .bd .left {
    width: 454px;
    height: 340px;
    margin-right: 87px;
}

.need-data .bd .book {
    position: absolute;
    right: 0;
    bottom: 0;
}
.need-data .bd .r p {
    font-size: 20px;
    color: #333333;
    margin-bottom: 32px;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
}
.need-data .bd .r p:hover {
    color: #4974f5;
}
.need-data .bd .r p::after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #4974f5;
}
.need-data .bd .r p:last-of-type {
    margin-bottom: 0;
}
.need-data .bd .r .btn {
    width: 224px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #4974f5;
    border-radius: 4px;
    font-size: 16px;
    color: #ffffff;
    margin-top: 32px;
    cursor: pointer;
}
.need-data .bd .r .btn:hover {
    box-shadow: 0 4px 12px 0 #4974f54d;
    transition: all 0.5s;
}
/* 服务优势 */
.advantage {
    background: url(../images/55p9ipvuan00000.png) no-repeat center top;
    background-size: cover;
    height: 721px;
    overflow: hidden;
    position: relative;
}
.advantage .w-1200 {
    padding-top: 48px;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
}
.advantage .bd {
    background: #ffffff;
    border-radius: 16px;
    margin-top: 32px;
}
/* 成功案例 */
.case {
    background: url(../images/6x8qokaq3qo000.png) no-repeat center;
    background-size: 100% 100%;
}
.case .tabs {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
    width: 100%;
}
.case .tabs > div {
    width: 186px;
    height: 72px;
    background: #ffffff;
    text-align: center;
    line-height: 72px;
    font-size: 18px;
    color: #333333;
    cursor: pointer;
    position: relative;
}
.case .tabs > div:hover {
    background-color: #1558ff;
    color: #fff;
}
.case .tabs > div:hover::after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #1558ff;
}
.case-active-check{
    background-color: #1558ff!important;
    color: #fff!important;
}
.case-active-check::after{
    position: absolute;
    content: "";
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #1558ff;
}
.case .main {
    margin-top: 40px;
    width: 100%;
}
.case-hid-img{
    display: none;
}
.case-hover{
    display: flex;
}
.right-suspension {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right:8px;
    z-index: 9999;
}
.right-people{
    display: block;
}
.right-btn{
    width: 119px;
    height: 33px;
    border-radius: 8px 8px 8px 8px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    line-height: 33px;
    background: linear-gradient(to left, #F76923, #FEC15B);
}
.right-menu{
    width: 120px;
    height: 335px;
    background: url("../images/cb_bg.png")no-repeat;
    background-size: cover;
    border-radius: 12px 12px 60px 60px;
    cursor: pointer;
}
.right-menu ul{
    padding: 20px 0 8px;
}
.right-menu ul li{
    width: 95px;
    height: 26px;
    border-radius: 13px 13px 13px 13px;
    background: #ffffff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #112696;
    line-height: 26px;
    margin: 0px auto;
    margin-bottom: 8px;
}

.hot-text{
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
}
.hot-tel{
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
}
.top-fix{
    text-align: center;
}
.top-fix p{
    color: #808080;
    font-size: 12px;
}
/* --- zc_tk.css --- */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
    z-index: 99999;
}

.modal-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid rgb(173, 173, 173);
  width: 800px;
  height: 500px;
  animation-name: modalopen;
  animation-duration: 0.5s;
  border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.modal-content h2 {
    height: 24px;
    opacity: 1;
    color: #262626;
    font-size: 16px;
    font-weight: 600;
    font-family: "PingFang SC";
    text-align: center;
    line-height: 24px;
    display: flex;
    justify-content: center;
}
@keyframes modalopen {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.close {
  color: #aaa;
  float: right;
  font-size: 22px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  .modal-content {
    width: 90%;
  }
}

.layui-col-md6 {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666;
}
.layui-col-md6 span {
  color: #f04f4f;
  font-size: 14px;
  display: block;
  height: 8px;
  margin-right: 4px;
}
.layui-col-md6 p {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666;
}

.margin-tb {
  margin-top: 10px;
  font-size: 12px;
  color: #666;
  display: flex;
  height: 415px;
  overflow: auto;
}
.margin-tb span:first-child {
  display: inline-block;
  text-align: right;
  width: 79px;
}
.margin-tb span:nth-child(2) {
  width: 420px;
}
.margin-tb2 span {
  display: inline-block;
  text-align: right;
  width: 121px;
}
.margin-tb3 span {
  display: inline-block;
  text-align: right;
  width: 121px;
}
.margin-b {
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
}

.layui-col-md6 {
  width: 100%;
}
.layui-form-select {
  flex: 1;
}
.tk_btn {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.sure {
    width: 72px;
    height: 32px;
    border-radius: 2px;
    opacity: 1;
    border: 0 solid #979797;
    background: #4974f5;
     margin: 20px 0;
    font-size: 12px;
  /*border: 1px solid rgba(72, 116, 246, 1);*/
  /*background: rgba(72, 116, 246, 1);*/
  /*outline: none;*/
  /*padding: 4px 10px;*/
  /*border-radius: 4px;*/
  color: #fff;
  cursor: pointer;
}

.cancel {
  border: 1px solid rgba(217, 217, 217, 1);
  background: #fff;
  outline: none;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 10px;
    margin: 0 20px;
}
.warning {
  border: 1px solid rgba(246, 215, 116, 1);
  border-radius: 2px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  margin-top: 15px;
  text-align: left;
}
.warning svg {
  margin-right: 4px;
}
.zc-check-box {
    font-size: 11px;
    color: #888888;
    margin-bottom: 10px;
    height: 12px;
    display: flex;
    z-index: 999;
    justify-content: flex-end;
    margin-right: 62px;
}
.tk_text{
color:#4974F5;
display: flex;
align-items: center;
cursor: pointer;
    margin-right: 0px!important;
}
.tk_begin{
    text-indent: 3px;
    display: flex;
    align-items: center;
    margin-right: 0px!important;
}
.agree input{
    display: none;
}
.agree span {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #4974F5;
    margin-left: 4px;
    vertical-align: -0.1em;
}
.agree span:after {
    transform: rotate(
            45deg
    ) scaleY(1);
    box-sizing: content-box;
    content: "";
    /*border: 2px solid #fff;*/
    /*border-left: 0;*/
    /*border-top: 0;*/
    height: 7px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 7px;
    border-radius: 100PX;
    background-color: transparent;
    transform-origin: center;
}
.agree input:checked + span:after {
    background-color: #4974F5;
}
/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-track {
    background-color: #f5f5f5;/*transparent*/
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

::-webkit-scrollbar-thumb {
    background-color: #9c9da0;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

#toast {
    position: fixed;
    top: 20px;
    left: 50%;
    padding: 7.5px 17.67px;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.3s;
    line-height: 22px;
    z-index: 999999;
    background-color: #fff;
    border: 1px solid #e5e6eb;
    box-shadow: 0 4px 10px 0 #0000001a;
    border-radius: 2px;

}
#toast .icon {
    width: 20px;
    height: 20px;
    margin-right: 9.67px;
}