/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html,body{scroll-behavior: smooth;}
body { font-family:"Montserrat", Noto Sans SC, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#162133;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#162133; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#162133}
::-webkit-scrollbar-corner:vertical{ background-color:#162133}
::-webkit-scrollbar-resizer:vertical{ background-color:#162133}

.m{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.m2{ width:95%; max-width:1400px; margin:0 auto; position:relative;}
.n{ padding:80px 0;}

.top_fixed{/* position:fixed; top:0; left:0; width:100%; z-index:99;*/ position:sticky; top:0; z-index:99999; box-shadow:0px 0px 10px #888}
.top{ padding: 0px 40px; background: #0a63f9; line-height:40px; color:#fff; font-size:15px;}
.top .p1{ float:left;}
.top .p2{ float:right;}
.top_menu{ padding:20px 40px; background:#fff; position:relative;}
.top_menu .logo{ float:left; height:50px; margin-top:15px;}
.nav_ul{ text-align:center; float:left; width:calc(100% - 420px);}
.nav_ul>li{ display:inline-block; position:relative;}
.nav_ul>li>a{ line-height:80px; display:block; font-size:18px; padding:0 16px;}
.nav_ul>li ul{ position:absolute; left:0; top:120%; z-index:9; background:#0a63f9; padding:20px 5px; white-space:nowrap; opacity:0; visibility:hidden; transition:0.2s; min-width:120%;}
.nav_ul>li:hover ul{ opacity:1; visibility:visible; top:100%;}
.nav_ul>li ul li{ line-height:2; text-align:left;}
.nav_ul>li ul li a{ display:inline-block; padding:0 20px; color:#fff;}
.nav_ul>li ul li a:hover{ padding:0 15px 0 25px;}
.top_erweima{ float:right;}
.top_erweima img{ height:80px; margin-left:5px;}

/*banner*/
.bannerslide {position:relative;}
.bannerslide .swiper-slide { background-position: center; position: relative; height: 797px;}
.bannerslide .wrapper { position: relative; height:100%;}
.bannerslide .wrapper .img { position: absolute; top: 200px; left:100px; -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .4s .4s; transition: all .4s .4s; opacity: 0; background:#fff; width:570px;}
.bannerslide .wrapper .img .p1{ margin-bottom:20px; font-size:35px; font-weight:bold; color:#666;}
.bannerslide .wrapper .img .p2{ font-size:15px; margin-bottom:10px; line-height:1.6;}
.bannerslide .wrapper .img .img3 p{ float:left; font-weight:bold; line-height:50px;}
.bannerslide .wrapper .img a{ font-size:13px; border-radius:40px; color:#fff; display:inline-block; background:#0a63f9; border:1px solid #0a63f9; padding:0 30px; line-height:50px; font-weight:bold; float:right;}
.bannerslide .wrapper .img a:hover{ border:1px solid #111; background:#fff; color:#333;}
.bannerslide .wrapper .img .img2{ padding:40px 40px 20px 40px; border-bottom:1px solid #eee;}
.bannerslide .wrapper .img .img3{ padding:30px 40px 40px 40px;}
.bannerslide .swiper-slide-active .img { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.bannerslide .swiper-slide-active .bg{ transition: all 14s cubic-bezier(0, 1, .34, .99); transform: scale(1, 1)}
.paginationw { position: absolute; left: 0; text-align: left; bottom: 50px !important; padding-left:40px; width: 100%; z-index: 9; }
.swiper-pagination-bullet { width: 3px; height: 20px; display: inline-block; border-radius: 3px; background: #000; opacity: .2; -webkit-transition: all 1s;}
.swiper-pagination-bullet:focus{ outline:none;}
.swiper-pagination-bullet-active { background: #0a63f9; height: 40px; opacity: 1;}

.pte{ text-align:center; text-transform:uppercase; margin-bottom:10px;}
.pt1{ text-align:center; font-size:35px; margin-bottom:20px; font-weight:bold;}
.pt2{ text-align:center; font-size:15px;}

.ind_1{ padding:70px 100px;}
.i1_m{ display:flex; margin-top:40px;}
.i1_m .i1_m_l{ width:48%; padding-top:20px;}
.i1_m .i1_m_r{ width:48%; margin-left:4%;}
.i1_m .i1_m_l .p1{ line-height:1.6; margin-bottom:60px; font-size:15px;}
.i1_m .i1_m_l .p2{ font-size:30px; font-weight:bold; margin-bottom:30px;}
.i1_m .i1_m_l .p3{ line-height:1.6; margin-bottom:60px; font-size:15px; padding-bottom:20px; border-bottom:1px solid #ccc;}

.ind_2{ padding:70px 100px; background:#f5f5f5;}
.ind_2 .fl{ max-width:50%;}
.ind_2 .pt1,.ind_2 .pt2{ text-align:left;}
.ind_2 .fr{ font-size:0; max-width:50%; padding-top:30px;}
.ip2_ul1 li{ display:inline-block;}
.ip2_ul1 li a{ display:block; padding:10px 20px; border:#CCC 1px solid; font-size:14px;}
.ip2_ul1 li.on a,.ip2_ul1 li:hover a{ background:#0a63f9; color:#fff; font-size:14px;}
.ip2_ul2{ overflow:hidden; margin-top:50px;}
.ip2m .ind_p_i{ width:100%; height:15.6vw; object-fit:cover;}
.ip2m .ind_p_d{ background:#fff; text-align:center; padding:30px 20px 40px;}
.ip2m .ind_p_d .p1{ font-size:18px; color:#333; font-weight:bold; margin-bottom:30px; transition:0.2s;}
.ip2m .ind_p_d span{ display:inline-block; border:#ccc 1px solid; padding:5px 10px;}
.ip2m .swiper-slide a:hover .p1{ color:#0a63f9;}


.ind_3{ background:url(../images/supportbg.jpg) no-repeat center center; height:623px; padding-top:100px;}
.ind_3 .pt1,.ind_3 .pt2{ color:#fff;}
.ind_3 ul{ display:flex; margin-top:50px;}
.ind_3 ul li{ text-align:center; width:25%;}
.ind_3 ul li img{ height:35px; margin-bottom:20px;}
.ind_3 ul li p{ color:#fff; line-height:1.6; font-size:16px;}

.ind_4{ padding:70px 100px 50px;}
.ind_4 .pt1,.ind_4 .pt2{ text-align:left;}
.ind_4 .fr{ font-size: 24px; font-weight: bold; text-align: right;}

.ind_5{ display:flex; padding-bottom:50px;}
.i5_l{ width:50%; background:#f5f5f5; padding:50px 100px;}
.i5_l img{ width:100%; height:440px; object-fit: cover;}
.i5_l .p1{ font-size:18px; font-weight: 600; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; margin: 20px 0 10px;}
.i5_l .p2{ font-size:16px; line-height:1.6;}
.i5_r{ width:50%; padding:0 100px;}
.i5_r .item{ padding:30px 40px; background:#fff; transition:0.2s; border-bottom: #dddddd 1px solid; position:relative; top:0; margin-bottom:10px;}
.i5_r .item .p1{ font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; margin-bottom:10px; transition:0.2s;}
.i5_r .item .p2{ font-size:15px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; line-height:1.6; font-weight: 300; transition:0.2s;}
.i5_r .item:hover{ background:#0a63f9; top:-10px;}
.i5_r .item:hover .p1,.i5_r .item:hover .p2{ color:#fff;}


.ind_6{ background:url(../images/contactbg.jpg) no-repeat center center; height:500px; text-align:center; display:flex; align-items:center; justify-content: center;}
.ind_6 .pt1,.ind_6 .pt2{ color:#fff;}
.ind_6 a{ background:#0963f8; color: #fff; display:inline-block; font-size:18px; padding: 10px 40px; border-radius:50px; margin-top:50px;}
.ind_6 a span{ margin-top:0; font-size:16px; margin-right:10px;}
.ind_6 span{ color: #fff; display:inline-block; margin-top:10px;}

.bottom{ padding:50px 100px 20px; background:#fafafa;}
.bottom2{}
.bottom2 .logob{ float:left; height:50px;}
.bottom2>div{ float:right; width:calc(100% - 300px);}
.bottom2 ul{ width:15%; float:left;}
.bottom2 ul:nth-child(4){ width:30%;}
.bottom2 ul p{ font-size:17px; font-weight:bold; margin-bottom:15px;}
.bottom2 ul li{ line-height:1.8; font-size:15px; font-weight:300;}
.bottom2 ul li a{}
.bottom2 ul:last-child{ float:right; text-align:right; width:18%;}
.bottom2 ul:last-child img{ vertical-align:middle;}
.bottom2 ul:last-child .erweima{ height:120px; margin:10px 0; margin-left:5px;}
.foot{ padding:20px 0 0; border-top: #ddd 1px solid; margin-top:50px;}
.foot p{ float:left; line-height:2;}
.foot a.beian{ float:right;}

.nbanner{ height:400px; background:linear-gradient(rgb(22 33 51 / 0.5),rgb(22 29 39 / 0.3)),url(../images/nbanner.jpg) no-repeat center center; position:relative; display: flex; align-items: center; justify-content:center;}
.nbanner .nb_tit p{ text-align:center; font-size:60px; letter-spacing:2px; color:#fff; font-weight:bold; text-transform:uppercase;}
.nbanner .nb_tit{ position:relative;}
.nbanner .nb_tit ul{ text-align:center; margin-top:10px;}
.nbanner .nb_tit li{ color:#fff; display:inline-block; text-transform:uppercase; margin:0 5px;}
.nbanner .nb_tit li a{ color:#fff; font-size:16px; font-family: montserrat,sans-serif;}
.nbannernews{ background:linear-gradient(rgb(22 33 51 / 0.5),rgb(22 29 39 / 0.3)),url(../images/nbannernews.jpg) no-repeat center center;}
.nbannerpro{ background:linear-gradient(rgb(22 33 51 / 0.5),rgb(22 29 39 / 0.3)),url(../images/nbannerpro.jpg) no-repeat center center;}
.nbannercon{ background:linear-gradient(rgb(22 33 51 / 0.5),rgb(22 29 39 / 0.3)),url(../images/nbannercon.jpg) no-repeat center center;}




.abouti1{ margin:100px auto;}
.abouti1 .item{ float:left; width:25%; padding:0 25px;}
.abouti1 .item2{ display:flex; justify-content: space-between;}
.abouti1 .item2 .icon{ width:80px; height:80px; background:#f5f5f5; font-size:30px; display:flex; align-items: center; justify-content:center; color:#0a63f9;}
.abouti1 .item2 h1{ font-size:80px; color:#f5f5f5;}
.abouti1 .txt{ font-size:20px; color:#333; font-weight:bold; margin-top:20px;}

.abouti2{ display:flex;}
.abouti2_i{ width:50%;}
.abouti2 .abouti2_r{ width:50%; background:#f5f5f5; display: flex; align-items: center; justify-content: flex-start; padding-left:50px; padding-right:calc(50% - 700px); padding-top:80px; padding-bottom:50px;}
.abouti2 .abouti2_r .p1{ font-size:48px; font-weight:800; color:#333; margin-bottom:25px; text-transform:uppercase;}
.abouti2 .abouti2_r .p1 span{ color:#0a63f9;}
.abouti2 .abouti2_r .p2{ line-height:1.8; margin-bottom:15px; font-size:16px;}

.ab_con{ -webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#0a63f9;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden; margin:50px auto;}
.ab_con .ac_left{ -webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:255px;padding:0 0 0 70px;width:calc(50% - 35px);}
.ab_con .ac_left p{ color: #fff; font-weight: 700; font-size: 35px; width:100%; text-align:center;}
.ab_con .ac_right{ -webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-height:255px;overflow:hidden;padding-left:85px;padding-right:84px;position:relative;right:0;text-align:center;width:calc(50% + 36px);clip-path:polygon(15% 0%,100% 0%,100% 100%,100% 100%,0% 100%);-webkit-clip-path:polygon(15% 0%,100% 0%,100% 100%,100% 100%,0% 100%);}
.ab_con .ac_right:before{ background-image:url(../images/bg1.jpg);background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:4px;position:absolute;top:0;width:100%;z-index:-1;clip-path:polygon(15% 0%,100% 0%,100% 100%,100% 100%,0% 100%);-webkit-clip-path:polygon(15% 0%,100% 0%,100% 100%,100% 100%,0% 100%);}
.ab_con .ac_right p{ color: #fff; font-weight: 700; font-size: 60px;}

.newslist .list{}
.newslist .list .item {background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2);width:49%;float:left;margin-right:2%;box-sizing:border-box;padding:40px 40px 30px 40px;margin-bottom:30px;-webkit-transition:all .3s;transition:all .3s;}
.newslist .list .item:hover {-webkit-transform:translateY(-15px);transform:translateY(-15px);}
.newslist .list .item:nth-child(2n) {margin-right:0;}
.newslist .list .item .tim {line-height:20px;height:20px;font-size:12px;margin-bottom:10px;color:#999;}
.newslist .list .item .nam {font-size:18px;color:#ee2e32;line-height:26px;height:52px;overflow:hidden;margin-bottom:20px;}
.newslist .list .item .nam a {text-decoration:none;font-size:18px;font-weight:400;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;}
.newslist .list .item .nam a:hover { color:#0a63f9;}
.newslist .list .item .txt {font-size:15px;color:#333;line-height:24px;margin-bottom:40px;font-weight:300;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;}
.newslist .list .item .btn {line-height:24px;height:24px;width:100%;margin-bottom:30px;}
.newslist .list .item .btn a {display:block;}
.newslist .list .item .btn a.l01 {float:left;color:#ee2e32;}
.newslist .list .item .btn a.l02 {float:right;width:24px;height:24px;background:url(../images/hb01img01s.png) no-repeat center;}

.npt{ text-align:center; font-weight:bold; font-size:24px; color:#666; margin:1em 0;}
.u_np{ display:flex; margin-top:40px;}
.u_np li{ border:1px solid #ccc; padding:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.u_np li:nth-child(2){ width:20%; text-align:center; border-left:none; border-right:none; margin-right:0 !important;}
.u_np li:first-child,.u_np li:last-child{ width:40% !important; margin-right:0 !important;}
.u_np li:last-child{ text-align:right;}

.prolist{}
.prolist ul li{ width:32%; margin-right:2%; margin-bottom:2%; transition:0.2s; float:left;}
.prolist ul li:nth-child(3n){ margin-right:0;}
.prolist ul li:hover{ box-shadow:0 0 10px #ccc;}
.prolist ul li img{ height:285px; object-fit:cover; width:100%;}
.prolist ul li .ind_p_d{ background:#fafafa; text-align:center; padding:30px 20px 40px;}
.prolist ul li .ind_p_d .p1{ font-size:18px; color:#333; font-weight:bold; margin-bottom:30px;}
.prolist ul li .ind_p_d span{ display:inline-block; border:#ccc 1px solid; padding:5px 10px;}

.contact_m{ padding:70px 60px; background: #fafafa url(../images/lines.png) no-repeat bottom right;}
.contact_m .p1{ margin-bottom:20px;}
.contact_m .p2_l{ width:50%; float:left;}
.contact_m .p2_1{ margin-bottom:5px;}
.contact_m .p2_2{ font-size:24px; font-weight:bold; margin-bottom:5px; font-family:Verdana, Geneva, sans-serif;}
.contact_m .p2_3{ margin-bottom:20px;}
.contact_m .p2_r{ width:50%; float:left; line-height:1.6;}
.contact_m form{ margin-top:30px;}
.contact_m form input{ width:32%; margin-right:2%; border:#CCC 1px solid; height:40px; line-height:40px; border-radius:3px; padding-left:20px; box-sizing:border-box; background:none; float:left;}
.contact_m form input:nth-child(3){ margin-right:0;}
.contact_m form textarea{ width: 100%; border: #CCC 1px solid; height: 80px; line-height: 40px; border-radius: 3px; padding-left: 20px; background: none; margin:20px 0;}
.contact_m form div input{ background:#0a63f9; color:#FFF; padding:10px 20px; border-radius:3px; float:left; height:auto; width:auto; line-height:inherit; cursor:pointer; margin-top:30px;}
.contact_m form div .fr{ max-width:60%;}
.a_m { float: right; display: none;}


@media (max-width: 1120px) {
.top,.nav_ul,.top_erweima{ display:none;}
.top_menu{ padding:20px;}
.top_menu .logo{ margin-top:0;}
.a_m{ display:block;}
.bannerslide .wrapper{ display:none;}
.bannerslide .swiper-slide{ height:300px; background-size:cover;}
.paginationw{ bottom:20px !important;}
.ind_1{ padding:30px 20px;}
.pt1{ font-size:24px;}
.pt2{ font-size:14px;}
.i1_m{ display:block; margin-top:20px;}
.i1_m .i1_m_l{ width:100%; margin-right:0;}
.i1_m .i1_m_l .p1{ margin-bottom:20px;}
.i1_m .i1_m_l .p2{ margin-bottom:20px; font-size:24px;}
.i1_m .i1_m_l .p3{ margin-bottom:20px;}
.i1_m .i1_m_r{ width:100%; margin-left:0;}
.ind_2{ padding:30px 20px;}
.ind_2 .fl{ width:100%; max-width:100%;}
.ind_2 .fr{ display:none;}
.ip2m .ind_p_i{ height:90vw;}
.ind_3{ padding:50px 20px 0 20px;}
.ind_3 ul{ flex-wrap:wrap;}
.ind_3 ul li{ width:50%;}
.ind_4{ padding:30px 20px;}
.ind_4 .fr{ display:none;}
.i5_l{ display:none;}
.i5_r{ padding:0; width:100%;}
.i5_r .item{ padding:20px;}
.ind_6{ padding:0 20px;}
.bottom{ padding:30px 20px;}
.bottom2>div{ display:none;}
.foot{ margin-top:20px;}
.foot a.beian{ float:left;}
.nbanner{ height:200px; background-size:cover;}
.nbanner .nb_tit p{ font-size:30px;}
.abouti1{ margin:30px 0;}
.abouti1 .item{ width:50%; margin-bottom:20px;}
.abouti1 .item2 h1{ font-size:50px;}
.abouti2{ display:block;}
.abouti2_i{ width:100%;}
.abouti2 .abouti2_r{ width:100%; padding:30px;}
.abouti2 .abouti2_r .p1{ font-size:24px;}
.abouti3{ display:block; padding:30px 0;}
.abouti3 .abouti3_l{ width:100%;}
.abouti3 .abouti3_l .p1{ font-size:24px;}
.abouti3 .abouti3_r{ display:none;}
.ab_con .ac_left{ padding:0 0 0 30px; min-height:100px;}
.ab_con .ac_left p{ font-size:18px;}
.ab_con .ac_right{ padding:0 20px; min-height:100px;}
.ab_con .ac_right p{ font-size:18px;}
.prolist ul li{ width:49%;}
.prolist ul li:nth-child(3n){ margin-right:2%;}
.prolist ul li:nth-child(2n){ margin-right:0;}
.prolist ul li img{ height:145px;}
.prolist ul li .ind_p_d{ padding:20px;}
.n{ padding:30px 0;}
.newslist .list{ margin-top:0;}
.newslist .list .item{ width:100%; margin-right:0; padding:20px;}
.newslist .list .item .tim{ height:10px;}
.newslist .list .item .nam{ margin-bottom:0;}
.contact_m{ width:100%; padding:20px;}
.contact_m .p2_l,.contact_m .p2_r{ width:100%;}
}