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

/*banner*/
.bannerslide { height:750px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position:relative;}
.pagination { position: absolute; left: 0; text-align: center; bottom:50px; width: 100%; z-index:1000001;}
.swiper-pagination-switch {display: inline-block; width: 50px; height: 3px; background: #fff; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #e60000;}
.bannerslide .arrow-left { background:url(../images/leftbtn.png) no-repeat center; position: absolute; left: 30px; top: 50%; margin-top: -50px; width: 42px; height: 100px;  z-index:1000001;}
.bannerslide .arrow-right { background:url(../images/rightbtn.png) no-repeat center; position: absolute; right: 30px; top: 50%; margin-top: -50px; width: 42px; height: 100px;  z-index:1000001;}

.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{ position:relative; left:50%; top:0; margin-left:-600px; background:rgba(255,255,255,0.8); padding:0 0 0 20px; z-index:999;}
.top .logo{ float:left; padding:15px 0;}
.top ul{ text-align:center; float:left; padding:15px 0; width:850px;}
.top ul li{ display:inline-block; line-height:60px; margin:0 10px;}
.top ul li a{ font-size:15px; color:#333;}
.top .search{ float:right; background:rgba(255,188,9,0.6); height:90px; width:100px; text-align:center; padding-top:33px; cursor:pointer;}
.top .search_d{ position:absolute; top:100%; right:0; background:rgba(255,255,255,0.8); padding:15px; height:65px; display:none;}
.top .search_d input{ border:none; padding:10px 5px; float:left;}
.top .search_d button{ background:#ccc; border:none; float:left; cursor:pointer; padding:5px;}

.ind_ab{ background:#f9f9f9;}
.ind_ab .m{ display:flex;}
.ind_ab .m>div{ padding:10px 0 0 50px;}
.ind_ab .p1{ font-size:20px; font-weight:bold; color:#333;}
.ind_ab .p2{ font-size:15px; line-height:2; margin:40px 0;}
.ind_ab a{ color:#c70000; display:inline-block; padding:10px 20px; border:1px solid #c70000;}

.pt1{ font-size:28px; font-weight:bold; color:#333; text-align:center;}
.pt2{ font-size:14px; text-align:center; margin:20px 0;}
.ind_pro .pu1{ text-align:center; margin:20px 0;}
.ind_pro .pu1 li{ display:inline-block; font-size:16px; margin:0 20px; padding:10px 0; border:1px solid #fff; transition:0.2s;}
.ind_pro .pu1 li:hover{ border-bottom:1px solid #999; border-top:1px solid #999;}
.ind_pro .pu2{ display:flex;}
.ind_pro .pu2 li{ width:25%; border-right:1px solid #ddd;}
.ind_pro .pu2 li div{ overflow:hidden;}
.ind_pro .pu2 li div img{ transition:0.5s;}
.ind_pro .pu2 li:hover div img{ transform:scale(1.1,1.1);}
.ind_pro .pu2 li div.d1{ background:#fff; padding:50px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.ind_pro .pu2 li .p1{ font-size:16px; font-weight:bold;}
.ind_pro .pu2 li .p2{ line-height:3;}

.ind_con{ background:url(../images/icb.png) no-repeat center center; padding:60px 0; color:#fff; text-align:center;}
.ind_con .p1{ font-size:20px; font-weight:bold;}
.ind_con .p2{ font-size:36px; font-weight:bold; margin:20px 0;}
.ind_con a{ color:#fff; padding:8px 15px; border:1px solid #fff; margin-top:10px; display:inline-block; border-radius:10px;}

.ind_n{ background:#f9f9f9;}
.ind_n ul{ display:flex;}
.ind_n ul li{ width:32%; margin-right:2%; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px; transition:0.2s;}
.ind_n ul li:nth-child(3n){ margin-right:0;}
.ind_n ul li .p1{ font-size:18px; color:#333; margin-bottom:20px;}
.ind_n ul li .p2{ color:#888; line-height:1.6; margin-bottom:20px;}
.ind_n ul li .p3{ font-size:15px; color:#da0000; display:inline-block; border-bottom:1px solid #da0000;}
.ind_n ul li:hover{ box-shadow:10px 10px 10px #ddd;}

.bc{ display:flex;}
.bc .bc_l{ width:50%; background:url(../images/bm.png) no-repeat center center; text-align:center; padding:80px 0; color:#fff;}
.bc .bc_l .p1{ font-size:32px; font-weight:bold; margin-bottom:30px;}
.bc .bc_l .p2{ font-size:16px; display:inline-block; width:50%; border:1px solid #fff; padding:10px 0; margin-bottom:10px;}
.bc .bc_r{ width:50%; background:url(../images/bf.png) no-repeat center center; text-align:center; padding:80px 0; color:#fff;}
.bc .bc_r .p1{ font-size:32px; font-weight:bold;}
.bc .bc_r input{ width:60%; margin:50px auto; display:block; background:none; border:2px solid #fff; padding:20px 10px; color:#fff; font-size:16px; border-radius:10px;}
.bc .bc_r button{ font-size:18px; background:#ec4f2e; display:inline-block; color:#fff; border:none; padding:10px 40px; cursor:pointer; border-radius:10px;}

.bottom{ background:#212121; color:#cecece;}
.logob{ float:left; width:12%; text-align:center; line-height:1.6;}
.logob p{ margin-top:20px;}
.bottom ul{ float:left; margin-left:10%;}
.bottom ul p{ font-size:16px; font-weight:bold; margin-bottom:20px;}
.bottom ul li a{ color:#cecece; line-height:1.8;}
.erweima{ float:right; width:12%; text-align:center; line-height:1.6;}
.erweima img{ padding:5px; background:#fff;}
.erweima p{ margin-top:20px;}

.foot{ background:#000; color:#cecece; padding:20px 0;}
.foot p{ float:left;}
.foot a{ float:right; color:#cecece;}

.banner-container {width: 100%;height: 100%; position:relative; border-bottom: 3px solid #0159f0; overflow:hidden;}
.banner-container .swiper-slide{ text-align:center}
.parallax-bg {position: absolute;left: 0;top: 0;width: 130%;height: 400px;-webkit-background-size: cover;background-size: cover;background-position: center;}
.banner-pagination{ bottom: 30px !important; }
.banner-pagination span{ width: 14px !important; height:17px !important; border-radius:0px !important; opacity: 1 !important; background:url(../images/bannerIcon.png) no-repeat top left !important;  }
.banner-pagination .swiper-pagination-bullet-active{ background:url(../images/bannerIconHover.png) no-repeat top left!important;}

.local{ background: url(../images/LoacalBg.jpg); padding:20px 0; }
.local .en{font-size: 12px;text-transform: uppercase;text-decoration: none;color: #334da2; margin-bottom: 7px; }
.local .cn{font-size: 28px; font-weight: bold; color: #334da2; letter-spacing:1px;}
.local ul{ float:right; padding-top:15px;}
.local ul li{ float:left; padding:5px 10px; margin:0 5px; border-bottom:2px solid rgba(255,255,255,0); transition:0.2s}
.local ul li a{ font-size:16px; line-height:2;}
.local ul li.on,.local ul li:hover{ border-bottom:2px solid #334da2;}
.aboutus h1{ text-align:center;}
.aboutus .p1{ font-size:16px; line-height:1.8; letter-spacing: 1px; margin:10px 0; text-indent:2em;}
.aboutus .p1 strong{ color:#3861a3;}
.aboutus img.aboutusi{ display:block; width:100%;}

.cj{ text-align:center;}

.cr ul{ display:flex; flex-wrap:wrap;}
.cr ul li{ width:23.5%; margin-right:2%; position:relative; top:0; transition:0.2s; margin-bottom:2%;}
.cr ul li img{ height:200px;}
.cr ul li:hover{ top:-10px;}
.cr ul li:nth-child(4n){ margin-right:0;}
.cr ul li .p1{ font-size:17px; color:#333; padding:15px 0; border-bottom:1px solid #ccc;}

.product ul{}
.product ul li{ float:left; width:23.5%; margin-right:2%; text-align:center; background:#fff; position:relative; padding-bottom:50px; margin-bottom:2%;}
.product ul li a>img{ height:200px;}
.product ul li:nth-child(4n){ margin-right:0;}
.product ul li .p1{ color:#666; font-size:18px; transition:0.2s; position:relative; z-index:9;}
.product ul li .p2{ color:#888; margin:10px 0; transition:0.2s; position:relative; z-index:9;}
.product ul li .s{ position:absolute; bottom:0; height:50px; width:100%; left:0; background:#334da2; transition:0.5s;}
.product ul li .s img{ position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px;}
.product ul li:hover .s{ height:100%; background:rgba(51,77,162,0.8);}
.product ul li:hover .p1,.product ul li:hover .p2{ color:#fff;}

.anli ul li a>img{ width:100%; height:300px;}

.newslist {}
.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); }

/*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: #334da2; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

/*joinus*/
.joinus{ padding-top: 20px; border-top: 1px solid #bdbdbd;}
.jobbox { margin-bottom: 20px; border-bottom: 1px solid #dedede; }
.jobbox .qline { background: #eee; border-top: 2px solid #334da2; line-height: 20px; padding: 10px 20px;}
.jobbox .qline.qlineon { color: #334da2; }
.jobbox .aline {}
.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; }
.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; }

.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:25px;}

@media (max-width: 1120px) {
.n{ padding:20px 0;}
.top{ position:relative !important; margin-left:0; left:0;}
.top .search{ display:none;}
.top .a_m{ display:block;}
.top ul{ display:none;}
.bannerslide{ height:250px;}
.bannerslide .arrow-left,.bannerslide .arrow-right{ display:none;}
.ind_ab .m{ display:block;}
.ind_ab .m>div{ padding:10px;}
.ind_ab .p1{ font-size:18px;}
.ind_ab .p2{ font-size:14px; margin:10px 0; line-height:1.6;}
.ind_ab a{ font-size:12px;}
.pt1{ font-size:18px;}
.ind_pro .pu1 li{ font-size:12px;}
.ind_pro .pu2{ flex-wrap:wrap;}
.ind_pro .pu2 li{ width:50%;}
.ind_pro .pu2 li div.d1{ padding:10px;}
.ind_pro .pu2 li .p2{ line-height:1.6; font-size:12px;}
.ind_pro .pu2 li .p1{ font-size:14px;}
.ind_con .p1{ font-size:16px;}
.ind_con .p2{ font-size:18px;}
.ind_n ul{ flex-wrap:wrap;}
.ind_n ul li{ width:100%; margin-right:0; padding:10px;}
.ind_n ul li .p1{ font-size:16px;}
.ind_n ul li .p2{ font-size:12px;}
.bc{ display:none;}
.bottom{ display:none;}
.foot p,.foot a{ float:none;}
.local .cn{ font-size:18px;}
.local ul{ display:none;}
.aboutus .p1{ line-height:1.6;}
.cr ul li{ width:49%;}
.cr ul li:nth-child(2n){ margin-right:0;}
.cr ul li img{ height:125px;}
.product ul li{ width:49%;}
.product ul li:nth-child(2n){ margin-right:0;}
.product ul li a>img{ height:120px;}
.product ul li .p1{ font-size:16px;}
.newslist .item{ width:100%; margin-right:0;}
.newslist .item{ padding:10px;}
.newslist .item .name{ font-size:16px;}
.messageinput,.messagetarea{ width:100%;}
.contact2 .p1{ width:100%; margin-right:0; margin-bottom:0;}
.contact2 p strong{ font-size:18px;}
.contact2 p{ width:100%; padding:10px 0;}
.contact2 .map{ height:200px;}
.contact2 .map iframe{ height:200px;}

}