/* nySolutionList start */
.nySolutionList ul li { width: 100%; margin-top: 100px; overflow: hidden; }
.nySolutionList ul li .tit { margin-bottom: 50px; overflow: hidden; text-align: center; }
.nySolutionList ul li .tit b { display: block; font-size: 36px; color: #222; margin: 0 auto; }
.nySolutionList ul li .tit em { display: block; margin: 20px auto; width: 50px; height: 3px; background: #365eab; }
.nySolutionList ul li .tit p { font-size: 18px; color: #777; line-height: 28px; padding: 0 20px; }
.nySolutionList ul li .tit a.btn { display: block; width: 160px; height: 50px; line-height: 50px; color: #222; border-radius: 30px; border: 1px solid #ddd; margin: 30px auto 0; position: relative; text-align: left; padding-left: 30px; font-size: 16px; }
.nySolutionList ul li .tit a.btn i { display: inline-block; width: 36px; height: 36px; background: #365eab; border-radius: 50px; padding: 10px; position: absolute; right: 6px; top: 6px; }
.nySolutionList ul li .tit a.btn:hover{ padding-left:35px;}
.nySolutionList ul li .img { width: 100%; height: 650px; position: relative; }
.nySolutionList ul li .img .text { position: absolute; right: 10%; top: 50%; transform: translate(0, -50%); background: rgba(255,255,255,0.9); padding: 50px; width: 750px; border-radius: 20px; }
.nySolutionList ul li .img .text p { font-size: 16px; color: #222; margin-bottom: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nySolutionList ul li .img .text p i,.nySolutionList ul li .img .text p em{ display: inline-block; width: 32px; height: 32px; background: #c4c4c4; font-size: 18px; font-weight: bold; text-align: center; line-height: 32px; border-radius: 50px; color: #fff; margin-right: 20px; }
.nySolutionList ul li .img .text p:last-child { margin-bottom: 0; }
.nySol_text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; }
.nySol_text b { display: block; font-size: 44px; color: #fff; }
.nySol_text p { color: #fff; font-size: 18px; padding: 0 20px; margin: 20px 0 50px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; max-height:52px; line-height:26px; }
.nySol_text a.btn { display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #fff; border-radius: 30px; color: #fff; font-size: 16px; margin: 0 auto; }
.nySol_text a.btn i { display: inline-block; width: 20px; height: 20px; margin: 0 10px -4px 0; }
.nySol_text a.btn:hover i { margin: 0 15px -4px 0; }
.nyProLocation{ margin:20px auto; overflow:hidden;}
.nyProLocation .nyProLocation_main { height: 40px; overflow: hidden; line-height: 42px; color: #777; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding-left:25px; position: relative; }
.nyProLocation_main i { display: block; width: 18px; height: 18px; overflow: hidden; margin-top: -9px; position: absolute; left: 0; top: 50%; }
.nyProLocation_main i svg { display: block; width: 100%; height: 100%; margin: 0 auto; }
.nyProLocation_main i svg path { fill: #777; }
.nyProLocation_main a { color: #777; font-size: 14px; }
.nyProLocation_main a:hover { color: #365eab; }
.nyProLocation_main span { color: #222; font-size: 14px; }
.nyProLocation_main em { display: inline-block; width:10px; height:10px; overflow: hidden; vertical-align: middle; margin: -2px 6px 0; }
.nyProLocation_main em svg { display: block; width: 100%; height: 100%; margin: 0 auto; }
.nyProLocation_main em svg path { fill: #999999; }
.nySolutionList_Con { padding: 0 0 100px; overflow: hidden; }
.nySolutionList_Menu { margin: 0 auto 50px; overflow: hidden; padding:30px; background:#fff; border-radius:10px;display: -webkit-flex; display: flex; flex-wrap: wrap;  align-items: center; }
.nySolutionList_Menu .nySolutionMenu_tit{ width:200px; float:left;}
.nySolutionMenu_tit em{ display:block; width:60px; height:60px; border:1px solid rgba(54,94,171,0.08); padding:7px; border-radius:50%; float:left;} 
.nySolutionMenu_tit em i{ display:block; padding:8px; background:#365eab;border-radius:50%;}
.nySolutionMenu_tit .text{ float:left; margin-left:15px;}
.nySolutionMenu_tit .text b{ display:block; font-size:24px; color:#222;}
.nySolutionMenu_tit .text p{ font-size:18px; color:rgba(34,34,34,0.1); font-weight:bold; text-transform:uppercase;}
.nySolutionList_Menu ul{width: calc(100% - 200px); padding-left:50px; float:right;}
.nySolutionList_Menu ul li{ background:#f2f5f9; padding:0 20px; height:40px; line-height:40px; text-align:center; float:left; margin-right:20px; border-radius:5px;}
.nySolutionList_Menu ul li a{ display:block; font-size:16px; color:#222;}
.nySolutionList_Menu ul li:hover,.nySolutionList_Menu ul li.on{ background:#365eab;}
.nySolutionList_Menu ul li:hover a,.nySolutionList_Menu ul li.on a{ color:#fff;}
.nySolutionList_classify ul{ min-height:300px;}
.nySolutionList_classify ul li { width:24.1%; margin: 0 1.2% 20px 0; background: #fff; border-radius:10px; padding:35px 20px;position:relative; float:left; }
.nySolutionList_classify ul li:nth-child(4n+4) { margin-right: 0; }
.nySolutionList_classify ul li .nySolutionList_Img { display: block; width:100%;height: 300px; position: relative; overflow: hidden; }
.nySolutionList_classify ul li .nySolutionList_Name{ display:block; font-size:18px; color:#222; text-align:center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin-top:20px;}
.nySolutionList_classify ul li:after{ content:""; display:block; width:0; height:5px; background:#365eab; position:absolute; left:0; bottom:0;transition: all .4s ease;border-radius: 0 0 10px 10px;}
.nySolutionList_classify ul li:hover:after{ width:100%;}
.nySolutionList_classify ul li:hover .nySolutionList_Img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

.nySolutionList_list { margin: 0 auto; }
.nySolutionList_list ul { display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: stretch; min-height:300px; }
.nySolutionList_list ul li {width:24.1%; margin: 0 1.2% 20px 0; background: #fff; border-radius:10px; padding:30px; float:left; position:relative; }
.nySolutionList_list ul li:nth-child(4n+4) { margin-right: 0; }
.nySolutionList_list ul li .nySolutionList_Img { display: block; width: 100%; height:280px;position: relative; overflow: hidden; }
.nySolutionList_list ul li .nySolutionList_Text { width:100%; margin-top:20px;}
.nySolutionList_list ul li .nySolutionList_Text .nySolutionList_Name { padding-bottom:15px; border-bottom: 1px solid #e6e6e6; position: relative; margin-bottom:15px; }
.nySolutionList_list ul li .nySolutionList_Text .nySolutionList_Name a { display: block; font-size:18px; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }
.nySolutionList_list ul li .nySolutionList_Text p { font-size: 16px; color: #777; margin-bottom:8px; line-height: 26px; position: relative; padding-left: 15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.nySolutionList_list ul li .nySolutionList_Text p:before { content: ""; display: inline-block; width: 4px; height: 4px; background: #777; border-radius: 50px; position: absolute; left: 0; top: 10px; }
.nySolutionList_list ul li a.btn{ display: none;width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%, -50%);}
.nySolutionList_list ul li a.btn img{ position:absolute; left: 50%; top:50%;transform: translate(-50%, -50%); width:100px; height:100px;}
.nySolutionList_list ul li:after{ content:""; display:block; width:100%; height:0; background:rgba(54,94,171,0.75); position:absolute; left:0; bottom:0;transition: all .4s ease; border-radius:20px;}
.nySolutionList_list ul li:hover:after { height: 100%; }
.nySolutionList_list ul li:hover a.btn{ display:block;}
/* nySolutionList end */


@media (max-width:1680px) {
.nySolutionList ul li { margin-top: 80px; }
.nySolutionList ul li .tit { margin-bottom: 40px; }
.nySolutionList ul li .tit b { font-size: 32px; }
.nySolutionList ul li .img { height: 600px; }
.nySolutionList_Con{ padding:0 0 80px;}
.nySolutionList_Menu .swiper-slide{ height:60px; line-height:60px;}
.nySolutionList_Menu .swiper-slide a{ font-size:16px;}
.nySol_text b{ font-size:40px;}
.nySol_text p{ font-size:16px;margin:15px 0 40px;}
.nySolutionList_Menu{ padding:25px;border-radius: 8px;}
.nySolutionList_Menu .nySolutionMenu_tit{ width:185px;}
.nySolutionMenu_tit em{ width:55px; height:55px;}
.nySolutionMenu_tit .text b{ font-size:22px;}
.nySolutionMenu_tit .text p{ font-size:16px;}
.nySolutionList_Menu ul {width: calc(100% - 185px); padding-left:40px;}
.nySolutionList_classify ul li{ padding:30px 20px;}
.nySolutionList_classify ul li .nySolutionList_Img{ height:280px;}
.nySolutionList_list ul li .nySolutionList_Img{ height:260px;}
}
 @media (max-width:1600px) {
}
 @media (max-width:1560px) {
.nySolutionList ul li .img { height: 500px; }
}
 @media (max-width:1440px) {
.nySolutionList ul li .tit { margin-bottom: 30px; }
.nySolutionList ul li .tit b { font-size: 30px; }
.nySolutionList ul li .tit em { margin: 15px auto; }
.nySolutionList ul li .tit p { font-size: 16px; line-height: 26px; }
.nySolutionList ul li .img { height: 450px; }
.nySolutionList ul li .img .text { width: 50%; right: 10%; padding: 40px; border-radius: 15px; }
.nySolutionList ul li .img .text p { font-size: 15px; margin-bottom: 20px; }
.nySolutionList ul li .img .text p i,.nySolutionList ul li .img .text p em{ font-size: 15px; width: 30px; height: 30px; line-height: 30px; margin-right: 15px; }
.nySolutionList ul li .tit a.btn { width: 150px; height: 45px; line-height: 45px; font-size: 15px; margin: 25px auto 0; padding-left: 25px; }
.nySolutionList ul li .tit a.btn i { width: 33px; height: 33px; right: 5px; top: 5px; padding: 9px; }
.nySolutionList_Menu{ margin:0 auto 40px;}
.nySolutionList_Menu .swiper-slide{ height:50px; line-height:50px;}
.nySolutionList_Menu .swiper-slide a{ font-size:15px;}
.nySol_text b{ font-size:36px;}
.nySol_text p{ font-size:15px; line-height:24px; max-height:48px; margin:10px 0 30px;}
.nySol_text a.btn{ width:150px; height:45px; line-height:45px; font-size:15px;}
.nySolutionList_list ul li{ padding:20px;border-radius:8px;}
.nySolutionList_list ul li:after{border-radius:8px;}
.nySolutionList_list ul li .nySolutionList_Text .nySolutionList_Name a{ font-size:16px;}
.nySolutionList_list ul li .nySolutionList_Text p{ font-size:15px; line-height:24px; max-height:70px;}
.nySolutionList_list ul li .nySolutionList_Img{ height:240px;}
.nySolutionList_list ul li a.btn img{ width:80px; height:80px;}
.nySolutionList_Menu{ padding:20px;border-radius: 5px;}
.nySolutionList_Menu .nySolutionMenu_tit{ width:170px;}
.nySolutionMenu_tit em{ width:50px; height:50px; padding:6px;}
.nySolutionMenu_tit em i{ padding:8px;}
.nySolutionMenu_tit .text b{ font-size:20px;}
.nySolutionMenu_tit .text p{ font-size:15px;}
.nySolutionList_Menu ul {width: calc(100% - 170px); padding-left:30px;}
.nySolutionList_Menu ul li{ padding:0 15px;}
.nySolutionList_Menu ul li a{ font-size:15px;}
.nySolutionList_classify ul li{ padding:25px 20px;}
.nySolutionList_classify ul li .nySolutionList_Name{ font-size:16px;}
.nySolutionList_classify ul li .nySolutionList_Img{ height:260px;}
}
 @media (max-width:1366px) {
}
 @media (max-width:1280px) {
.nySolutionList_classify ul li .nySolutionList_Img{ height:240px;}
.nySolutionList_list ul li .nySolutionList_Img{ height:220px;}
}
 @media (max-width:1200px) {
.nySolutionList ul li { margin-top: 60px; }
.nySolutionList ul li .tit b { font-size: 26px; }
.nySolutionList ul li .tit p { font-size: 14px; line-height: 24px; }
.nySolutionList ul li .tit a.btn { width: 140px; height: 40px; line-height: 40px; font-size: 14px; margin: 20px auto 0; padding-left: 20px; }
.nySolutionList ul li .tit a.btn i { width: 30px; height: 30px; right: 4px; top: 4px; padding: 7px; }
.nySolutionList ul li .img { height: 400px; }
.nySolutionList ul li .img .text { width: 60%; right: 5%; }
.nySolutionList ul li .img .text p { font-size: 14px; margin-bottom: 15px; }
.nySolutionList ul li .img .text p i,.nySolutionList ul li .img .text p em{ font-size: 14px; width: 28px; height: 28px; line-height: 28px; margin-right: 12px; }
.nySol_text b{ font-size:30px;}
.nySol_text p{ font-size:14px; line-height:22px; max-height:44px;}
.nySol_text a.btn{ width:140px; height:40px; line-height:40px; font-size:14px;}
.nySolutionList_Con{ padding:0 0 60px;}
.nySolutionList_Menu{ margin:0 auto 30px;}
.nySolutionList_Menu .swiper-slide{ height:40px; line-height:40px;}
.nySolutionList_Menu .swiper-slide a{ font-size:14px;}
.nySolutionList_list ul li{ width:32%; margin:0 2% 20px 0; padding:20px;}
.nySolutionList_list ul li:nth-child(3n+3){ margin-right:0;}
.nySolutionList_list ul li:nth-child(4n+4){ margin-right:2%;}
.nySolutionList_list ul li:nth-child(6n+6){ margin-right:0;}
.nySolutionList_list ul li .nySolutionList_Text .nySolutionList_Name{ padding-bottom:10px; margin-bottom:10px;} 
.nySolutionList_list ul li .nySolutionList_Text .nySolutionList_Name a{ font-size:15px;}
.nySolutionList_list ul li .nySolutionList_Text p{ font-size:14px; line-height:22px; max-height:65px; margin-bottom:8px;}
.nySolutionList_classify ul li:after{ height:3px;}

}
 @media (max-width:1080px) {
}
 @media (max-width:1024px) {
.nyProLocation{ margin:10px auto;}
.nySolutionList ul li .img .text { width: 70%; padding: 30px; border-radius: 10px; }
.nySol_text b{ font-size:26px;}
.nySolutionList_Menu{ padding:15px;border-radius: 5px;}
.nySolutionList_Menu .nySolutionMenu_tit{ width:150px;}
.nySolutionMenu_tit em{ width:40px; height:40px; padding:4px;}
.nySolutionMenu_tit em i{ padding:6px;}
.nySolutionMenu_tit .text{ margin-left:10px;}
.nySolutionMenu_tit .text b{ font-size:18px;}
.nySolutionMenu_tit .text p{ font-size:14px;}
.nySolutionList_Menu ul {width: calc(100% - 150px); padding-left:20px;}
.nySolutionList_Menu ul li{ padding:0 10px; height:35px; line-height:35px; margin:5px 10px 5px 0;}
.nySolutionList_Menu ul li a{ font-size:14px;}
.nySolutionList_Menu ul li:last-child{ margin-bottom:0;}
.nySolutionList_classify ul li{ width:32%; margin:0 2% 20px 0; padding:20px;}
.nySolutionList_classify ul li .nySolutionList_Img{ height:220px;}
.nySolutionList_classify ul li:nth-child(3n+3){ margin-right:0;}
.nySolutionList_classify ul li:nth-child(4n+4){ margin-right:2%;}
.nySolutionList_classify ul li:nth-child(6n+6){ margin-right:0;}
.nySolutionList_list ul li a.btn img{ width:60px; height:60px;}
}
 @media (max-width:920px) {
.nySolutionList ul li { margin-top: 40px; }
.nySolutionList ul li .tit { margin-bottom: 20px; }
.nySolutionList ul li .tit em { margin: 15px auto; }
.nySolutionList ul li .tit b { font-size: 22px; }
.nySolutionList ul li .img { height: 350px; }
.nySol_text p{ margin:5px 0 15px;}
.nySolutionList_Con{ padding:0 0 40px;}
.nySolutionList_list ul li .nySolutionList_Img{ height:200px;}
}
 @media (max-width:820px) {
.nySol_text b{ font-size:22px;}

}
 @media (max-width:767px) {
.nySolutionList ul li .img .text { width: 90%; }
.nySolutionList_list ul li .nySolutionList_Text{ padding:10px 0 0;}
.nySolutionList_classify ul li{ width:49%;padding:15px;}
.nySolutionList_classify ul li:nth-child(2n+2){ margin-right:0;}
.nySolutionList_classify ul li:nth-child(3n+3){ margin-right:2%;}
.nySolutionList_classify ul li:nth-child(6n+6){ margin-right:0;}
.nySolutionList_classify ul li .nySolutionList_Img{ height:180px;}
.nySolutionList_classify ul li .nySolutionList_Name{ font-size:15px;}
.nySolutionList_list ul li{ width:48.75%; margin:0 2.5% 20px 0;}
.nySolutionList_list ul li:nth-child(2n+2){ margin-right:0;}
.nySolutionList_list ul li:nth-child(3n+3){ margin-right:2.5%;}
.nySolutionList_list ul li:nth-child(6n+6){ margin-right:0;}
}
@media (max-width:650px) {
.nySolutionList_Menu .nySolutionMenu_tit{ width:100%;}
.nySolutionList_Menu ul{ width:100%; margin-top:10px; padding-left:0;}
}
 @media (max-width:550px) {
.nySolutionList_list ul li{ width:100%; margin:0 0 20px;}
}
 @media (max-width:375px) {
.nySolutionList_classify ul li{ width:100%;}
}