@charset "UTF-8";
@media only screen and (max-width: 1200px) {


.banner .pic1 {
	display: none;
}
.banner .pic2 {
	display: block;
}
.main .banner .swiper-pagination {
	bottom: 4px;
}
.main .banner .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border: solid 1px #2c2e37;
	margin: 0 4px;
}
.main .banner .swiper-button-next,
.main .banner .swiper-button-prev {
	display: none;
}
.virtualReality .text {
	font-size: 16px;
	letter-spacing: 4px;
	line-height: 20px;
	padding-top: 50px;
	background-size: 40px auto;
}
.virtualReality .text span {
	margin-right: 2px;
}
.virtualReality .pic1{
	display: none;
}
.virtualReality .pic2{
	display: block;
}
.main .columnTitle .tit {
	font-size: 20px;
}
.main .columnTitle .tit .en {
	margin-right: 8px;
	display: none;
}
.main .columnTitle .more {
	padding-right: 8px;
}
.main .columnTitle .more:hover {
	color: #636363;
	padding-right: 8px;
	background-image: url(../images/mroe1.png);
}
.main .product {
	padding: 30px 10px;
	box-sizing: border-box;
}
.main .product .productList {
	margin: 30px auto 0 auto;
	position: relative;
}
.main .product .productList .swiper-slide:last-child,
.main .product .productList li:last-child{
	margin-bottom: 0;
}
.main .product .productList .swiper-slide a:hover .pic img ,
.main .product .productList li a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.main .product .productList .swiper-slide a:hover .txt ,
.main .product .productList li a:hover .txt {
	color: #333333;
}
.main .product .productList .swiper-slide .pic ,
.main .product .productList li .pic {
	height: auto;
}
.main .product .productList .swiper-slide .text ,
.main .product .productList li .text {
	margin-top: 20px;
}
.main .community .communityList .swiper-button-next,
.main .community .communityList .swiper-button-prev,
.main .product .swiper-button-next,
.main .product .swiper-button-prev{
	display: block;
	margin: 0;
	background: url(../images/arrow4.png) no-repeat center;
	background-size: 100% 100%;
	left: 5px;
	top: 50%;
	transform: translate(0,-42px);
	-webkit-transform: translate(0,-42px);
	-moz-transform: translate(0,-42px);
	-ms-transform: translate(0,-42px);
	-o-transform: translate(0,-42px);
	width: 14px;
	height: 26px;
	outline: none;
}
.main .community .communityList .swiper-button-next,
.main .product .swiper-button-next{
	left: auto;
	right: 5px;
	background-image: url(../images/arrow5.png);
}
.main .videoBox .pic .text {
	font-size: 16px;
	letter-spacing: 4px;
	line-height: 20px;
	padding-top: 50px;
	background-size: 40px auto;
}
.main .videoBox .pic .text span {
	margin-right: 2px;
}
.main .videoBox .pic .p1{
	display: none;
}
.main .videoBox .pic .p2{
	display: block;
}
.main .videoBox .video {
	width: 90%;
	left: 5%;
	padding: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.main .community {
	padding: 30px 10px;
	box-sizing: border-box;
}
.main .community .communityList{
	margin-top: 30px;
	position: relative;
}
.main .community .communityList .swiper-button-next,
.main .community .communityList .swiper-button-prev{
	transform: translate(0,-58px);
	-webkit-transform: translate(0,-58px);
	-moz-transform: translate(0,-58px);
	-ms-transform: translate(0,-58px);
	-o-transform: translate(0,-58px);
}
.communityList .swiper-slide a:hover .pic img ,
.communityList li a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.communityList .swiper-slide a:hover .tit ,
.communityList li a:hover .tit {
	color: #333333;
}
.communityList .swiper-slide .pic ,
.communityList li .pic {
	height: auto;
}
.communityList .swiper-slide .tit ,
.communityList li .tit {
	font-size: 16px;
	margin-top: 10px;
}
.communityList .swiper-slide .txt ,
.communityList li .txt {
	font-size: 14px;
	margin-top: 6px;
}
.communityList .swiper-slide .info ,
.communityList li .info {
	margin-top: 6px;
}
.communityList .swiper-slide .info span ,
.communityList li .info span {
	width: auto;
	padding-left: 24px;
	margin-right: 10px;
	box-sizing: border-box;
	display: block;
	float: left;
}
.container{

}
.container .columnMenu {
	padding: 10px 0;
}
.container .columnMenu ul li {
	margin: 0 5px;
}
.container .columnMenu ul li a {
	line-height: 30px;
	padding: 0 10px;
	font-size: 16px;
}
.container .columnMenu ul li a:hover {
	color: #888888;
}
.container .banner .menu {
	bottom: 10px;
}
.container .banner .menu ul {
	margin-left: 8px;
}
.container .banner .menu ul li {
	margin-left: -8px;
}
.container .banner .menu ul li a:hover ,
.container .banner .menu ul li a {
	width: auto;
	padding: 0 14px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	background-image: url(../images/menu_bg1.png);
	color: #abadb0;
}
.container .paging ul li {
	margin: 0 3px;
}
.container .paging ul li a {
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #777777;
}
.container .paging ul li a:hover{
	background: #ececec;
}
.container .prevnext .prev:hover,
.container .prevnext .next,
.container .prevnext .prev {
	width: 120px;
	height: 44px;
	line-height: 44px;
	background: url(../images/arrow8.png) no-repeat 26px center #f5f5f5;
	color: #333333;
	text-indent: 48px;
}
.container .prevnext .next:hover,
.container .prevnext .next {
	float: right;
	background: url(../images/arrow9.png) no-repeat right 26px center #f5f5f5;
	text-indent: 25px;
}
.vrPage .banner .text{
	padding: 0 10px;
	box-sizing: border-box;
}
.vrPage .banner .text .p1 {
	font-size: 30px;
}
.vrPage .banner .text .p2 {
	margin: 12px auto 0 auto;
	line-height: 20px;
	font-size: 14px;
}
.vrPage .virtualReality {
	margin-bottom: 10px;
}
.vrPage .virtualReality:last-child {
	margin-bottom: 0;
}
.aboutPage .about {
	padding-top: 30px;
}
.aboutPage .about .text {
	line-height: 28px;
	font-size: 14px;
	max-width: 1060px;
	margin: 20px auto 0 auto;
	padding: 0 14px;
	box-sizing: border-box;
	text-align: left;
}
.aboutPage .about .pic {
	margin-top: 30px;
}
.aboutPage .history {
	padding: 30px 10px 10px 10px;
	box-sizing: border-box;
}
.aboutPage .history .content {
	margin-top: 26px;
}
.aboutPage .history .content .row {
	max-width: 600px;
	margin: 0 auto 20px auto;
}
.aboutPage .history .content .row:nth-child(2n+3) .box:nth-child(odd) {
	width: 100%;
	text-align: left;
}
.aboutPage .history .content .row:nth-child(2n+3) .box:nth-child(even) {
	width: 100%;
	text-align: right;
}
.aboutPage .history .content .row:nth-child(2n+3) .box:nth-child(even) li .years {
	float: right;
}
.aboutPage .history .content .row:nth-child(2n+3) .box:nth-child(even) li .txt {
	padding: 0 48px 0 0;
}
.aboutPage .history .content .row:nth-child(1) .box,
.aboutPage .history .content .row:nth-child(1) .box:nth-child(1) {
	margin-top: 0px;
	text-align: center;
}
.aboutPage .history .content .row:nth-child(1) .box:nth-child(1){
	max-width: 200px;
	margin: 0 auto 10px auto;
	float: none;
}
.aboutPage .history .content .row:nth-child(2) .box ul {
	margin-top: 18px;
}
.aboutPage .history .content .box {
	width: 100%;
	text-align: right;
}
.aboutPage .history .content .box ul {
	margin-top: 10px;
}
.aboutPage .history .content .box li {
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 14px;
}
.aboutPage .history .content .box li .years {
	width: 48px;
}
.aboutPage .history .content .box li .txt {
	padding: 0 0 0 48px;
}
.aboutPage .history .content .box .pic {
	margin-top: 10px;
}
.aboutPage .history .content .box:nth-child(even) {
	width: 100%;
	text-align: left;
}
.aboutPage .research {
	background: url(../images/research_bg2.jpg) no-repeat 0 0;
	background-size: auto 100%;
	min-height: auto;
	padding: 30px 10px;
}
.aboutPage .research .publicTitle {
	margin-left: 0px;
}
.aboutPage .research .content .slogan {
	line-height: 26px;
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 40px;
}
.aboutPage .research .content .box:nth-child(3),
.aboutPage .research .content .box {
	max-width: 480px;
	width: 100%;
	float: none;
	margin: 30px auto 0 auto;
}
.aboutPage .research .content .box .tit {
	line-height: 24px;
	font-size: 18px;
	margin: 20px 0 10px 0;
}
.aboutPage .research .content .box .txt {
	line-height: 26px;
	font-size: 14px;
}
.aboutPage .research .model {
	width: 357px;
	float: right;
	margin-top: 73px;
	display: none;
}
.aboutPage .research .model img {
	width: 100%;
	display: block;
}
.aboutPage .quality {
	padding: 30px 10px;
	box-sizing: border-box;
}
.aboutPage .quality .publicTitle {
	margin-left: 0px;
}
.aboutPage .quality .slogan {
	line-height: 22px;
	font-size: 14px;
	margin-top: 20px;
}
.aboutPage .quality .list {
	max-width: 600px;
	width: 100%;
	margin: 30px auto 0 auto;
}
.aboutPage .quality .list li {
	width: 50%;
	margin: 0 0 10px 0;
	padding: 0 5px 0 0;
	box-sizing: border-box;
}
.aboutPage .quality .list li:nth-child(even){
	padding: 0 0 0 5px;
}
.aboutPage .quality .list li:hover img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.aboutPage .quality .list li .text {
	font-size: 14px;
}
.aboutPage .quality .list li .text .p1 {
	margin-bottom: 6px;
}
.aboutPage .honor {
	padding: 30px 10px 0 10px;
	box-sizing: border-box;
}
.aboutPage .honor .publicTitle {
	margin-left: 0px;
}
.aboutPage .honor .content {
	padding-top: 0px;
	min-height: auto;
}
.aboutPage .honor .list {
	line-height: 26px;
	font-size: 14px;
	margin-top: 20px;
}
.aboutPage .honor .list p {
	margin-bottom: 14px;
}
.aboutPage .honor .pic {
	max-width: 1000px;
	width: 100%;
	text-align: center;
	position: static;
	bottom: 0;
	right: 0;
}
.aboutPage .honor .pic img{
	display: block;
}
.aboutPage .authority {
  padding: 30px 10px;
}
.aboutPage .authority .content {
  margin-top: 20px;
}
.aboutPage .brandActivities .top {
	padding: 30px 10px;
	box-sizing: border-box;
}
.aboutPage .brandActivities .top .title {
	font-size: 24px;
}
.aboutPage .brandActivities .top .slogan {
	line-height: 24px;
	font-size: 14px;
	margin: 20px auto 0 auto;
}
.aboutPage .brandActivities .content {
	padding: 30px 10px;
	box-sizing: border-box;
}
.aboutPage .brandActivities .content .swiper-button-prev,
.aboutPage .brandActivities .content .swiper-button-next {
	left: 0px;
	top: -1px;
}
.aboutPage .brandActivities .content .swiper-button-next {
	left: auto;
	right: 0px;
}
.aboutPage .brandActivities .content .swiper-button-prev:hover {
	background-image: url(../images/arrow6.png);
}
.aboutPage .brandActivities .content .swiper-button-next:hover {
	background-image: url(../images/arrow7.png);
}
.aboutPage .brandActivities .content .gallery-thumbs{
	width: 90%;
}
.aboutPage .brandActivities .content .gallery-thumbs .swiper-slide {
	font-size: 18px;
	line-height: 30px;
	padding: 26px 0 20px 0;
}
@media only screen and (max-width: 500px){
	.aboutPage .brandActivities .content .gallery-thumbs .swiper-slide {
		font-size: 16px;
		line-height: 20px;
		padding: 16px 0 18px 0;
	}
	.aboutPage .brandActivities .content .gallery-thumbs .swiper-slide::after {
		width: 10px;
		height: 10px;
	}
}
.aboutPage .brandActivities .content .gallery-top {
	margin-top: 30px;
}
.aboutPage .brandActivities .content .gallery-top .swiper-slide a {
	max-width: 500px;
	margin: 0 auto;
	padding: 20px 0;
}
.aboutPage .brandActivities .content .gallery-top .swiper-slide a:hover .tit{
	color: #222222;
}
.aboutPage .brandActivities .content .gallery-top .swiper-slide a:hover .date {
	color: #999999;
}
.aboutPage .brandActivities .content .gallery-top .swiper-slide a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.aboutPage .brandActivities .content .gallery-top .swiper-slide .date {
	width: 100%;
	font-size: 14px;
	margin-top: 0;
	text-align: left;
}
.aboutPage .brandActivities .content .gallery-top .swiper-slide .date span {
	font-size: 16px;
	margin-top: 4px;
	display: inline-block;
	margin-left: 20px;
}
.aboutPage .brandActivities .content .gallery-top .swiper-slide .pic {
	width: 100%;
	margin: 6px 0;
}
.aboutPage .brandActivities .content .gallery-top .swiper-slide .text {
	padding: 0px;
}
.aboutPage .brandActivities .content .gallery-top .swiper-slide .text .tit {
	line-height: 24px;
	font-size: 18px;
}
.aboutPage .brandActivities .content .gallery-top .swiper-slide .text .txt {
	line-height: 24px;
	font-size: 14px;
	margin-top: 6px;
}
/*@media only screen and (max-width: 600px){
	.aboutPage .brandActivities .content .gallery-top .swiper-slide .date{
		width: 50px;
	}
	.aboutPage .brandActivities .content .gallery-top .swiper-slide .pic {
		width: 120px;
	}
	.aboutPage .brandActivities .content .gallery-top .swiper-slide .text {
		padding: 0px 0 0 180px;
	}
	.aboutPage .brandActivities .content .gallery-top .swiper-slide .text .tit {
		line-height: 20px;
		font-size: 16px;
	}
	.aboutPage .brandActivities .content .gallery-top .swiper-slide .text .txt {
		line-height: 20px;
		font-size: 14px;
		margin-top: 6px;
	}
}*/
.aboutPage .videoList{
	padding: 0 10px;
	box-sizing: border-box;
}
.aboutPage .videoList li:nth-child(odd) ,
.aboutPage .videoList li {
	max-width: 580px;
	width: 100%;
	margin: 0 auto 20px auto;
	float: none;
}
.aboutPage .videoList li .vid {
	height: auto;
	line-height: 100%;
}
.aboutPage .videoList li .vid.now .icon1 {
	display: none;
}
.aboutPage .videoList li .vid.now .icon2 {
	display: block;
}
.aboutPage .videoList li .vid:hover iframe,
.aboutPage .videoList li .vid:hover video {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.aboutPage .videoList li .vid:hover .icon2 {
	opacity: 0;
}
.aboutPage .videoList li .text {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.communityPage {
	padding: 30px 10px;
	box-sizing: border-box;
}
.communityPage .communityList{
	max-width: 444px;
	margin: 0 auto;
}
.communityPage .communityList li:nth-child(3n+1),
.communityPage .communityList li:nth-child(4n+1),
.communityPage .communityList li {
	width: 100%;
	margin: 0 0 20px 0;
}
.communityPage .communityList li.hot .tit {
	background-position: right 0 center;
}
.communityPage .communityList li .pic {
	height: auto;
}
.communityPage .communityList li .tit {
	height: 20px;
	line-height: 20px;
	margin-top: 20px;
	font-size: 16px;
	padding-right: 20px;
}
.communityPage .newsList {
	margin-top: 10px;
	margin-bottom: 30px;
}
.communityPage .newsList .title {
	line-height: 30px;
	font-size: 22px;
}
.communityPage .newsList ul {
	margin-top: 16px;
}
.communityPage .newsList li {
	margin-bottom: 20px;
}
.communityPage .newsList li a:hover {
	box-shadow: 0px 0px 0px 0px #dddddd;
}
.communityPage .newsList li a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.communityPage .newsList li a:hover .tit {
	color: #222222;
}
.communityPage .newsList li .pic {
	width: 200px;
	height: auto;
}
.communityPage .newsList li a:hover .text,
.communityPage .newsList li .text {
	padding: 14px 10px 0 210px;
}
.communityPage .newsList li .text .tit {
	height: 20px;
	line-height: 20px;
	font-size: 18px;
}
.communityPage .newsList li .text .txt {
	height: 60px;
	line-height: 20px;
	font-size: 14px;
	margin: 20px 0;
	-webkit-line-clamp: 3;
}
@media only screen and (max-width: 600px){
	.communityPage .newsList li{
		margin-bottom: 12px;
	}
	.communityPage .newsList li .pic {
		width: 130px;
	}
	.communityPage .newsList li a:hover .text,
	.communityPage .newsList li .text {
		padding: 10px 10px 0 140px;
	}
	.communityPage .newsList li .text .tit {
		font-size: 16px;
	}
	.communityPage .newsList li .text .txt {
		height: 40px;
		margin: 10px 0 6px 0;
		-webkit-line-clamp: 2;
	}
}
.relatedNews {
	display: none;
}
.communityDetails {
	width: 100%;
}
.communityDetails .details {
	padding: 20px 10px;
}
.communityDetails .details .top {
	padding: 0 0 20px 0;
}
.communityDetails .details .top .title {
	width: 100%;
	max-width: 100%;
	text-align: center;
}
.communityDetails .details .top .title .tit {
	line-height: 30px;
	font-size: 20px;
}
.communityDetails .details .top .title .txt {
	font-size: 12px;
	margin-top: 2px;
}
.communityDetails .details .top .share {
	width: 100%;
	height: 25px;
	margin-top: 10px;
	text-align: center;
}
.communityDetails .details .top .share .bdsharebuttonbox{
	display: inline-block;
}
.communityDetails .details .top .share a {
	width: 24px;
	height: 24px;
	margin: 0 6px;
}
.communityDetails .details .article {
	padding: 20px 0;
}
.communityDetails .details .admire {
	padding: 20px 0;
	margin-bottom: 20px;
}
.communityDetails .details .admire .btn {
	background: url(../images/admire.png) no-repeat center 10px #e12524;
	background-size: 30px auto;
	width: 80px;
	height: 80px;
	line-height: 120px;
}
.communityDetails .details .admire .btn:hover {
	background-color: #e12524;
}
.communityDetails .details .admire .btn span.minus,
.communityDetails .details .admire .btn span.add {
	right: 6px;
}
.communityDetails .comments {
	margin-top: 30px;
}
.communityDetails .comments .title {
	background: url(../images/comments_title.png) no-repeat 0 center;
	background-size: auto 30px;
	line-height: 30px;
	padding-left: 40px;
}
.communityDetails .comments textarea {
	height: 120px;
	margin-top: 10px;
	font-size: 14px;
	padding: 10px;
}
.communityDetails .comments button,
.communityDetails .comments input[type='button'] {
	margin: 20px auto 0 auto;
}
.communityDetails .comments button:hover,
.communityDetails .comments input[type='button']:hover {
	background: #e12524;
}
.commentsList {
	margin-top: 30px;
}
.commentsList li {
	padding: 18px 0;
}
.commentsList li .portrait {
	margin-top: 5px;
}
.commentsList li .admire {
	width: 80px;
}
.commentsList li .admire span.minus,
.commentsList li .admire span.add {
	line-height: 20px;
	position: absolute;
	right: 6px;
	bottom: 0px;
	z-index: 2;
	font-size: 14px;
	color: #e12524;
	opacity: 0;
}
.commentsList li .admire span.minus.dh,
.commentsList li .admire span.add.dh {
	animation: admire2 1.5s alternate;
	-moz-animation: admire2 1.5s alternate;
	-webkit-animation: admire2 1.5s alternate;
	-o-animation: admire2 1.5s alternate;
}
.commentsList li .text {
	padding: 0 90px 0 40px;
}
.productPage .classification {
	padding: 30px 10px;
	box-sizing: border-box;
}
.productPage .productList,
.productPage .classification .screening ,
.productPage .classification .introduce {
	max-width: 600px;
	width: 100%;
	margin: 0 auto 20px auto;
	float: none;
}
.productPage .classification .screening{
	display: none;
}
.productPage .classification .introduce .pic {
	width: 100%;
	float: none;
}
.productPage .classification .introduce .text {
	padding: 20px;
}
.productPage .classification .screening {
	padding: 20px;
}
.productPage .classification .screening .search{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.productPage .classification .screening .search input[type='text'] {
	flex: 1;
	width: 100%;
	padding: 0 20px;
}
.productPage .classification .screening ul {
	margin-top: 20px;
	border-top: none;
}
.productPage .classification .screening ul li{
	width: 48%;
	float: left;
	margin: 0 1% 0 0;
}
.productPage .classification .screening ul li:nth-child(even){
	margin: 0 0 0 1%;
	float: right;
}
.productPage .classification .screening ul li a {
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	background-position: right 0 center;
}
.productPage .classification .screening ul li a:hover {
	color: #333333;
}
.productPage .productList .list li {
	width: 50%;
	margin: 0 0 20px 0;
	padding: 0 5px 0 0;
	box-sizing: border-box;
}
.productPage .productList .list li:nth-child(even){
	padding: 0 0 0 5px;
}
.productPage .productList .list li a:hover {
	box-shadow: 0px 0px 0px 0px #ddd;
}
.productPage .productList .list li a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.productPage .productList .list li a:hover .tit {
	color: #333333;
}
.productPage .productList .list li .pic {
	height: auto;
}
.productPage .productList .list li .text {
	padding: 14px;
}
.productPage .productList .list li .text .tit {
	height: 20px;
	line-height: 20px;
	font-size: 16px;
}
.productPage .productList .list li .text .txt {
	height: 40px;
	line-height: 20px;
	margin-top: 10px;
}
@media only screen and (max-width: 600px){
	.productPage .classification{
		padding-bottom: 10px;
	}
	.productPage .classification .introduce .text {
		padding: 14px 10px;
	}
	.productPage .classification .introduce .text .p1 {
		line-height: 24px;
		font-size: 18px;
	}
	.productPage .classification .introduce .text .p2 {
		line-height: 24px;
		font-size: 14px;
		margin-top: 10px;
	}
	.productPage .classification .screening {
		padding: 14px 10px;
	}
	.productPage .classification .screening .search button,
	.productPage .classification .screening .search input[type='button'] {
		width: 50px;
		height: 44px;
	}
	.productPage .classification .screening .search input[type='text'] {
		height: 44px;
		line-height: 44px;
		font-size: 14px;
		padding: 0 12px;
	}
	.productPage .classification .screening ul {
		margin-top: 10px;
	}
	.productPage .productList .list li {
		margin: 0 0 10px 0;
	}
	.productPage .productList .list li a:hover {
		box-shadow: 0px 0px 0px 0px #ddd;
	}
	.productPage .productList .list li .text {
		padding: 10px;
	}
	.productPage .productList .list li .text .tit {
		font-size: 15px;
	}
	.productPage .productList .list li .text .txt {
		margin-top: 8px;
		font-size: 12px;
	}
}
.productPage .topFixed {
	height: auto;
	padding: 0 10px;
	box-sizing: border-box;
	margin-top: -50px;
}
.productPage .topFixed .title {
	line-height: 50px;
	font-size: 15px;
}
.productPage .topFixed .btn a {
	padding: 0 8px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	margin: 12px 0 0 6px;
}
.productPage .topFixedBrace {
	height: 0px;
}
.productPage .productDetails {
	padding: 0 10px 30px 10px;
}
.productPage .productDetails .photo .gallery-thumbs {
	padding: 10px 0;
}
.productPage .productDetails .photo .gallery-thumbs .swiper-slide-thumb-active {
	padding: 2px;
	box-shadow: 0px 0px 4px 1px #d5dadb;
}
.productPage .productDetails .photo .bottom {
	margin-top: 0px;
	padding: 0;
	max-height: auto;
}
.productPage .productDetails .photo .swiper-button-prev,
.productPage .productDetails .photo .swiper-button-next {
	width: 20px;
	background-size: 12px auto;
	display: none;
}
.productPage .productDetails .photo .swiper-button-prev:hover {
	background-image: url(../images/arrow13.png);
}
.productPage .productDetails .photo .swiper-button-next:hover {
	background-image: url(../images/arrow14.png);
}
.productPage .productDetails .details {
	margin-top: 30px;
	padding: 20px 10px;
}
.productPage .productDetails .details .title {
	line-height: 24px;
	font-size: 18px;
}
.productPage .productDetails .details .specification .swiper-container {
	margin-top: 20px;
}
.productPage .productDetails .details .specification .swiper-slide .txt {
	font-size: 16px;
	bottom: 6px;
}
.productPage .productDetails .details .specification .swiper-button-prev:hover{
	background-color: #e8e8e8;
	background-image: url(../images/arrow15.png);
}
.productPage .productDetails .details .specification .swiper-button-next:hover {
	background-color: #e8e8e8;
	background-image: url(../images/arrow16.png);
}
.productPage .productDetails .details .editor {
	margin-top: 30px;
}
.shpic2 {
	display: block;
}
.shpic1 {
	display: none;
}
.productPage .themeOne .theme5 .wrap,
.productPage .themeOne .theme3 .wrap,
.productPage .themeOne .theme1 .wrap {
	padding: 0 10px;
	box-sizing: border-box;
}
.productPage .themeOne .theme5 .p1,
.productPage .themeOne .theme3 .p1,
.productPage .themeOne .theme1 .p1 {
	line-height: 30px;
	font-size: 22px;
}
.productPage .themeOne .theme5 .p2,
.productPage .themeOne .theme3 .p2,
.productPage .themeOne .theme1 .p2 {
	line-height: 26px;
	font-size: 14px;
	margin-top: 10px;
}
.productPage .themeOne .theme1 .btn {
	width: 120px;
	height: 32px;
	line-height: 32px;
	border-radius: 32px;
	font-size: 14px;
	margin-top: 16px;
}
.productPage .themeOne .theme1 .btn:hover {
	background: #e12524;
}
.productPage .themeOne .theme3 .p2 {
	margin-top: 16px;
}
.productPage .themeOne .theme5 .wrap {
	top: 20px;
}
.productPage .themeOne .theme5 .wrap .p2 {
	margin-top: 20px;
}
.productPage .themeOne .theme2 .top {
	padding: 30px 10px;
	box-sizing: border-box;
}
.productPage .themeOne .theme2 .title {
	font-size: 20px;
}
.productPage .themeOne .theme2 .slogan {
	line-height: 26px;
	font-size: 14px;
	margin-top: 16px;
}
.productPage .themeOne .theme2 .content{
	padding: 30px 10px;
	box-sizing: border-box;
}
.productPage .themeOne .theme2 .content .wrap {
	min-height: 0px;
}
.productPage .themeOne .theme2 .content .text {
	position: static;
	left: 0;
	top: 0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	line-height: 24px;
	font-size: 16px;
	text-align: center;
}

.productPage .themeOne .theme2 .content .choices {
	position: static;
	top: 0;
	right: 0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	text-align: center;
	line-height: 38px;
}
.productPage .themeOne .theme2 .content .choices .tit {
	line-height: 38px;
	font-size: 16px;
	display: inline-block;
	float: none;
	vertical-align: middle;
}
.productPage .themeOne .theme2 .content .choices ul {
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
}
.productPage .themeOne .theme2 .content .choices ul li {
	padding: 2px;
	margin: 0 0 0 10px;
	border: solid 2px #fcfcfc;
	float: left;
}
.productPage .themeOne .theme2 .content .choices ul li span {
	width: 30px;
	height: 30px;
}
.productPage .themeOne .theme4 {
	padding: 30px 10px;
	box-sizing: border-box;
}
.productPage .themeOne .theme4 .row {
	max-width: 600px;
	margin: 0 auto 20px auto;
}
.productPage .themeOne .theme4 .row:last-child {
	margin-bottom: 0;
}
.productPage .themeOne .theme4 .row:last-child .text{
	padding-bottom: 0;
}
.productPage .themeOne .theme4 .pic {
	width: 100%;
}
.productPage .themeOne .theme4 .text {
	width: 100%;
	padding: 14px 0;
}
.productPage .themeOne .theme4 .text .p1 {
	font-size: 20px;
}
.productPage .themeOne .theme4 .text .line {
	width: 30px;
	height: 3px;
	margin: 10px 0;
}
.productPage .themeOne .theme4 .text .p2 {
	line-height: 22px;
	font-size: 16px;
}
.productPage .themeOne .theme6 {
	padding: 30px 10px;
	box-sizing: border-box;
}
.productPage .themeOne .theme6 .title {
	font-size: 20px;
}
.productPage .themeOne .theme6 .slogan {
	line-height: 22px;
	font-size: 16px;
	margin-top: 6px;
}
.productPage .themeOne .theme6 .content {
	margin-top: 20px;
}
.productPage .themeOne .theme7 {
	padding: 30px 10px;
	box-sizing: border-box;
}
.productPage .themeOne .theme7 .text,
.productPage .themeOne .theme7 .pic {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	float: none;
}
.productPage .themeOne .theme7 .text {
	padding: 10px 0 0 0;
}
.productPage .themeOne .theme7 .text .p1 {
	line-height: 30px;
	font-size: 16px;
}
.productPage .themeOne .theme7 .text .p2 {
	font-size: 20px;
	margin-top: 16px;
}
.researchSystem .theme1 {
	padding: 30px 10px;
	box-sizing: border-box;
}
.researchSystem .theme1 .title {
	font-size: 20px;
}
.researchSystem .theme1 .slogan {
	line-height: 24px;
	font-size: 16px;
	margin-top: 20px;
}
.researchSystem .theme1 .content {
	margin-top: 20px;
}
.researchSystem .theme3 .wrap,
.researchSystem .theme2 .wrap{
	padding: 0 10px;
	box-sizing: border-box;
}
.researchSystem .theme4 .content,
.researchSystem .theme3 .content,
.researchSystem .theme2 .content {
	width: 60%;
}
.researchSystem .theme2 .content {
	width: 100%;
}
.researchSystem .theme2 .wrap{
	top: 20px;
	left: 0;
	transform: translate(0%,0);
	-webkit-transform: translate(0%,0);
	-moz-transform: translate(0%,0);
	-ms-transform: translate(0%,0);
	-o-transform: translate(0%,0);
}
/*theme3改居上中*/
.researchSystem .theme3 .wrap{
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-ms-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	top: 20px;
	left: 0;
}
.researchSystem .theme3 .content{
	width: 100%;
}
/*theme3改居上中*/
.researchSystem .theme4 .content .p1,
.researchSystem .theme3 .content .p1,
.researchSystem .theme2 .content .p1 {
	font-size: 20px;
}
.researchSystem .theme4 .content .p2,
.researchSystem .theme3 .content .p2,
.researchSystem .theme2 .content .p2 {
	font-size: 18px;
	margin-top: 5px;
}
.researchSystem .theme4 .content .p3,
.researchSystem .theme3 .content .p3,
.researchSystem .theme2 .content .p3 {
	font-size: 16px;
	margin-top: 4px;
}
.researchSystem .theme4 .content .p4,
.researchSystem .theme3 .content .p4,
.researchSystem .theme2 .content .p4 {
	line-height: 24px;
	font-size: 14px;
	margin-top: 10px;
}
.researchSystem .theme4 .content .pic,
.researchSystem .theme3 .content .pic,
.researchSystem .theme2 .content .pic {
	margin-top: 12px;
}
.researchSystem .theme4 {
background: url(../images/researchSystem04.jpg) no-repeat center;
	padding: 0px 10px 30px 10px;
	box-sizing: border-box;
}
.researchSystem .theme4 .pic {
	max-width: 646px;
	width: 100%;
	margin: 0 auto;
	float: none;
}
.researchSystem .theme4 .content {
	width: 100%;
	margin-top: 20px;
}
.researchPage .whiteBook .info {
	padding: 30px 10px;
	box-sizing: border-box;
}
.researchPage .whiteBook .info .title {
	font-size: 30px;
}
.researchPage .whiteBook .info .slogan {
	line-height: 26px;
	font-size: 14px;
	margin-top: 20px;
}
.researchPage .whiteBook .content {
	padding: 30px 20px;
	box-sizing: border-box;
}
.researchPage .whiteBook .content .pic {
	max-width: 492px;
	width: 100%;
	float: none;
	margin: 0 auto;
}
.researchPage .whiteBook .content .text {
	max-width: 492px;
	width: 100%;
	float: none;
	margin: 20px auto 0 auto;
}
.researchPage .whiteBook .content .text .p1 {
	font-size: 20px;
}
.researchPage .whiteBook .content .text .p2 {
	line-height: 26px;
	font-size: 14px;
	margin-top: 10px;
}
.researchPage .whiteBook .content .text .btn {
	font-size: 14px;
	margin-top: 20px;
}
.researchPage .whiteBook .content .text .btn:hover {
	background: url(../images/whiteBook_btn.png);
}

.researchPage .forum {
	padding: 30px 10px;
	box-sizing: border-box;
}
.researchPage .forum .swiper-button-prev,
.researchPage .forum .swiper-button-next {
	left: 0px;
	top: -2px;
}
.researchPage .forum .swiper-button-next {
	left: auto;
	right: 0px;
}
.researchPage .forum .swiper-button-prev:hover {
	background-image: url(../images/arrow6.png);
}
.researchPage .forum .swiper-button-next:hover {
	background-image: url(../images/arrow7.png);
}
.researchPage .forum .gallery-thumbs{
	width: 90%;
}
.researchPage .forum .gallery-thumbs .swiper-slide {
	font-size: 18px;
	line-height: 30px;
	padding: 26px 0 20px 0;
}
@media only screen and (max-width: 500px){
	.researchPage .forum .gallery-thumbs .swiper-slide {
		font-size: 16px;
		line-height: 20px;
		padding: 16px 0 18px 0;
	}
	.researchPage .forum .gallery-thumbs .swiper-slide::after {
		width: 10px;
		height: 10px;
	}
}
.researchPage .forum .gallery-top {
	margin-top: 20px;
}
.researchPage .forum .gallery-top .title {
	font-size: 22px;
}
.researchPage .forum .gallery-top .slogan {
	line-height: 28px;
	font-size: 16px;
	margin-top: 10px;
}
.researchPage .forum .gallery-top .bigPic {
	margin-top: 20px;
}
.researchPage .forum .gallery-top ul {
	margin-top: 20px;
}
.researchPage .forum .gallery-top ul li {
	padding: 12px 0;
}
.researchPage .forum .gallery-top ul li .pic {
	width: 140px;
	height: 140px;
}
.researchPage .forum .gallery-top ul li .text {
	padding: 0 0 0 150px;
}
.researchPage .forum .gallery-top ul li .text .p1 {
	line-height: 30px;
	font-size: 16px;
}
.researchPage .forum .gallery-top ul li .text .p2 {
	line-height: 30px;
	font-size: 16px;
	margin-top: 12px;
}
.researchPage .forum .gallery-top ul li .text .p2 span {
	margin-left: 16px;
}
@media only screen and (max-width: 600px){
	.researchPage .forum .gallery-top ul li .pic {
		width: 100%;
		height: auto;
	}
	.researchPage .forum .gallery-top ul li .text {
		padding: 0;
	}
	.researchPage .forum .gallery-top ul li .text .p1 {
		line-height: 26px;
		font-size: 14px;
	}
	.researchPage .forum .gallery-top ul li .text .p2 {
		line-height: 26px;
		font-size: 14px;
		margin-top: 8px;
	}
	.researchPage .forum .gallery-top ul li .text .p2 span {
		margin-left: 10px;
	}
}
.researchPage .sitResearch1 {
	padding: 30px 10px;
	box-sizing: border-box;
}
.researchPage .sitResearch1 .title {
	font-size: 20px;
}
.researchPage .sitResearch1 .slogan {
	line-height: 24px;
	font-size: 16px;
	margin-top: 14px;
}
.researchPage .sitResearch1 ul {
	margin-top: 20px;
}
.researchPage .sitResearch1 ul li {
	width: 50%;
	margin: 0 0 10px 0;
	padding: 0 5px;
}
.researchPage .sitResearch1 ul li:hover {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.researchPage .sitResearch1 ul li .tit {
	height: 60px;
	line-height: 20px;
	font-size: 16px;
}
.researchPage .sitResearch2 {
	padding: 30px 10px 10px 10px;
	box-sizing: border-box;
}
.researchPage .sitResearch2 .title {
	font-size: 20px;
}
.researchPage .sitResearch2 .slogan {
	line-height: 24px;
	font-size: 16px;
	margin-top: 14px;
}
.researchPage .sitResearch2 ul {
	max-width: 580px;
	margin: 20px auto 0 auto;
}
.researchPage .sitResearch2 ul li {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}
.researchPage .sitResearch2 ul li:nth-child(even) {
	padding: 0;
}
.researchPage .sitResearch2 ul li .text {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}
.researchPage .sitResearch2 ul li .text span {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin-right: 6px;
}
.contactPage .publicTitle {
	font-size: 20px;
}
.contactPage .message {
	padding: 30px 10px;
	box-sizing: border-box;
}
.contactPage .message .wrap {
	max-width: 600px;
}
.contactPage .message .publicTitle {
	margin-bottom: 30px;
}
.contactPage .message textarea,
.contactPage .message input[type='text'] {
	width: 100%;
	height: 44px;
	line-height: 42px;
	padding: 0 12px;
	font-size: 14px;
	margin: 0 0 14px 0;
}
.contactPage .message textarea {
	margin: 0;
	padding: 6px 12px;
	line-height: 20px;
	height: 120px;
}
.contactPage .message .tips {
	line-height: 20px;
	font-size: 14px;
	margin: 14px 0 20px 0;
}
.contactPage .message button,
.contactPage .message input[type='button'] {
	width: 100%;
	font-size: 14px;
}
.contactPage .message button:hover,
.contactPage .message input[type='button']:hover {
	background: #e12524;
}
.contactPage .contact {
	padding: 30px 10px;
	box-sizing: border-box;
}
.contactPage .contact .wrap{
	max-width: 600px;
}
.contactPage .contact .content {
	margin-top: 30px;
}
.contactPage .contact .content .map {
	float: left;
	width: 100%;
}
.contactPage .contact .content .map #allmap {
	width: 100%;
	height: 340px;
}
.contactPage .contact .content .address {
	width: 100%;
	height: 340px;
	padding: 0 12px;
}
.contactPage .contact .content .address .top {
	padding: 10px 0 6px 0;
}
.contactPage .contact .content .address .top .phone,
.contactPage .contact .content .address .top .mail {
	font-size: 14px;
}
.contactPage .contact .content .address .top .phone a,
.contactPage .contact .content .address .top .mail a {
	font-size: 14px;
}
.contactPage .contact .content .address .top .phone p,
.contactPage .contact .content .address .top .mail p {
	padding-left: 30px;
	background: no-repeat 0px 5px;
	line-height: 24px;
	margin: 0 0 4px 0;
}
.contactPage .contact .content .address ul li {
	padding: 10px 0px 10px 30px;
	line-height: 24px;
	font-size: 14px;
	background-position: 0px 14px;
}
.contactPage .cooperation {
	padding: 30px 10px;
	box-sizing: border-box;
}
.contactPage .cooperation li {
	width: 16.6666%;
}
.contactPage .cooperation li a:hover {
	box-shadow: 0px 0px 0px 0px #dfdfdf;
}
.contactPage .cooperation li a:hover img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
@media only screen and (max-width: 800px){
	.contactPage .cooperation li {
		width: 25%;
	}
}
@media only screen and (max-width: 500px){
	.contactPage .cooperation li {
		width: 33.333%;
	}
}
.contactPage .recruitment {
	padding: 0 10px 30px 10px;
	box-sizing: border-box;
}
.contactPage .recruitment .top,
.contactPage .recruitment .menuTop {
	padding: 10px;
}
.contactPage .recruitment .top span,
.contactPage .recruitment .menuTop span {
	width: 25%;
	line-height: 22px;
	font-size: 14px;
}
.contactPage .recruitment .top span:nth-child(1),
.contactPage .recruitment .menuTop span:nth-child(1) {
	width: 25%;
}
.contactPage .recruitment li.on .top {
	background: none;
}
.contactPage .recruitment li .top {
	background: none;
}
.contactPage .recruitment li .top span {
	font-size: 14px;
}
.contactPage .recruitment li .cont {
	padding: 10px;
}
.contactPage .recruitment li .cont .text {
	line-height: 24px;
	font-size: 14px;
}
.contactPage .recruitment li .cont .text .tit {
	font-size: 16px;
	margin-bottom: 4px;
}
.contactPage .recruitment li .cont .delivery {
	margin-top: 14px;
	padding-top: 14px;
	line-height: 24px;
	font-size: 14px;
}
.contactPage .recruitment li .cont .delivery a {
	font-size: 14px;
}
.contactPage .recruitment li .cont .delivery .p2 {
	font-size: 16px;
}
.contactPage .recruitment li .cont .delivery .p2 a {
	font-size: 16px;
}
.registeredPage {
	min-height: auto;
	padding: 30px 10px;
	box-sizing: border-box;
}
.registeredPage .registered {
	max-width: 370px;
	width: 100%;
	min-height: auto;
	float: none;
	margin: 0 auto;
	padding: 30px 14px;
	box-sizing: border-box;
}
.registeredPage .registered .title {
	line-height: 30px;
	font-size: 22px;
}
.registeredPage .registered .verify,
.registeredPage .registered input[type='password'],
.registeredPage .registered input[type='text'] {
	padding: 0 12px;
	font-size: 14px;
	margin-top: 14px;
}
.registeredPage .registered .verify {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0;
}
.registeredPage .registered .verify button,
.registeredPage .registered .verify input[type='button'] {
	float: right;
	width: 90px;
	margin: 9px 9px 0 0;
}
.registeredPage .registered .verify button:hover,
.registeredPage .registered .verify input[type='button']:hover {
	background: none;
	color: #e12524;
}
.registeredPage .registered .verify input[type='text'] {
	width: 100%;
	flex: 1;
}
.registeredPage .registered .agreement a:hover {
	color: #333333;
}
.registeredPage .registered .submit:hover {
	background: #e12524;
}
.registeredPage .login .forgotten a {
	font-size: 12px;
}
.registeredPage .login .forgotten .r a:hover{
	color: #2477d9;
}
.registeredPage .login .forgotten a:hover {
	color: #666666;
}
.registeredPage .login .other {
	margin-top: 30px;
}
.membersPage {
	padding: 30px 10px;
	box-sizing: border-box;
}
.membersPage .sidebar {
	width: 100%;
	float: none;
}
.membersPage .sidebar .userTop {
	padding: 10px 20px;
}
.membersPage .sidebar .userTop .portrait {
	width: 50px;
	height: 50px;
}
.membersPage .sidebar .userTop .name {
	line-height: 50px;
	padding: 0 0 0 60px;
	font-size: 14px;
}
.membersPage .sidebar .menu{
	position: relative;
}
.membersPage .sidebar .menu .tit{
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #333;
	display: block;
	background: url(../images/arrow20.png) no-repeat right 10px center;
	background-size: 24px 24px;
}
.membersPage .sidebar .menu ul{
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 50px;
	z-index: 80;
	background: #fff;
	box-shadow: 0px 4px 4px 1px #ebebeb;
}
.membersPage .sidebar .menu li:last-child a {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}
.membersPage .sidebar .menu li a {
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
}
.membersPage .sidebar .menu li a:hover {
	color: #333333;
}
.membersPage .content {
	max-width: 1040px;
	width: 100%;
	float: none;
	margin: 30px auto 0 auto;
}
.membersPage .content .publicTitle {
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	font-size: 16px;
}
.membersPage .userInfo .uploadBox {
	padding: 20px 0;
}
.membersPage .userInfo .uploadBox .txt {
	margin-top: 10px;
}
.membersPage .userInfo .inpuBox {
	padding: 20px;
}
.membersPage .userInfo .inpuBox input[type='passwrod'],
.membersPage .userInfo .inpuBox input[type='text'] {
	width: 100%;
	padding: 0 12px;
	margin: 0 0 20px 0;
}
.membersPage .userInfo .btnBox {
	padding: 30px 20px;
}
.membersPage .userInfo .btnBox button,
.membersPage .userInfo .btnBox input[type='button'] {
	width: 140px;
	height: 44px;
	line-height: 44px;
}
.membersPage .userInfo .btnBox button:hover,
.membersPage .userInfo .btnBox input[type='button']:hover {
	background: #e12524;
}
.membersPage .comments .commentsList {
	padding: 0 10px;
}
.membersPage .comments .commentsList li .text {
	padding: 0 0 0 44px;
}
.membersPage .collection .list {
	padding: 0px 10px;
}
.membersPage .collection .list li a{
	padding: 10px 0;
}
.membersPage .collection .list li a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.membersPage .collection .list li a:hover .tit {
	color: #333;
}
.storesPage .inspiration .wrap {
	padding: 0 10px;
	box-sizing: border-box;
}
.storesPage .inspiration .text {
	max-width: 250px;
	width: 100%;
}
.storesPage .inspiration .text .p1 {
	font-size: 24px;
}
.storesPage .inspiration .text .p2 {
	font-size: 16px;
	margin: 10px 0;
}
.storesPage .inspiration .text .p3 {
	line-height: 20px;
	font-size: 12px;
}
.storesPage .services {
	padding: 30px 10px 10px 10px;
	box-sizing: border-box;
}
.storesPage .services .title {
	line-height: 30px;
	font-size: 14px;
}
.storesPage .services ul {
	margin-top: 30px;
}
.storesPage .services ul li {
	width: 33.33%;
	margin-bottom: 20px;
}
.storesPage .services ul li .icon {
	height: 50px;
}
.storesPage .services ul li .en {
	line-height: 22px;
	font-size: 16px;
	margin-top: 10px;
}
.storesPage .services ul li .txt {
	line-height: 20px;
	font-size: 14px;
}
.storesPage .nextStation .text {
	width: 50%;
	top: 20%;
	left: auto;
	right: 10px;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	padding-left: 0;
}
.storesPage .nextStation .text .p1 {
	font-size: 20px;
}
.storesPage .nextStation .text .p2 {
	line-height: 22px;
	font-size: 16px;
	margin-top: 10px;
}
.storesPage .publicTitle .tit {
	font-size: 20px;
}
.storesPage .publicTitle .txt {
	font-size: 18px;
	margin-top: 5px;
}
.storesPage .experience {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 10px;
	box-sizing: border-box;
}
.storesPage .experience .row {
	margin-top: 30px;
	min-height: auto;
}
.storesPage .experience .gallery-top {
	width: 100%;
	margin-top: 0px;
}
.storesPage .experience .gallery-thumbs,
.storesPage .experience .address {
	width: 100% ;
	position: relative;
}
.storesPage .experience .gallery-thumbs{
	height: 460px;
}
.storesPage .experience .address ul {
	max-height: 340px;
}
.storesPage .experience .address ul::-webkit-scrollbar {
	width: 2px;
}
.storesPage .experience .gallery-thumbs .swiper-button-next,
.storesPage .experience .address::after {
	bottom: 4px;
}
.storesPage .experience .gallery-thumbs .swiper-slide{
	padding: 10px 0;
}
.storesPage .experience .address li {
	padding: 20px 0;
}
.storesPage .experience .gallery-thumbs .swiper-slide .text .tit ,
.storesPage .experience .address li .text .tit {
	line-height: 26px;
	font-size: 18px;
}
.storesPage .experience .gallery-thumbs .swiper-slide .text .tit ,
.storesPage .experience .address li .text .txt {
	line-height: 20px;
	font-size: 14px;
	margin-top: 10px;
}
.storesPage .ideal .publicTitle {
	margin: 10px 0 30px 0;
}
.storesPage .ideal .swiper-container .swiper-pagination {
	bottom: 10px;
}
.storesPage .ideal .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 5px;
}
.storesPage .features {
	padding-bottom: 30px;
}
.storesPage .features .publicTitle {
	margin: 30px 0;
}
.storesPage .features .content {
	padding: 0 10px;
	box-sizing: border-box;
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	border: none;
}
.storesPage .features .content .row:nth-child(even) .pic,
.storesPage .features .content .pic {
	width: 100%;
	float: none;
}
.storesPage .features .content .row:nth-child(2) .box,
.storesPage .features .content .row:nth-child(even) .box,
.storesPage .features .content .box {
	width: 100%;
	height: auto;
	position: static;
}
.storesPage .features .content .text {
	width: 100%;
	position: static;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	padding:10px;
	box-sizing: border-box;
}
.storesPage .features .content .text .tit {
	margin-left: -14px;
}
.storesPage .features .content .text .tit .t1 {
	font-size: 18px;
	background-position: 0 8px;
	padding-left: 14px;
}
.storesPage .features .content .text .tit .t2 {
	padding-left: 14px;
	font-size: 18px;
	margin-top: 2px;
}
.storesPage .features .content .text .txt {
	margin-top: 10px;
	line-height: 26px;
	font-size: 14px;
}
.storesPage .features .content .text .txt .p2 {
	line-height: 20px;
	margin-top: 0px;
}
.specialPage{
	padding-top: 50px;
}
.specialPage .videoBox .icon {
  width: 40px;
  height: 40px;
}
.specialPage .videoBox .video {
	width: 90%;
	left: 5%;
	padding: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.specialPage .r1Special .slogan {
  padding: 60px 14px;
  background: #141621;
  box-sizing: border-box;
}
.specialPage .r1Special .slogan .p1 {
  font-size: 24px;
  color: #fff;
}
.specialPage .r1Special .slogan .p2 {
	line-height: 28px;
  font-size: 16px;
  color: #f8f8f8;
  margin-top: 18px;
  opacity: .6;
}

/**线下门店**/
.offLine .offline-title .en {
  font-size: 12px;
}
.offLine .offline-title .cn {
  margin-top: 5px;
  font-size: 23px;
  line-height: 22px;
}
.offline-block-a {
  padding: 45px 10px;
}
.offline-block-a .wrap {
  max-width: 750px;
}
.offline-block-a .form-block .wid1 {
  width: 31%;
}
.offline-block-a .form-block .wid2 {
  order: -1;
  margin-bottom: 15px;
  width: 100%;
}
.offline-block-a .form-block .seach-block {
  padding-right: 60px;
}
.offline-block-a .form-block .seach-block .key {
  height: 36px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 36px;
}
.offline-block-a .form-block .seach-block .key::-webkit-input-placeholder {
  font-size: 14px;
}
.offline-block-a .form-block .seach-block .key:-moz-placeholder {
  font-size: 14px;
}
.offline-block-a .form-block .seach-block .key::-moz-placeholder {
  font-size: 14px;
}
.offline-block-a .form-block .seach-block .key:-ms-input-placeholder {
  font-size: 14px;
}
.offline-block-a .form-block .seach-block .submit {
  width: 60px;
  background-size: 20px auto;
}
.offLine .select-block .select-title ,
.offLine .select-block .word {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 36px;
}
.offLine .select-block .word {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 26px;
}
.offLine .select-block .select-title::after {
  height: 36px;
  background-size: 10px auto;
}
.offline-block-a .map {
  height: 300px;
}
.offline-block-b {
  padding: 0 10px;
}
.offline-block-b .wrap {
  max-width: 750px;
}
.offline-block-b .list {
  margin-top: 35px;
  border-radius: 15px;
}
.offline-block-b .list .list-li {
  align-items: flex-start;
}
.offline-block-b .list .city {
  border: 0 none;
  border-radius: 0;
  width: 100%;
  min-height: 0;
  padding: 5px 0;
  font-size: 18px;
  line-height: 30px;
}
.offline-block-b .list .store-li {
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 13px;
  font-size: 14px;
  line-height: 22px;
  background-position: left 5px;
  background-size: 8px auto;
}
.offline-block-b .list .city::after {
  display: none!important;
}
.offline-block-b .list .list-li .store-list {
  border-radius: 0;
  padding: 5px 15px;
}
.offline-block-b .list .list-li:first-child .city {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.offline-block-b .list .list-li:first-child .store-list {
  border-radius: 0;
}
.offline-block-b .list .list-li:last-child .city {
  border-radius: 0;
}
.offline-block-b .list .list-li:last-child .store-list {
  border-radius: 0;
  border-bottom: 1px solid #4c4948;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.offline-block-b .list .list-li .store-list {
  width: 100%;
  border-left: 1px solid #4c4948!important;
  border-right: 1px solid #4c4948!important;
}
.offline-block-b .list .store-li .word {
  margin-bottom: 3px;
  width: 100%;
}
.offline-block-b .list .store-li .contacts {
  width: 40%;
}
.offline-block-b .list .store-li .phone {
  width: auto;
}
.offline-block-b .list .store-li .pc-hide {
  display: inline-block;
}
.offline-block-c {
  padding: 45px 10px;
}
.offline-block-c::before {
  display: none;
}
.offline-block-c .bg {
  margin: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.offline-block-c .wrap {
  max-width: 750px;
}
.offline-block-c .offline-title {
  padding-top: 0;
}
.offline-block-c .list {
  padding: 35px 0 0;
}
.offline-block-c .list .list-li {
  margin: 2% 0;
  width: 48%;
  max-width: 48%;
}
.offline-block-c .list .list-li:first-child {
  border-top-left-radius: 40px;
}
.offline-block-c .list .list-li:last-child {
  border-bottom-right-radius: 40px;
}
.offline-block-c .list .list-li .pad {
  padding: 20px 10px;
}
.offline-block-c .list .list-li img {
  width: 40px;
  height: auto!important;
}
.offline-block-c .list .list-li .t-en {
  margin-bottom: 0;
}
.offline-block-c .list .list-li .title {
  margin-bottom: 5px;
  font-size: 16px;
}
.offline-block-c .list .list-li .des {
  font-size: 14px;
  line-height: 22px;
}

/**招商加盟**/
.join-block-a {
  padding: 0 10px;
}
.join-block-a .wrap {
  max-width: 660px;
}
.join-block-a .h1 {
  margin: 55px 0;
  font-size: 24px;
}
.join-block-a .list .list-li {
  width: 27.3%;
  flex-wrap: wrap;
}
.join-block-a .list .li3 ,
.join-block-a .list .li5 ,
.join-block-a .list .li8 {
  width: 30.4%;
}
.join-block-a .list .mid-li {
  width: 42.3%;
}
.join-block-a .list .list-li .img-box {
  border-right: 0 none;
  border-bottom: 1px solid #e64b38;
  width: 100%;
  padding: 6px 0;
}
.join-block-a .list .list-li .img-box img {
  width: 35px;
}
.join-block-a .list .list-li .cont {
  width: 100%;
  padding: 16px 0;
  font-size: 16px;
  line-height: 20px;
}
.join-block-a .list .mid-li .phone {
  display: block;
}
.join-block-a .list .mid-li .pc {
  display: none;
}
.join-block-a .bot-cont {
  padding-top: 100px;
  padding-bottom: 88px;
}
.join-block-a .bot-cont .txt {
  margin-bottom: 13px;
	font-size: 23px;
}
.join-block-a .bot-cont .btn {
	width: 201px;
  padding-bottom: 8px;
}
.join-block-a .bot-cont .btn .btn-cn {
	font-size: 15px;
}
.join-block-a .bot-cont .btn .btn-en {
	font-size: 10px;
}
@media (max-width: 500px) {
  /**招商加盟**/
  .join-block-a {
    padding: 0 10px;
  }
  .join-block-a .wrap {
    max-width: 660px;
  }
  .join-block-a .h1 {
    margin: 55px 0;
    font-size: 24px;
  }
  .join-block-a .list .list-li {
    width: 27.3%;
    flex-wrap: wrap;
  }
  .join-block-a .list .li3 ,
  .join-block-a .list .li5 ,
  .join-block-a .list .li8 {
    width: 30.4%;
  }
  .join-block-a .list .mid-li {
    width: 42.3%;
  }
  .join-block-a .list .list-li .img-box {
    border-right: 0 none;
    border-bottom: 1px solid #e64b38;
    width: 100%;
    padding: 6px 0;
  }
  .join-block-a .list .list-li .img-box img {
    width: 35px;
  }
  .join-block-a .list .list-li .cont {
    width: 100%;
    padding: 16px 0;
    font-size: 16px;
    line-height: 20px;
  }
  .join-block-a .list .mid-li .phone {
    display: block;
  }
  .join-block-a .list .mid-li .pc {
    display: none;
  }
  .join-block-a .bot-cont {
    padding-top: 100px;
    padding-bottom: 88px;
  }
  .join-block-a .bot-cont .txt {
    margin-bottom: 13px;
    font-size: 23px;
  }
  .join-block-a .bot-cont .btn {
    width: 201px;
    padding-bottom: 8px;
  }
  .join-block-a .bot-cont .btn .btn-cn {
    font-size: 15px;
  }
  .join-block-a .bot-cont .btn .btn-en {
    font-size: 10px;
  }
}
@media (max-width: 500px) {
  /**招商加盟**/
  .join-block-a .h1 {
    margin: 35px 0 25px;
    font-size: 20px;
  }
  .join-block-a .list .list-li {
    width: 31%;
  }
  .join-block-a .list .list-li .img-box img {
    width: 26px;
  }
  .join-block-a .list .list-li .cont {
    width: 100%;
    padding: 12px 0;
    font-size: 10px;
  }
  .join-block-a .list .mid-li {
    margin: -2px 0;
    width: 38%;
  }
  .join-block-a .bot-cont {
    padding-top: 30px;
    padding-bottom: 38px;
  }
  .join-block-a .bot-cont .txt {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .join-block-a .bot-cont .btn .btn-cn {
    font-size: 14px;
  }
}

}