@charset "utf-8";/***************[Reset Css]**************/

body { margin: 0; font-size: 1rem; font-family: 'Ubuntu', sans-serif, Arial; font-weight: 400; line-height: 1.65; color: #2F323B; background-color: #fff; overflow-x: hidden; }
*, ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit; box-sizing: border-box; }
.topivew-main p { margin-top: 0; margin-bottom: 1rem; }
a { text-decoration: none; color: #3581d5; }
img { width: auto; }
.hover-line:hover { color: #1962b2; text-decoration: underline; }
.topivew-main ul { padding-left: 1.375rem; }
.topivew-main ul li { margin-bottom: 1rem; list-style: initial; }
.topivew-main dl, .topivew-main ol, .topivew-main ul { margin-top: 0; margin-bottom: 1rem; }
.slider { background-size: cover !important; min-height: 640px; overflow: hidden; }
.slider-1 { background: #15a8cb url(../images/kv_moviezilla.jpg) no-repeat; background-position: 50% 0; }
.slider-2 { background: #37b7bf url(../images/kv_trim.jpg) no-repeat; background-position: 50% 0; }
.slider-3 { background: #1c65b2 url(../images/kv_action.jpg) no-repeat; background-position: 50% 0; }
.slider-body { width: 1100px; margin: 0 auto; padding: 0 16px; }
.slider .slider-content { color: #fffefe; font-size: 1.5rem; height: 640px; position: relative; }
.slider .slider-content:before { content: ''; height: 640px; position: absolute; top: 0; right: -9999px; bottom: 0; left: -90px; -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); transform: skewX(10deg); }
.slider-1 .slider-content:before { background-color: rgba(21, 169, 204, 0.75); }
.slider-2 .slider-content:before { background-color: rgba(55, 183, 191, 0.75); }
.slider-3 .slider-content:before { background-color: rgba(25, 98, 178, 0.86); }
.slider .slider-content .banner-content { padding-top: 3.75rem; padding-bottom: 70px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.slider .slider-content .banner-content .banner-head { font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; }
.slider .slider-content .banner-content ul li { font-size: 1.25rem; }
.d-none { display: none; }
.slider .slider-content .banner-content .banner-head-small { font-size: 2rem; padding: 0 16px; }
.d-md-flex { width: 100%; position: absolute; bottom: 4rem; }
.btn { display: inline-block; color: #fff; font-weight: 400; vertical-align: middle; border: 1px solid transparent; text-align: left; padding: 0.5rem 1.5rem; /* height: 3.2rem; */ line-height: 3.2rem; min-height: auto; border-radius: 7px; transition: all 0.8s ease-in-out; }
.btn a:link, .btn a:visited { cursor: pointer; display: block; }
.btn-white { color: #fff; background-image: none; border: 2px solid #fff; }
.btn-white:hover { color: #ffffff; background: #005ab9; border-color: #0073EC; }
.btn-blue { background-image: linear-gradient(75deg, #0045a2 8%, #4644e5); color: #ffffff; }
.btn-blue:hover { color: #ffffff; background: #005ab9; border-color: #0073EC; }
.btn-blue img { width: 26px; height: 26px; background: url("../images/windows.png") no-repeat; background-size: 100%; vertical-align: middle; margin-bottom: 3px; }
.btn-blue-block { display: inline-block; }
.btn-blue-none { display: none; }
/*banner*/
.myPagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 8px !important; background: #fff; border: none; vertical-align: middle; opacity: 1; outline: none; }
.myPagination .swiper-pagination-bullet-active { background: #3581d5; width: 20px; height: 20px; transition: width .2s, height .2s, background-color .2s; }
.swiper-container-horizontal > .myPagination { text-align: left; padding-left: 15%; bottom: 10px; }
/**/
/*main*/
.section { padding-top: 3.75rem; padding-bottom: 3.75rem; border-bottom: 2px solid #3581d5; }
.main-content { border-bottom: 2px solid #3581d5; }
.main-content-top { background-color: #e3f0ff; padding-bottom: 1.5rem; position: relative; }
.mb-8 { margin-bottom: 2rem; }
.mb-12 { margin-bottom: 1.5rem; font-size: 1.2rem; line-height: 1.5; display: block; color: #424242; font-weight: 300; }
.span-h1 { font-size: 2rem; font-weight: 700; line-height: 1.35; color: #323232; }
.py-16 { padding: 0 16px; }
.h3 { font-size: 1.875rem; }
.mb-6 { margin-bottom: 1.5rem; font-weight: 700; margin-top: 0; }
.d-md-flex-none { position: relative; bottom: 0; }
.d-md-flex-none .btn-white { color: #3581d5; box-shadow: 3px 5px 5px #ededed; }
.d-md-flex-none .btn-white:hover { color: #fff; border-color: #215c9d; background-color: #215c9d; }
.col-md-4, .col-md-8 { width: 100%; display: inline-block; }
.col-md-4 { display: none; }
.col-md-8 { /*margin-left: 90px;*/ }
.col-md-4 img { max-width: 100%; height: auto; display: block; vertical-align: middle; border-style: none; }
.font-125 { font-size: 1.25rem; color: #323232; }
.text-nowrap img { position: relative; top: -.5em; left: .3em; }
.icon-pagin { display: flex; justify-content: center; }
.icon-pagin .swiper-pagination-bullet { background-color: transparent; border-radius: 50%; position: relative; cursor: pointer; transition: background-color .1s; width: 211px; height: 211px; opacity: 1; margin: 0 16px; text-align: center; color: #a7a7a7; font-weight: 300; font-size: 1.25rem; padding: 0 1rem; outline: none; }
.icon-pagin .swiper-pagination-bullet img { transition: all .3s; }
.icon-pagin .index-l { opacity: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
/*.icon-pagin .swiper-pagination-bullet::before {*/
/*content: '';*/
/*position: absolute;*/
/*-webkit-border-radius: 50%;*/
/*border-radius: 50%;*/
/*top: 0;*/
/*bottom: 0;*/
/*left: 0;*/
/*right: 0;*/
/*border: 2px solid #3581d5;*/
/*background: 0 0;*/
/*-webkit-transition: top .5s, right .5s, bottom .5s, left .5s;*/
/*-o-transition: top .5s, right .5s, bottom .5s, left .5s;*/
/*transition: top .5s, right .5s, bottom .5s, left .5s;*/
/*}*/
/*.icon-pagin .swiper-pagination-bullet.hover::before{*/
/*border: 2px solid #b865e2;*/
/*border-radius: inherit;*/
/*top: -10px;*/
/*bottom: -10px;*/
/*left: -10px;*/
/*right: -10px;*/
/*}*/
/*.icon-pagin .swiper-pagination-bullet.hover {*/
/*background: #b865e2;*/
/*}*/
.icon-pagin .swiper-pagination-bullet.hover .index-l { opacity: 1; }
.icon-pagin .swiper-pagination-bullet.hover .index-h { opacity: 0; }
.icon-pagin .swiper-pagination-bullet.hover { color: #3581d5; }
/*.icon-pagin .swiper-pagination-bullet-active {*/
/*background-color: #b865e2;*/
/*pointer-events: none;*/
/*}*/
/*.icon-pagin .swiper-pagination-bullet-active:before {*/
/*border: 2px solid #b865e2;*/
/*}*/
.icon-pagin .swiper-pagination-bullet-active .index-l { opacity: 1; }
.icon-pagin .swiper-pagination-bullet-active .index-h { opacity: 0; }
.icon-pagin .swiper-pagination-bullet-active { color: #3581d5; }
.icon-pagin .swiper-pagination-bullet img { height: 70px; display: block; margin: 1.5rem auto; margin-top: 2.5rem }
.icon-pagin .swiper-pagination-bullet .blue-triangle { width: 30px; height: 20px; position: absolute; left: calc(50% - 15px); bottom: -70px; opacity: 0; }
.icon-pagin .swiper-pagination-bullet-active .blue-triangle { opacity: 1; }
.section-no { border: none; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }
.div-h1 { font-size: 2.75rem; font-weight: 700; line-height: 1.35; color: #323232; margin-bottom: 2rem; }
.cus-main { display: flex; flex-wrap: wrap; padding-top: 30px; }
.cus-left { width: 100%; margin: 0 auto; margin-bottom: 50px; padding-left: 15px; padding-right: 15px; }
.cus-left img { max-width: 100%; }
.Cus-service { margin: 0 auto; text-align: center; font-size: 0; }
.col-md-6 { display: block; width: 100%; vertical-align: middle; padding: 0 16px; margin-bottom: 3rem; }
.col-md-6 a { height: 6.25rem; display: flex; align-items: center; text-align: center; padding: .5rem 1.5rem;
font-size: 1.25rem; border-radius: 6px; color: #fff; background: url("../images/index-icon10.png") no-repeat; background-size: 100% 100%; transition: all .3s; }
.col-md-6 a:hover { background: #1962b2; }
.col-md-6 a img { width: 50px; vertical-align: middle; margin-right: 1.5rem; }
/*.col-md-6 a img:nth-child(2) {*/
/*display: none;*/
/*}*/
/*.col-md-6 a:hover img{*/
/*display: none;*/
/*}*/
/*.col-md-6 a:hover img:nth-child(2) {*/
/*display: inline-block;*/
/*}*/
.col-md-6 a span { vertical-align: middle; font-size: 16px; line-height: 1.25; text-align: left; }
.cus-per { font-size: 1.25rem; display: none; }
.cus-p { font-style: italic; margin-bottom: 3rem; font-size: 90%; font-weight: 400; }
.right-p { text-align: left; font-weight: 700; color: #6d6d6d; font-size: 1.25rem; margin-bottom: 0; }
.section-sm { overflow: hidden; }
/**/
/*media*/
@media (max-width: 575px) {
.slider-body { width: 100%; padding: 0; }
.cus-per { padding: 0 16px; }
}
@media (max-width: 767px) {
.mb-md-6 { margin-bottom: 1.5rem; }
.d-lg-none p { font-size: 1.125rem; padding: 0 16px; }
.slider .slider-content:before { -webkit-transform: none; -ms-transform: none; transform: none; }
.btn-white { margin-bottom: 2rem; display: block; text-align: center; margin-left: 16px; margin-right: 16px; }
/* .slider-2 .btn-white {
margin-bottom: 0;
} */
.btn-blue { display: block; text-align: center; margin-left: 16px; margin-right: 16px; }
.swiper-container-horizontal > .myPagination { text-align: center; padding: 0; bottom: 5px; }
.d-md-none { font-weight: 700; margin-bottom: 1.75rem; display: none; }
.col-md-4 img { margin: 0 auto 2rem; }
}
@media (max-width: 991px) {
.col-md-4 img { max-width: 160px; }
}
@media (max-width: 991px) and (min-width: 575px) {
.icon-pagin .swiper-pagination-bullet { width: 148px; height: 148px; font-weight: 600; font-size: .875rem;
}
.icon-pagin .swiper-pagination-bullet img { height: 50px; margin-bottom: 1rem; margin-top: 2rem }
.icon-pagin .swiper-pagination-bullet .blue-triangle { bottom: -60px; }
}
@media (max-width: 768px) {
.icon-pagin { width: 100%; position: absolute; bottom: -3.75rem; }
.icon-pagin .swiper-pagination-bullet { width: 20px; height: 20px; padding: 0; }
.icon-pagin .swiper-pagination-bullet img, .icon-pagin .swiper-pagination-bullet span { display: none; }
.icon-pagin .swiper-pagination-bullet { background: #bdbdbd; width: 12px; height: 12px; display: block; margin: 0 6px; }
.icon-pagin .swiper-pagination-bullet:before { border: none; }
.icon-pagin .swiper-pagination-bullet.hover { background: #3581d5; }
.icon-pagin .swiper-pagination-bullet.hover:before { border: none; }
.icon-pagin .swiper-pagination-bullet-active { width: 20px; height: 20px; background: #3581d5; top: -4px; }
.section-sm { padding-top: 6rem; }
}
@media (min-width: 576px) {
.slider-body { width: 540px; max-width: 100%; }
.myPagination .swiper-pagination-bullet:hover { width: 20px; height: 20px; background: #3581d5; transition: width .2s, height .2s, background-color .2s; }
}
@media (min-width: 768px) {
.py-md-15 { padding-top: 3.75rem !important; padding-bottom: 3.75rem !important; }
.ml-md-12 { margin-left: 3rem !important; }
.slider-body { width: 720px; max-width: 100%; }
.slider-content { margin-left: 25%; }
.btn-white { margin-right: 2rem; }
.swiper-container-horizontal > .myPagination { padding-left: 7%; }
.text-md-center { text-align: center; }
.span-h1 { font-size: 2.25rem; }
.d-md-none { display: none; }
/*.offset-md-4 {*/
/*margin-left: 33.33333%;*/
/*}*/
.col-md-4 { width: 33.33333%; vertical-align: top; }
.col-md-8 { width: 65.66666%; }
.sec2-slider2 .col-md-8 { width: 52.666666%; }
/*.col-md-6 {*/
/*width: 50%;*/
/*}*/
.right-p { text-align: right; }
}
@media (min-width: 992px) {
.section { padding-top: 5rem; }
.slider-content { margin-left: 45%; }
.slider-body { width: 960px; max-width: 100%; }
.d-lg-block { display: block; }
.d-lg-none { display: none; }
.span-h1 { font-size: 2.5rem; }
/*.col-md-6 {*/
/*width: 41.66667%;*/
/*}*/
.cus-p { font-size: 80%; }
.sec2-slider1, .sec2-slider2, .sec2-slider3, .sec2-slider4 { padding: 3.8rem 3.6rem; background-repeat: no-repeat; background-position: right; background-size: contain; background-color: #f9fafb; }
.sec2-slider1 { background-image: url("../images/index-slider01.jpg"); }
.sec2-slider2 { background-image: url("../images/index-slider02.jpg"); }
.sec2-slider3 { background-image: url("../images/index-slider03.jpg"); }
.sec2-slider4 { background-image: url("../images/index-slider04.jpg"); }
.Cus-service { padding-top: 6rem; }
.col-md-6 { margin-bottom: 5rem; }
.cus-left { width: 60%; }
}
@media (min-width: 1200px) {
.slider-body { width: 1140px; max-width: 100%; }
.btn-blue-block { display: none; }
.btn-blue-none { display: inline-block; }
.icon-pagin .swiper-pagination-bullet { padding: 0; }
/*.col-md-6 {*/
/*width: 33.33333%;*/
/*}*/
}
/*landing*/
.landing { width: 100%; height: 600px; margin: 0 auto; padding: 150px 0 0 0; z-index: 99; position: relative; }
.landing-brief { width: 1000px; margin: 0 auto; text-align: center; }
.landing-brief h1 { color: #fff; font-size: 60px; margin-bottom: 15px; }
.landing-brief .landing-subtitle { color: #fff; margin-bottom: 30px !important; font-weight: 400; }
.landing-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; overflow: hidden; z-index: -10; }
.landing-bg img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
.landing-btn { margin: 40px;display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; background: #00b9ff; color: #fff; font-size: 18px; font-style: normal; font-weight: 600; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; padding: 10px 27px; cursor: pointer; }
.landing-btn a { color: #fff; }
.landing-btn:hover { color: #fff; background-color: #f18c1c; -webkit-transition: 1s cubic-bezier(0.5, 0.25, 0, 1); transition: 1s cubic-bezier(0.5, 0.25, 0, 1); box-shadow: 0 3px 10px 2px #f18c1c73; box-shadow: 0 3px 10px 2px #f18c1c; }
.post { width: 100%; margin: 50px 0; }
.post-box { width: 1000px; margin: 0 auto; }
/*product list*/
.product-list { width: 100%;margin: 0 auto; }
.product-list-kv { width: 100%; height: 400px; margin: 0 auto; }
.product-list-brief { height: 200px; margin: 0 auto; padding: 80px 0 0 0; z-index: 99; position: relative; text-align: center; }
.product-list-brief h1 { color: #fff; font-size: 22px; margin-bottom: 5px; }
.product-list-brief .landing-subtitle { font-size: 18px; color: #fff; margin-bottom: 30px !important; font-weight: 400;padding: 0 15px }
.product-list-bg { position: absolute; left: 0; right: 0; top: 3.5rem; bottom: 0; margin: 0 auto; height: 400px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; overflow: hidden; z-index: -10; }
.product-list-bg img { width: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
.product-list-box { width: 100%; margin: 0 auto; }
.product-list li { display: flex; width: 100%; padding: 20px 10px; border-bottom: 1px solid #f0f0f0; clear: both; box-sizing: border-box; }
.product-list li a { font-size: 12px; color: #555555; }
.product-list li h3 { color: #07c; margin: 8px 0; font-size: 26px; }
.product-list li h3 a { color: #07c; margin: 8px 0; font-size: 26px; }
.product-list li .image { width: 300px; display: block; overflow: hidden; float: left; }
.product-list li .image img { width: 100%; transition: all 0.3s; }
.product-list li .brief { width: 70%; float: left; padding: 0 0 0 20px; color: #000; font-size: 16px; }
.product-list li .product-list-cat { font-weight: 700; color: #07c; }
.product-list li .down-btn { float: right; width: 250px; margin: 40px 0px; background: #3743a5 url(/images/windows.png) 20px center no-repeat; background-size: 9%; height: 40px; line-height: 40px; border: none; padding: 2px 10px 2px 50px; font-size: 14px; font-weight: 400; color: #fff; vertical-align: middle; cursor: pointer; transition: all .5s; border-radius: 5px; }
.product-list li .down-btn A { color: #fff; font-size: 20px; }
.product-list li .down-btn:hover { background: #4558f7 url(/images/windows.png) 20px center no-repeat; background-size: 9.1%; transition: all .5s; }
@media (max-width: 576px) {
 .product-list li .image { display: none; }
 .product-list li .brief { margin: 0 auto; padding: 0;}
 .product-list li .down-btn { float: none;margin: 26px auto; }
 .product-list li h3 { text-align: center;line-height: 1.05; }
 .product-list li h3 a { font-size: 22px;line-height: 1.05;}
 .product-list li a { word-break: break-all; }
.product-list li .down-btn {width: 100%;max-width: 225px;}
.product-list li .down-btn A { font-size: 15px; }
}
 @media (max-width: 991px) {
/*landing*/
.landing { height: 409px; }
.landing-brief { width: 96%; }
.landing-brief h1 { font-size: 45px; }
.post-box { width: 90%; }
}
@media (max-width: 767px) {
/*landing*/
.landing { height: auto; padding: 18px 0 0 0; background: #000; }
.landing-brief h1 { font-size: 32px; }
.landing-brief .landing-subtitle { font-size: 22px; margin-bottom: 40px !important; }
.landing-btn { font-size: 22px; margin-bottom: 25px; }
.landing-bg img { width: 200%; }
}
/*bloglist*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
.breadcrumb { width: 100%; color: #666; margin: 0.4rem 0 3rem 0; text-align: left; font-size: 12px; }
.breadcrumb a { color: #666; }
#page { margin: 15px 0 50px 0; padding: 0 30px; max-width: 1100px; width: 100%; overflow: hidden; margin-left: auto; margin-right: auto; background-color: white; }
#navigation { font-size: 14px; height: 100%; z-index: 900; }
#navigation .viewport { height: 100%; }
.slimScrollDiv { overflow: hidden; width: auto; height: 100%; }
.region-navigation { overflow: hidden; width: auto; height: 100%; }
#navigation .block-menu ul.multimedia-menu { padding: 0; margin: 0; list-style: none; border: 1px solid #ddd; }
#navigation .block-menu ul.multimedia-menu li.menu__item { line-height: normal; border-bottom: 1px solid #ddd; font-size: 16px; }
a.menu__link { display: block; color: #444444; font-size: 16px; padding: 15px; text-align: left; background-position: 25px -100px; }
a.active { background: #576dd0; color: white!important; }
.views-row { overflow: hidden; border-bottom: 1px solid #CCCCCC; padding: 20px 0; clear: both; margin-bottom: 20px; }
.views-row a:hover { color: #333333; text-decoration: none; }
.menu__item a:hover { color: #07c; }
.views-field-field-image { width: 30%; float: left; margin-right: 1%; }
.views-field-field-image .field-content { display: block; overflow: hidden; }
.views-field-field-image .field-content img { width: 100%; max-height: 300px; }
.views-row-first { padding-top: 0; }
.views-field { width: 65%; float: right; }
.views-field-body p { font-size: 17px; color: #333333; }
.views-field-title { color: #008dc3; font-size: 16px; font-weight: normal; display: block; height: 100%; padding: 0; margin: 0 0 15px; line-height: 24px; }
.views-field-edit-node { margin-top: 1rem; font-size: 14px; }
.views-field-edit-node span { color: #333333; }
.views-field-edit-node:hover { color: #333333!important; }
.views-field-edit-node .field-content { padding-right: 20px; }
.posts-nav { font-size: 14px; color: rgba(0,0,0,0.44); text-align: center; margin-top: 30px; }
.posts-nav .page-numbers { border-radius: 3px; border: 1px solid #f1f1f1; display: inline-block; text-align: center; width: 30px; line-height: 30px; margin: 0 5px; }
.posts-nav .page-numbers.current { background: #00b9ff; border-color: #f1f1f1; color: #fff!important; }
.posts-nav .page-numbers a { color: #444444!important; }
.posts-nav .page-numbers.current a { color: #fff!important; }
.posts-nav .grey { color: #d5d5d5; }
@media screen and (max-width: 768px) {
.breadcrumb { margin: 1rem 0.1rem; }
#page { padding: 0 20px; box-sizing: border-box; }
#navigation .block-menu ul.multimedia-menu { border: none; }
#navigation .block-menu ul.multimedia-menu li.menu__item { width: 25.33%; float: left; margin: 0 0 3rem 0; height: 67px; }
#navigation .block-menu ul.multimedia-menu li.menu__item:first-child { width: 48.33%; }
#navigation .block-menu ul.multimedia-menu li.menu__item a { text-align: center; }
.views-field-field-image { width: 100%; }
.views-field { width: 100%; }
.views-field-title { margin: 11px 0 4px 0; }
}
@media (min-width: 768px) {
#navigation { float: left; width: 25%; padding-right: 3%; display: block !important; }
#content { width: 70%; float: left; }
.views-field-field-image .field-content { height: 141px; }
}
/*blog*/
.main { padding-top: 60px; }
.main .section-inner { max-width: 1100px; padding: 0 15px; margin: 50px auto 0 auto; }
.article { padding-bottom: 1em; }
.article p { font: 15px / 1.77 "Fira Sans", Helvetica, Arial, sans-serif; color: #646a6d; line-height: 1.75em; margin-bottom: 25px; }
.article img { width: 100%; }
article h1 { color: #333333; font-size: 32px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin: 0 0 20px; }
.row { margin-right: -15px; margin-left: -15px; width: 66.66%; }
.col-sm-8 { min-height: 1px; padding-right: 15px; padding-left: 15px; }
t ul.post-tags { margin: 0; padding: 0; }
ul.post-tags li { display: inline-block; color: #666666; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-right: 8px; padding-left: 14px; position: relative; }
ul.post-tags li a { color: #666666; }
ul.post-tags li:first-child { padding-left: 0; }
.more li a { color: #44c6db; background-color: white; }
ul.share-post { margin: 0 0 5px 0; padding: 0; text-align: right; }
ul.share-post li { display: inline-block; color: #666666; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-left: 4px; }
ul.share-post li span { display: inline-block; margin-right: 4px; line-height: 16px; float: left; }
ul.share-post li .iconfont { font-size: 26px; color: #cccccc; }
.share-post .iconfont:hover { background: none; }
.content-main { box-sizing: border-box; width: 60%; float: left; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
.featured-image img { width: 100%; }
.content-main img { max-width: 80%; height: auto!important; margin: 0 auto; padding: 2rem 0; display: block; }
.content-main .post img { display: inline-block; padding: 0; max-width: fit-content; vertical-align: middle; }
.content-main .post .table img { width: 30px; height: 30px; }
.content-main-post h2:first-child h2 { margin-top: 0; }
.post-content a { color: #8b8b8b; }
.entry-meta { margin-bottom: 2em; }
.tag-links a { display: inline-block; border: 1px solid #b5b8ba; border-radius: 3px; color: #b5b8ba; font-size: 0.8em; font-weight: 400; line-height: 25px; margin: 0 3px 3px 0; padding: 0px 8px; }
.blog-sidebar .sidebar-item { margin-bottom: 2em; }
.blog-sidebar .sidebar-item h3 { border-top: solid 3px #ebebeb; padding-top: 0.8em; margin-top: 0; }
.blog-sidebar .sidebar-item .textwidget img { width: 100%; }
.feat-item-box { margin-top: 20px; }
.img-holder { display: block; position: relative; }
.img-holder .overlay { background-color: #000000; width: 100%; height: auto; position: absolute; top: 0; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
opacity: 0.15; z-index: 1; }
.img-holder .bt-play { color: #FFFFFF; position: absolute; z-index: 2; font-size: 5.3em; left: 56%; top: 38.9%; margin: -56px 0 0 -56px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); opacity: .5; }
.img-holder .bt-play:hover { opacity: 1; transition: all 0.7s !important; }
.img-holder img { width: 100%; height: auto; }
.prev-next-box { padding-top: 10px; }
.row2 { margin-right: -15px; margin-left: -15px; }
.col-sm-6 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.border:hover { box-shadow: 0px 20px 30px #eeeeee; }
.border:hover span, .border:hover p a { color: #1000d0 !important; }
.prev-next-box .border { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: flex; padding: 45px 30px; margin-bottom: 30px; margin-left: 10px; border: 1px dashed #dad5e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; align-items: center; min-height: 179px; }
.prev-next-box .border span.iconfont { color: #999; font-size: 20px; margin-right: 30px; -moz-transition: all 0.2s ease-in-out; }
.right span.iconfont { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }
/*.prev-next-box a.next-post {*/
/*text-align: right;*/
/*flex-direction: row-reverse;*/
/*}*/
.prev-next-box .border p { margin-bottom: 0; color: #333333; line-height: 24px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.prev-next-box .border p span { display: block; font-size: 16px; color: #999 !important; }
.prev-next-box .right > span { position: absolute; right: 0; }
.sfixed { top: 0; max-width: 1200px; width: 100%!important; margin: 0 auto; position: fixed; z-index: -1; }
@media screen and (max-width: 768px) {
article h1 { font-size: 24px; }
.row { width: 100%; }
.col-sm-4 { padding-right: 15px; padding-left: 15px; }
ul.share-post { text-align: left; }
ul.post-tags li:last-child { padding-left: 0; }
h2 { font-weight: 400; font-size: 18px; letter-spacing: -.02em; }
.content-main { width: 100%; float: none; }
hr { margin: 30px 0; }
.content-main-post img { width: 100%; height: auto; }
.col-sm-6 { width: 94%; }
.content-sidebar { box-sizing: border-box; width: 100%; float: right; padding-left: 0.8333333333%; padding-right: 0.8333333333%; }
}
@media (min-width: 768px) {
.col-sm-8 { width: 66.66666667%; float: left; }
.col-sm-4 { width: 33.33333333%; float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-sm-6 { width: 48%; float: left; }
.content-sidebar { box-sizing: border-box; width: 300px; float: right; padding-left: 10px; padding-right: 10px; }
.blog-sidebar { width: 100%; float: right; }
.sfixed div#blog-sidebar { padding-right: 30px; width: 310px; }
}
/*product*/
main { overflow-x: hidden; }
.container { margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; max-width: 100%; }
.clearf { overflow: hidden; zoom: 1; }
.div-h1 { line-height: 1.25; font-size: 2.2rem; margin-bottom: 2rem; width: 100%; font-weight: normal; }
.d-none { display: none !important; }
.pb-15 { padding-bottom: 3.75rem!important; }
.pt-12 { padding-top: 3rem !important; }
.font-weight-bold { font-weight: 800; }
.color-d2 { color: #d2d2d2!important; }
/*sec1*/
.sec1 { position: relative; min-height: 420px; overflow: hidden;  background-color: #9e9e9e; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; }
.WindDVDMak { background-image: url(../images/topdvd_bg.jpg); }
.youtube { background-image: url(../images/topyoutube_bg.jpg); }
.winve2019 { background-image: url(../images/topve_bg.jpg); }
.winmm { background-image: url(../images/product_tmm.jpg); }
.videoconverter{background-image: url(../images/topyconverter_bg.jpg); }
.sec1::before { content: ""; position: absolute; top: 0; left: -9999px; bottom: 0; right: 0; background-image: linear-gradient(75deg, #0045a2 60%, #6119b6); opacity: .8; z-index: 1; }
.sec1-main { position: relative; z-index: 2; display: flex; flex-wrap: wrap; }
.sec1-main-con1 { width: 25%; display: none; padding-right: 30px;float:left; }
.sec1-main-con1 img { margin-top: 3.75rem; width: 100%; }
.sec1-main-con2 { width: 100%; padding-top: 3.75rem; color: #fff; float:left;}
.sec1-main-con2 h2 { font-size: 2.125rem; line-height: 1.5; font-weight: bolder; }
.sec1-main-con2>p { font-size: 1.25rem; line-height: 1.5; margin-top: 1rem; margin-bottom: 3rem; font-weight: 400; }
.sec1-main-con2>p em { font-size: 1rem; line-height: 1.5; padding: 0.15em 0.75rem; background-color: #f68263; margin-left: .5rem;
 margin-bottom: .5rem;
 border-radius: .18rem;
display: inline-block; vertical-align: middle; }
.sec1-mian-con3 { margin-bottom: 3rem; }
.sec1-main-a1 { width: 100%; text-align: center; display: inline-block; color: #fff!important; background-color: #0073EC; border-color: #0073EC; overflow: hidden; zoom: 1; align-items: center; padding: 0 1.5rem; border-radius: 6px; height: 4.5rem; padding-top: 1rem; transition: all 1s ease-in-out; }
.sec1-main-a1:hover { background: #7d3eed; border-color: #7d3eed;    transition: all 1s;}
.sec1-main-a1 img { width: 33px; height: auto; vertical-align: middle; }
.sec1-main-a1>em { font-size: 12px; line-height: 1.25em; display: inline-block; vertical-align: middle; text-align: left; font-style: normal; }
.sec1-main-a1 em em { font-size: 1.25rem; line-height: 1.25; text-align: left; font-style: normal; }
.sec1-main-a1 em em:nth-child(1) { display: none; }
.sec1-main-a2 { display: none; color: #fff; font-size: 12px; padding: 0 1.5rem; margin-top: .5rem;
width: 100%; text-align: center; }
.sec1-main-a2:hover { text-decoration: underline; }
.sec1-main-a2 img { height: 16px; width: auto; vertical-align: middle; margin-right: .5rem;
}
.sec1-main-a2 em { vertical-align: middle; }
/*sec1 end*/
/*sec2*/
.sec2 { display: none; background-color: #607d8b; user-select: none; position: relative; text-transform: uppercase; }
.sec2-main>div { display: inline-block; height: 70px; line-height: 70px; color: #fff; font-size: 1.25rem; }
.sec2-main .sec2-main-right { background-color: #455a64; padding: 0 1.5rem; display: none; }
.sec2-main-img { float: right; transition: all .5s; transform: rotate(180deg); }
.sec2-main-img.active { transform: rotate(0); }
.sec2-main2 { width: 100%; position: absolute; left: 0; background-color: #455a64; height: 70px; line-height: 70px; color: #fff; display: none; }
/*sec2 end*/
/*sec3*/
.sec3 { padding-top: 3.75rem; padding-bottom: 3.75rem; }
.sec3 h1 { margin-bottom: 2rem; max-width: 100%; text-align: left; font-weight: 500; font-size: 1.75rem; line-height: 1.35; color: #000; }
.sec3-main1 { padding-top: 1.5rem; margin-bottom: 1rem; }
.sec3-main1 ul { display: flex; flex-wrap: wrap; }
.sec3-main1 ul li { width: 100%; display: flex; align-items: flex-start; margin-bottom: 1rem;float:left; }
.sec3-main1-con1 { text-align: center; line-height: 64px; background-color: #0073ec; -webkit-border-radius: 50%; border-radius: 50%; width: 64px; height: 64px; margin-right: 1rem; float:left;}
.sec3-main1-con1 img { width: 50%; vertical-align: middle; }
.sec3-main1-con2 { align-self: center; flex: 1;word-break: normal; }
.sec3-main1-con2 a:hover { text-decoration: underline; }
.sec3-main1-con2 em { display: inline-block; font-size: 12px; line-height: 1.5; color: #fff; background-color: #f68263; padding: .15em .4em; border-radius: .18rem;
vertical-align: middle; }
.sec3-main2 { margin-bottom: 3rem; }
.sec3-main3, .sec6-main-imgs { width: 100%; padding: 0 16px; margin: 0 auto; margin-bottom: 2rem; position: relative; }
.sec3-main3 { display: none; }
.sec3-main3::before, .sec6-main-imgs::before { content: ""; width: calc(100% - 32px); height: 100%; position: absolute; left: 16px; top: 0; background-color: rgba(0,0,0,.2); transition: all .5s; }
.sec3-main3:hover::before, .sec6-main-imgs:hover::before { background-color: rgba(0,0,0,.4); }
.sec3-main3-img2, .sec6-main-img2 { display: none; width: 62px; height: 62px; position: absolute; top: calc(50% - 31px); left: calc(50% - 31px); }
.sec3-main4 { text-align: center; }
.sec3-main5 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; overflow: hidden; outline: 0; opacity: 0; transition: all .2s linear; }
.sec3-main5.active { z-index: 99; opacity: 1; }
body.active { overflow-y: hidden; }
.sec3-main5-con { background-color: transparent; width: auto; margin: 0 auto; box-shadow: 0 5px 15px rgba(0,0,0,.5); font-size: 0; transition: transform .3s ease-out, -webkit-transform .3s ease-out; transform: translate(0, 0%); }
.sec3-main5-con.active { transform: translate(0, 25%); }
.sec3-main5-con button { position: absolute; top: -2.5rem; right: 0; font-size: 2rem; opacity: .5; color: #fff; text-shadow: none; cursor: pointer; font-weight: 400; background-color: transparent; border: none; }
.sec3-main5-con button:hover { opacity: 1; }
.sec3-main5-con video { width: 100%; background-color: transparent; border-radius: 6px; }
.sec3-main5-con2 { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: -1; }
/*sec3 end*/
/*sec4*/
.sec4 { padding-top: 3.75rem; padding-bottom: 3.75rem; margin-bottom: 3rem; background-image: linear-gradient(to right, #b2ebf2 0, #e8eaf6 100%); background-repeat: repeat-x; }
.sec4-main { z-index: 2; width: 100%; padding-right: 16px; }
.sec4-main h3 { margin-bottom: 1rem; font-size: 1.75rem; color: #000; }
.sec4-main-bp { margin-top: 1rem; margin-bottom: 1rem; font-size: 14px; font-weight: 400; }
.sec4-main-con { margin-top: 3rem; font-size: 0; }
.sec4-main-con a { font-size: 1.25rem; padding-top: 0; line-height: 4.5rem; }
/*sec4 end*/
/*sec5*/
.sec5-title, .sec6-title { width: 100%; margin: 0 auto; }
.sec5-title h2, .sec6-title h2 { margin-bottom: 1.75rem; font-size: 1.75rem; line-height: 1.35; color: #000; }
.sec5-main { align-items: center; flex-direction: row; }
.sec5-main-con { width: 100%; padding: 0 16px; }
.sec5-main img { display: none; }
.sec5-main-con div h3 { margin-bottom: 1rem; font-size: 1.5rem; color: #000; line-height: 1.35; font-weight: 500; }
.sec5-main-con div p { margin-bottom: 2rem; }
/*sec5 end*/
/*sec6*/
.sec6 { padding-top: 3.75rem; padding-bottom: 3.75rem; }
.sec6 .container { padding: 0; }
.sec6-row { width: 100%; padding: 0 16px; margin: 0 auto; }
.sec6-title h2 { margin-bottom: 0; }
.sec6-main ul { display: none; }
.sec6-main ul li a { display: inline-block; width: 100px; height: 100px; border-radius: 50%; line-height: 100px; position: relative; transition: all .2s; }
.sec6-main ul li a:hover { background-color: #3581d5; }
.sec6-main ul li a.active { background-color: #3581d5; }
.sec6-main ul li a::before { content: ""; position: absolute; width: 100px; height: 100px; top: 0; left: 0; border: 3px solid #3581d5; box-sizing: border-box; border-radius: 50%; transform: scale(1); transition: transform .2s ease, -webkit-transform .2s ease; }
.sec6-main ul li a:hover::before { transform: scale(1.12); }
.sec6-main ul li a.active:hover::before { transform: scale(1); }
.sec6-main ul li a.active:after { content: ""; position: absolute; width: 0; height: 0; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-right: 11px solid transparent; border-left: 11px solid transparent; border-top: 11px solid #3581d5; }
.sec6-main ul li a img { width: 50px; height: auto; position: relative; vertical-align: middle; }
.sec6-main ul li a img:nth-child(1) { display: none; }
.sec6-main ul li a.active img:nth-child(1), .sec6-main ul li a:hover img:nth-child(1) { display: inline-block; }
.sec6-main ul li a.active img:nth-child(2), .sec6-main ul li a:hover img:nth-child(2) { display: none; }
.sec6-main-imgs { padding: 0; }
.sec6-main-imgs::before { width: 100%; left: 0; }
.sec6-main-imgs img { width: 100%; max-width: 100%; height: auto; vertical-align: middle; border-style: none; }
.sec6-main-con { margin-top: 3rem; }
.sec6-main-con.active { display: block; }
.sec6-main-con h4 { font-size: 1.25rem; margin-bottom: .5rem;
font-weight: 600; line-height: 1.35; color: #000; }
.sec6-main-con p { margin-bottom: 2rem; }
/*sec6 end*/
/*sec7*/
.sec7 { background-color: #f68263; padding-top: 3.75rem; padding-bottom: 3.75rem; color: #fff; }
.sec7-main { display: flex; flex-wrap: wrap; }
.sec7-main-con1 { width: 100%; padding-right: 16px; }
.sec7-main-con1 h4 { font-size: 24px; line-height: 32px; font-weight: 700; margin-bottom: 2rem; }
.sec7-main-con1 p { font-size: 16px; line-height: 24px; margin-bottom: 1.5rem; }
.sec7-main-con1 ul { margin-bottom: 1rem; padding-left: 1.375rem; }
.sec7-main-con1 li { font-size: 16px; line-height: 24px; margin-bottom: 1rem; list-style-type: disc; }
.sec7-main-con2 { width: 100%; padding-left: 16px; position: relative; }
.sec7-main-con2 img { margin-top: 3rem; width: 100%; height: auto; }
/*sec7 end*/
/*sec8*/
.sec8 { padding-top: 3.75rem; padding-bottom: 3.75rem; background-color: #4f2d8c; color: #fff; }
.sec8 h3, .sec9 h3 { margin-bottom: 3rem; color: #fff; font-size: 1.75rem; font-weight: 500; line-height: 1.35; width: 100%; text-align: left; }
.sec8-main { display: flex; flex-wrap: wrap; }
.sec8-main2 { width: 100%; margin-bottom: 2rem; display: flex; align-items: flex-start; display:inline-block;vertical-align:text-top;}
.sec8-con1 { width: 50px; height: 50px; line-height: 50px; margin-right: 1rem; text-align: center;float:left }
.sec8-con1 img { width: 44px; height: auto; vertical-align: middle; }
.sec8-con2 { width: calc(100% - 50px - 1.25rem); float:left;}
.sec8-con2 h4 { font-weight: 700; font-size: 1.25rem; line-height: 1.35; margin-bottom: .5rem;
}
.sec8-con2 p { margin-bottom: 1rem; }
.sec8-a { padding-top: 3rem; text-align: center; }
/*sec8 end*/
/*sec9*/
.sec9 { padding-top: 3.75rem; padding-bottom: 3.75rem; }
.sec9 h3 { color: #000; }
.sec9-table { overflow-x: visible; border: 1px solid #eee; width: 100%; max-width: 100%; background-color: transparent; border-collapse: collapse; }
.sec9-thead tr {
 font-size: .875rem; font-weight: 700; text-align: center; background-color: #fff; }
.sec9-table td, .sec9-table th {
 padding: .495rem .75rem; vertical-align: middle; border-top: 1px solid #eee; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; }
.sec9-thead th { border: 0; vertical-align: middle; width: 50%; border-left: 1px solid #eee; }
.sec9-thead th:nth-child(1) { display: none; width: 50%; text-align: left; border-color: #eee; }
.sec9-table td { border: 1px solid #eee; width: 50%; }
.sec9-table td:nth-child(1) { text-align: center; width: 100%; background-color: #eee; }
.sec9-table tbody td:nth-child(2) { color: #f44336; }
.sec9-table tbody td:nth-child(3) { color: #4caf50; }
.sec9-table td img { width: auto; height: 27px; }
.sec9-a { text-align: center; }
.sec9-a a { width: 100%; display: flex; justify-content: center; color: #3581d5; background-color: transparent; background-image: none; border: 2px solid #3581d5; min-height: 4.5rem; margin-top: 3rem; text-align: left; padding: .5rem 1.5rem;
font-size: 1.25rem; border-radius: 6px; transition: all .2s ease-in-out; line-height: 1.25; }
.sec9-a a:hover { background-color: #1962b2; color: #fff; border-color: #1962b2; }
/*sec9 end*/
/*sec10*/
.sec10 { background-color: #eee; padding-top: 3.75rem; padding-bottom: 7.5rem; }
.sec10-main { box-sizing: border-box; width: 100%; margin: 0 auto; position: relative; }
.sec10-main::before { content: ''; display: none; position: absolute; width: 132%; height: 132%; background: url(../images/s_bg3.png) center top no-repeat; -webkit-background-size: contain; background-size: contain; left: 50%; top: 58%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.sec10-main .swiper-slide img { width: 100%; }
.pro-pag02 { width: 100%; position: absolute; bottom: -120px; }
.pro-pag02-div { width: 12px; height: 12px; margin: 0 auto; border-radius: 100%; background: #000; opacity: .2; display: inline-block; transition: all .2s; }
.pro-pag02>span.swiper-pagination-bullet { width: 20px; height: 20px; line-height: 20px; margin: 0 6px; outline: none; background: transparent; opacity: 1; vertical-align: middle; }
.pro-pag02>span.swiper-pagination-bullet-active .pro-pag02-div { width: 20px; height: 20px; margin-top: 0; }
.pro-pag02>span.swiper-pagination-bullet-active .pro-pag02-div { background-color: #3581d5; opacity: 1; }
.pro-next02, .pro-prev02 { color: #808080; outline: none; transition: opacity 1s ease-in-out; }
.pro-next02.swiper-button-disabled, .pro-prev02.swiper-button-disabled { opacity: 0; }
.pro-next02 { background-image: url("../images/s_next.png"); right: -130px; }
.pro-prev02 { background-image: url("../images/s_prev.png"); left: -130px; }
/*sec10 end*/
/*sec11*/
.sec11 { margin-top: 5rem; }
.sec11 h4 { font-size: 1.25rem; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: solid 6px #eee; }
.sec11-col { width: 100%; box-sizing: border-box; }
.sec11-div1 { display: flex; }
.sec11-div1>div { width: 50%; box-sizing: border-box; }
.sec11-div1>div:nth-child(1) img { max-width: 100%; height: auto; }
.sec11-div1-main>div, .sec11-main2>div>div { font-size: 1rem; margin-bottom: 1rem; padding-left: 16px; padding-right: 16px; width: 80%; }
.sec11-a1 { position: relative; left: 50%; padding-left: 16px; justify-content: left!important; bottom: 0; }
.sec11-as { margin-left: 3.25rem; }
.sec11-as a { width: 2.75rem; height: 1.75rem; display: inline-block; margin: .5rem;
}
.sec11-main2>div>div { width: 100%; box-sizing: border-box; }
.sec11-main2>div>div:nth-child(1) { font-weight: 700; }
.sec11-main2>div>div:nth-child(2) { color: #707070; }
.sec11-bo { font-size: 1.25rem; }
.tede-un:hover { color: #1962b2; text-decoration: underline #1962b2; }
.sec11-txt-a { display: inline-block; color: #fff!important; font-weight: 400; vertical-align: middle; border: 1px solid transparent; text-align: center; padding: 0.3rem 2rem; /*height: 3.2rem;*/ line-height: 3.2rem; min-height: auto; border-radius: 10px; transition: all 0.2s ease-in-out; font-size: 1.25rem; }
.a-blue { color: #fff; background-color: #3581d5; border-color: #3581d5; }
.a-blue:hover { background-color: #1962b2; }
.sec11-txt-a img { width: 30px; height: 30px; vertical-align: middle; }
.sec11-txt-a em { vertical-align: middle; font-style: normal; }
/*sec11 end*/
/*media*/
@media (max-width: 575px) {
.sec9-table tr { display: flex; flex-wrap: wrap; }
}
@media (max-width: 767px) {
.sec11-txt-a { display: block; }
.d-767-block { display: block!important; padding-bottom: 3rem; }
.pro-pag02 { bottom: -68px; }
}
@media (max-width: 991px) {
.div-h1 { font-size: 1.75rem; }
}
@media (min-width: 576px) {
.container,.product-list-kv,.product-list { width: 540px; max-width: 100%; }
.sec1-main-con2 h2 { font-size: 2.5rem; line-height: 1.25; }
.sec1-main-con2>p { margin-bottom: 5rem; }
.sec3-main1-con1 { width: 50px; height: 50px; line-height: 50px; }
.sec3-main5-con { max-width: 500px; }
.sec9-thead th:nth-child(1) { display: table-cell; }
.sec9-thead tr { background-color: #eee; }
.sec9-thead th { width: 25%; border-color: #fff; }
.sec9-table td { width: 25%; }
.sec9-table td:nth-child(1) { width: 50%; text-align: left; background-color: #fff; }
}
@media (min-width: 768px) {
.container,.product-list-kv,.product-list { width: 720px; max-width: 100%; }
.sec1-main-con1 { display: block; }
.sec1-main-con2 { width: 75%; }
.sec1-main-con2>p { margin-bottom: 3rem; }
.sec1-main-a1, .sec1-main-a2 { width: auto; }
.sec3 h1 { text-align: center; font-size: 2.25rem; }
.sec3-main1-con1 { width: 58px; height: 58px; line-height: 58px; }
.sec4 { margin-bottom: 3.75rem; position: relative; }
.sec4::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 70%; background-image: url(../images/pro_bg02.png); background-color: transparent; background-repeat: no-repeat; background-position: left; -webkit-background-size: cover; background-size: cover; z-index: 1; }
.windDvdMak-sec4::before { background-image: url(../images/WindDVDMak_banner02.png); }
.sec4-main { width: 75%; }
.sec4-main h3 { font-size: 2.25rem; }
.sec5-title h2, .sec6-title h2, .sec8 h3, .sec9 h3 { text-align: center; font-size: 2.25rem; }
.sec5-main { background-color: #eee; position: relative; overflow: hidden; min-height: 550px; display: flex; }
.sec5-main-con { margin-top: 5rem; margin-bottom: 5rem; width: 50%; }
.sec5-main-con>div { margin-right: 2.75rem; }
.sec5-mainConRight { margin-left: 50% !important; }
.sec5-mainConRight>div { margin-right: 0; margin-left: 2.75rem; }
.sec5-main img { position: absolute; top: 0; bottom: 0; overflow: hidden; user-select: none; height: 100%; left: 50%; display: block; }
.sec5-main .sec5-mainImgLeft { left: auto; right: 50%; }
.sec5-main-con div p { margin-bottom: 0; }
.sec6-row { width: 83.3333%; }
.sec6-main ul { display: flex; flex-wrap: wrap; margin-top: 2.5rem; margin-bottom: 1.5rem; text-align: center; }
.sec6-main ul li { flex-grow: 1; padding: 0 16px; }
.sec6-main-con { display: none; }
.sec8-main2 { width: 50%; }
.sec9-thead tr { font-size: 1.2075rem; }
.sec9-table td, .sec9-table th { padding: 1.125rem 1.5rem; font-size: 1.12525rem; }
.sec9-a a { display: inline-block; width: auto; }
.pt-lg-5 { padding-top: 1.25rem !important; }
.text-md-center { text-align: center !important; }
.sec10 { padding-bottom: 14rem; }
.sec10-main { width: 66.66666%; }
.sec10-main::before { display: inline-block; }
.pro-pag02>em.swiper-pagination-bullet .pro-pag02-div:hover { width: 20px; height: 20px; margin-top: 0; }
.pb-15 { padding-right: 16px; padding-left: 16px; }
.sec11-main { display: flex; }
.sec11-col { width: 50%; }
.sec11-div1>div:nth-child(1), .sec11-main2>div>div:nth-child(1) { width: 33.3333%; }
.sec11-div1>div:nth-child(2), .sec11-main2>div>div:nth-child(2) { width: 66.66666%; }
.sec11-div1>div:nth-child(2)>div, .sec11-main2>div { display: flex; justify-content: center; }
.sec11-div1-main>div:nth-child(1), .sec11-main2>div>div:nth-child(1) { text-align: right; }
.d-md-flex { display: flex!important; }
}
@media (min-width: 992px) {
body { font-size: 1.25rem; }
.container,.product-list-kv,.product-list { width: 960px; max-width: 100%; }
.sec1::before { right: 40%; transform: skewX(-25deg); }
.sec1::before { right: 23%; }
.sec1-main-con1 { width: 25%; }
.sec1-main-con2 { width: 75%; }
.sec1-main-con2 h2 { font-size: 2.75rem; width: 66%; }
.sec1-main-con2>p { font-size: 1.5rem; }
.sec1-main-a1 em em:nth-child(1) { display: inline-block; }
.sec1-main-a1 em em:nth-child(2) { display: none; }
.sec2-main-left { margin-right: 7rem; }
.sec2-main .sec2-main-right { display: inline-block; }
.sec2-main2, .sec2-main-img { display: none!important; }
.sec3 { padding-top: 5rem; }
.sec3 h1 { font-weight: 300; font-size: 3rem; }
.sec3-main1 ul li { width: 50%; }
.sec3-main1-con1 { width: 72px; height: 72px; line-height: 72px; }
.sec3-main1-con1 img { width: 28px; }
.sec3-main1 { padding-top: 3rem; }
.sec3-main1-con2 { font-size: 1.25rem; }
.sec3-main3 { width: 83.33333%; }
.sec3-main5-con { max-width: 800px; }
.sec4 { padding-top: 5rem; padding-bottom: 5rem; margin-top: 1.25rem; }
.sec4::before { left: 55%; }
.sec4-main { width: 58.333%; }
.sec4-main h3 { font-weight: 300; font-size: 2.5rem; }
.sec5-title { width: 70.66667%; }
.sec5-title h2, .sec6-title h2, .sec8 h3, .sec9 h3 { font-weight: 300; font-size: 2.5rem; }
.sec5-main-con div h3 { font-weight: 300; font-size: 2.25rem; }
.sec6 { padding-top: 5rem; }
.sec6-main-con h4 { font-size: 1.5rem; }
.sec7 { margin-top: 5rem; padding-top: 5rem; }
.sec7-main-con1 { width: 41.66667%; }
.sec7-main-con2 { width: 58.33333%; }
.sec7-main-con1 h4 { font-size: 28px; line-height: 42px; }
.sec7-main-con1 p, .sec7-main-con1 li { font-size: 20px; line-height: 30px; }
.sec7-main-con2 img { position: relative; top: -140px; margin-top: 0; width: auto; height: auto; max-width: none; }
.sec8-con2 h4 { font-size: 1.5rem; }
.mb-lg-12 { margin-bottom: 3.5rem !important; }
.d-lg-block { display: block!important; }
.pb-lg-5 { padding-bottom: 1.25rem !important; }
.sec10 { padding-top: 5rem; }
.sec11 h4 { font-size: 1.5rem; }
.sec11-bo { font-size: 1.5rem; }
.sec11-div1>div:nth-child(1) { position: relative; left: 50px; }
.product-list-bg { top: 4rem; }
}
@media (min-width: 1200px) {
.container,.product-list-kv,.product-list { width: 1140px; max-width: 100%; }
 .product-list-box {width: 800px;}
.sec1::before { right: 28%; }
.sec3-main3 { width: 66.66667%; }
.sec3-main5-con { max-width: 900px; }
.sec5-main-con { margin-left: 8.33333%; width: 41.66667%; }
.sec6-row { width: 66.66667%; }
.sec11-div1>div:nth-child(1) { margin-left: 16.666%; }
.pro-pag02 { bottom: -150px; }
}
/*action*/
.store-kv { background-image: url(../images/a_banner01.jpg); background-color: #9e9e9e; background-repeat: no-repeat; background-position: center; background-size: cover; }
.store-kv { background-image: url(../images/a_banner01.jpg); background-color: #9e9e9e; background-repeat: no-repeat; background-position: center; background-size: cover; }
.store-kv-main { padding-top: 3rem; padding-bottom: 6.25rem; width: 100%; color: #fff; font-size: 1.5rem; }
.store-kv-main h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; }
.store-kv-main p { font-size: 1.125rem; margin-bottom: 2rem; font-weight: 300; }
.store-kv-btn { padding-top: 2rem; }
.store-kv-btn a { width: auto; min-width: 11.8rem; text-align: center; display: inline-block; font-size: 1.25rem; padding: 0 1.5rem; border-radius: 6px; transition: all .2s ease-in-out; color: #fff; background-color: #3581d5; border-color: #3581d5; height: 4.5rem; line-height: 4.5rem; }
.store-kv-btn a:hover { background-color: #1962b2; border-color: #1962b2; }
.store-list { padding-top: 4.75rem; padding-bottom: 3.75rem; }
.store-list-title h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: 2rem; text-align: left; }
.store-list-main { display: flex; flex-wrap: wrap; }
.store-list-main>div { width: 100%; margin-bottom: 2rem; }
.store-list-main .sec2-con { height: 100%; box-shadow: 0 2px 7px 0 rgba(0,0,0,.2); border-radius: .75rem;
transform: translateY(0); -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 1rem; }
.store-list-main .sec2-con>a { display: flex; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-direction: normal; flex-grow: 1; }
.store-list-main .sec2-con img { width: 100%; }
.store-list-main .sec2-cary { padding: 1.25rem; color: #595959; text-align: left; }
.store-list-main .sec2-cary h5 { font-weight: 700; text-transform: uppercase; font-size: 1.15rem; }
.store-list-main .sec2-last { margin-left: 1.25rem; margin-right: 1.25rem; padding-top: .75rem;
 padding-bottom: .75rem;
border-top: 1px solid rgba(0,0,0,.125); display: flex; justify-content: space-between; }
.store-list-main .sec2-last span { font-weight: bolder; font-size: 1rem; }
.store-list-main .sec2-last a { font-weight: 700; }
.store-list-main .sec2-foot { text-align: center; width: 100%; margin-top: 2rem; margin-bottom: 0; }
.store-list-main .sec2-foot a { width: auto; color: #3581d5; min-width: 11.8rem; text-align: center; display: inline-block; font-size: 1.25rem; padding: 0 1.5rem; border-radius: 6px; transition: all .2s ease-in-out; border: 2px solid #3581d5; height: 4.5rem; line-height: 4.5rem; }
.store-list-main .sec2-foot a:hover { color: #fff; border-color: #1962b2; background-color: #1962b2; }
/*sec3*/
/* .sec3 {
overflow-x: hidden;
display:none;
}
.sec3>.container {
box-sizing: initial;
padding-top: 3.75rem;
padding-bottom: 5rem;
padding-right: 0;
padding-left: 0;
background-image: url(../images/a_banner02.jpg);
background-color: #008998;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: #323232;
line-height: 1.35;
}
.sec3-main h3 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 2rem;
}
.sec3-main p {
font-size: 1rem;
margin-bottom: 2rem;
}
.sec3-main a {
width: 100%;
color: #323232;
min-width: 11.8rem;
text-align: center;
display: inline-block;
font-size: 1.25rem;
padding: 0 1.5rem;
border-radius: 6px;
transition: all .2s ease-in-out;
border: 2px solid #323232;
height: 4.5rem;
line-height: 4.5rem;
}
.sec3-main a:hover {
background: #1962b2;
color: #fff;
border-color: #1962b2;
}
.sec3-main a img {
display: inline-block;
width: 30px;
height: 30px;
margin-right: 10px;
}
.sec3-main a img:nth-child(2) {
display: none;
}
.sec3-main a:hover img:nth-child(1) {
display: none;
}
.sec3-main a:hover img:nth-child(2) {
display: inline-block;
}
.sec4 {
display:none;
padding-top: 3.75rem;
padding-bottom: 1.5rem;
}
.sec4 h3 {
margin-bottom: 2rem;
font-size: 1.5rem;
}
.sec4-main a {
display: inline-block;
color: #323232;
}
.sec4-main a {
width: 100%;
}
.sec4-a-foot {
padding-top: 1rem;
padding-left: 10px;
font-weight: 700;
}
.sec4-con {
display: none;
}

.action-pagination {
padding-top: 20px;
text-align: center;
}
.action-pagination>span {
width: 12px;
height: 12px;
background-color: #bdbdbd;
opacity: 1;
margin:0 9px!important;
vertical-align: middle;
transition: all .2s;
outline: none;
}
.action-pagination>span:hover {
width: 20px;
height: 20px;
margin: 0 5px!important;
}
.action-pagination>span.swiper-pagination-bullet-active:hover {
margin: 0 9px!important;
}
.action-pagination>span.swiper-pagination-bullet-active {
width: 20px;
height: 20px;
background-color: #3581d5;
}
.sec4-imgs {
margin-top: 1.5rem;
margin-bottom: 1.25rem;
}
.sec4-imgs p {
color: #e7e7e7;
font-size: 1.5rem;
margin-right: 1rem;
margin-bottom: 1rem;
}
.sec4-imgs img {
width: 44px;
height: auto;
margin: .25rem;
}
.sec5 {
display:none;
overflow-x: hidden;
}
.sec5>.container {
box-sizing: initial;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
background-color: #e9f4ff;
}
.sec5-main>div {
width: 100%;
display: flex;
align-items: center;
padding-left: 16px;
padding-right: 16px;
padding-top: 18px;
padding-bottom: 18px;
}
.sec5-main p {
display: inline-block;
line-height: 1.35;
font-size: 1.25rem;
margin-left: 1.5rem;
vertical-align: middle;
}

.sec5-main img {
width: 56px;
height: 56px;
vertical-align: middle;
}
.sec6 {
display:none;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
.sec6-main>h4 {
font-size: 1.25rem;
font-weight: 500;
padding-bottom: .5rem;
line-height: 1.35;
}
.sec6-title {
display: flex;
justify-content: center;
margin-bottom: 3rem;
border-bottom: 3px solid #e3e3e3;
position: relative;
}
.sec6-title>div {
width: 50%;
padding: 1rem 0;
text-align: center;
font-size: 1.125rem;
color: #e3e3e3;
cursor: pointer;
transition: all .2s;
-webkit-tap-highlight-color: rgba(255,0,0,0);
}
.sec6-title>div:hover {
color: #3581d5;
}
.sec6-border-bottom {
padding: 0!important;
position: absolute;
bottom: -4px;
left: 0;
width: 50%;
height: 6px;
background-color: #3581d5;
transition: all .5s !important;
}
.sec6-title>.sec6-click {
color: #3581d5;
}
.sec6-title div img {
height: 24px;
width: auto;
transition: all .2s;
}
.sec6-title div img:nth-child(2) {
display: none;
}
.sec6-title div:hover img:nth-child(2) {
display: inline-block;
}
.sec6-title div:hover img:nth-child(1) {
display: none;
}
.sec6-title div.sec6-click img:nth-child(2) {
display: inline-block;
}
.sec6-title div.sec6-click img:nth-child(1) {
display: none;
}
.sec6-title div span {
display: none;
}
.sec6-m-left {
left: 50%;
}
.sec6-center {
position: relative;
}
.sec6-center>div:nth-child(2) {
position: absolute;
top: 0;
left: 0;
}
.sec6-center>div {
opacity: 0;
transition: opacity .15s linear;
}
.sec6-center ul {
margin-top: 0;
padding-left: 1.375rem;
}
.sec6-center .sec6-ul-active {
opacity: 1;
}
.sec6-center ul li {
margin-bottom: 1rem;
font-size: 1rem;
color: #707070;
}
.sec6-footer {
font-size: 1rem;
color: #e3e3e3;
}
.sec6-footer p {
margin-bottom: 1rem;
}
.sec6-footer a:hover {
color: #1962b2;
text-decoration: underline;
} */
/*sec6 end*/

/*media*/
@media (min-width: 576px) {
.store-list-main>div { width: 83%; margin-left: 8.33333%; }
/* .sec3>.container,.sec5>.container {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.sec4-imgs p {
display: inline-block;
}
.sec6-title div span {
display: block;
}
.sec6-title div img {
display: none!important;
} */
}
@media (min-width: 768px) {
.d-md-block { display: block!important; }
.store-kv-main { width: 83.333%; padding-right: 16px; padding-left: 16px; }
.store-kv-a a { width: auto; }
.store-list-title h3 { font-size: 1.75rem; }
.store-list-main>div { width: 50%; margin-left: 0; }
.store-list-main>div:nth-child(2n+1) { padding-right: 16px; }
.store-list-main>div:nth-child(2n) { padding-left: 16px; }
.store-list-main .sec2-cary h5 { margin-bottom: .75rem;}
/*   .sec3-main h3 {
font-size: 1.75rem;
}
.sec3-main a {
width: auto;
}
.sec4 h3 {
font-size: 1.75rem;
}
.sec4-con {
display: flex;
justify-content: center;
}
.sec4-con>div {
width: 50%;
}
.sec4-con>div:nth-child(1) {
padding-right: 15px;
}
.sec4-con>div:nth-child(2) {
padding-left: 15px;
}
#action-swiper {
display: none;
}
.sec5-main {
display: flex;
justify-content: center;
}
.sec5-main>div {
width: 33.33333%;
}
.sec6-title {
margin-top: 1rem;
margin-bottom: 3.75rem;
}
.sec6-title>div {
padding: 1.125rem 0;
font-size: 1.3725rem;
} */
 .product-list-brief h1 { font-size: 24px;margin-bottom: 7px; }

}
/*store detail start*/
.section-banner { background-image: url(../images/img.jpeg); background-color: #9e9e9e; background-repeat: no-repeat; background-position: center; background-size: cover; background-position: center bottom; background-size: auto; }
.effects-card { padding: 5rem 16px 3.75rem 16px; }
.effects-card-max { background: #fff; width: 84%; margin: 0 auto; border-radius: 10px; padding: 1.25rem; }
.effects-card-left { width: 60%; display: inline-block; vertical-align: top; }
.effects-card-left-img { padding: 0 16px 0 0; }
.effects-card-left-img a { display: block; width: 100%; height: 285px; overflow: hidden; }
.effects-card-left-img a img { width: auto; height: 100%; }
.effects-card-right { width: 39%; display: inline-block; }
.effects-card-text { font-weight: 700; text-transform: uppercase; font-size: 1.5rem; margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.card-price { font-size: 1.5rem; line-height: 1em; font-weight: 700; }
.btn-regular { padding-top: 2rem; padding-bottom: 2rem; }
.btn-regular a { min-width: 11.8rem; text-align: center; display: inline-block; font-size: 1.25rem; padding: 0 1.5rem; border-radius: 6px; transition: all .2s ease-in-out; color: #fff; background-color: #3581d5; border-color: #3581d5; height: 4.5rem; line-height: 4.5rem; }
.down-now { display: none; }
@media (min-width: 992px) {
.store-list-main .sec2-con:hover { -webkit-box-shadow: 0 6px 16px 0.5px rgba(0,0,0,.2); box-shadow: 0 6px 16px 0.5px rgba(0,0,0,.2); -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); }
.product-list-brief h1 { font-size: 32px; margin-bottom: 10px; }
 .product-list-brief .landing-subtitle { font-size: 20px;  }
.down-now { display: inline-block; }
.buy-now { display: none; }
 /* .sec3 {
padding-top: 5rem;
}
.sec3>.container,.sec5>.container {
padding-left: 3rem;
padding-right: 3rem;
}
.sec4-con {
justify-content: left;
}
.sec4-con>div {
width: 310px;
}
.sec5-main>div {
padding-right: 2rem;
}
.sec5-main p {
font-size: 1.5rem;
}
.sec6-center ul li {
margin-bottom: 1.75rem;
font-size: 1.25rem;
}
.sec6-footer {
font-size: 1.25rem;
} */
}
@media (min-width: 1200px) {
/*  .sec3>.container,.sec5>.container {
  padding-left: 5rem;
  padding-right: 5rem;
}
.sec4-con>div {
width: 370px;
} */

 .product-list-brief h1 { color: #fff;font-size: 40px;margin-bottom: 15px;}
}
@media (max-width: 768px) {
.store-kv-btn a { width: 100%; }
.section-banner { margin-bottom: -1px; background-image: linear-gradient(to right, #e1f5fe 0%, #ede7f6 100%); background-repeat: repeat-x; }
.effects-card { padding: 3rem 0 3.75rem 0; }
.effects-card-max { width: 100%; }
.effects-card-left { width: 100%; }
.effects-card-left-img { padding: 0; }
.effects-card-left-img a { height: 200px; }
.effects-card-right { width: 100%; }
.effects-card-text { margin-top: 1.4rem; }
.btn-regular a { width: 100%; }
}

.link-manual{font-weight:500;text-align:center;}