/* 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;}
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:#de151d;}
.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:#008c99; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#334da2}
::-webkit-scrollbar-corner:vertical{ background-color:#008c99}
::-webkit-scrollbar-resizer:vertical{ background-color:#008c99}



.m{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.m2{ width: 95%; max-width: 1340px; margin: 0 auto; position:relative;}
.n{ padding:50px 0;}
.n_m{ padding: 50px 0; background: #f5f7f9;}

.top{ padding:15px 45px;}
.logo{ float:left;}
.top .nav{ float:left; text-align:center; width:55%;}
.top .nav>li{ display:inline-block; font-size:16px; line-height:47px; font-weight:bold; margin:0 15px; padding:5px 0; position:relative;}
.top .nav>li>ul{ position:absolute; left:0; top:120%; z-index:9; background:#2778be; padding:20px 10px; white-space:nowrap; opacity:0; visibility:hidden; transition:0.2s; min-width:140%; text-align:left;}
.top .nav>li>ul li{ line-height:1.6;}
.top .nav>li:hover>ul{ opacity:1; visibility:visible; top:100%;}
.top .nav>li>ul li a{ color:#fff; font-weight:normal; font-size:14px;}
.language{ line-height:47px; float:right; font-weight:bold; padding:5px 0;}
.language img{ display:inline-block; vertical-align:middle; margin:0 5px;}

/*banner*/
.bannerslide{}
.bannerslide .swiper-slide { background-position: center; position: relative; height: 815px;}
.bannerslide .wrapper { position: relative; height:100%;}
.bannerslide .wrapper .img { -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .4s .4s; transition: all .4s .4s; opacity: 0; text-align:center; margin-top:240px;}
.bannerslide .wrapper .img2{ width:520px; text-align:left; margin-left:10%; margin-top:140px;}
.bannerslide .wrapper .img .p1{ font-size:85px; color:#fff; font-weight:bold; margin:10px 0 30px;}
.bannerslide .wrapper .img2 .p1{ font-size:70px;}
.bannerslide .wrapper .img .p2{ font-size:15px; color:#fff; letter-spacing:10px;}
.bannerslide .wrapper .img3{ margin-top:190px;}
.bannerslide .wrapper .img3 .p2{ letter-spacing:0;}
.bannerslide .wrapper .img .p3{ font-size:18px; line-height:1.6; color:#fff; letter-spacing:0; margin-bottom:50px;}
.bannerslide .wrapper .img a{ font-size:13px; border-radius:40px; color:#fff; display:inline-block; background:#2778be; padding:0 30px; line-height:50px; font-weight:bold;}
.bannerslide .wrapper .img a:hover{ color:#2778be; background:#fff;}
.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: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff !important; opacity:1 !important;}
.swiper-pagination-bullet-active { background: #007bba !important; }

.ind_pro{ padding:50px 0;}
.pt{ text-align:center;}
.line{ width: 1px; border-left: #ccc 1px solid; height: 70px; margin: 0 auto; margin-bottom: 30px;}
.pt1{ margin-bottom:10px; font-weight:bold;}
.pt2{ font-size:50px; font-weight:bold;}
.pt3{ font-size:16px; line-height:1.6; margin-top:20px;}

.ip_ul{ display:grid; grid-gap: 5px; padding:0 40px; margin-top:60px;}
.ip_ul li{ background:#eee; position:relative; overflow:hidden;}
.ip_ul li img{ display:block; transition:0.5s;}
.ip_ul li:hover img{ transform:scale(1.1,1.1);}
.ip_ul li a{ color:#fff;}
.ip_ul li .pa{ position:absolute; top:0; left:0; right:0; bottom:0; padding:40px; z-index:1;}
.ip_ul li .pa .p1{ font-size:24px; font-weight:700;}
.ip_ul li .pa .p2{ margin:10px 0 30px;}
.ip_ul li .pa2{ position:absolute; top:100%; left:0; right:0; bottom:0; padding:40px; z-index:2; background:rgba(255, 255, 255, 0.8); color:#2778be; transition:0.5s;}
.ip_ul li .pa2 .p1{ font-size:24px; font-weight:700;}
.ip_ul li a>.p2{ display:none;}
.ip_ul li .pa .pa2{ display:none;}
.ip_ul li .pa2 .p2{ line-height:2; margin-top:30px;}
.ip_ul li:hover .pa2{ top:40%;}



/*.ip_ul li:nth-child(1){ grid-row: 1 / span 1;}
.ip_ul li:nth-child(2){ grid-row: 1 / span 2;}
.ip_ul li:nth-child(3){ grid-row: 1 / span 1;}
.ip_ul li:nth-child(4){ grid-row: 1 / span 2;}*/
.ip_ul{ display: grid; grid-template-areas: '. myArea . myArea2' '. myArea . myArea2';}
.ip_ul li:nth-child(1){ grid-area: myArea;}
.ip_ul li:nth-child(2){ grid-area: myArea2;}
.a_more{ text-align:center; margin-top:50px;}
.a_more a{ display:inline-block; background:#60aee6; color:#fff; border-radius:50px; padding:15px 40px;}

.ind_app{ background:url(../images/application.jpg) no-repeat center center; height:700px; padding-top:140px;}
.ind_app .p1{ font-size:50px; font-weight:bold; color:#fff; margin-bottom:20px;}
.ind_app .p2{ color: #FFF; width: 530px; font-size: 18px; line-height:1.6; margin-bottom:60px;}
.ind_app a{ display:inline-block; border:2px solid #fff; color:#fff; border-radius:50px; padding:15px 40px;}

.ind_inn{ background:#f4f4f4; padding:50px 0;}
.ind_inn .ii_l{ float:left; width:45%;}
.ind_inn .ii_l .p1 p{ margin-bottom:10px; font-weight:bold; display:inline-block;}
.ind_inn .ii_l .p2{ font-size:40px; font-weight:bold; margin-bottom:30px; color:#333;}
.ind_inn .ii_l .p3{ font-size:16px; line-height:1.6;}
.ind_inn .ii_r{ float:right; width:45%; display:flex; padding-top:30px;}
.ind_inn .ii_r li{ width:25%;}
.ind_inn .ii_r li .p1{ font-size:14px; font-weight:bold; color:#333; }
.ind_inn .ii_r li .p1 span{ font-size:45px;}
.line2{ width:50px; border-top:#CCC 1px solid; display:inline-block; height:7px; margin-right:10px; display:inline-block;}

.ind_ab2{ background:linear-gradient(to top, rgb(6 84 169 / 0.6), rgb(6 84 169 / 0.1)),url(../images/application.jpg) no-repeat center center; padding:80px 0; color:#fff; background-size:cover;}
.ind_ab2 .pt3{ max-width:960px; margin:20px auto; line-height:2;}
.ia2_u{ text-align:center; font-size:0; margin-top:50px;}
.ia2_u li{ width:18%; display:inline-block; background:rgba(255,255,255,0.4); margin-right:2%; padding:50px 0; border-radius:20px;}
.ia2_u li .p1{ font-size:14px; font-weight:bold; color:#fff; }
.ia2_u li .p1 span{ font-size:45px;}
.ia2_u li .p2{ font-size:16px;}


.ind_ab{ padding:50px 0;}
.ia_ul{ margin-top:70px;}
.ia_ul li{ float:left; height:600px; width:calc(25% - 3.75px); margin-right:5px; position:relative; background:url(../images/equipment4.jpg) no-repeat center center; transition:0.2s;}
.ia_ul li:nth-child(2){ background:url(../images/equipment2.jpg) no-repeat center center;}
.ia_ul li:nth-child(3){ background:url(../images/equipment3.jpg) no-repeat center center;}
.ia_ul li:nth-child(4){ background:url(../images/equipment1.jpg) no-repeat center center;}
.ia_ul li:last-child{ margin-right:0;}
.ia_ul li a{ display:block; height:100%; background: rgba(0,0,0, 0.5); text-align:center;}
.ia_ul li .before-con{ position:absolute; top:50%; transform: translate(0, -50%); width:100%; opacity:1; visibility:visible; transition:0.2s;}
.ia_ul li .before-con p{ margin-top: 24px; font-size: 30px; font-weight: 700; color:#fff;}
.ia_ul li.on2{ width:calc(18% - 3.75px);}
.ia_ul li.on{ width:calc(46% - 3.75px);}
.ia_ul li .after-con{ text-align:left; padding:90px; color:#fff; position:relative; height:100%; opacity:0; visibility:hidden; transition:0.2s;}
.ia_ul li .after-con .p1{ font-size:30px; font-weight:bold; position:relative; padding-bottom:20px; margin-bottom:30px;}
.ia_ul li .after-con .p1:after{ content: ""; width: 30px; height: 3px; background: #fff; display: block; position: absolute; bottom: 0; left: 0;}
.ia_ul li .after-con .p2{ font-size:16px; line-height:1.6;}
.ia_ul li .after-con .p3{ position:absolute; bottom:100px;}
.ia_ul li.on .after-con{ opacity:1; visibility:visible;}
.ia_ul li.on .before-con{ opacity:0; visibility:hidden;}

.ind_his{ background:url(../images/developmentbg.jpg) no-repeat center center; height:1094px; padding-top:100px;}
.ind_his .pt{ color:#fff;}
.ind_his ul{ color:#fff; margin-top:120px;}
.ind_his ul li{ width:12.5%; float:left; padding-right:30px;}
.ind_his ul li p{ font-size:30px; font-weight:bold; margin-bottom:10px;}
.ind_his ul li span{ font-size:16px;}
.ind_his ul li:nth-child(2){ padding-top:40px;}
.ind_his ul li:nth-child(3){ padding-top:80px;}
.ind_his ul li:nth-child(4){ padding-top:120px;}
.ind_his ul li:nth-child(5){ padding-top:160px;}
.ind_his ul li:nth-child(6){ padding-top:200px;}
.ind_his ul li:nth-child(7){ padding-top:240px;}
.ind_his ul li:nth-child(8){ padding-top:280px;}

.ind_his2{ height:861px; background:url(../images/fazhanbg.jpg) no-repeat center center; padding-top:80px;}
.ind_his2 p{ font-size:40px; font-weight:bold; color:#fff;}
.ind_his2 ul li{ font-size:16px; color:#fff; margin-bottom:50px; transition:0.2s;}
.ind_his2 ul li span{ font-size:30px; font-weight:bold; display:inline-block; margin-left:20px; margin-right:20px;}
.ind_his2 ul li:nth-child(-n + 4){ text-align:right;}
.ind_his2 ul li:hover{ margin-left:20px; margin-right:0;}
.ind_his2 ul li:nth-child(-n + 4):hover{ margin-right:20px;}
.ind_his2 ul li:nth-child(1){ padding-right:130px;}
.ind_his2 ul li:nth-child(2){ padding-right:270px;}
.ind_his2 ul li:nth-child(3){ padding-right:420px;}
.ind_his2 ul li:nth-child(4){ padding-right:640px; margin-bottom:80px;}
.ind_his2 ul li:nth-child(5){ padding-left:640px;}
.ind_his2 ul li:nth-child(6){ padding-left:480px;}
.ind_his2 ul li:nth-child(7){ padding-left:340px;}
.ind_his2 ul li:nth-child(8){ padding-left:100px;}

.ind_news{ padding:70px 0; background:#f4f4f4;}
.ind_news .pt2{ font-size:40px; color:#333;}

.ind_news2{ margin-top:40px; padding:0 40px; overflow:hidden;}
.ind_news .swiper-slide {text-align:center;font-size:18px;background:#fff;height:calc((100% - 30px) / 2);/* Center slide text vertically */display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.ind_news .swiper-slide .item .pic {display:block;overflow:hidden;cursor:pointer;}
.ind_news .swiper-slide .item .pic img {display:block;width:100%;-webkit-transition:all 2s; height:290px;}
.ind_news .swiper-slide .item .pic:hover img {display:block;width:100%;transform:scale(1.1);}
.ind_news .swiper-slide .item .info {background:#fff;padding:15px 40px;text-align:center;}
.ind_news .swiper-slide .item .info .series {font-size:14px;color:#666;line-height:30px;margin-top:10px;text-align:left;font-weight:700;}
.ind_news .swiper-slide .item .info .name {font-size:20px;color:#333;line-height:30px;margin-top:10px;margin-bottom:20px;text-align:left;font-weight:600;line-height:120%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;}
.ind_news .swiper-slide .item .info .text {font-size:16px;line-height:140%;color:#777;font-weight:400;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;overflow:hidden;margin:10px auto;text-align:left;margin-bottom:20px;}
.ind_news .swiper-slide .item .info .btns {font-size:13px;line-height:120%;color:#fff;background:#60aee6;font-weight:500;padding:10px 20px;width:100px;text-align:center;margin:40px 0 20px 0;border-radius:30px;}

.bottom{ padding:70px 5% 50px; background:#01243d; color:#fff;}
.bottom ul{ float:left; width:8%;}
.bottom ul p{ font-size:15px; margin-bottom:20px;}
.bottom ul li{ line-height:1.8; color:#8aa4b6;}
.bottom ul li a{ color:#8aa4b6;}
.bottom ul:nth-child(2){ width:14%;}
.bottom ul:nth-child(6){ width:30%;}
.bottom ul:nth-child(n+7){ float:right; text-align:right; width:10%;}

.bottom2{ background: url(../images/wimg07.jpg) center center no-repeat; background-size:cover;}
.bottom2 .b2l{ float:left; background:#28292B; padding:47px 20px 35px; width:28%; min-height:560px;} 
.bottom2 .b2l .footerlogo{ display:block; border-bottom: 1px solid #444444; padding-bottom: 18px; margin-bottom: 25px;}
.bottom2 .b2l p{ color:#eee; margin-bottom:20px; line-height:2;}
.bottom2 .b2l p a{ color:#ccc;}
.bottom2 .b2r{ float:right; width:72%; padding:70px 0 40px 56px;}
.bottom2 .b2r ul{ float:left; width:16%;}
.bottom2 .b2r ul p{ padding-bottom:35px; margin-bottom:20px; border-bottom:1px solid #666;}
.bottom2 .b2r ul p a{ color:#fff; font-size:16px;}
.bottom2 .b2r ul li{ line-height:20px; margin:5px 0;}
.bottom2 .b2r ul li a{ color:#999;}
.bottom2 .b2r ul.erweima{ float:right; text-align:right;}
.bottom2 .b2r .beian{ text-align:right; color:#999; margin-top:10px; line-height:2;}
.bottom2 .b2r .beian a{ color:#999;}



.foot{ padding:20px 5%; background:#01243d; color:#8aa4b6; border-top:#333941 1px solid;}
.foot p{ float:left;}
.foot a{ float:right; color:#8aa4b6;}

.banner_n{ height:300px; background:linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)),url(../images/inbanner.jpg) no-repeat center center; background-attachment:fixed; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-align: center; background-size:cover;}
.banner_n p{ text-transform:uppercase; color:#fff;}
.banner_n p.cn{ font-size:40px; font-weight:bold; position:relative; display:none;}
.banner_n p.cn:before{ content:""; width:80px; height:2px; background:#fff; display:block; margin-bottom:10px;}
.banner_n p.en{ font-size:50px; font-weight:600;}
.banner_n p.en:before{ content:""; width:80px; height:2px; background:#fff; display:block; margin-bottom:10px;}
.banner_ab{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/inbannerab.jpg) no-repeat center center;}
.banner_news{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/inbannernews.jpg) no-repeat center center;}
.banner_pro{ background:linear-gradient(to top, rgb(0 0 0 / 0.2), rgb(0 0 0 / 0.1)),url(../images/inbannerpro1.jpg) no-repeat center center;}
.banner_honor{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/inbannerhonor.jpg) no-repeat center center;}
.banner_equ{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/inbannerequ.jpg) no-repeat center center;}
.banner_con{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/inbannercon.jpg) no-repeat center center;}


.inwrap{ padding:50px 0; background:#f5f5f5;}


.inbox { background: #fff;  padding: 40px; font-size: 16px; line-height: 30px; color: #333; }
.intit { overflow: hidden; border-bottom: 1px solid #eee; line-height: 40px; padding: 0 40px 20px; }
.intit h1 { float: left; font-size: 30px; font-weight: normal; color: #333; position: relative; }
.intit h1:before { content: ''; width: 4px; height: 20px; background: #2778be; position: absolute; left: -20px; top: 10px; }
.intit .iul { float: right; font-size: 16px; }
.intit .iul .ili { float: left; }
.intit .iul .ili .ia { display: block; padding: 0 20px; text-decoration: none; position: relative; }
.intit .iul .ili.on .ia { color: #2778be; }
.intit .iul .ili.on .ia:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; margin-left: -4px; bottom: -8px; border: 4px solid transparent; border-top-color: #2778be; }

.incontent {}
.incontent p { margin-bottom: 20px; }
.incontent img { max-width: 100%; display: inline-block; }
.about p{ text-indent:2em;}
.about .c1{ display:flex; margin:30px 0; flex-wrap:wrap;}
.about .l1{ width:calc(100% / 4); text-align:center;}
.about .l1 img{ height:80px;}
.about .l1 p{ line-height:1.6; text-indent:0; font-size:14px; padding:0 15px;}
.about .l1 p span{ margin:10px; font-weight:bold; line-height:2; font-size:18px; display:block;}


.history ul{ position:relative; padding-left:20px;}
.history ul li{ line-height:2;}
.history ul li:before{ content:" ● "; color:#3a6bd4; font-size:30px; display:inline-block; position:relative; top:2px; margin-right:10px; font-family:Microsoft Yahei;}
.history ul .x{ position:absolute; left:29px; top:30px; bottom:10px; width:1px; border-left:1px solid #3a6bd4;}

.news_u2{}
.news_u2 li{ width:32%; float:left; margin-right:2%; background:#f7f7f7; margin-bottom:3%;}
.news_u2 li:nth-child(3n){ margin-right:0;}

.news_detail{ background:none;}
.news_d_tit{ font-size:26px; margin-bottom:30px; font-weight:600;}
.news_d_time{ margin:30px 0;}
.news_d_time img{ margin-left:20px;}
.news_content p{ line-height:1.6; margin-bottom:10px;}

.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;}

.probox3 .item{ float:left; margin-right:2%; width:23.5%; margin-bottom:2%; box-shadow:0 0 5px #ddd; position:relative;}
.probox3 .item:nth-child(4n){ margin-right:0;}
.probox3 .item:hover a{ text-decoration:none;}
.probox3 .item .pic{ display: block; overflow:hidden;}
.probox3 .item .pic img { display: block; width: 100%; height:180px; transition:2s; object-fit: cover;}
.probox3 .item .info{ background:#fafafa; padding: 20px; text-align: left;}
.probox3 .item:hover .pic img{display:block;width:100%;transform:scale(1.1);}
.probox3 .item .line-{position:absolute; background:#2778be; transition:1s; -webkit-transition:1s;}
.probox3 .item .line-1{left:0; top:0; height:2px; width:0;}
.probox3 .item .line-2{right:0; top:0; height:0px; width:2px;}
.probox3 .item .line-3{right:0; bottom:0; height:2px; width:0;}
.probox3 .item .line-4{left:0; bottom:0; height:0; width:2px;}
.probox3 .item:hover .line-1{width:100%;}
.probox3 .item:hover .line-2{height:100%;}
.probox3 .item:hover .line-3{width:100%;}
.probox3 .item:hover .line-4{height:100%;}


.probox3 .item .info .name {font-size:18px;color:#333;line-height:30px;letter-spacing:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.probox3 .item .info .text {font-size:14px;color:#666;line-height:20px;overflow:hidden;text-align:left;margin-bottom:0px;}

.probox3 .name{ color:#ee2024; font-weight:600;}
.probox3 .text .d1{ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; font-weight:400;}
.probox3 .text .d2{ margin-top:10px;}
.probox3 .text .d3{ width:16px; height:3px; background:#666; margin-top:10px; float:left;}
.probox3 .text .d4{ width:16px; height:3px; background:#ee2024; margin-top:10px; float:left;}

.honor .imgbox a{ width:23.5%; margin-right:2%; display:block; float:left; margin-bottom:1%; text-align:center; position:relative;}
.honor .imgbox a p{ margin:10px 0;}
.honor .imgbox a:nth-child(4n){ margin-right:0;}
.honor .imgbox a .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
.honor .imgbox a:hover .cover { opacity: .8; filter: alpha(opacity=80); }
.honor .imgbox a .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.honor .imgbox a:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.honor .imgbox a .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.honor .imgbox a:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.environment .imgbox a{ width:40%; margin:0 5% !important;}
.environment .imgbox a img{ width:360px; height:230px; object-fit: cover;}

.lg-backdrop{ background-color:rgba(0,0,0,0.5) !important;}
.lg-toolbar .lg-icon{ color:#fff !important;}
/*contact*/
.contact{}
.contact_m{ position:relative;}
.contact_l{ background:rgba(0,0,0,0.4); width:50%; padding:50px; color:#fff;}
.contact_r{ background:rgba(0,0,0,0.5); width:50%; padding:50px;} 
.contact_l .p1{ font-size:24px; margin-bottom:30px;}
.contact_l .p2{ font-size:16px; line-height:2;}
.contact_r .p1{ font-size:16px; color:#fff;}
.contact_l .p2 img{ height:150px;}

.msg{ width: 100%; margin-top:30px;}
.msg div{ width: 100%; padding-bottom: 36px; float: left;}
.msg div .lf{ float: left;}
.msg div .ri{ float: right;}
.msg div i{ width: 90px; display: block; font-style: normal; font-size: 16px; float: left; letter-spacing: 3px; color: #fff;}
.msg div i font{ color: #dc0000;}
.msg div p{ margin:10px 0;}
.msg div p input{ width: 350px; height: 25px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; font-family: "微软雅黑"; color:#fff; }
.msg div textarea{ width:350px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; height: 100px; font-family: "微软雅黑"; color:#fff; margin-bottom:50px;}
.submits{ display: block; padding:5px 20px; color: #000; font-size: 14px;background: #fff;border:0 none; cursor: pointer;font-family: "微软雅黑"; margin-top:20px;}

.proimg .proimg_l{ float:left; width:45%; border:5px solid #ddd; padding:10px;}
.proimg .proimg_r{ float:right; width:50%;}
.proimg .proimg_r .name{ font-size: 26px; color: #2778be; margin: 20px 0 30px;}
.proimg .proimg_r .btn { margin-top: 40px; }
.proimg .proimg_r .btn span{ display: inline-block; background: #2778be; border:2px solid #2778be; color: #fff; padding: 0 150px; line-height: 40px; height: 40px; border-radius: 20px; margin-right:20px; transition:0.2s;}
.proimg .proimg_r .btn span:hover{ background:#fff; color:#2778be;}

.proimg .proimg_l .swiper{ overflow:hidden;}
.proimg .proimg_l .pi2{ margin-bottom:10px;}
.proimg .proimg_l .pi1{ width:calc(100% - 60px); margin:0 auto;}
.proimg .proimg_l .pi1 img{ cursor:pointer; border: 1px solid #ddd}
.proimg .proimg_l .pi1 .swiper-slide-thumb-active img { border: 1px solid #2778be;}

.proimg .proimg_l .pis{ position:relative;}
.proimg .proimg_l .pis .pi1-swiper-button-next{ position:absolute; height:100%; width:20px; right:0; top:0; background:#2778be url(../images/jtn.png) no-repeat center center; z-index:9; cursor:pointer;}
.proimg .proimg_l .pis .pi1-swiper-button-prev{ position:absolute; height:100%; width:20px; left:0; top:0; background:#2778be url(../images/jtp.png) no-repeat center center; z-index:9; cursor:pointer;}
.proimg .proimg_l .pis .swiper-button-lock{ display:block;}
.proimg .proimg_l .pis .swiper-button-disabled{ background-color:#ddd;}
.proimg .proimg_l .pis .pi1-swiper-button-next:focus{ outline:none;}
.proimg .proimg_l .pis .pi1-swiper-button-prev:focus{ outline:none;}

.protit .tit{ border-bottom: 1px solid #ddd; margin-top:40px;}
.protit .tit p{ margin-bottom:0; font-size:20px; padding:20px; border: solid 1px #DCDEE3; border-bottom: 1px solid #fff; border-top: 3px solid #2778be; background: #fff; display:inline-block; margin-bottom:-1px; margin-left:20px;}
.procontent{ padding:20px 50px;}
.procontent .pc_l{ float:left; width:50%;}
.procontent ul{ float:left; width:50%;}
.procontent ul li{ line-height:60px;}

.procontent .qa{ width:100%; float:none;}
.procontent .qa li{ line-height:2;}
.procontent .qa .lq{ font-weight:bold; margin:10px 0; color:#2778be;}
.procontent .qa .la{}


.news .item .pic {display:block;overflow:hidden;cursor:pointer;}
.news .item .pic img {display:block;width:100%;-webkit-transition:all 2s; height:240px; object-fit: cover;}
.news .item .pic:hover img {display:block;width:100%;transform:scale(1.1);}
.news .item .info {background:#fafafa;padding:15px;text-align:center;}
.news .item .info .series {font-size:14px;color:#666;line-height:30px;margin-top:10px;text-align:left;font-weight:700;}
.news .item .info .name {font-size:20px;color:#333;line-height:30px;margin-top:10px;margin-bottom:20px;text-align:left;font-weight:600;line-height:120%;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:1;}
.news .item .info .text {font-size:16px;line-height:140%;color:#777;font-weight:400;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;overflow:hidden;margin:10px auto;text-align:left;margin-bottom:20px;}
.news .item .info .btns {font-size:13px;line-height:120%;color:#fff;background:#60aee6;font-weight:500;padding:10px 20px;width:100px;text-align:center;margin:40px 0 20px 0;border-radius:30px;}

.a_m{ float: right; display: none;}

.contact{}
.contact .item{float: left;width: 32%;margin-right: 2%;text-align: center;min-height: 270px;border:1px solid #2778be;border-radius: 10px;box-sizing: border-box; margin-bottom:2%;}
.contact .item:nth-child(3),.contact .item:nth-child(5){margin-right: 0;}
.contact .item:nth-child(4),.contact .item:nth-child(5){ width:49%;}
.contact .item .pad{padding: 50px 20px;}
.contact .item i{width: 60px;height: 60px;margin: 0 auto;border:1px solid #2778be;box-sizing: border-box;border-radius: 50px;padding: 10px;display: block;background-image: url(../images/icon05.png);background-repeat: no-repeat;background-position: center;background-size: 50% auto; transition:0.5s;}
.contact .item .nam{padding: 20px 0;font-size: 18px;font-weight: bold;color: #333;}
.contact .item p{font-size: 14px;color: #777; margin-bottom:0; height:2em;}
.contact .item:hover i{ transform:rotateY(180deg);}
.contact .item:nth-child(1) i{background-image: url(../images/icon05.png);}
.contact .item:nth-child(2) i{background-image: url(../images/icon08.png);}
.contact .item:nth-child(3) i{background-image: url(../images/icon06.png);}
.contact .item:nth-child(4) i{background-image: url(../images/icon07.png);}
.contact .item:nth-child(5) i{background-image: url(../images/icon09.png);}

.cx-main-box{ background:#74bbfa !important; width:100%; color:#fff !important;}
.cx-main-box.active{ background:#2778be !important;}
.cx-time-main ul li::before, .cx-time-main ul li::after{ background:#3a6bd4 !important;}
.cx-main-box::before{ background:#74bbfa !important; border: 2px solid #74bbfa !important;}
.cx-main-box::after{ background:#74bbfa !important;}
.cx-main-box.active::before{ background:#3a6bd4 !important; border: 2px solid #3a6bd4 !important;}


.contactform {padding:0 0 5%;}
.contactform .c_row {width:32%;margin-left:2%;margin-bottom:30px;}
.contactform .c_row.noml {margin-left:0;}
.contactform .c_row .user {width:100%;border:1px solid #e3e3e3;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(/pie/pie.htc);position:relative;padding:0 18px;box-sizing:border-box;height:48px;line-height:48px;color:#999;font-size:14px;}
.contactform .m_row {margin-bottom:30px;}
.contactform .m_row .mess {border-radius:5px;padding:14px 18px;line-height:28px;font-size:14px;color:#999;width:100%;border:1px solid #e3e3e3;min-height:200px;box-sizing:border-box;}
.contactform .c_submit {width:150px;height:50px;background:#435fa4;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;position:relative;margin:0 auto;}
.contactform .c_submit .mit {height:50px;width:150px;border:none;background:none;line-height:50px;font-size:16px;color:#fff;cursor:pointer;}





@media (max-width: 1120px) {
.top .nav,.language{ display:none;}
.top{ padding:15px;}
.logo{ max-width:70%;}
.a_m{ display:block;}
.bannerslide .swiper-slide{ height:350px; background-size:cover;}
.bannerslide .wrapper .img{ margin-top:80px;}
.bannerslide .wrapper .img .p1{ font-size:24px; letter-spacing:0;}
.bannerslide .wrapper .img .p3{ display:none;}
.bannerslide .wrapper .img a{ line-height:30px;}
.ind_pro{ padding:30px 0;}
.line{ height:30px;}
.pt2{ font-size:20px;}
.pt3{ font-size:13px;}
.ip_ul{ margin-top:20px; padding:0 20px;}
.ip_ul{ display: grid; grid-template-areas: '. myArea' '. myArea' '. myArea2' '. myArea2';}
.ip_ul li .pa{ padding:10px;}
.ip_ul li .pa .p1{ font-size:16px;}
.ip_ul li .pa .p2{ font-size:12px;}
.ip_ul li .pa2{ padding:10px;}
.ip_ul li .pa2 .p1{ font-size:16px;}
.ip_ul li .pa2 .p2{ line-height:1.6; margin-top:20px; font-size:12px;}
.a_more{ margin-top:20px;}
.ind_app{ padding:80px 0; height:auto; background-size:cover;}
.ind_app .p1{ font-size:24px;}
.ind_app .p2{ width:100%;}
.ind_inn{ padding:20px 0;}
.ind_inn .ii_l,.ind_inn .ii_r{ float:none; width:100%;}
.ind_inn .ii_l .p2{ font-size:20px;}
.ind_inn .ii_l .p3{ font-size:14px;}
.ind_inn .ii_r li .p1{ font-size:24px;}
.ia_ul{ margin-top:30px;}
.ia_ul li{ width:calc(50% - 2.5px) !important; margin-bottom:5px; height:250px; background-size:cover;}
.ia_ul li:nth-child(2n){ margin-right:0;}
.ia_ul li .before-con img{ height:50px;}
.ia_ul li .before-con p{ font-size:18px;}
.ia_ul li .after-con{ display:none;}
.ind_his{ padding:30px 0; height:auto;}
.ind_his ul{ margin-top:20px;}
.ind_his ul li{ width:100%; padding-top:0 !important;}

.ind_ab2{ padding:20px 0;}
.ia2_u{ margin-top:20px;}
.ia2_u li{ width:49%;padding:20px 0; padding:20px 0; margin-bottom:2%;}
.ia2_u li:nth-child(2n){ margin-right:0; }
.ia2_u li .p1 span{ font-size:24px;}
.ia2_u li:last-child{ margin-right:0; width:100%;}

.ind_his2{ height:auto; padding:30px 0;}
.ind_his2 p{ font-size:24px; margin-bottom:20px;}
.ind_his2 ul li{ text-align:left !important; padding-right:0 !important; padding-left:0 !important; font-size:14px; margin-bottom:10px !important;}
.ind_his2 ul li span{ font-size:18px; margin-left:0; margin-right:10px;}
.ind_his2 ul li:nth-child(-n + 4) span{ float:left;}



.ind_news{ padding:20px;}
.ind_news .pt2{ font-size:20px;}
.ind_news .swiper-slide .item .pic img{ height:220px;}
.ind_news .swiper-slide .item .info{ padding:15px;}
.bottom{ display:none;}
.foot a{ float:none;}
.banner_n{ height:200px; background-size:cover;}
.banner_n p.en{ font-size:24px;}
.banner_n p.cn{ font-size:24px;}
.inwrap{ padding:20px 0;}
.intit{ padding:0 20px 20px;}
.intit h1{ font-size:18px;}
.intit .iul{ width:100%; text-align:center; margin-top:20px;}
.intit .iul .ili{ float:none; display:inline-block;}
.intit .iul .ili .ia{ padding:0 10px;}
.inbox{ padding:20px;}
.about .l1{ width:50%;}
.about .l1 p{ font-size:12px;}
.news_u2 li{ width:49%;}
.news_u2 li:nth-child(3n){ margin-right:2%;}
.news_u2 li:nth-child(2n){ margin-right:0;}
.news .item .pic img{ height:130px;}
.news .item .info .name{ font-size:18px; -webkit-line-clamp:2;}
.probox3 .item{ width:49%;}
.probox3 .item:nth-child(3n){ margin-right:2%;}
.probox3 .item:nth-child(2n){ margin-right:0;}
.probox3 .item .pic img{ height:120px;}
.probox3 .item .info .name{ font-size:16px;}
.proimg .proimg_l{ width:100%; margin-left:0;}
.proimg .proimg_r{ width:100%;}
.proimg .proimg_r .name{ font-size:20px;}
.proimg .proimg_r .btn span{ padding:0 20px;}
.protit .tit p{ font-size:16px; padding:10px;}
.procontent{ display:block; padding:20px 0;}
.procontent .pc_l{ width:100%;}
.procontent ul{ width:100%;}
.procontent ul li{ line-height:1.6;}
.honor .imgbox a p{ font-size:12px;}
.environment .imgbox a{ width:49%;}
.environment .imgbox a:nth-child(3n){ margin-right:2%;}
.environment .imgbox a:nth-child(2n){ margin-right:0;}
.environment .imgbox a img{ height:115px;}
.contact_l,.contact_r{ width:100%; padding:20px;}
.contact_m{ display:block; margin-top:0; padding-top:0;}
.msg div p input,.msg div textarea{ width:100%;}

.bottom2 .b2r{ display:none;}
.bottom2 .b2l{ width:100%; float:none; min-height:auto;}

.honor .imgbox a{ width:49%;}
.honor .imgbox a:nth-child(2n){ margin-right:0;}

.environment .imgbox a{ width:49%; margin-left:0 !important; margin-right:2% !important;}
.environment .imgbox a:nth-child(2n){ margin-right:0 !important;}

.history ul{ padding-left:0; white-space:normal;}
.cx-main-box{ padding:10px !important;}

.contact .item{ width:100%; margin-right:0; min-height:auto;}
.contact .item:nth-child(4), .contact .item:nth-child(5){ width:100%; margin-right:0;}
.contact .item .pad{ padding:20px 10px;}
.contact .item p{ height:auto;}
}