/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=363255");
@import url("flag.css?v=106");
@import url("page.css?v=106");
/****************************smt 流程*******************************************/
.banner_area h2{ color:#fff}
.banner_area h2:after{ background:#fff}
.sub_next_ul li a:before{ background-image:url(../images/smt/1.png)}
.sub_next_ul li.on a:before{ background-image:url(../images/smt/1on.png)}
.sub_next_ul li.icon01 a:before{ width:32px; background-position:left center}
.sub_next_ul li.icon02 a:before{ width:37px; background-position:-39px center}
.sub_next_ul li.icon03 a:before{ width:33px; background-position:-78px center}
.sub_next_ul li.icon04 a:before{ width:33px; background-position:-115px center}
.sub_next_ul li.icon05 a:before{ width:36px; background-position:-153px center}
.sub_next_ul li.icon01 a{ padding-left:42px;}
.sub_next_ul li.icon02 a{ padding-left:47px;}
.sub_next_ul li.icon03 a{ padding-left:43px;}
.sub_next_ul li.icon04 a{ padding-left:43px;}
.sub_next_ul li.icon05 a{ padding-left:46px;}
.sub_next_ul li{ margin-right:85px}
/**/
#solution_desc{ background:#f2f4f5; margin-top:25px}
#solution_desc .wcenter{ max-width:100%}
.solution_lists li{ float:left; width:100%; background:#fff; position:relative}
.solution_lists .thumb{ width:50%}
.solution_lists .thumb img{ display:block; width:100%; height:auto}
.solution_lists .desc{ position:absolute; left:50%; top:0;width:50%;height:100%;line-height:1.2; font-size:16px; padding:25px 100px;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center}
.solution_lists .desc label{ font-size:62px; color:#178d63; font-weight:bold; display:block; line-height:52px}
.solution_lists .desc b{ font-size:30px; display:block; color:#252525; line-height:1.2; margin:10px 0}
.solution_lists li:nth-child(2n) .desc{left:0;}
.solution_lists li:nth-child(2n) .thumb{ margin-left:50%}
.solution_lists li.item_01 .desc{}
.solution_lists li.item_01 .flex_box{}
.solution_lists li.item_01 p{ display:block; padding-left:10px; margin-top:10px; position:relative}
.solution_lists li.item_01 p:before{ width:4px; height:4px; background:#178d63; content:""; position:absolute; left:0; top:8px; display:block;-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%;}
/**/
.video{ position:relative; display:inline-block; margin:0 auto; cursor:pointer;line-height:1.8; font-size:16px}
.video img{ max-width:100%; height:auto; vertical-align:top}
.video:before{ width:100%; height:100%; background:rgba(0,0,0,00.5); content:""; position:absolute; left:0; top:0; display:block; z-index:80}
.video:after{ z-index:88; background:url(../images/solution/video.png) no-repeat center center; background-size:cover; width:170px; height:170px; content:""; display:block; position:absolute; left:50%; top:50%; margin-left:-85px; margin-top:-85px;}
/**/
.page_desc{ line-height:1.8; font-size:16px}
.page_desc img{ max-width:100%; height:auto; vertical-align:top}
/**/
@media(max-width:1674px){
.solution_lists li.item_01 .desc{ padding-left:35px; padding-right:35px;}
.solution_lists li .flex_box{ max-height:270px; overflow:auto}
.solution_lists .desc{ padding:35px}
}
@media(max-width:1366px){
.solution_lists li .flex_box{ max-height:195px; overflow:auto}
}
@media(max-width:1180px){
.solution_lists li{ width:48%; display:block; margin-bottom:4%}
.solution_lists li:nth-child(2n){ margin-left:4%;}
.solution_lists .thumb{ width:100%; margin-bottom:0}
.solution_lists ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.solution_lists .desc{ position:static; height:auto; width:100%; display:block; }
.solution_lists li .flex_box{ max-height:none;overflow:hidden}
.solution_lists li:nth-child(2n) .thumb{ width:100%; margin-left:0}
.h2_title{ font-size:30px; margin-bottom:30px}
#solution_desc{ padding:60px 0}
#video_desc{ padding:60px 0}
.video:after{ width:100px; height:100px; background-size:100% 100%; margin-left:-50px; margin-top:-50px}
}
@media(max-width:890px){
.solution_lists .desc label{ font-size:42px}
.solution_lists .desc b{ font-size:20px; line-height:1.2}
.solution_lists .desc{ padding:20px}
}
@media(max-width:700px){
.video:after{ width:50px; height:50px; background-size:100% 100%; margin-left:-25px; margin-top:-25px}
.solution_lists li{width: 100%;margin-right: 0;}
}