/*banner*/
.banner .bd li:nth-child(3n+1) a{background: url(../image/img_banner11.jpg)no-repeat center;}
.banner .bd li:nth-child(3n+2) a{background: url(../image/img_banner11.jpg)no-repeat center;}
.banner .bd li:nth-child(3n+3) a{background: url(../image/img_banner11.jpg)no-repeat center;}
/*专利类型介绍*/
.introduce{margin-top: 81px;}
.introduce ul{display: flex;justify-content: space-between;flex-flow: row wrap;margin-top: 52px;padding-right: 161px;}
.introduce ul li{position: relative;margin-bottom: 47px;}
.introduce li .txt{position: absolute;background: url(../image/bg_introduce.png)no-repeat center;
	width: 376px;height: 302px;top: -1px;left: 208px;padding: 0 56px;transition: all 0.3s;}
.introduce ul li:hover .txt{left: 234px;}
.introduce li .txt h3{font-size: 30px;color: #eaf0f5;font-weight: 700;text-transform: uppercase;margin-top: 44px;}
.introduce li .txt h4{font-size: 22px;color: #333333;font-weight: 700;position: absolute;top: 62px;}
.introduce li .txt h4 span{color: #c7161c;font-weight: 700;}
.introduce li .txt p{font-size: 15px;color: #888888;line-height: 30px;line-height: 28px;margin-top: 25px;}
.introduce li .txt a{font-size: 14px;color: #FFFFFF;background-color: #232839;width: 126px;height: 36px;
	line-height: 36px;text-align: center;border-radius: 18px;cursor: pointer;float: right;margin-top: 30px;}
/*专利的五大用途*/
.use{background: url(../image/bg_use.jpg)no-repeat center;height: 835px;padding-top: 37px;margin-top: 25px;}
.use .title h3{color: #FFFFFF;}
.use .content{display: flex;justify-content: space-between;margin-top: 20px;background: url(../image/img_use.png)no-repeat 423px 57px;height: 626px;}
.use .content ul{width: 525px;}
.use .content ul li{padding-left: 12px;border-bottom: dashed 1px #41455e;display: flex;align-items: center;padding-bottom: 15px;padding-top: 22px;transition: all 0.5s;}
.use .content ul li:hover{background-color: #292e40;}
.use .content ul li img{margin-left: 5px;}
.use .content ul li .txt{margin-left: 28px;transition: all 0.3s;}
.use .content ul li h4{font-size: 22px;color: #FFFFFF;font-weight: 700;line-height: 32px;}
.use .content ul li h4 span{color: #53fdff;font-weight: 700;}
.use .content ul li p{font-size: 16px;color: #FFFFFF;line-height: 30px;}
.use .understand{display: block;cursor: pointer;width: 310px;height: 50px;font-size: 21px;
	color: #FFFFFF;background-color: #c7161c;text-align: center;line-height: 50px;margin: -37px auto 0;}
.use .understand img{margin-left: 12px;transition: all 0.3s;}
.use .understand:hover img{margin-left: 110px;}
/*专利申请流程*/
.process{background: url(../image/bg_process1.jpg)no-repeat center;height: 713px;padding-top: 31px;}
.process ul{display: flex;justify-content: space-between;margin-top: 63px;margin-top: 125px;}
.process li{background-color: #FFFFFF;position: relative;width: 221px;height: 304px;box-shadow: 0 0 15px 2px rgba(0,0,0,0.1);text-align: center;position: relative;}
.process li .content{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;}
.process li:before{position: absolute;content: '';left: 0;width: 100%;bottom: 0;height: 0;background-color: #252a3a;transition: height 0.3s;}
.process li:hover:before{height: 100%;}
.process li:nth-child(2n+1){margin-top: -62px;}
.process li .img{width: 97px;height: 97px;background-color: #c7161c;border-radius: 50%;box-shadow: 0 5px 15px 2px rgba(0,0,0,0.1);
	display: flex;align-items: center;justify-content: center;position: absolute;left: 50%;margin-left: -49px;
	top: 35px;}
.process li .img .black{display: none;}
/*.process li:hover{background-color: #252a3a;}*/
.process li:hover .img{background-color: #FFFFFF;transition: all 0.3s;}
.process li:hover .img .white{display: none;}
.process li:hover .img .black{display: block;}
.process li h3{text-transform: uppercase;font-size: 50px;color: rgba(102,102,102,0.1);line-height: 70px;
    margin-top: 98px;}
.process li:hover h3{color: rgba(102,102,102,0.5);}
.process li h4{font-size: 22px;color: #333333;line-height: 54px;margin-top: 2px;transition: all 0.3s;}
.process li:hover h4{color: #4ff2f6;font-weight: 700;}
.process li p{font-size: 14px;color: #666666;position: relative;padding-left: 15px;display: inline-block;
	line-height: 24px;margin: 0 20px;transition: all 0.3s;}
.process li p:before{position: absolute;content: '';width: 4px;height: 4px;background-color: #666666;
	transform: rotate(45deg);left: 0;top: 9px;}
.process li:hover p{color: #FFFFFF;}
.process li:hover p:before{background-color: #FFFFFF;}
.process a{display: block;cursor: pointer;width: 310px;height: 50px;font-size: 21px;
	color: #FFFFFF;background-color: #c7161c;text-align: center;line-height: 50px;margin: 63px auto 0;}
.process a img{margin-left: 12px;transition: all 0.3s;}
.process a:hover img{margin-left: 110px;}
/*人人都可以申请专利*/
.patent{padding-top: 42px;}
.patent ul{display: flex;justify-content: space-between;margin-top: 38px;}
.patent ul li{width: 290px;box-shadow: 0 0 10px 5px #f2f3f6;position: relative;padding-bottom: 15px;}
.patent ul li:hover h4{padding-left: 115px;}
.patent li h4{font-size: 18px;color: #FFFFFF;font-weight: 700;background-color: #c7161c;padding-left: 19px;
	width: 275px;height: 48px;line-height: 48px;position: absolute;left: 0;top: 230px;transition: padding-left 0.5s;}
.patent li p{font-size: 16px;color: #333333;line-height: 36px;margin-top: 52px;margin-left: 25px;}
.patent li h5{font-size: 16px;color: #333333;font-weight: 700;margin-right: 28px;text-align: right;line-height: 36px;}
.patent .btn{background: url(../image/bg_patent.png)no-repeat center;height: 102px;margin: 36px 0 41px;text-align: right;}
.patent .btn span{font-size: 24px;color: #333333;line-height: 102px;}
.patent .btn a{display: inline-block;cursor: pointer;width: 310px;height: 55px;border-radius: 26px;font-size: 21px;
	color: #FFFFFF;background-color: #c7161c;text-align: center;line-height: 55px;margin: 24px 83px 0 33px;
	vertical-align: top;box-shadow: -5px 0 10px 1px #aab0c3;}
.patent .btn a img{margin-left: 12px;transition: all 0.3s;}
.patent .btn a:hover img{margin-left: 70px;}