/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("page.css?v=106");
/********************************************************************/
.item_about{ padding:100px 0}
.about_rt{ float:left; width:740px;}
.about_lt{ float:right; text-align:left; width:700px;}
.about_lt .h2_title_desc{ margin-bottom:25px; text-align:left}
.about_lt h2{ text-align:left; font-size:26px; color:#2a2a2a}
.about_four{ margin-top:35px;}
.about_four li:before{ width:60px; height:2px; background:#3963ef; content:""; position:absolute; left:0; top:-2px; display:block}
.about_four li{ float:left; width:48%; margin-left:0%; position:relative; color:#3963ef; font-size:16px; padding-top:6px; border-top:2px solid #c7c7c7; margin-top:20px;}
.about_four li:nth-child(2n){ margin-left:4%}
/**/
.item_thumbs{ padding:100px 0; padding-top:0px;}
.item_thumbs li{ float:left; width:32%; margin-right:1.333333333%; margin-top:1.33333333%}
.item_thumbs li:nth-child(3n){ margin-right:0}
.item_thumbs li img{ display:block; width:100%; height:auto}
/***/
.company_history{ padding:180px 0}
.company_history{ background:#3963ef url(../images/hbg.jpg) no-repeat center top; position:relative; color:#fff}
.company_history h2,.company_history .h2_title_desc{ color:#fff}
.company_history label{ font-size:48px; font-weight:bold; display:block; padding-top:20px}
.company_history .history_p p{ font-size:20px; line-height:1.4}
.company_history img{ display:block; width:100%; height:auto; margin-bottom:25px}
#history-slider{ position:relative; z-index:50}
#history-slider:before{ content:""; width:100%; height:1px; border-top:1px dashed #fff; position:absolute; left:0; top:8px}
#history-slider .swiper-pagination{ display:none}
#history-slider .swiper-slide{ position:relative;padding-top:35px;}
#history-slider .swiper-slide:before{ position:absolute; left:0; top:0; content:""; display:block; width:8px; height:8px; background:#fff; border:4px solid #969796;-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%;}
#history-slider .swiper-history-prev,.swiper-history-prev:active{outline: none; position:absolute; left:-80px; top:-13px; font-size:40px; cursor:pointer;}
#history-slider .swiper-history-next,.swiper-history-next:active{outline: none; position:absolute; right:-80px; top:-13px;font-size:40px; cursor:pointer;}
/***/
.item_culture{ padding:100px 0}
.item_culture li{ width:45%; float:left; position:relative; border-bottom:2px solid #eee; padding:35px; padding-bottom:80px; text-align:center; font-size:22px; color:#363636}
.item_culture li b{ display:block; color:#3963ef; font-size:36px; padding-bottom:5px; font-weight:normal}
.item_culture li:nth-child(2n){ float:right; margin-left:10%}
.item_culture li:nth-child(3),.item_culture li:nth-child(4){ padding-bottom:35px; border-bottom:0; padding-top:80px;}
.item_culture li:nth-child(1):before{ height:80%; width:2px; background:#eee; content:""; position:absolute; left:110%; top:0}
.item_culture li:nth-child(3):before{ height:80%; width:2px; background:#eee; content:""; position:absolute; left:110%; top:20%}
/***/
.item_network{color:#fff;}
.network_bg{background:url(../images/bbb.jpg) no-repeat center bottom;padding-top:100px;}
.item_network .wcenter{ padding-bottom:854px}
.item_network *{ text-align:center; color:#fff}
.item_network .h2_title_desc{ margin-bottom:25px;}
.network_desc{ font-size:18px; line-height:1.8}
/***/
.item_number{ background:#3963ef}
.item_number ul{ max-width:1504px; margin:0 auto; text-align:left}
.item_number ul li{ float:left; text-align:left; font-size:16px; padding:50px 0; width:260px}
.item_number ul li b{ display:inline-block; position:relative; font-size:55px; padding-right:35px;}
.item_number ul li b sub{ position:absolute; right:0; top:-10px}
.item_number ul li p{ text-align:left; line-height:1.5}
.item_number ul li:last-child sub{top:10px; right:-10px;}
.item_number ul li:last-child{ float:right}
.item_number ul li:nth-child(2){ margin-left:8vw}
.item_number ul li:nth-child(3){ margin-left:8vw}
/***/
.item_advs{ background:#f3f3f3; padding:100px 0}
.item_advs .h2_title_desc{ margin-bottom:25px;}
.adv_desc{ text-align:center; font-size:18px; margin-bottom:50px}
.item_advs li{ background:#fff; width:19%; margin-right:1.25%; float:left; padding:80px 30px; text-align:center; position:relative}
.item_advs li:nth-child(5n){ margin-right:0}
.item_advs li:before{ background:url(../images/icon_adv1.png) no-repeat; margin-bottom:30px; content:""; display:inline-block; width:136px; height:122px; background-size:auto 100%}
.item_advs li.cion02:before{ background-position:right center}
.item_advs li.cion03:before{ background-position:-136px center}
.item_advs li.cion04:before{ background-position:-272px center}
.item_advs li.cion05:before{background-position:-408px center}
.item_advs li b{ font-size:22px; font-weight:normal; color:#595757;}
.item_advs li b:after{ width:40px; height:2px; display:block; margin:0 auto; background:#000; content:""; margin-top:10px}
.item_advs li p{ color:#fff; padding-top:15px; display:none}
.item_advs li:hover .desc{ position:absolute; left:0; top:0; height:100%; width:100%; background:#3963ef; color:#fff; padding:30px;}
.item_advs li:hover b{ color:#fff}
.item_advs li:hover b:after{ background:#fff}
.item_advs li:hover p{ display:block; text-align:left}
/**/
.item_product{ padding:100px 0}
.item_product *{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}
/**/
#pc_product{}
#mobile_product{ display:none}
@media(max-width:1674px){
.item_about,.company_history,.item_culture,.item_product{ padding:100px 85px}
.about_lt{ width:50%; padding-left:50px}
.about_rt{ width:50%}
.about_rt img{ width:100%; height:auto}
.about_four{ margin-top:0}
.item_thumbs{ padding-left:85px; padding-right:85px;}
.company_history{ max-width:100%;}
.item_network{background-size:100% auto;}
.network_bg{ background-size:100% auto; }
.item_network .wcenter{ padding-bottom:43.01553166069295vw}
.item_network{}
.network_bg{ padding-left:85px; padding-right:85px; }
.item_number ul{ max-width:100%; padding-left:85px}
.item_number ul li{ width:25%}
.item_number ul li:nth-child(2),.item_number ul li:nth-child(3){ margin-left:0}
.item_advs{ 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}
}
@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}
.item_about,.company_history,.item_culture,.item_product{ padding:80px 50px}
.item_thumbs{ padding-left:50px; padding-right:50px; padding-top:0px}
.company_history .history_p p{ font-size:18px}
.network_bg{ padding-top:80px;}
.network_bg{ padding-left:50px; padding-right:50px;}
.item_number ul li b{ font-size:40px}
.item_number ul{ max-width:100%; padding-left:50px}
.item_number ul li b{padding-right:30px}
.item_advs{ padding:80px 50px}
.item_advs li{ padding:50px 15px}
.item_advs li b{ font-size:18px}
.item_advs li:before{ width:100px; height:90px;}
.item_advs li.cion03:before{ background-position:-100px center}
.item_advs li.cion04:before{ background-position:-200px center}
.item_advs li.cion05:before{ background-position:-300px center}
}
@media(max-width:1150px){
.item_advs li{ width:32%; margin-right:2%}
.item_advs li:nth-child(3n){ margin-right:0}
.item_advs li:nth-child(4),.item_advs li:nth-child(5){ margin-top:2%}
.network_bg{background-image:url(../images/bxh.jpg)}
.item_network .wcenter {
    padding-bottom:65.01553166069295vw;
}
}
@media(max-width:1000px){
.about_lt{ width:100%; padding-left:0px; margin-bottom:35px}
.about_rt{ width:100%}
.item_culture li b{ font-size:25px}
.item_culture li{ font-size:18px; padding-left:0; padding-right:0; padding-bottom:50px}
.item_number ul li b{ font-size:30px;padding-right:25px}
#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;}
}
@media(max-width:900px){
.item_number ul li{ padding:25px 0; font-size:14px; width:50%}
.item_number ul li:nth-child(3), .item_number ul li:nth-child(4){ padding-top:0}
}
@media(max-width:800px){
.item_advs li b{ font-size:16px}
}
@media(max-width:720px){
.item_advs li{ width:48%; margin-right:4%;margin-top:4%}
.item_advs li:nth-child(3n){ margin-right:4%}
.item_advs li:nth-child(2n){ margin-right:0%}
.item_advs li:nth-child(4),.item_advs li:nth-child(5){ margin-top:4%}
.item_advs li:nth-child(1),.item_advs li:nth-child(2){ margin-top:0%}
}
@media(max-width:500px){
.item_advs li{ padding:25px 15px}	
.item_advs li:before{width:70px; height:63px; background-size:auto 63px; margin-bottom:15px}
.item_advs li.cion03:before{background-position:-70px center}
.item_advs li.cion04:before{background-position:-140px center}
.item_advs li.cion05:before{background-position:-210px center}
}
@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_about,.company_history,.item_culture,.item_product{ padding:50px 25px}
.item_thumbs{ padding-left:25px; padding-right:25px; padding-top:0px}
.company_history .history_p p{ font-size:16px}
.item_culture li b{ font-size:20px}
.item_culture li{ font-size:14px}
.item_culture li:nth-child(1):before{ top:10%}
.item_network{}
.network_bg{ padding-left:25px; padding-right:25px;}
.network_desc{ font-size:16px}
.item_number ul{ max-width:100%; padding-left:25px}
.item_advs{ padding:50px 25px}
}
/**********************************************************************/
#history-slider .swiper-pagination{ display:none}
@media(max-width:1800px){
#history-slider .swiper-history-prev, .swiper-history-prev:active{ left:-50px}
#history-slider .swiper-history-next, .swiper-history-next:active{ right:-50px}
}
@media(max-width:1674px){
#history-slider .swiper-history-prev, .swiper-history-prev:active{ left:-20px}
#history-slider .swiper-history-next, .swiper-history-next:active{ right:-20px}
}
@media(max-width:1360px){
.company_history label{ font-size:30px; padding-top:0}
.company_history p{ font-size:18px; line-height:1.2}
.company_history{ background-position:center -200px}
}
@media(max-width:700px){
#history-slider .swiper-history-prev, .swiper-history-prev:active{display:none}
#history-slider .swiper-history-next, .swiper-history-next:active{display:none}
#history-slider .swiper-pagination{ display:block; width:100%; position:static; margin-top:25px}
#history-slider .swiper-pagination span{ margin:0 10px}
#history-slider .swiper-pagination span.swiper-pagination-bullet-active{ background:#fff}
}
@media(max-width:400px){
.company_history label{ text-align:center}
.item_culture li{ width:100%; padding:0; padding-bottom:25px; margin-bottom:25px}
.item_culture li:nth-child(3), .item_culture li:nth-child(4){ padding:0;padding-bottom:25px;}
.item_culture li:nth-child(2n){ margin-left:0}
.item_culture li:nth-child(3){ border-bottom:2px solid #eee}
.item_culture li:nth-child(4){ padding-bottom:0; margin-bottom:0}
.item_culture li:nth-child(1):before{ display:none}
.item_number ul li b{ font-size:20px; padding-right:15px}
.item_number ul li p{ font-size:12px}
.about_four li{ width:100%}
.about_four li:nth-child(2n){ margin-left:0}
}