@charset "utf-8";
/* CSS Document */ 
 
* {	
font-family: "msyhli";
}
body{ color:#000;}
h2, h3 {
	font-family: "msyh";
}

.position h1 {
	font-size: 17px;
	color: #666;
	margin-bottom: 5px;
}
.pro-top {
	padding: 60px 0 50px 0;
}
.pro-top .big-pic {
	margin: 0 0 40px 0;
}
.pro-top .big-pic ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pro-top .big-pic ul li {
	border: 1px solid #dbdbdb;
}
.pro-top .small-pic {
	position: relative;  
}
.pro-top .small-pic .swiper-container {
	width: 100% !important;
	height: 100%;
}
.pro-top .small-pic .swiper-button-next, .pro-top .small-pic .swiper-container-rtl .swiper-button-prev {
	right: 0;
	top: 0;
	margin: 0;
	background: #eee;
	font-size: 25px;
	line-height: 72px;
	text-align: center;
	width: 20px;
	height: auto;
	color: #87939c;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}
.pro-top .small-pic .swiper-button-prev, .pro-top .small-pic .swiper-container-rtl .swiper-button-next {
	left: 0;
	top: 0;
	margin: 0;
	background: #eee;
	font-size: 25px;
	line-height: 72px;
	text-align: center;
	width: 20px;
	height: auto;
	color: #87939c;
}
.pro-top .swiper-slide {
	padding: 0 5px;
	border: 1px solid transparent;
	text-align: left;
}
.pro-top .pro-explain p {
	font-size: 16px;
	color: #666;
	background: #F0F0F0;
	padding: 10px 15px;
	margin: 15px 0;
}
.pro-top .pro-explain h2 {
	font-size: 21px;
color: #333;
font-weight: 500;
line-height: 1.5;
margin: 0;
 position:relative;}
.pro-top .pro-explain h2::after{ position:absolute;   bottom:-2px; left:0; height:3px; width:20%; background-color:#03cefa;}
.pro-top .pro-parameter table tr td:first-child {
	font-size: 16px;
	color: #FF9609;
	vertical-align: top;
	line-height: 30px;
	font-weight: 500;
	padding-right: 10px;
}
.pro-top .pro-parameter table tr td:first-child + td {
	font-size: 14px;
}
.pro-top .share-box {
	list-style: none;
	margin: 25px 0 20px 0;
	padding: 0;
	font-size: 0px;
}
.pro-top .share-box li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	width: 12.5%;
	text-align: center;
}
.pro-top .share-box li a {
	border: 1px solid #dbdbdb;
	border-left: none;
	font-size: 16px;
	display: block;
	padding: 8px 0;
	color: #666;
}
.pro-top .share-box li:first-child a {
	border-left: 1px solid #dbdbdb;
}
.pro-top .share-box li:hover a {
	color: #1168ab;
}
.pro-top .click {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}
.pro-top .click li {
	display: inline-block;
	padding: 10px 15px;
	background: #f7364d;
	border-radius: 5px;
	margin: 0 10px 0 0;
}
.pro-top .click li a {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	font-family: sfpro, "Arial", sans-serif;
	cursor: pointer;
}
.pro-top .click li a span {
	padding: 0 10px 0 0;
	font-size: 18px;
}
.pro-top .click li:first-child {
	background: #11e0ff;
}
.pro-shop-dec li span{font-family: "msyh"; margin-right:5px;}
        .pro-shop-dec li strong{color: #f7364d;font-family: "msyh"; font-size:17px;}
.proart-vi {
	background: #F0F0F0;
	 
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom:80px;
	padding-left: 0px;
	margin: 0 0 30px 0;
}
.proart-vi .container{ width:66%;}
.proart-vi .col-lg-6{ padding:0 43px;}
.proart-vi h2 {
	text-align: center;
	margin-bottom: 50px;
}
.proart-vi p {
	font-size: 22px;
	margin-bottom: 39px;
	font-family: "msyh";
	position: relative;
	padding-bottom: 7px;
	border-bottom: 1px solid #d0d0d0; line-height:1.2;
}
.proart-vi p::after {
	position: absolute;
	background: #03cefa;
	width: 18%;
	height: 3px;
	left: 0;
	bottom: -1px;
	content: "";
}
.listintro p {
	font-size: 17px;
 
	margin: 0;
}
.new-pro-part {
	padding: 40px 0 0 0;
	border-top: 1px #eee solid;
margin: 55px 0 0 0;
}
.new-pro-part img {
	position: relative;
}
.new-pro-part-img:hover p {
	opacity: 1;
}
.new-pro-part-img {
	margin:0;
	padding: 0;
}
.new-pro-part-img p {
	position: absolute;
	height: 100%;
	background: rgb(000, 000, 000, 0.5);
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	color: #fff;
	transition: all .5s;
	padding: 0 20px;
	text-align: center;
	font-size: 24px;
}
.epilog-proart .container {
	width: 60%;
}
.review-star{ margin-bottom:8px;}
.review-star span{ font-size:17px;font-family:msyh;}
.review-star i{color: #f7364d;font-size: 20px;}
.pro-shop-dec li {font-size: 16px;
margin-bottom: 15px;
position: relative; }
.pro-shop-dec li span{font-family: "msyh"; margin-right:5px;}
/*.pro-shop-dec li::after{ content: "";
 
background: #03cefa;
position: absolute;
left: 0;
top: 11px;
height: 4px;
width: 4px;}*/
.shopping-policy { font-size:18px;}
.listintro {
	padding-top: 60px;
}
.listintro h2 {
	border: none;
	text-align: center;
	font-size: 34px;
	margin: 40px 0 50px 0;
	color: #333;
	position: relative;
}
.feature-font h2, .par-box h2  {
	display: inline-block;
	border-bottom: 1px solid #dbdbdb;
	font-size: 26px;
	padding-bottom: 7px;
	margin: 0 0 15px 0;
}
.feature-font h2::after, .par-box h2::after  {
	width: 40%;
	background: #03cefa;
	height: 2px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
}
.pro-app{ padding: 80px 0 60px 0;
background: #f0f0f0; font-size:17px;}
.pro-app h2 {
 
	border-bottom: 1px solid #dbdbdb;
	font-size: 30px;
	padding-bottom: 10px;
	margin: 20px 0 25px 0; text-align:left;
}
.pro-app h3{font-size: 20px;
margin-bottom: 10px;
margin-top: 15px;}
.pro-app h2::after {
	width: 20%;
	background: #03cefa;
	height: 2px;
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
}

.new-pro-part-title {
	margin: 40px 0 70px 0;
}
.feature-font, .par-box {
	margin-bottom: 50px;
}
.par-box table {
	overflow-x: auto;
	min-height: 0.01%;
	border: 1px solid #ddd;
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.par-box table > tbody > tr:nth-of-type(2n+1) {
	background-color: #f9f9f991;
}
.par-box table tbody tr td {
font-size: 17px;
padding: 10px 0;
border: 1px solid #dddbdb;
text-align: center;
}
.new-pro-part img {
	width: 100%;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #f9f9f991;
}
.new-pro-part-font p {
	width: 60%;
	margin: 40px auto;
}
.pro-faq {
	background: #f0f0f0;
	 margin-top: 45px;
	padding: 30px 100px;word-wrap: break-word;
}
.tab-pro {
	margin: 80px 0 100px 0;
}
.pro-faq h2 {
	margin: 40px 0 50px 0;text-transform: uppercase; text-align:center;
}
.pro-faq h3 {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 15px;
}
.atc-article {
	background: #f0f0f0;
	margin: 70px 0;
	padding: 80px 0;
}
.new-pro-part .row {
	padding: 0;
	margin: 0;
}
.atc-article ul.np-relart li a p time, .atccom .atcment span {
	display: none;
}
.atccom .atcment {
margin-bottom: 40px;
border-bottom: 1px dotted #03cefa;
padding-bottom: 20px;
}
.pro-faq {
	font-size: 18px;
}
.why-choose-box {
padding: 90px 0 55px 0;
 
box-shadow: inset 0 0 10px 0 rgb(0 0 0/5%);
}
.why-choose-box .container{ width:75%;}
.why-choose-box h2 {
 text-align:center;
 margin-bottom:30px; 
 color:#005890;
 font-size:36px
}
.why-choose-content{ margin-bottom:20px;}
 .why-choose-content h3{ font-size:28px;color: #042d56; } 
.why-choose-content div {
    padding: 8px 7px;
}
.why-choose{ height:200px}
.why-choose{
 
 box-shadow:0 0 15px rgb(140 140 140/40%); 
}
.why-choose-m{ height:160px;margin: 10px 0;}
.why-choose-content-m h3 {
 font-size: 22px;
color: #03cefa;
margin-bottom: 8px;
margin-top: 20px;
}
.why-choose-content-m .row>div{ padding: 0px 5px;}
.why-choose-left{ width:35%; display:inline-block;} 
.why-choose-left .why-choose{ height:416px;}

.why-choose-right{ width:64%; display:inline-block}
.atc-related .listpro {
	margin: 20px 0 0 0;
	padding: 0;
}
.atc-article h3 {
	font-size: 20px;
	color: #333;
	font-weight: 500;
	display: block;
	border-bottom: 1px solid #1168ab;
	padding: 0 0 5px 0;
	margin: 0 0 35px 0;
}
.atc-article ul.np-relart {
	margin: 0 0 30px 0;
	list-style: none;
	padding: 0;
}
.atc-article ul.np-relart li {
	border-bottom: 1px solid #dbdbdb;
	margin: 15px 0 0 0;
	padding: 5px 0 20px 0;
}
.atc-article ul.np-relart li a p {
	margin: 0;
	background: none;
	font-size: 17px;
	padding: 5px 10px;
	color: #3c3c3c;
	font-family: "msyh";
}
.atc-article ul.np-relart li a p b {
	color: #03CEFA;
	padding: 0 10px 0 0;
}
.atc-article ul.np-relart li a p time {
	float: right;
	color: #666;
	font-size: 16px;
	padding-top: 2px;
}
.atc-article ul.np-relart li a span {
	margin: 0;
	display: block;
	margin: 10px 0 0 0;
	font-size: 16px;
	color: #666;
	line-height: 22px;
}
.atc-article ul.np-relart li a:hover p {
	color: #1168ab;
}
.atccom {
	margin: 30px 0 35px 0;
}
.atcment-img{ text-align:center;}
.atcment-img img{ margin: 0 auto;}
.atccom h3 {
	font-size: 20px;
	color: #333;
	font-weight: 500;
	display: block;
	border-bottom: 1px solid #1168ab;
	padding: 0 0 20px 0;
	margin: 0;
	margin-bottom: 60px;
}

.atccom h3 a {
float: right;
background: #f7364d;
padding: 9px 20px;
color: #fff;
font-size: 17px;
border-radius: 2px;
cursor: pointer;
margin-top: 7px;
text-align: center;
}
.atccom .atcment .col-lg-1, .atccom .atcment .col-lg-11 {
	margin: 20px 0 0 0;
}
.atccom .atcment h3 {
	border: none;
	margin: 0;
	color: #1168ab;
	font-size: 20px;
}
.atcment-font h3{ padding-bottom:0; color:#444 !important;}
.atcment-font span{ display: inline-block !important; margin:0 !important;
padding-left: 5px;}
.atccom .atcment p {
    font-size: 15px;
    line-height: 1.3;
    color: #000;
     
    margin-bottom: 20px;
    font-style: italic;
}
 
.atccom .atcment ul {
	list-style: none;
	width: 85%;
	margin: 0;
	padding: 0;
}
.atccom .atcment li {
	display: inline-block;
	padding: 0 1.5% 0 0;
	width: 24%;
}
.atccom .atcment li iframe {
	width: 100%;
}
.atccom .atcment span {
	font-size: 14px;
	color: #333;
	display: block;
	margin: 0 0 10px 0;
}
.atccom .atcment .review-rating{margin-bottom: 10px;}
.atccom .atcment .review-rating i{color: #f7364d;
font-size: 20px;}
.atccom .atcment .review-rating span{display: inline-block;
font-family: "msyh";
font-size: 14px;
padding-left: 0px;
margin: 0;}
.atc-article h3, .atccom h3 {
	font-size: 26px;
}
.pro-related {
	padding: 80px 0;
}
.pro-related h2{ margin-bottom:50px;}
.pro-related .tab-content {
	padding: 0 5%;
}
.pro-related p {
	font-size: 17px;
	color: #444;
	padding: 0 35px;
}
      .request-info-btn-box {  
    padding: 20px 30px; text-align: center;
}
.request-info-btn{ background: #f7364d; 
padding:0 35px; text-align:center; display:inline-block; cursor:pointer;border-radius: 5px;
 }
 
.request-info-btn i{ color:#FFF;
font-size: 20px;
margin-right: 7px;}
.request-info-btn p{ color:#fff; display:inline-block;line-height: 60px; font-family:"msyh";font-size: 20px;}
.reviews-related{ background:#f0f0f0;box-shadow: inset 0 0 10px 0 rgb(0 0 0/5%);padding: 40px 0;}

 @media screen and (max-width: 1600px) {
.epilog-proart .container {
	width: 80%;
}
.atccom .atcment {
	margin-left: 0;
}
}
 @media screen and (max-width: 1440px) {
.atccom .atcment p {
	width: 100%;
}
.why-choose-box .container{ width:90%;}	
.why-choose{ height:192px}
.why-choose-left .why-choose{ height:400px;}
.proart-vi .container {
    width: 85%;
}
.pro-related p{padding: 0 20px;}
}
 @media screen and (max-width: 1024px) {
.pro-explain {
	margin-top: 35px;
}
.proart-vi p{margin-bottom: 20px;}
.proart-vi .lazyYT-container {
    margin-bottom: 35px !important;
}
.new-pro-part-img {
	width: 50%;
}
.par-box table tbody tr td {
	font-size: 15px;
	padding: 5px;
	border: 1px solid #f0f0f0;
	text-align: left;
}
.pro-faq {
 
    padding: 30px 50px;
}
}
 @media screen and (max-width: 768px) {
	.pro-top .small-pic {
 
    padding-left: 0;
} 
 .atcment-img{ padding:0;}
 
.pro-shop-dec li {
    font-size: 15px;}
.why-choose-content h3{ font-size:22px;}	 }
 @media screen and (max-width: 600px) {
	 .request-info-btn-box {
    padding: 20px 0px;}
.pro-top .container, .proart-vi .container, .epilog-proart .container {
	width: 100%;
}
 
.pro-top {
	padding: 35px 0;
}
.pro-top .pro-explain h2 {
	font-size: 20px;
}
.proart-vi {
    padding-top: 50px;
    padding-bottom: 15px;
}
.proart-vi p {
    font-size: 18px;} 
.new-pro-part {
    padding: 20px 0 0 0;
 
    margin: 25px 0;
}
.why-choose-box {
 
    padding: 40px 0;
   
}
.listintro {
    padding-top: 30px;
}
.listintro h2 {
	font-size: 28px;
}
.pro-faq {
	padding: 20px;
}
.pro-related {
	padding: 40px 0;
}
.pro-related a {
	padding: 0 15px;
}
.pro-related p {
	padding: 0;
	font-size: 13px;
	height:40px;
	 
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-family: "msyh";
}
.tab-content .swiper-button-next, .tab-content .swiper-container-rtl .swiper-button-prev, .tab-content .swiper-button-prev, .tab-content .swiper-container-rtl .swiper-button-next {
	background-size: 50%;
}
.listintro p {
	line-height: 1.5;
}
.request-info-btn p{ line-height:55px;}
.pro-faq h3 {
	font-size: 18px;
}
.atccom {
	margin: 0;
	padding: 0;
}
.atccom h3 a {
	float: none;
	display: block;
	width: 55%;
	margin-top: 20px;
}
.atccom .atcment p {
	font-size: 15px;
	line-height: 1.5;
}
.atccom .atcment h3 {
	font-size: 18px;
}
.atccom .atcment li {
	padding: 0 1.5% 0 0;
	width: 48%;
}
.atccom .atcment ul {
	width: 100%;
}
.new-pro-part-img p {
	font-size: 20px;
}
.new-pro-part-title {
    margin: 40px 0 55px 0;
}
.atc-article {
    background: #f0f0f0;
    margin: 50px 0;
 
    padding: 55px 0;
}
.proart-vi .col-lg-6 {
    padding: 0 20px;
}
 .pro-top .click li{padding: 9px 8px;margin: 0;}
.atcment .col-lg-11{  width:100%;padding: 0;}
.atccom .atcment p {
    font-size: 16px;}
.atcment-font{ padding-right:0;}

}