.font_16 { font-size: 16px; color: #cd3b1c; }
.font_42 { font-size: 42px; color: #324655; }
.gybt .b { color: #c11f37; }
.container { max-width: 83.333333%; width: 100%; margin: 0 auto; }
.img { line-height: 0; }
.left { float: left; }
.right { float: right; }
.font56 { font-size: 56px; }
.font50 { font-size: 50px; }
.font46 { font-size: 46px; }
 @media(max-width: 1680px) {
.font46 { font-size: 38px; }
.font56 { font-size: 48px; }
}
 @media(max-width: 1480px) {
.font46 { font-size: 33px; }
.font56 { font-size: 36px; }
}
 @media(max-width: 1110px) {
.font46 { font-size: 24px; }
.font56 { font-size: 28px; }
}
 @media(max-width: 600px) {
.font46 { font-size: 24px; }
.font56 { font-size: 24px; }
}
 @media(max-width: 400px) {
.font46 { font-size: 22px; }
}
.font24 { font-size: 24px; }
.font20 { font-size: 20px; }
.font18 { font-size: 18px; }
.font16 { font-size: 16px; }
.font15 { font-size: 15px; }
.font14 { font-size: 14px; }
.font12 { font-size: 12px; }
.gybt .b { color: #c11f37; }
.gybt .d { color: #292b2b; font-family: 'FZLTCHK'; margin-top: 8px; }
.head { width: 100%; }
.head .head_01 .logo { padding-top: 21px; float: left; }
.head .head_01 .ec { float: right; padding: 30px 0; position: relative; }
.head .head_01 .ec p { font-size: 16px; color: #666666; position: relative; padding-right: 20px; padding-left: 22px; }
.head .head_01 .ec p i { background: url(../images/head_jt.png)center center/cover; width: 10px; height: 7px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.head .head_01 .ec p:after { content: ""; position: absolute; width: 18px; height: 18px; background: url(../images/dq.png)center center/cover; top: 50%; transform: translateY(-50%); left: 0; }
.head .head_01 .ec ul { width: 100%; text-align: center; position: absolute; top: 50px; background: #fff; z-index: 10; display: none; }
.head .head_01 .ec:hover ul { display: block; }
.head .head_01 .ec ul li { padding: 15px 0; }
.head .head_01 .ec ul li a { font-size: 16px; color: #666666; width: 100%; display: block; }
.head .head_01 .sous { float: right; margin-right: 30px; padding-top: 32px; position: relative; }
.head .head_01 .sous .sousk { width: 300px; position: absolute; top: 80px; right: 0; z-index: 10; display: none; }
.head .head_01 .cur .sousk { display: block; }
.head .head_01 .sous .sousk .text { width: 100%; background: #fff; border: none; height: 40px; line-height: 40px; font-size: 16px; padding: 0 30px 0 10px; color: #333; }
.head .head_01 .sous .sousk .tj { position: absolute; top: 50%; transform: translateY(-50%); right: 6px; border: none; width: 18px; height: 18px; font-size: 0; background: url(../images/fdj.png) center center/cover; }
.head .head_01 .daoh { float: right; margin-right: 70px; padding: 30px 0; }
.head .head_01 .daoh li { float: left; margin-left: 55px; }
.head .head_01 .daoh li a { font-size: 16px; color: #2c4655; }
.news { padding: 90px 0; margin: 0 auto; }
.newsBorder { margin-top: 82px; border-top: 1px solid #ddd; }
/*.img img{

    width: 100%;

}*/

.news .news_01 .bt1 { font-size: 32px; color: #324655; margin-bottom: 20px; }
.news .news_01 .rq { font-size: 16px; color: rgba(50, 70, 85, 0.7); position: relative; padding-left: 20px; }
.news .news_01 .rq:after { content: ""; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/news_01.png); }
.news .news_02 { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin-top: 30px; padding: 38px 0; }
.news .news_02 p { font-size: 16px; color: rgba(50, 70, 85, 0.8); line-height: 1.8; margin-bottom: 25px; }
.news .news_03 { padding: 50px 0; position: relative; }
.news .news_03 .bt { font-size: 16px; color: #324655; line-height: 1.8; }
.news .news_03 .bt a:hover { color: #cd3b1c; }
.news .news_03 .an { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); }
.news .news_03 .an .an1 { font-size: 15px; color: #324655; display: block; position: relative; width: 180px; }
.news .news_03 .an .an1 span { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 70px; }
.news .news_03 .an .an1 i { display: block; width: 48px; height: 48px; border-radius: 50%; border: 2px solid #dadee0; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.news .news_03 .an:hover .an1 i { width: 100%; border-radius: 40px; transition: all 0.5s; }
.news .news_03 .an:hover .an1 span { color: #324655; padding-left: 0; }
.news .news_03 .an:hover .an1 i:after { right: 22px; }
.news .news_03 .an .an1 i:after { content: ""; width: 8px; height: 8px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background: #cd3b1c; border-radius: 50%; }
.news .news_03 .an .an1 i:before { content: ""; position: absolute; width: 30px; height: 2px; background: #98a2aa; top: 50%; transform: translateY(-50%); right: 25px; }
.news_t { width: 100%; background: #f5f5f5; }
.news_t .news_t1 { margin: 0 auto; padding: 100px 0; }
.news_t .news_t1 .bt1 { margin-bottom: 15px; }
.news_t .news_t1 .bt2 { margin-bottom: 40px; }
.news_t .news_t2 { width: 100%; overflow: hidden; position: relative; }
.news_t .news_t2 .zx { width: 32%; float: left; margin-right: 2%; background: #ffffff; padding: 45px 30px; border-radius: 5px; position: relative; border-bottom: 3px solid #cd3b1c; }
.news_t .news_t2 .zx:nth-child(3) { margin-right: 0; }
.news_t .news_t2 .zx .bt { font-size: 16px; color: #cd3b1c; margin-bottom: 20px; position: relative; padding-left: 10px; }
.news_t .news_t2 .zx .bt:after { position: absolute; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #cd3b1c; left: 0; top: 50%; transform: translateY(-50%); }
.news_t .news_t2 .zx .bt1 { font-size: 20px; color: #324655; margin-bottom: 12px; }
.news_t .news_t2 .zx .bt2 { font-size: 14px; color: rgba(50, 70, 85, 0.7); margin-bottom: 18px; }
.news_t .news_t2 .zx .nr { font-size: 15px; color: rgba(50, 70, 85, 0.8); line-height: 1.6; margin-bottom: 40px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px; overflow: hidden; }
.news_t .news_t2 .zx .tz { display: block; font-size: 15px; color: #324655; }
.news_t .news_t2 .zx .tz i { background: url(../images/news_jt3.png)center center/cover; width: 7px; height: 13px; display: inline-block; margin-left: 5px; }
.news_t .news_t2 .swiper-button-next { right: 0px; top: 50px; background: url(../images/news_jt01.png)center center/cover; width: 48px; height: 48px; }
.news_t .news_t2 .swiper-button-prev { left: auto; right: 60px; top: 50px; background: url(../images/news_jt.png)center center/cover; width: 48px; height: 48px; }
.news_t .news_t2 .swiper-button-prev:hover { background: url(../images/news_jt02.png)center center/cover; }
.news_t .news_t2 .swiper-button-next:hover { background: url(../images/news_jt1.png)center center/cover; }
.news_t .news_t2 .swiper-button-prev:after, .news_t .news_t2 .swiper-button-next:after { display: none; }
.ikun1, .container { max-width: 83.33%; margin: 0 auto; }
 @media(max-width: 1500px) {
.ikun1, .container { max-width: 90%; }
}
 @media(max-width: 1100px) {
.newsBorder { margin-top: 82px; border-top: none; }
}
.banner { width: 100%; position: relative; }
.banner .ikun { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); }
.banner .ikun .bt1 { font-size: 16px; color: #ffffff; }
.banner .ikun .bt2 { font-size: 56px; color: #ffffff; }
.colorWhite { color: #fff!important; }
.banner .ikun .bt2 b { display: block; }
.ikun_a { padding: 130px 0; position: relative; }
.ikun_a .left { position: absolute; top: 50%; transform: translateY(-50%); }
.ikun_a .left ul { margin-top: 50px; }
.ikun_a .left ul li { padding: 25px 0; border-bottom: 1px solid #eeeeee; line-height: 1.8; position: relative; padding-left: 90px; }
.ikun_a .left ul li:last-child { border-bottom: none; }
.ikun_a .left ul li .bt { font-size: 20px; color: #324655; }
.ikun_a .left ul li .bt1 { font-size: 18px; color: rgba(50, 70, 85, 0.8); }
.ikun_a .left ul li .icon { content: ""; position: absolute; width: 75px; height: 75px; top: 50%; left: 0; transform: translateY(-50%); }
.ikun_a .right { float: right; width: 54.3%; }
.ikun_b { background: url(../images/banner_ly.jpg)center center/cover; width: 100%; height: 810px; padding: 120px 0; }
.ikun_b .right { float: right; width: 45.6%; }
.ikun_b .jay .bt1 { margin-bottom: 10px; }
.ikun_b .right ul { margin-top: 40px; }
.ikun_b .right ul li { margin-bottom: 12px; position: relative; }
.ikun_b .right ul li input { border: 1.5px solid #cbd4db; height: 62px; background: rgba(0, 0, 0, 0); font-size: 17px; color: #324655; padding-left: 50px; width: 100%; }
.ikun_b .right ul .left { float: left; width: 49%; }
.ikun_b .right ul .right { float: right; width: 49%; }
.ikun_b .right ul .xm:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; background: url(../images/icon_xm.png)center center/cover; width: 19px; height: 21px; }
.ikun_b .right ul .dh:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; background: url(../images/icon_dh.png)center center/cover; width: 22px; height: 22px; }
.ikun_b .right ul .yx:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; background: url(../images/icon_yx.png)center center/cover; width: 21px; height: 16px; }
.ikun_b .right ul .gs:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; background: url(../images/icon_gs.png)center center/cover; width: 24px; height: 23px; }
.ikun_b .right ul .fw:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; background: url(../images/icon_fw.png)center center/cover; width: 23px; height: 23px; }
.ikun_b .right ul .fw { width: 100%; }
.ikun_b .right ul li .dx { border: 1.5px solid #cbd4db; height: 62px; background: rgba(0, 0, 0, 0); font-size: 17px; color: #324655; padding-left: 50px; width: 100%; }
.ikun_b .right ul .ly { width: 100%; }
.ikun_b .right ul .ly:after { content: ""; position: absolute; top: 25px; left: 20px; background: url(../images/icon_ly.png)center center/cover; width: 21px; height: 22px; }
.ikun_b .right ul .ly textarea { border: 1.5px solid #cbd4db; height: 140px; background: rgba(0, 0, 0, 0); font-size: 17px; color: #324655; padding-left: 50px; width: 100%; padding-top: 20px; }
.ikun_b .right ul .xm:hover:after { background: url(../images/icon_xmbg.png)center center/cover; }
.ikun_b .right ul .dh:hover:after { background: url(../images/icon_dhbg.png)center center/cover; }
.ikun_b .right ul .yx:hover:after { background: url(../images/icon_yxbg.png)center center/cover; }
.ikun_b .right ul .gs:hover:after { background: url(../images/icon_gsbg.png)center center/cover; }
.ikun_b .right ul .fw:hover:after { background: url(../images/icon_fwbg.png)center center/cover; }
.ikun_b .right ul .ly:hover:after { background: url(../images/icon_lybg.png)center center/cover; }
.ikun_b .right ul li:hover input, .ikun_b .right ul li.ly:hover textarea { color: #cd3b1c; border-color: #cd3b1c; }
.ikun_b .right .subBtn { width: 1px; height: 1px; font-size: 0; border: none; background: none; opacity: 0; }
.ikun_b .an { margin-top: 40px; }
.ikun_b .an .an1 { font-size: 20px; color: #324655; display: block; position: relative; width: 180px; }
.ikun_b .an .an1:hover span { color: #324655; }
.ikun_b .an .an1 span { display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; }
.ikun_b .an .an1 i { display: block; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #dadee0; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.ikun_b .an:hover .an1 i { width: 100%; border-radius: 40px; transition: all 0.5s; }
.ikun_b .an:hover .an1 i:after { right: 23px; }
.ikun_b .an .an1 i:after { content: ""; width: 8px; height: 8px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background: #cd3b1c; border-radius: 50%; }
.ikun_b .an .an1 i:before { content: ""; position: absolute; width: 30px; height: 1px; background: #98a2aa; top: 50%; transform: translateY(-50%); right: 27px; }
.banner_new { position: relative; }
.banner_new .tyth { width: 100%; }
.banner_new .tyth .top { width: 83.33%; margin: 0 auto; }
.banner_new .tyth .top .tab { margin-bottom: 45px; }
.banner_new .tyth .top .tab a { display: inline-block; height: 50px; width: 145px; font-size: 16px; color: #ffffff; line-height: 50px; text-align: center; border-radius: 50px; border: 1px solid #fff; margin-right: 12px; }
.banner_new .tyth .top .tab a:hover, .banner_new .tyth .top .tab a.cur { color: #cd3b1c; border: 1px solid #fff; margin-right: 12px; background: #fff; }
/*.banner_new .tyth .top .tab .cur{

    color: #cd3b1c;

    border:1px solid #fff;

    margin-right: 12px;

    background: #fff;

}*/

.banner_new { padding: 480px 0 280px; }
.banner_new .tyth .top .bt { position: relative; width: 100%; }
.banner_new .tyth .top .bt .bt1 { font-size: 16px; color: #fff; margin-bottom: 10px; }
.banner_new .tyth .top .bt .bt2 { font-size: 40px; color: #fff; margin-bottom: 30px; }
.banner_new .tyth .top .bt .bt3 { font-size: 15px; color: #fff; line-height: 1.8; }
.banner_new .tyth .top .bt .an { position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.banner_new .tyth .top .bt .an .an1 { font-size: 15px; color: #fff; display: block; position: relative; width: 180px; }
.banner_new .tyth .top .bt .an .an1 span { display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 70px; }
.banner_new .tyth .top .bt .an .an1 i { display: block; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.banner_new .tyth .top .bt .an:hover .an1 i { width: 100%; border-radius: 40px; transition: all 0.5s; }
.banner_new .tyth .top .bt .an .an1 i:after { content: ""; width: 8px; height: 8px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background: #fff; border-radius: 50%; }
.banner_new .tyth .top .bt .an:hover .an1 i:after { right: 23px; }
.banner_new .tyth .top .bt .an .an1 i:before { content: ""; position: absolute; width: 30px; height: 1px; background: #fff; top: 50%; transform: translateY(-50%); right: 26px; }
.new_a { padding: 130px 0; }
.new_a .new_a_01 { width: 83.33%; margin: 0 auto; }
.new_a .new_a_01 ul li { padding: 55px 0; height: 240px; position: relative; }
.new_a .new_a_01 ul li .sj { float: left; font-size: 16px; color: rgba(50, 70, 85, 0.7); line-height: 25px; width: 10%; }
.new_a .new_a_01 ul li .bt { float: left; font-size: 16px; color: rgba(50, 70, 85, 0.7); position: relative; padding-left: 10px; width: 10%; }
.new_a .new_a_01 ul li .bt:after { content: ""; position: absolute; left: 0; width: 5px; height: 5px; background: #6f7d88; top: 50%; transform: translateY(-50%); border-radius: 50%; }
.new_a .new_a_01 ul li .sev { float: left; width: 80%; }
.new_a .new_a_01 ul li .sev .bt1 { font-size: 22px; color: #324655; margin-bottom: 15px; display: inline-block; }
.new_a .new_a_01 ul li .sev .bt2 { font-size: 15px; color: rgba(50, 70, 85, 0.8); margin-bottom: 30px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.new_a .new_a_01 ul li .sev .an { margin-top: 40px; }
.new_a .new_a_01 ul li .sev .an .an1 { font-size: 15px; color: #324655; display: block; position: relative; width: 165px; }
.new_a .new_a_01 ul li .sev .an .an1 span { display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; transition: all 0.5s; }
.new_a .new_a_01 ul li:hover .sev .an .an1 span { left: 22px; transition: all 0.5s; color: #324655; }
.new_a .new_a_01 ul li .sev .an .an1 i { display: block; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #65747f; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.new_a .new_a_01 ul li:hover .sev .an .an1 i { width: 100%; border-radius: 40px; transition: all 0.5s; }
.new_a .new_a_01 ul li:hover .sev .an .an1 i:after { right: 23px; }
.new_a .new_a_01 ul li .sev .an .an1 i:after { content: ""; width: 8px; height: 8px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background: #cd3b1c; border-radius: 50%; }
.new_a .new_a_01 ul li:hover .sev .an .an1 i:before { right: 27px; }
.new_a .new_a_01 ul li .sev .an .an1 i:before { content: ""; position: absolute; width: 30px; height: 1px; background: #65747f; top: 50%; transform: translateY(-50%); right: 50%; }
.new_a .new_a_01 ul li .img { position: absolute; right: 0; top: 50%; transform: translateY(-50%); /*display: none;*/ width: 0; transition: all 0.6s; }
.new_a .new_a_01 ul li { border-bottom: 1px solid #eeeeee; }
.new_a .new_a_01 ul li:hover .img { display: block; width: 300px; }
.new_a .new_a_01 ul li:hover .sev .bt2 { width: 75%; }
.new_a .new_a_01 ul li:hover .sev .bt1 a { color: #cd3b1c; border-bottom: 1px solid #cd3b1c; }
.new_a .new_a_01 ul li:hover .bt { color: #cd3b1c; }
.new_a .new_a_01 ul li:hover .bt:after { background: #cd3b1c; }
.new_a .new_a_01 ul li:hover { border-bottom: 3px solid #cd3b1c; }
.banner_new .gd { position: absolute; right: 40px; bottom: 0; }
.banner_new .gd .bt1 { font-size: 14px; color: #fff; writing-mode: tb-rl; position: relative; padding-bottom: 55px; }
.banner_new .gd .bt1:after { content: ""; position: absolute; width: 1px; height: 25px; background: #fff; bottom: 25px; left: 50%; transform: translateX(-50%); -webkit-animation: am 1s linear infinite; }
 @-webkit-keyframes am { 0% {
 top: 60%;
 opacity: 1;
}
 25% {
 top: 75%;
 opacity: 0.75;
}
 50% {
 top: 80%;
 opacity: 0.5;
}
 75% {
 top: 85%;
 opacity: 0.25;
}
 100% {
 top: 90%;
 opacity: 0;
}
}
.banner_new .gd .bt1:before { content: ""; position: absolute; width: 1px; height: 30px; background: rgba(255, 255, 255, 0.3); bottom: 0; left: 50%; transform: translateX(-50%); }
 @media(max-width: 1500px) {
.banner_new { padding: 160px 0 140px; }
.banner .ikun .bt2 { font-size: 50px; }
.new_a .new_a_01 ul li:hover .sev .bt2 { width: 70%; }
.new_a .new_a_01 ul li { padding: 30px 0; height: 230px; }
.new_a .new_a_01 ul li .sev .an .an1 i { width: 40px; height: 40px; }
.banner_new .tyth .top .bt .bt2 { font-size: 36px; }
.font_16 { font-size: 16px; }
.font_42 { font-size: 35px; }
}
 @media(max-width: 1400px) {
.font_16 { font-size: 16px; }
.font_42 { font-size: 32px; }
.news .news_02 { margin-top: 25px; padding: 33px 0; }
.news .news_02 p { margin-bottom: 15px; }
.news { padding: 60px 0; }
.news_t .news_t1 { padding: 60px 0; }
.news_t .news_t2 .zx .nr { margin-bottom: 30px; }
.ikun_a .left ul { margin-top: 25px; }
.ikun_a .left ul li { padding: 20px 0; padding-left: 90px; }
.ikun_a .left ul li .bt { font-size: 18px; }
.ikun_a .left ul li .bt1 { font-size: 16px; }
.banner .ikun .bt2 { font-size: 46px; }
.ikun_a { padding: 90px 0; }
.ikun_b { padding: 70px 0; height: 750px; }
.ikun_b .right ul { margin-top: 30px; }
.new_a .new_a_01 ul li:hover .img { width: 20%; }
.new_a .new_a_01 ul li .sev .bt1 { font-size: 18px; }
.new_a .new_a_01 ul li .sev .bt2 { margin-bottom: 20px; }
.new_a .new_a_01 ul li { height: 200px; }
.new_a .new_a_01 ul li .sev .an .an1 i { width: 35px; height: 35px; }
.banner_new .tyth .top .bt .bt2 { font-size: 34px; margin-bottom: 20px; }
.banner_new .tyth .top .bt .an .an1 i { width: 35px; height: 35px; }
.banner_new .tyth .top .tab a { width: 120px; height: 40px; line-height: 40px; font-size: 15px; }
.news_t .news_t2 .zx { padding: 25px 20px; }
.news_t .news_t2 .zx .bt1 { font-size: 18px; }
.news_t .news_t2 .zx .bt { margin-bottom: 10px; }
.news_t .news_t2 .zx .bt2 { margin-bottom: 10px; }
.news_t .news_t1 .bt2 { margin-bottom: 20px; }
.news .news_03 { padding: 30px 0; }
.news .news_03 .an .an1 i { width: 35px; height: 35px; }
.news .news_01 .bt1 { font-size: 28px; }
.new_a { padding: 70px 0; }
.news_t .news_t2 .swiper-button-next { width: 45px; height: 45px; }
.news_t .news_t2 .swiper-button-prev { width: 45px; height: 45px; }
.ikun_a .left ul li .icon, .ikun_a .left ul .dz:after, .ikun_a .left ul .yx:after, .ikun_a .left ul .dh:after { width: 65px; height: 65px; }
.ikun_a .left ul li { padding: 15px 0; padding-left: 80px; }
.ikun_b .right { width: 50%; }
}
 @media(max-width: 1250px) {
.banner_new { padding: 130px 0 100px; }
.font_16 { font-size: 15px; }
.font_42 { font-size: 30px; }
.news .news_02 { margin-top: 15px; padding: 15px 0; }
.news .news_02 p { margin-bottom: 10px; font-size: 15px; }
.news { padding: 40px 0; }
.news .news_03 .bt { font-size: 14px; }
.news .news_03 .an .an1 { font-size: 14px; }
.news .news_03 .an .an1 i:after { width: 6px; height: 6px; }
.news_t .news_t1 { padding: 30px 0; }
.news_t .news_t2 .swiper-button-next { width: 40px; height: 40px; }
.news_t .news_t2 .swiper-button-prev { width: 40px; height: 40px; }
.news_t .news_t2 .zx .bt1 { font-size: 16px; }
.news_t .news_t2 .zx .nr { margin-bottom: 15px; font-size: 14px; }
.news_t .news_t2 .zx .tz { font-size: 14px; }
.banner .ikun .bt2 { font-size: 38px; }
.ikun_a { padding: 60px 0; }
.ikun_a .left ul li .icon, .ikun_a .left ul .dz:after, .ikun_a .left ul .yx:after, .ikun_a .left ul .dh:after { width: 55px; height: 55px; }
.ikun_a .left ul li { padding: 10px 0; padding-left: 70px; }
.ikun_b { height: 600px; padding: 30px 0; }
.ikun_b .right ul { margin-top: 15px; }
.ikun_b .an { margin-top: 20px; }
.ikun_b .an .an1 i { width: 40px; height: 40px; }
.banner_new .tyth .top .bt .bt2 { font-size: 28px; margin-bottom: 10px; }
.banner_new .tyth .top .tab { margin-bottom: 25px; }
.new_a { padding: 40px 0; }
.new_a .new_a_01 ul li { height: 160px; }
.new_a .new_a_01 ul li .sev .bt2 { margin-bottom: 10px; }
.new_a .new_a_01 ul li .sev .an .an1 i { width: 30px; height: 30px; }
.new_a .new_a_01 ul li .sev .an .an1 i:after { width: 6px; height: 6px; }
.new_a .new_a_01 ul li .sev .an1 i:before { width: 25px; }
.new_a .new_a_01 ul li .sev .an .an1 { font-size: 14px; }
.new_a .new_a_01 ul li .sj { font-size: 14px; }
.new_a .new_a_01 ul li .bt { font-size: 14px; }
.new_a .new_a_01 ul li .bt:after { width: 4px; height: 4px; }
.new_a .new_a_01 ul li .sev .bt1 { margin-bottom: 8px; }
.new_a .new_a_01 ul li { padding: 20px 0; }
.banner_new .tyth .top .bt .bt1 { font-size: 15px; }
}
 @media(max-width: 1100px) {
.banner_new { padding: 110px 0 80px; }
.ikun_b { background: #e7ecf2; }
.news_t .news_t1 .bt1 { margin-bottom: 5px; }
.new_a .new_a_01 ul li .sev .bt2 { -webkit-line-clamp: 2; line-height: 1.6 }
.font_16 { font-size: 14px; }
.font_42 { font-size: 28px; }
.ikun_a { padding: 35px 0 45px 0; }
.ikun_a .left { position: static; transform: none; }
.ikun_a .right img { width: 100%; }
.ikun_b .an .an1 i:before { right: 22px; }
.news .news_03 .an .an1 i:before { right: 18px; }
.banner_new .tyth .top .bt .an .an1 i:before { right: 18px; }
.banner_new .tyth .top .bt .an .an1 i:after { width: 6px; height: 6px; }
.ikun1, .container { max-width: 94%; }
.new_a .new_a_01 ul li .sj { width: 100%; margin-bottom: 10px; }
.new_a .new_a_01 ul li .bt { width: 100%; margin-bottom: 10px; }
.new_a .new_a_01 ul li { padding: 10px 0 30px; height: auto; }
.new_a .new_a_01 ul li .sev .bt1 { font-size: 16px; }
.new_a .new_a_01 ul li .sev .bt2 { font-size: 14px; }
.new_a .new_a_01 ul li .sev { width: 100%; }
.new_a .new_a_01 ul li:hover .img { width: 30%; }
.banner_new .tyth .top .bt .bt2 { font-size: 24px; }
.banner_new .tyth .top .bt .bt3 { font-size: 14px; line-height: 1.6; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.banner_new .tyth .top .bt .an { position: static; margin-top: 40px; transform: none; }
.new_a .new_a_01 ul li .sev .an { margin-top: 5px; min-height: 20px; }
.new_a .new_a_01 ul li .sev .an a { display: inline-block; min-height: 20px; }
.banner_new .tyth .top .bt .bt1 { font-size: 14px; }
.banner_new .tyth .top .tab a { font-size: 14px; width: 100px; height: 35px; line-height: 35px; }
.banner_new .gd { right: 10px; }
.ikun_a .left { width: 100%; }
.ikun_a .right { width: 100%; margin-top: 40px; }
.banner .ikun .bt2 { font-size: 30px; }
.ikun_b .right { width: 100%; }
.news .news_01 .bt1 { font-size: 24px; }
.news .news_03 .an { position: static; margin-top: 40px; transform: none; }
.news_t .news_t2 .swiper-button-prev { right: 55px; }
.news .news_03 .an .an1 { width: 130px; }
.news .news_03 .an .an1 span { right: 60px; }
.banner_new .tyth .top .bt .an .an1 span { right: 90px; }
.banner_new .tyth .top .bt .an:hover .an1 span { right: 70px; transition: all 0.5s; }
.banner_new .tyth .top, .new_a .new_a_01 { width: 90%; }
}
 @media(max-width: 600px) {
.banner_new { padding: 100px 0 60px; }
.new_a .new_a_01 ul li:hover .img { display: none; }
.new_a .new_a_01 ul li:hover .sev .bt2 { width: 100%; }
.banner_new .tyth .top .bt .bt2 { font-size: 20px; }
}
 @media(max-width: 400px) {
}
.fyq { text-align: center; margin-top: 45px; }
.fyq a { display: inline-block; font-size: 15px; color: #666666; border: 1px solid #e0e0e0; border-radius: 50%; width: 43px; height: 43px; line-height: 42px; margin-right: 9px; }
.fyq a:last-child { margin-right: 0; }
.fyq a.cur { color: #fff; background: #cd3b1c; border-color: #cd3b1c; }
.fyq a:hover { color: #fff; background: #cd3b1c; border-color: #cd3b1c; }
.fyq a.prev { width: 90px; border-radius: 50px; }
.fyq a.next { width: 90px; border-radius: 50px; }
 @media(max-width: 1100px) {
.fyq { margin-top: 25px; }
.fyq a { font-size: 12px; width: 35px; height: 35px; margin-right: 5px; line-height: 35px; }
.fyq .next span, .fyq .prev span { width: 4px; height: 8px; }
}
.foot { width: 100%; background: #25333e; }
.foot .foot_01 { width: 83.33%; margin: 0 auto; padding: 60px 0; }
.foot .foot_01 .logo { float: left; }
.foot .foot_01 .logo ul { margin-top: 50px; }
.foot .foot_01 .logo ul li { float: left; margin-right: 15px; }
.foot .foot_01 .logo ul .weix { position: relative; }
.foot .foot_01 .logo ul .weix .weix_box { position: absolute; width: 100px; left: 50%; transform: translateX(-50%); background: #fff; padding: 5px; display: none; }
.foot .foot_01 .logo ul .weix:hover .weix_box { display: block; }
.foot .foot_01 .logo ul .weix .weix_box .ewm { position: relative; }
.foot .foot_01 .logo ul .weix .weix_box .ewm:after { content: ""; position: absolute; width: 8px; height: 4px; left: 50%; transform: translateX(-50%); top: -9px; background: url(../images/ewm_jt.png) center center/cover; }
.foot .foot_01 .lxfs { float: right; line-height: 2; border-left: 1px solid rgba(255, 255, 255, 0.03); padding-left: 88px; }
.foot .foot_01 .lxfs p { font-size: 14px; color: rgba(255, 255, 255, 0.8); }
.foot .foot_01 .lxfs .bt { font-size: 16px; color: #ffffff; }
.foot .foot_01 .lanm { float: right; margin-right: 85px; }
.foot .foot_01 .lanm ul { float: left; margin-right: 90px; line-height: 2; }
.foot .foot_01 .lanm ul .bt a { font-size: 16px; color: #fff; }
.foot .foot_01 .lanm ul li a { font-size: 14px; color: rgba(255, 255, 255, 0.5); }
 @media(max-width: 1700px) {
.foot .foot_01 .lanm { margin-right: 20px; }
.foot .foot_01 .lanm ul { margin-right: 60px; }
}
 @media(max-width: 1450px) {
.foot .foot_01 .lxfs { padding-left: 45px; }
.foot .foot_01 .lanm { margin-right: 0; }
.foot .foot_01 .lanm ul { margin-right: 50px; }
}
 @media(max-width: 1300px) {
.foot .foot_01 .lxfs { padding-left: 20px; }
.foot .foot_01 .lanm ul { margin-right: 30px; }
.head .head_01 .daoh { margin-right: 45px; }
.head .head_01 .daoh li { margin-left: 35px; }
}
 @media(max-width: 1200px) {
.head .head_01 .daoh { margin-right: 25px; }
.foot .foot_01 .lanm ul { margin-right: 18px; }
}
 @media(max-width: 1100px) {
.foot .foot_01 .lanm { display: none; }
.foot .foot_01 .lxfs { float: left; margin-top: 20px; padding-left: 0; border-left: none; }
.foot .foot_01 { width: 90%; }
.foot .foot_01 .logo ul { margin-top: 20px; }
}
.head_m.cur { position: fixed; }
.head_m { background: #25333e; display: none; width: 100%; z-index: 10; }
.head_m .head_01 { width: 83.33%; margin: 0 auto; }
.head_m .head_01 .logo { float: left; padding: 10px 0; }
.head_m .head_01 .nav { float: right; padding-top: 30px; }
.banner_m { display: none; }
 @media(max-width: 1100px) {
.head_m .head_01 .logo img { height: 40px; }
.head_m .head_01 .nav { padding-top: 20px; }
.banner_bc { display: none; }
.banner_m { display: block; }
.head_m .head_01 { width: 90%; }
.head_m { display: block; }
.head { display: none; }
.foot .foot_01 .logo { width: 100%; }
}
.nav_box.cur { left: 0; }
.nav_box { width: 100%; height: 100%; position: fixed; left: -100%; top: 77px; bottom: 0; right: auto; overflow: auto; z-index: 99999999; transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -webkit-transition: all .6s; float: right; }
.nav_box .nav-title { position: relative; padding: 10px 15px 15px 10px; border-bottom: 1px solid #fff; }
.nav_box .navlist { width: 100%; margin-top: 10px; padding: 0 20px 0 15px; padding-bottom: 20px; }
.nav_box .navlist ul>li { float: left; width: 100%; font-size: 20px; line-height: 50px; }
.nav_box .navlist ul>li>a { display: block; color: #fff; position: relative; }
.nav_box .box { background: #5ec2a6; width: 100%; height: 100%; position: relative; z-index: 2; overflow: auto; float: right; }
.nav_box .navlist .ec { margin-top: 20px; }
.nav_box .navlist .ec a { font-size: 20px; color: #fff; display: inline-block; margin-right: 20px; }
.navSear { margin-top: 30px; }
.navSear .search { padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.3); }
.navSear .search .subsearch { z-index: 9; }
.navSear .search .subsearch .subsearcha { border-radius: 3px; position: relative; padding-left: 30px; height: 30px; }
.navSear .search .subsearch .subsearcha .inp { width: 90%; height: 30px; border: 0; font-size: 20px; color: #fff; padding-left: 0px; background: none; }
.navSear .search .subsearch .subsearcha .sub { opacity: 0.7; border: none; outline: none; position: absolute; left: 0px; top: 50%; height: 26px; background: url(../images/searchxa.png) no-repeat left center; font-size: 0; width: 26px; transform: translateY(-50%); }
.navSear .search:hover .subsearch { display: block; }
 .navSear .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: rgba(255, 255, 255, 0.7);
}
 .navSear .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: rgba(255, 255, 255, 0.7);
}
 .navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.7);
}
 .navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder {
 color: rgba(255, 255, 255, 0.7);
}
.foot .beia { width: 83.33%; margin: 0 auto; padding: 25px 0; border-top: 1px solid rgba(255, 255, 255, 0.03); }
.foot .beia .left { font-size: 12px; color: #ffffff; float: left; }
.foot .beia .right { font-size: 12px; color: #ffffff; float: right; }
 @media(max-width: 1100px) {
.foot .beia { width: 90%; }
}
.foot .beia a { color: #fff; }
/*wolf*/

.aboutA { padding: 6vw 0; }
.aboutA-b { float: left; width: 45%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.aboutA-b .con { margin: 25px 0 0; font-size: 20px; color: #324655; line-height: 1.6; }
.aboutA-c { position: relative; z-index: 2; float: right; width: 46%; }
.aboutA-b .con .c1 { font-size: 22px; }
.aboutA-b .con .c2 p { margin-top: 10px; }
.imgA { border-radius: 12px; overflow: hidden; }
 @media(max-width: 1700px) {
.aboutA-b .con { font-size: 18px; }
.aboutA-b .con .c1 { font-size: 20px; }
}
 @media(max-width: 1500px) {
.aboutA-b .con { font-size: 16px; }
.aboutA-b .con .c1 { font-size: 18px; }
}
 @media(max-width: 1100px) {
.imgA { border-radius: 6px; }
.aboutA { padding: 40px 0 50px; }
.aboutA-b .con { margin-top: 10px; }
.aboutA { padding-bottom: 50px; }
.aboutA-c { margin-top: 20px; width: 100%; position: relative; right: 0; top: 0; transform: translateY(0); }
.aboutA-b { width: 100%; position: relative; top: 0; transform: translateY(0); }
}
.aboutB { padding: 5vw 0 6vw; background: #f5f5f5; }
.aboutB-b { margin-top: 40px; }
.aboutB-b ul { display: flex; flex-wrap: wrap; }
.aboutB-b ul li { position: relative; overflow: hidden; border-radius: 10px; overflow: hidden; background: #fff; border-bottom: 2px solid #cd3b1c; float: left; width: calc(33.333% - 14px); margin-right: 21px; }
.aboutB-b ul li .imgA { border-radius: 10px; }
.aboutB-b ul li:nth-child(3n) { margin-right: 0; }
.aboutB-b .con { padding: 26px 4vw 30px 30px; }
.aboutB-b ul li .con .t { font-size: 20px; color: #cd3b1c; }
.aboutB-b ul li .con .c { font-size: 28px; color: #324655; line-height: 1.5; margin-top: 10px; }
.aboutB-b ul li .conA { background: url(../img/aboutbbg.png) no-repeat right bottom #cd3b1c; width: 100%; height: 100%; position: absolute; left: 0; bottom: -110%; transition: all 0.5s }
.aboutB-b ul li:hover .conA { bottom: 0%; }
.aboutB-b ul li:hover .conA .t, .aboutB-b ul li:hover .conA .c { color: #fff; }
 @media(max-width:1700px) {
.aboutB-b ul li .con .c { font-size: 26px; }
}
 @media(max-width:1600px) {
.aboutB-b ul li .con .c { font-size: 24px; }
.aboutB-b .con { padding: 20px 3vw 25px 20px; }
}
 @media(max-width:1500px) {
.aboutB-b { margin-top: 30px; }
.aboutB-b ul li .con .c { font-size: 22px; }
.aboutB-b .con { padding: 20px 3vw 25px 20px; }
}
 @media(max-width:1300px) {
.aboutB-b ul li .con .t { font-size: 18px; }
.aboutB-b ul li .con .c { font-size: 22px; }
.aboutB-b .con { padding: 20px 3vw 25px 20px; }
}
 @media(max-width:1100px) {
.aboutB { padding: 40px 0 50px; }
.aboutB-b { margin-top: 20px; }
.aboutB-b ul li { width: 100%; margin-right: 0; }
.aboutB-b ul li:nth-child(n+2) { margin-top: 20px; }
.aboutB-b ul li .con .t { font-size: 16px; }
.aboutB-b ul li .con .c { font-size: 20px; margin-top: 5px; }
.aboutB-b .con { padding: 16px 12px 20px; }
}
.aboutC { padding: 5vw 0 6vw; }
.aboutC-b { margin-top: 40px; }
.aboutC-b ul li { border: 1px solid #dedede; border-radius: 6px; float: left; width: calc(20% - 15px); margin-right: 18px; }
.aboutC-b ul li img { transition: all 0.3s; }
.aboutC-b ul li:hover img { transform: scale(0.9); }
.aboutC-b ul li:nth-child(5n) { margin-right: 0; }
.aboutC-b ul li:nth-child(n+6) { margin-top: 18px; }
 @media(max-width: 1500px) {
.aboutC-b { margin-top: 30px; }
}
 @media(max-width: 1100px) {
.aboutC { padding: 40px 0 50px; }
.aboutC-b { margin-top: 20px; }
.aboutC-b ul li { width: calc(33.3333% - 4px); margin-right: 6px; }
.aboutC-b ul li:nth-child(5n) { margin-right: 6px; }
.aboutC-b ul li:nth-child(3n) { margin-right: 0; }
.aboutC-b ul li:nth-child(n+4) { margin-top: 6px; }
}
.colorWhite { color: #fff; }
.About3 { padding: 6vw 0 5.8vw; background: url(../img/ad1bg.jpg) no-repeat center/cover; }
.About3 .qqout-nr { margin-top: 30px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .img { width: 36%; overflow: hidden }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .img img { transform: scale(1); transition: all 0.3s; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide:hover .img img { transform: scale(0.9); }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr { width: 58%; position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 0 5% 0 5.8%; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outra { font-size: 90px; line-height: .9; margin: 40px 0 20px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrc { color: #4d4e4e; line-height: 26px; margin-top: 5px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl { overflow-y: auto; overflow-x: hidden; height: 202px; padding-right: 10px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl li { position: relative; padding-left: 75px; margin-top: 10px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl li span.d { position: absolute; left: 0; top: 0px; }
 .About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl::-webkit-scrollbar {
width: 4px;
height: 4px;
}
 .About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.15);
background: #fff;
}
 .About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrfl::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
border-radius: 0;
background: rgba(255, 255, 255, 0.1);
}
.About3 .qqout-se { position: relative; margin-top: 60px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-slide .outr .outrc { width: 95%; }
.About3 .qqout-se:before { position: absolute; content: ""; left: 48px; top: 24px; height: 1px; background: rgba(255, 255, 255, 0.2); width: calc(100% - 96px); }
.About3 .qqout-se .seswiper .swiper-wrapper { padding-top: 21px; }
.About3 .qqout-se .seswiper .swiper-slide { color: #fff; opacity: 0.6; font-size: 22px; line-height: 1; text-align: center; padding-top: 35px; cursor: pointer; }
.About3 .qqout-se .seswiper .swiper-slide:before { position: absolute; content: ""; left: 50%; top: -1px; width: 9px; height: 9px; transform: translateX(-50%); transition: all 0.8s; background: #fff; border-radius: 50%; }
.About3 .qqout-se .seswiper .swiper-slide:after { position: absolute; content: ""; left: 50%; top: 3px; width: 0px; height: 0px; transform: translate(-50%, -50%); transition: all 0.8s; border: 1px solid #fff; border-radius: 50%; }
.About3 .qqout-se .seswiper .swiper-slide-thumb-active:after { width: 20px; height: 20px; border: 1px solid #fff; }
.About3 .qqout-se .seswiper .swiper-slide-thumb-active { opacity: 1; }
.About3 .qqout-se .seswiper .swiper-slide-thumb-active:before { background: #fff; }
.About3 .qqout-se .se-next, .About3 .qqout-se .se-prev { margin-top: 0; width: 48px; height: 48px; top: 2px; background: none; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.5); }
.About3 .qqout-se .se-next:hover, .About3 .qqout-se .se-prev:hover { background: #fff; border-color: #fff; }
.About3 .qqout-se .se-next:hover:after, .About3 .qqout-se .se-prev:hover:after { color: #cd3b1c; }
.About3 .qqout-se .se-next { right: 0; }
.About3 .qqout-se .se-prev { left: 0; }
.About3 .qqout-se .swiper-button-disabled { opacity: 1; cursor: pointer; pointer-events: initial; }
.About3 .qqout-se .se-next:after, .About3 .qqout-se .se-prev:after { opacity: 1; font-size: 16px; font-weight: bold; color: #fff; opacity: 0.6; }
.gybtA { display: none; }
 @media(max-width: 1680px) {
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra { font-size: 70px; margin: 30px 0 15px; }
}
 @media(max-width: 1500px) {
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra { font-size: 68px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide { padding: 20px; }
}
 @media(max-width: 1480px) {
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr { padding: 0 3% 0 30px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr:before { right: 3vw; }
}
 @media(max-width: 1280px) {
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra { font-size: 58px; }
}
 @media(max-width: 1100px) {
.gybtA { display: block; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr { padding: 0; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr { position: relative; top: 0; transform: translateY(0); padding-top: 0; }
.About3 { padding: 40px 0 50px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .img { width: 100%; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide { border-radius: 8px; padding: 15px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr { width: 100%; margin-top: 20px; border-radius: 10px; overflow: hidden; padding: 20px 0; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .gybt { display: none; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra { font-size: 30px; margin-top: 0; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outra { margin-bottom: 8px; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrc { line-height: 1.6; }
.About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl { height: auto; padding-right: 0; }
 .About3 .qqout-nr .qqout-sm .smswiper .swiper-wrapper .swiper-slide .outr .outrfl::-webkit-scrollbar {
width: 3px;
height: 3px;
}
.About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide { font-size: 18px; padding-top: 28px; }
.About3 .qqout-se .seswiper .swiper-wrapper .swiper-slide-thumb-active:after { width: 21px; height: 21px; }
.About3 .qqout-se { margin-top: 5px; }
.About3 .qqout-se .se-prev, .About3 .qqout-se .se-next { top: -8px; }
.About3 .qqout-se .seswiper .swiper-wrapper { padding-top: 12px; }
.qqout-se { padding: 0 30px; }
.About3 .qqout-se:before { top: 16px; }
.About3 .qqout-nr { margin-top: 25px; }
.About3 .qqout-se .se-prev, .About3 .qqout-se .se-next { top: -5px; width: 40px; height: 40px; }
.About3 .qqout-se:before { left: 40px; width: calc(100% - 80px); }
}
.aboutD { padding: 6vw 0 6vw; background: #f5f5f5; }
.aboutD-b { position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.aboutD-b a { display: inline-block; padding: 12px 30px; font-size: 18px; color: #324655; border-radius: 50px; border: 1px solid #dedede; }
.aboutD-b a:hover, .aboutD-b a.cur { color: #fff; background: #cd3b1c; border-color: #cd3b1c; }
.aboutD-b a:nth-child(n+2) { margin-left: 10px; }
.aboutD-c { margin-top: 40px; }
.aboutD-c ul li { border-bottom: 3px solid #fff; overflow: hidden; border-radius: 12px; background: #fff; float: left; width: calc(25% - 12px); margin-right: 16px; }
.aboutD-c ul li:last-child, .aboutD-c ul li:nth-child(4n) { margin-right: 0; }
.aboutD-c ul li:nth-child(n+5) { margin-top: 20px; }
.aboutD-c ul li:last-child { margin-right: 0; }
.aboutD-c ul li a { display: block; padding: 2vw 3vw 3.5vw; border-bottom: 1px solid #dedede; }
.aboutD-c ul li .t { padding: 1.5vw 1vw; }
.aboutD-c ul li .t span { background: url(../img/aebg1.png) no-repeat right center; font-size: 20px; color: #292b2b; display: block; padding-right: 30px; }
.aboutD-c ul li:hover .t span { background: url(../img/aebg2.png) no-repeat right center; }
.aboutD-c ul li:hover { border-color: #cd3b1c; }
.aboutD-c ul li img { transition: all 0.3s; }
.aboutD-c ul li:hover img { transform: scale(0.9); }
 @media(max-width: 1500px) {
.aboutD-c { margin-top: 30px; }
.aboutD-c ul li .t span { font-size: 18px; }
.aboutD-b a { padding: 10px 20px; font-size: 16px; }
}
 @media(max-width: 1100px) {
.aboutD-c ul li .t span { font-size: 16px; }
.aboutD-c { margin-top: 20px; }
.aboutD-b { position: relative; width: 100%; top: 0; transform: translateY(0); margin-top: 10px; }
.aboutD-c ul li { width: calc(50% - 8px); margin-right: 16px; }
.aboutD-c ul li:nth-child(2n) { margin-right: 0; }
.aboutD-c ul li:nth-child(n+3) { margin-top: 16px; }
.aboutD { padding: 40px 0 50px; }
}
 @media(max-width: 600px) {
.aboutD-c ul li { border-radius: 5px; }
.aboutD-c ul li a { padding: 12px; }
.aboutD-c ul li .t { padding: 15px 12px; }
.aboutD-b a { font-size: 14px; padding: 8px 15px; }
.aboutD-b a:nth-child(n+2) { margin-left: 0; }
.aboutD-b a { margin-right: 0; }
}
 @media(max-width: 400px) {
.aboutD-b a:nth-child(n+2) { margin-left: 0; }
.aboutD-b a { padding: 8px 20px; margin-right: 2px; }
.aboutD-b a:nth-child(n+4) { margin-top: 10px; }
}
/*核心优势*/

.hxysA { padding: 6vw 0; background: #fff; }
.hxysA-a { margin-top: 40px; }
.hxysA-a .img { border-radius: 10px; overflow: hidden; }
.hxysA-b { min-height: 220px; padding: 0 160px 0 410px; position: relative; }
.hxysA-b .icon { left: 70px; text-align: center; padding-top: 86px; width: 285px; height: 285px; border-radius: 6px; overflow: hidden; background: url(../img/ysbg2.jpg) no-repeat center/cover; position: absolute; top: -76px; }
.hxysA-b .t { font-size: 24px; color: #fff; margin-top: 5px; }
.hxysA-b .tt { font-size: 28px; color: #324655; padding-top: 46px; }
.hxysA-b .c { font-size: 16px; line-height: 1.8; color: #324655; margin-top: 8px; }
.hxysA-a .swiper-pagination { z-index: -1; opacity: 0; position: absolute; left: 0; top: 0; }
.hxysA-a .mainQh { position: absolute; width: 48px; height: 48px; background: none; border: 1px solid #dedede; border-radius: 50%; top: auto; bottom: 80px; transform: translateY(0); margin: 0; right: 0; left: auto; }
.hxysA-a .mainQh:after { font-size: 16px; font-weight: bold; color: #999; }
.hxysA-a .swiper-button-prev { right: 60px; }
.hxysA-a .mainQh:hover { background: #cd3b1c; border-color: #cd3b1c; }
.hxysA-a .mainQh:hover:after { color: #fff; }
 @media(max-width: 1500px) {
.hxysA-b .icon { left: 40px; width: 225px; height: 225px; top: -46px; padding-top: 60px; }
.hxysA-b .icon img { height: 70px; }
.hxysA-b .t { font-size: 20px; }
.hxysA-b .tt { font-size: 24px; padding-top: 30px; }
.hxysA-b { min-height: 200px; padding: 0 160px 0 320px; }
.hxysA-a .mainQh { bottom: 85px; }
.hxysA-a { margin-top: 30px; }
}
 @media(max-width: 1100px) {
.hxysA { padding: 40px 0 50px; }
.hxysA-a { margin-top: 20px; }
.hxysA-b .icon { display: none; left: 20px; width: 165px; height: 165px; top: -26px; padding-top: 30px; }
.hxysA-b .icon img { height: 60px; }
.hxysA-b .t { font-size: 20px; }
.hxysA-b .tt { font-size: 22px; padding-top: 10px; }
.hxysA-b { min-height: 10px; padding: 0; }
.hxysA-a .mainQh { bottom: 60px; display: none; }
}
/*测试能力*/

.csnlB { padding: 5vw 0 6vw; background: #f6f6f6; }
.csnlB-b { margin-top: 40px; }
.csnlB-b .c p { font-size: 16px; color: rgba(50, 70, 85, 0.8); line-height: 1.8; margin-bottom: 25px; }
 @media(max-width: 1500px) {
.csnlB-b { margin-top: 30px; }
}
 @media(max-width: 1100px) {
.csnlB-b { margin-top: 10px; }
}
.csnlA { padding: 5vw 0 7vw; }
.csnlA-a .c { font-size: 16px; color: #324655; margin-top: 12px; padding-right: 300px; }
.csnlA-c { height: 48px; position: relative; }
.csnlA-b { margin-top: 40px; }
.csnlA-b .mainQh { position: absolute; width: 48px; height: 48px; background: none; border: 1px solid #dedede; border-radius: 50%; top: auto; bottom: 0px; transform: translateY(0); margin: 0; right: 0; left: auto; }
.csnlA-b .mainQh:after { font-size: 16px; font-weight: bold; color: #999; }
.csnlA-b .swiper-button-prev { right: 60px; }
.csnlA-b .mainQh:hover { background: #cd3b1c; border-color: #cd3b1c; }
.csnlA-b .mainQh:hover:after { color: #fff; }
.csnlA-b .swiper-container { padding-bottom: 85px; }
.csnlA-b .swiper-container .swiper-pagination.swiper-pagination-progressbar { width: calc(100% - 130px); border-radius: 1px; top: auto!important; background: #f4f4f4; height: 3px; bottom: 23px; }
.csnlA-b .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #cd3b1c; }
.csnlA-b .swiper-slide { position: relative; }
.csnlA-b .swiper-slide .t { position: absolute; left: 0; bottom: 20px; width: 100%; padding: 0 20px; font-size: 24px; color: #ffffff; }
 @media(max-width: 1500px) {
.csnlA-b { margin-top: 30px; }
.csnlA-b .swiper-slide .t { font-size: 22px; }
}
 @media(max-width: 1100px) {
.csnlA-b { margin-top: 20px; }
.csnlA-b .swiper-container { padding-bottom: 60px; }
.csnlB, .csnlA { padding: 40px 0 50px; }
.csnlA-a .c { padding: 0; margin-top: 6px; }
.csnlA-b .mainQh { width: 40px; height: 40px; }
.csnlA-b .swiper-button-prev { right: 52px; }
.csnlA-b .swiper-container .swiper-pagination.swiper-pagination-progressbar { width: calc(100% - 110px); bottom: 20px; }
}
/*服务与解决方案*/

.serviceA { padding: 6vw 0 6vw; background: #f5f5f5; }
.serviceA-a .aboutD-b a { min-width: 140px; text-align: center; }
.serviceA-b { margin-top: 50px; }
.serviceA-d { float: right; width: 48.75%; }
 @media(max-width:1500px) {
.serviceA-a .aboutD-b a { min-width: 125px; }
}
 @media(max-width:1100px) {
.serviceA-a .aboutD-b a { min-width: 100px; }
}
 @media(max-width:360px) {
.serviceA-a .aboutD-b a { min-width: 10px; }
}
.serviceA-f { }
.serviceA-c { float: left; width: 44%; }
.serviceA-c ul li { float: left; width: calc(33.333% - 9px); margin-right: 13px; }
.serviceA-c ul li:nth-child(3n) { margin-right: 0; }
.serviceA-c ul li:nth-child(n+4) { margin-top: 13px; }
.serviceA-c ul li { position: relative; border-radius: 6px; overflow: hidden; }
.serviceA-c ul li .t { position: absolute; left: 0; bottom: 15px; font-size: 20px; color: #324655; padding: 0 15px 10px; text-align: center; width: 100%; }
.serviceA-c .tabTit span:nth-child(n+2) { margin-left: 20px; }
.serviceA-c .tabTit span { display: inline-block; font-size: 18px; color: #324655; border-bottom: 2px solid #f5f5f5; }
.serviceA-c .tabTit span i { display: inline-block; font-style: normal; border-bottom: 2px solid #f5f5f5; }
.serviceA-c .tabTit span.cur i, .serviceA-c .tabTit span:hover i { color: #cd3b1c; border-color: #cd3b1c; }
.serviceA-e .topt { font-size: 26px; color: #324655; margin: 50px 0 20px }
.serviceA-f .mainQh { position: absolute; width: 48px; height: 48px; background: none; border: 1px solid #dedede; border-radius: 50%; top: auto; bottom: 0px; transform: translateY(0); margin: 0; right: 0; left: auto; }
.serviceA-f .mainQh:after { font-size: 16px; font-weight: bold; color: #999; }
.serviceA-f .swiper-button-prev { right: 60px; }
.serviceA-f .mainQh:hover { background: #cd3b1c; border-color: #cd3b1c; }
.serviceA-f .mainQh:hover:after { color: #fff; }
.serviceA-f .swiper-container { padding-bottom: 85px; }
.serviceA-f .swiper-container .swiper-pagination.swiper-pagination-progressbar { width: calc(100% - 130px); border-radius: 1px; top: auto!important; background: rgba(200, 200, 200, 0.2); height: 3px; bottom: 23px; }
.serviceA-f .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #cd3b1c; }
 @media(max-width: 1700px) {
.serviceA-b { margin-top: 40px; }
.serviceA-e .topt { font-size: 24px; margin: 40px 0 20px; }
.serviceA-c ul li .t { font-size: 18px; bottom: 10px; padding-bottom: 5px; }
}
 @media(max-width: 1500px) {
.serviceA-b { margin-top: 30px; }
.serviceA-e .topt { font-size: 22px; margin: 30px 0 16px; }
.serviceA-c ul li .t { font-size: 16px; bottom: 10px; padding-bottom: 5px; }
}
 @media(max-width: 1300px) {
.serviceA-c .tabTit span { font-size: 16px; }
.serviceA-c .tabTit span:nth-child(n+2) { margin-left: 10px; }
.serviceA-e .topt { font-size: 20px; margin: 24px 0 16px; }
.serviceA-c ul li .t { font-size: 16px; bottom: 10px; padding-bottom: 5px; }
}
 @media(max-width: 1100px) {
.serviceA { padding: 40px 0 50px; }
.serviceA-b { margin-top: 20px; }
.serviceA-d, .serviceA-c { width: 100%; }
.serviceA-d { margin-bottom: 20px; display: none; }
.serviceA-f .swiper-container { padding-bottom: 60px; }
.serviceA-f .mainQh { width: 40px; height: 40px; }
.serviceA-f .swiper-button-prev { right: 52px; }
.serviceA-f .swiper-container .swiper-pagination.swiper-pagination-progressbar { width: calc(100% - 110px); bottom: 20px; }
}
 @media(max-width: 600px) {
.serviceA-c ul li { float: left; width: calc(50% - 6px); margin-right: 12px; }
.serviceA-c ul li:nth-child(3n) { margin-right: 12px; }
.serviceA-c ul li:nth-child(2n) { margin-right: 0; }
.serviceA-c ul li:nth-child(n+3) { margin-top: 12px; }
.serviceA-c .tabTit span:nth-child(n+2) { margin-left: 0px; }
.serviceA-c .tabTit span:nth-child(n+3) { margin-top: 8px; margin-left: 0px; }
.serviceA-c .tabTit span { width: 50%; text-align: center; float: left; }
}
.serviceB-c .an .an1 { color: #324655; }
.serviceB-c .an .an1:hover span { color: #324655; }
.serviceB-c .an .an1 i { border-color: #65747f; }
.serviceB-c .an .an1 i:before { background: #65747f; }
.serviceB-c .an .an1 i:after { background: #cd3b1c; }
.serviceB-a { padding: 6vw 0 60px; background: #fff; }
.serviceB-b { float: left; width: 24%; }
.serviceB-c { float: left; width: 62.5%; }
.serviceB-d { float: right; }
.serviceB-c .t { font-size: 28px; color: #324655; }
.serviceB-c .c { font-size: 16px; color: #324655; line-height: 1.8; margin: 10px 0 40px; }
.serviceB-d ul { border-left: 3px solid #ddd; line-height: 1; }
.serviceB-d ul li:nth-child(n+2) { margin-top: 15px; }
.serviceB-d ul li { cursor: pointer; font-size: 16px; color: #8998a3; padding-left: 18px; position: relative; }
.serviceB-d ul li.cur { color: #324655; }
.serviceB-d ul li.cur:after { content: ''; width: 3px; height: 100%; position: absolute; left: -3px; top: 0; background: #cd3b1c; }
.serviceC .tabTit i { font-style: normal; }
.serviceC { position: relative; }
.serviceC .tabTit { background: #cd3b1c; width: 100%; left: 0; bottom: 0; position: absolute; }
.serviceC .tabTit span { font-size: 20px; color: #fff; line-height: 80px; float: left; width: 15%; text-align: center; }
.serviceC .tabTit.w4 span { width: 25%; }
.serviceC .tabTit.w5 span { width: 20%; }
.serviceC .tabTit.w3 span { width: 33.333%; }
.serviceC .tabTit span:nth-child(n+2) { border-left: 1px solid rgba(255, 255, 255, 0.4); }
.serviceC .tabTit span:hover, .serviceC .tabTit span.cur { background: #08b298; position: relative; }
.serviceC .tabTit span:hover:after, .serviceC .tabTit span.cur:after { content: ''; width: 34px; height: 34px; transform: rotate(45deg); background: #08b298; position: absolute; left: 50%; margin-left: -17px; top: -10px; }
.serviceE { padding-bottom: 50px; display: none; }
.serviceE ul li { width: 100%; }
.serviceE .img { border-radius: 8px; overflow: hidden; }
.serviceE .t { margin-top: 16px; }
.serviceE .c { margin: 8px 0 10px; }
.serviceE ul li:nth-child(n+2) { margin-top: 30px; }
 @media(max-width: 1500px) {
.serviceB-c .t { font-size: 24px; }
.serviceB-c .c { margin-bottom: 30px; }
.serviceB-a { padding: 6vw 0 50px; }
.serviceC .tabTit span { font-size: 18px; line-height: 70px; }
.serviceB-b { width: 20%; }
}
 @media(max-width: 1300px) {
.serviceB-a { padding: 6vw 0 40px; }
.serviceC .tabTit span { font-size: 16px; line-height: 60px; }
}
 @media(max-width: 1100px) {
.serviceB-a { padding: 40px 0 20px; }
.serviceE { display: block; }
.serviceB-a .tabBox, .serviceB-d, .serviceC { display: none; }
}
/*首頁**/

.ssss { z-index: 90; position: absolute; bottom: 60px; width: 100%; left: 0; padding-left: 8.3333%; }
 @media(max-width: 1500px) {
.ssss { padding-left: 5%; bottom: 40px; }
}
 @media(max-width: 1100px) {
.ssss { padding: 0 3%; text-align: right; bottom: 30px; }
}
.sss { cursor: pointer; display: inline-block; position: relative; width: 20px; height: 20px; margin-right: 10px; }
.sss:last-child { margin-right: 0; }
.ssss .sss:after { content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; background: #fff; border-radius: 100%; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }
.sss .circle { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.sss .circle i { position: relative; float: left; width: 50%; height: 100%; overflow: hidden; }
.sss .circle i::before { content: ''; position: absolute; width: 200%; right: 0; top: 0; bottom: 0; border: 1px solid #fff; border-radius: 100%; box-sizing: border-box; clip: rect(0, 20px, 20px, 10px); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.sss .circle i:first-child::before { left: 0; right: auto; clip: rect(0px, 10px, 20px, 0px); }
.sss.sss-active::before { background: #ff5a2b; }
.sss.sss-active .circle i::before { -webkit-animation: circleR 5000ms linear both; animation: circleR 5000ms linear both; }
.sss.sss-active .circle i:first-child::before { -webkit-animation-name: circleL; animation-name: circleL; }
 @-webkit-keyframes circleL { 0%, 50% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
 @-webkit-keyframes circleR { 0% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 50%, 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
 @keyframes circleL { 0%, 50% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
 @keyframes circleR { 0% {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 50%, 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
.indexbanner { position: relative; }
.indexbanner .indexban .swiper-wrapper .swiper-slide .img { overflow: hidden; line-height: 0; }
.indexbanner .indexban .swiper-wrapper .swiper-slide-active .pc { -webkit-animation: haha2 1000ms linear both; animation: haha2 1000ms linear both; }
.indexbanner .indexban .swiper-wrapper .swiper-slide .img .md { display: none; -webkit-animation: haha2 1000ms linear both; animation: haha2 1000ms linear both; }
.indexbanner .exban-pagination { display: none; }
 @-webkit-keyframes haha2 { 0% {
transform: scale(1.1)
}
 10% {
transform: scale(1.09)
}
 20% {
transform: scale(1.08)
}
 30% {
transform: scale(1.07)
}
 40% {
transform: scale(1.06)
}
 50% {
transform: scale(1.05)
}
 60% {
transform: scale(1.04)
}
 70% {
transform: scale(1.03)
}
 80% {
transform: scale(1.02)
}
 90% {
transform: scale(1.01)
}
 100% {
transform: scale(1)
}
}
.indexbanner .indexban .swiper-wrapper .swiper-slide { overflow: hidden; }
.indexbanner .indexban .swiper-wrapper .swiper-slide:before { position: absolute; content: ""; left: 0; top: 0; background: rgba(0, 0, 0, .2); width: 100%; height: 100%; z-index: 1; }
.indexbanner .indexban .swiper-wrapper .swiper-slide .wipre { position: absolute; top: 52%; transform: translateY(-50%); right: 0; width: auto; width: 100%; z-index: 2; }
.indexbanner .indexban .swiper-wrapper .swiper-slide .wipre .preb { color: #ffffff; line-height: 1.4; margin-bottom: 3vw; }
.indexbanner .indexban .swiper-wrapper .swiper-slide .wipre .prec { color: #fff; line-height: 1.6; font-size: 16px; margin-top: 7px; margin-bottom: 8px; }
.an1 { font-size: 15px; color: #fff; display: block; position: relative; width: 165px; }
.an1 i { display: block; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.an .an1:hover i { width: 100%; border-radius: 40px; transition: all 0.5s; }
.an .an1 i:after { content: ""; width: 8px; height: 8px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background: #fff; border-radius: 50%; }
.an .an1:hover i:after { right: 23px; }
.an .an1 i:before { content: ""; position: absolute; width: 30px; height: 1px; background: #fff; top: 50%; transform: translateY(-50%); right: 26px; }
.an span, .an .an1 { transition: all 0.6s }
.an1:hover span { color: #fff; padding-left: 15px; }
.an .an1:hover { width: 180px; }
.topHeader { position: absolute; left: 0; top: 0; width: 100%; background: #fff; z-index: 10; }
 @media(max-width: 1100px) {
.indexbanner .indexban .swiper-wrapper .swiper-slide .pc { display: none; }
.indexbanner .indexban .swiper-wrapper .swiper-slide .img .md { display: block; }
.indexbanner .indexban .swiper-wrapper .swiper-slide .wipre .preb { margin-bottom: 40px; }
.an1 i { width: 36px; height: 36px; }
}
/*首页*/

.homeBoxA { padding: 8vw 0 7vw; background: #f5f5f5; }
.homeBoxA-a .c { font-size: 14px; color: #324655; margin-top: 8px; }
.homeBoxA-c .tabTit { margin-top: 2vw; flood-color: #fff; color: #fff; line-height: 2; font-size: 16px; }
.homeBoxA-b { border-radius: 10px; overflow: hidden; position: relative; margin-top: 50px; }
.homeBoxA-c { padding: 4vw 2vw 5vw 2vw; background: url(../img/aboutbbg.png) no-repeat right bottom #cd3b1c; float: left; width: 31.25%; }
.homeBoxA-d { position: absolute; top: 0; right: 0; width: 68.5%; height: 100%; }
.homeBoxA-c .t1 { cursor: pointer; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 20px; padding: 1vw 30px 1vw 25px; position: relative; }
.homeBoxA-c .t1:after, .homeBoxA-c .t1:before { position: absolute; top: 50%; transform: translateY(-50%); }
.homeBoxA-c .t1:after { content: "+"; font-size: 30px; color: #fff; right: 2px; }
.homeBoxA-c .cur .t1:after { content: "-"; }
.homeBoxA-c .t1:before { content: ""; width: 4px; height: 4px; background: #fff; border-radius: 50%; left: 10px; }
.homeBoxA-c .c { display: none; padding-left: 25px; padding-bottom: 2vw; }
.homeBoxA-c .c a { display: inline-block; margin-bottom: 8px; width: 49%; font-size: 16px; color: rgba(255, 255, 255, 0.7); }
.homeBoxA-c .cur .c { display: block; }
.homeBoxA-c .an { margin-top: 3vw; }
.homeBoxA-a .gybt { max-width: 800px; width: 60%; }
 @media(max-width: 1680px) {
.homeBoxA-b { margin-top: 50px; }
.homeBoxA-c .t1 { font-size: 18px; }
.homeBoxA-c .c a { width: 49%; font-size: 14px; }
}
 @media(max-width: 1500px) {
.homeBoxA-b { margin-top: 40px; }
.homeBoxA-c .c a { width: 49%; font-size: 14px; }
}
 @media(max-width: 1300px) {
.homeBoxA-b { margin-top: 30px; }
.homeBoxA-c .c a { width: 49%; font-size: 14px; }
}
 @media(max-width: 1100px) {
.homeBoxA-c .tabTit { margin-top: 18px; }
.homeBoxA-b { margin-top: 20px; }
.homeBoxA-a .gybt { max-width: 10000px; width: 100%; margin-bottom: 18px; }
.homeBoxA-c { width: 100%; }
.homeBoxA-c .t1 { padding: 16px 30px 16px 24px; font-size: 16px; }
.homeBoxA-d { width: 100%; position: relative; float: right; height: 55vw; }
}
.homeBoxB { padding: 6vw 0 0; }
 @media(max-width:1100px) {
.homeBoxB { padding-top: 40px; }
}
.homeBoxB { position: relative; }
.homeBoxB .relative { z-index: 10; }
.homeBoxB:after { content: ''; width: 100%; height: 13vw; background: #f5f5f5; position: absolute; left: 0; bottom: 0; }
.homeBoxB-b .an .an1 { color: #324655; }
.homeBoxB-b .an .an1:hover span { color: #324655; }
.homeBoxB-b .an .an1 i { border-color: #65747f; }
.homeBoxB-b .an .an1 i:before { background: #65747f; }
.homeBoxB-b .an .an1 i:after { background: #cd3b1c; }
.homeBoxB-a .gybt { float: left; width: 43%; }
.homeBoxB-b { line-height: 1.8; float: right; width: 57%; }
.homeBoxB-b .c1 { font-size: 18px; color: #324655; }
.homeBoxB-b .c2 { font-size: 16px; color: #324655; margin: 15px 0 50px; }
.homeBoxB-d { margin-top: 4vw; }
 @media(max-width:1500px) {
.homeBoxB-b .c1 { font-size: 16px; }
.homeBoxB-b .c2 { font-size: 14px; margin: 10px 0 30px; }
}
 @media(max-width:1100px) {
.homeBoxB-a .gybt { width: 100%; }
.homeBoxB-b { margin-top: 20px; width: 100%; }
.homeBoxB-b .c2 { margin: 10px 0 20px; }
.homeBoxB-d { margin-top: 30px; }
}
.homeBoxC { padding: 6vw 0 6.5vw; background: #f5f5f5; }
.homeBoxC-a { width: auto; float: right; right: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.homeBoxC-c { border-bottom: 3px solid #cd3b1c; float: left; width: calc(33.3333% - 14px); border-radius: 3px; overflow: hidden; background: #fff; margin-right: 20px; }
.homeBoxC-e { border-bottom: 3px solid #cd3b1c; float: left; width: calc(33.3333% - 14px); border-radius: 3px; overflow: hidden; background: #fff; }
.homeBoxC-c .tag, .homeBoxC-e .topT { position: relative; padding-left: 15px; font-size: 16px; color: #cd3b1c; }
.homeBoxC-c .tag:before, .homeBoxC-e .topT:before { content: ''; background: #cd3b1c; border-radius: 50%; width: 5px; height: 5px; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); }
.homeBoxC-c .t { margin: 12px 0 5px; font-size: 20px; color: #324655; }
.homeBoxC-d .con { padding: 20px 25px 30px; }
.homeBoxC-d .con .c { font-size: 15px; color: #324655; line-height: 1.6; margin: 10px 0 30px; }
.mainSmall { font-size: 15px; color: #324655; display: inline-block; padding-right: 16px; background: url(../img/small1.png) no-repeat right center; }
.homeBoxC-b { display: flex; flex-wrap: wrap; margin-top: 50px; }
.homeBoxC-e { padding: 1.5vw 1.5vw 1vw; }
.homeBoxC-e a { display: block; padding: 1.5vw 0; }
.homeBoxC-e ul li:nth-child(n+2) { border-top: 1px solid #dedede; }
.homeBoxC-e a .d { font-size: 14px; margin: 3px 0 20px; color: #324655; }
.homeBoxC-e a .t { font-size: 20px; line-height: 1.6; color: #324655; }
.homeBoxC-c .img { overflow: hidden; }
.homeBoxC-c .img img { transition: all 0.3s; }
.homeBoxC-c:hover .img img { transform: scale(1.03); }
.homeBoxC-c .homeBoxC-d .t, .homeBoxC-c:hover .homeBoxC-d .d { color: #cd3b1c; }
.homeBoxC-e ul li:hover a .t { color: #cd3b1c; text-decoration: underline; }
.homeBoxC-e ul li:hover a .d { color: #cd3b1c; }
 @media(max-width: 1500px) {
.homeBoxC-e a .t, .homeBoxC-c .t { font-size: 18px; }
}
 @media(max-width: 1300px) {
.homeBoxC-e a .t, .homeBoxC-c .t { font-size: 16px; }
}
 @media(max-width: 1100px) {
.homeBoxC { padding: 40px 0 50px; }
.homeBoxC-c, .homeBoxC-e { width: 100%; margin-right: 0; }
.homeBoxC-c { margin-bottom: 20px; }
.homeBoxC-d .con { padding: 16px 12px 20px; }
.homeBoxC-e { padding: 16px 12px 10px; }
.homeBoxC-d .con .c { margin: 8px 0 20px; }
.homeBoxC-e a { padding: 20px 0; }
.homeBoxC-e a .d { margin-bottom: 12px; }
}
.homeBoxD { padding: 11vw 0 10vw; background: url(../img/hdbg.jpg) no-repeat center/cover; }
.homeBoxD .an { margin-top: 3vw; }
 @media(max-width: 1100px) {
.homeBoxD { padding: 40px 0 50px; }
.homeBoxD .an { margin-top: 30px; }
}
.homeBoxE { padding: 3.5vw 0; background: #cd3b1c; }
.homeBoxE-a { float: left; }
.homeBoxE-b { position: absolute; right: 0; top: 50%; transform: translateY(-50%); float: right; width: calc(100% - 500px); }
.homeBoxE-b ul li { float: left; width: calc(21% - 8px); margin-right: 10px; }
.homeBoxE-b ul li:last-child { margin-right: 0; width: calc(16% - 8px); }
.homeBoxE-b ul li .inp { font-size: 15px; color: rgba(255, 255, 255, 0.6); width: 100%; border: none; background: #5b1304; border-radius: 3px; padding-left: 15px; height: 60px; }
.homeBoxE-b ul li .sub { font-size: 15px; color: #5b1304; width: 100%; border: none; background: #fff; border-radius: 3px; padding-left: 0; height: 60px; }
.homeBoxE-b ul li select { vertical-align: top; font-size: 15px; color: rgba(255, 255, 255, 0.6); width: 100%; border: none; background: #5b1304; border-radius: 3px; padding-left: 15px; height: 60px; }
.homeBoxE-b ul li select option { line-height: 2; }
 .homeBoxE-b ul li .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: rgba(255, 255, 255, 0.6);
}
 .homeBoxE-b ul li .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: rgba(255, 255, 255, 0.6);
}
 .homeBoxE-b ul li .inp:-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.6);
}
 .homeBoxE-b ul li .inp::-webkit-input-placeholder {
 color: rgba(255, 255, 255, 0.6);
}
 @media(max-width: 1680px) {
.homeBoxE-b { width: calc(100% - 400px); }
.homeBoxE-b ul li .inp, .homeBoxE-b ul li .sub, .homeBoxE-b ul li select { height: 50px; }
}
 @media(max-width: 1480px) {
.homeBoxE-b ul li .inp, .homeBoxE-b ul li select { padding-left: 10px; font-size: 14px; }
.homeBoxE-b { width: calc(100% - 300px); }
.homeBoxE-b ul li .inp, .homeBoxE-b ul li .sub, .homeBoxE-b ul li select { height: 50px; }
}
 @media(max-width: 1100px) {
.homeBoxE { padding: 30px 0; }
.homeBoxE-b { width: 100%; margin-top: 20px; position: relative; top: 0; transform: translateY(0); }
.homeBoxE-b ul li { width: calc(50% - 5px); margin-right: 10px; height: 50px; }
.homeBoxE-b ul li:nth-child(2n) { margin-right: 0; }
.homeBoxE-b ul li:nth-child(n+3) { margin-top: 10px; }
.homeBoxE-b ul li:last-child { margin-right: 0; width: calc(40% - 8px); }
.homeBoxE-b ul li .inp, .homeBoxE-b ul li .sub, .homeBoxE-b ul li select, .homeBoxE-b ul li { height: 46px; }
}
.ibannerA { padding: 150px 0 120px; background: #eee; }
.colorWhite { color: #fff!important; }
.sousuo_jg { background: #f6f7f8; padding: 4vw 0 10vw; }
.ibannerA .mainTit .t span { color: #e61018; }
.ibannerA .mainTit .t { font-size: 60px; }
 @media(max-width: 1100px) {
.ibannerA { padding: 100px 0 80px; }
.searchNews { padding: 0; }
.sousuo_jg { padding: 30px 0 50px; }
}
.newsC ul li a { display: block; padding: 30px; }
.newsList .img { float: left; width: 27%; }
.newsListA-b { float: right; width: 70%; }
.newsList li { position: relative; background: #fff; border-radius: 3px; border-bottom: 2px solid #d3f1ee; margin-top: 20px; }
.newsListA-b { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.newsList li .hot { z-index: 5; position: absolute; width: 92px; height: 52px; text-align: center; font-size: 14px; padding-left: 5px; color: #fff; line-height: 40px; background: url(../images/hotbg.png) no-repeat center/cover; top: 35px; right: -11px; }
.productB .newsList ul li:nth-child(1) { margin-top: 0; }
.newsList li:hover .d { color: #c11f37; }
.newsList li:hover .t { color: #264994; text-decoration: underline; }
.newsList li:after { content: ''; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; transition: all 0.6s; height: 3px; background: #999999; position: absolute; left: 0; bottom: -2px; width: 0%; }
.newsList li:hover:after { width: 100%; }
.newsListA-b .d { font-size: 14px; color: #264994; }
.newsListA-b .t { font-size: 18px; color: #333333; margin: 12px 0 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height: 28px; line-height: 28px; }
.newsListA-b .c { font-size: 15px; color: #666666; margin: 0px 0 30px; height: 57px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newsListA-b .smallMore { font-size: 14px; color: #666666; padding-right: 32px; }
.smallMore { display: inline-block; font-size: 15px; padding-right: 54px; color: #3d67ac; background: url(../images/mainmore.png) no-repeat right center; }
.newsList ul { margin-bottom: 60px; }
.searNews .newsListA-b { position: relative; width: 100%; top: 0; transform: translateY(0); }
.searNews .newsListA-b .c { height: auto; margin-top: 12px; }
.searNews .newsListA-b .t { margin: 0; height: auto; }
 @media(max-width: 1680px) {
.newsB { padding: 120px 0 100px; }
.newsList ul { margin-bottom: 50px; }
.ibannerA .mainTit .t { font-size: 45px; }
}
 @media(max-width: 1480px) {
.newsB { padding: 90px 0 90px; }
.newsListA-b .t { font-size: 18px; margin: 8px 0 16px; }
.newsListA-b .c { margin-bottom: 20px; }
.newsB-a .nyNav a { padding: 8px 50px; margin: 0 8px; font-size: 16px; }
.newsList ul { margin-bottom: 40px; }
.homeBoxB-b ul li a { width: 120px; display: block; padding: 10px 0; text-align: center; }
.homeBoxB-b ul li { float: left; margin-left: 10px; }
.newsList li .hot { width: 72px; height: 40px; font-size: 12px; padding-left: 4px; line-height: 33px; top: 15px; right: -8px; }
.ibannerA .mainTit .t { font-size: 40px; }
}
 @media(max-width: 1280px) {
.newsB { padding: 70px 0 80px; }
.newsC ul li a { padding: 20px; }
.newsListA-b .t { font-size: 18px; margin: 5px 0 2px; }
.newsListA-b .c { margin-bottom: 16px; }
.newsList ul { margin-bottom: 30px; }
.ibannerA .mainTit .t { font-size: 30px; }
}
 @media(max-width: 1100px) {
.newsList .img { width: 100%; }
.newsListA-b { float: right; width: 100%; position: relative; transform: translateY(0); padding: 16px 0; }
.newsB { padding: 50px 0 60px; }
.newsC ul li a { padding: 20px 12px; }
.newsList li { margin-top: 12px; }
.newsListA-b .t { font-size: 18px; margin: 5px 0 2px; }
.newsListA-b .c { margin-bottom: 16px; }
.ibannerA .mainTit .t { font-size: 25px; }
}
 @media(max-width: 900px) {
.newsB { padding: 30px 0 40px; }
.newsListA-b .c { height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
 @media(max-width: 640px) {
.homeBoxB-b { position: relative; left: 0; bottom: auto; text-align: left; margin-top: 20px; }
.homeBoxB-b ul li { float: left; margin: 0 10px 0 0; }
.newsC ul li a { padding: 14px 12px; }
.newsListA-b .smallMore { display: none; }
.newsListA-b .c { margin-bottom: 0; }
}
 @media(max-width: 440px) {
.homeBoxB-b ul li a { width: 90px; padding: 8px 0; text-align: center; }
.homeBoxB-b ul li { float: left; margin: 0 5px 0 0; }
}
/*2023-赵旭*/

.shiy { padding: 5.72vw 0 6.25vw; }
.shiy .bt_zx { margin-top: 25px; line-height: 1.8; color: #324655; }
.shiy ul { margin-top: 50px; }
.shiy ul li { position: relative; width: 49%; float: left; margin-right: 2%; margin-bottom: 2%; overflow: hidden; }
.shiy ul li .lv { position: absolute; bottom: -100%; transition: all 0.6s; width: 100%; }
.shiy ul li:hover .lv { bottom: 0; transition: all 0.6s; }
.shiy ul li .lv .bt { width: 100%; position: absolute; top: 77px; padding: 0 6.25vw 0 2.6vw; }
.shiy ul li .lv .ann { margin-top: 35px; }
.shiy ul li .lv .ann i { font-style: normal; vertical-align: middle; }
.shiy ul li .lv .ann span { display: inline-block; vertical-align: middle; position: relative; width: 48px; height: 48px; border: 1px solid #80e4d5; border-radius: 50%; transition: all 0.6s; margin-left: 17px; }
.shiy ul li .lv .ann span:after { content: ""; position: absolute; width: 8px; height: 8px; background: #fff; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.shiy ul li .lv .ann span:before { content: ""; width: 30px; height: 2px; background: #80e4d5; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); }
.shiy ul li .lv .t { margin-top: 20px; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.shiy ul li img { border-radius: 10px; }
.shiy ul li:nth-child(2n) { margin-right: 0; }
.shiy ul li .bt { color: #fff; position: absolute; bottom: 30px; padding-left: 30px; }
 @media(max-width:1200px) {
.shiy ul li .lv .ann { margin-top: 15px; }
.shiy ul li .lv .bt { top: 40px; }
}
 @media(max-width:1100px) {
.shiy { padding: 30px 0 40px; }
.shiy .bt_zx { margin-top: 20px; }
.shiy ul { margin-top: 30px; }
.shiy ul li { width: 100%; }
.shiy ul li .lv .bt { padding: 0 20px; top: 20px; }
.shiy ul li .lv .bt .t { line-height: 1.6; margin-top: 8px; }
.shiy ul li .bt { padding-left: 20px; }
.shiy ul li .lv .bt .b { font-size: 20px; }
.shiy ul li .lv .ann { display: none; }
.shiy ul li .bt { font-size: 20px; }
}
.addFlsm { font-size: 16px; line-height: 2; }
.addFlsm p:nth-child(n+2) { margin-top: 16px; }
 @media(max-width: 1024px) {
.addFlsm p:nth-child(n+2) { margin-top: 12px; }
}
.head .head_01 .daoh { padding: 0; }
.head .head_01 .daoh li { padding: 27px 0; z-index: 5; }
.head .head_01 .daoh li .subA { position: absolute; background: #fff; top: 76px; transition: all .3s; visibility: hidden; opacity: 0; overflow: hidden }
.head .head_01 .daoh li:hover .subA { opacity: 1; visibility: inherit }
.head .head_01 .daoh li .subA li { padding: 0; }
.head .head_01 .daoh li .subA { width: 300px; }
.head .head_01 .daoh li .subA ul li { margin: 0; float: none; text-align: center; }
.head .head_01 .daoh li .subA ul li a { display: block; transition: all 0.6s; padding: 16px 0; border-bottom: 1px solid #ededed; font-size: 14px; color: #2c4655; position: relative; }
.head .head_01 .daoh li .subA ul li:nth-child(1) a { padding-top: 5px; }
.head .head_01 .daoh li .subA ul li a:after { content: ''; width: 0; height: 1px; background: #cd3b1c; position: absolute; left: 0; bottom: -1px; z-index: 2; transition: all 0.6s; }
.head .head_01 .daoh li .subA ul li a:hover:after { width: 100%; }
.head .head_01 .daoh li .subA ul li a:hover { color: #cd3b1c; }
/*.head .head_01 .daoh li .subA { opacity: 1; visibility: visible; }*/

/*.head .head_01 .daoh li:hover .subA { opacity: 1; visibility: visible; }*/

.head .head_01 .daoh>li.cur, .head .head_01 .daoh>li:hover { border-bottom: 2px solid #cd3b1c; }
.head .head_01 .daoh>li.cur a, .head .head_01 .daoh>li:hover a { color: #cd3b1c; }
.head .head_01 .daoh li .subA { padding: 1vw 0 1.6vw; }
.head .head_01 .daoh li .subA .container { max-width: 1400px; }
.subA-a .left { float: left; width: 300px; }
.subA-a .left .t1 { font-size: 22px; color: #2c4655; }
.subA-a .left .c1 { font-size: 16px; color: #324655; line-height: 1.8; margin: 15px 0 80px; }
.subA-a .left .an .an1 { width: 140px; color: #324655; }
.subA-a .left .an .an1:hover span { color: #324655; }
.subA-a .left .an .an1 i { border-color: #65747f; }
.subA-a .left .an .an1 i:before { background: #65747f; }
.subA-a .left .an .an1 i:after { background: #cd3b1c; }
img, a { vertical-align: top; }
.subA-a .left2 { width: 494px; margin: 0 60px; padding-right: 60px; float: left; border-right: 1px solid #ededed; }
.subA-a .left2 .img { border-radius: 15px; overflow: hidden; }
.subA-a .left3 { width: calc(100% - 920px); float: right; }
.head .head_01 .daoh .subA-a .left3 ul li { padding: 0; margin: 0; float: none; }
.head .head_01 .daoh .subA-a .left3 ul li a { display: block; transition: all 0.6s; padding: 16px 0; border-bottom: 1px solid #ededed; font-size: 14px; color: #2c4655; position: relative; }
.head .head_01 .daoh .subA-a .left3 ul li:nth-child(1) a { padding-top: 5px; }
.head .head_01 .daoh .subA-a .left3 ul li a:after { content: ''; width: 0; height: 1px; background: #cd3b1c; position: absolute; left: 0; bottom: -1px; z-index: 2; transition: all 0.6s; }
.head .head_01 .daoh .subA-a .left3 ul li a:hover:after { width: 100%; }
.head .head_01 .daoh .subA-a .left3 ul li a:hover { color: #cd3b1c; }
 @media(max-width:1500px) {
.subA-a .left { float: left; width: 300px; }
.subA-a .left2 { width: 454px; margin: 0 40px; padding-right: 40px; }
.subA-a .left3 { width: calc(100% - 840px); }
}
.backTop { width: 56px; height: 56px; background: #cd3b1c; border-radius: 8px; overflow: hidden; text-align: center; font-size: 14px; line-height: 56px; cursor: pointer; color: #fff; display: none; position: fixed; bottom: 30px; right: 30px; z-index: 1000; }
/***************/


.prolt .proim { width: 24%; height: 300px; margin-right: 1%; margin-bottom: 1%; float: left; position: relative; background: #000; overflow: hidden }
.prolt .proim a { display: block; overflow: hidden }
.prolt .proim a img { float: none; width: 100%; max-height: 245px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.prolt .proim a:hover img { transform: scale(1.1, 1.1) }
.prolt .proim a .proinfo { width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; transition: all ease-out .3s; }
.prolt .proim a .tit { text-align: center; line-height: 35px; color: #000; font-size: 16px; }
/*.prolt .proim a:hover .proinfo { background: rgba(0, 0, 0, .7) }
*/
.prolt .proim a .proinfo p { text-align: center; color: #fff; padding: 0 20px }
.prolt .proim a .proinfo div { position: relative; top: 50%; margin-top: -15px }
.prolt .proim a .proinfo p.title { margin-top: 10px; color: rgba(0, 0, 0, 0); font-size: 16px; transition: all ease-out .3s; }
.prolt .proim a:hover .proinfo p.title { margin-top: 0px; color: #fff; font-size: 16px }
.prolt .proim a .proinfo p.lmtitle { margin-top: 16px; color: rgba(0, 0, 0, 0); font-size: 12px; transition: all ease-out .3s; }
.prolt .proim a:hover .proinfo p.lmtitle { margin-top: 0px; color: #b7b7b7; }
.eypro { padding-top: 80px }
.eypro .prolt a { border-radius: 8px; }
.prolt .proim a .proinfo div { height: 80px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; bottom: 0px; top: auto; width: 100%; }
.eypro .prolt .eywrap { width: 90%; margin: 0 auto; }
.eypro .prolt .proim { width: 23%; margin: 0 1% 80px; background-color: transparent; border: 1px solid #ddd; }
.eypro .prolt .proim .proinfo p.title { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 100px; color: #333; line-height: 24px; }
.eypro .prolt .proim .proinfo p.lmtitle { margin-top: 0px; color: #999; }
.eypro .prolt .proim a:hover .proinfo p.title { margin-top: 110px; color: #2ecc81; }
.eypro .prolt .proim a:hover .proinfo p.lmtitle { margin-top: -16px; color: transparent; }
.pages { padding: 30px 0 30px; width: 100%; text-align: center; }
.pages a { color: #666; padding: 0 14px; margin: 0 3px; font-/weight: bold;
background: #fff; border: 1px solid #ddd; -webkit-border-radius: 2px; border-radius: 2px; }
.pages * { display: inline-block; _zoom: 1; _display: inline; vertical-align: middle; line-height: 30px; padding-bottom: 1px; }
.pages a:hover, .pages .active a { display: inline-block; color: #fff; background: #2ecc81; border-color: #2ecc81; }
/***************/
.hzp_our_server { width: 100%; height: auto; padding: 50px 0px; }
.hzp_our_server_btn { width: 100%; height: auto; margin-top: 34px; padding-bottom: 18px; border-bottom: 2px solid #f15a28; display: table; }
.hzp_our_server_btn li { width: 158px; height: 48px; border: 2px solid #bfbfbf; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; float: left; margin-left: 11px; }
.hzp_our_server_btn li a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
.hzp_our_server_btn li:nth-of-type(1) { margin-left: 0px; }
.hzp_our_server_btn li:nth-last-of-type(1) { float: right; }
.hzp_our_server_btn li img { display: block; margin-right: 10px; }
.hzp_our_server_btn li img:nth-of-type(2) { display: none; }
.hzp_our_server_btn li h2 { font-size: 16px; color: #828282; text-align: center; margin-top: 3px; }
.hzp_our_server_btn li.on { background: #f15a28; border-color: #f15a28; }
.hzp_our_server_btn li.on:after { width: 12px; height: 12px; content: ""; display: block; position: absolute; left: 50%; margin-left: -6px; background: #f15a28; border-radius: 50%; bottom: -27px; }
.hzp_our_server_btn li.on img:nth-of-type(1) { display: none; }
.hzp_our_server_btn li.on img:nth-of-type(2) { display: block; }
.hzp_our_server_btn li.on h2 { color: #FFFFFF; }
.hzp_our_server_btn li.on p { color: #FFFFFF; }
.hzp_our_server_content { width: 100%; height: auto; padding-top: 26px; }
.hzp_our_server_content_list { width: 100%; height: auto; display: none; justify-content: space-between; align-items: center; }
.hzp_our_server_content_list_left { width: 800px; height: auto; }
.hzp_our_server_content_list_left img { width: 100%; height: auto; display: block; }
.hzp_our_server_content_list_right { width: 700px; margin-left: 20px;height: auto; }
.hzp_our_server_content_list_right h2 { color: #333333; display: block; width: 644px; height: auto; padding-bottom: 20px; font-size: 20px; border-bottom: 2px solid #e5e5e5; }
.hzp_our_server_content_list_right p { color: #333333; text-align: justify; line-height: 30px; margin-top: 15px; }
.hzp_our_server_content_list_right a { display: block; width: 121px; height: 38px; box-shadow: 0px 2px 3px 0px rgba(80, 80, 80, 0.47); background: #f15a28; color: #fefefe; line-height: 38px; text-align: center; margin-top: 13px; }
.hzp_our_server_content_list_right .ydyh_more { width: 125px; height: auto; box-shadow: none; background: none; }
.hzp_our_server_content_list_right .ydyh_more img { width: 100%; height: auto; display: block; }