@charset "UTF-8";
@media only screen and (max-width: 1200px) {
img { border: 0;max-width:100%;height:auto;width:auto\9;-ms-interpolation-mode: bicubic;}
*{
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.article {
	line-height: 24px;
	font-size: 14px;
}
.wrapper {
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
}
.header {
	height: 50px;
	z-index: 105;
	top: 0px;
	right: 0;
	left: auto;
	position: fixed;
}
.header .logo{
	width: 80px;
	height: 32px;
	float: none;
	margin: 10px auto 0 auto;
}
.header .language,
.header .user{
	display: none;
}
.header .language{
	margin-right: 50px;
}
.header .search .tit,
.header .user .tit,
.header .language .tit {
	background-position: 12px center;
	padding-left: 40px;
	height: 34px;
	line-height: 34px;
	margin-top: 8px;
}
.header .language .tit{
	background-image: url(../../images/home/language.png);
}
.header .user .down,
.header .language .down {
	top: 50px;
	padding: 0 20px 20px 20px;
}
.header .user .down .box,
.header .language .down .box {
	width: 164px;
	margin-top: 10px;
	padding: 0 12px;
	box-shadow: 0px 0px 10px 2px #dddddd;
}
.header .user .down .box:after,
.header .language .down .box:after {
	border-width: 6px;
	margin-left: -6px;
}
.header .language .down .box a {
	height: 40px;
	line-height: 40px;
}
.header .language .down .box a:hover {
	color: #222222;
}
.header .user .tit {
	width: 50px;
	background-position: center;
}
.header .user .down .box{
	padding-top: 1px;
}
.header .user .down .box .portrait {
	margin: 12px auto 0 auto;
}
.header .user .down .box .name {
	margin-top: 6px;
}
.header .user .down .box a:hover {
	color: #333333;
}
.header .user .down .box ul {
	margin-top: 10px;
}
.header .user .down .box ul li .icon {
	margin-left: 10px;
}
.header .user .down .box ul li .txt {
	margin-left: 14px;
	width: 92px;
}
.header .search{
	margin: 0px;
	position: absolute;
	right: 0px;
	top: 0;
}
.header .search .tit {
	width: 50px;
	background-position: center;
	background-image: url(../../images/home/search.png);
}
.header .search .titbg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 50px;
	height: 34px;
	line-height: 34px;
	margin-top: 8px;
	text-align: center;
}
.header .search .titbg svg{
	vertical-align: middle;
	width: 22px;
	height: 22px;
}
.header .search .searchBar {
	width: 100%;
	position: fixed;
	right: 0px;
	top: 0px;
	padding: 0 0 10px 0;
	box-sizing: border-box;
	display: none;
	z-index: 210;
}
.header .search .searchBar .inpubox .closeBtn,
.header .search .searchBar .inpubox .searchBtn {
	width: 50px;
	height: 50px;
}
.header .search .searchBar .inpubox .searchBtn{
	background-image: url(../../images/home/search.png);
}
.header .search .searchBar .inpubox .closeBtn {
	width: 50px;
}
.header .search .searchBar .inpubox .closeBtn:hover {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}
.header .search .searchBar .inpubox .inpu {
	padding: 0 50px 0 50px;
}
.header .search .searchBar .inpubox .inpu input {
	height: 50px;
	line-height: 50px;
}
.header .search .searchBar ul {
	margin-top: 12px;
}
.header .search .searchBar ul li {
	margin-bottom: 4px;
	padding: 0 50px;
	box-sizing: border-box;
}
.header .search .searchBar ul li a {
	height: 30px;
	line-height: 30px;
	text-indent: 0px;
}
.header .search .searchBar ul li a:hover {
	background: none;
}
.header .shopping{
	display: block;
	width: 50px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 13px;
	z-index: 6;
	background: url(../../images/home/language.png) no-repeat center;
	background-size: 20px auto;
	border-left: solid 1px #cccccc;
}
.header .menuBtn {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 130;
}
.header .menuBtn span {
	width: 24px;
	height: 0.14em;
	background: #434343;
	border-radius: 3px;
	position: absolute;
	left: 13px;
	top: 23px;
	z-index: 2;
	transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	-o-transition: 0.8s;
}
.header .menuBtn span.line1 {
	top: 15px;
}
.header .menuBtn span.line3 {
	top: 31px;
}
/*.header .nav {
	width: 200px;
	position: fixed;
	left: -200px;
	top: 0;
	bottom: 0;
	margin: 0;
	z-index: 105;
	background: #fff;
	overflow: auto;
	min-height: 100%;
	padding-bottom: 100px;
}
.header .nav .bottom{
	display: block;
}
.header .nav .tit {
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #e12524;
	text-align: center;
	padding: 20px 0;
}*/
.wrapper.shiftLeft {
	margin-right: -200px;
}
.wrapper.shiftLeft .header {
	right: -200px;
	z-index: 105;
}
.wrapper .header.static{
	padding-top: 1px;
	position: relative;
	z-index: 90;
}
.wrapper.shiftLeft .header.static{
	position: fixed;
	z-index: 105;
}
.wrapper.shiftLeft .header .nav {
	left: 0;
	margin: 0;
}
.wrapper .menuBtn.on span{
	background: #fff;
}
.wrapper .menuBtn.on span.line1,
.wrapper.shiftLeft .menuBtn span.line1 {
	top: 23px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.wrapper .menuBtn.on span.line2,
.wrapper.shiftLeft .menuBtn span.line2 {
	opacity: 0;
}
.wrapper .menuBtn.on span.line3,
.wrapper.shiftLeft .menuBtn span.line3 {
	top: 23px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

.header .nav {
	width: 100%;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 105;
	margin: 0px;
	background: #373941;
	overflow: auto;
	display: none;
	opacity: 0.98;
}
.header .nav .logo{
	width: 80px;
	height: auto;
	margin: 10px auto 0 auto;
	display: block;
}
.header .nav .logo img{
	width: 100%;
	display: block;
}
.header .nav .bottom {
	display: block;
}
.header .nav > ul{
	padding: 0 54px;
	box-sizing: border-box;
	margin-top: 30px;
}
.header .nav > ul > li {
	float: none;
	margin: 0;
	border-bottom: solid 1px #595b60;
}
.header .nav > ul > li.down > a {
	background: url(../../images/home/arrow21.png) no-repeat right 0 center;
	background-size: 10px auto;
	padding: 0;
}
.header .nav > ul > li.now > a{
	background-image: url(../../images/home/arrow22.png);
}
.header .nav > ul > li.on > a,
.header .nav > ul > li > a {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	color: #fff;
}
.header .nav .sub2,
.header .nav .sub1 {
	width: 100%;
	min-width: 160px;
	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);
	background: none;
}
.header .nav .sub2 li,
.header .nav .sub1 li {
	width: 100%;
	background: none;
	margin: 0;
	float: none;
}
.header .nav .sub2 li a,
.header .nav .sub1 li a:hover,
.header .nav .sub1 li a {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: left;
	color: #ccc;
	padding: 0;
	text-indent: 20px;
	border-top: dashed 1px #454650;
}
.header .nav .sub2 li .txt {
	width: 100%;
	float: none;
	padding: 0;
	text-align: left;
}
.header .nav .sub2 li .txt .p2 {
	font-size: 14px;
	color: #ccc;
}
.header .nav .sub2 li .txt .p1,
.header .nav .sub2 li a::after,
.header .nav .sub2 li .pic {
	display: none;
}
.header .nav .bottom{
	text-align: center;
	line-height: 50px;
	margin-top: 30px;
}
.header .nav .bottom center{
	display: inline-block;
}
.header .nav .bottom a{
	width: 40px;
	height: 40px;
	line-height: 40px;
	float: left;
	background: no-repeat center;
	background-size: 100% 100%;
	margin-left: 10px;
	font-size: 20px;
	color: #fff;
}
.header .nav .bottom a.wb{
	background-image: url(../../images/home/nav_bottom1.png);
}
.header .nav .bottom a.dl{
	background-image: url(../../images/home/nav_bottom2.png);
}
.header .nav .bottom a.kf{
	background-image: url(../../images/home/nav_bottom3.png);
}
.header .nav .bottom a.dh{
	width: auto;
}









.footer {
	padding-top: 0;
}
.footer .linkList {
	float: none;
}
.footer .linkList .list {
	float: none;
	border-bottom: solid 1px #41434b;
	text-align: left;
	margin-right:0px !important;
}
.footer .linkList .list .tit:hover,
.footer .linkList .list .tit {
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #cfcfd0;
	display: block;
	font-weight: normal;
	text-indent: 20px;
	background: url(../../images/home/add.png) no-repeat right 20px center;
	background-size: 12px auto;
}
.footer .linkList .list .tit.on:hover,
.footer .linkList .list .tit.on{
	background-image: url(../../images/home/add2.png);
}
.footer .linkList .list ul {
	margin-top: 0px;
	padding-bottom: 10px;
	display: none;
}
.footer .linkList .list ul li {
	height: 30px;
	line-height: 30px;
	margin-bottom: 0px;
	text-indent: 20px;
}
.footer .linkList .list ul li a:hover,
.footer .linkList .list ul li a {
	color: #84868a;
}
.footer .r{
	text-align: center;
	float: none;
}
.footer .tel {
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	margin: 10px 0;
}
.footer .share {
	margin-top: 0px;
}
.footer .share .s {
	float: none;
	margin: 0 8px;
	display: none;
}
.footer .share .s a .pic ,
.footer .share .s a:hover .pic {
	opacity: 1;
}
.footer .share .s a:hover .txt {
	color: #84868a;
}
.footer .share .s .pic {
	width: 40px;
	height: 40px;
}
.footer .share .s .qrcode {
	top: auto;
	bottom: 80px;
}
.footer .share .s .qrcode:after {
	bottom: auto;
	left: 50%;
	top: 100%;
	border: solid transparent;
	border-top-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}
.footer .share .s .qrcode span {
	width: 120px;
	height: 120px;
}
.footer .friendship {
	max-width: 200px;
	margin: 20px auto 0 auto;
	width: 100%;
	text-align: left;
}
.footer .friendship .tit {
	width: 100%;
	height: 40px;
	line-height: 38px;
	float: none;
	text-indent: 0px;
	box-sizing: border-box;
	padding: 0 12px;
}
.footer .friendship ul {
	bottom: 38px;
	width: 100%;
	display: none;
}
.footer .friendship ul li {
	border-bottom: solid 1px #5a5c61;
}
.footer .friendship ul li:last-child {
	border-bottom: none;
}
.footer .friendship ul li a:hover {
	color: #84868a;
}
.footer .copyright {
	margin-top: 20px;
	padding: 8px 12px;
	box-sizing: border-box;
}
.footer .copyright .l,
.footer .copyright .r{
	float: none;
	text-align: center;
}
.footer .copyright a {
	font-size: 12px;
}
.footer .copyright a:hover {
	color: #84868a;
}
.returnTop {
	width: 30px;
	height: 30px;
	bottom: 20px;
	right: 5px;
}
.main{
	padding-top: 50px;
}
.banner .pic1 {
	display: none;
}
.banner .pic2 {
	display: block;
}
.main .banner .swiper-pagination {
	bottom: 4px;
}
.main .community .swiper-pagination{
	bottom: -20px;
}
.main .banner .swiper-pagination .swiper-pagination-bullet, .main .community .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/home/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/home/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/home/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/home/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/home/arrow8.png) no-repeat 26px center #f5f5f5;
	color: #333333;
	text-indent: 48px;
}
.container .prevnext .next:hover,
.container .prevnext .next {
	float: right;
	background: url(../../images/home/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/home/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/home/arrow6.png);
}
.aboutPage .brandActivities .content .swiper-button-next:hover {
	background-image: url(../../images/home/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/home/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/home/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/home/arrow13.png);
}
.productPage .productDetails .photo .swiper-button-next:hover {
	background-image: url(../../images/home/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/home/arrow15.png);
}
.productPage .productDetails .details .specification .swiper-button-next:hover {
	background-color: #e8e8e8;
	background-image: url(../../images/home/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 {
	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/home/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/home/arrow6.png);
}
.researchPage .forum .swiper-button-next:hover {
	background-image: url(../../images/home/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: 20px;
	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/home/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;
}









}/*手机版css*/