/* 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:#004ca0;}
.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:0 40px; background:#0998cc; line-height:40px; color:#fff; font-size:15px;}
.top .p1{ float:left;}
.top .p2{ float:right;}

.nav{ padding:15px 45px;}
.logo{ float:left; height:50px;}
.nav_ul{ float:left; text-align:center; min-width:70%;}
.nav_ul>li{ display:inline-block; font-size:16px; padding:0 15px; line-height:50px; font-weight:bold; position:relative;}
.nav_ul>li>ul{ position:absolute; left:0; top:120%; z-index:9; background:#0998cc; padding:20px 10px; white-space:nowrap; opacity:0; visibility:hidden; transition:0.2s; min-width:140%; text-align:left;}
.nav_ul>li>ul li{ line-height:1.6; font-size:14px;}
.nav_ul>li>ul li a{ color:#fff; font-weight:normal;}
.nav_ul>li:hover>ul{ opacity:1; visibility:visible; top:100%;}
.nav .search{ float:right; background:#0998cc url(../images/searchb.png) no-repeat 15px center; border:none; color:#fff; height:40px; margin-top:5px; border-radius:20px; width:150px; padding-left:35px; transition:0.2s;}
.nav .search::placeholder{ color:#fff; font-weight:bold;}
.nav .search:focus{ width:180px;}

/*banner*/
.bannerslide{ }
.bannerslide .swiper-slide { background-position: center; position: relative; height: 41vw;}
.bannerslide .wrapper { position: relative; height:100%;}
.bannerslide .wrapper .img { position: absolute; top: 12vw; left:40px; -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .4s .4s; transition: all .4s .4s; opacity: 0; background:url(../images/babg.jpg) no-repeat center center; width:500px;}
.bannerslide .wrapper .img .p1{ margin-bottom:20px; font-size:30px; font-weight:bold; color:#fff;}
.bannerslide .wrapper .img .p2{ font-size:15px; color:#fff; font-weight:bold; margin-bottom:10px; line-height:1.6;}
.bannerslide .wrapper .img a{ font-size:13px; border-radius:40px; color:#fff; display:inline-block; background:#3a6bd4; padding:0 30px; line-height:50px; font-weight:bold;}
.bannerslide .wrapper .img .img2{ padding:40px;}
.bannerslide .wrapper .img .img3{ padding:0 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: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }

.ind_1{ padding:0 40px;}
.ind_1m{ box-shadow: 2px 2px 30px rgba(0,0,0,0.1); background: #fff; height: 80px; display:flex;}
.ind_1m .d1{ width:15%; padding:30px 40px; font-size:16px; border-right:#ddd 1px solid; color:#000;}
.ind_1m .d1 img{ height:19px; vertical-align:middle; margin-right:5px;}
.ind_1m .d2{ width:65%; color:#333; border-right:#ddd 1px solid; padding:30px 40px; font-size:16px;}
.ind_1m .d3{ width:20%; color:#fff; padding:30px 40px; font-size:16px; background:url(../images/og.jpg) no-repeat center center; text-align:center;}
.ind_1m .d3 a{ color:#fff;}

.ind_2{ padding:100px 80px;}
.pt1{ margin-bottom: 10px; font-size: 14px; color: #666; text-align:center; text-transform: uppercase;}
.pt2{ margin-bottom: 20px; color: #0998cc; font-size: 35px; font-weight:bold; text-align:center;}
.pt3{ font-size:15px; text-align:center;}
.ind_2 .ul1{ text-align:center;}
.ind_2 .ul1 li{ display:inline-block; margin:30px 0 70px; font-size:16px; width:300px; text-align:center;}
.ind_2 .ul1 li span{ color: #e20500; font-size: 35px; font-weight:bold;}
.ind_2 .i2_m{ display:flex;}
.ind_2 .i2_ml{ width:48%; margin-right:4%; display: -webkit-box; -webkit-box-align: center;}
.ind_2 .i2_ml .p1{ font-size:15px; line-height:1.6;}
.ind_2 .i2_ml ul{ margin-top:60px;}
.ind_2 .i2_ml ul li{ float:left; width:45%; margin-right:10%; border-bottom: #CCC 1px solid; padding-bottom: 20px;}
.ind_2 .i2_ml ul li:nth-child(2n){ margin-right:0}
.ind_2 .i2_ml ul li .p2{ font-size:35px; color:#0998cc; font-weight:bold;}
.ind_2 .i2_ml ul li .p3{ font-size:15px; line-height:2; width:80%;}
.ind_2 .i2_mr{ width:48%;}

.ind_2 .i2_m2{ margin-top:40px;}
.ind_2 .i2_m2 .i2_ml{ margin-right:0; margin-left:4%;}
.ind_2 .i2_m2 .i2_ml>div{ width:100%;}
.ind_2 .i2_m2 .i2_ml>div>div{ margin:40px 0;}
.ind_2 .i2_m2 .p4{ margin-bottom:10px;}
.ind_2 .i2_m2 .p5{ font-size:35px; font-weight:bold; color:#0998cc;}
.ind_2 .i2_m2 .d1{ float:left; width:30%; font-size:16px; line-height:1.6;}
.ind_2 .i2_m2 .d2{ float:left; width:70%; font-size:16px; line-height:1.6; padding-left:7%; background: url(../images/line.jpg) no-repeat left top;}
.a_more{ display:inline-block; font-size: 16px; border-radius: 30px; padding: 10px 30px; background: #0998cc; color: #fff; border:2px solid #0998cc;}
.a_more:hover{ background: #fff; color: #0998cc;}

.ind_3{ padding:80px 0; background:rgba(242,247,249,0.6);}
.swiper-containera { padding-top:40px; position:relative;}
.swiper-containera .swiper-wrapper{}
.swiper-containera .swiper-slide { width:978px; transition-timing-function:linear;}
.swiper-containera .swiper-slide img {width:100%;border-radius:4px;}
.swiper-containera .swiper-slide .title {transform-origin:left top;left:-3px;font-size:24px;color:#0998cc;text-align:center;font-weight:600;margin-top:30px;}
.swiper-containera .swiper-slide .text {font-size:17px;color:#666;text-align:center;font-weight:400;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;width:80%;margin:0 auto;margin-top:20px;margin-bottom:10px;}
.swiper-containera .swiper-slide .function {font-size:14px;color:#333;text-align:center;width:80%;margin:0 auto;margin-top:20px;margin-bottom:10px;}
.swiper-containera .swiper-slide .function .btn {border:#ccc 1px solid;padding:10px 20px;display:inline-block;font-size:14px;font-weight:400;margin:0 1px;-webkit-transition:all .3s;transition:all .3s;border-radius:1rem;}
.swiper-containera .swiper-slide .function .btn:hover {background:#0998cc;color:#FFF;display:inline-block;font-size:14px;font-weight:400;margin:0 1px;}

.yundongswiper .swiper-slide{ display:flex;}
.yundongswiper .swiper-slide>div{ width:50%; display: -webkit-box; -webkit-box-align: center; padding:0 100px; background:#fff;}
.yundongswiper .swiper-slide>div .img1{ height:50px; margin-bottom:40px;}
.yundongswiper .swiper-slide>div .p1{ margin-bottom:10px;}
.yundongswiper .swiper-slide>div .p2{ font-size:30px; color:#0998cc; font-weight:bold; margin-bottom:40px;}
.yundongswiper .swiper-slide>div .p3{ font-size:17px; margin-bottom:50px;}
.yundongswiper .swiper-slide>img{ width:50%;}

.ind_5{ height:650px; background:url(../images/liucheng.jpg) no-repeat center center;}
.ind_5 ul{ text-align:center; max-width:800px; margin:0 auto; padding:510px 80px 0; font-size:0;}
.ind_5 ul li{ display:inline-block; color:#fff; width:25%;}
.ind_5 ul li:first-child{ text-align:left; border-right: rgba(255,255,255,0.2) 1px solid;}
.ind_5 ul li .p1{ font-size:24px; font-weight:bold; margin-bottom:5px;}
.ind_5 ul li .p2{ font-size:14px;}
.ind_5 ul li .p3{ font-size:36px; font-weight:bold; margin-bottom:5px;}
.ind_5 ul li .p4{ font-size:14px; font-size:16px;}

.ind_6{ padding:70px 0;}
.ind_6 ul{ max-width:1300px; margin:0 auto;}
.ind_6 ul li{ float:left; width:23.5%; margin-right:2%; padding:20px 30px; border:#eee 1px solid; height:180px; position:relative; font-size:16px; margin-bottom:2%; overflow:hidden;}
.ind_6 ul li:nth-child(4n){ margin-right:0;}
.ind_6 ul li img{ float:left; width:40px; margin-right:40px;}
.ind_6 ul li p{ float:left; width:calc(100% - 80px);}
.ind_6 ul li .num{ position: absolute; font-size: 120px; font-weight: 900; color: #f1f6f9; line-height: 100%; right: -20px; top: 90px;}

.application .swiper-slide{ display:flex; background:#f2f7f9;}
.application .swiper-slide>div{ width:50%; display: -webkit-box; -webkit-box-align: center; padding:0 100px; position:relative;}
.application .swiper-slide>div>div{ width:100%;}
.application .swiper-slide>div .p1{ margin-bottom:10px;}
.application .swiper-slide>div .p2{ font-size:30px; color:#0998cc; font-weight:bold; margin-bottom:40px;}
.application .swiper-slide>div .p3{ margin-bottom:50px; display:flex;}
.application .swiper-slide>div .p3 li{ width:33%;}
.application .swiper-slide>div .p3 li img{ height:40px; margin-bottom:20px;}
.application .swiper-slide>div .p3 li .p5{ font-size:16px; margin-bottom:10px;}
.application .swiper-slide>div .p3 li .p6{ font-size:16px; line-height:1.6;}
.application .swiper-slide>div .p4{ position: absolute; z-index: -9999; left: 50%; top: 0; text-align: center;  color: #fafcfc; font-size: 800px; line-height: 100%; font-weight: 900;}
.application .swiper-slide>img{ width:50%;}

.ind_8{ padding:80px 0;}
.ind_8 ul{ padding:0 40px; margin-top:60px;}
.ind_8 li{ float:left; width:23.5%; margin-right:2%; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); padding: 70px 40px 60px; transition: all .3s;}
.ind_8 li:hover{ transform: translateY(-15px);}
.ind_8 li:last-child{ margin-right:0;}
.ind_8 li .p1{ font-size: 18px; line-height: 26px; overflow: hidden; margin-bottom: 20px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1;}
.ind_8 li:hover .p1{ color:#0898cc;}
.ind_8 li .p2{ font-size: 15px; color: #333; line-height: 24px;  margin-bottom: 40px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; font-weight: 300;}
.ind_8 li .l01{ color: #333; display: block; float:left;}
.ind_8 li .l02{ float: right; background: url(../images/hb01img01s.png) no-repeat center center;; width:56px; height:20px;}

.news.ind_8 ul{ margin-top:0;}
.news.ind_8 li{ width:49%; margin-bottom:2%;}
.news.ind_8 li:nth-child(2n){ margin-right:0;}

.bottom{ background:#0998cc; color:#fff; padding:0 5%;}
.bottom2{ padding:50px 0; border-bottom:#35abd5 1px solid;}
.bottom2 ul{ width:16%; float:left;}
.bottom2 ul:last-child{ float:right; text-align:right;}
.bottom2 ul:last-child img{ vertical-align:middle;}
.bottom2 ul:last-child .erweima{ height:100px; margin-top:10px;}
.bottom2 ul p{ font-size:15px; font-weight:bold; margin-bottom:15px;}
.bottom2 ul li{ line-height:1.8; font-size:13px;}
.bottom2 ul li a{ color:#fff;}
.foot{ padding:50px 0 20px;}
.link{ padding-bottom:30px; padding-right:40%;}
.link a{ color:#fff; display:inline-block; line-height:1.6;}
.link a:hover{ color:#bbedff;}

.banner_n{ height:300px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; background-size:cover; text-align:center;}
.banner_n p{ text-transform:uppercase; color:#fff;}
.banner_n p.en{ font-size:36px; font-weight:bold;}
.banner_n p.cn{ font-size:30px;}
.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.4), rgb(0 0 0 / 0.1)),url(../images/inbannerpro.jpg) no-repeat center center;}
.banner_tec{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/inbannertec.jpg) no-repeat center center;}
.banner_case{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/inbannercase.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;}
.banner_app{ background:url(../images/inbannerapp.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: #0998cc; 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 10px; text-decoration: none; position: relative; }
.intit .iul .ili.on .ia { color: #0998cc; }
.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: #0998cc; }

.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{ width:30%;}
.about .l1 p{ line-height:1.6; text-indent:0; margin-bottom:0; font-weight:bold;}
.about .l1 p span{ text-transform:uppercase; line-height:2;}

.honor .imgbox a{ width:23.5%; margin-right:2%; display:block; float:left; margin-bottom:1%; text-align:center; position:relative;}
.honor .imgbox a:nth-child(-n + 4) img{ height:auto;}
.honor .imgbox a img{ height:370px;}
.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: #333; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
.honor .imgbox a:hover .cover { opacity: .6; filter: alpha(opacity=60); }
.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); }

.lg-backdrop{ background-color: rgba(0,0,0,0.5) !important;}
.lg-toolbar .lg-icon{ color:#fff !important;}

.experiment .imgbox a{ width:32%;}
.experiment .imgbox a:nth-child(4n){ margin-right:2%;}
.experiment .imgbox a:nth-child(3n){ margin-right:0;}
.experiment .imgbox a img{ height:auto;}

.product_u2{}
.product_u2 li{ width:32%; float:left; margin-right:2%; background:#f7f7f7; margin-bottom:3%;}
.product_u2 li:nth-child(3n){ margin-right:0;}
.product_u2 .item .pic {display:block;overflow:hidden;cursor:pointer; border:1px solid #ccc;}
.product_u2 .item .pic img {display:block;width:100%;-webkit-transition:all 2s; height:350px;}
.case .item .pic img {display:block;width:100%;-webkit-transition:all 2s; height:250px;}
.product_u2 .item .pic:hover img {display:block;width:100%;transform:scale(1.1);}
.product_u2 .item .info {background:#fafafa;padding:15px;text-align:center;}
.product_u2 .item .info .series {font-size:14px;color:#666;line-height:30px;margin-top:10px;text-align:left;font-weight:700;}
.product_u2 .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;}
.product_u2 .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;}
.product_u2 .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;}

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

.technology ul{ position:relative; padding:40px 0; float:left;}
.technology p{ display:inline-block; padding:10px 20px; background:#f1f1f1; border-radius:10px; position:relative; margin-bottom:40px;}
.technology img{ float:right;}
.technology ul li{ line-height:2;}
.technology ul li:before{ content:" ● "; color:#0998cc; font-size:20px; display:inline-block; position:relative; top:2px; margin-right:20px;}
.technology ul li p:after{ right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #f1f1f1; border-width: 10px; top: 16px;}
.technology ul .x{ position:absolute; left:10px; top:70px; bottom:130px; width:1px; border-left:1px solid #0998cc;}

.contrast table{}
.contrast table tr td{ background:#def2fc;}
.contrast table tr:first-child td{ background:#216b8a; color:#fff;}
.contrast table tr td:first-child{ background:#216b8a; color:#fff;}
.contrast table td{ padding:20px 30px;}

.inbox.application{ padding:40px 200px;}
.inbox.application .swiper-slide{ display:block;}
.inbox.application .swiper-slide>img,.inbox.application .swiper-slide>div{ width:100%;}
.inbox.application .swiper-slide>div{ padding:50px 100px;}
.inbox.application .swiper-slide>div .p2{ font-size:24px;}

.industry.ind_2 .i2_m2 .p5{ font-size:24px;}

.industry.ind_2{ padding:40px 200px;}
.industry.ind_2 .i2_m{ display:block;}
.industry.ind_2 .i2_mr{ width:100%;}
.industry.ind_2 .i2_m2 .i2_ml{ width:100%; background:#f2f7f9; margin-left:0; padding:50px 100px;}

.contact{}
.contact .item{float: left;width: 23.5%;margin-right: 2%;text-align: center;min-height: 200px;border:1px solid #0998cc;border-radius: 10px;box-sizing: border-box; margin-bottom:2%;}
.contact .item:nth-child(4n){margin-right: 0;}
.contact .item .pad{padding:20px;}
.contact .item i{width: 60px;height: 60px;margin: 0 auto;border:1px solid #0998cc;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);}
.contact .item:nth-child(6) i{background-image: url(../images/icon01.png);}
.contact .item:nth-child(7) i{background-image: url(../images/icon02.png);}
.contact .item:nth-child(8) i{background-image: url(../images/icon03.png);}

.proimg .proimg_l{ float:left; width:30%; border:5px solid #ddd;}
.proimg .proimg_r{ float:right; width:65%;}
.proimg .proimg_r .name{ font-size: 26px; color: #0998cc; margin: 20px 0 30px;}
.proimg .proimg_r .num{ column-count:2;}
.proimg .proimg_r .num p{ margin-bottom:5px;}
.proimg .proimg_r .btn { margin-top: 20px; }
.proimg .proimg_r .btn span{ display: inline-block; background: #0998cc; border:2px solid #0998cc; color: #fff; padding: 0 50px; line-height: 40px; height: 40px; border-radius: 20px; margin-right:20px; transition:0.2s;}
.proimg .proimg_r .btn span:hover{ background:#fff; color:#0998cc;}

.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 #0998cc; background: #fff; display:inline-block; margin-bottom:-1px; margin-left:20px;}
.procontent{ padding:20px 0; display:flex;}
.procontent .pc_l{}
.procontent ul{ width:60%;}
.procontent ul li{ line-height:60px;}

.pro_d{ margin-top:40px;}
.pro_dl{ border-bottom:1px solid #ddd;}
.pro_dl li{ padding:10px; border:1px solid #ddd; border-bottom:1px solid #fff; border-top:1px solid #0998cc; background:#fff; float:left; cursor:pointer; margin-right:5px; margin-bottom:-1px;}

.pro_dd{ background:#fff; padding:10px;}
.a_m{ float: right; display: none;}





@media only screen and (max-width:1200px){
.swiper-containera .swiper-slide{ width:770px;}
.top{ display:none;}
.nav{ padding:15px 20px;}
.a_m{ float: right; margin-top:5px; display: block;}
.nav_ul{ display:none;}
.nav .search{ display:none;}
.bannerslide .swiper-slide{ background-size:cover;}
.bannerslide .wrapper .img{ display:none;}
.ind_1{ display:none;}
.ind_2{ padding:20px;}
.pt2{ font-size:18px; margin-bottom:10px;}
.ind_2 .ul1 { display:none;}
.ind_2 .i2_m{ display:block; margin:20px 0;}
.ind_2 .i2_ml{ width:100%;}
.ind_2 .i2_ml ul{ margin-top:20px;}
.ind_2 .i2_ml ul li .p2{ font-size:20px;}
.ind_2 .i2_ml ul li .p3{ width:100%; font-size:14px;}
.ind_2 .i2_mr{ width:100%; margin-right:0;}
.ind_2 .i2_m2 .i2_ml{ margin-left:0;}
.ind_2 .i2_m2 .p4{ margin-top:10px;}
.ind_2 .i2_m2 .p5{ font-size:18px;}
.ind_2 .i2_m2 .i2_ml>div>div{ margin:20px 0;}
.ind_2 .i2_m2 .d1,.ind_2 .i2_m2 .d2{ font-size:14px;}
.a_more{ font-size:14px; padding:5px 20px;}
.yundongswiper .swiper-slide{ display:block;}
.yundongswiper .swiper-slide>div{ width:100%; padding:20px;}
.yundongswiper .swiper-slide>div .p2{ font-size:18px; margin-bottom:20px;}
.yundongswiper .swiper-slide>div .p3{ font-size:14px; margin-bottom:20px; line-height:1.6;}
.yundongswiper .swiper-slide>img{ width:100%;}
.ind_5{ display:none;}
.ind_6{ padding:20px 0;}
.ind_6 ul li{ width:49%;}
.ind_6 ul li:nth-child(2n){ margin-right:0;}
.ind_6 ul li img{ float:none; margin-bottom:10px; height:40px;}
.ind_6 ul li p{ float:none; width:100%;}
.application .swiper-slide{ display:block;}
.application .swiper-slide>div{ width:100%; padding:20px;}
.application .swiper-slide>div .p2{ font-size:18px; margin-bottom:20px;}
.application .swiper-slide>div .p3{ font-size:14px; margin-bottom:20px; line-height:1.6;}
.application .swiper-slide>div .p4{ font-size:400px;}
.application .swiper-slide>img{ width:100%;}
.ind_8{ padding:20px 0;}
.ind_8 ul{ margin-top:20px; padding:0 20px;}
.ind_8 li{ width:100%; margin-right:0; padding:30px 20px;}
.bottom2,.link{ display:none;}
.foot{ padding:20px 0;}

.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; display:none;}
.intit .iul .ili{ float:none; display:inline-block;}
.intit .iul .ili .ia{ padding:0 10px;}
.inbox{ padding:20px;}
.about .l1{ width:50%;}
.honor .imgbox a{ width:49%;}
.honor .imgbox a:nth-child(3n){ margin-right:2%;}
.honor .imgbox a:nth-child(2n){ margin-right:0;}
.honor .imgbox a img{ height:auto;}
.news.ind_8 ul{ padding:0;}
.news.ind_8 li{ width:100%; margin-right:0;}
.npt{ font-size:18px;}
.product_u2 li{ width:49%; margin-right:2%;}
.product_u2 li:nth-child(3n){ margin-right:2%;}
.product_u2 li:nth-child(2n){ margin-right:0;}
.product_u2 .item .pic img{ height:auto;}
.product_u2 .item .info .name{ font-size:16px;}
.product_u2 .item .info .text{ font-size:14px;}
.product_u2 .item .info .btns{ margin:20px 0;}
.proimg .proimg_l,.proimg .proimg_r{ width:100%;}
.proimg .proimg_r .name{ font-size:18px; margin:10px 0;}

.technology ul{ padding:20px 0;}
.technology ul li{ position:relative;}
.technology ul li:before{ display:block; float:left; top:10px;}
.technology ul .x{ top:50px; bottom:100px;}
.technology p{width:80%; float:right; margin-bottom:20px;}

.contrast table td{ padding:10px 20px; font-size:14px;}
.case .item .pic img{ height:120px;}
.inbox.application{ padding:0;}
.inbox.application .swiper-slide>div{ padding:20px;}
.industry.ind_2{ padding:0;}
.industry.ind_2 .i2_m2{ margin:0;}
.industry.ind_2 .i2_m2 .i2_ml{ padding:20px;}

.contact .item{ width:49%;}
.contact .item:nth-child(2n){ margin-right:0;}
.contact .item .nam{ padding:10px 0;}
.contact .item p{ line-height:1.6;}
.map2{ margin-top:20px;}

}
@media only screen and (max-width:980px){
.swiper-containera .swiper-slide{ width:100%;}
}
@media only screen and (max-height:480px){
.swiper-containera .swiper-slide{ width:100%;}
}
@media (max-width: 1120px) {

}