/*banner*/
.banner .bd li:nth-child(3n+1) a{background: url(../image/bg.jpg)no-repeat center;background-size: 100%;}
.banner .bd li:nth-child(3n+2) a{background: url(../image/bg.jpg)no-repeat center;background-size: 100%;}
.banner .bd li:nth-child(3n+3) a{background: url(../image/bg.jpg)no-repeat center;background-size: 100%;}
/*三大板块守护您的知产*/
.guard{margin-top: 80px;}
.guard ul{color: #FFFFFF;display: flex;justify-content: space-between;margin-top: 50px;}
.guard li{width: 366px;height: 266px;position: relative;}
.guard li .hover{position: absolute;font-size: 0;width: 342px;left: 12px;bottom: -34px;height: 90px;padding-left: 14px;transition: all 0.3s;overflow: hidden;}
.guard li .icon{width: 46px;height: 46px;display: inline-block;}
.guard li .txt{display: inline-block;margin-left: 18px;}
.guard li .hover:hover .txt{margin-left: 0;}
.guard li:nth-child(1) .icon{background: url(../image/icon_guard1.png)no-repeat center;}
.guard li:nth-child(2) .icon{background: url(../image/icon_guard2.png)no-repeat center;}
.guard li:nth-child(3) .icon{background: url(../image/icon_guard3.png)no-repeat center;}
.guard li:nth-child(1) .hover{background-color: rgba(199,22,28,0.8);}
.guard li:nth-child(2) .hover{background-color: rgba(255,126,0,0.8);}
.guard li:nth-child(3) .hover{background-color: rgba(73,159,214,0.8);}
.guard li .hover h4{font-size: 20px;font-weight: 700;line-height: 36px;padding-top: 12px;}
.guard li .hover p{font-size: 14px;line-height: 28px;}
.guard li a{font-size: 16px;color: #c7161c;background-color: #FFFFFF;cursor: pointer;display: block;
	width: 151px;height: 34px;line-height: 34px;text-align: center;margin: 15px auto 0;}
.guard li a:hover{font-weight: 700;}
.guard li .hover:hover{text-align: center;height: 280px;}
.guard li .hover:hover p{font-size: 16px;}
.guard li .hover:hover .icon{width: 104px;height: 104px;margin: 28px auto 0;display: block;}
.guard li:nth-child(1) .hover:hover .icon{background: url(../image/img_guard1.png)no-repeat center;}
.guard li:nth-child(2) .hover:hover .icon{background: url(../image/img_guard2.png)no-repeat center;}
.guard li:nth-child(3) .hover:hover .icon{background: url(../image/img_guard3.png)no-repeat center;}
/*华佳注册 l 快速通道*/
.aisle{text-align: center;margin-top: 118px;}
.aisle ul{display: flex;margin-top: 28px;}
.aisle li{width: 20%;border-left: solid 1px #ededed;padding: 19px 0 0;position: relative;height: 395px;}
.aisle li:before{position: absolute;content: '';width: 5px;height: 5px;background-color: #ededed;border-radius: 50%;
	left: -3px;top: -4px;}
.aisle li:after{position: absolute;content: '';width: 5px;height: 5px;background-color: #ededed;border-radius: 50%;
	left: -3px;bottom: -4px;}
.aisle li:first-child{border-left: none;}
.aisle li .img{width: 134px;height: 116px;margin: 0 auto;overflow: hidden;}
.aisle li .img>div{display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.aisle li .img .white{background: url(../image/bg_aisleW.png)no-repeat center;width: 134px;height: 116px;}
.aisle li .img .red{background: url(../image/bg_aisleR.png)no-repeat center;width: 134px;height: 116px;}
.aisle li h4{font-size: 18px;color: #333333;line-height: 62px;margin-top: 27px;}
.aisle li p{font-size: 14px;color: #666666;line-height: 30px;}
.aisle li .free{color: #FFFFFF;background-color: #FFFFFF;font-size: 0;border: solid 1px #c7161c;border-radius: 50%;overflow: hidden;
	width: 18px;height: 18px;position: relative;display: inline-block;cursor: pointer;transition: all 0.3s;margin-top: 34px;}
.aisle li .free:before{position: absolute;content: '';width: 6px;height: 6px;background-color: #c7161c;border-radius: 50%;
	left: 5px;top: 5px;}
.aisle li:hover .free{background-color: #c7161c;font-size: 14px;width: 130px;height: 38px;line-height: 38px;
	border-radius: 0;margin-top: 24px;}
.aisle li:hover .free:before{width: 0;height: 0;}
.aisle li:hover .img .white,.aisle li:hover .img .red{transform: translateY(-116px);}
.aisle .contact{color: #FFFFFF;background-color: #c7161c;display: flex;justify-content: center;align-items: center;
	font-size: 18px;cursor: pointer;width: 344px;height: 50px;margin: 43px auto 0;}
.aisle .contact img{margin-left: 8px;}
/*column*/
.column{background: url(../image/bg_column.jpg)no-repeat center;height: 439px;margin-top: 64px;}
.column .container{position: relative;}
.column .register{position: absolute;display: block;cursor: pointer;color: #FFFFFF;background-color: #c7161c;
	width: 148px;height: 38px;font-size: 18px;text-align: center;line-height: 38px;top: 268px;left: 75px;}
/*华佳优势*/
.advantage{margin-top: 56px;}
.advantage ul{display: flex;margin-top: 53px;}
.advantage li{width: 20%;text-align: center;position: relative;height: 660px;display: flex;flex-flow: column nowrap;justify-content: space-between;}
.advantage li .img{display: flex;align-items: center;justify-content: center;border: solid 1px #dddddd;
	height: 169px;border-bottom: none;z-index: 1;}
.advantage li:nth-child(1) .img{background: url(../image/img_advantage1.png)no-repeat center;}
.advantage li:nth-child(2) .img{background: url(../image/img_advantage2.png)no-repeat center;}
.advantage li:nth-child(3) .img{background: url(../image/img_advantage3.png)no-repeat center;}
.advantage li:nth-child(4) .img{background: url(../image/img_advantage4.png)no-repeat center;}
.advantage li:nth-child(5) .img{background: url(../image/img_advantage5.png)no-repeat center;}
.advantage li:nth-child(1):hover .img{background: url(../image/img_advantageW1.png)no-repeat center;}
.advantage li:nth-child(2):hover .img{background: url(../image/img_advantageW2.png)no-repeat center;}
.advantage li:nth-child(3):hover .img{background: url(../image/img_advantageW3.png)no-repeat center;}
.advantage li:nth-child(4):hover .img{background: url(../image/img_advantageW4.png)no-repeat center;}
.advantage li:nth-child(5):hover .img{background: url(../image/img_advantageW5.png)no-repeat center;}
.advantage li:nth-child(2n):hover .img{border-color: #737373;}
.advantage li:nth-child(2n+1):hover .img{border-color: #c7161c;}
.advantage li .txt{color: #FFFFFF;padding: 0 30px 0 33px;height: 322px;background-color: #c7161c;transition: height 0.3s;
	display: flex;align-items: center;justify-content: center;flex-direction: column;}
.advantage li:hover .txt{width: 100%;}
.advantage li:nth-child(2n+1) .txt:before{position: absolute;content: '';width: 100%;height: 0;left: 0;
	bottom: 330px;background-color: #c7161c;transition: height 0.3s;z-index: -1;}
.advantage li:nth-child(2n+1) .txt:after{position: absolute;content: '';width: 100%;height: 0;left: 0;
	top: 330px;background-color: #c7161c;transition: height 0.3s;z-index: -1;}
.advantage li:nth-child(2n+1):hover .txt:before{height: 330px;}
.advantage li:nth-child(2n+1):hover .txt:after{height: 330px;}
.advantage li:nth-child(2n):hover .txt{position: absolute;left: 0;bottom: 0;height: 100%;}
.advantage li:nth-child(2n) .txt{background-color: #737373;}
.advantage li .txt h4{font-size: 20px;line-height: 70px;}
.advantage li .txt p{font-size: 16px;line-height: 26px;}
.advantage .num{height: 169px;z-index: 1;}
.advantage .num span{font-size: 80px;color: #999999;position: relative;line-height: 140px;display: inline-block;}
.advantage .num span:before{position: absolute;content: '';width: 30px;height: 3px;background-color: #999999;
	left: 50%;margin-left: -15px;bottom: 0;}
.advantage li:hover .num span{color: #FFFFFF;}
.advantage li:hover .num span:before{background-color: #FFFFFF;}
.advantage a{color: #FFFFFF;background-color: #c7161c;display: flex;justify-content: center;align-items: center;
	font-size: 18px;cursor: pointer;width: 344px;height: 50px;margin: 60px auto 0;}
/*新闻 l 资讯*/
.news{background: url(../image/bg_news.jpg)no-repeat center;height: 654px;margin-top: 49px;padding-top: 50px;}
.news .content{display: flex;justify-content: space-between;margin-top: 45px;}
.news .left{width: 790px;height: 400px;background-color: #FFFFFF;}
.news .left .hd{border-bottom: solid 1px #c7161c;padding: 17px 24px 1px 35px;display: flex;justify-content: space-between;}
.news .left .hd ul{display: flex;}
.news .left .hd li{margin-right: 46px;}
.news .left .hd li.on{border-bottom: solid 4px #c7161c;}
.news .left .hd li a{font-size: 16px;color: #333333;cursor: pointer;line-height: 52px;}
.news .left .hd li.on a{color: #c7161c;}
.news .left .hd .all{cursor: pointer;display: flex;align-items: center;font-size: 14px;color: #c7161c;}
.news .left .hd .all span{border-bottom: solid 1px #c7161c;}
.news .left .hd .all img{margin-left: 7px;}
.news .left .bd{padding: 0 31px 0 36px;height: 300px;overflow: hidden;}
.news .left .bd ul{display: flex;justify-content: space-between;}
.news .left .bd ul h4{font-size: 16px;color: #333333;line-height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .left .bd ul p{font-size: 14px;color: #999999;line-height: 20px;height: 40px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news .left .bd .newsImg{width: 320px;margin-top: 34px;}
.news .left .bd .newsImg a{display: block;cursor: pointer;}
.news .left .bd .newsImg img{width: 320px;height: 160px;}
.news .left .bd .newsImg h4{ margin-top: 10px;}
.news .left .bd .newsTtx{width: 357px;margin-top: 21px;}
.news .left .bd .newsTtx a{display: block;cursor: pointer;margin-bottom: 12px;}
.news .left .bd .newsTtx h4{position: relative;line-height: 40px;padding-left: 17px;}
.news .left .bd a:hover h4{color: #c7161c;}
.news .left .bd .newsTtx h4:before{position: absolute;content: '';width: 6px;height: 6px;background-color: #c7161c;
	border-radius: 50%;left: 0;top: 17px;}
.news .left .bd .newsTtx p{padding-left: 17px;}
.news .right{width: 394px;height: 400px;background-color: #FFFFFF;text-align: center;}
.news .right .tit{color: #FFFFFF;text-align: center;padding-top: 20px;background: url(../image/bg_form.jpg)no-repeat center;height: 95px;}
.news .right .tit h3{font-size: 20px;line-height: 30px;}
.news .right .tit h4{font-size: 16px;line-height: 24px;}
.news .right .form{padding: 15px 45px 0;}
.news .right p{margin-bottom: 16px;position: relative;}
.news .right p .input{font-size: 15px;width: 100%;height: 36px;padding-left: 25px;border-bottom: solid 1px #e8e8e8;}
.news .right p .sbmc{background: #ffffff url(../image/icon_sbmc1.png)no-repeat left center;}
.news .right p .sjhm{background: #ffffff url(../image/icon_sjhm1.png)no-repeat 2px center;}
.news .right p .code{background: #ffffff url(../image/icon_sjhm1.png)no-repeat 2px center;}
.news .right p .getCode{position: absolute;right: 1px;top: -1px;font-size: 15px;font-weight: 700;color: #c7161c;line-height: 36px;height: 36px;padding: 0 8px;background-color: #FFFFFF;cursor: pointer;}
.news .right p a{display: flex;justify-content: space-between;}
.news .right p a i{font-size: 16px;color: #999999;border: solid 1px #999999;width: 98px;height: 36px;line-height: 34px;
	cursor: pointer;}
.news .right p a i:nth-child(1){border-radius: 18px 0 0 18px;}
.news .right p a i:nth-child(3){border-radius: 0 18px 18px 0;}
.news .right p a i.on{color: #c7161c;border-color: #c7161c;}
.news .right .submit{font-size: 16px;color: #c7161c;font-weight: 700;border: solid 2px #c7161c;height: 50px;
	line-height: 46px;display: block;cursor: pointer;margin-top: 15px;letter-spacing: 1px;}
.news .right h5{font-size: 12px;color: #999999;text-align: left;line-height: 34px;}
.news .right i{color: #ff0000;}