.content-box{
	width: 100%;
	min-height:600px;
	background:#fff;
	text-align: left;
	line-height:28px;
	padding:20px;
	font-size:14px;
	overflow-x: hidden;
	font-family: Radomir-Tinkov-Gilroy-Regular,Arial,sans-serif!important;
}
.content-box p{ width:100%; font-size:14px; display:inline-block; }
.content-box p img{ margin-top:-4px; width:100%; height:auto; }

.section2{
	width: 1280px;
	margin: 0 auto;
}
.section2 .photoss{
	width: 48%;
	float: left;
	max-width:600px;
}
.section2 .right{
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-top: 25px;
	max-width:600px;
	white-space:normal;
	word-break:break-all;
	word-wrap: break-word;
}
.section2 .right h4{
	font-size: 24px;
	color: #00a2ea;
	display:inline-block;
	font-weight: 500;
	padding-bottom:25px;
}

.section2 .right p{
	font-size: 14px;
	color: #222;
	line-height: 1.86;
	font-family:Radomir-Tinkov-Gilroy-Regular,Arial,sans-serif!important;
}
.section2 .right .model{ color: #222; display:inline-block; margin-top:25px;}
.section2 .right .model label{ color:#fff; display:inline-block; min-width:80px; padding:4px 16px; border-radius: 1px; background-color:#000; line-height:24px; text-align:center; margin-top:10px; }
.section2 .right .shopping{ height:40px; margin-top:30px; }
.section2 .right .shopping a{ color: #222; border: 1px solid transparent; border-color: #222; border-width: .25rem; font-weight: 500;display:inline-block; min-width:80px; padding: .4rem 1.6rem; transition: all 0.3s; background-color:#fff; font-size: 1.2rem; line-height: 1.4; text-align:center; }
.section2 .right .shopping a:hover{ background-color:#222;color: #fff;}

.social-share{ width:100%; display: inline-block!important; margin-top:30px;}
.social-share .social-label {
    display: inline-block;
	color: #999;
	width:82px;
	line-height:34px;
	float: left;
	margin-top:15px;
}
.social-share .socials {
    margin: 15px -5px;
    display: inline-block;
}
.social-share ul {
    padding: 0;
    text-align: center;
}
.social-share .list-inline {
    padding-left: 0;
    list-style: none;
}
.social-share .socials>li {
    margin-right: 0;
    margin-left: 0;
}
.social-share ul li {
    margin: 0;
}
.social-share .list-inline-item {
    display: inline-block;
}
.social-share .socials a.social-icon {
    display: inline-block;
    margin: 0 5px;
    transition: all .35s ease;
}
.social-share ul li a {
    font-size: 14px;
    background-color: transparent !important;
    width: 30px;
    height: 30px;
	line-height: 30px;
    display: inline-block;
    color: #999;
    border-radius: 50px;
    border: 1px solid #999;
}
.social-share a:hover i {
    color: #222;
}

.menuDotsExpand {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
	margin-top:25px;
}
.axisLabelFull {
    display: block;
    width: 100%;
}
.axisLabel {
    display: inline-block;
    min-width: 2.5em;
    margin-right: .5em;
	margin-bottom:10px;
	color: #222;
}
.menuDotsExpand a.selected {
    max-width: 120px;
    color: var(--selectedText);
}

.menuDotsExpand a {
    padding: 0 1em;
    max-width: 2.5em;
    height: 2.5em;
	margin-right: .5em;
    border: none;
    border-radius: 2.5em;
    background: var(--selectedColor);
    color: transparent;
    --selectedText: white;
    transition: all .1s ease-out, background .2s ease-out, max-width .75s cubic-bezier(0, 0, 0, 1);
    line-height: 2.5em;
    white-space: nowrap;
    overflow: hidden;
}

.menuDotsExpand a:hover .ring:hover{ }
.axisColor a[data-option="Brushed"] { --selectedColor: linear-gradient(to right, #888480, #CCCCCC); }
.axisColor a[data-option="Black"] { --selectedColor: #1D1D1D;}
.axisColor a[data-option="Deep blue"] { --selectedColor: #105599; }
.axisColor a[data-option="Fruit punch"]{ --selectedColor: #EC548F; }
.axisColor a[data-option="Seaglass"]{ --selectedColor: #61CFAC; }
.axisColor a[data-option="Purple"]{ --selectedColor: #6B305E; }
.axisColor a[data-option="Samba"]{ --selectedColor: #D48574; }
.axisColor a[data-option="White"] { --selectedColor: #E5E5E5; --selectedText: black; } /*#E2DDDB*/
.axisColor a[data-option="Light green"] { --selectedColor: #A7CC96; --selectedText: black; }
.axisColor a[data-option="Pink"]{ --selectedColor: #F1B6BC; }
.axisColor a[data-option="Light blue"]{ --selectedColor: #79FDD6; }

.menuDotsExpand a {
    position: relative;
    cursor: pointer;
}
.menuDotsExpand .ring {
	position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    border-radius: 4em;
	border: 0px solid transparent;
    transition: border-width .1s linear, border-color .1s linear;
}
.menuDotsExpand a:hover .ring {
   border-width: 2px;
   border-color: #fff;
}

/*/////////////////////////////*/
.my-gallery {width: 100%; }
.my-gallery img {width: 100%;height: auto;}
.my-gallery figure {display: block;float: left; margin: 0 5px 5px 0;width: 150px;}
.my-gallery figcaption {display: none;}

/****/


/*/////////////////////*/
.skill-cantainer{
	position: relative;
}
.skill-cantainer .swiper-slide {
	text-align: center;
	font-size:1.0625rem;
	background: #fff;
     display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}

.skill-cantainer .swiper-container {width:100%; height:auto !important;}
.skill-cantainer .swiper-slide-active{ display:block; }
.skill-cantainer .swiper-pagination{height:50px;line-height:50px;color:#fff;background:rgba(0,0,0,0.5); display:none;}
.skill-cantainer .prev{
	position: absolute;
	left: 12px;
	bottom: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #00a2ea;
	cursor: pointer;
	opacity: 0;
	z-index:99;
}
.skill-cantainer .next{
	position: absolute;
	right: 12px;
	bottom: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #00a2ea;
	cursor: pointer;
	opacity: 0;
	z-index:99;
}
.skill-cantainer:hover .prev,.skill-cantainer:hover .next{ opacity: 1; }
.skill-cantainer .icon{
	font-size: 36px;
	color: #FFFFFF;
}


.banner-album {
	position: relative;
    width: 600px;
    height: 130px;
	margin-top: 10px;	
}
.banner-album .prev {
    position: absolute;
	top: 35%;
    left: 0px;
}
.banner-album .next {
    position: absolute;
    top: 35%;
    right: 0px;
}
.banner-album .prev i,.banner-album .next i{font-size:20px;line-height:40px;color:#888;}
.banner-album .prev,.banner-album .next{width:40px;height:40px;border:1px solid transparent;border-radius:50%;background:none;margin-top:3px;text-align:center; cursor:pointer;}
.banner-album .prev:hover,.banner-album .next:hover{background:#87CDDC;border:1px solid #87CDDC;}
.banner-album .prev:hover i,.banner-album .next:hover i{color:#fff;}
.skill-banner{
	width: 520px;
	height: 130px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.skill-banner ul{
	width: 100%;
	margin-left:40px;
	height: 130px;
	overflow: hidden;
	position: absolute;
	left: 0;
	transition: all .5s;
}
.skill-banner ul li{
    width: 125px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
    position: relative;
}
.skill-banner ul li{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select:none;
	user-select:none;
}
.skill-banner ul li:last-child{
	margin-right: 0;
	margin-left: 5px;
}
.skill-banner ul .li-act1{
	border: 2px #00a2ea solid;
}
.skill-banner ul li img{
	display: block;
}
.skill-banner ul li p{
	width: 100%;
	height: 22px;
	text-align: center;
	line-height: 22px;
	color: #FFFFFF;
	font-size: 12px;
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}


.section2 .table{	
	padding-bottom: 40px;
}
.section2 .table>ul{
	background: #FFFFFF;
	padding: 40px 0;
}
.section2 .table>ul>li{
	padding: 10px 0;
}
.section2 .table>ul>li:nth-child(2n+1){
	background:#f5faff;
}
.section2 .table>ul>li:first-child>span:nth-child(2){
	padding-left: 6px;
}
.section2 .table>ul>li>span{
	display: inline-block;
	vertical-align: top;
}
.section2 .table>ul>li>span:nth-child(1){
	width: 35px;
	text-align: center;
}
.section2 .table>ul>li>span:nth-child(2){
	width: 529px;
}
.section2 .table>ul>li>span:nth-child(3){
	width: 200px;
	text-align: center;
}
.section2 .table>ul>li>span:nth-child(4){
	width: 200px;
}
.section2 .table>ul>li>span:nth-child(5){
	width: 200px;
	text-align: center;
}

.container .content_related{margin-top: 50px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.container .content_related h1{font-size: 16px; font-weight:600; color:#666;padding-top: 16px;padding-bottom:16px;}
.container .content_related .products_info{width: 221px;float: left;margin-right:18px;}
.container .content_related .products_info .info_img{ width: 185px; height: auto; margin:20px 0 0 18px;}
.container .content_related .products_info .info_img .img{ width:185px; height:auto;}
.container .content_related .products_info .info_title{text-align: center;margin:15px 0 6px 0; font-size: 16px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.container .content_related .products_info .info_des{text-align: center;margin-bottom: 15px;color:#999;}
.container .content_related .products_info .info_more{display: block;width:74px;height:27px;border-radius: 16px;background: #00a2ea; text-align: center;line-height: 24px;font-size:24px;color:#fff; margin:0 auto 33px;}

@media only screen and (max-width:1380px) {
	.section2{
		width: 1100px;
	}
	.section2 .photoss{
		width: 48%;
	}
	.section2 .right{
		width: 50%;
		margin-top: 20px;
		margin-left: 2%;
	}
	.section2 .right span{
		margin-bottom: 8px;
	}
	.section2 .skill-banner{
		width: 100%;
	}
	.section2 .skill-banner ul li{
		width: 127px;
		margin-right: 12px;
	}
	.section2 .skill-banner ul li:last-child{
		margin-left: 0;
	}
	.section2 .table>ul>li>span:nth-child(3){
		width: 170px;
	}
	.section2 .table>ul>li>span:nth-child(4){
		width: 170px;
	}
	.section2 .table>ul>li>span:nth-child(5){
		width: 100px;
	}
}

@media only screen and (max-width:1199px) {
	.section2{
		width: 940px;
		padding-bottom: 30px;
	}
	.section2 .photoss{
		width: 48%;
	}
	.section2 .right{
		width: 50;
		margin-left: 2%;
	}
	.section2 .right p{
		height: 145px;
		overflow-y: scroll;
	    text-overflow: ellipsis;
	}
	.section2 .skill-banner ul li{
		width: 110px;
		margin-right: 8px;
	}
	.section2 .skill-cantainer .button{
		width: 80px;
	}
	.section2 .skill-cantainer .prev{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.section2 .skill-cantainer .next{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.section2 .table>ul>li>span:nth-child(3){
		width: 75px;
	}
	.section2 .table>ul>li>span:nth-child(4){
		width: 150px;
	}
	.section2 .table>ul>li>span:nth-child(5){
		width: 84px;
	}
}

@media only screen and (max-width:991px) {
	.content-box img{ width:100%;}
	.section2{
		width: 100%;
		padding: 0 15px;
		padding-bottom: 40px;
	}
	.section2 .photoss{
		width: 45%;
	}
	.section2 .right{
		width: 50%;
		margin-top: 20px;
		margin-left: 30px;
	}
	.section2 .right span{
		margin-bottom: 10px;
	}
	.section2 .right p{
		height: 100px;
	}
	.section2 .skill-banner{
		display:none;
	}
	.section2 .skill-banner ul li{
		width: 110px;
		margin-right: 14px;
	}
	.section2 .skill-banner ul li:last-child{
		margin-left: 0;
	}
	.section2 .table>ul>li>span:nth-child(1){
		width: 4%;
	}
	.section2 .table>ul>li>span:nth-child(2){
		width: 56%;
	}
	.section2 .table>ul>li>span:nth-child(3){
		width: 10%;
	}
	.section2 .table>ul>li>span:nth-child(4){
		width: 13%;
	}
	.section2 .table>ul>li>span:nth-child(5){
		width: 12%;
	}
}

@media only screen and (max-width:768px) {
	.skill-cantainer .prev{opacity: 1;}
	.skill-cantainer .next{opacity: 1;}
	.content-box img{ width:100%;}
	.section2 .photoss{
		width: 100%;
	}
	.section2 .right{
		width: 100%;
		padding: 0 10px;
		margin-top: 20px;
		margin-left: 0px;
	}
	.section2 .right p{
		height: auto;
		overflow: auto;
		padding-bottom: 50px;
	}
	.banner-album{ display: none; }
	.section2{
		padding:20px 15px;
	}
	.section2 .table>ul>li>span:nth-child(2){
		width: 40%;
	}
	.section2 .table>ul>li>span:nth-child(3){
		width: 12%;
	}
	.section2 .table>ul>li>span:nth-child(4){
		width: 21%;
		text-align: center;
	}
	.section2 .skill-cantainer .button{
		bottom: auto;
		top: 12px;
	}
	
}