@charset "utf-8";
/* CSS Document */
.detail{width: 1080px; margin: 0 auto;}
a{color: #30a6ec;}
a:hover{text-decoration: underline;}
.details {width: 1500px;margin: 0 auto;}


.main01{background: #ebf1f5;color: #000;padding: 25px 0 110px;}
.main01 .details {width: 1100px;}
.main01 .break-crumbs > a{text-decoration: none;}
.main01 .break-crumbs > a:hover{text-decoration: underline;}
.main01 p{font-size: 21px;line-height: 32px;padding: 50px 0 5px;text-align: center;}
.main01 h1{font-size: 45px;line-height: 56px;font-weight: bold;text-align: center;}
form {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin: 20px 0 25px;}
.input-words {width: 890px;height: 60px;padding-left: 10px;font-size: 17px;color: #cbcbcb;border: none;outline: none;border-radius: 4px;}
.to-search {width: 90px;height: 68px;background: #0f9bff url(../images/index/large-search-icon.png) no-repeat center;border-radius: 4px;border: none;outline: none;cursor: pointer;}
.to-search:hover {box-shadow: 0 0 10px 0 rgba(70,178,255,0.6);}
.other-links {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;font-size: 17px;line-height: 33px;color: #333;}
.other-links span {margin: 0 15px 10px 0;}
.other-links a {margin: 0 10px 10px 0;border: 1px solid #d3d8dc;border-radius: 5px;padding: 0 15px 0 40px;background: url(../images/index/small-search-icon.png) no-repeat 12px center;color: inherit;text-decoration: none;}
.other-links a:hover {background-color: #f5fbff;}

.main02 {background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(236,241,245,1) 100%);}
.main02 .details {background-color: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);border-radius: 30px;padding-bottom: 50px;margin-bottom: 50px;}
.product-content {width: 1180px;margin: 0 auto;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.product-one {top: -50px;position: relative;}
.product-two {padding-bottom: 50px;}
.product-box {display: block;width: 500px;height: 446px;box-sizing: border-box;padding: 60px 10px 10px 40px;background: url(../images/index/vpv-bg.png) no-repeat center top;text-decoration: none;margin-right: -60px;}
.product-two .product-box {padding: 60px 40px 10px 10px;text-align: right;margin: 0 0 0 -60px;background-image: url(../images/index/vpc-bg.png);}
.product-box:hover {text-decoration: none;}
.product-box h2 {margin: 25px 0 0 18px;font-size: 45px;line-height: 56px;color: #fff;font-weight: 600;}
.product-box h2 a {color: #fff;text-decoration: none;}
.product-box h2 a:hover {text-decoration: underline;}
.product-box .the-download {display: block;width: 200px;line-height: 40px;font-size: 19px;text-align: left;text-indent: 15px;text-decoration: none;font-weight: 600;color: #fff;background: #78c443 url(../images/index/download-icon.png) no-repeat 168px center;border-radius: 5px;margin: 20px 0 0 18px;}
.product-two .product-box .the-download {float: right;}
.product-info {display: block;width: 230px;min-height: 245px;box-sizing: border-box;border-radius: 6px;padding: 35px 15px 15px 35px;box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);text-decoration: none;color: #262626;cursor: pointer;margin: 40px 15px 0 0;background-color: #fff;}
.last-product-info {margin-right: 0;position: relative;}
.product-info:hover {text-decoration: none;}
.product-info .img-container {line-height: 37px;}
.product-info h3 {font-size: 21px;line-height: 32px;font-weight: 600;margin: 18px 0 14px;}
.product-info:hover h3 {text-decoration: underline;}
.product-info p {font-size: 17px;line-height: 26px;}
.guide-tutorials {margin-top: 10px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.guide-link {display: block;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;color: #262626;text-decoration: none;margin-bottom: 30px;}
.guide-link:first-child {margin-right: 57px;}
.guide-link:hover {text-decoration: none;}
.guide-link .img-container {width: 106px;}
.guide-info {width: 314px;}
.guide-info h3 {font-size: 21px;line-height: 32px;font-weight: 600;margin-bottom: 12px;}
.guide-link:hover .guide-info h3 {text-decoration: underline;}
.guide-info p {font-size: 17px;line-height: 26px;}

.main03 {padding: 30px 0 70px;text-align: center;}
.main03 .details {width: 1200px;}
.main03 h1,.main03 h2 {padding: 70px 0 12px;position: relative;font-size: 33px;color: #000;line-height: 41px;text-align: center;}
.main03 h1 span,.main03 h2 span {width: 100%;position: absolute;top: 0;right: 0;z-index: -1;font-size: 150px;font-weight: 600;color: #f2f4f6;line-height: 114px;}
.main03 h1+p,.main03 h2+p {font-size: 21px;line-height: 32px;color: #262626;}
.contact-lists {margin-top: 40px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.contact-lists li {width: 338px;margin: 0 16px 30px;}
.contact-lists li h4 {font-size: 21px;line-height: 32px;color: #333;margin-top: -6px;}
.contact-lists li p {font-size: 15px;line-height: 24px;color: #666;margin: 14px 0 22px;}
.contact-lists li>a {display: block;font-size: 17px;line-height: 26px;color: #0fb4ff;text-decoration: none;}
.contact-lists li>a:hover {text-decoration: underline;}
.contact-lists li>a img {vertical-align: middle;margin-right: 10px;}
/*----------*/
@media (max-width: 979px) {
	.details,.main01 .details,.main03 .details {width: 96%;}
	.main01 {padding-bottom: 60px;}
	.main02 .details {width: 92%;padding: 0 2%;}
	.input-words {width: 400px;}

	.product-content {width: 90%;}
	.product-one {position: static;}
	.product-box,.product-two .product-box {width: 80%;background-size: 100% auto;margin: 0;border-radius: 8px;}
	.product-box .the-download {}
	.product-info {margin: 30px 8px;padding: 35px 20px 15px;}
	.guide-link,.guide-link:first-child {margin: 0 20px 30px;}

	.main03 {padding-top: 0;}
	.main03 h1,.main03 h2 {padding: 30px 0 12px;}
	.main03 h1 span,.main03 h2 span {display: block;position: static;font-size: 120px;line-height: 90px;}

}

@media (max-width: 767px) {
	.input-words {width: 90%;height: 50px;margin-bottom: 10px;}
	.to-search {width: 120px;height: 60px;}
	
	.product-box, .product-two .product-box {width: 90%;background-size: cover;}
	.product-info {width: 80%;text-align: center;min-height: 220px;}
	.guide-link .img-container {width: 100%;text-align: center;}
	.guide-info {width: 100%;text-align: center;}

	.main03 h1 span,.main03 h2 span {font-size: 70px;line-height: 50px;}
}

@media (max-width: 479px) {
	.main01 p {padding-top: 30px;}
	.main01 h1 {font-size: 31px;line-height: 41px;}

	.main02 .details {border-radius: 10px;}
	.product-box, .product-two .product-box {width: 100%;height: 335px;padding: 30px 20px 10px;}
	.product-box h2 {font-size: 31px;line-height: 41px;}
	.product-info {width: 90%;}

	.main03 h1,.main03 h2 {font-size: 27px;line-height: 37px;}
	.main03 h1 span,.main03 h2 span {font-size: 55px;line-height: 33px;}
}