/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("menu.css?v=1030");
@import url("flag.css?v=106");
.wcenter { max-width:1504px; margin:0 auto }
/*================================================== */
#banner-slider img { display:block; width:100%; height:auto }
.swiper-pagination-click { position:absolute; left:0; bottom:10px; width:100%; text-align:center; z-index:9 }
.swiper-pagination-click span { outline:none; margin:0 6px; background:rgba(255, 255, 255, 0.5) }
.swiper-pagination-click span.swiper-pagination-bullet-active { background:rgba(255, 255, 255, 1) }
/**/
.h2_title { color:#3963ef; font-size:38px; display:block; text-align:center; line-height:normal; font-weight:normal }
.h2_copy { font-size:14px; display:block; text-transform:uppercase; text-align:center; color:#606060; margin-bottom:100px; }
/**/
.item_product, .item_adv, .item_solutions, .item_logo, .item_blog { padding:120px 0 }
.item_logo { background:#f3f3f3 }
.item_solutions { background:#88a1f5 }
.item_solutions * { color:#fff }
.item_adv { background:#00091c url(../images/adv_bg.jpg) no-repeat center bottom }
/**/
.item_product *, .solutions_banner *, .read_more a, .item_logo * { transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
}
.item_product li { float:left; width:25.5%; margin-right:2%; position:relative; overflow:hidden }
.item_product li img { display:block; width:100%; height:auto }
.item_product li.icon02 { width:21.5%; }
.item_product li.icon02 .product_flex:first-child { margin-bottom:30px }
.item_product li.icon05 .product_flex:first-child { margin-bottom:30px }
.item_product li.icon05 { width:21.5%; margin-right:0 }
.item_product li.icon01 .product_flex,.item_product li.icon04 .product_flex{ position:absolute; left:0; top:0; width:100%; height:100%}
.item_product li.icon01 a,.item_product li.icon04 a{ display:block;}
.item_product li.icon01 img.one,.item_product li.icon04 img.one{ width:323.36px; display:block;}
.item_product li.icon01 img.two,.item_product li.icon04 img.two{ width:323.36px; display:block; margin-top:30px}
.product_postion {}
.product_flex { position:relative; overflow:hidden }
.item_product li .desc { position:absolute; left:0; top:100%; margin-top:-80px; padding:25px; height:100%; width:100%; background:rgba(9, 21, 43, 0); color:#fff; font-size:16px; }
.item_product li .desc b { font-size:25px; display:block; padding-bottom:10px; }
.item_product li .desc p { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0 }
.item_product li .product_flex:hover .desc { top:0; background:rgba(9, 21, 43, 0.67); margin-top:0 }
.item_product li .product_flex:hover b { color:#fff }
.item_product li .product_flex:hover p { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1 }
/**/
.item_adv { padding:180px 0 }
.item_adv * { color:#fff }
.item_adv .h2_copy { margin-bottom:25px; }
.item_adv .adv_desc { text-align:center; font-size:18px; line-height:1.5; margin-bottom:150px; }
.item_adv ul { text-align:center }
.item_adv li { display:inline-block; margin:0 50px; width:190px; vertical-align:top; }
.item_adv li b { font-size:22px; display:block; margin-top:15px; }
.item_adv li b:after { width:40px; height:3px; background:#fff; display:block; margin:0 auto; margin-top:8px; content:"" }
.item_adv li p { display:block; padding-top:10px; font-size:14px; }
.item_adv li:before { background:url(../images/icon_adv.png) no-repeat; content:""; display:inline-block; width:136px; height:122px; background-size:auto 100% }
.item_adv li.cion02:before { background-position:right center }
.item_adv li.cion03:before { background-position:-136px center }
.item_adv li.cion04:before { background-position:-272px center }
.item_adv li.cion05:before { background-position:-408px center }
/**/
.solutions_banner { position:relative }
.solutions_banner img { display:block; width:100%; height:auto }
.sulutions_tabs { position:absolute; left:0; top:0; z-index:9; width:100%; height:100%; }
.sulutions_tabs ul { height:100%; display:block; float:left; width:100% }
.sulutions_tabs li { float:left; width:16.66666666666667%; overflow:hidden; background:url(../images/app_bg.png) repeat-x left 1000%; border-left:1px solid #aab8bd; height:100%; position:relative }
.sulutions_tabs li:first-child { border-left:0 }
.sulutions_tabs li b { font-size:23px; color:#fff; display:block; font-weight:normal }
.sulutions_tabs li b:after { width:40px; height:2px; background:#fff; content:""; display:block; margin-top:10px; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0 }
.sulutions_tabs li .desc { position:absolute; left:0; top:100%; padding:25px; margin-top:-100px }
.sulutions_tabs li p { font-size:14px; line-height:1.6; color:#fff; padding-top:25px; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0 }
.sulutions_tabs li:hover b:after, .sulutions_tabs li:hover p, .sulutions_tabs li.on b:after, .sulutions_tabs li.on p { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1 }
.sulutions_tabs li:hover .desc, .sulutions_tabs li.on .desc { top:auto; bottom:0; margin-top:0 }
.sulutions_tabs li:hover, .sulutions_tabs li.on { background-position:left bottom }
/**/
.item_logo { }
.item_logo li { float:left; width:22%; margin-right:4%; background:#fff; padding:25px; margin-bottom:4%; position:relative }
.item_logo li img { display:block; width:100%; height:auto; margin:0 auto }
.item_logo li:nth-child(4n) {
margin-right:0
}
.item_logo li p { font-size:16px; padding:10px 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position:absolute; left:0; top:0; width:100%; height:100%; background:#3963ef; color:#fff; text-align:center }
.item_logo li p { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0 }
.item_logo li:hover p { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1 }
.read_more { text-align:center; text-align:center }
.read_more a { background:#3963ef; border:1px solid #3963ef; display:inline-block; padding:15px 0; width:260px; font-size:18px; color:#fff; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; }
.read_more a:hover { background:#fff; color:#3963ef }
/**/
.item_blog .read_more { margin-top:8% }
.item_blog .read_more a { border-color:#e4e4e4; background:#f3f3f3; color:#333 }
.item_blog .read_more a:hover { background:#3963ef; color:#fff; border-color:#3963ef }
.news_lt { float:left; width:1030px; }
.news_lt li { float:left; width:490px; }
.news_lt li:first-child { margin-right:45px }
.news_lt li label { display:block; background:url(../images/icon_date.jpg) no-repeat left center; padding-left:32px; display:block; margin-top:12px }
.news_lt li .title { font-size:25px; color:#333; line-height:1.2; display:block; margin-top:10px }
.news_lt li .title:hover { color:#3963ef }
.news_lt li p { font-size:15px; line-height:1.8; margin:15px 0; margin-bottom:35px }
.news_lt li a.more { color:#3963ef; font-size:16px; }
.news_lt li a.more i { vertical-align:middle; margin-left:5px }
.news_rt { float:right; width:405px; }
.news_rt label { font-size:17px; color:#878787; display:block }
.news_rt b { font-size:32px; color:#343434; display:block; margin-bottom:10px; margin-top:10px; margin-bottom:50px }
.news_rt b span { color:#3963ef; }
.news_rt p { font-size:16px; color:#878787; margin-bottom:20px }
.news_rt p a { display:block; line-height:1.5; background:url(../images/icon_jst.jpg) no-repeat left 5px; padding-left:25px }
.news_rt p a:hover { color:#3963ef }
.news_lt li img { -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.news_lt li * { transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
}
.news_lt li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
/**/
.banner_tips{ display:none}
#pc_product{}
#mobile_product{ display:none}
@media(max-width:1674px){
.wcenter{ max-width:100%;}
.item_product, .item_adv, .item_solutions, .item_logo, .item_blog{ padding:100px 85px}
.item_product li.icon02 .product_flex:first-child{margin-bottom:1.7921146953405vw}
.item_product li.icon05 .product_flex:first-child{margin-bottom:1.7921146953405vw}
.item_product li.icon01 img.two, .item_product li.icon04 img.two{margin-top:1.7921146953405vw}
.item_adv li{ margin:0 2.9868578255675vw; width:11.35005973715651vw}
.item_adv .adv_desc{ margin-bottom:100px}
/**/
.news_lt{ width:70%;}
.news_rt{ width:30%; padding-left:15px}
.news_lt li{ width:50%; padding-right:35px; margin-right:0}
.news_lt li:first-child{ margin-right:0}
}
@media(max-width:1360px){
.item_product, .item_adv, .item_solutions, .item_logo, .item_blog{ padding:80px 50px}
.item_product li .desc b{ font-size:18px}
.item_product li .desc{ font-size:14px}
.h2_copy{ margin-bottom:80px}
/**/
.item_adv li:before{width:100px; height:90px; background-size:auto 90px}
.item_adv li.cion03:before{background-position:-100px center}
.item_adv li.cion04:before{background-position:-200px center}
.item_adv li.cion05:before{background-position:-300px center}
.item_adv li b{font-size:20px}
.item_adv .adv_desc{ margin-bottom:80px}
.item_adv li{ margin:0 0vw; width:20%; float:left; padding:0 25px}
.sulutions_tabs li b{ font-size:18px}
.sulutions_tabs li .desc{ padding:15px}
.read_more a{ width:200px; padding:10px 0; font-size:14px}
.news_lt li .title{ font-size:20px}
.news_rt p{ font-size:14px}
}
@media(max-width:1000px){
#pc_product{ display:none}
#mobile_product{ display:block}
.item_product li{ width:32%; margin-right:2%}
.item_product li:nth-child(3n){ margin-right:0}
.item_product li:nth-child(4),.item_product li:nth-child(5),.item_product li:nth-child(6){ margin-top:2%}
.item_product li .desc{ height:auto; margin-top:-60px; padding:15px;}
.h2_copy{ margin-bottom:50px}
/**/
.item_adv .adv_desc{ margin-bottom:50px}
.item_adv li{ margin:0 0vw; width:33.3333%; float:left; padding:0 25px; padding-top:30px}
.item_adv ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
/**/
.banner_tips b{ display:none}
.banner_tips{ display:block; position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:16px; padding:25px}
.sulutions_tabs{ height:auto; position:static}
.sulutions_tabs li{ width:33.3333333%; border-color:rgba(255,255,255,0.1); color:#fff;background:rgba(57,99,239,0.6)}
.sulutions_tabs li .desc{ position:static; margin:0; text-align:center}
.sulutions_tabs li .desc p{ display:none}
.sulutions_tabs li b:after{ display:none}
.sulutions_tabs li:nth-child(4){ border-left:0}
.sulutions_tabs li:nth-child(1),.sulutions_tabs li:nth-child(2),.sulutions_tabs li:nth-child(3){ border-bottom:1px solid rgba(255,255,255,0.1)}
.sulutions_tabs li.on{background:rgba(57,99,239,1)}
}
@media(max-width:990px){
.news_lt{ width:100%}
.news_rt{ width:100%; display:none}
.news_lt li{ padding-right:0; width:48%}
.news_lt li:first-child{ margin-right:4%}
}
@media(max-width:700px){
.item_adv .adv_desc{ margin-bottom:30px}
.item_adv li{width:50%;padding:0 15px; padding-top:30px}
.item_adv li:before{width:70px; height:63px; background-size:auto 63px}
.item_adv li.cion03:before{background-position:-70px center}
.item_adv li.cion04:before{background-position:-140px center}
.item_adv li.cion05:before{background-position:-210px center}
.item_adv li b{ font-size:18px}
.h2_title{ font-size:25px}
.item_adv .adv_desc{ font-size:16px}
.sulutions_tabs li b{ font-size:16px}
}
@media(max-width:600px){
.item_product li{ width:48%; margin-right:4%; margin-top:4%}
.item_product li:nth-child(3n){ margin-right:4%}
.item_product li:nth-child(2n){ margin-right:0%}
.item_product li:nth-child(1),.item_product li:nth-child(2){ margin-top:0}
.item_product li:nth-child(4),.item_product li:nth-child(5),.item_product li:nth-child(6){ margin-top:4%}
.item_product li .desc{ height:auto; margin-top:-60px; padding:15px;}
.item_product, .item_adv, .item_solutions, .item_logo, .item_blog{ padding:50px 25px}
.item_adv li b{ font-size:16px}
.sulutions_tabs li{ width:50%; border:0}
.sulutions_tabs li:nth-child(5){ border:0}
.sulutions_tabs li:nth-child(1), .sulutions_tabs li:nth-child(2), .sulutions_tabs li:nth-child(3){ border:0}
.sulutions_tabs li:nth-child(2n){ border-left:1px solid rgba(255,255,255,0.1)}
.banner_tips{ display:none}
.item_logo li{ width:48%; margin-right:4%}
.item_logo li:nth-child(4n){ margin-right:4%}
.item_logo li:nth-child(2n){ margin-right:0%}
.item_logo .read_more{ margin-top:30px}
}
@media(max-width:400px){
.news_lt li{ width:100%}
.news_lt li:first-child{ margin-right:0; margin-bottom:25px}
}