@charset "UTF-8";
li {
	list-style: none;
}

@media (min-width: 1025px) {
.view {
	padding: 0;
	width: 74%;
	margin: 0 auto;
	padding-left: 150px;
}
.header-view {
	padding: 0;
}
header {
	width: 150px;
	height: 100%;
	padding-right: 22px;
	background-image: url('../images/nav-bg_02.png');
	background-size: cover;
}
.m-nav {
	display: none!important;
}
header .right .navbtn {
	display: none;
}
header .logo {
	display: block;
	float: none;
	width: 80px;
	margin: 3.15vh auto 0;
}
header .nav {
	display: block;
	text-align: center;
	margin-top: 20vh;
}
header .nav a {
	display: block;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 3.68vh;
	color: #333333;
	transition: all .2s linear;
}
header .nav a:last-child {
	margin-bottom: 0;
}
header .nav a:hover,  header .nav a.cur {
	color: #e60012;
}
header .lang-box {
	display: block;
	text-align: center;
	font-size: 0;
	margin-top: 4vh;
}
header .lang {
	display: inline-block;
 *display: inline;
	zoom: 1;
	font-size: 15px;
	text-align: center;
	color: #333;
	line-height: 25px;
	transition: all .2s linear;
}
header .right .lang {
	display: none;
}
header .lang:hover {
	color: #e60012;
}
header .right {
	float: none;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 6.3%;
	box-sizing: border-box;
	padding-right: 22px;
	text-align: center;
}
header .right a {
	width: 18px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
}
header .right .search-btn {
	width: 18px;
	height: 16px;
	background-image: url('../images/pc-search-btn.png');
	margin: 0 10px;
	transition: all .2s linear;
}
header .right .share-box {
	display: inline-block;
 *display: inline;
	zoom: 1;
	font-size: 0;
}
header .right .share-box a {
	display: inline-block;
 *display: inline;
	zoom: 1;
	width: 18px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0 10px;
	padding: 0;
	transition: all .2s linear;
}
header .right .share-box .bds_tsina {
	background-image: url('../images/share-icon2.png');
}
header .right .share-box .bds_weixin {
	background-image: url('../images/share-icon1.png');
}
header .right .search-btn:hover {
	background-image: url('../images/h-pc-search-btn.png');
}
header .right .share-box .bds_tsina:hover {
	background-image: url('../images/h-share-icon2.png');
}
header .right .share-box .bds_weixin:hover {
	background-image: url('../images/h-share-icon1.png');
}
.search-dialog {
	font-size: 18px;
	width: 680px;
	padding: 20px 30px;
}
.search-dialog input[type=text] {
	font-size: 18px;
}
.clearfixed {
	height: 0;
}
/* header end */
footer .top-box {
	padding: 40px 0;
	overflow: hidden;
}
.f-nav li {
	margin-right: 8vw;
}
footer .qrcode-box {
	width: 100%;
	text-align: left;
	margin: 0;
}
footer .qrcode-box .item {
	margin: 0 .2rem 0 0;
	text-align: center;
}
footer .f-nav .sub a,  footer .link-box a {
	transition: all .2s linear;
}
footer .f-nav .sub a:hover,  footer .link-box a:hover {
	color: #e60012;
}
footer .icon-box .item .txt {
	transition: all .2s linear;
}
footer .icon-box .item:hover .txt {
	color: #e60012;
}
footer .copy-box .copy a {
	transition: all .2s linear;
}
footer .copy-box .copy a:hover {
	color: #e60012;
}
/* footer end */
.foot-view {
	padding: 0;
	width: 80%;
	padding: 0 0 0 175px;
	max-width: 1025px;
	margin: 0 auto;
}
footer .copy-box .build a {
	transition: all .2s linear;
}
footer .copy-box .build a:hover {
	color: #e60012;
}
footer .right-box {
	float: right;
	text-align: center;
	min-width: 12vw;
}
footer .right-box .right {
	display: block;
	margin-top: 20px;
}
footer .icon-box {
}
footer .link-box {
}
footer .link-box a {
	font-size: 14px;
	line-height: 24px;
}
footer .icon-box .divide {
	margin: 0 30px;
}
/* footer end */
.welcome .clearfixed {
	display: none;
}
.index-wrap {
	top: 0;
	height: 100%;
}
.banner .pc-img {
	display: block;
}
.banner .m-img {
	display: none;
}
.banner .text-box {
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
	bottom: auto;
}
.banner .text-box .text {
	display: inline-block;
 *display: inline;
	zoom: 1;
	text-align: center;
}
.banner .text-box .txt {
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 6px;
	padding-left: 6px;
}
.banner .text-box .desc {
	font-size: 46px;
	line-height: 56px;
	letter-spacing: 6px;
	padding-left: 6px;
}
.banner .text-box .more {
	width: 280px;
	height: 60px;
}
.banner .text-box .more span {
	line-height: 60px;
	font-size: 16px;
	transition: all .2s linear;
}
.banner .text-box .more span:before {
	transition: all .2s linear;
}
.banner .text-box .more:hover span {
	color: #e60012;
}
.banner .text-box .more:hover span:before {
	right: -10px;
	background-image: url('../images/index-more2.png');
}
.banner .btns {
	bottom: 8.94%;
}
.banner .mouse {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 3.684%;
	z-index: 3;
	transform: translateX(calc(-50% + 75px));
}
.idea-box .m-box {
	display: none;
}
.idea-box .pc-box {
	display: block;
}
.idea-box .idea-view {
	padding-left: 150px;
}
.idea-box .pc-box .idea-view,  .idea-box .pc-box .list,  .idea-box .pc-box .row {
	height: 100%;
}
.idea-box .pc-box .item {
	height: 33.33%;
	overflow: hidden;
}
.idea-box .pc-box .item .con-box {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all .2s linear;
}
.idea-box .pc-box .item:hover .con-box {
	transform: scale(1.1);
}
.idea-box .pc-box .col-lg-6:hover .con-box {
	transform: scale(1);
}
.idea-box .pc-box .item .text {
	position: absolute;
	width: 400px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.index-more {
	width: 130px;
	margin: 5px auto 0;
	position: relative;
}
.index-more a {
	transition: all .2s linear;
}
.index-more a:before {
	transition: all .2s linear;
}
.index-more a:hover {
	color: #e60012;
}
.index-more a:hover:before {
	right: -10px;
	background-image: url('../images/index-more2.png');
}
.index-more:hover a {
	color: #e60012;
}
.coo-box .text-box .text {
	margin: 0;
}
.coo-box .index-more {
	width: 100%;
}
.coo-box .index-more:before {
	display: none;
}
.coo-box .text-box .text {
	width: 440px;
}
.coo-box .text-box .text .tit {
	display: inline-block;
 *display: inline;
	zoom: 1;
	font-size: 45px;
	line-height: 55px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.coo-box .text-box .text .pub-con {
	width: 360px;
	line-height: 36px;
}
.coo-box .logo-box {
	margin-top: 30px;
}
.coo-box .logo-box .img-box {
	padding: 35px 0;
}
.fun-box .m-box {
	display: none;
}
.fun-box .pc-box {
	display: block;
}
.fun-view {
	max-width: 1370px;
	width: 74%;
	margin: 0 auto;
	height: 100%;
	padding-left: 175px;
}
.fun-wrap {
	height: 100%;
	position: relative;
}
.fun-box .text-box {
	padding: 0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-52%);
	text-align: left;
	width: 40%;
}
.fun-box .pc-box {
	position: absolute;
	right: 0;
	top: 50%;
	width: 58.76%;
	transform: translateY(-50%);
}
.fun-box .pc-box>img {
	width: 100%;
}
.fun-box .pc-box .item {
	position: absolute;
}
.fun-box .pc-box .item .img {
	border-radius: 50px;
}
.fun-box .pc-box .item1 {
	top: 0;
	right: 13.67%;
	width: 39.13%;
	z-index: 3;
}
.fun-box .pc-box .item2 {
	top: 25%;
	left: 0;
	width: 37.88%;
}
.fun-box .pc-box .item3 {
	width: 33%;
	right: 0;
	bottom: 0;
}
.fun-box .text {
	width: 16vw;
	left: -4.6875vw;
	bottom: 10px;
}
.fun-box .text .tit {
	padding: 5px 0;
}
.fun-box .text .pub-con {
	padding: 0 10px;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	height: 40px;
	margin: 10px 0;
}
.fun-box .yin {
	width: 20px;
	top: -6px;
	left: 25px;
}
.fun-box .text-box .fun-more {
	margin: 20px 0 0;
	width: 230px;
	height: 60px;
	line-height: 60px;
}
.product-view {
	padding: 0;
	max-width: 1120px;
	width: 70%;
	margin: 0 auto;
	padding-left: 175px;
}
.i-product-box {
	padding: 0;
	position: relative;
}
.i-product-wrap {
	position: absolute;
	left: 0;
	top: 13%;
	/* transform: translateY(-50%); */
	width: 100%;
}
.i-product-box .tab-btns {
	margin-top: 15px;
}
.i-product-box .tab-btns .swiper-slide {
	padding: 20px 0 20px 30px;
	transition: background-image .2s linear, color .2s linear;
}
.i-product-box .i-product .swiper-slide {
	margin-bottom: 0;
	padding-top: 10px;
}
.i-product-box .i-product .swiper-slide {
	padding: 0 10px;
}
.i-product-box .i-product .swiper-slide .img {
	position: relative;
	top: 0;
	transition: all .2s linear;
}
.i-product-box .i-product .swiper-slide:hover .img {
	top: -10px;
}
.i-product-box .i-product .btns {
	margin-top: 50px;
}
.i-product-box .tab-btns .swiper-slide:hover {
	color: #222;
}
.product-tab .prev,  .product-tab .next {
	transform: translateY(calc(-50% - 60px));
	transition: all .2s linear;
}
.product-tab .prev {
	left: -4vw;
	background-image: url('../images/product-prev.png');
}
.product-tab .next {
	right: -4vw;
	background-image: url('../images/product-next.png');
}
.product-tab .prev:hover {
	background-image: url('../images/h-product-prev.png');
}
.product-tab .next:hover {
	background-image: url('../images/h-product-next.png');
}
.star-box .m-box {
	display: none;
}
.star-box .pc-box {
	display: block;
	height: 100%;
}
.star-box .pc-box .item {
	position: absolute;
	top: 0;
	width: 6.5%;
	height: 100%;
	overflow: hidden;
}
.star-box .pc-box .item:nth-child(1) {
	left: 0%;
	width: 87%;
}
.star-box .pc-box .item:nth-child(2) {
	left: 87%;
}
.star-box .pc-box .item:nth-child(3) {
	left: 93.5%;
}
.star-box .bg {
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}
.star-box .item:nth-child(1) .bg {
	background-position: 30% center;
}
.star-box .text-box {
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	z-index: 3;
}
.star-box .text-box .txt {
	font-size: 18px;
	line-height: 28px;
}
.star-box .text-box .tit {
	font-size: 32px;
	line-height: 42px;
	margin: 15px 0;
}
.star-box .text-box .more {
	text-align: center;
	margin: 30px 0 0;
	width: 250px;
	height: 50px;
	line-height: 50px;
	border-radius: 6px;
}
.star-box .text-box .more span {
	transition: all .2s linear;
}
.star-box .text-box .more span:before {
	transition: all .2s linear;
}
.star-box .text-box .more:hover span {
	color: #e60012;
}
.star-box .text-box .more:hover span:before {
	right: -10px;
	background-image: url('../images/index-more2.png');
}
.star-box .star-btn {
	position: absolute;
	left: 50%;
	bottom: 13%;
	transform: translateX(-50%);
	width: 40px;
	height: 30px;
	border-radius: 15px;
	border: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/star-arrow.png');
	z-index: 5;
	transition: all .2s linear;
}
.star-box .item:nth-child(1) .star-btn {
	display: none;
}
.star-box .item:nth-child(1) .text-box {
	display: block;
}
.star-box .item:nth-child(1) .text {
	padding-left: 50px;
}
.star-box .item:nth-child(1) .img {
	right: 10%;
}
.star-box .star-btn:hover {
	border-color: #e60012;
	background-color: #e60012;
}
.ripples-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 2;
}
.ripples-box canvas {
	width: 100vw;
	height: 100vh;
}
.pns-bg2 .ripples-box {
	overflow: hidden;
	width: 100%;
	height: 100%
}
.pns-bg2 canvas {
	width: 100%;
	height: 100%;
}
.star-view {
	position: relative;
	z-index: 3;
}
.star-box .ocean img {
/* display: none; */
}
.star-box .ocean canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw!important;
	height: 100vh!important;
	transform: translate(0) scale(1)!important;
	left: 0!important;
	top: 0!important;
}
#particle-canvas {
	position: absolute!important;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 2;
}
#particle-canvas canvas {
	width: 100%;
	height: 100%;
}
.star-box .item .img {
	position: absolute;
	width: 20.2%;
	top: 50%;
	transform: translateY(-50%);
	right: 20%;
	z-index: 4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.star-box .item .img img {
	width: 100%;
}
.star-box .item.ocean .img {
	/* right: -5%;
		top: 0;
		width: 55%;
		transform: translateY(0); */

	right: 0%;
	top: 0;
	width: 33%;
	height: 100%;
	transform: translateY(0);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}
.star-box .item:nth-child(1) .img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.star-box .item:nth-child(1) .img img {
	transform: translateX(40px);
	opacity: 0;
	filter: alpha(opacity=0);
}
.star-box .item:nth-child(1) .text {
	transform: translateX(-40px);
	opacity: 0;
	filter: alpha(opacity=0);
}
.fade-in-up {
	transform: translateY(40px);
	opacity: 0;
}
.fade-in {
	opacity: 0;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .fade-in-up {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: transform 1.8s cubic-bezier(.25, .74, .22, .99), opacity 1.8s cubic-bezier(.25, .74, .22, .99);
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .idea-box .fade-in {
	opacity: 1;
	transition: transform 1.8s cubic-bezier(.25, .74, .22, .99), opacity 1.8s cubic-bezier(.25, .74, .22, .99);
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .idea-box .text {
	transition-delay: .15s;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .idea-box .col-lg-3 {
	transition-delay: .1s;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .coo-box .tit {
	transition-delay: .1s;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .coo-box .pub-con {
	transition-delay: .2s;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .coo-box .logo-box {
	transition-delay: .3s;
}
.fade-in-left {
	transform: translateX(-40px);
	opacity: 0;
}
.fade-in-right {
	transform: translateX(40px);
	opacity: 0;
}
.star-box .item.active .fade-in-left {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateX(0);
	transition: all .8s linear;
	transition-delay: .1s;
}
.fade-in-right {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateX(0);
	transition: all .8s linear;
	transition-delay: .1s;
}
.star-box .item.active img.fade-in-right {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateX(0);
	transition: all .8s linear;
	transition-delay: .1s;
}
.star-box .item.ocean .img {
	transform: translateX(40px);
	opacity: 0;
}
.star-box .item.ocean.active .img {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateX(0);
	transition: all .8s linear;
	transition-delay: .1s;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .fun-box .fade-in-left {
	opacity: 1;
	transform: translateX(0);
	transition: transform 1.8s cubic-bezier(.25, .74, .22, .99), opacity 1.8s cubic-bezier(.25, .74, .22, .99);
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .fun-box .fade-in {
	opacity: 1;
	transition: transform 1.8s cubic-bezier(.25, .74, .22, .99), opacity 1.8s cubic-bezier(.25, .74, .22, .99);
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .fun-box .item1 {
	transition-delay: .2s;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .fun-box .item2 {
	transition-delay: .3s;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .fun-box .item3 {
	transition-delay: .4s;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .i-product-box h3 {
	transition-delay: .1s;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .i-product-box .tab-btns {
	transition-delay: .2s;
}
.index-wrap>.swiper-wrapper>.swiper-slide.active .i-product-box .product-ajax {
	transition-delay: .3s;
}
.ani {
	visibility: hidden;
}
.coo-box .text-box {
	top: 21%;
}
/* welcome end */
.ban-about .pc-box .text-box {
	top: 14.2%;
	transform: translateY(0);
}
.ban-about .pc-box .text-box .text {
	position: absolute;
	left: 175px;
	top: 50%;
	width: auto;
	transform: translateY(-50%);
	z-index: 6;
	text-align: center;
}
.ban-about .pc-box .text .tit {
	font-size: 40px;
	line-height: 50px;
}
.ban-about .pc-box .text .con {
	font-size: 18px;
	line-height: 28px;
}
.ban-about .pc-box .video-wrap {
	float: right;
	margin: 0;
	width: 64.436%;
	margin-right: 16.9%;
	position: relative;
	z-index: 3;
}
.ban-about .pc-box .person {
	width: 27.34375vw;
	top: auto;
	bottom: 14.7vh;
	right: 0;
}
.ban-about .pc-box .water {
	height: 41.26vh;
	background-size: cover;
	background-position: right bottom;
}
.brand-view {
	width: 62.5%;
	padding: 0 0 0 175px;
	margin: 0 auto;
	max-width: 1200px;
}
.about-tit .txt {
	font-size: 35px;
	line-height: 45px;
	padding: 0 30px;
}
.about-idea-box .text-box .text {
	top: -90px;
	padding: 35px 2vw;
}
.about-idea-box .img-box {
	margin-top: 50px;
}
.about-view {
	width: 74%;
	padding: 0 0 0 175px;
	margin: 0 auto;
}
.phi-box .list-box {
	margin-top: 80px;
}
.phi-box .text .tit {
	font-size: 18px;
	line-height: 28px;
}
.phi-box .pc-list .row {
	margin: 0 -20px;
}
.phi-box .pc-list .item {
	padding: 0 20px;
}
.phi-box .text {
	padding: 20px;
	bottom: -13%;
}
.activity-wrap {
	width: 80%;
	margin: 50px auto 0;
}
.activity-box .activity-text .tit {
	font-size: 30px;
	line-height: 40px;
}
.phi-box .pc-list .con-box {
	transition: all .2s linear;
}
.phi-box .pc-list .con-box:hover {
	transform: scale(1.2);
}
.activity-box {
	padding: 150px 0 100px;
}
.activity-wrap .activity-text .prev,  .activity-wrap .activity-text .next {
	transition: all .2s linear;
}
.activity-wrap .activity-text .prev:hover,  .activity-wrap .activity-text .next:hover {
	background-color: #e60012;
	border-color: #e60012;
}
.activity-wrap .activity-text .prev:hover {
	background-image: url('../images/act-prev2.png');
}
.activity-wrap .activity-text .next:hover {
	background-image: url('../images/act-next2.png');
}
.video-box .video {
	width: 900px;
	height: 600px;
}
.news-box {
	margin-top: 50px;
}
.news-box .text-box .con {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* about end */
.sub-banner .pc-img {
	display: block;
}
.sub-banner .m-img {
	display: none;
}
.sub-banner .text-box {
	width: 100%;
	text-align: left;
	bottom: auto;
	top: 31.5%;
	left: 0;
	transform: translateY(0);
}
.sub-banner .text-box .tit {
	font-size: 36px;
	line-height: 50px;
	padding-bottom: 20px;
	display: inline-block;
 *display: inline;
	zoom: 1;
}
.sub-banner .text-box .con {
	font-size: 16px;
	line-height: 36px;
	width: 340px;
}
.center-box .center-view {
	padding: 0 0 0 175px;
	width: 56.78%;
	margin: 0 auto;
	max-width: 1090px;
}
.center-box .center {
	padding: 0;
	position: relative;
}
.center-box .num-box {
	width: 100%;
	background-image: url('../images/center-bg2.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.center-box .text-box {
	width: 42%;
}
.center-box .text-box .tit {
	font-size: 26px;
	line-height: 36px;
}
.center-box .text-box .con {
	height: 200px;
	margin-top: 25px;
}
.center-box .num-box .txt {
	font-size: 14px;
	line-height: 24px;
}
.center-box .num-box {
	padding: 40px 6%;
}
.center-box .num-box .item .num,  .center-box .num-box .item .txt {
	transition: all .2s linear;
}
.center-box .num-box .item:hover .num,  .center-box .num-box .item:hover .txt {
	color: #e60012;
}
.research-view {
	padding: 0 0 0 175px;
	width: 51.5625%;
	margin: 0 auto;
}
.origin-box {
	padding: 90px 0 0;
}
.origin-box .list {
	width: 100%;
	margin-top: 80px;
}
.tech-box {
	padding-bottom: 90px;
}
.origin-box .list li {
	width: 42%;
	margin-bottom: 120px;
	top: 80px;
	position: relative;
	transform: translateY(120px);
}
.origin-box .list .text {
	padding: 20px;
}
.origin-box .list .tit {
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 10px;
}
.origin-box .list li:nth-child(2) {
	margin-top: 150px;
}
.origin-box .list li .img {
	overflow: hidden;
}
.origin-box .list li img {
	transition: all .2s linear;
}
.origin-box .list li:hover img {
	transform: scale(1.1);
}
/* research end */
.ban-fun .text-box .view {
	padding-left: 175px;
}
.hello-box {
	padding: 70px 0 90px;
}
.hello-view {
	width: 79.17%;
	margin: 0 auto;
	padding-left: 175px;
	height: 100%;
}
.hello-box .img {
	left: 175px;
	width: 39%;
}
.hello-box .text-box {
	padding: 70px 8vw;
	width: 80%;
	background-image: url('../images/hello-bg.png');
}
.hello-box .text-box .line {
	margin-top: 20px;
}
.hello-box .text-box .con {
	margin-top: 15px;
}
.hello-box .text-box .text {
	float: right;
	width: 75%;
}
.hello-box .text-box .line {
	width: 48px;
	height: 3px;
}
.desc-view {
	width: 43.75%;
	padding-left: 175px;
	margin: 0 auto;
}
.fun-list-box {
	padding-bottom: 0;
	background-image: url('../images/fun-list-bg.jpg')
}
.fun-list-box .desc-box {
	padding: 40px 30px;
	width: 100%;
}
.fun-list-box .desc-box .icon2 {
	bottom: -30px;
}
.fun-list-box .desc-box .con {
	text-align: center;
}
.fun-list-box .list-view {
	width: 74%;
	margin: 0 auto;
	padding-left: 175px;
}
.fun-list-box .list {
	margin-top: 80px;
}
.fun-list-box .list.on {
	padding-bottom: 0;
}
.fun-list-box .list .item {
	width: 33.33%;
	margin-bottom: 120px;
}
.fun-list-box .list .item .con-box {
	position: relative;
	top: 0;
	transition: all .2s linear;
}
.fun-list-box .list .item .con-box:hover {
	position: relative;
	top: -30px;
}
.fun-list-box .list .text .tit {
	padding: 5px;
}
.fun-list-box .list .text .con {
	/* height: 40px; */
	padding: 0 20px;
	overflow: hidden;
	margin: 10px 0;
}
.fun-list-box .list .text .book {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .2s linear;
}
.fun-list-box .list .text .yin {
	left: 20px;
}
/* .fun-list-box .list .item .con-box:hover {
		top: -60px;
	} */
.fun-list-box .list .item .con-box:hover .book {
	opacity: 1;
	filter: alpha(opacity=100);
}
.fun-list-box .list .item .con-box:hover .con {
	height: auto;
}
.fun-list-box .list .load-box {
	margin-top: 0;
}
.load-box .load-btn:before {
	width: 0;
	transition: all .2s linear;
}
.load-box .load:hover .load-btn:before {
	width: 100%;
}
.focus-box {
	display: block;
	padding: 60px 0;
	background-color: #ffeff3;
	text-align: center;
}
.focus-box .txt {
	font-size: 30px;
	line-height: 48px;
}
.focus-box .qrcode {
	margin-top: 20px;
	font-size: 0;
}
.focus-box .qrcode .item {
	display: inline-block;
 *display: inline;
	zoom: 1;
	width: 80px;
	margin: 0 25px;
}
.focus-box .qrcode img {
	width: 100%;
}
.focus-box .qrcode .txt {
	font-size: 14px;
	padding-left: 30px;
	line-height: 24px;
	display: inline-block;
 *display: inline;
	zoom: 1;
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
}
.focus-box .qrcode .item:nth-child(1) .txt {
	background-image: url('../images/sina.png');
}
.focus-box .qrcode .item:nth-child(2) .txt {
	background-image: url('../images/wechat.png');
}
/* fun end */
.product-box .tab-btns {
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

	
.ban-product .text-box .tit {
	width: 340px;
}
.product-box {
	padding: 70px 0 50px;
}
.product-box .tab-btns .swiper-slide {
	padding: 20px 0 20px 40px;
	background-size: auto;
	transition: all .2s linear;
}
/* .product-box .tab-btns .swiper-slide:first-child{
		margin-left: 0;
	}
	.product-box .tab-btns .swiper-slide:last-child{
		margin-right: 0;
	} */
.product-box .tab-btns-box .next {
	/*right: -40px;*/
}
.product-box .tab-btns-box .prev {
	left: 135px;
}
.product-box .tab-btns .swiper-slide:hover {
	color: #e60012;
}
.product-view {
	padding-left: 175px;
	margin: 74%;
	margin: 0 auto;
}
.tab-btns .product-view {
	overflow: hidden;
	padding: 0;
}
.product-box .tab-btns .swiper-wrapper {
	/*justify-content: left;*/
	display: -ms-flexbox;
	-ms-flex-pack: left;
}
.product-box .list .row {
	margin: 0 -10px;
}
.product-box .list .item {
	margin-bottom: 20px;
	padding: 0 10px;
}
.product-box .list .ml,  .product-box .list .desc {
	margin-top: 5px;
}
.product-box .list .buy {
	width: 100%;
	max-width: 170px;
	height: 30px;
	line-height: 30px;
}
.product-box .list .desc {
	height: 40px;
	overflow: hidden;
}
.product-box .list .buy,  .product-box .list .desc {
	opacity: 0;
	filter: alpha(opacity=0);
	position: relative;
	top: 15px;
	transition: opacity .2s linear, top .2s linear;
}
.product-box .list .con-box:hover .buy,  .product-box .list .con-box:hover .desc {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
/* product end */
.pns-bg1 {
	background-image: url('../images/pns-bg1.jpg');
}
.pns-bg1 .ripples-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ban-star .m-img {
	display: none;
}
.ban-star .pc-img {
	display: block;
	float: left;
	width: 65.83%;
}
.ban-star .text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}
.ban-view {
	width: 62.5%;
	margin: 0 auto;
	padding-left: 175px;
	position: relative;
}
.ban-star .text-box {
	bottom: auto;
	top: 16.8%;
	z-index: 3;
}
.ban-star .img-box {
	box-sizing: border-box;
	padding-left: 175px;
	bottom: 4.7%;
	z-index: 3;
}
.ban-star .text-box .more {
	width: 200px;
	margin: 20px auto 0;
}
.ban-star .text-box .more span {
	font-size: 16px;
}
.ban-star .prev,  .ban-star .next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 49px;
	height: 49px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all .2s linear;
}
.ban-star .prev {
	left: 75px;
	background-image: url('../images/ban-prev.png');
}
.ban-star .next {
	right: -100px;
	background-image: url('../images/ban-next.png');
}
.ban-star .prev:hover {
	background-image: url('../images/ban-prev2.png');
}
.ban-star .next:hover {
	background-image: url('../images/ban-next2.png');
}
.star-wrap {
	padding: 70px 0;
	background-image: url('../images/pns-bg2.jpg')
}
.star-view {
	width: 48.4375%;
	margin: 0 auto;
	padding-left: 175px;
	padding-top: 120px;
}
.star-wrap h3 {
	color: #0b3147;
	transform: translateY(120px);
}
.star-wrap .star-img {
	width: 50%;
	right: 0;
	top: 8%;
	transform: translateY(120px);
}
.star-wrap .list {
	margin-top: 5vh;
}
.star-wrap .list li {
	margin-bottom: 60px;
	transform: translateY(80px);
}
.star-wrap .list li:nth-child(2) {
	margin-top: 25vh;
}
.star-wrap .m-tit {
	display: none;
}
.star-wrap .pc-tit {
	display: inline-block;
	color: #0b3147;
	transform: translateY(120px);
}
.star-wrap .pc-tit .tit {
	font-size: 36px;
	line-height: 40px;
	margin-top: 15px;
	padding: 15px 0 0;
	border-top: 2px solid #2f2f2f;
}
.star-wrap .pc-tit .sub-tit {
	font-size: 20px;
	line-height: 30px;
}
.star-wrap .list li .text {
	font-size: 18px;
	line-height: 28px;
}
.head-box {
	background-image: url('../images/head-bg.jpg');
}
.head-box .m-img {
	display: none;
}
.head-box .pc-img {
	display: block;
}
.head-view {
	padding-left: 175px;
}
.head-box .img {
	width: 382px;
	margin-top: -50px;
}
/* .head-box .box1{
		width: 310px;
		right: auto;
		top: 21.3%;
		left: -200px;
	} */

.head-box .box {
	width: 230px;
}
.head-box .box:hover .tit,  .head-box .box.cur .tit {
	font-size: 25px;
	line-height: 35px;
}
.head-box .box2 {
	left: 49%;
}
.head-box .box3 {
	left: 56%;
}
.head-box .box .tit {
	font-size: 20px;
	line-height: 30px;
}
.head-box .box1:before {
	bottom: auto;
	top: 30px;
}
.head-box .box2:before,  .head-box .box3:before {
	top: 30px;
}
/* .head-box .box2 .tit,
	.head-box .box3 .tit{
		font-size: 20px;
		line-height: 30px;
	} */
.head-box .text .con {
	font-size: 16px;
	line-height: 26px;
}
/* pns end */
.star-wrap .list-box .right-box {
	width: 35%;
	top: 5%;
	transform: translateY(120px);
}
.star-view2 {
	width: 51.5625%;
}
.sdb-bg1 {
	background-image: url('../images/sdb-bg1.jpg');
}
.sdb-bg2 {
	background-image: url('../images/sdb-bg2.jpg');
}
.star-wrap .list .pc-img {
	display: block;
}
.star-wrap .list .m-img {
	display: none;
}
.sdb-bg2 .list li .con {
	margin: 0;
}
.sdb-bg2 .list li {
	width: 48.57%;
}
.sdb-bg2 .list li:nth-child(2n) {
	width: 35.2%;
}
.sdb-bg2 h3 {
	padding-left: 4vw;
}
.sdb-bg2 .tit-box {
	padding-left: 4vw;
}
.sdb-bg2 .list li {
	transform: translateY(120px);
}
.sdb-bg2 li:nth-child(1) .img {
	width: 78%;
	margin: 0 auto;
}
.sdb-bg2 .list li:nth-child(2) {
	margin-top: 30vh;
}
.sdb-bg2 .list .tit {
	font-size: 20px;
	line-height: 30px;
}
/* sdb end */
.ocean-bg1 {
	position: relative;
	background-image: url('../images/ocean-bg1.jpg')
}
.ocean-bg1 .sun {
	position: absolute;
	left: 36%;
	top: 0;
	width: 40.3%;
	display: block;
}
.ocean-bg1 .prev {
	background-image: url('../images/ban-prev3.png');
}
.ocean-bg1 .next {
	background-image: url('../images/ban-next3.png');
}
.ocean-bg1 .sun img {
	width: 100%;
}
.ocean-bg2 {
	position: relative;
	background-image: url('../images/ocean-bg2.jpg')
}
.ocean-bg2 canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.sdb-bg2 li:nth-child(1) .txt {
	width: 78%;
	margin: 20px auto 0;
}
.ocean-bg2 h3 {
	color: #fff;
}
.ocean-bg2 .pc-tit .sub-tit,  .ocean-bg2 .pc-tit .tit {
	color: #fff;
}
.ocean-bg2 .pc-tit .tit {
	border-color: #fff;
}
.sdb-bg2 {
	position: relative;
}
.sdb-bg2 .list li .img {
	position: relative;
}
.sdb-bg2 .list .tit {
	padding: 0 15px;
}
.sdb-bg2 .list .tit br {
	display: none;
}
.sdb-bg1 .demo,  .sdb-bg2 .demo {
	position: absolute!important;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
/* ocean end */
.store-view {
	padding: 0 0 0 175px;
	width: 69.79%;
	margin: 0 auto;
}
.map-box .map {
	height: 500px;
	margin: 0;
}
.store-box {
	padding: 80px 0;
}
.store-box .store .item-box {
	position: absolute;
	left: 4.85%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 30.597%;
}
.store-box .store .top-con {
	padding: 20px;
}
.store-box .store .store-search {
	margin-top: 15px;
}
.store-box .store .store-search {
	padding: 10px;
}
.store-box .store .store-search input[type=text] {
	width: 78%;
}
.store-box .store .list-box .list {
	height: 200px;
}
.store-page .clearfixed {
	display: none;
}
.store-box .store .list-box .store-tit {
	font-size: 18px;
	line-height: 28px;
}
.store-box .store .list-box .con-box {
	font-size: 14px;
	line-height: 24px;
}
.store-box .store .city-list .list {
	height: 240px;
}
.store-box .store .city-list .list a {
	height: 40px;
	line-height: 40px;
}
.map-box .map {
	box-shadow: 0 0 54px rgba(211,211,211,.28);
}
.wow {
	visibility: hidden;
}
/* store end */
.bread a {
	transition: all .3s;
}
.bread a:hover {
	color: #e60012
}
.newsdtl {
	padding: 60px 0;
}
.newsdtl .infotit {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.newsdtl .infotit h2 {
	font-size: 28px;
}
.newsdtl .infotit p {
	font-size: 16px;
}
.newsdtl .infotx {
	font-size: 14px;
	margin: 20px 0 0;
}
.infoctrl {
	margin-top: 40px;
	padding-top: 20px;
}
.infoctrl .pagectrl a,  .infoctrl .pageback {
	transition: all .3s linear;
}
.infoctrl .pagectrl a {
	margin-bottom: 10px;
}
.infoctrl .pagectrl a:hover {
	color: #e60012;
}
.infoctrl .pageback:hover {
	background: transparent;
	color: #e60012;
}
.newsdtl .vtl video {
	height: 500px;
}
.newsinfo-page .clearfixed {
	display: none;
}
.newsdtl .infotit .time {
	font-size: 16px;
}
/***********newsdtl end************/
}

@media (min-width: 1367px) {
.foot-view {
	width: 62.5%;
}
.f-nav {
	float: left;
	width: auto;
	text-align: left;
}
.f-nav li {
	margin-right: 2vw;
}
footer .qrcode-box .item {
	margin-right: 2vw;
}
footer .right-box {
	float: right;
	width: auto;
	margin: 0;
}
footer .link-box {
	width: auto;
}
footer .right-box .right {
	text-align: right;
}
footer .icon-box {
	text-align: right;
}
footer .icon-box .item:last-child {
	margin-right: 0;
}
footer .qrcode-box {
	margin-right: 2vw;
	width: auto;
}
footer .qrcode-box .item {
	margin-right: 1.5vw;
}
footer .right-box .right {
	display: inline-block;
	margin-top: 0;
}
.banner .text-box .txt {
	font-size: 20px;
	line-height: 30px;
}
.banner .text-box .desc {
	font-size: 55px;
	line-height: 65px;
}
.banner .text-box .more {
	width: 320px;
	height: 68px;
}
.banner .text-box .more span {
	line-height: 68px;
}
.banner .text-box .desc {
	margin-top: 20px;
}
.banner .text-box .more {
	margin-top: 40px;
}
.index-tit {
	font-size: 40px;
	line-height: 55px;
}
.idea-box .pc-box .item .text {
	width: 470px;
}
.coo-box .text-box .text .tit {
	margin-bottom: 35px;
	padding-bottom: 40px;
}
.coo-box .logo-box {
	margin-top: 60px;
}
.fun-view {
	width: 74%;
}
.fun-box .text-box .tit {
	font-size: 42px;
	line-height: 52px;
	padding-bottom: 30px;
}
.fun-box .text-box .pub-con {
	font-size: 16px;
	line-height: 26px;
	margin-top: 30px;
}
.fun-box .text-box .fun-more {
	width: 320px;
	margin-top: 30px;
}
.fun-box .text-box .fun-more span,  .fun-box .text-box .fun-more span:before {
	transition: all .2s linear;
}
.fun-box .text-box .fun-more:hover span {
	color: #e60012;
}
.fun-box .text-box .fun-more:hover span:before {
	background-image: url('../images/index-more2.png');
	right: -10px;
}
.fun-box .text .tit {
	padding: 10px 0;
}
.fun-box .text .pub-con {
	margin: 15px 0;
	padding: 0 30px;
}
.fun-box .yin {
	width: 36px;
}
.fun-box .pc-box .item .img {
	border-radius: 60px;
}
.i-product-box .tab-btns .swiper-slide {
	font-size: 16px;
	line-height: 26px;
	margin: 0 35px;
	padding: 35px 0 35px 30px;
}
.i-product-box .product-tab {
	margin-top: 70px;
}
.i-product-box .i-product .swiper-slide {
	padding: 10px 0 0;
}
.i-product-box .i-product .btns {
	margin-top: 80px;
}
.product-tab .prev,  .product-tab .next {
	transform: translateY(calc(-50% - 90px));
}
.product-tab .prev {
	left: -8.6vw;
	background-image: url('../images/product-prev.png');
}
.product-tab .next {
	right: -8.6vw;
	background-image: url('../images/product-next.png');
}
.star-box .star-btn {
	width: 60px;
}
.star-box .text-box .txt {
	font-size: 20px;
	line-height: 30px;
}
.star-box .text-box .tit {
	font-size: 48px;
	line-height: 58px;
}
.star-box .text-box .more {
	width: 320px;
	height: 70px;
	line-height: 70px;
	margin-top: 50px;
}
.star-box .item .img {
	right: 30%;
}
.star-box .item.ocean .img {
	top: 0;
}
/*welcome end*/
.ban-about .pc-box .text .tit {
	font-size: 50px;
	line-height: 60px;
}
.ban-about .pc-box .text .con {
	font-size: 25px;
	line-height: 35px;
}
.about-tit .txt {
	font-size: 45px;
	line-height: 55px;/* padding:0 60px; */
}
.about-box .about-idea-box {
	padding-top: 100px;
}
.about-idea-box .text-box .text {
	width: 72.5%;
	box-sizing: border-box;
	padding: 35px 4.6875vw;
}
.about-idea-box .img-box {
	margin-top: 90px;
}
.phi-box .text {
	padding: 25px 30px;
}
.phi-box .text .tit {
	font-size: 22px;
	line-height: 32px;
}
.phi-box .pc-list .row {
	margin: 0 -35px;
}
.phi-box .pc-list .item {
	padding: 0 35px;
}
.phi-box .list-box {
	margin-top: 120px;
}
.activity-box {
	padding: 280px 0 170px;
}
.activity-wrap {
	margin-top: 75px;
}
.activity-wrap .activity-text .prev {
	right: 112px;
}
.activity-wrap .activity-text .next {
	right: 65px;
}
.news-box {
	margin-top: 90px;
}
.news-box .text-box {
	padding: 20px;
}
.news-box .text-box .tit {
	font-size: 20px;
	line-height: 30px;
}
.news-box .row {
	margin: 0 -15px;
}
.news-box .item {
	padding: 0 15px;
	margin-bottom: 30px;
}
.news-box .load-box {
	margin-top: 40px;
}
/* about end */
.sub-banner .text-box .tit {
	font-size: 45px;
	line-height: 70px;
	padding-bottom: 30px;
}
.sub-banner .text-box .con {
	margin-top: 35px;
}
.center-box .text-box {
	width: 41.28%;
}
.center-box .text-box .tit {
	font-size: 34px;
	line-height: 44px;
}
.center-box .text-box .con {
	height: 300px;
}
.center-box .num-box .num {
	font-size: 46px;
	line-height: 56px;
}
.center-box .num-box .num:before {
	height: 30px;
}
.origin-box {
	padding-top: 120px;
}
.origin-box .list {
	margin: 100px 0 0;
}
.origin-box .list li {
	margin-bottom: 170px;
}
.origin-box .list .tit {
	font-size: 22px;
	line-height: 32px;
}
.origin-box .list li:nth-child(2) {
	margin-top: 230px;
}
.tech-box {
	padding-bottom: 150px;
}
.tech-box .list li:nth-child(2) {
	margin-top: 170px;
}
/* research end */

.hello-box .text-box .text {
	width: 66%;
}
.hello-box .text-box {
	padding: 80px 6vw 130px;
}
.hello-box .text-box .tit {
	font-size: 42px;
	line-height: 66px;
}
.hello-box .text-box .con {
	font-size: 18px;
	line-height: 40px;
}
.fun-list-box .desc-box .icon {
	width: 106px;
}
.fun-list-box .desc-box .tit {
	font-size: 42px;
	line-height: 52px;
}
.fun-list-box .desc-box .con {
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}
.fun-list-box .list {
	margin-top: 120px;
}
/* .fun-list-box .list .row{
		margin: 0 -40px;
	} */
.fun-list-box .list .item {
	/* padding: 0 40px; */
	margin-bottom: 130px;
	width: 25%;
}
.fun-list-box .list .text .yin {
	left: 30px;
}
/* fun end */
.product-box .tab-btns .swiper-slide {
	font-size: 16px;
	line-height: 26px;
	margin: 0 35px;
	padding: 25px 0 25px 40px;
}
.product-box .tab-btns .swiper-slide:before {
	right: -35px;
}
.tab-btns .product-view {
	overflow: hidden;
	padding: 0;
	width: 100%;
}
.product-box {
	padding-bottom: 0;
}
.product-box .list {
	margin-top: 80px;
}
.product-box .list .item {
	margin-bottom: 100px;
}
.product-box .list .ml,  .product-box .list .desc {
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
}
.product-box .list .desc {
	height: 48px;
}
.product-box .list .buy {
	height: 44px;
	line-height: 44px;
	margin-top: 15px;
	font-size: 16px;
}
/* product end */
.ban-view {
	width: 57.3%;
}
.ban-star .text-box .tit {
	font-size: 50px;
	line-height: 60px;
}
.ban-star .text-box .desc {
	font-size: 24px;
	line-height: 40px;
}
.ban-star .text-box .more {
	height: 60px;
	line-height: 60px;
	margin-top: 30px;
	width: 250px;
}
.ban-star .text-box .more span {
	line-height: 60px;
}
.ban-star .prev {
	left: 25px;
}
.ban-star .next {
	right: -150px;
}
.star-wrap {
	padding: 80px 0 100px;
}
.star-wrap .list {
	margin-top: 10vh;
}
.star-wrap .list li {
	margin-bottom: 120px;
}
.star-wrap .list li:nth-child(2) {
	margin-top: 25vh;
}
.star-wrap .list li .text {
	font-size: 24px;
	line-height: 34px;
}
.star-wrap .list li .con {
	font-size: 16px;
	line-height: 30px;
}
.star-wrap .tit-box {
	margin-top: 80px;
}
.star-wrap .pc-tit .sub-tit {
	font-size: 30px;
	line-height: 40px;
}
.star-wrap .pc-tit .tit {
	font-size: 60px;
	line-height: 70px;
	padding-top: 25px;
	margin-top: 25px;
}
.star-wrap h3 {
	font-size: 55px;
	line-height: 70px;
}
.star-wrap .star-img {
	top: 5%;
}
.star-wrap h3 {
	font-size: 45px;
	line-height: 60px;
}
.head-box {
	padding-top: 100px;
}
.head-box .box1 {
	top: 21.3%;
	/* right: auto; */
		/* left: -305px; */
	right: 85%;
}
.head-box .box1:before {
	bottom: 30px;
}
.head-box .box2 {
	bottom: auto;
	top: 22.5%;
	left: 59%;
}
.head-box .box3 {
	left: 67%;
	bottom: auto;
	top: 60%;
}
.head-box .text .tit {
	font-size: 45px;
	line-height: 55px;
}
.head-box .text .con {
	font-size: 18px;
	line-height: 28px;
}
.pns-bg2 .list li .con {
	font-size: 14px;
}
/* pns end */
.sdb-bg2 .list .tit {
	font-size: 25px;
	line-height: 35px;
}
/* sdb end */
.sdb-bg2 .list .tit {
	padding: 0 30px;
}
.ban-star .text-box .tit {
	font-size: 40px;
	line-height: 50px;
}
/* ocean end */
.store-box {
	padding: 100px 0 160px;
}
.store-box .tit-box .tit {
	font-size: 45px;
	line-height: 55px;
}
.store-box .tit-box .line {
	width: 50px;
	margin-top: 15px;
}
.store-box .store {
	margin-top: 90px;
}
.store-box .store .top-con {
	padding: 30px;
}
.map-box .map {
	height: 700px;
}
.store-box .store .list-box .list {
	height: 340px;
}
.store-box .store .store-search {
	margin-top: 20px;
}
.store-box .store .position {
	font-size: 16px;
}
.store-box .store .change {
	font-size: 16px;
}
.store-box .store .store-search input[type=text] {
	font-size: 16px;
}
.store-box .store .top-con .tips {
	font-size: 16px;
}
.store-box .store .list-box .tit span {
	font-size: 16px;
}
.store-box .store .list-box .store-tit {
	font-size: 22px;
	line-height: 32px;
}
.store-box .store .list-box li {
	padding: 20px 30px;
}
.store-box .store .top-con {
	padding: 20px 30px;
}
.store-box .store .city-list .list {
	height: 390px;
}
.store-box .store .city-list .list a {
	height: 50px;
	line-height: 50px;
}
.store .icon-box .icon-item {
	padding: 35px;
}
.store .icon-box .icon-item .text {
	padding-left: 70px;
}
.store .icon-box .icon-item .tit {
	font-size: 22px;
}
.store .icon-box .icon-item .address {
	font-size: 16px;
	line-height: 26px;
}
.store .icon-box .icon-item .tel {
	font-size: 25px;
	line-height: 35px;
}
.i-product-wrap {
	top: 5%;
}
}

@media (min-width: 1550px) {
.f-nav li {
	margin-right: 3vw;
}
footer .qrcode-box {
	margin-right: 3vw;
}
footer .qrcode-box .item {
	margin-right: 3vw;
}
.fun-box .text-box .fun-more {
	width: 355px;
}
.star-box .item:nth-child(1) .text {
	padding-left: 80px;
}
.star-box .item.ocean .img {
	top: 0;
	width: 40%;
}
.about-idea-box .text-box .tit {
	font-size: 34px;
	line-height: 44px;
}
.phi-box .text {
	padding: 25px 50px;
}
.phi-box .pc-list .row {
	margin: 0 -58px;
}
.phi-box .pc-list .item {
	padding: 0 58px;
}
/* about end */
.center-box .text-box .tit {
	font-size: 40px;
	line-height: 50px;
}
.center-box .text-box .con {
	height: 370px;
}
.center-box .num-box .num {
	font-size: 57px;
	line-height: 67px;
}
.center-box .num-box {
	padding: 60px 9.1%;
}
/* research end */
.hello-box .text-box {
	padding: 80px 10vw 130px;
}
.fun-list-box .list {
	margin-top: 165px;
}
.fun-list-box .list .row {
	margin: 0 -3.385vw;
}
.fun-list-box .list .item {
	padding: 0 3.385vw;
}
.fun-list-box .list .text .con {
	padding: 0 30px;
}
/* fun end */
.product-box .list .tit {
	font-size: 18px;
	line-height: 30px;
}
/* product end */

.ban-star .text-box .more {
	margin-top: 40px;
}
.ban-star .prev {
	left: -25px;
}
.ban-star .next {
	right: -200px;
}
.ban-star .text-box .more {
	width: 320px;
}
/* pns end */
.sdb-bg2 .list li {
	margin-bottom: 150px;
}
.sdb-bg2 .list li:nth-child(2) {
	margin-top: 30vh;
}
.ocean-bg1 .text-box .tit {
	font-size: 53px;
	line-height: 63px;
}
/* ocean end */

.ban-star .text-box .tit {
	font-size: 50px;
	line-height: 60px;
}
}
/*about*/
.teamPage {
	background-position: center center;
	background-repeat: no-repeat;
	padding: 170px 0px 130px;
	color: #fff;
	position: relative;
	z-index: 3
}
.inner {
	width: 1200px;
	margin: 0px auto;
}
.teamC .t {
	font: 30px/1.4 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
}
.teamC .name {
	padding-top: 70px;
	text-align: right;
}
.teamC {
	width: 425px;
	float: right;
	text-align: left;
}
/*董事长*/
.ds {
	width: 91%;
	padding: 5% 0 5% 9%;
	background: #fff;
	z-index: 10;
	position: relative;
	overflow: hidden
}
.ds ul {
	width: 90%;
	margin: 0 auto;
}
.ds ul li {
	float: left;
	width: 26%;
	list-style: none;
	margin-right: 10%;
}
.ds ul li:nth-child(3) {
	margin-right: 0;
}
.ds .bt-img {
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}
.ds .bt-img img {
	width: 100%;
}
.ds .bt-text {
	width: 70%;
	background: #fff;
	box-shadow: 0px 5px 5px rgba(0,0,0,.1);
	border-radius: 5px;
	margin: 0 auto;
	padding: 20px;
	margin-top: -10%;
	position: relative;
	z-index: 9;
}
.ds .bt-text h1 {
	text-align: center;
	font-size: 22px;
}
.ds .bt-text span {
	width: 52px;
	height: 3px;
	display: block;
	background: #e6e6e6;
	margin: 0 auto;
	margin-bottom: 10px;
}
/*荣誉*/
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
	margin: 0;
	padding: 0
}
.bd, .tempWrap {
	width: 100%;
}
.tempWrap {
	margin: 0;
	padding: 0
}
.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}
.home-banner {
	background: #fff;
}
.home-banner-box {
	width: 1200px;
	margin: 0 auto
}
.home-banner-head {
	padding-top: 97px;
	padding-bottom: 0;
	text-align: center
}
.home-banner-head h2 {
	font-size: 50px;
	color: #333;
	font-weight: 400;
	line-height: 1
}
.home-banner-body {
	position: relative
}
.home-banner-bg {
	height: 276px;
	width: 100%;
	background: url(../images/icon-bg.jpg) no-repeat center center
}
.home-banner-slider {
	width: 100%;
	top: 0;
	left: 0;
	margin-left: 0;
	min-height: 60px
}
.prev, .next {
	width: 82px;
	height: 82px;
	border-radius: 50%;
	background: url(../images/icon-row.png) no-repeat 0 0;
	position: absolute;
	left: 0;
	top: 45%;
	cursor: pointer
}
.next {
	right: 0;
	left: auto;
	background-position: -116px 0
}
.prev:hover {
	background-position: 0 -119px
}
.next:hover {
	background-position: -116px -119px
}
.home-banner-con {
	width: 100%;
	margin: 0 auto
}
.home-banner-line {
	width: 100%;
	height: 45px
}
.home-banner-list {
	padding-top: 17px;
	padding-left: 20px;
	font-size: 0
}
.item-q {
	width: 10px;
	height: 10px;
	display: inline-block;
	_zoom: 1;
	margin-right: 8px;
	background: #ddd;
	border-radius: 50%
}
.home-shadow {
	box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);
	position: relative;
	background: #fff
}
.home-banner-text {
	width: 100%;
	text-align: center
}
.home-title {
	font-size: 18px;
	color: #333;
	padding-top: 60px;
	padding-bottom: 42px;
	line-height: 1;
	text-align: center
}
.home-text {
	font-size: 14px;
	color: #999;
	height: 67px;
	text-align: center;
	line-height: 1.8;
	margin-top: -5px
}
.home-button a {
	width: 184px;
	height: 54px;
	text-align: center;
	border: solid #2f82ff 1px;
	border-radius: 28px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 54px;
	background: #fff;
	display: block;
	color: #2f82ff;
	transition: background-color .3s
}
.home-button a:hover {
	background-color: #2f82ff;
	color: #fff
}
.tempWrap ul li {
	list-style: none;
}
.tempWrap ul li img {
	width: 100%;
}
/*页脚*/
.foot-slide {
	background: #f3f3f3;
}
/*contact*/
.contacts_sec1_top {
	padding: 0 7%;
	width: 50%;
}
.contacts_sec1_top h3 {
	font-size: 24px;
	color: #333;
	margin-bottom: 20px;
}
.contacts_sec1_bottom {
	padding: 0 7%;
	margin-top: 50px;
}
.contacts_sec1_bottom_left {
	float: left;
	width: 40%;
}
.contacts_sec1_bottom_right {
	float: right;
	width: 58%;
}
.contacts_sec1_bottom_left li {
	width: 100%;
	height: 55px;
	line-height: 55px;
	border: 1px solid #0d55a7;
	margin-bottom: 28px;
}
.contacts_sec1_bottom_left li span.contacts_sec1_bottom_left1 {
	display: inline-block;
	width: 30%;
	text-align: center;
	background: #f1f1f1;
	height: 52px;
}
.contacts_sec1_bottom_left li span.contacts_sec1_bottom_left2 {
	display: inline-block;
	width: 70%;
	text-align: center;
}
.contacts_sec1_bottom_left li span {
	color: #333;
}
/*hr*/
.recruit-a {
	background: no-repeat center;
	height: 250px;
	float: left;
	width: 91%;
	padding: 0 0 0 9%;
	background-size: cover;
}
.isearch {
	width: 580px;
	margin: 0 auto;
	padding-top: 65px;
	position: relative;
}
.isearch form {
	overflow: hidden;
}
.recruit-a .formd1 {
	top: 136px;
}
.formd1 {
	width: 2px;
	height: 20px;
	background: #97a891;
	position: absolute;
	left: 28px;
	top: 91px;
}
.recruit-a .isearch .int1 {
	background: #fdfaf9;
}
.isearch .int1 {
	width: 443px;
	height: 70px;
	background: #fff;
	border: none;
	border-radius: 3px;
	float: left;
	padding-left: 45px;
	padding-right: 20px;
	font-size: 18px;
	color: #333;
}
.isearch .int2 {
	width: 70px;
	height: 70px;
	background: #fff url(../images/sea.png) no-repeat center;
	float: right;
	border: none;
	border-radius: 3px;
}
/*hr*/
.zhiw {
	width: 80%;
	margin: 0 auto;
}
.zhiw .bellows__item .bellows__header {
	padding: inherit;
	height: 50px;
	padding: 0 5% 0;
	background: #fff;
}
.zhiw .bellows__item .bellows__header:hover {
	background: #f3f3f3;
	transition: all 0.5s;
}
.zhiw .bellows--is-open .bellows__header {
	background: #fff
}
.zhiw .bellows__content {
	padding: 2% 5%;
	overflow: hidden;
}
.zhiw .bellows__content .top {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}
.zhiw .bellows--is-open .bellows__header::after, .zhiw .bellows--is-open .bellows__header::before {
	background: #0384ce
}
.online_in {
	width: 1160px;
	min-height: 826px;
	margin: 0 auto
}
.list-top{
	height: 50px;
	line-height: 50px;
	padding: 0 5% 0;
	background: #a6a6a6;
	font-size: 14px;
	color: #fff
}
.list-top .fl {
	color: #fff;
	font-size: 16px;
}
.list-top .td1 {
	background: url(../images/hr1_65.png) no-repeat left center;
}
.list-top .td2 {
	background: url(../images/hr1_67.png) no-repeat left center;
}
.list-top .td3 {
	background: url(../images/hr1_69.png) no-repeat left center;
}
.list-top .td4 {
	background: url(../images/hr1_71.png) no-repeat left center;
}
.fl {
	float: left;
	display: inline;
	font-size: 14px;
	color: #333;
	line-height: 50px
}
.td1 {
	width: 26%;
	padding-left: 4.5%;
}
.td2 {
	width: 21%;
	padding-left: 4.5%;
}
.td3 {
	width: 21%;
	padding-left: 4.5%;
}
.td4 {
	width: 12%;
	padding-left: 4.5%;
}
.td5 {
	width: 12.33%;
	text-align: right
}
.zhiw .bellows__content h5 {
	padding: 10px 0;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}
.zhiw .bellows__content p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding: inherit;
	text-indent: inherit;
}
.zhiw .jianli_btn .anniu_in {
	font-size: 14px;
	color: #2772aa;
	line-height: 35px;
	padding: 0 20px;
	border: 1px solid #2772aa;
	background: 0 0;
	display: block
}
.zhiw .bellows__header::after, .zhiw .bellows__header::before {
	right: 72px
}
/*hr招聘*/
.hr-talent {
	float: right;
	overflow: hidden;
	box-shadow: rgba(0,0,0,.3) 0 0 8px;
	margin-right: 5px;
}
.hr-talent .hr-img {
	width: 375px;
	height: 214px;
	float: left;
}
.hr-talent .hr-text {
	float: left;
	width: 335px;
	height: 164px;
	padding: 50px 20px 0;
}
.hr-icon {
	width: 100%;
}
.hr-icon img {
	display: block;
	margin: 0 auto;
}
.hr-talent .hr-text h4 {
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 36px;
}
.hr-talent .hr-text p {
	font-size: 14px;
	color: #858585;
	text-align: center;
}
.zhiw .bellows__item .bellows__header {
	padding: inherit;
	height: 50px;
	padding: 0 5% 0;
	background: #fff;
}
.zhiw .bellows__item .bellows__header:hover {
	background: #f3f3f3;
	transition: all 0.5s;
}
.zhiw .bellows--is-open .bellows__header {
	background: #fff
}
.zhiw .bellows__content {
	padding: 2% 5%;
	overflow: hidden;
}
.zhiw .bellows__content .top {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}
.zhiw .bellows--is-open .bellows__header::after, .zhiw .bellows--is-open .bellows__header::before {
	background: #0384ce
}
.online_in {
	width: 1160px;
	min-height: 826px;
	margin: 0 auto
}
.list-top {
	height: 46px;
	line-height: 54px;
	padding: 0 5% 0;
	background: #a6a6a6;
	font-size: 14px;
	color: #fff
}
.list-top .fl {
	color: #fff;
	font-size: 16px;
}
.list-top .td1 {
	background: url(../images/hr1_65.png) no-repeat left center;
}
.list-top .td2 {
	background: url(../images/hr1_67.png) no-repeat left center;
}
.list-top .td3 {
	background: url(../images/hr1_69.png) no-repeat left center;
}
.list-top .td4 {
	background: url(../images/hr1_71.png) no-repeat left center;
}
.fl {
	float: left;
	display: inline;
	font-size: 14px;
	color: #333;
	line-height: 46px
}
.td1 {
	width: 26%;
	padding-left: 4.5%;
}
.td2 {
	width: 21%;
	padding-left: 4.5%;
}
.td3 {
	width: 21%;
	padding-left: 4.5%;
}
.td4 {
	width: 12%;
	padding-left: 4.5%;
}
.td5 {
	width: 12.33%;
	text-align: right
}
.zhiw .bellows__content h5 {
	padding: 10px 0;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}
.zhiw .bellows__content p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding: inherit;
	text-indent: inherit;
}
.zhiw .jianli_btn .anniu_in {
	font-size: 14px;
	color: #2772aa;
	line-height: 35px;
	padding: 0 20px;
	border: 1px solid #2772aa;
	background: 0 0;
	display: block
}
.zhiw .bellows__header::after, .zhiw .bellows__header::before {
	right: 72px
}
.e-mail {
	width: 100%;
	padding: 10px 0
}
.e-mail a {
	font-size: 14px;
	color: #333;
}
.e-mail a:hover {
	color: #0384ce
}
.e-mail span {
	border-bottom: 1px solid #0384ce
}
.bellows__item:not(.bellows--is-open)>.bellows__content {
	display: none
}
.bellows__item.bellows--is-closing>.bellows__content-wrapper, .bellows__item.bellows--is-open>.bellows__content-wrapper {
	display: block;
	border-bottom: 1px solid #ccc
}
.bellows__content-wrapper {
	display: none
}
.sidebar_box {
	width: 100%;
	height: 948px;
	overflow: hidden
}
.bellows {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.bellows__header {
	position: relative;
	padding: 10px 20px;
	border-bottom: 1px solid #e5e5e5;
	border-width: 0 0 1px;
	color: #fff;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer
}
.bellows--is-open .bellows__header {
	background: #0384ce
}
.bellows--is-open .bellows__header h3 {
	color: #fff
}
/*.bellows__item:last-child>.bellows__header{border-bottom:0}*/
.bellows__header h3 {
	margin: 0;
	font-size: 16px;
	color: #333
}
.bellows__content {
	padding: 20px 10px;
}
.bellows__content .bellows {
	margin-top: 20px
}
.bellows__content img {
	width: 89px;
	height: 89px;
	float: left
}
.bellows__content .sw-more {
	width: 90px;
	height: 29px;
	display: block;
	background: #0384ce;
	color: #fff;
	line-height: 29px;
	text-align: center;
	float: right
}
.bellows__content .sw-more:hover {
	opacity: .7
}
.zhiw .bellows__item .bellows__header .td4 {
	color: #d93c36;
}
.top dd {
	float: left;
	width: 21%;
	padding-left: 4%;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
}
.top dd span {
	color: #333;
}
.rez {
	width: 92%;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	padding: 2% 4%;
	padding-top: 0;
}
.rez .rez-l {
	width: 46%;
	float: left;
}
.rez .rez-r {
	width: 46%;
	float: right;
}
.more2 {
	margin-top: 23px;
}
.more2 a {
	width: 168px;
	height: 46px;
	display: block;
	background: #0d56a7;
	color: #fff;
	text-align: center;
	line-height: 46px;
	font-size: 14px;
	border-radius: 3px;
}
.more2 a:hover {
	background: #b6332e;
}
/*news*/
.news {
	width: 91%;
	float: left;
	padding: 5% 0 5% 9%;
	background: #f3f3f3;
	margin-top: -30px;
	z-index: 10;
	position: relative;
}
.pw2 {
	width: 1200px;
	margin: 0 auto;
}
.nwList {
	margin-left: -1%;
}
.nwList li {
	float: left;
	width: 32.33%;
	margin-left: 1%;
	margin-bottom: 3%;
	height: 476px;
	background: #fff;
	position: relative;
	transition: 600ms;
	-webkit-transition: 600ms;
}
.nwList .nwa {
	display: block;
	color: #333;
}
.pic {
	display: block;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.pic > img {
	display: block;
	width: 100%;
	transition: 600ms;
	-webkit-transition: 600ms;
}
.nwList .txts {
	padding: 25px 44px 0 28px;
}
.nwList .txts .d {
	color: #919191;
	margin-bottom: 10px;
}
.nwList .txts .ti {
	font-size: 18px;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
}
.nwList .share {
	float: none;
	overflow: hidden;
	border-top: 1px solid #ccc;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 9px 0;
	padding-left: 28px;
}
.nwList .share a {
	background-image: url(../images/share2.png);
}
.share .s1 {
	background-position: left top;
}
.share .s2 {
	background-position: -30px top;
}
.share .s3 {
	background-position: -60px top;
}
.share .s4 {
	background-position: right top;
}
.share a {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../images/share.png) no-repeat;
	margin-right: 4px;
}
.nwtList a:hover {
	border-color: #ec9c9c;
	box-shadow: 0 0 8px rgba(0,0,0,.1);
}
.nwList li:hover {
	box-shadow: 0 0 13px rgba(0,0,0,.3);
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
/*翻页*/

.page2 {
    margin-top: 25px;
    width: 100%;
    height: 38px;
    text-align: right;
}
.page2 a.active {
    color: #ea524f;
}
.page2 a {
    width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    background: #fff;
    display: inline-block;
    margin: 0 2px;
	color: #333;
}
/**/

.nwdbox .t {
    padding: 0 0px 25px 0px;
    border-bottom: 1px solid #e2e2e2;
}
.nwdbox .t .ti {
    font-size: 30px;
    color: #333;
    margin-bottom: 10px;
}

.nwdbox .t .d {
    font-size: 12px;
    margin-bottom: 20px;
}

.sharebox p {
    float: left;
    line-height: 30px;
    margin-right: 10px;
}
.nwdbox .b {
    padding: 30px 0px 0 0px;
}
.backbox {
    border-top: 1px solid #aaaaaa;
    padding-top: 22px;
    position: relative;
    margin-top: 70px;
}

.bc-prev, .bc-next {
    display: block;
    width: 143px;
    height: 36px;
    border: 1px solid #b5b5b5;
    overflow: hidden;
    color: #666;
    line-height: 36px;
    position: relative;
}
.bc-prev .bg {
    left: auto;
    right: 0;
}
.bc-prev .aw {
    left: 18px;
    background-position: left top;
}
.bc-prev p,.bc-next p{
    text-align: center;
    position: relative;
}
.l {
    float: left;
}
.r {
    float: right;
}
.bc-prev:hover{background:#e60012;color: #fff}
.bc-next:hover{background:#e60012;color: #fff}
.backlist {
    width: 145px;
    height: 38px;
    line-height: 38px;
    background: #e60012;
    display: block;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -72px;
    top: 22px;
}
.pro-list{-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#mybtns a:hover,.tab-btns,#mybtns a,.tab-btns a:hover,#myscroll a,.tab-btns .pro-list{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

.por{padding-left:0;}
.pro-list a:nth-child(1){background-image:url(../images/p1_03.png)}
.pro-list .cur:nth-child(1){background-image:url(../images/ph1_03.png)}
.pro-list .cur:nth-child(2){background-image:url(../images/ph1_05.png)}
.pro-list .cur:nth-child(3){background-image:url(../images/ph1_07.png)}
.pro-list .cur:nth-child(4){background-image:url(../images/ph1_09.png)}
.pro-list .cur:nth-child(5){background-image:url(../images/ph1_11.png)}

.pro-list a:nth-child(2){background-image:url(../images/p1_05.png)}
.pro-list a:nth-child(3){background-image:url(../images/p1_07.png)}
.pro-list a:nth-child(4){background-image:url(../images/p1_09.png)}
.pro-list a:nth-child(5){background-image:url(../images/p1_11.png)}


.pro-list a:nth-child(1):hover{background-image:url(../images/ph1_03.png)}
.pro-list a:nth-child(2):hover{background-image:url(../images/ph1_05.png)}
.pro-list a:nth-child(3):hover{background-image:url(../images/ph1_07.png)}
.pro-list a:nth-child(4):hover{background-image:url(../images/ph1_09.png)}
.pro-list a:nth-child(5):hover{background-image:url(../images/ph1_11.png)}
/*pro-box*/
.pro-box li{height: 360px;}
.pro-box .txts{padding: 0px 44px 0 28px;}
.pro-box .txts .ti{line-height: 55px;}
/*pro-details*/
.proinfo {
    padding-top: 255px;
    padding-bottom: 95px;
    overflow: hidden;
}
.w1200 {
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
}
.proinfo-a {
    width: 615px;
    overflow: hidden;
    float: left;
    position: relative;
}
.proinfo-a img{max-width:100%;}
.proinfo-a2 {
    width: 540px;
    height: 85px;
    position: relative;
    margin: 20px 0;
}
.proinfo-swiper {
    width: 100%;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    /*height: 100%;*/
    position: relative;
}

.proinfo-b {
    width: calc(100% - 645px);
    float: right;
    max-width: 525px;
    padding-top: 50px;
}
.proinfo-b1 {
    font-size: 26px;
    color: #2e2e2e;
    line-height: 50px;
}
.proinfo-b2 {
    font-size: 16px;
    color: #515151;
    line-height: 30px;
    margin-top: 30px;
}
.proinfo-b3 {
    padding: 40px 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: 17px;
    color: #515151;
    line-height: 30px;
    margin-top: 60px;
}
.max-img img{max-width:100%;}

/*news*/
.right2 {
	width: 68%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}
.right2 ul {
	height: 100%;
}
.right2 ul li {
	float: left;
	height: 100%;
	border-left: 1px solid #ccc;
	position: relative;
	width: 24.8%;
}
.right2 ul li .position {
	position: absolute;
	top: 50%;
	margin-top: -300px;
	height: 600px;
}
.right2 ul li a {
	display: block;
	overflow: hidden;
}
.right2 ul li img {
	width: 100%;
	height: auto;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	display: block;
}
.right2 ul li .summary {
	margin-top: 70px;
}
.right2 ul li .summary .data {
	color: #3a3125;
	margin-bottom: 15px;
	font-family: 'din';
}
.right2 ul li .summary .data span {
	font-size: 38px;
}
.right2 ul li .summary .content {
	position: relative;
	color: #3a3125;
	font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
    

}
.right2 ul li .summary .content:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 35px;
	width: 40px;
	height: 1px;
	background-color: #ffc815;
	transition: all 0.3s ease;
}
.right2 ul li img:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	transform: scale(1.1, 1.1);
}
.right2 ul li:hover .content:after {
	width: 98%
}





@media (min-width: 1750px) {
.about-idea-box .text-box .tit {
	font-size: 40px;
	line-height: 50px;
}
.phi-box .text {
	padding: 25px 60px;
}
/* about end */
.ban-star .text-box .tit {
	font-size: 55px;
	line-height: 65px;
}
}


@media (max-width: 640px) {
	.index-news-right{display:none;}

}