/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,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:#3496d0;}
.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:620px; 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:10px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }


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

.top{ padding:10px 0; background:#0f141b; font-size:12px;}
.top p{ color:#fff;}
.nav{ padding:15px 0;}
.nav .logo{ float:left; height:45px;}
.nav .a_m{ float:right; display:none; margin-top:5px; margin-right:10px;}
.nav ul{ float:right;}
.nav ul li{ float:left; line-height:45px; margin-left:25px;}
.nav ul li:last-child{}
.nav ul li:last-child a{ border: #0f141b 1px solid; background: #feeef2; padding:5px 20px;}

.search{ display:flex; background:#fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); position:relative; top:-38px; z-index:2;}
.search_l{ float:left; width:20%; padding:20px 30px; font-size:18px; border-right:1px solid #eee; text-align:center; line-height:35px;}
.search_l img{ height:22px; display:inline-block; margin-right:10px; margin-bottom:-5px;}
.search_m{ line-height:35px; padding:20px 30px; border-right:1px solid #eee; width:50%;}
.search_m span{ display:inline-block; margin-right:10px;}
.search_r{ width:35%; padding:20px 30px;}
.search_r .search_i{ background:#efefef; border:none; padding:10px; float:left;}
.search_r .search_b{ background:#0f141b; border:none; padding:10px; color:#fff; width:25%; float:left; height:35px; cursor:pointer; margin-left:10px;}

.ind_pro{ padding:50px 0;}
.ptc{ color:#3f454f; text-align:center; font-size:24px; font-weight:bold;}
.ptc2{ text-align:center; line-height:1.6; margin:1em 0;}
.ind_pro .ip1{ text-align:center; margin:2em 0;}
.ind_pro .ip1 li{ display:inline-block;}
.ind_pro .ip1 li a{ display:inline-block; padding:10px 15px; border:1px solid #ccc;}
.ind_pro .ip1 li a:hover{ background:#0f141b; color:#fff;}
.ind_pro .ip2{ margin-top:3em;}
.ind_pro .ip2 li{ float:left; width:23.5%; margin-right:2%;}
.ind_pro .ip2 li:nth-child(4n){ margin-right:0;}
.ind_pro .ip2 li .ipt{ padding:40px; background:#f8f8f8; font-size:18px;}
.ind_pro .ip2 li .ipt span{ font-size:14px; border: #ccc 1px solid; color: #0f141b; padding:5px 10px; margin-top:1em;}
.ind_pro .ip2 li .ipi{ overflow:hidden;}
.ind_pro .ip2 li .ipi img{ transition:0.2s;}
.ind_pro .ip2 li:hover .ipi img{ transform: scale(1.05); filter: grayscale(30%);}

.ind_ab{ background:#f8f8f8; padding:50px 0;}
.ind_ab .ia1{ display:flex; margin:2em auto;}
.ind_ab .ia1 li{ width:25%; text-align:center; color:#111; border-right: #eaeaea 1px solid;}
.ind_ab .ia1 li strong{ font-size:40px;}
.ind_ab .ia2{ display:flex; width:84%; margin:4em auto 0;}
.ind_ab .ia2 .ia_m{ width:49%; margin-right:2%; background:#fff; padding:50px 60px; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
.ind_ab .ia2 .ia_m .p1{ font-size:20px;}
.ind_ab .ia2 .ia_m .p2{ line-height:1.6; margin:1.5em 0; font-size:16px;}
.ind_ab .ia2 .ia_m a{ background:#d60004; color:#fff; padding:10px 20px; display:inline-block;}
.ind_ab .ia2 .ia_m:last-child{ margin-right:0;}

.ind_eq{ padding:50px 0;}
.ind_eq .ie{ display:flex; margin-top:3em;}
.ind_eq .ie1{ width:49%; margin-right:2%; color:#fff; padding:50px 50px 200px 50px; background:url(../images/gnbg.jpg) no-repeat center top; font-size:17px; font-weight:bold;}
.ind_eq .ie1 a{ color:#fff; display:inline-block; font-size:12px; background:#0f141b; color:#fff; padding:5px 10px; margin-top:2em;}
.ind_eq .ie1:last-child{ margin-right:0; background:url(../images/inbg.jpg) no-repeat center top;}

.ind_con{ padding:70px 0 100px; background:url(../images/xjbg.jpg) no-repeat center center; text-align:center;}
.ind_con p{ color:#fff;}
.ind_con .ic{ display:flex; margin-top:3em;}
.ind_con .ic1{ width:33.2%; margin-right:0.2%; text-align:center; padding:30px 0; background:#fff;}
.ind_con .ic1:last-child{ margin-right:0;}
.ind_con .ic1 img{ height:25px;}
.ind_con .ic1 p{ color:#111; line-height:1.6; margin-top:1.5em;}
.ind_con .ic_more{ display:inline-block; color:#fff; border-bottom:1px solid #fff; padding-bottom:5px; margin-top:50px;}

.ind_news{ padding:50px 0;}
.ind_news .in1{ display:flex; margin-top:3em;}
.ind_news .in1 li{ width:22.5%; margin-right:3%; background:#f8f8f8; padding:30px;}
.ind_news .in1 li:last-child{ margin-right:0;}
.ind_news .in1 li .p1{ color:#999;}
.ind_news .in1 li .p2{ font-size:18px; color:#111; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:1em 0;}
.ind_news .in1 li .p3{ line-height:1.6; color:#666;}
.ind_news .in1 li span{ background:#d60004; color:#FFF; font-size:14px; width:20px; height:20px; text-align:center; margin-top:30px; font-weight:bold; line-height:20px; border-radius: 30px; display:inline-block;}

.bottom{ padding:50px 0; background:#f0f0f0;}
.bottom ul{ float:left; width:11%;}
.bottom ul:nth-child(3),.bottom ul:nth-child(5){ width:22%;}
.bottom p{ margin-bottom:1em; font-weight:bold;}
.bottom li{ line-height:1.6;}
.bottom .ba{ background:#fff; float:right; padding:10px 15px;}
.bottom .ba img{ height:20px; vertical-align:middle;}

.foot{ background:#0f141b; padding:15px 0;}
.foot .fl{ color:#fff;}

.banner_n{ height:400px; 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;}

.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: #d60004 transparent transparent;}
.n_nav li a{ display:inline-block; line-height:4; width:100%;}
.n_nav li.on a{ background:#d60004; color:#fff;}
.ab_nav li{ width:23.5%; margin-right:2%; text-align:center;}
.ab_nav li:nth-child(4){ margin-right:0;}
.news_nav{}
.news_nav li{ width:32%; margin-right:2%; text-align:center;}
.news_nav li:nth-child(3){ margin-right:0;}

.ab_content{ padding:20px 0;}
.ab_content .pt{ font-size:30px; font-weight:bold; color:#333;}
.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 .c1{ display:flex; margin:30px 0; flex-wrap:wrap;}
.ab_content .l1{ width:calc(100% / 5); text-align:center; margin-bottom:20px;}
.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;}

.honor_content li{ width:calc(25% - 15px); float:left; margin-right:20px; margin-bottom:20px;}
.honor_content li img{ width:100%;}
.honor_content li:nth-child(4n){ margin-right:0;}
.honor_content li p{ text-align:center; font-size:14px; line-height:2; background:#f1f1f1;}

.newslist { margin-top:50px;}
.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); }

.pro_content .ip2{ margin-top:0;}
.pro_content .ip2 li{ margin-bottom:2em;}
.pro_content .ip2 li .ipt{ background:#fff;}

/*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; height: 26px; 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: #ffddde; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; background: #d60004; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.yanzhengma { display: inline; }

.contact2{}
.contact2 p{ padding:10px 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;}

/*joinus*/
.joinus{ padding-top: 20px;}
.jobbox { margin-bottom: 20px; border-bottom: 1px solid #dedede; }
.jobbox .qline { background: #eee; border-top: 2px solid #d60004; line-height: 20px; padding: 10px 20px;}
.jobbox .qline.qlineon { color: #d60004; }
.jobbox .aline { display: none; }
.join_more { width: 100%; background: #fff; }
.join_more tbody tr td { line-height: 24px; padding: 11px 20px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; text-align:left;}
.join_more tbody tr td span { color: #000; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }


@media (max-width: 1120px) {
.n{ padding:20px 0;}

.top{ display:none;}
.nav ul{ display:none;}
.nav .a_m{ display:block;}
.nav .logo{ max-width:70%;}
.bannerslide{ height:180px;}
.search{ display:none;}
.ind_pro{ padding:20px 0;}
.ind_pro .ip2 li{ width:49%; margin-right:2;}
.ind_pro .ip2 li:nth-child(2n){ margin-right:0;}
.ind_pro .ip2 li .ipt{ padding:20px; font-size:16px;}
.ptc{ font-size:18px;}
.ptc2{ font-size:12px; padding:0 10px;}
.ptc2 br{ display:none;}
.ind_pro .ip1{ margin:1em 0;}
.ind_pro .ip1 li a{ font-size:12px; margin-bottom:5px;}
.ind_ab{ padding:20px 0;}
.ind_ab .ia1{ flex-wrap:wrap;}
.ind_ab .ia1 li{ width:50%;}
.ind_ab .ia1 li strong{ font-size:18px;}
.ind_ab .ia2{ display:block; margin:1em auto 0;}
.ind_ab .ia2 .ia_m{ width:100%; margin-right:0; padding:20px;}
.ind_ab .ia2 .ia_m .p1{ font-size:18px;}
.ind_ab .ia2 .ia_m .p2{ font-size:13px;}
.ind_ab .ia2 .ia_m a{ font-size:12px;}
.ind_con{ background-size:cover; padding:20px 0;}
.ind_con p{ padding:0 10px;}
.ind_con .ic{ display:block;}
.ind_con .ic1{ width:80%; display:block; margin:5px auto;}
.ind_con .ic1:last-child{ margin-right:auto;}
.ind_eq{ padding:20px 0;}
.ind_eq .ie{ margin-top:1em;}
.ind_news{ padding:20px 0;}
.ind_news .in1{ margin-top:1em; flex-wrap:wrap;}
.ind_news .in1 li{ width:100%; margin-right:0; padding:20px; margin-bottom:10px;}
.ind_news .in1 li span{ margin-top:10px;}
.ind_news .in1 li .p2{ font-size:16px;}
.ind_news .in1 li .p3{ font-size:12px;}
.bottom{ padding:20px 0;}
.bottom ul{ display:none;}
.bottom ul:nth-child(5){ display:block; width:100%;}
.bottom .ba{ float:left; font-size:12px; margin-top:10px;}
.foot .fl{ font-size:12px;}
.banner_n{ height:150px;}
.banner_n p.en{ font-size:16px;}
.banner_n p.cn{ font-size:16px;}
.n_m{ padding:20px 0;}
.n_nav{ margin:10px 0;}
.n_nav li{ font-size:12px;}
.n_nav li a{ line-height:2.5;}
.n_nav li.on:after{ border-width:8px 10px 0; bottom:-8px; left:calc(50% - 10px);}
.ab_content .pt{ font-size:16px;}
.ab_content .pte{ font-size:14px; margin-bottom:10px;}
.ab_content p{ font-size:14px;}
.ab_content .l1{ width:calc(100% / 3);}
.ab_content .l1 p span{ font-size:12px;}
.honor_content li{ width:49%; margin-right:2%; margin-bottom:10px;}
.honor_content li:nth-child(2n){ margin-right:0;}
.newslist{ margin-top:20px;}
.newslist .item{ width:100%; margin-right:0; padding:15px;}
.newslist .item .name{ font-size:16px; height:auto; line-height:24px;}
.newslist .item .text{ font-size:12px; height:auto;}
.messageinput{ width:100%; margin-right:0;}
.messagebtn.btnon,.messagebtn{ height:auto; line-height:30px; font-size:14px; margin-top:10px;}
.contact2 p strong{ font-size:18px;}
.contact2 .p1{ margin-bottom:0;}
.contact2 p{ width:100%;}
}