html { font-size: 625%; }
body { background: #f5f7fa; font-size: 14px; }
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin: 0; padding: 0; }
body, html, input, button, textarea { color: #212121; font-family: 'Poppins-Regular',Arial; line-height: 1.5; }
body { background-color: #f5f7fa; }
article, aside, figcaption, figure, footer, header, main, nav, section { display: block; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4, h5 { font-size: 14px; }
img {max-width: 100%; border: none; vertical-align: middle; }
li { list-style: none; }
i, em { font-style: normal; }
a { color: #333; text-decoration: none; }
a:focus { outline: none; }
a:hover { color: #006cff; text-decoration: none; }
input[type="text"]:focus { outline: none; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {padding: 0;border: none;}
hr { margin: 15px 0 15px 0; height: 1px; border: none; border-top: 1px dashed #c1c1c1; }
a:active, select, input, textarea { outline: 0!important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
/* clear floating */
.clearfix:after, .layout:after, .sys_row:after, .web_main:after, .page_main:after, .nav_wrap .head_nav:after, .items_list ul:after, .product_items:after, .promote_list:after, .cate_items ul:after, .web_head .logo:after, .product-intro:after, .detail-tabs:after, .foot_items:after, .news_cell:after, .sys_row:after, .banner_navigate_button:after, .foor_service:after { clear: both; display: block; visibility: hidden; height: 0; content: ""; }
.clearfix, .layout, .sys_row, .clearfix, .layout, .sys_row, .flex_row, .web_main, .page_main, .nav_wrap .head_nav, .items_list ul, .product_items, .promote_list, .cate_items ul, .web_head .logo, .product-intro, .detail-tabs, .foot_items, .sys_row, .banner_navigate_button, .foor_service { *zoom: 1;
}
.clear { clear: both; }
/* layout */
body { position: absolute; top: 0; left: 0; overflow-x: hidden; width: 100%; min-width: 1200px; }
.layout {position: relative;margin: 0 auto;width: 92%;max-width: 1540px; z-index: 1;}
.z9999 { z-index: 9999!important; }
.hide { display: none; }
/* grid */
.sys-layer { margin: 0 auto; }
.sys-row { margin: 0 -8px; }
.sys-col { float: left; }
.sys-col-inner { margin: 0 8px; }
.sys-col-md { float: left; }
.sys-col-md-12 { width: 100%; }
.sys-col-md-11 { width: 91.66666667%; }
.sys-col-md-10 { width: 83.33333333%; }
.sys-col-md-9 { width: 75%; }
.sys-col-md-8 { width: 66.66666667%; }
.sys-col-md-7 { width: 58.33333333%; }
.sys-col-md-6 { width: 50%; }
.sys-col-md-5 { width: 41.66666667%; }
.sys-col-md-4 { width: 33.33333333%; }
.sys-col-md-3 { width: 25%; }
.sys-col-md-2 { width: 16.66666667%; }
.sys-col-md-1 { width: 8.33333333%; }
.sys_row { margin-right: -15px; margin-left: -15px; }
.sys_col { float: left; padding-right: 15px; padding-left: 15px; }
/* float */
.sys_fl { float: left!important; }
.sys_fr { float: right!important; }
/* flex */
.flex_row, .items_list>ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.flex_row_nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; }
.d_flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.d_flex:after{content: '';display: block;width: 100%;clear: both;visibility: hidden;}
.flex_ver{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;}
.flex_wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.flex_nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; }
.align_items_start {-ms-flex-align:start;align-items:flex-start;}
.align_items_center {-ms-flex-align:center;align-items:center;}
.align_items_end {-ms-flex-align:end;align-items:flex-end;}
.align_self_start {-ms-flex-item-align:start;align-self:flex-start;}
.align_self_center {-ms-flex-item-align:center;align-self:center;}
.align_self_end {-ms-flex-item-align:end;align-self:flex-end;}
.justify_content_start {-ms-flex-pack:start;justify-content:flex-start;}
.justify_content_center {-ms-flex-pack:center;justify-content:center;}
.justify_content_end {-ms-flex-pack:end;justify-content:flex-end;}
.justify_content_around {-ms-flex-pack:distribute;justify-content:space-around;}
.justify_content_between {-ms-flex-pack:justify;justify-content:space-between;}
.flex_align_center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.flex_pack_center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;}
.flex_pack_justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.flex_1{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;}
/* color */
:root{
--color-primary:#006cff; /* 主色 */
--color-info: #f39c12;
--color-danger:#ff6f00;
--color-warn:#e64545;
}
/* transition */
a,.head_nav li a,.nav_wrap .head_nav li ul, .nav_wrap .head_nav li li>a:before,.product_item figure, .gotop, .product_item .item_img img, .product_item .item_img a, .product_item, .product_item .item_img a:before, .product_item .item_img a:after, .product_item .item_img:after, .change-language .change-language-title a:after, .product_item figure figcaption, .foot_item a, .pages a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -ms-transition: all .3s ease; }
/* placeholder */
input::-webkit-input-placeholder {color: rgba(0,0,0,.35);}
input:-moz-placeholder {color: rgba(0,0,0,.35);}
input::-moz-placeholder {color: rgba(0,0,0,.35);}
input:-ms-input-placeholder {color: rgba(0,0,0,.35);}
/* box-sizing */
.nav_wrap, .product_item .item_img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; }
/* font-family */
@font-face {
font-family:'fontawesome';
src:
url("./fonts/Font-Awesome/fontawesome-webfont.woff") format("woff"),
url("./fonts/Font-Awesome/fontawesome-webfont.ttf") format("truetype")
}
@font-face {
font-family:'Poppins-Regular';
src:
url("./fonts/Poppins/Poppins-Regular.woff") format("woff"),
url("./fonts/Poppins/Poppins-Regular.ttf") format("truetype")
}
@font-face {
font-family:'Poppins-Medium';
src:
url("./fonts/Poppins/Poppins-Medium.woff") format("woff"),
url("./fonts/Poppins/Poppins-Medium.ttf") format("truetype")
}
@font-face {
font-family:'Poppins-SemiBold';
src:
url("./fonts/Poppins/Poppins-SemiBold.woff") format("woff"),
url("./fonts/Poppins/Poppins-SemiBold.ttf") format("truetype")
}
/* font-family */
.search-btn::before, .side-cate li .icon-cate:before, .product-btn-wrap a:before, .mobile-head-item .title:before, .head_nav > li:after, .head_nav li b:after, .download-item .item-button:before, .faq-item .faq-title:before { display: inline-block; text-decoration: inherit; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: "fontawesome"; speak: none; }
.fa:before, .btn_more:after, .sys_btn:after, .head-search .search-btn:before, .swiper-button-next:before, .swiper-button-prev:before, .side-product-items .btn-prev:before, .side-product-items .btn-next:before, .product-btn-wrap .email:before, .product-btn-wrap .pdf:before { font-family: 'fontawesome'; }
/* ------------------- public module ------------------- */
/* button */
.sys_btn{display: inline-block;padding: .45em 1.2em;color:#fff;text-align: center;vertical-align: middle;background-color: #006cff;-webkit-appearance: none;outline: 0;border-radius: 4px;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.sys_btn:before{content:'';display:block;width:100%;height:100%;background-color:rgba(255,255,255,0);position:absolute;left:0;top:0;z-index:-1;transition:all .3s ease;}
.sys_btn:hover:before{background-color:rgba(255,255,255,.12);}
.sys_btn:hover{color:#fff;}
.btn_info{background-color: #f39c12;}
.btn_warn{background-color: #ff6f00;}
.btn_danger{background-color: #e64545;}
.btn_grey{background-color: #edf0f4;color:#333;box-shadow: 1px 1px 1px rgba(0,0,0,.1);}
.btn_grey:hover{color: inherit;}
.btn_block{display: block;}
.sys_btn .btn_ico_email:before{content: '';display: inline-block;width: 22px;height: 22px;vertical-align: middle;background-repeat: no-repeat;background-image: url(./img/btn_ico_email.png);margin-right: 5px;}
/*gotop*/
.gotop {display:inline-block;position:fixed;text-align:center;right:15px;bottom:15px;color:#fff;background-color:#006cff;text-align:center;width:55px;height:55px;border-radius: 2px; z-index:99999;cursor:pointer;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-moz-transform:translateX(100%);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);box-sizing:content-box;}
.gotop:hover,.gotop.active:hover {background-color:#006cff;color:#fff;}
.gotop.active{opacity:1;visibility:visible;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.gotop em{display:none;}
.gotop:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAllBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJcWoAAAAMXRSTlMACvMb0F0ZFe/oTTLesaCEbUAR+tjHrqlSLwTkuJl+clVFNiggD+qVh3NoYmA5OCsnCbiGfgAAAN5JREFUKM+10NluwjAURdFjx4TYmUjIRFvGQufp/P/PNZcqaVRSxAtbsq/kJdmScVF52YyD0uR2HII8YXYKN4FWQMX3E3mYKxkxd3/ACkh3DDHID3gAOhq+lZkcfSbCf+1xhTzPn7YLgPI8Lx8IyTmpgQ2lFbAy1trCYeMe+dY4KMaucU8MEbGuakMAW9kQ0pfBNW4TAAc5nHAKYMdP+VfOfkT9SsiFHLRSFmmaxmNSsS147eWD98fb1ohiSL18HQV8QVR3MqMvwwbLZGnog6aTRapk7EutdZEBzxOc7xvmeBONNRkXqgAAAABJRU5ErkJggg==);}
/* pages */
.page_bar{padding: 15px 0;text-align: right;}
.page_bar .pages{display: inline;letter-spacing: -6px;line-height: 21px;}
.page_bar .pages li{display: inline;}
.page_bar .pages *{letter-spacing: 0;}
.page_bar .pages a,
.page_bar .pages .extend{display: inline-block;min-width: 2em;text-align: center; margin: 2px;padding: 5px .8em;background-color: #f5f7fa;border: 1px solid #e5e9ed;border-radius: 3px;}
.page_bar .pages .extend{border: 0;background: none;font-weight: bold;letter-spacing: 2px;}
.page_bar .pages a:not(.page_disabled):hover,
.page_bar .pages .page_active{background-color: #e64545;border-color: #e64545;color:#fff;}
.page_bar .pages a.current,
.page_bar .pages a.current:hover{border: 0;background: none;color: #e64545;pointer-events: none;}
.page_bar .pages a.page_disabled{background-color: #edf0f2;color: #999;pointer-events: none;}
.page_bar .pages .page_prev,
.page_bar .pages .page_next{min-width: 3em;}
.page_bar .pages .page_prev{margin-right: 15px;}
.page_bar .pages .page_prev:before,
.page_bar .pages .page_next:after{font-family: 'fontawesome';font-size: 1.2em;}
.page_bar .pages .page_prev:before{content: '\f104';}
.page_bar .pages .page_next:after{content: '\f105';padding-left: 8px;}
.page_bar .pages .page_next{margin-left: 15px;}
/* load_more */
.page_load_more{padding: 50px 0 30px;text-align: center;}
.page_loading{padding: 50px 0 30px;text-align: center;}
.page_load_more .sys_btn{font-size: 16px;min-width: 180px;max-width: 92%; padding: .8em 1em;box-sizing: border-box;}
.page_loading .loading_tips{font-size: 16px;color: #101010;}
.page_loading .loading_ico{display: inline-block;vertical-align: middle;position: relative;
-webkit-animation:spin .9s linear infinite ;-o-animation:spin .9s linear infinite ;animation:spin .9s linear infinite ;}
.page_loading .loading_ico:before{font-family:'fontawesome';font-size: 18px;content: '\f021';}
.page_loading .loading_txt{padding-left: .2em;}
/* sys_link_more */
.sys_link_more{display: inline-block;color:#ff6f00!important;position: relative;padding: 6px .85em 3px;transform:scale(1);}
.sys_link_more::after{content: '';width: 100%;height: 2px;background-color: #ff6f00;position: absolute;left: 0;bottom: 0;z-index: -1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.sys_link_more:hover{color: #fff!important;}
.sys_link_more:hover::after{height: 100%;}
/* tags */
.sys_tag_bar{-ms-flex-pack:justify!important;justify-content:space-between!important;}
.sys_tag_bar .tags_list{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:1px;}
.sys_tag_bar .tags_list ul,
.sys_tag_bar .tags_list li{display: inline;}
.sys_tag_bar .tags_list li a{display: inline-block;position: relative;color: #999;}
.sys_tag_bar .tags_list li a:before{content: '';display: block;width: 0%;height: 1px;background-color: #006cff;position: absolute;right: 0;bottom: 0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.sys_tag_bar .tags_list li a:hover{color: #006cff;}
.sys_tag_bar .tags_list li a:hover:before{width: 100%;left: 0;right: auto;}
.sys_tag_bar .tags_ico{display: inline-block;width: 21px;height: 21px;vertical-align: middle;margin-right: 6px;background-repeat: no-repeat;-webkit-background-size:contain;margin-top: -2px;opacity: .6;background-size: contain; background-position: center;background-image: url(./img/sys_ico_tag_small.png);}
.sys_tags li{display: inline;}
.sys_tags .tag_item{display: inline-block;background-color: #edf1f5;border-radius: 3px;padding: 5px 8px;margin: 0 6px 6px 0;vertical-align: middle;max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sys_tags .tag_item:hover{background-color: #006cff;color: #fff;}
/* sys_meta */
.sys_meta{color:#999;font-size: 1em;margin-bottom: 20px;}
.sys_meta li{display: inline;padding-right: .8em;}
.sys_meta li .poster_name{color:#f90;}
.sys_meta li .ico_time{display: inline-block;width: 20px;height: 20px;margin-right: 6px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-image: url(img/sys_ico_time.png);margin-top: -2px;}
.sys_meta li .meta_txt{vertical-align: middle;}
/* sys_sns */
.sys_sns{}
.sys_sns li{display: inline;padding: 5px;}
.sys_sns li img{max-width: 25px;vertical-align: middle; transition: all .4s ease;}
.sys_sns li a:hover img{transform: rotate(-30deg);}
.sys_share_box .sys_sns{display: inline;}
.sys_share_box .share_box_hd{display: inline;padding-right:15px;color:#333;}
.sys_share_box .share_box_ico{display: inline-block;width: 30px;height: 30px;vertical-align: middle;background-repeat: no-repeat;background-position: center;-webkit-background-size: auto 80%;background-size: auto 80%;background-image: url(./img/sns_ico_share.svg);opacity: .8;}
.sys_share_box .share_box_txt{display: inline;}
/* sys_media_item */
.sys_media_item{padding: 15px 0;}
.sys_media_item .ico_video_play{background-size: auto 60px;}
.sys_media_item .media_item_tit{font-weight: normal;font-size: 16px;padding-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sys_media_item .media_item_tit a{display: block;line-height: 1.35;}
.sys_video_img{position: relative;overflow: hidden;border-radius: 4px;}
.sys_video_img,
.sys_video_img a,
.sys_video_img img{display: block;width: 100%;height: auto;overflow: hidden;}
.sys_video_img a{position: relative;overflow: hidden;}
.sys_video_img img{transition: all .6s ease;}
.sys_video_img a:hover img{-webkit-transform:scale(1.09) ;-moz-transform:scale(1.09) ;-ms-transform:scale(1.09) ;-otransform:scale(1.09) ;}
.sys_video_img .ico_video_play{display: inline-block;width: 80px;height: 80px; position: absolute;left:50%;margin-left: -40px;top: 50%;margin-top: -40px;z-index: 2; transition: all .4s ease;}
.sys_video_img a:before{content: '';display: block;width: 100%;height:100%;position: absolute;left: 0;top: 0;z-index: 1;background-color: rgba(0,0,0,.1); transition: all .4s ease;}
.sys_video_img a:hover:before{background-color: rgba(0,0,0,.3)}
.sys_img_box{position: relative;overflow: hidden;}
.sys_img_box,
.sys_img_box a,
.sys_img_box img{display: block;width: 100%;height: auto;border-radius: 4px;overflow: hidden;}
.sys_img_box a{position: relative;overflow: hidden;}
.sys_img_box img{transition: all .9s ease;}
.sys_img_box a:hover img{-webkit-transform:scale(1.09) ;-moz-transform:scale(1.09) ;-ms-transform:scale(1.09) ;-otransform:scale(1.09) ;}
.sys_img_box .ico_video_play{display: inline-block;width: 80px;height: 80px; position: absolute;left:50%;margin-left: -40px;top: 50%;margin-top: -40px;z-index: 2;}
.sys_img_box a:before{content: '';display: block;width: 100%;height:100%;position: absolute;left: 0;top: 0;z-index: 1;background-color: rgba(0,0,0,.1);}
/* ico_video_play */
.ico_video_play,
.product-view .image-additional li a.cloud-zoom-video:before,
body .video-js .vjs-big-play-button .vjs-icon-placeholder,
.btn-video-player:before{background-image: url(./img/ico_video_play.svg);}
/* sys_img_anm */
.sys_img_anm .img_inner{position: relative;}
body .sys_img_anm .img_inner img{transition: all .6s ease;}
body .sys_img_anm .img_inner:before{content:'';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1; transition: all .6s ease;}
body .sys_img_anm .img_inner:after{content:'';font-size: 20px;display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;background-color: rgba(255,255,255,.82); background-repeat: no-repeat; background-position: center; background-image: url(./img/sys_ico_view.png); border-radius: 30%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 2;opacity: 0;transform: translateY(30%); transition: all .4s ease; }
body .sys_img_anm:hover .img_inner img{ transform: scale(1.05);}
body .sys_img_anm:hover .img_inner:before{background-color: rgba(0,0,0,.18); }
body .sys_img_anm:hover .img_inner:after{opacity: 1;color: #000;border-radius: 6px;transform: none;}
/* fixed image size */
body .sys_img_fixed{position: relative;padding: 100% 0 0; background-color: #f9f9f9;}
body .sys_img_fixed .img_inner{ display: block;width: 100%; height: 100%; position: absolute;left: 0;top: 0; display: flex; align-items: center; justify-content: center;overflow: hidden;}
body .sys_img_fixed .img_inner img{max-width: 100%; max-height: 100%;width: auto;height: auto;}
/* 宽高比4:3 */
.img_fixed_size_43{}
.img_fixed_size_43 a,
body .video_items .sys_img_fixed,
body .video_cells .sys_img_fixed,
body .side_videos .sys_img_fixed,
body .blog_list .sys_img_fixed,
body .index_video_items .sys_img_fixed{padding: 75% 0 0;}
/* color */
.color_primary{color:#006cff;}
/* .main_txt_list */
.main_txt_list li{font-size: 1.1428em;line-height: 1.8em;}
/* sys_txt_list */
.sys_txt_list li{font-size: 1.1428em;position: relative;margin-bottom: .5em;}
.sys_txt_list li a{display: block;padding-left: 20px;line-height: 1.8em;}
.sys_txt_list li a:before{font-family: 'fontawesome';content: '\f005';position: absolute;left: 0;top: 0;font-size: 12px;}
/* sys_rate_box */
.sys_rate_box{}
.sys_rate_box .rate_stars,
.sys_rate_box .rate_stars .stars_val{background-image: url(./img/sys_ico_stars_small.png);}
.sys_rate_box .rate_stars{display: inline-block;width: 90px;height: 18px;position: relative;background-position: 0 -18px;vertical-align: middle;margin-top: -2px;}
.sys_rate_box .rate_stars .stars_val{width: 0%;height: 100%;position: absolute;left: 0;top: 0;}
.sys_rate_box .rate_score,
.sys_rate_box .rate_num{display: inline;vertical-align: middle;}
.sys_rate_box .rate_num,
.sys_rate_box .rate_num a{color: #006cff;}
.sys_rate_box .rate_score{color: #101010;padding-right: 5px;}
.sys_rate_box .rate_stars{margin-right: 3px;}
/* sys_video_pop */
.sys_video_pop{width: 100%;height: 100%;background-color: rgba(20,26,30,.7);position: fixed;left: 0;top: 0;z-index: 99;
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;opacity: 0;visibility: hidden;}
.sys_video_pop .video_pop_wrap{max-width: 80%; width: 1200px; min-height: 300px;padding: 15px;background-color: #fff;border-radius: 8px 0 8px 8px;position: relative;}
.sys_video_pop .video_obj_box{position: relative;border-radius: 6px;overflow: hidden;}
.sys_video_pop .video_pop_close{display: block;width: 40px;text-align: center;height: 52px;line-height:55px;overflow: hidden; background-color: #fff;border-radius: 0 8px 8px 0;font-size: 28px;position: absolute;right: -40px;top: 0;cursor: pointer;}
.sys_video_pop .video_pop_close:before{content: '\00d7';}
.video_pop_active{opacity: 1;visibility: visible;}
/* ------------------- web_head ------------------- */
.head_layer{width: 100%;background-color:#fff; border-bottom: 1px solid #e1e1e1;box-shadow: 0 3px 5px rgba(0,0,0,.06); padding:10px 0; border-bottom:18px solid #006cff;}
.web_head .head_nav, .web_head .head_nav ul{visibility: visible;opacity: 1;}
.index_web_head.fixed-nav .head_layer {border-bottom-width: 0;}
.web_head .head_layout{z-index: 2;
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;
-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;}
.web_head .head_layout:after{display: none;}
.web_head .head_layout:after{width: 100%; }
.web_head .logo{max-width: 200px;float: left; display: flex;min-height: 70px;align-items: center;}
.web_head .logo_img{height: auto;}
.index_web_head .head_layer{border-bottom: 0;}
.head-search {-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;padding: 0 2em;}
.head-search-form{display: block; border: 2px solid var(--color-primary);border-radius: 2em;font-size: 16px; max-width: 600px;margin-right: 0;margin-left: auto;}
.head-search .search-select{width: 130px; float: left; font-size: 1em;line-height: 42px;border-right: 1px solid #dadada;box-sizing: border-box;position: relative;}
.head-search .search-type-val{padding-left: 20px;padding-right: 30px;width: 100%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; cursor: pointer;background-color: #fff;border-radius: 20px 0 0 20px;position: relative;z-index: 2;}
.head-search .search-type-val::before{display: inline-block;content: '\f107';font-family: 'fontawesome';font-size: 1.125em;position: absolute;right: 15px;top: auto; transition: all .2s ease; }
.head-search .search-type-list{min-width: 100%; box-sizing: border-box;border: 2px solid var(--color-primary);border-radius:0 0 12px 12px ; border-top-width: 0; background-color: #fff; position: absolute;left: -2px;top: 100%;padding-bottom: 10px;opacity: 0;visibility: hidden;}
.head-search .search-type-opt{display: block;height: 36px;line-height: 36px;padding:0 20px;cursor: pointer;transition: all .2s ease;white-space: nowrap;}
.head-search .search-type-opt:hover{color:var(--color-primary);}
.head-search-active .head-search-form{border-radius:2em 2em 2em 0;}
.head-search-active .search-type-list{opacity: 1;visibility: visible;}
.head-search-active .search-type-val::before{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.head-search .search-box{float: left; -webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:1px;}
.head-search .search-ipt{width: 100%;height: 42px;line-height: 42px;padding: 0 10px;border: 0;outline: 0;font-size: 1em;font-family: Arial;background-color: #fff;}
.head-search .search-ipt:focus::-webkit-input-placeholder {color: rgba(0,0,0,.15);}
.head-search .search-ipt:focus:-moz-placeholder {color: rgba(0,0,0,.15);}
.head-search .search-ipt:focus::-moz-placeholder {color: rgba(0,0,0,.15);}
.head-search .search-ipt:focus:-ms-input-placeholder {color: rgba(0,0,0,.15);}
.head-search .search-btn{width: 80px;height: 42px; float: right; background-color: var(--color-primary);
background-position: center;background-repeat: no-repeat;background-image: url(./img/search_btn.png);
color:#fff;border-radius:0 2em 2em 0;border: 0;outline: 0;cursor: pointer;margin-right: -2px;}
.web_head .head_right{float: right;text-align: right;}
.web_head .head_right .top_nav_item,
.web_head .head_right .top_quick_links,
.web_head .head_right .change-language{text-align: left;}
.web_head .top_quick_links{display: inline-block; vertical-align: middle; font-size: 16px;}
.web_head .top_quick_item{display: inline-block;vertical-align: middle;padding-left: 15px;}
.web_head .top_ico{display: inline-block;vertical-align: middle;width:25px;height:25px; position: relative; margin-right: 5px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.web_head .top_quick_item a{display: block;padding: 20px 0;}
.web_head .top_quick_item .quick_txt,
.web_head .head_nav_hd .nav_hd_txt,
.web_head .change-language-title .language-flag span{font-family: 'Poppins-Medium';}
.web_head .top_ico img{width: 100%;height: auto;opacity: 0;}
.web_head .top_ico::before,
.web_head .top_ico::after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-position: center 0;-webkit-background-size:contain ;background-size: contain; -ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.web_head .top_ico::after{opacity: 0;visibility: hidden;}
.web_head .top_ico_product::before{background-image: url(./img/top_ico_product.png);}
.web_head .top_ico_video::before{background-image: url(./img/top_ico_video.png);}
.web_head .top_ico_report::before{background-image: url(./img/top_ico_report.png);}
.web_head .top_ico_blog::before{background-image: url(./img/top_ico_blog.png);}
.web_head .top_ico_product::after{background-image: url(./img/top_ico_product_hover.png);}
.web_head .top_ico_video::after{background-image: url(./img/top_ico_video_hover.png);}
.web_head .top_ico_report::after{background-image: url(./img/top_ico_report_hover.png);}
.web_head .top_ico_blog::after{background-image: url(./img/top_ico_blog_hover.png);}
.web_head .top_quick_item .top_ico::after{ transform: translateY(60%);}
.web_head .top_quick_item:hover .top_ico::after{opacity: 1;visibility: visible;transform: translateY(0%);}
.web_head .top_quick_item:hover .top_ico::before{opacity: 0;visibility: hidden;transform: translateY(-60%);}
.web_head .change-language{display: inline-block;position: relative;vertical-align: middle;margin-left: 30px;}
.web_head .top_ico_language{display: inline-block;width: 26px;height: 26px;vertical-align: middle;margin-right: 2px;background-repeat: no-repeat;background-position: center;background-image: url(img/top_ico_language.png);}
.web_head .change-language-title{padding: 20px 0;}
.web_head .change-language-title .language-flag span{padding-left: 0;vertical-align: middle;font-size: 16px;}
.web_head .top_nav_item{display: inline-block;position: relative;z-index: 2;vertical-align: middle;}
.web_head .nav_wrap{}
.web_head .head_nav_hd{font-size: 16px;cursor: pointer;padding: 20px 20px 20px 0; position: relative; cursor: default;margin-right: -5px;}
.web_head .head_nav_hd::after{content: '\f107'; font-family: 'fontawesome'; display: block;width: 14px;height: 14px; line-height: 14px; background-repeat: no-repeat;background-position: center;-webkit-background-size:contain; transition: all .4s ease;
background-size:contain;position: absolute;right: 0;top: 50%;margin-top: -7px;}
.web_head .top_ico_nav::before{background-image: url(./img/top_ico_menu.png);}
.web_head .top_ico_nav::after{background-image: url(./img/top_ico_menu_hover.png);}
.web_head .top_nav_item:hover .top_ico::before{opacity: 0;visibility: hidden;}
.web_head .top_nav_item:hover .top_ico::after{opacity: 1;visibility: visible;}
.web_head .top_nav_item:hover .head_nav_hd::after{transform:rotate(-180deg); color: #006cff;}
.web_head .top_ico_nav{margin-right: 3px;}
.web_head .head_nav_hd .nav_hd_txt{display: inline; transition:all .35s ease;}
.web_head .top_nav_item:hover .nav_hd_txt{color:var(--color-primary);}
.web_head .head_nav,
.web_head .head_nav ul{display: block; width: 250px; border: 2px solid var(--color-primary); background-color: var(--color-primary); border-radius: 5px;padding: 15px 15px 25px;position: absolute;left: 0;top: 100%;opacity: 0; visibility: hidden; transition: all .3s ease;transform: translateY(20px);}
.web_head .head_nav{left: 50%;top: 100%;transform:translate(-50%,20px);}
.web_head .head_nav,
.web_head .head_nav a{color: rgba(255,255,2444,.8);}
.web_head .head_nav li{position: relative;text-align: left; font-size: 1.1428em;}
.web_head .head_nav li a{display: block;padding: 5px 0;position: relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.web_head .head_nav li a::before{content: '';display: block;width: 0%;height: 1px;background-color: rgba(255,255,255,.5);position: absolute;right: 0;bottom: 2px; transition: all .35s ease;}
.web_head .head_nav li:hover>a::before{width: 100%;right: auto;left: 0;background-color: rgba(255,255,255,.7);}
.web_head .head_nav li:hover a:hover{color: #fff;}
.web_head .head_nav li.has-child::before{font-family: 'fontawesome';content: '\f105';font-size: 16px;line-height: 1.35;position: absolute;right: 0; top: 5px;opacity: .7;transition: all .35s ease;}
.web_head .head_nav ul{left: 100%;margin-left: 25px;top: -15px;margin-top: -2px;}
.web_head .head_nav li li{font-size: 1em;}
.web_head .head_nav:before{content:'';display: block;width: 22px;height: 22px;background-color: var(--color-primary);border: 2px solid var(--color-primary);border-left-width: 0;border-bottom-width: 0; border-radius:2px; position: absolute;left: 50%;margin-left: -11px; top: -8px; transform: rotate(-45deg);}
.web_head .top_nav_item:hover .head_nav{opacity: 1;visibility: visible;transform:translateX(-50%);}
.web_head .top_nav_item .head_nav li:hover>ul{opacity: 1;visibility: visible;transform:none;}
.fixed-nav .head_layer {position: fixed;left: 0;top: 0;box-shadow: 0 1px 0 rgb(0,0,0,.15), 0 0 20px rgb(0,0,0,.1);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);background-color: rgba(255,255,255,.92);border-bottom-width: 0;}
.fixed-nav-active .head_layer{position: fixed;left: 0;top: 0;z-index: 3;transition: all .4s ease;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);padding: 5px 0; }
.fixed-nav-active .top_nav_item:hover .head_nav{opacity: 1;visibility: visible;transform:translateX(-50%);top: 115%;}
.fixed-nav .top_quick_links,
.fixed-nav .change-language{display: none;}
.fixed-nav .head-search-form{max-width: 65%; margin: 0 auto;}
.fixed-nav .head_nav{left: auto;right: 0;transform: translate(0%,20px);margin-top: -5px;}
.fixed-nav .head_nav ul{left: auto;right: 100%;margin-left: auto;margin-right: 25px;}
.fixed-nav .top_nav_item:hover .head_nav{transform:translateX(0%);}
.fixed-nav .head_nav:before{left: auto;right: 30px;margin-left: auto;}
.head_holder{display: none;}
.fixed-nav .head_holder{display: block;}
/* ------------------- web_foot ------------------- */
.web_foot{background-color: #f0f1f3;font-size: 16px;color: #777;}
.web_foot .foot_content{padding: 80px 0 35px;}
.web_foot .foot_left{width: 30%;float: left;}
.web_foot .foot_logo{margin-bottom: 20px;}
.web_foot .foot_logo img{max-height: 60px;width: auto;}
.web_foot .foot_desc{margin-bottom: 30px;}
.foot_contact{}
.foot_contact .contact_item{padding: 5px 0;color: #212121;}
.foot_contact .contact_item+.contact_item{padding-top: 10px;}
.foot_contact .contact_label{padding-right: 8px;}
.foot_contact .contact_txt{display: inline;}
.foot_contact .foot_sns{display: inline;}
.foot_contact .foot_sns li{display: inline;vertical-align: middle;padding: 3px 3px 3px 0;}
.foot_contact .foot_sns li img{width: auto;max-width: 25px;}
.foot_contact .foot_sns li:hover img{animation: swing .9s ease;}
.web_foot .foot_items{width: 65%;float: right; -webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;
-ms-flex-pack:distribute!important;justify-content:space-around!important;}
.web_foot .foot_item{width: 25%;padding-left: 1.5%;float: left;}
.web_foot .foot_item,
.web_foot .foot_item a{color:#777;}
.web_foot .foot_item_hd{margin-bottom: 6px;}
.web_foot .foot_item_hd,
.web_foot .foot_item_hd a{color:#101010;}
.web_foot .foot_item_hd .title{font-size: 1em;}
.web_foot .foot_item_bd{}
.web_foot .foot_txt_list{margin-bottom: 20px;}
.web_foot .foot_txt_list li{margin-bottom: 5px;}
.web_foot .foot_txt_list li a{display: inline-block;vertical-align: middle;position: relative;}
.web_foot .foot_txt_list li a::before{content: '';display: block;width: 0%;height: 1px;background-color: #006cff;position: absolute;right: 0;bottom: 0;
transition: all .3s ease;}
.web_foot .foot_txt_list li a:hover{color: #006cff;}
.web_foot .foot_txt_list li a:hover::before{width: 100%;left: 0;right: auto;}
.web_foot .foot_bottom{padding: 20px 0;border-top: 1px solid #ddd;text-align: center;}
.web_foot .copyright{}
/* ------------------- aside ------------------- */
.aside{width: 23%;width: 350px;float: right;margin-bottom: 30px;}
.aside .aside-wrap{background-color: #fff;border: 1px solid #ebf0f5;}
.aside .side-cate{}
.aside .side-cate li{}
.aside .side-widget{padding: 25px 20px 30px;}
.aside .side-widget+.side-widget{padding-top: 10px;}
.side-widget .side-tit-bar{font-size: 18px;color: #101010;margin-bottom: 15px;}
.side-widget .side-tit-bar::after{content:'';display: block;width: 42%;height: 2px;background-color: #006cff;margin-top:5px;}
.side-widget .side-tit{}
.side-widget .widget-bd{}
.side-widget .side_btn_box{padding-top: 20px;}
.side-widget .side_btn_box .sys_btn{display: block;font-size: 16px;background-color: #e64545;}
.side_service_item {width: 100%; padding: 15px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;clear: both;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.side_service_item .item_img{width: 72px;float: left;}
.side_service_item .item_img,
.side_service_item .item_img img{border-radius: 4px;}
.side_service_item .item_info{padding-left: 20px;-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:1px;}
.side_service_item .item_name{font-size: 18px;font-weight: bold;}
.side_service_item:after{content: '';display: block;width: 100%;clear: both;visibility: hidden;}
.side_service .side_btn_box{padding-top: 5px;}
.side-widget .sys_tags{padding-top: 8px;}
.side-cate {font-size:1.1428em;verflow:hidden;position:relative;}
.side-cate .icon-cate{display:inline-block;width:2.2em;line-height:1.5em;text-align:center;font-size:1.2em;background-repeat:no-repeat;background-position:center;border-radius:3px;position:absolute;right:-10px;top:.2em;cursor:pointer;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.side-cate .icon-cate:before{content:'\f107';font-family:'fontawesome';}
.side-cate li li .icon-cate{top: 0;line-height: 1.2em;}
.side-cate li{position:relative;}
.side-cate>li{margin-bottom:5px;}
.side-cate>li a{display:block;line-height:1.2em;padding:.4em 25px .4em 0;}
.side-cate>li.li_active>a{color:#006cff;}
.side-cate li.li_active>.icon-cate{top:0;color:#006cff;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.side-cate>li>a{}
.side-cate>li ul{display:none;padding:.3em 0 0 1em;}
.side-cate>li li a{padding:.5em 35px .5em 0;color:#666;font-size:14px;}
.side-cate>li li a:hover{color:#006cff;}
.side-cate>li li.nav-current>a{color:#006cff;}
.aside_products .product_item{padding:10px 0;}
.aside_products .product_item .item_title{-webkit-line-clamp:2;}
.aside_products .product_item .item_img {position: relative;overflow: hidden;}
/* ------------------- path_bar ------------------- */
.path_bar{padding: 25px 0;}
.path_bar li{display: inline;padding-right: 6px;}
.path_bar li:last-of-type{color:#999;}
.path_bar li+li:before{font-family: 'fontawesome';content:'\f105';padding-right: 6px;font-size: 16px;}
.path_bar li a{display: inline-block;position: relative;}
.path_bar li a:before{content: '';display: block;width: 0%;height: 1px;background-color: #006cff;position: absolute;right: 0;bottom: 0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.path_bar li a:hover:before{width: 100%;left: 0;right: auto;}
/* ------------------- main ------------------- */
.main{width: 75%;width:calc(100% - 350px - 15px);float: left;margin-bottom: 30px;}
.main_panel{padding: 28px;background-color: #fff;border: 1px solid #ebf0f5;margin-bottom: 20px;}
.main_panel .panel_hd{width: 100%;margin-bottom: 15px;position: relative;}
.main_panel .panel_hd_tit{font-size: 20px;color:#000;margin-bottom: 8px;}
.main_panel .panel_hd_desc{color: #666;line-height: 1.8;}
.main_panel .panel_layer+.panel_layer{padding-top: 25px;}
/* ========================================================
page: index
------------------------------------------------------*/
.index_main{background-color: #fff;}
.index_layer .layout{max-width: 1440px;}
.index_layer{padding: 120px 0;}
/* index_layer_hd */
.index_layer_hd{margin-bottom: 60px;text-align: center;font-size: 18px;}
.index_layer_hd .layer_title{font-size: 2em;line-height: 1.35;}
.index_layer_hd .layer_title,
.index_layer_hd .layer_title a{color: #101010;}
/* swiper */
.index_main .swiper-pagination{width: 100%;position: static;}
.index_main .swiper-pagination-bullet{display: inline-block;width: 10px;height: 6px;overflow: hidden; border-radius: 6px; background-color: #7799f2;margin: 0 5px; transition: .6s ease;}
.index_main .swiper-pagination-bullet-active{width: 50px;}
.slider_banner{}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width:65px;height:65px;line-height:65px;border-radius:4px;color:rgba(255,255,255,.6);opacity:1;background-color:rgba(255,255,255,.2);box-sizing:content-box;background-clip:content-box;margin-top:-32px;padding:0;-webkit-background-clip:content-box;-moz-background-clip:content-box;background-clip:content-box;}
.slider_banner .swiper-pagination{position:static;text-align:center;}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{opacity: 0;visibility: hidden;display: none;}
.slider_banner .swiper-button-prev{left:90px;-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
.slider_banner .swiper-button-prev:before{content:'\f177';}
.slider_banner .swiper-button-next{right:90px;-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg);}
.slider_banner .swiper-button-next:before{content:'\f178';}
.slider_banner .swiper-button-disabled{opacity:.3;filter:alpha(opacity=30);}
.slider_banner .swiper-button-white:not(.swiper-button-disabled):hover{ color:#fff;}
.slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover{background-color:rgba(255,255,255,.8);}
.slider_banner .swiper-slide{height:auto;padding-bottom: 30px;background-color: #fff;}
.slider_banner .swiper-slide img{width:100%;min-height:300px;object-fit:cover;}
.slider_banner .swiper-slide img+img{position:absolute;left:0;top:0;}
.slider_banner .swiper-slide img{width:100%;transition:3s linear;transform:scale(1);}
.slider_banner .swiper-slide.swiper-slide-active img{transform:scale(1);}
.slider_banner .banner_item_img,
.slider_banner .banner_item_img a,
.slider_banner .banner_item_img img{display:block;height:100%;}
.slider_banner .banner_item_inner{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;justify-content:flex-end;}
.slider_banner .banner_info{width:720px;max-width: 70%; font-size: 20px;padding-bottom: 1.5em;padding-left:4%;}
.slider_banner .banner_info,
.slider_banner .banner_info a{color:#fff;}
.slider_banner .banner_title{font-size:2.6em;line-height:1.2em;font-family: 'OpenSans-Bold';margin-bottom:.6em;position:relative;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.slider_banner .banner_desc{font-size:1.3em;line-height:1.5em;max-height: 6em;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.slider_banner .banner_more{padding-top: 2.5em;}
.slider_banner .btn_learnmore,.slider_banner a.btn_learnmore{display: inline-block; min-width: 9em; text-align: center; background-color: #fff;color: #006cff;font-size: 1.2em;padding: .4em .9em;border-radius: 3em;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow: hidden; box-shadow: .5em .5em 1.8em rgba(0,108,255,.5); transition: all .4s ease; }
.slider_banner .btn_learnmore:hover,.slider_banner a.btn_learnmore:hover{letter-spacing: 1px;}
.slider_banner .swiper-pagination{position:absolute;width:100%;left:0;bottom:35px;text-align:center;}
.slider_banner .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 6px; background-color: #ccc;margin: 0 5px;}
.slider_banner .swiper-pagination-bullet-active{width: 36px;height: 8px;border-radius: 6px;background-color: #7799f2;}
.slider_banner .swiper-pagination-bullet:before{background-color: #fff;}
.slider_banner:hover .swiper-button-prev,.slider_banner:hover .swiper-button-next{opacity:1;visibility:visible;}
.slider_banner:hover .swiper-button-prev{left:50px;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.slider_banner:hover .swiper-button-next{right:50px;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.slider_banner .banner_title{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%);transition:all .9s ease;}
.slider_banner .banner_desc{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%);transition:all 1.2s ease;}
.slider_banner .banner_more{opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%);transition:all 1.5s ease;}
.slider_banner .swiper-slide-active .banner_title{opacity:1;-webkit-transform:none;transform:none;}
.slider_banner .swiper-slide-active .banner_desc{opacity:1;-webkit-transform:none;transform:none;}
.slider_banner .swiper-slide-active .banner_more{opacity:1;-webkit-transform:none;transform:none;}
/* --------------- index_featured ---------------*/
.index_featured{padding: 90px 0 120px;}
.index_featured .featured_cells{font-size: 18px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:justify!important;justify-content:space-between!important;}
.index_featured .featured_cells+.featured_cells{margin-top: 100px;}
.index_featured .featured_cell_hd{width: 36%;float: left;}
.index_featured .featured_cell_bd{width: 60%;float: right;}
.index_featured .featured_cell_title{font-size: 2em;line-height: 1.3em;margin-bottom: 1em;}
.index_featured .featured_cell_desc p+p{margin-top: 1em;line-height: 1.8;}
.index_featured .featured_media_box{border: 1px solid #a0a0a0;border-radius: 2em;position: relative;overflow: hidden;}
.index_featured .featured_media_box .media_box_img{display: block;position: relative;overflow: hidden;}
.index_featured .featured_media_box .media_box_img img{width: 100%;height: auto;transition:all 1.6s ease;}
.index_featured .featured_media_box .media_box_tit{text-align: center;font-size: 1.22em;padding:.65em 1em;}
.index_featured .featured_cells:nth-of-type(2n) .featured_cell_bd{-ms-flex-order:1; -webkit-flex-order:1; order:1; }
.index_featured .featured_cells:nth-of-type(2n) .featured_cell_hd{-ms-flex-order:2; -webkit-flex-order:2; order:2;}
.index_featured .media_box_img:hover img{transform: scale(1.05);}
.index_featured .media_box_img i:before,
.index_featured .media_box_img i:after,
.index_featured .media_box_img:before,
.index_featured .media_box_img:after{content:'';display:block;width:25%;height:0%;position:absolute;left:0;bottom:0;z-index:2;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.index_featured .featured_media_box:hover .media_box_img i:before,
.index_featured .featured_media_box:hover .media_box_img i:after,
.index_featured .featured_media_box:hover .media_box_img:before,
.index_featured .featured_media_box:hover .media_box_img:after{background-color:rgba(0,0,0,.15);height:100%}
.index_featured .media_box_img i:after{left:25%;-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;}
.index_featured .media_box_img:before{left:50%;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;}
.index_featured .media_box_img:after{left:75%;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;}
.index_featured .featured_media_box:hover img{-webkit-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);transform:scale(1.12);}
@media only screen and (min-width: 1280px) {
.index_featured .featured_cells:nth-of-type(2n) .featured_cell_hd.fadeInUpA{opacity: 0;}
}
/* --------------- index_advantage ---------------*/
.index_advantage{padding: 120px 0 220px;background-repeat: no-repeat;background-position: center;-webkit-background-size:cover;background-size:100% 100%;}
.index_adv_items{padding-left: 8%;}
.index_adv_items .adv_item{font-size: 18px;width: 50%;float: left; padding: 50px 5%;}
.index_adv_items .adv_item,
.index_adv_items .adv_item a{color: #fff;}
.index_adv_items .adv_item .item_inner{padding-left: 120px;position: relative;}
.index_adv_items .adv_item_img{width: 95px;position: absolute;left: 0;top: -20px;}
.index_adv_items .adv_item_img img{max-width: 100%;height: auto;}
.index_adv_items .adv_item_info{}
.index_adv_items .adv_item_title{font-size: 2em;line-height: 1.35;margin-bottom: .5em;}
.index_adv_items .adv_item_desc{line-height: 1.8;color: rgba(255,255,255,.8);}
.index_adv_items .adv_item:nth-of-type(2n) .item_inner{-webkit-transform:translateY(120px);-moz-transform:translateY(120px);-ms-transform:translateY(120px);-o-transform:translateY(120px);transform:translateY(120px);}
/* --------------- index_inquiry ---------------*/
.index_inquiry{text-align: center;font-size: 18px;-webkit-background-size:cover;background-size:cover;}
.index_inquiry,.index_inquiry a{color: #fff;}
.index_inquiry .index_layer_bd{padding: 80px 0;}
.index_inquiry .inquiry_title{font-size: 2.22em;line-height: 1.35;margin-bottom: .5em;}
.index_inquiry .inquiry_desc{padding: 0 10%;}
.index_inquiry .inquiry_foot{padding-top: 45px;}
.index_inquiry .inquiry_btn {display: inline-block;background-color: #fff;color: #006cff;font-size: 1.22em;padding: .3em 2.6em;border-radius: 3em;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow: hidden; box-shadow: 8px 8px 30px rgba(0,108,255,.5);border: 2px solid rgba(255,255,255,0);}
.index_inquiry .inquiry_btn:hover{letter-spacing: 2px;}
/* --------------- index_analysis ---------------*/
.index_analysis{ }
.index_analysis .index_layer_bd .layout{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.index_analysis .index_layer_hd{text-align: left;font-size: 18px;}
.index_analysis .index_analysis_side{width: 39%;float: left;padding-top: 40px;}
.index_analysis .index_layer_hd .layer_title{font-size: 2em;}
.index_analysis .index_analysis_cates{font-size: 1.22em;}
.index_analysis .index_analysis_cates li{padding-left: 1.5em;margin-bottom: .8em;position: relative;}
.index_analysis .index_analysis_cates li:before{content: '';display: block;width: 8px;height: 8px;background-color: #7799f2;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -4px;}
.index_analysis .index_layer_hd .layer_title{text-align: left;margin-bottom: 1em;}
.index_analysis .index_analysis_main{width: 53%;float: right;}
.index_analysis .index_analysis_main{ position: relative;}
.index_analysis .index_analysis_main:before,
.index_analysis .index_analysis_main:after{content: '';display: block;width: 100%; height: 60px;background-image: linear-gradient(to bottom,rgba(255,255,255,1) 60%,rgba(255,255,255,0)); position: absolute;left: 0;top: -40px;z-index: 1;}
.index_analysis .index_analysis_main:before{top: -30px;}
.index_analysis .index_analysis_main:after{ bottom: -30px;top: auto; background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1) 60%);}
.index_analysis .analysis_cell{width: 33.33333333%;padding: 0 5px;position: relative;overflow: hidden;height: 600px;}
.index_analysis .index_analysis_item{padding: 8px;}
.index_analysis .index_analysis_item .item_inner,
.index_analysis .index_analysis_item .img_inner,
.index_analysis .index_analysis_item img{display: block;width: 100%;height: auto;border-radius: 20px;}
.index_analysis .index_analysis_item .item_inner{box-sizing: border-box;padding: 5px;background-color: #fff;border: 1px solid #ddd;}
.index_analysis .index_analysis_item:hover .item_inner {box-shadow: 2px 8px 15px rgba(0,0,0,0.12);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);}
.index_analysis .index_analysis_item .img_inner{position: relative;overflow: hidden;}
.index_analysis .index_analysis_item .sys_img_anm:hover .img_inner:before{background-color: rgba(0,0,0,.12); }
.index_analysis .list_scroll_up .analysis_cell_wrap{animation:scrollUp 9s linear infinite;}
.index_analysis .list_scroll_up .analysis_cell_wrap:hover{animation-play-state:paused;}
.index_analysis .analysis_cell:nth-of-type(2) .analysis_cell_wrap{animation-delay:.2s;}
.index_analysis .analysis_cell:nth-of-type(3) .analysis_cell_wrap{animation-delay: .1s;}
@keyframes scrollUp{0%{transform: translateY(0);}100%{transform: translateY(-50%);}}
/* --------------- index_customer ---------------*/
.index_customer{font-size: 16px;padding-top: 20px;}
.index_customer .index_layer_hd{margin-bottom: 30px;}
.index_customer .index_layer_bd .layout{padding: 0 2%;}
.index_customer .customer_items{padding-top: 30px;}
.index_customer .customer_item{width: 33.33333333%;float: left;opacity: .35;padding-top: 50px;transition: all .6s ease;}
.index_customer .customer_item:hover{opacity: .8;transition: all .6s ease;}
.index_customer .customer_say{padding: 50px 12% 80px; line-height: 2; border-radius: 20px;margin:0 2% 35px; transition: all .4s ease; }
.index_customer .customer_info{text-align: center;max-width: 300px;margin: 0 auto;transition: transform 1.2s ease;}
.index_customer .customer_info .user_img{display: block;margin:0 auto 12px; padding: 4px;background-color: #fff;box-sizing: content-box;transition: all .4s ease;}
.index_customer .customer_info .user_img,
.index_customer .customer_info .user_img img{width: 80px;height: 80px; ;border-radius: 50%; }
.index_customer .customer_info .user_img:hover{box-shadow: 0 0 30px rgba(0,0,0,.22);}
.index_customer .customer_info .user_name{color: #101010; font-weight: bold; margin-bottom: 3px;}
.index_customer .customer_info .user_desc{color: #666;}
.index_customer .swiper-slide-active,
.index_customer .swiper-slide-active:hover{opacity: 1;}
.index_customer .swiper-slide-active .customer_say{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px);}
.index_customer .swiper-slide-active .customer_info{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}
.index_customer .swiper-slide-active .customer_say {background-color: #7799f2;background-repeat: no-repeat;background-position: 22% 45px;position: relative;}
.index_customer .swiper-slide-active .customer_say p{position: relative;z-index: 2;}
.index_customer .swiper-slide-active .customer_say::before{content:'';display: block;width: 45px;height: 43px;background-repeat: no-repeat;background-position: center;-webkit-background-size: contain;background-size: contain;background-image: url(img/index_ico_quotation.png);position: absolute;left: 18%;top: 45px;opacity: .7;}
.index_customer .swiper-slide-active .customer_say,
.index_customer .swiper-slide-active .customer_say a{color: #fff;}
.index_customer .item_ico{width: 60px;height: 29px;border-radius: 50%;overflow: hidden; position: absolute; left: 50%; margin-left: -30px; bottom: -20px;overflow: hidden;}
.index_customer .item_ico::after{content: '';display: block;width: 0;height: 0;border: 30px solid transparent;border-bottom-width: 0;border-top-color: transparent; border-left-color: transparent;border-right-color: transparent;transition: all .4s ease;}
.index_customer .swiper-slide-active .item_ico::after{border-top-color: #7799f2;}
@keyframes quotationAnm{
25%{-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);-o-transform: translateY(-6px);transform: translateY(-6px);}
50%{-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
75%{-webkit-transform: translateY(6px);-ms-transform: translateY(6px);-o-transform: translateY(6px);transform: translateY(6px);}
}
.index_customer .swiper-slide-active .customer_say::before{-webkit-animation:quotationAnm 2.5s linear infinite;-o-animation:quotationAnm 2.5s linear infinite;animation:quotationAnm 2.5s linear infinite;}
/* ========================================================
page: Report list
------------------------------------------------------*/
.report_item{padding-bottom: 18px;margin-bottom: 30px;font-size: 16px;border-bottom: 1px solid #f2f2f2;}
.report_item .report_title,
.report_item .report_subtit{color:#010101;}
.report_item .report_title{font-size: 1.375em;margin-bottom: 8px;font-weight: normal;}
.report_item .report_imgs{width: 100%;position: relative;overflow: hidden;margin-bottom: 15px;}
.report_item .report_imgs ul{margin: -3px;letter-spacing: -6px;}
.report_item .report_imgs li{display: inline-block;width: 20%;vertical-align: middle;padding: 3px;box-sizing: border-box;}
.report_item .report_imgs li a{overflow: hidden;}
.report_item .report_imgs li img{width:100%;height: auto;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-ransition: all .3s ease;transition: all .3s ease;}
.report_item .report_imgs li a:hover img{-webkit-transform:scale(1.05) ;-moz-transform:scale(1.05) ;-ms-transform:scale(1.05) ;-o-transform:scale(1.05) ;transform:scale(1.05) ;}
.report_item .report_subtit{font-size: 18px;font-weight: bold;margin-bottom: 8px;}
.report_item .report_subtit .txt_impt{color: #f75858;}
.report_item .report_desc{line-height: 1.8;color: #666;}
.report_item .report_foot{top: 20px;text-align: right;padding-top: 25px;}
.report_item .report_foot .sys_btn{text-transform: uppercase;margin-left: 10px;background-color: #ff6f00;vertical-align: middle;margin-left: 10px;padding: .5em 1.2em;}
.report_item .report_foot .sys_rate_box{display: inline-block;vertical-align: middle;}
/* ========================================================
page: Report detail
------------------------------------------------------*/
.sys_main_layer{margin-bottom: 45px;}
.sys_main_layer .main_layer_hd{color: #101010;margin-bottom: 15px;}
.sys_main_layer .main_layer_hd::after{content:'';display: block;width: 130px; max-width: 40%; height: 2px;background-color: #006cff;margin-top: 8px;}
.sys_main_layer .main_layer_tit{font-size: 20px;}
.sys_main_layer .main_layer_desc{font-size: 16px;color: #999;margin-bottom: 25px;}
.sys_main_layer .layer_subtit{font-size: 16px;margin-bottom: 25px;}
.comment_tagbar{background-color: #f7f8fa;padding:15px 20px;border-radius: 8px;margin-bottom: 20px;}
.comment_tags{}
.comment_tags .comment_tag_item{display: inline-block;vertical-align: middle;margin: 5px 16px 5px 0;vertical-align: middle;background-color: #fff;border: 1px solid #e5e6eb;border-radius: 6px;padding: 2px 10px;font-family: Arial;}
.comment_tags .comment_tag_item.current{border-color: #006cff;color: #006cff;background-color: #e8f3ff;}
.comment_item{padding: 20px;border: 1px solid #e5e6eb;margin-bottom: 20px;border-radius: 8px;}
.comment_item .item_content{font-size: 16px;}
.comment_item .item_foot{padding-top: 25px;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.comment_item .item_foot_left{}
.comment_item .item_user_name{color: #101010;font-weight: bold;}
.comment_item .item_user_ico{display: inline-block;color: #fff;font-size: 18px;font-weight: bold;text-transform: uppercase; min-width: 30px;height: 30px;line-height: 31px;overflow: hidden;text-align: center; background-color: #5f92fa;border-radius: 50%;margin-right: 8px;vertical-align: middle;}
.comment_item .item_foot_right{}
.comment_layer .main_layer_foot{text-align: center;padding-top: 10px;}
.comment_layer .main_layer_foot .sys_link_more{font-size: 16px;}
.comment_layer .sys_tag_bar{margin-top: 50px;}
.contact_bar{padding: 40px 0 0;text-align: center;}
.contact_bar .sys_btn{font-size: 16px;background-color: #ff6f00;min-width: 45%;max-width: 92%; padding: .8em 1em;box-sizing: border-box;}
.featured_reports{position: relative;overflow: hidden; }
.featured_reports .featured_items{margin: -10px -2%; }
.featured_reports .sys_media_item{width: 33.33333333%;float: left; padding: 10px 2%;}
.featured_reports .sys_media_item .sys_meta{margin-top: 8px;margin-bottom: 0;font-size: 14px;}
.featured_reports .sys_img_box a:before{background-color: rgba(0,0,0,0);}
.featured_reports .sys_img_anm .img_inner:after{display: none;}
.featured_reports .img_txt_info{width: 100%;height:100%;box-sizing: border-box;padding: 3%;text-align: center;
position: absolute;left: 0;top: 0;z-index: 1;background-color: rgba(0,0,0,.3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;
-ms-flex-align:center!important;align-items:center!important;
-ms-flex-pack:center!important;justify-content:center!important;}
.featured_reports .img_txt_cont{font-size: 36px;color:#eee;line-height: 1.3em;}
.report_charts{width: 100%;position: relative;}
.report_chart_cells{margin:0 -3%;}
.report_chart_cell{width: 50%; float: left; padding:20px 3%;box-sizing: border-box; }
.report_chart_cell .chart_cell_hd{margin-bottom: 15px;}
.report_chart_cell .chart_cell_tit{font-size: 18px;}
.report_chart_cell .chart_cell_bd{}
.chart_tips_tit{margin-bottom:5px;padding:0;width:100%;height:24px;line-height:24px;border-radius:3px;}
.chart_tips_cell{color: #fff;font-size: 14px; padding:0 5px 0 20px;height:28px;line-height: 28px;overflow:hidden;position: relative;}
.chart_tips_cell .cell_dot{display:inline-block;margin-right:5px;border-radius:2px;width:10px;height:10px;background-color:#fff;float:left;margin-top:9px; position: absolute;left: 0;top: 0;}
.chart_tips_cell .cell_label{float:left;width:50%;height:28px;overflow:hidden;}
.chart_tips_cell .cell_value{float:right;width:50%;height:28px;overflow:hidden;text-align:right;}
.chart_tips_cell .cell_link{display:block;background-color:rgba(0,0,0,.4);color:#fff!important;margin:8px -15px -15px;padding: 8px 15px;border-radius:0 0 5px 5px}
.chart_ico_view{display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;background-image: url(./img/ico_view.png);vertical-align: middle;margin-right: 8px;}
.chart_top_table{}
.chart_top_table .table_cells{width: 100%; padding: 10px 0 10px 20px; box-sizing: border-box; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;transition:all .3s ease;}
.chart_top_table .table_cell_hd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width: 0;}
.chart_top_table .table_cell_bd{min-width: 100px;}
.chart_top_table .table_head{font-weight: bold;}
.chart_top_table .table_head .table_cell_hd{position: relative;}
.chart_top_table .table_head .table_cell_hd:before{content: '';display: block;width: 3px;height: 18px;background-color: #e64545; position: absolute; left: -10px;top: 50%; margin-top: -10px;opacity: .8;}
.chart_top_table .table_head .table_cells{font-size: 16px;background-color: #f2f3f5;border-radius: 3px;padding-top: 15px;padding-bottom: 15px;}
.chart_top_table .table_body .table_cells{border-bottom: 1px solid #f2f2f2;}
.chart_top_table .table_body .table_cells:hover{background-color: #fafafa;color:#101010;}
/* ========================================================
page: video list
------------------------------------------------------*/
.video_list_head{padding: 0 0 20px;border-bottom: 1px solid #f2f2f2;}
.video_group{padding: 25px 0;border-bottom: 1px solid #f2f2f2;}
.video_group,.video_group a{color: #666;}
.video_group .video_cells{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;}
.video_group .video_cell_hd{width: 35%;}
.video_group .video_cell_bd{width: 65%;box-sizing: border-box;padding-left: 30px;}
.video_group .video_cell_tit{font-size: 18px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.video_group .video_cell_tit,
.video_group .video_cell_tit a{color: #101010;}
.video_group .video_cell_desc{line-height: 1.8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.video_group .video_cell_meta{margin-bottom: 10px;}
.video_group .video_cell_meta .ico_time{display: inline-block;width: 20px;height: 20px;margin-right: 6px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-image: url(img/sys_ico_time.png);}
.video_group .video_cell_ft{text-align: right;padding-top: 6px;}
.video_group .sys_tag_bar{padding-top: 15px;}
/* ========================================================
page: video detail
------------------------------------------------------*/
.video_play_box{margin-bottom: 20px;}
.video_play_box .video_obj_box img,
.video_play_box .video_obj_box video{width: 100%;height: auto;}
.panel_video_detail{padding: 20px;}
.panel_video_detail .video_head_cells{width: 100%;margin-bottom: 30px;}
.panel_video_detail .video_head_cells .sys_btn{font-size: 16px;background-color: #e64545; padding: .7em 1em;}
.panel_video_detail .video_head_left{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:1px;padding-right:5%;padding-top: 8px; }
.panel_video_detail .video_head_right{}
.panel_video_detail .video_head_tit{font-size: 18px;line-height: 1.3;color: #101010;margin-bottom: 8px;}
.panel_video_detail .sys_meta{margin-bottom: 0;}
.panel_video_detail .video_detail_desc{font-size: 16px;margin-bottom: 30px;line-height: 1.6;}
.panel_video_detail .video_detail_desc,
.panel_video_detail .video_detail_desc a{color: #999;}
.panel_video_detail .video_detail_player .video_obj_box{padding: 28% 0;position: relative;}
.panel_video_detail .video_detail_player .detail_video_obj,
.panel_video_detail .video_detail_player video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 0;border-radius: 4px;}
.panel_video_detail .video-js .vjs-control-bar{height: 55px;}
.panel_video_detail .video-js .vjs-time-control,
.panel_video_detail .video-js .vjs-play-control .vjs-icon-placeholder:before,
.panel_video_detail .vjs-button>.vjs-icon-placeholder:before{line-height: 55px;}
.panel_featured{position: relative;overflow: hidden;}
.panel_featured .video_items{margin: -10px -2%; }
.panel_featured .sys_media_item{width: 33.33333333%;padding: 10px 2%;}
.panel_featured .sys_media_item .sys_meta{margin-top: 8px;margin-bottom: 0;font-size: 14px;}
.related_article_cells{width: 100%;-ms-flex-pack:justify!important;justify-content:space-between!important;padding-top: 25px;margin-top: 15px;border-top: 1px solid #f2f2f2;}
.related_article_cells .article_cell{width: 40%;position: relative;}
.related_article_cells .article_cell a{display: block;position: relative;}
.related_article_cells .article_cell a:before{content: ''; display: block;width: 14px;height: 24px;background-repeat: no-repeat;background-position: center; -webkit-background-size:11px auto;background-size:11px auto; position: absolute;top: 0;}
.related_article_cells .article_cell:nth-of-type(2n+1) a{padding-left: 45px;}
.related_article_cells .article_cell:nth-of-type(2n+1) a:before{left: 0;background-image: url(./img/sys_ico_prev.png);}
.related_article_cells .article_cell:nth-of-type(2n) a:before{right: 0;background-image: url(./img/sys_ico_next.png);}
.related_article_cells .article_cell:nth-of-type(2n) a{text-align: right;padding-right: 45px;}
.related_article_cells .cell_label{display: block;color: #999;text-transform: uppercase;margin-bottom: .5em;font-size: 1.125em;}
.related_article_cells .cell_tit{font-size: 20px;line-height: 1.35;font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .4s ease;}
.related_article_cells .cell_tit {color: #101010;}
.related_article_cells .article_cell:hover .cell_tit{color:var(--color-primary);}
/* ========================================================
page: blog list
------------------------------------------------------*/
.blog_item{padding: 20px 0;border-bottom: 1px solid #f2f2f2;font-size: 16px;}
.blog_item:first-of-type{padding-top: 0;}
.blog_item .blog_item_hd{margin-bottom: 10px;}
.blog_item .blog_item_tit{font-size:1.375em;font-weight: normal;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.blog_item .blog_item_tit,
.blog_item .blog_item_tit a{color: #101010;}
.blog_item .blog_item_cells{}
.blog_item .blog_cell_hd{width: 300px;}
.blog_item .blog_cell_bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:1px;}
.blog_item .blog_cell_hd+.blog_cell_bd{padding-left: 20px;}
.blog_item .blog_cell_desc{line-height: 1.8;color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.blog_item .blog_item_cells{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;}
.blog_item .blog_cell_ft{text-align: right;margin-top: 10px;}
.blog_item .sys_tag_bar{padding-top: 30px;}
/* ========================================================
page: blog detail
------------------------------------------------------*/
.page_blog_detail .main{width: 100%;}
.page_blog_detail .panel_featured .sys_media_item{width: 25%;}
.page_blog_detail .panel_featured .video_items{margin: -10px -1.5%;}
.page_blog_detail .panel_featured .sys_media_item{padding:10px 1.5%;}
.blog_detail_head {margin-bottom: 30px;}
.blog_detail_head .blog_title{font-size: 22px;margin-bottom: 10px;}
.blog_detail_content {font-size: 16px;line-height: 1.8;margin-bottom: 50px;}
.blog_detail_content img{float: left;max-width: 100%;margin: 8px 30px 20px 0;}
.blog_detail_content p{margin-bottom: .8em;}
/* ========================================================
page: product list
------------------------------------------------------*/
.page_product_list {}
.page_product_list .aside{order:1;}
.page_product_list .main{order:2;}
/* main */
.main_panel .main_panel_hd{border-bottom:1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;}
.main_panel .sys_tags .tag_item{padding: 7px 12px;}
.main_panel .video_items{margin: -10px;}
.sortby_box{position: absolute;right: 0;top: 0;}
.sortby_box .sortby_hd{padding: 1px 10px;cursor: pointer;font-weight: bold;line-height: 18px;display: inline-block;border: 1px solid #ddd;background-color: #f0f2f2;border-radius: .8em;box-shadow: 1px 2px 4px rgba(0,0,0,.15);vertical-align: top;transition: all .35s ease;}
.sortby_box .sortby_hd:after{display: inline-block;font-family:'fontawesome';content: '\f107';font-size: 16px;
-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.sortby_box .sortby_menu{min-width: 100%;background-color: #fff;
border: 1px solid #ddd;background-color: #f0f2f2;border-radius: .8em;box-shadow: 1px 2px 4px rgba(0,0,0,.15);
position: absolute;right: 0;top: 100%;margin-top: 6px;opacity: 0;visibility: hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.sortby_box .sortby_option a{display: block;padding: 4px 25px 4px 10px;}
.sortby_box .sortby_option a:hover{background-color: #f0f6ff;}
.sortby_box .sortby_option:first-of-type>a{padding-top: 10px;}
.sortby_box .sortby_option:last-of-type>a{padding-bottom: 10px;}
.soryby_active {z-index: 1;}
.soryby_active .sortby_menu{opacity: 1;visibility: visible;background-color: #fff;border-color: #006cff;position: relative;overflow: hidden;}
.soryby_active .sortby_hd{border-color: #006cff;color:#006cff;background-color: #fff;}
.soryby_active .sortby_hd:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.items_list {}
.items_list ul{margin:-10px -5px;}
.items_list .product_item{width: 25%;padding:10px 5px;float: left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.items_list .product_item .item_inner{border: 1px solid #f2f2f2;outline:5px solid rgba(255,255,255,0);outline-offset: 5px;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
/* .items_list .product_item .item_inner:hover{outline-offset: 0;outline:2px solid #3399ff;} */
.product_item .item_img img{width: 100%;height: auto;}
.product_item .item_info{padding: 10px;color: #666;}
.product_item .item_title{font-size: 1.1428em;font-weight: normal;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.product_item .item_title{}
.product_item .item_title,
.product_item .item_title a{color: #101010;}
.product_item .item_title a:hover{color: #006cff;}
.product_item .item_reviews{margin-bottom: 10px;}
.product_item .item_price_box{}
.product_item .price_box_info{min-height: 28px;color:#999;width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.product_item .price_impt{color: #006cff;font-size: 1.3em;}
.product_item .btn_price{}
.product_item .sys_btn{max-width: 100%; box-sizing: border-box; font-size: 14px;padding: .1em .5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product_item .sys_rate_box{width: 100%;display: flex;align-items: center;margin-bottom: 20px;}
.related_videos{}
.related_videos .sys_media_item{width: 25%;padding: 10px;}
.related_videos .sys_media_item .sys_img_box,
.related_videos .sys_media_item .sys_img_box img{border-radius: 8px;}
/* index_videos */
.index_videos{}
.index_video_items{margin: -10px;}
.index_video_item{width: 25%;padding: 10px;}
.index_video_item .item_inner{display: block;position: relative;}
.index_video_item .sys_video_img {position: relative;}
.index_video_item .sys_video_img,
.index_video_item .sys_video_img img{border-radius: 12px;}
.index_video_item .sys_video_img img{display: block;width: 100%;height: auto;}
.index_video_item .video_item_ico{display: inline-block;width: 50px; text-align: center; height: 36px;line-height: 36px;background-color: #f00; border-radius: 22% 22% 22% 22% / 30% 30% 30% 30%; position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 1;}
.index_video_item .video_item_ico:before{content: '\f04b';font-family:'fontawesome';font-size: 18px; color: #fff;}
.index_video_item:hover .video_item_img{transform: scale(1.05);}
/* aside */
.side_product_items figure{width: 100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;clear:both;}
.side_product_items .product_item {padding: 15px 0;}
.side_product_items .product_item .item_img{width: 35%;}
.side_product_items .product_item .img_inner:before{content: '';display: block;width: 100%;height: 100%; position: absolute;left: 0;top: 0; transition: all .4s ease;}
.side_product_items .product_item:hover .img_inner:before{background-color: rgba(0,0,0,.06);}
.side_product_items .product_item .item_info{width: 65%;box-sizing: border-box;padding: 0 0 0 15px;}
.side_product_items .product_item .item_title{-webkit-line-clamp: 2;line-height: 1.35;}
.page_product_list .product_item .sys_btn{background-color: #f39c12;font-size: .9285em;}
/* ========================================================
page: product detail
------------------------------------------------------*/
.product-detail { position: relative; overflow: visible;padding: 0; }
.product-detail .detail-tabs{background-color: #fafcff;border-bottom:1px solid #ebf0f5;line-height: 3.5em;font-weight: bold;font-size: 16px;margin-left: -1px;}
.product-detail .detail-tabs .tab-title{display: inline-block;font-size: 1.125em;min-width: 270px;float: left;text-align: center;padding: 0 1em;font-weight: normal;border-left: 1px solid #ebf0f5;border-right: 1px solid #ebf0f5;margin-right: -1px;cursor: pointer;position: relative;}
.product-detail .detail-tabs .tab-title:before{content: '';display: block;width: 0%;height: 2px;background-color: #f00;position: absolute;right: 0;top: -2px;transition: all .4s ease;}
.product-detail .detail-tabs .current {background-color: #fff;color:#101010;font-weight: bold;}
.product-detail .detail-tabs .current:before{width: 100%;right: auto;left: 0;}
.product-detail .tab-panel-wrap{padding:5px 28px;font-size: 16px;}
.product-detail .disabled{display: none;}
.detail-media-items{border-top: 1px solid #ebf0f5;padding: 15px 0;margin: 10px 0;}
.product-detail .detail-video-box{display: block;position: relative;overflow: hidden; border-radius: 4px;}
.product-detail .detail-video-box .ico_video_play{display: inline-block;width: 42px;height: 42px;background-color: rgba(0,0,0,.6);border-radius: 50%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 2;background-position: center; background-repeat: no-repeat; background-size: auto 72%;transition: all .35s ease;}
.product-detail .detail-video-box:hover .ico_video_play{background-color: rgba(0,108,255,.8);}
.product-detail .detail-media-item{padding: 25px 0;line-height: 2em;}
.product-detail .detail-media-item:after{content: '';display: block;height: 0;clear: both;visibility: hidden;}
.product-detail .detail-media-item .media-item-img{width: 280px;float: left;margin-right: 45px;}
.product-detail .detail-media-item .media-item-img img{float: none; transition: all .9s ease;}
.product-detail .detail-media-item .lightbox {overflow: hidden; border-radius: 4px;}
.product-detail .detail-media-item .lightbox:hover img{transform: scale(1.08);}
.product-detail .detail-media-item .lightbox::before{display: inline-block; content: ''; width: 30px;height: 30px; border-radius: 5px 0 0 0; z-index:2; background-color: rgba(0,0,0,.7); position: absolute; right: 0; bottom: 0;z-index: 2; background-repeat: no-repeat;background-position: center;background-image: url(./img/sys_ico_zoom_small.png);transition: all .4s ease;}
.product-detail .detail-media-item .lightbox::after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;transition: all .4s ease;}
.product-detail .detail-media-item .lightbox:hover::after{background-color: rgba(0,0,0,.2);}
.product-detail .detail-media-item:nth-of-type(2n) .media-item-img{float: right;margin-right: 0;margin-left: 45px;}
/*product photos*/
.product-intro{position:relative;overflow:hidden;padding: 20px;-ms-flex-pack:justify;justify-content:space-between;}
.cloud-zoom-lens{border:1px solid #eee;cursor:move;}
.cloud-zoom-title{position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big{overflow:hidden;padding:0px;}
.cloud-zoom-loading{color:white;background:#222;padding:3px;border:1px solid #000;}
.product-view .swiper-slide{padding-bottom:1px;}
.product-view .product-image.zoom_remove:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:999;}
.product-view{position:relative;width:38%;float:left;}
.product-view .product-image{position:relative;border:1px solid #ddd;}
.product-view .product-image img{position:relative;width:100%;}
.product-view .image-additional{position:relative;margin:20px 35px 8px;overflow:hidden;}
.product-view .image-additional li{position:relative;width:20%;float:left;overflow:visible;height:auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;}
.product-view .image-additional li.single{display:none;}
.product-view .image-additional li img{display:block;position:relative;width:100%;margin:0 auto;}
.product-view .image-additional li a{display:block;position:relative;border:1px solid #ddd;padding:1px;overflow:hidden;margin:0 10%;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:none;-o-transition:none;transition:none;cursor: pointer;}
.product-view .image-additional li.current>a{border:2px solid #333;padding:0;}
.product-view .image-additional img.popup{display:none;}
.product-view .image-additional li a.cloud-zoom-video:before{display: block;content: '';width: 100%;height: 100%; -webkit-background-size:50% auto;
background-size:50% auto; position: absolute;left: 0;top: 0;z-index: 2;background-repeat: no-repeat;background-position: center;}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;}
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{display:none;}
.product-view .swiper-button-next,.product-view .swiper-button-prev{width:30px;height:100%;margin-top:0;top: 0;opacity:1;line-height:30px;font-size:28px;background:none;font-weight:bold;background-position: center;background-repeat: no-repeat;-webkit-background-size:40% auto;background-size:40% auto;}
.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next{left:0;}
.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev{right:0;}
.product-view .swiper-button-prev:before,.product-view .swiper-button-next:before{display: none;}
.product-view .swiper-button-prev{background-image: url(./img/sys_ico_prev.png);}
.product-view .swiper-button-next{background-image: url(./img/sys_ico_next.png);}
.gallery-video-active .gallery-img-box{display: none;overflow: hidden;}
.product-view .product-image{border-radius: 4px;}
.gallery-video-box{padding: 50% 0;position: relative;overflow: hidden;border-radius: 4px;}
.gallery-video-box #gallery_video_obj,
.gallery-video-box video{width:100%!important;height:100%!important;position: absolute;left: 0;top: 0;padding: 0;}
.gallery-video-box video{object-fit: contain!important;}
.gallery-video-box .video-poster,
.gallery-video-box .video-poster img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.gallery-video-box .video-poster img{object-fit: cover;}
/* .gallery-video-box .vjs-big-play-button{visibility: hidden!important;}
.gallery-video-box .vjs-has-started.vjs-paused .vjs-big-play-button{visibility: visible!important;} */
.product-view .video-js .vjs-play-control .vjs-icon-placeholder:before{}
.product-view .video-js .vjs-play-control .vjs-icon-placeholder:before{font-size: 3.2em;}
.product-view .video-js .vjs-time-control,
.product-view .vjs-button>.vjs-icon-placeholder:before,
.product-view .video-js .vjs-play-control .vjs-icon-placeholder:before{line-height: 42px;}
.product-view .video-js .vjs-control-bar{background:rgba(0,0,0,.2);}
.product-view .vjs-button>.vjs-icon-placeholder:before{font-size: 2.5em;}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before{font-size: 2.8em;}
body .video-js .vjs-big-play-button,
body .video-js .vjs-big-play-button .vjs-icon-placeholder{width: 90px;height: 90px;}
body .video-js .vjs-big-play-button{border-radius: 50%;box-sizing: content-box;}
body .video-js .vjs-big-play-button:hover{border-radius: 32%;background-color: rgba(0,0,0,.8);box-shadow: 0 0 0 12px rgba(255,255,255,.2);}
/*body .video-js .vjs-big-play-button:hover {background-color: rgba(0,108,255,.85);}*/
body .video-js .vjs-big-play-button .vjs-icon-placeholder{display: block;content: '';background-repeat: no-repeat;background-position: center; background-size: auto 70%;}
body .video-js .vjs-big-play-button .vjs-icon-placeholder:before{display: none;}
body .product-view .video-js .vjs-big-play-button,
body .product-view .video-js .vjs-big-play-button .vjs-icon-placeholder{width: 76px;height: 76px;}
/* 2022-04-27 */
.btn-video-player{display: block;width: 76px;height: 76px;background-color: rgba(0,0,0,.6); border-radius: 50%; position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 2; cursor: pointer; transition: all .4s ease;}
.btn-video-player:hover{border-radius: 32%;background-color: rgba(0,0,0,.8);box-shadow: 0 0 0 12px rgba(255,255,255,.2);}
.btn-video-player:before{content: '';display: block;width: 76px;height: 76px;background-repeat: no-repeat;background-position: center; background-size: auto 70%;}
/*product summary*/
.product-summary{position:relative;width:59%;float:right;padding:0 0 60px;color:#333;font-size:16px;}
.product-summary .product-title{font-size: 1.25em;margin-bottom: .8em; color: #101010;}
.product-summary .product-meta{line-height:1.8;}
.product-summary .product-meta h3{margin:0 0 5px;font-size:1.125em;}
.product-summary .product-meta li{width:100%;display:table;padding:2px 0;}
.product-summary .product-meta li em{display:table-cell;width:40%;color:#666;}
.product-summary .product-meta li .item-val{display:table-cell;-ms-word-break:break-all;word-break:break-all;word-wrap:break-word;}
.product-btn-wrap{position:relative;padding-top:30px;}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy{position:relative;display:inline-block;vertical-align:top;line-height:28px;padding:.25em 1.5em;font-size:16px;border-radius:2em;margin:0 15px 10px 0;background-color:#fff;border:2px solid #fe7608;color:#fe7608;}
.product-btn-wrap .email:before,.product-btn-wrap .pdf:before{padding-right:8px;}
.product-btn-wrap .email:before{content:'\f0e0';}
.product-btn-wrap .pdf:before{content:'\f1c1';}
.product-btn-wrap a:hover{background:#fe7608!important; border-color:#fe7608!important;color:#fff!important;}
.product-btn-wrap a.email{background-color:#fe7608;color:#fff;}
.product-summary .share-this{margin:30px 0 0;text-align:right;}
.product_btn_group{text-align: center;padding: 50px 0 35px;}
.product_btn_group .product_btn_item{padding: 10px 0;}
.product_btn_group .product_btn_item .sys_btn+.sys_btn{margin-left: 15px;}
.product_btn_group .sys_btn{background-color: #edf0f4;color:#333;border: 1px solid #e1e1e1;box-shadow: 1px 1px 1px rgba(0,0,0,.1);padding: .35em 1em;}
.product_btn_group .sys_btn:hover{color: inherit;}
.product_btn_group .sys_btn_ico{display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;vertical-align: middle;}
.product_btn_group .sys_btn_ico_01{background-image: url(./img/product_btn_ico_01.png);}
.product_btn_group .sys_btn_ico_02{background-image: url(./img/product_btn_ico_02.png);}
.product_btn_group .sys_btn_txt{vertical-align: middle;padding-left: .5em;}
.product_btn_group .btn_get_price{ min-width: 52%; background-color: #ffdb04;color:#101010; border-color:#ffdb04; font-family: 'Poppins-SemiBold';padding: .4em 1em;}
.product_price_bar{background-color: #f5f7fa;padding: 18px 10px;border-radius: 10px;font-size: 14px;}
.product_price_bar .price_bar_cells{padding: 15px;background-color: #fff;border-radius: 10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.product_price_bar .price_box_info{display: inline-flex;align-items: center;}
.product_price_bar .price_box_info .price_label{padding-left: .5em;}
.product_price_bar .price_impt{line-height: 1.2em;font-weight: bold;}
.product_price_bar .price_bar_bd{float: left;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow: hidden;min-width: 0;}
.product_price_bar .price_bar_ft{float: right;text-align: right;}
.product_price_bar .item_price_box{}
.product_price_bar .price_impt{font-size: 1.6em;color: #f75858;}
.product_sns_bar{text-align: right;padding-top: 30px;position: absolute;right: 10px;bottom: 15px;}
/* top_reviews */
.top_reviews{}
.top_reviews .review_item{padding: 15px 0;font-size: 16px;}
.top_reviews .review_item_hd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;
-ms-flex-pack:justify!important;justify-content:space-between!important;
margin-bottom: 15px;}
.top_reviews .item_user_ico{display: inline-block;color: #fff;font-size: 18px;font-weight: bold;text-transform: uppercase; min-width: 30px;height: 30px;line-height: 31px;overflow: hidden;text-align: center; background-color: #5f92fa;border-radius: 50%;margin-right: 8px;vertical-align: middle;}
.top_reviews .item_user_name{display: inline; color:#101010;font-weight: bold;vertical-align: middle;}
.top_reviews .sys_rate_box{display: inline;line-height: 18px;vertical-align: middle;}
.top_reviews .sys_rate_box .rate_stars{margin-top: auto;vertical-align: top;}
.top_reviews .review_item_hd .item_hd_left{float: left;}
.top_reviews .review_item_hd .item_hd_right{float: right;}
.top_reviews .review_item_bd{}
.top_reviews .review_item_bd .review_cont{display: inline;}
/* ========================================================
page: blog list
------------------------------------------------------*/
.blog_list { position: relative; width: 100%; }
.blog-item { position: relative; overflow: hidden; padding: 35px 20px; width: 100%; }
.blog-item:nth-child(2n+1) { background: #f9f9f9; }
.blog-item:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; content: ""; }
.blog-item:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 3px; background-color: #006cff; content: ''; opacity: 0; filter: alpha(opacity=0); }
.blog-item:hover:after { width: 100%; opacity: 1; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; filter: alpha(opacity=100); }
.blog-item .item-img, .blog-item .item-img img { border-radius: 5px; }
.blog-item .item-img { position: relative; float: left; display: block; margin: 0 20px 0 0; padding: 5px; max-width: 200px; border: 1px solid #eee; background-color: #fff; }
.blog-item .item-img img { position: relative; width: 100%; }
.blog-item .item-info .item-title { overflow: hidden; height: 1.5em; font-weight: normal; font-size: 20px; line-height: 1.5em; }
.blog-item .item-info time { display: block; margin: 8px 0; font-size: 16px; }
.blog-item .item-info .item-detail { }
.blog-item .item-info .item-more { float: right; margin: 20px 0 0; color: #8f9395; }
.blog-item .item-info .item-more { position: relative; display: inline-block; padding: .2em .8em; color: #006cff; text-transform: uppercase; line-height: 1.8; }
.blog-item .item-info .item-more:after { position: absolute; display: block; width: 100%; height: 2px; background-color: #006cff; content: ''; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.blog-item .item-info .item-more:before { top: 0; left: 0; }
.blog-item .item-info .item-more:after { right: 0; bottom: 0; }
.blog-item .item-info .item-more:hover:before, .blog-item .item-info .item-more:hover:after { width: 0; opacity: 0; }
.blog-item .item-info .item-more:hover { background-color: #006cff; color: #fff; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
/* ========================================================
page: download list
------------------------------------------------------*/
.download_list { position: relative; width: 100%; }
.download-item { position: relative; overflow: hidden; margin: 0 0 10px; padding: 15px 0; border-bottom: 1px solid #eee; line-height: 30px; }
.download-item .item-img { max-width: 25px; }
.download-item .item-title { position: relative; display: inline-block; margin: 0 10px; vertical-align: top; font-weight: bold; font-size: 16px; *display: inline;
*zoom: 1;
}
.download-item .item-button { position: relative; float: right; display: inline-block; padding: 0 15px; border: 1px solid #ccc; border-radius: 5px; background: #eee; vertical-align: top; line-height: 30px; cursor: pointer; *display: inline;
*zoom: 1;
}
.download-item .item-button:before { margin: 0 10px 0 0; content: "\f019"; }
/* ========================================================
page: faq list
------------------------------------------------------*/
.faq_list { position: relative; width: 100%; }
.faq-item { position: relative; overflow: hidden; margin: 0 0 20px; padding: 0 25px; width: 100%; border: 1px solid #eee; }
.faq-item .faq-title { position: relative; padding: 15px 0; font-size: 16px; cursor: pointer; }
.faq-item .faq-title:before { position: absolute; right: 0; content: "\f067"; font-size: 14px; }
.faq-item .faq-title.show-title:before { content: '\f068'; }
.faq-item .faq-title h3 { font-weight: normal; }
.faq-item .faq-cont { display: none; margin: 0 0 25px; }
.faq-item:first-child .faq-cont { display: block; }
@media only screen and (max-width: 768px) {
.inquiry-form .form-btn-wrapx .form-btn-submitx { top: 0 !important; }
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1440px) {
/* web_head */
.head-search{width: 35%;}
.web_head .top_quick_item{padding-left: 10px;}
.web_head .head_nav_hd .nav_hd_txt,.web_head .top_quick_item,.web_head .change-language-title .language-flag span{font-size: 14px;}
}
@media only screen and (max-width: 1366px) {
/* web_head */
.web_head .head_layout{align-items: center;}
.web_head .head_nav{top: 95%;}
.head-search{position: absolute;right: 0;bottom: 0;width:76%;z-index: 2;margin: 0;padding-right: 0;padding-left: 0;}
.head-search .search-ipt,
.head-search .search-btn,
.head-search .search-select{height: 35px;line-height: 35px;;}
.web_head .head_right{padding-bottom: 35px;margin-top: -10px;}
.fixed-nav-active .head_right{padding-top: 0;margin-bottom: 0;}
.fixed-nav-active .head-search{position: static;}
.fixed-nav-active .head_right{padding-bottom: 0;margin-top: 0;}
.change-language:hover .change-language-cont{margin-top: -5px;}
/* product-list */
.items_list .product_item{width: 33.33333333%;}
}
@media only screen and (max-width: 1280px) {
/* body{font-size: 12px;} */
/* web_head */
.web_head .logo_img{max-width: 200px;}
.head-search .search-select,
.head-search .search-ipt{font-size: 14px;}
.web_head .top_quick_links{font-size: 14px;}
/* index */
.slider_banner .banner_info,
.index_featured .featured_cells,
.index_adv_items .adv_item,
.index_layer_hd,
.index_analysis .index_layer_hd,
.index_inquiry{font-size: 16px;}
.index_advantage{padding: 50px 0 190px;}
.index_adv_items{padding-left: 0;}
.index_adv_items .adv_item{padding: 30px 3%;}
.index_adv_items .adv_item_img{margin: 0 auto;}
.index_adv_items .adv_item .item_inner{padding-left: 0;text-align: center;}
.index_adv_items .adv_item_img{position: static;margin-bottom: 10px;}
/* reports_list */
.featured_reports .img_txt_cont{font-size: 28px;}
/* product_list */
.product_item{font-size: 12px;}
.product_item .price_box_info{font-size: 12px;}
/* product_detail */
.product-detail .detail-media-item .media-item-img{width: 200px;margin-right: 25px;}
.product-detail .detail-media-item:nth-of-type(2n) .media-item-img{margin-left: 25px;}
.product-detail .detail-tabs{font-size: 14px;}
.product-detail .detail-tabs .tab-title{min-width: inherit;}
.product-detail .tab-panel-wrap,
.top_reviews .review_item{font-size: 14px;}
/* video_list */
.video_group .video_cell_hd{width: 200px;}
.sys_img_box .ico_video_play{background-size:auto 55px;}
.video_group .sys_img_box .ico_video_play{background-size:auto 60px;}
.video_group .video_cell_bd{padding-left: 20px;}
/* blog_list */
.blog_item .blog_cell_hd{width: 200px;}
.blog_item .blog_cell_desc{-webkit-line-clamp:5;}
/*layout*/
body { min-width: unset; }
.layout {width: 95%;}
/*header*/
.head_nav>li>a { font-size: 14px; }
.head_nav > li {padding: 0 6px;}
}
@media only screen and (max-width: 1200px) {
.aside{width: 300px;}
.main{width:calc(100% - 300px - 15px)}
.slider_banner .banner_info{font-size: 16px;}
.index_analysis .index_layer_hd{font-size: 16px;}
}
@media only screen and (max-width: 1024px) {
/* web_head */
/* index */
.slider_banner .banner_info{font-size: 14px;width: 65%;}
.slider_banner .banner_more{padding-top: 2em;}
.slider_banner .swiper-pagination{bottom: 15px;}
.index_featured .featured_cell_title{font-size: 1.8em;}
.index_featured .featured_media_box .media_box_tit{font-size: 1em;}
.index_customer .customer_say{padding: 35px 8% 50px;font-size: 14px;}
.index_customer .customer_item{padding-bottom: 30px;width: 50%;}
.index_analysis .product_cell{height: 400px;}
/* .web_foot */
.web_foot .foot_left,
.web_foot .foot_items{width: 100%;float: none;}
.web_foot .foot_desc{margin-bottom: 20px;}
.web_foot .foot_items{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;justify-content:space-between!important;padding-top: 30px;}
.web_foot .foot_item{width: 30%;padding-left: 0;padding-right: 3%;}
/* aside */
.aside{width: 260px;}
/* main */
.main{width:calc(100% - 260px - 15px)}
.main_panel{padding: 18px;}
/* reports_list */
.report_item .report_imgs li{width: 33.33333333%;}
.related_article_cells .article_cell{width: 45%;}
.related_article_cells .article_cell:nth-of-type(2n+1) a{padding-left: 30px;}
.related_article_cells .article_cell:nth-of-type(2n) a{padding-right: 30px;}
.related_article_cells .cell_tit{font-size: 18px;}
/* reports_detail */
.report_chart_cell .chart-bar{height: 220px!important;}
}
@media only screen and (max-width: 950px) {
/* web_head */
.web_head{text-align: center;}
.web_head .head_layout{-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.web_head .logo_img{max-width: 200px;}
.web_head .logo{width: 100%;max-width: inherit; padding-bottom: 0;display: block;min-height: inherit; }
.web_head .head_nav_hd,
.web_head .top_quick_item a,
.web_head .change-language-title{padding-top: 10px;padding-bottom: 10px;}
.head-search{position:static;margin: 5px 0;right: auto;bottom: auto;z-index: 3;min-width: 100%;}
.head-search .head-search-form{margin: 0 auto;}
.head-search .search-type-opt{text-align: left;}
.web_head .head_right{width: 100%;text-align: center;margin-top: 0;padding-bottom: 10px;margin-bottom: -10px;}
.web_head .head_layout{ -webkit-box-pack: justify;-ms-flex-pack: justify; -webkit-justify-content: space-around;justify-content: space-around;}
.fixed-nav-active .head-search{display: none;}
.fixed-nav .top_quick_links, .fixed-nav .change-language{display: inline-block;}
/* product_list */
.aside{width: 240px;}
.aside .side-widget{padding: 20px;}
.main{width:calc(100% - 240px - 15px)}
.main_panel{padding: 20px;}
.items_list .product_item{width: 50%;}
.related_videos .sys_media_item,
.main_panel .index_video_item{width:50%;}
/* product_detail */
.product-view,
.product-summary{width: 100%;float: none;}
.product-view{display: block;max-width: 500px;margin: 0 auto;}
.product-detail{padding: 0;}
/* reports_list */
.featured_reports .img_txt_cont{font-size: 20px;}
}
@media only screen and (max-width: 768px) {
/* web_head */
.web_head .logo_img{max-width: 160px;}
.head-search .search-select{width: 110px;}
.head-search .search-type-val{padding: 0 15px 0 8px;}
.head-search .search-type-val::before{right: 8px;}
.head-search .search-btn{width: 50px;}
/* index */
.slider_banner .banner_info{font-size: 12px;}
.slider_banner .swiper-pagination-bullet{height: 6px;width: 6px;}
.slider_banner .swiper-pagination-bullet-active{width: 28px;}
.index_featured .featured_cell_title,
.index_adv_items .adv_item_title,
.index_analysis .index_layer_hd .layer_title,
.index_layer_hd .layer_title{font-size: 1.6em;}
.index_inquiry .inquiry_title{font-size: 1.8em;}
.index_adv_items .adv_item_img{width: 72px;}
/* reports_list */
.featured_reports .img_txt_cont{font-size: 16px;}
/* product_list */
.related_videos .sys_media_item{width: 50%;}
.items_list .product_item{width: 50%;}
}
@media only screen and (max-width: 767px) {
body .fs-lightbox.fs-light .fs-lightbox-position{font-size: 16px;}
body .fs-lightbox.fs-light .fs-lightbox-position .fs-lightbox-position_current{padding-right: .5em;}
body .fs-lightbox.fs-light .fs-lightbox-position .fs-lightbox-position_total{padding-left: .5em;}
body .fs-lightbox.fs-light .fs-lightbox-caption p{font-size: 14px;padding: .5em;}
}
@media only screen and (max-width: 640px) {
.main{width: 100%;order:1;}
.aside{width: 100%;order: 2;}
.aside .side-products{display: none;}
/* web_head */
.web_head .top_nav_item,
.web_head .change-language{display: none;}
}
/*-------------------------------
entry-table start
----------------------------------*/
.entry { padding: 15px 0; }
.entry { color: #666; }
.entry a { color: #0030FF; }
.entry p { margin: 0; padding: 8px 0; font-size: 13px; line-height: 1.8; }
.entry table { margin-bottom: 20px; width: 100%; border-collapse: collapse; border-spacing: 0; }
.entry th, .entry td { padding: 0 15px; height: 30px; border: 1px solid #ccc; background: #fbfbfb; color: #666; text-align: left; font-size: 12px; line-height: 1.5; }
.entry th { background: #eee; font-size: 12px; }
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; }
.entry td.amts { color: #cb2027; }
.entry th#cartDelete { text-align: center; }
.entry .button { margin: 15px 10px 0 0; padding: 8px 15px; border: 0; background: #dfdfdf; color: #777; text-transform: Capitalize; font-weight: bold; line-height: 1.2; cursor: pointer; }
.entry .button:hover { background: #cb2027; color: #fff; }
.entry .deletecartitem { width: 50px; text-align: center; }
.entry .deletecartitem label { display: none; }
.entry .stotal td.amts { font-weight: bold; font-size: 18px; }
.entry img.alignleft { float: left; margin: 20px 15px 0 0; }
.entry img.alignright { float: right; margin: 20px 0 0 15px; }
.entry img.alignleftnopad { float: left; margin-left: 0; }
.entry img.alignrightnopad { float: right; margin-right: 0; }
.entry img.aligncenter { display: block; margin: 20px auto 0 auto; text-align: center; }
.entry img { max-width: 100%; }
.cartitem a { color: #292929; font-weight: bold; }
.inquiry-form ul li { background: none; }
.entry .inquiry-form-wrap { margin: 20px 0 0; }
.table_wrap { position: relative; display: block; }
.main table { position: relative; margin-bottom: 0 !important; width: 100%; border-collapse: collapse; border-spacing: 0; }
.main table th, .main table td { padding: 0 15px; height: 30px; border: 1px solid #ccc; background: #fbfbfb; color: #666; text-align: left; font-size: 12px; line-height: 1.5; }
.main table th { background: #eee; font-size: 12px; }
.main table td p, .main table th p, table td p, table th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; }
.main table td.amts { color: #cb2027; }
.main table th#cartDelete { text-align: center; }
/*-------------------------------
entry-table end
----------------------------------*/
/*-------------------------------
search start
----------------------------------*/
.container { position: relative; min-height: 100vh; background-position: left bottom; background-repeat: no-repeat; }
.search-ipt { border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; }
.web-search { display: flex; visibility: hidden; text-align: center; flex-direction: column; justify-content: center; align-items: center; }
.web-search .btn--search-close { position: absolute; top: 1.25em; right: 1.25em; display: inline-block; display: none; width: 45px; height: 45px; border-radius: 50%; background-color: #ccc; background-image: url(img/search_btn_close.png); background-position: center; background-size: auto 35%; background-repeat: no-repeat; font-size: 1.8em; line-height: 45px; cursor: pointer; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-background-size: auto 35%; }
.web-search .btn--search-close:hover { background-color: #006cff; -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); }
.js .btn--search-close { display: block; }
.web-search .search-ipt { display: inline-block; box-sizing: border-box; padding: 0.05em 0; width: 75%; border-bottom: 3px solid; color: #333; font-size: 20px; font-family: inherit; line-height: 1em; }
.web-search .search-ipt::-webkit-input-placeholder {
color: #333;
font-weight: bold;
}
.web-search .search-ipt::-moz-placeholder {
color: #333;
font-weight: bold;
opacity: 1;
}
.web-search .search-ipt:-ms-input-placeholder {
color: #333;
font-weight: bold;
}
.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {
-webkit-appearance: none;
}
.web-search .search-ipt::-ms-clear {
display: none;
}
.web-search .search-attr { display: block; margin: 0 auto; padding: 0.85em 0; width: 75%; color: #333; text-align: right; font-size: 90%; }
.js .container, .js .web-search .search-ipt { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; }
.js .container { position: relative; }
.js .main-wrap--move { min-height: 100vh; }
.js .web-search { pointer-events: none; }
.web-search { position: fixed; top: 0; left: 0; z-index: 100001; margin: auto; padding: 25px 0; width: 100%; background-color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); perspective: 1200px; -ms-transform: translateY(-100%); }
.web-search .btn--search-close { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.search__suggestion, .web-search .search-attr { opacity: 0; -webkit-transition: opacity 0.8s, transform 0.8s; -moz-transition: opacity 0.8s, transform 0.8s; -o-transition: opacity 0.8s, transform 0.8s; transition: opacity 0.8s, transform 0.8s; -webkit-transform: translate3d(-15%, 0, 0); -moz-transform: translate3d(-15%, 0, 0); -o-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0); -ms-transform: translate3d(-15%, 0, 0); -ms-transition: opacity 0.8s, transform 0.8s; }
.web-search .search-attr { padding-bottom: 0; font-size: 20px; }
.js .web-search .search-ipt { padding: 0 0 15px; text-transform: uppercase; font-weight: bold; font-size: 60px; opacity: 0; -webkit-transform: scale3d(0, 1, 1); -moz-transform: scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; border-bottom-width: 1px; -ms-transform: scale3d(0, 1, 1); -ms-transform-origin: 0% 50%; }
.js .web-search .search-ipt, .web-search .search-attr { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; }
.js .web-search .search-btn { display: none !important; }
.js .search--open { visibility: visible; opacity: 1; pointer-events: auto; }
.js .search--open .btn--search-close { opacity: 1; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-animation: bounceInA 1s ease; -o-animation: bounceInA 1s ease; animation: bounceInA 1s ease; }
.js .search--open .search-ipt { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); }
.js .search--open .search-attr { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.js .search--open { -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; }
.js .search--open::before { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; }
.js .main-wrap--move { -webkit-transform: translateY(180px); -o-transform: translateY(180px); transform: translateY(180px); -ms-transform: translateY(180px); }
.main-wrap--move:after { position: fixed; top: 0; left: 0; z-index: 100000; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); content: ''; }
/*-------------------------------
search end
----------------------------------*/
/*-------------------------------
scrollsidebar start
----------------------------------*/
.scrollsidebar, .scrollsidebar a { color: #999; font-size: 12px; font-family: Arial; }
.scrollsidebar { position: absolute; top: 150px; right: 0; z-index: 30; }
.show_btn { position: absolute; top: 0; right: 0; display: block; overflow: hidden; overflow: hidden; width: 38px; height: 192px; background: url(img/show_btn.png) no-repeat center center; cursor: pointer; }
.side_content { float: left; overflow: hidden; width: 0; height: auto; }
.side_content .side_list { position: relative; overflow: hidden; width: 140px; border: 1px solid #dadada; border-radius: 8px; background: #FFF; }
.side_content .side_list .hd img { width: 100%; border-bottom: 1px solid #dadada; }
.side_content .side_list .cont li { position: relative; height: 40px; border-bottom: 1px solid #dadada; list-style: none; line-height: 40px; }
.side_content .side_list .cont li a { position: relative; display: block; padding: 0 0 0 43px; text-decoration: none; }
.side_content .side_list .cont li a:before { position: absolute; top: 0; left: 10px; display: block; overflow: hidden; width: 25px; height: 40px; background-position: center center; background-repeat: no-repeat; content: ""; }
.side_content .side_list .cont li .email:before { background-image: url(img/icons01.png); }
.side_content .side_list .cont li .skype:before { background-image: url(img/icons02.png); }
.side_content .side_list .cont li .inquiry:before { background-image: url(img/icons03.png); }
.side_content .side_list .cont li .qq:before { background-image: url(img/icons04.png); }
.ww { margin-left: -30px; }
.side_content .side_list .t-code { padding: 10px 10px 7px; border-bottom: 1px solid #dadada; }
.side_content .side_list .t-code img { width: 100%; }
.side_content .side_list .side_title { padding: 0 12px; height: 30px; line-height: 30px; }
.side_content .side_list .side_title .close_btn { position: absolute; right: 10px; bottom: 0; width: 12px; height: 30px; background: url(img/close.png) no-repeat center center; cursor: pointer; }
.side_content .side_list .side_title .close_btn span { display: none; }
/*-------------------------------
scrollsidebar end
----------------------------------*/
/*inquiry*/
.inquiry-pop-bd { position: fixed; top: 50%; left: 50%; z-index: 2000; display: none; margin: -300px 0 0 -275px; width: 550px; height: 500px; background: #FFF; box-shadow: 0 0 10px rgba(255, 255, 255, .5); }
.inquiry-pop-bd:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); content: ""; }
.inquiry-pop-bd .inquiry-pop { position: absolute; top: 0; left: 0; z-index: 1; padding: 22px; width: 100%; height: 100%; background: #FFF; -webkit-animation: fadeInDownA .4s ease; -o-animation: fadeInDownA .4s ease; animation: fadeInDownA .4s ease; }
.inquiry-pop-bd .inquiry-pop .ico-close-pop { position: absolute; top: -10px; right: -10px; z-index: 1; width: 30px; height: 30px; background: url(img/fancy_close.png) no-repeat center center; cursor: pointer; }
.inquiry-form-wrap { position: relative; width: 100.5%; height: 420px; }
.ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #006cff; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; }
@media screen and (max-width: 550px) {
.inquiry-pop-bd { top: 10px; right: 10px; bottom: 10px; left: 10px; margin: auto; width: auto; }
.inquiry-pop-bd .inquiry-pop { padding: 10px; }
.scrollsidebar { display: none; }
}
/*-------------------------------
language start
----------------------------------*/
.prisna-wp-translate-seo { display: none; font-family: Arial, Helvetica, sans-serif; }
.mobile-head-language .prisna-wp-translate-seo, .change-language .prisna-wp-translate-seo { display: block; }
.change-language .change-language-title, .change-language .change-language-title a { font-size: 10pt; color: #000; }
.change-language .change-language-title a:after { display: inline-block; padding-left: 2px; content: "\f107"; font-size: 14px;font-weight: bold; font-family: 'fontawesome'; }
.change-language:hover .change-language-title a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
.change-language .change-language-cont { position: absolute; top: 100%; right: 0; z-index: 999; visibility: hidden; overflow-y: scroll; padding: 20px 10px 20px 20px; width: 360px; max-height: 80vh; border: 1px solid #eee; border-radius: 5px; background: #FFF; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale3d(0.9, 0.9, 1); -ms-transition: all 0.3s ease-in-out; }
.change-language:hover .change-language-cont { visibility: visible; opacity: 1; transform: scale3d(1, 1, 1); }
.change-language .change-language-cont li { display: inline-block; overflow: hidden; margin: 0 0 10px; padding: 0 10px 0 0; width: 30%; vertical-align: top; font-size: 10pt; }
.change-language .change-language-cont li a:hover { color: #006cff; }
.change-language .change-language-cont .lang-item-hide { display: none !important; }
.change-language .change-language-cont .lang-more { position: relative; display: block; text-align: center; line-height: 30px; cursor: pointer; }
.change-language .change-language-cont .more-active { font-size: 20px; }
.language-flag span { position: relative; display: inline-block; overflow: hidden; padding: 0 0 0 33px; vertical-align: top; white-space: nowrap; *display: inline;*zoom: 1;}
.change-language ::-webkit-scrollbar {width: 5px;}
.change-language ::-webkit-scrollbar-track {background-color: #fff;}
.change-language ::-webkit-scrollbar-thumb {border-radius: 3px;background-color: rgba(0,0,0,.3);}
.change-language .language-cont:hover::-webkit-scrollbar-thumb {display: block;}
.language-flag .country-flag { position: absolute; top: 50%; left: 0; display: inline-block; margin: -8px 5px 0; width: 22px; height: 16px; background-image: url(img/all-m.gif); background-repeat: no-repeat; vertical-align: top; *display: inline;*zoom: 1;}
li.language-flag a { position: relative; }
.language-flag-af .country-flag { background-position: 0 0 !important; }
.language-flag-sq .country-flag { background-position: 0 -16px !important; }
.language-flag-ar .country-flag { background-position: 0 -32px !important; }
.language-flag-hy .country-flag { background-position: 0 -48px !important; }
.language-flag-az .country-flag { background-position: 0 -64px !important; }
.language-flag-eu .country-flag { background-position: 0 -80px !important; }
.language-flag-be .country-flag { background-position: 0 -96px !important; }
.language-flag-bg .country-flag { background-position: 0 -112px !important; }
.language-flag-ca .country-flag { background-position: 0 -128px !important; }
.language-flag-zh .country-flag { background-position: 0 -144px !important; }
.language-flag-zh-TW .country-flag { background-position: 0 -160px !important; }
.language-flag-hr .country-flag { background-position: 0 -176px !important; }
.language-flag-cs .country-flag { background-position: 0 -192px !important; }
.language-flag-da .country-flag { background-position: 0 -208px !important; }
.language-flag-nl .country-flag { background-position: 0 -240px !important; }
.language-flag-en .country-flag { background-position: 0 -256px !important; }
.language-flag-et .country-flag { background-position: 0 -272px !important; }
.language-flag-tl .country-flag { background-position: 0 -288px !important; }
.language-flag-fi .country-flag { background-position: 0 -304px !important; }
.language-flag-fr .country-flag { background-position: 0 -320px !important; }
.language-flag-gl .country-flag { background-position: 0 -336px !important; }
.language-flag-ka .country-flag { background-position: 0 -352px !important; }
.language-flag-de .country-flag { background-position: 0 -368px !important; }
.language-flag-el .country-flag { background-position: 0 -384px !important; }
.language-flag-ht .country-flag { background-position: 0 -400px !important; }
.language-flag-iw .country-flag { background-position: 0 -416px !important; }
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag { background-position: 0 -432px !important; }
.language-flag-hu .country-flag { background-position: 0 -448px !important; }
.language-flag-is .country-flag { background-position: 0 -464px !important; }
.language-flag-id .country-flag { background-position: 0 -480px !important; }
.language-flag-ga .country-flag { background-position: 0 -496px !important; }
.language-flag-it .country-flag { background-position: 0 -512px !important; }
.language-flag-ja .country-flag { background-position: 0 -528px !important; }
.language-flag-ko .country-flag { background-position: 0 -544px !important; }
.language-flag-la .country-flag { background-position: 0 -560px !important; }
.language-flag-lv .country-flag { background-position: 0 -576px !important; }
.language-flag-lt .country-flag { background-position: 0 -592px !important; }
.language-flag-mk .country-flag { background-position: 0 -608px !important; }
.language-flag-ms .country-flag { background-position: 0 -624px !important; }
.language-flag-mt .country-flag { background-position: 0 -640px !important; }
.language-flag-no .country-flag { background-position: 0 -656px !important; }
.language-flag-fa .country-flag { background-position: 0 -672px !important; }
.language-flag-pl .country-flag { background-position: 0 -688px !important; }
.language-flag-pt .country-flag { background-position: 0 -704px !important; }
.language-flag-ro .country-flag { background-position: 0 -720px !important; }
.language-flag-ru .country-flag { background-position: 0 -736px !important; }
.language-flag-sr .country-flag { background-position: 0 -752px !important; }
.language-flag-sk .country-flag { background-position: 0 -768px !important; }
.language-flag-sl .country-flag { background-position: 0 -784px !important; }
.language-flag-es .country-flag { background-position: 0 -800px !important; }
.language-flag-sw .country-flag { background-position: 0 -816px !important; }
.language-flag-sv .country-flag { background-position: 0 -832px !important; }
.language-flag-th .country-flag { background-position: 0 -848px !important; }
.language-flag-tr .country-flag { background-position: 0 -864px !important; }
.language-flag-uk .country-flag { background-position: 0 -880px !important; }
.language-flag-ur .country-flag { background-position: 0 -896px !important; }
.language-flag-vi .country-flag { background-position: 0 -912px !important; }
.language-flag-cy .country-flag { background-position: 0 -928px !important; }
.language-flag-yi .country-flag { background-position: 0 -944px !important; }
.language-flag-bn .country-flag { background-position: 0 -960px !important; }
.language-flag-eo .country-flag { background-position: 0 -976px !important; }
.language-flag.language-flag-custom-afghanistan .country-flag { background-position: 0 -992px !important; }
.language-flag.language-flag-custom-albania .country-flag { background-position: 0 -1008px !important; }
.language-flag.language-flag-custom-algeria .country-flag { background-position: 0 -1024px !important; }
.language-flag.language-flag-custom-argentina .country-flag { background-position: 0 -1040px !important; }
.language-flag.language-flag-custom-australia .country-flag { background-position: 0 -1056px !important; }
.language-flag.language-flag-custom-austria .country-flag { background-position: 0 -1072px !important; }
.language-flag.language-flag-custom-belgium .country-flag { background-position: 0 -1088px !important; }
.language-flag.language-flag-custom-brazil .country-flag { background-position: 0 -1104px !important; }
.language-flag.language-flag-custom-canada .country-flag { background-position: 0 -1120px !important; }
.language-flag.language-flag-custom-chile .country-flag { background-position: 0 -1136px !important; }
.language-flag.language-flag-custom-cote-d-ivoire .country-flag { background-position: 0 -1152px !important; }
.language-flag.language-flag-custom-ecuador .country-flag { background-position: 0 -1168px !important; }
.language-flag.language-flag-custom-egypt .country-flag { background-position: 0 -1184px !important; }
.language-flag.language-flag-custom-england .country-flag { background-position: 0 -1200px !important; }
.language-flag.language-flag-custom-luxembourg .country-flag { background-position: 0 -1216px !important; }
.language-flag.language-flag-custom-malaysia .country-flag { background-position: 0 -1232px !important; }
.language-flag.language-flag-custom-mexico .country-flag { background-position: 0 -1248px !important; }
.language-flag.language-flag-custom-new-zealand .country-flag { background-position: 0 -1264px !important; }
.language-flag.language-flag-custom-oman .country-flag { background-position: 0 -1280px !important; }
.language-flag.language-flag-custom-qatar .country-flag { background-position: 0 -1296px !important; }
.language-flag.language-flag-custom-saudi-arabia .country-flag { background-position: 0 -1312px !important; }
.language-flag.language-flag-custom-singapore .country-flag { background-position: 0 -1328px !important; }
.language-flag.language-flag-custom-south-africa .country-flag { background-position: 0 0 !important; }
.language-flag.language-flag-custom-switzerland .country-flag { background-position: 0 -1344px !important; }
.language-flag.language-flag-custom-syria .country-flag { background-position: 0 -1360px !important; }
.language-flag.language-flag-custom-united-arab-emirates .country-flag { background-position: 0 -1376px !important; }
.language-flag.language-flag-custom-united-states-of-america .country-flag { background-position: 0 -1392px !important; }
.language-flag-hy .country-flag { background-position: 0 -1408px; }
.language-flag-bs .country-flag { background-position: 0 -1424px; }
.language-flag-ceb .country-flag { background-position: 0 -1440px; }
.language-flag-ny .country-flag { background-position: 0 -1456px; }
.language-flag-ha .country-flag { background-position: 0 -1472px; }
.language-flag-hmn .country-flag { background-position: 0 -1488px; }
.language-flag-ig .country-flag { background-position: 0 -1504px; }
.language-flag-jw .country-flag { background-position: 0 -1520px; }
.language-flag-kk .country-flag { background-position: 0 -1536px; }
.language-flag-km .country-flag { background-position: 0 -1552px; }
.language-flag-lo .country-flag { background-position: 0 -1568px; }
.language-flag-la .country-flag { background-position: 0 -1584px; }
.language-flag-mg .country-flag { background-position: 0 -1600px; }
.language-flag-ml .country-flag { background-position: 0 -1616px; }
.language-flag-mi .country-flag { background-position: 0 -1632px; }
.language-flag-mr .country-flag { background-position: 0 -1648px; }
.language-flag-mn .country-flag { background-position: 0 -1664px; }
.language-flag-my .country-flag { background-position: 0 -1680px; }
.language-flag-ne .country-flag { background-position: 0 -1696px; }
.language-flag-pa .country-flag { background-position: 0 -1712px; }
.language-flag-st .country-flag { background-position: 0 -1728px; }
.language-flag-si .country-flag { background-position: 0 -1744px; }
.language-flag-so .country-flag { background-position: 0 -1760px; }
.language-flag-su .country-flag { background-position: 0 -1776px; }
.language-flag-tg .country-flag { background-position: 0 -1792px; }
.language-flag-uz .country-flag { background-position: 0 -1808px; }
.language-flag-yo .country-flag { background-position: 0 -1824px; }
.language-flag-zu .country-flag { background-position: 0 -1840px; }
/*-------------------------------
language end
----------------------------------*/
/*-------------------------------
animation start
----------------------------------*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(30px,0,0);-ms-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes twinkling{0%{opacity:0;}100%{opacity:1;}}
@-webkit-keyframes OrangePulse{from{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}50%{background-color:rgba(210,174,109,1);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}to{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1);}}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);}25%{-webkit-transform:translateY(-20%);}50%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-10%);}100%{-webkit-transform:translateY(0);}}
@keyframes jump{0%{transform:translateY(0);}25%{transform:translateY(-20%);}50%{transform:translateY(0);}75%{transform:translateY(-10%);}100%{transform:translateY(0);}}
@-webkit-keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
@keyframes fadeInA{0%{opacity:0;}100%{opacity:1;}}
.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
/* animate.css */
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes zoomInA{
0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
33%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5);}
66%{opacity:0;-webkit-transform:scale(2.2);transform:scale(2.2);}
}
@keyframes zoomInA{
0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
33%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5);}
66%{opacity:0;-webkit-transform:scale(2.2);transform:scale(2.2);}
}
.zoomInA{-webkit-animation-name:zoomInA;animation-name:zoomInA}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.spin{-webkit-animation-name:spin;animation-name:spin}
/*-------------------------------
animation end
----------------------------------*/