/* 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:Microsoft Yahei; 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:#24469a;}
.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:#004f7a; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#004f7a}
::-webkit-scrollbar-corner:vertical{ background-color:#004f7a}
::-webkit-scrollbar-resizer:vertical{ background-color:#004f7a}

/*banner*/
.bannerslide { height:600px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:30px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 50px; height: 3px; background: #fff; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #4a87d8;}

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

.top{ border-bottom:1px solid #000000; padding:10px 0;}
.logo{ float:left; border-right:1px solid #343979; padding-right:20px;}
.top .p1{ float:left; margin-left:20px; font-size:15px; line-height:1.6; padding-top:10px; letter-spacing:1px; font-weight:bold; color:#005ead;}
.top .p2{ float:right; font-weight:bold; font-size:15px; line-height:66px;}
.top .p2 img{ vertical-align:middle; display:inline-block; margin-right:5px;}
.top .p2 span{ color:#db4604; font-family:Impact; font-size:25px; display:inline-block; margin-left:10px; position:relative; bottom:-5px;}

.nav{ background:#f2f2f2; padding:2px 0;}
.nav ul li{ text-align:center; width:12%; float:left; border-left:1px solid #d7d7d7; border-right:1px solid #fff;}
.nav ul li a{ display:inline-block; font-size:15px; line-height:45px;}
.nav .search{ float:right; position:relative;}
.nav .search input{ border:none; background:#fbfbfb; height:45px; border-radius:30px; padding-left:20px; width:170px;}
.nav .search button{ position:absolute; background:none; border:none; top:15px; right:15px; cursor:pointer;}

.pt1{ text-align:center; font-size:26px; font-weight:bold; color:#333;}
.pt2{ text-align:center; background:url(../images/pt2_bg.png) repeat-x center center; margin:25px 0;}
.pt2 span{ display:inline-block; padding:0 30px; background:#fff;}
.ind_ab ul{ display:flex; flex-wrap:wrap;}
.ind_ab ul li{ width:50%;}
.ind_ab ul li:nth-child(1),.ind_ab ul li:nth-child(2){ margin-bottom:30px;}
.ind_ab ul li img{ float:left; max-width:20%;}
.ind_ab ul li div{ float:left; width:80%; line-height:1.8; padding:10px 0 0 20px;}
.ind_ab ul li div p{ font-size:18px; font-weight:bold; color:#3f629d; margin-bottom:5px;}
.ind_ab ul li div span{ font-size:13px;}

.ind_pro{ background:#f9f9f9;}
.ind_pro .pt2 span{ background:#f9f9f9;}
.ind_pro .ip_m{ display:flex;}
.ind_pro .ip_ml{ width:20%; background:#fff;}
.ind_pro .ip_ml p{ color:#fff; background:#006ad0; font-size:25px; text-align:center; padding:40px 0;}
.ind_pro .ip_ml p span{ font-size:14px; color:#a3bee8; text-transform:uppercase;}
.ind_pro .ip_ml li{ font-size:18px; padding:25px; border-bottom:1px dotted #ececec; background:url(../images/jtg.png) no-repeat 90% center; transition:0.2s;}
.ind_pro .ip_ml li:hover{ background:#f1f1f1 url(../images/jtr.png) no-repeat 92% center;}
.ind_pro .ip_ml li a{ color:#888;}

.ind_pro .ip_mr{ width:77%; margin-left:3%;}
.ind_pro .ip_mr li{ width:32%; margin-right:2%; float:left; padding:5px; border:1px solid #a2b0d0; margin-bottom:20px; transition:0.2s;}
.ind_pro .ip_mr li:nth-child(3n){ margin-right:0;}
.ind_pro .ip_mr li p{ text-align:center; padding:10px 0; font-size:16px; transition:0.2s;}
.ind_pro .ip_mr li:hover{ box-shadow:#eee 10px 10px 10px;}
.ind_pro .ip_mr li:hover p{ background:#fff;}

.ind_app ul{}
.ind_app ul li{ float:left; width:calc(50% - 7px); margin-right:14px; margin-bottom:14px; position:relative;}
.ind_app ul li:nth-child(2n){ margin-right:0;}
.ind_app ul li span{ position:absolute; bottom:0; left:50px; background:#fff; padding:10px 40px; font-size:16px; transition:0.2s;}
.ind_app ul li:hover span{ background:#f1f1f1; padding:10px 50px;}

.ind_news{ background:url(../images/ind_news_bg.png) no-repeat center center;}
.ind_news .pt2 span{ background:none;}
.ind_news ul{}
.ind_news ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff url(../images/inb.png) no-repeat 90% 25%; padding:40px 30px; transition:0.2s;}
.ind_news ul li:hover{ box-shadow:#ccc 10px 10px 10px;}
.ind_news ul li:nth-child(3n){ margin-right:0;}
.ind_news ul li p{ font-size:16px; color:#e98300; height:3.2em; margin-bottom:10px; line-height:1.6; width:60%;}
.ind_news ul li span{ color:#888; font-size:13px; line-height:1.6;}

.bottom{ background:#09192e; color:#fff;}
.bottom ul{ float:left;}
.bottom ul p{ font-size:16px; font-weight:bold; margin-bottom:20px;}
.bottom ul li{ color:#ccc; line-height:1.8;}
.bottom ul.u1{ width:40%; border-right:1px solid #303b46;}
.bottom ul.u2{ padding-left:55px; width:30%;}
.bottom .erweima{ float:right; text-align:center; line-height:3;}
.foot{ text-align:center; padding:20px; border-top:1px solid #303b46; line-height:1.8;}
.foot a{ color:#fff;}

.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; 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:24px;}
.banner_nab{ background:url(../images/bannerab.jpg) no-repeat center center;}
.banner_nnews{ background:url(../images/bannernews.jpg) no-repeat center center;}
.banner_nhonor{ background:url(../images/bannerhonor.jpg) no-repeat center center;}
.banner_npro{ background:url(../images/bannerpro.jpg) no-repeat center center;}
.banner_ncon{ background:url(../images/bannercon.jpg) no-repeat center center;}
.banner_nfeed{ background:url(../images/bannerfeed.jpg) no-repeat center center;}


.now{ margin-bottom:20px;}

.ab_content{ padding:20px 0;}
.ab_content .pt{ font-size:30px; font-weight:bold; color:#006ad0; margin-bottom:20px;}
.ab_content .pte{ font-size:30px; color:#dedede; margin-top:10px; text-transform:uppercase; margin-bottom:30px;}
.ab_content p{ text-indent:2em; line-height:1.8; margin-bottom:1em; font-size:16px;}
.ab_content p strong{ color:#3f629d;}

.ab_content .c1{ display:flex; margin:30px 0; flex-wrap:wrap;}
.ab_content .l1{ width:calc(100% / 5); text-align:center;}
.ab_content .l1 img{ width:30%;}
.ab_content .l1 p{ font-size:14px; line-height:1.6; text-indent:0;}
.ab_content .l1 p span{ color:#aaa; text-transform:uppercase; line-height:2; font-size:14px;}

.newslist { margin-top:20px;}
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 6px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; text-transform: uppercase; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newslist .item .name a:hover { color: #ef3320; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01s.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../images/hb01img02s.png); }

.news_d{ padding-top:20px;}
.news_d .npt{ text-align:center; font-weight:bold; font-size:24px; color:#666; margin:0 0 1em;}
.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;}

/*honor*/
.honor_ul{}
.honor_ul li{ width:23.5%; margin-right:2%; margin-bottom:20px; float:left;}
.honor_ul li:nth-child(4n){ margin-right:0;}
.honor_ul li img{ width:100%;}
.honor_ul li p{ width:100%; text-align:center; font-size:16px; padding:10px 0; background:#f1f1f1;}
.honor_ul li a{ position:relative; display:block;}
li .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; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .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; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .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; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.n_nav{ margin:30px 0;}
.n_nav li{ float:left; border:1px solid #ccc; box-sizing:border-box; font-size:16px; position:relative;}
.n_nav li.on:after{ content:""; position:absolute; display: block; position: absolute; bottom: -16px; left: calc(50% - 24px); width: 0; height: 0; border-width: 18px 24px 0; border-style: solid; border-color: #3f629d transparent transparent;}
.n_nav li a{ display:inline-block; line-height:4; width:100%;}
.n_nav li.on a{ background:#3f629d; color:#fff;}
.n_nav li{ width:15.8%; margin-right:1%; text-align:center;}
.n_nav li:nth-child(6){ margin-right:0;}

.pro_ul li{ width:23.5%; margin-right:2%; float:left; padding:5px; border:1px solid #a2b0d0; margin-bottom:20px; transition:0.2s;}
.pro_ul li:nth-child(4n){ margin-right:0;}
.pro_ul li p{ text-align:center; padding:10px 0; font-size:16px; transition:0.2s;}
.pro_ul li:hover{ box-shadow:#eee 10px 10px 10px;}
.pro_ul li:hover p{ background:#fff;}

.pro_dl{ float:left; width:40%; padding:10px; border:1px solid #ccc;}
.pro_dl img{ width:100%;}
.pro_dr{ float:right; width:55%;}
.pro_dr .p1{ font-size:26px; font-weight:bold; color:#3f629d; margin-bottom:30px;}
.pro_dr .p2{ font-size:16px; line-height:1.6;}
.pro_dr .btn{ margin-top:30px;}
.pro_dr .btn span { display: inline-block; background: #3f629d url(../images/telicon.png) no-repeat 20px center; color: #fff; padding: 0 20px 0 50px; line-height: 40px; height: 40px; border-radius: 20px; }

.pro_d2{ margin-top:30px;}
.pro_dt{ border-bottom:1px solid #ddd;}
.pro_dt li{ font-size:16px; padding:10px; background:#F7F8FA; border: solid 1px #DCDEE3; float:left; cursor:pointer; margin-right:5px; margin-bottom:-1px;}
.pro_dt li.on{ border-bottom:1px solid #fff; color:#fff; background:#3f629d;}

.pro_dd{ background:#fff; padding:10px;}
.pro_dd li{ display:none;}
.pro_dd li.on{ display:block;}

/*message*/
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ddeaff; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; background: #3f629d; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.yanzhengma { display: inline; }

.contact2{}
.contact2 p{ padding:20px 0; border-bottom:1px solid #ddd; width:45%; margin-right:5%; font-size:14px; float:left;}
.contact2 p:nth-child(2n){ margin-right:0;}
.contact2 .p1{ padding:10px 0; margin-bottom:20px; border-bottom:none;}
.contact2 p strong{ font-weight:bold; font-size:26px; color:#333;}
.contact2 .map{ width:100%; margin-top:40px;}

.top .a_m{ float:right; display:none; margin-right:10px; margin-top:5px;}

/*产品内页*/
.flex {
    display: flex;
    flex-wrap: wrap;
}
.small-box { width: 100%; height: 560px; border: 1px solid #e5e5e5; position: relative; background: #FFF; overflow: hidden }
.flex-jc-ai-c { display: flex; flex-wrap: wrap; justify-content: center; align-items: center }
.pdshow-l { width: 560px }
.preview-container { position: relative; width: 100% }
.preview-container .small-box img { max-width: 100%; max-height: 100%; display: block }
.preview-container .small-box .hover { position: absolute; width: 180px; height: 180px; background-color: hsla(0,0%,80%,.6); border: 1px solid #EEE; display: none; cursor: move }
.preview-container .thumbnail-box { margin-top: 30px; position: relative; width: 100% }
.preview-container .thumbnail-box .btn { position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px; color: #7aca35 }
.preview-container .thumbnail-box .btn i { font-size: 26px; font-weight: 600 }
.preview-container .thumbnail-box .btn-prev { left: 0 }
.preview-container .thumbnail-box .btn-next { right: 0 }
.preview-container .thumbnail-box .btn_next_disabled, .preview-container .thumbnail-box .btn_prev_disabled { opacity: .5; cursor: not-allowed }
.preview-container .thumbnail-box .list { overflow: hidden; width: calc(100% - 72px); margin: 0 auto; position: relative }
.preview-container .thumbnail-box .list .swiper-pagination { display: none }
.preview-container .thumbnail-box .list ul .item { width: 110px; height: 110px; display: flex; justify-content: center; align-items: center; margin: 0 6px; border: 1px solid #e5e5e5; font-size: 0; cursor: pointer; overflow: hidden }
.preview-container .thumbnail-box .list ul .item img { width: 99% }
.preview-container .thumbnail-box .list ul .item-cur { border-color: #555 }
.preview-container .thumbnail-box .list .banner-page { display: none; justify-content: center; align-items: center; position: absolute; width: 13.3333333333vw; border-radius: 5.3333333333vw; background: #7aca35; bottom: 1.3333333333vw; right: 1.3333333333vw; z-index: 999 }
.preview-container .thumbnail-box .list .banner-page span { color: #FFF; font-size: 4vw; margin: 0 2px }
.preview-container .big-box { display: none; overflow: hidden; top: 0; left: calc(100% - 1px); border: 1px solid #e5e5e5; position: absolute; width: 100%; height: 560px; background: #FFF; z-index: 20 }
.preview-container .big-box img { display: block; max-width: none; max-height: none; width: 150% }
.pdshow-r { width: calc(100% - 560px); padding: 10px 0 0 30px; color: #2a2a2a }
.pdshow-r h1 { font-size: 40px; font-family: Lato; font-weight: 300; line-height: 1.3 }
.pdshow-r-text { line-height: 1.6; padding: 3% 0 6%; font-size: 16px; border-bottom: 1px solid #e5e5e5; margin-bottom: 6% }
.pdshow-r-btn { margin-top: 6%; display: flex; justify-content: space-between }
.pdshow-r-btn>a, .pdshow-r-btn>div { width: 48%; height: 42px; border: 1px solid #7aca35; color: #7aca35; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; margin-bottom: 10px; transition: all .2s ease-in-out; text-transform: uppercase }
.pdshow-r-btn>a:hover, .pdshow-r-btn>div:hover { background-color: #7aca35; color: #FFF }
.pdshow-r-btn>div a { display: flex; align-items: center; width: 100%; height: 100% }

@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap);
@font-face { font-family: iconfont; src: url(../fonts/iconfont.woff2) format('woff2'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype') }
.iconfont { font-family: iconfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

.icon-arrow-r:before { content: "\e64d" }
.icon-arrow-l:before { content: "\e606" }

@media (max-width: 1120px) {
.n{ padding:20px 0;}
.n_m{ padding:20px 0;}
.top .p1,.top .p2,.nav{ display:none;}
.top .a_m{ display:block;}
.logo{ width:50%;}
.bannerslide{ height:180px;}
.pt1{ font-size:18px;}
.pt2{ font-size:14px; margin:10px 0;}
.pt2 span br{ display:none;}
.ind_ab ul li{ width:100%;}
.ind_ab ul li div p{ font-size:16px;}
.ind_ab ul li div span{ font-size:12px;}
.ind_ab ul li:nth-child(1),.ind_ab ul li:nth-child(2),.ind_ab ul li:nth-child(3){ margin-bottom:10px;}
.ip_ml{ display:none;}
.ind_pro .ip_mr{ width:100%; margin:0;}
.ind_pro .ip_mr li{ width:49%;}
.ind_pro .ip_mr li p{ font-size:14px;}
.ind_pro .ip_mr li:nth-child(3n){ margin-right:2%}
.ind_pro .ip_mr li:nth-child(2n){ margin-right:0;}
.ind_app ul li{ width:100%; margin-right:0;}
.ind_app ul li span{ font-size:12px; padding:10px 20px;}
.ind_news{ background:url(../images/ind_news_bg.png) repeat center center;}
.ind_news ul li{ width:100%; margin-right:0;}
.bottom .n{ display:none;}
.foot{ font-size:12px;}

.banner_n{ height:120px; background-size:cover;}
.banner_n p.en{ font-size:20px;}
.banner_n p.cn{ font-size:16px;}
.ab_content{ padding-top:0;}
.ab_content .pt{ font-size:18px;}
.ab_content .pte{ font-size:16px; margin-bottom:10px;}
.ab_content p{ font-size:14px;}
.ab_content .c1{ display:none;}
.newslist .item{ width:100%; padding:10px;}
.newslist .item .name{ font-size:16px;}
.newslist .item .text{ font-size:12px;}
.honor_ul li{ width:49%;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.honor_ul li p{ font-size:14px;}
.n_nav li{ width:32%; margin-right:2%; font-size:14px; margin-bottom:10px;}
.n_nav li:nth-child(3n){ margin-right:0;}
.n_nav li a{ line-height:3;}
.n_nav li.on:after{ bottom:-7px;}
.pro_ul li{ width:49%;}
.pro_ul li:nth-child(2n){ margin-right:0;}
.pro_ul li p{ font-size:14px;}
.pro_dl,.pro_dr{ width:100%; float:none; margin-left:0;}
.pro_dr .p1{ font-size:18px; margin-top:10px;}
.messageinput{ width:100%; margin-right:0;}
.messagebtn.btnon,.messagebtn{ font-size:14px;}
.contact2 .p1{ width:100%; margin-right:0; margin-bottom:10px;}
.contact2 .p1 strong{ font-size:18px;}
.contact2 p{ width:100%; padding:10px 0;}
.yqlj{ display:none;}
}