/*banner*/
.banner .bd li:nth-child(3n+1) a{background: url(../image/img_banner1.jpg)no-repeat center;}
.banner .bd li:nth-child(3n+2) a{background: url(../image/img_banner1.jpg)no-repeat center;}
.banner .bd li:nth-child(3n+3) a{background: url(../image/img_banner1.jpg)no-repeat center;}
/*版权登记方式多样化*/
.diversify{margin-top: 81px;}
.diversify .part1{background: url(../image/img_diversify1.png)no-repeat left center;height: 414px;padding-right: 31px;margin-bottom: 149px;}
.diversify .part2{background: url(../image/img_diversify2.png)no-repeat right center;height: 484px;padding-left: 85px;margin-bottom: 64px;}
.diversify .part{margin-top: 79px;width: 1300px;padding-top: 38px;}
.diversify .txt{}
.diversify .txt h3{color: #333333;font-size: 38px;font-weight: 700;line-height: 60px;margin-bottom: 40px;}
.diversify .txt h3 span{font-size: 24px;font-weight: 700;margin-left: 10px;text-transform: uppercase;}
.diversify .txt h4{font-size: 21px;font-weight: 700;color: #333333;line-height: 50px;}
.diversify .txt h4 span{color: #C7161C;font-weight: 700;}
.diversify .txt p{font-size: 20px;color: #333333;line-height: 34px;margin-bottom: 38px;}
.diversify .txt a{display: block;cursor: pointer;width: 240px;height: 52px;border-radius: 26px;font-size: 21px;
	color: #FFFFFF;background-color: #c7161c;text-align: center;line-height: 52px;margin-top: 47px;}
.diversify .txt a img{margin-left: 12px;transition: all 0.3s;}
.diversify .txt a:hover img{margin-left: 70px;}
/*可登记版权的作品类型*/
.type{background-color: #f1f3f5;padding-top: 48px;padding-bottom: 64px;}
.type ul{display: flex;flex-flow: row wrap;margin-top: 50px;}
.type li{width: 400px;height: 270px;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: all 0.5s;}
.type li:hover{background-color: #FFFFFF;box-shadow: 0 0 10px 4px #edeef0;}
.type li img{}
.type li h4{font-size: 24px;color: #333333;line-height: 62px;margin-top: 13px;}
.type li p{font-size: 16px;color: #666666;line-height: 22px;}
.type .consulation{display: block;cursor: pointer;width: 306px;height: 50px;border-radius: 26px;font-size: 21px;
	color: #FFFFFF;background-color: #c7161c;text-align: center;line-height: 50px;margin: 47px auto 0;}
.type .consulation img{margin-left: 12px;transition: all 0.3s;}
.type .consulation:hover img{margin-left: 90px;}
/*版权登记流程*/
.process{background: url(../image/bg_process.jpg)no-repeat center;height: 522px;padding-top: 44px;}
.process .title h3{color: #FFFFFF;}
.process ul{background: url(../image/bg_process.png) no-repeat center 47px;display: flex;margin-top: 58px;}
.process ul li{text-align: center;width: 20%;position: relative;}
.process ul li .img{border: solid 2px #FFFFFF;width: 104px;height: 104px;border-radius: 50%;display: flex;position: absolute;
	align-items: center;justify-content: center;background-color: #3f3f40;transition: all 0.3s;left: 50%;margin-left: -52px;}
.process ul li .img .grey{}
.process ul li .img .white{display: none;}
.process ul li:hover .img{margin-top: -11px;}
.process ul li:hover .img{background-color: #292929;}
.process ul li .img .grey{display: none;}
.process ul li .img .white{display: block;}
.process ul li h4{font-size: 20px;color: #ffffff;font-weight: 700;line-height: 48px;margin-top: 128px;}
.process ul li p{font-size: 17px;color: #999999;line-height: 34px;}
.process ul li a{display: inline-block;font-size: 16px;color: #FFFFFF;background-color: #c7161c;width: 132px;
	height: 34px;line-height: 34px;text-align: center;cursor: pointer;margin-top: 22px;}
.process ul li a:hover{color: #333333;background-color: #FFFFFF;}
/*版权登记的优势*/
.advantage{margin-top: 46px;margin-bottom: 68px;}
.advantage ul{display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 47px;}
.advantage ul li{width: 584px;height: 195px;border: solid 1px #dcdcdc;position: relative;margin-bottom: 34px;}
.advantage ul li:before{position: absolute;content: '';width: 10px;height: 29px;background-color: #c7161c;
	left: -1px;top: 51px;}
.advantage li i{display: block;position: absolute;background-color: #c7161c;transition: all 0.5s;}
.advantage li .i1{width: 1px;height: 0;left: 0;top: 0;}
.advantage li .i2{height: 1px;width: 0;left: 0;top: 0;}
.advantage li .i3{width: 1px;height: 0;right: 0;top: 0;}
.advantage li .i4{height: 1px;width: 0;right: 0;bottom: 0;}
.advantage li:hover .i1,.advantage li:hover .i3{height: 100%;}
.advantage li:hover .i2,.advantage li:hover .i4{width: 100%;}
.advantage ul li:nth-child(1){background: url(../image/bg_advantage1.jpg)no-repeat center;}
.advantage ul li:nth-child(2){background: url(../image/bg_advantage2.jpg)no-repeat center;}
.advantage ul li:nth-child(3){background: url(../image/bg_advantage3.jpg)no-repeat center;}
.advantage ul li:nth-child(4){background: url(../image/bg_advantage4.jpg)no-repeat center;}
.advantage ul li h4{font-size: 36px;color: #ededed;font-weight: 700;text-transform: uppercase;line-height: 96px;}
.advantage ul li h5{font-size: 26px;color: #333333;line-height: 36px;position: absolute;top: 47px;left: 37px;}
.advantage ul li p{font-size: 18px;color: #666666;line-height: 36px;margin-top: 2px;margin-left: 37px;letter-spacing: 0.5px;}
.advantage .understand{display: block;cursor: pointer;width: 306px;height: 50px;border-radius: 26px;font-size: 21px;
	color: #FFFFFF;background-color: #c7161c;text-align: center;line-height: 50px;margin: 20px auto 0;}
.advantage .understand img{margin-left: 12px;transition: all 0.3s;}
.advantage .understand:hover img{margin-left: 90px;}