@charset "utf-8";
/* by Magiee 20200915 */
html {	overflow-x: hidden;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p {padding: 0;margin: 0;}
body {}
ul, li {list-style: none;}
img {	border: 0;}
input:focus {	outline: none;}

/* 圆细滚动条样式 20150717 */
::-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:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical {background-color:#535353}
::-webkit-scrollbar-resizer:vertical {background-color:#FF6E00}
/* 全局 */
a {	text-decoration: none;	color: #333;}
a:hover {	text-decoration: none;}
/* 清理浮动 */
.clearfix {	clear: both;	zoom: 1;}
.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;visibility: hidden;}
.fl {float: left;}
.fr {float: right;}

.wrapper{ width:1200px; margin:0 auto;}

.toper{ background:url(../images/topbg.png); height:90px; position:fixed; top:0; width:100%; z-index:99999;}
.toper .logo{ padding-top:25px; width:40%;}
.toper .menu{ width:60%;}
.toper .menu li{ float:left; text-align:left; width:16.666%; line-height:90px;}
.toper .menu li a{ color:#fff; font-size:16px;}
.langua{ position:absolute; right:10%; top:38px;}

.bannerslide { height:750px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s;}
.bannerslide .swiper-slide { background-position: center; background-size: cover; height:750px;}
.pagination { position: absolute; left: 0; text-align: center; bottom:90px; 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/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:1111111;}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:1111111;}

.home_box{ margin-top:-50px; z-index:99; position:relative;}
.home_box li{ float:left; background:#f9f9f9; width:24%; margin-right:1.3%; padding:30px 20px; box-sizing:border-box; text-align:center;}
.home_box li:nth-child(4){ margin-right:0;}
.home_box li h2{ font-size:20px;}
.home_box li p{ font-size:14px;}

.homebox{ padding:50px 0;}
.homebox .hometit{ text-align:center; text-transform:uppercase; color:#888; font-size:12px;}
.homebox .hometxt{ text-align:center; font-size:25px; font-weight:bold; color:#333;}
.homebox .homeline{ text-align:center; margin-top:15px;}
.homebox .homeprotit{ text-align:center; margin-top:30px; line-height:24px;}
.homebox .homeprotit a{ font-size:15px; color:#555; margin:0 8px;}
.homebox .homeprotit span{ font-size:15px; color:#ea0000; font-weight:bold; margin-right:10px;}
.homebox .homeproduct{ margin-top:50px;}
.homebox .homeproduct li{ float:left; border:1px #d8d8d8 solid; box-sizing:border-box; width:24%; margin-right:1.3%; margin-bottom:20px; transition: all .2s; -webkit-transition: all .2s;}
.homebox .homeproduct li:hover{ box-shadow:0 0 8px #ccc;}
.homebox .homeproduct li:nth-child(4n){ margin-right:0;}
.homebox .homeproduct li .img{ overflow:hidden; width:100%; height:100%;}
.homebox .homeproduct li .img img{ width:100%; transition: all .2s; -webkit-transition: all .2s;}
.homebox .homeproduct li:hover .img img{ transform:scale(1.1,1.1)}
.homebox .homeproduct li .txt{ padding:10px 20px;}
.homebox .homeproduct li .txt h1{ font-weight:normal; font-size:15px; border-bottom:1px #e6e6e6 solid; padding-bottom:8px;}
.homebox .homeproduct li .txt h1 a{ color:#555;}
.homebox .homeproduct li .txt p{ color:#999; font-size:15px; text-transform:uppercase; margin-top:8px; font-family:Arial, Helvetica, sans-serif; background:url(../images/homeprotxt.jpg) no-repeat right; transition: all .2s; -webkit-transition: all .2s;}
.homebox .homeproduct li:hover .txt p{ padding-left:5px; background-position:calc(100% - 5px);}

.homebox.homebox01{ padding:0; background:url(../images/homesearchbg.jpg) no-repeat top; height:315px;}
.homebox.homebox01 .hometxt{ color:#fff; padding-top:65px;}
.homesearch{ width:550px; margin:0 auto; margin-top:50px;}
.homesearch .key{ height:54px; padding:0 30px; width:65%; border:0; color:#999; box-sizing:border-box;}
.homesearch .btn{ height:54px; background:#b90303 url(../images/search.png) no-repeat 75%; border:0; width:35%; color:#fff; font-size:16px; line-height:54px;}

.homebox.homebox02{ background:#fafafa;}

.homebox.homebox03{ background:#0084ce url(../images/buttombg.png) no-repeat right top; height:280px; box-sizing:border-box; color:#fff;}
.homebox03 .f01{ margin-top:30px; width:28%; margin-right:2%;}
.homebox03 .f01 h1{ font-size:18px; font-weight:normal;}
.homebox03 .f01 span{ width:190px; height:1px; background:#87c1ed; display:inline-block; margin:20px 0;}
.homebox03 .f01 p{ font-size:14px; line-height:24px;}
.homebox03 .f02{ width:30%; margin-top:30px; font-size:14px; line-height:30px;}
.homebox03 .f02 img{ vertical-align:middle; margin-right:5px;}
.homebox03 .f03{ width:40%;}
.homebox03 .f03 li{ float:left; background:#459fe3; width:31%; margin-right:3%; text-align:center; padding:25px 10px; box-sizing:border-box;}
.homebox03 .f03 li img{ width:64px;}
.homebox03 .f03 li:nth-child(3){ margin-right:0;}
.homebox03 .f03 li h2{ margin-top:10px; font-size:18px; font-weight:normal;}
.homebox03 .f03 li a{ color:#fff; font-size:13px;}

.new_list{ margin-top:50px;}
.new_list .item{}
.new_list .item .ibox{ border:1px #eee solid; background:#fff; padding:40px; box-sizing:border-box; width:94%;}
.new_list .item .ibox .tit{ font-size:20px; color:#666; margin-bottom:20px; height:30px; overflow:hidden;}
.new_list .item .ibox .txt{}
.new_list .item .ibox .txt .img{ float:left; margin-right:25px;}
.new_list .item .ibox .txt .pp{ color:#888; font-size:15px; line-height:24px;}
.new_list .item .ibox .txt .p2{ color:#b80403; text-decoration:underline; font-size:14px; margin-top:15px;}
.slick-slide img.jt{ display:inline-block; vertical-align:middle; margin-left:10px;}

.foot{ background:#0c2a84; height:110px; line-height:110px; color:#fff; border-top:1px #389fd9 solid; font-size:14px;}
.foot a{ float:right; color:#fff; font-size:14px;}

.inbanner{ position:relative;}
.inbanner .inb_img{}
.inbanner .inb_img img{ width:100%;}
.inbanner .inb_line{ background-color:rgba(0,0,0,0.3); position:absolute; bottom:0; width:100%; height:36px;}
.inbanner .inb_txt{ position:absolute; bottom:0; height:52px; line-height:52px; text-align:center; width:100%; transition: all .2s; -webkit-transition: all .2s;}
.inbanner .inb_txt span{ background:#f9f9f9; display:inline-block; padding:0 80px; border-radius:30px 30px 0 0; font-weight:bold; letter-spacing:2px; font-size:20px;}
.inbanner:hover .inb_txt{ height:58px; line-height:58px;}

.main{ padding:50px 0; background:#fff;}
.com{}
.com p{ text-indent:24px; margin-bottom:24px; color:#666; line-height:32px;}
.com h3{ margin-top:40px; margin-bottom:40px; color:#333; text-align:center;}
.home_box.home_box_in{ margin-top:50px;}
.home_box.home_box_in p{ text-indent:0;}
.panter{ width:90%; margin:0 auto; margin-bottom:50px;}
.panter li{ float:left; width:23%; margin-right:2%; border:1px #f1f1f1 solid; padding:20px; box-sizing:border-box;}
.panter li:nth-child(4){ margin-right:0;}
.panter li img{ width:100%;}

.newslist { }
.newslist .item { padding: 30px 0; border-bottom: 1px dashed #dedede; }
.newslist .item .img { margin-right: 20px; float: left; }
.newslist .item .name { line-height: 36px; margin-bottom: 20px; font-size: 26px; }
.newslist .item .name a { font-size:22px; }
.newslist .item .info { color: #999; margin-bottom: 20px; }
.newslist .item .time { color: #999; font-size: 12px; }

.newstitle { font-size: 26px; text-align: center; line-height: 30px;  margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999;  }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; color:#666;  }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }
.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.equip{}
.equip li{ float:left;width: 31%; margin: 1.1%; box-shadow: 0px 2px 2px #ddd; border: 1px solid #eee; padding:10px; box-sizing:border-box;}
.equip li .eimg{ overflow:hidden;}
.equip li .eimg img{ width:100%; transition: all .2s; -webkit-transition: all .2s;}
.equip li:hover .eimg img{ transform:scale(1.1,1.1)}
.equip li .etxt{ text-align:center; padding:10px 0;}
.equip li .etxt a{ font-weight:bold; font-size:16px; padding-top:10px;}
.equip li .etxt a span{ display:inline-block; font-weight:normal; font-size:13px; border:1px #ccc solid; padding:3px 20px; line-height:24px; margin-top:10px;}

.proslide{ width:27%; background:#f3f3f3; height:100%;}
.proslide .probig{ background:#4b6ba4; border-left:3px #d40000 solid; padding-left:40px; color:#fff; font-size:18px; font-weight:bold; line-height:56px;}
.proslide .probig br{ display:none;}
.proslide .prosamll{ padding:30px;}
.proslide .prosamll .dl{ border-bottom:1px #ccc solid;}
.proslide .prosamll .dl h3{ font-size:16px; padding-left:5px; line-height:48px;}
.proslide .prosamll .dl h3 span{ float:right; font-size:20px; color:#d40000}
.proslide .prosamll .dl ul{ padding:10px; background:#f9f9f9;}
.proslide .prosamll .dl ul li{ font-size:14px; padding-left:10px; line-height:28px;}
.proslide .prosamll .dl ul li span{ float:right; font-size:24px; color:#4a6aa3;}

.product{ width:68%;}
.product li{ float:left; border:1px #d8d8d8 solid; box-sizing:border-box; width:32%; margin-right:1.8%; margin-bottom:20px; transition: all .2s; -webkit-transition: all .2s;}
.product li:hover{ box-shadow:0 0 8px #ccc;}
.product li:nth-child(3n){ margin-right:0;}
.product li .img{ overflow:hidden; width:100%; height:100%;}
.product li .img img{ width:100%; transition: all .2s; -webkit-transition: all .2s;}
.product li:hover .img img{ transform:scale(1.1,1.1)}
.product li .txt{ padding:10px 20px;}
.product li .txt h1{ font-weight:normal; font-size:15px; border-bottom:1px #e6e6e6 solid; padding-bottom:8px;}
.product li .txt p{ color:#999; font-size:15px; text-transform:uppercase; margin-top:8px; font-family:Arial, Helvetica, sans-serif; background:url(../images/homeprotxt.jpg) no-repeat right; transition: all .2s; -webkit-transition: all .2s;}
.product li:hover .txt p{ padding-left:5px; background-position:calc(100% - 5px);}

.contact{}
.contact ul{}
.contact ul li{float: left; width: 50%; border-right: 1px #ddd solid; box-sizing: border-box; padding: 50px; border-bottom: 1px #ddd solid; font-size: 16px; color: #666; cursor: pointer; text-align: center; line-height: 28px; background: #f7f7f7;}
.contact ul li .img{ margin-bottom:20px;}
.contact ul li .img img{ width:50px;}
.contact ul li h2{ font-size:24px; margin-bottom:10px;}
.contact ul li:nth-child(2n){border-right: none;}
.contact ul li:nth-child(3),.contact ul li:nth-child(4){ border-bottom: none;}
.contact ul li:hover{ background: #efefef;}
.map{ margin-top:50px;}
.shortmap{ display:none;}

.in_honor{}
.in_honor h3{ width:60%; margin:0 auto; margin-bottom:40px;}
.in_honor h3 img{ width:100%; border:6px #7590ba solid; padding:10px;}
.in_honor li{ float:left; width:23%; margin:10px 1%;}
.in_honor li img{ width:100%;}

.toper .a_m{ float:right; display:none; padding:20px 10px 0 0;}

@media (max-width: 1480px) {
.langua{ right:20px;}	
}


@media (max-width: 1200px) {
.wrapper{ width:96%;}
.bannerslide{ height:420px;}
.bannerslide .swiper-slide{ height:420px;}
.pagination{ bottom:30px;}
.home_box{ margin-top:-10px;}
.homebox03 .f01{ display:none;}
.homebox03 .f02{ width:50%;}
.homebox03 .f03{ width:50%;}
.com p{ font-size:15px;}
.inbanner{ height:320px;}
.inbanner .inb_img img{ height:320px;}
.in_honor li{ width:31%;}
.contact ul li{ padding:50px 30px;}
.proslide{ width:30%;}
.proslide .probig{ line-height:24px; padding:25px 0 25px 30px;}
.proslide .probig br{ display:block;}
.proslide .prosamll{ padding:15px;}
.product{  width:65%;}
.product li{ width:48%;}
.product li:nth-child(3n){ margin-right:1.8%;}
.toper .menu{ display:none;}
.toper .a_m{ display:block;}
.langua{ right:80px;}
}

@media (max-width: 780px) {
.home_box{ margin-top:20px;}
.home_box li{ width:48.8%; margin-top:10px;}
.home_box li:nth-child(2n){ margin-right:0;}
.home_box li h2{ margin-top:5px; font-size:17px;}
.homebox .homeproduct li{ width:48.8%;}
.homebox .homeproduct li:nth-child(2n){ margin-right:0;}
.new_list .item .ibox .txt .pp p{ height:72px; overflow:hidden; font-size:14px;}
.new_list .item .ibox .txt .pp p.p2{ height:auto;}
.homesearch{ width:75%;}
.homebox.homebox03{ height:auto;}
.homebox03 .f02,.homebox03 .f03{ width:100%;}
.homebox03 .f02{ margin-top:0;}
.homebox03 .f03{ margin-top:30px;}
.foot{ height:auto; padding:40px 0; line-height:32px;}
.foot a{ float:none;}
.panter li{ width:48%; margin-bottom:15px; margin-right:3%;}
.panter li:nth-child(2n){ margin-right:0}
.map{ display:none;}
.shortmap{ display:block; margin-top:60px; text-align:center;}
.shortmap a{ border:1px #999 solid; background:#007dc3; color:#fff; padding:15px 60px;}
.equip li{ width:47.8%;}
.newslist .item .name{ height:36px; overflow:hidden;}
.newslist .item .info{ height:42px; overflow:hidden;}
.proslide{ width:100%;}
.proslide .prosamll .dl h3{ font-size:15px;}
.proslide .prosamll .dl ul li{ float:left; width:48%; margin:0 1%; padding-left:0; font-size:13px;}
.product{ width:100%; margin-top:40px;}
.inproductshow img{ max-width:100%;}
}

@media (max-width: 420px) {
.homesearch{ width:96%;}
.homebox03 .f03 li{ padding:15px 5px;}
.homebox03 .f03 li a{ font-size:12px;}
.in_honor h3{ width:96%; margin-bottom:20px;}
.in_honor h3 img{ box-sizing:border-box;}
.in_honor li{ width:48%;}
.contact ul li{ width:100%; padding:30px; font-size:14px;}
.contact ul li:first-child,.contact ul li:nth-child(3){ border-right:none;}
.contact ul li:nth-child(3){ border-bottom:1px #ddd solid;}
.contact ul li h2{ font-size:20px;}
.toper .logo img{ width:310px;}
.toper .a_m{ width:30px; margin-top:5px;}
.langua{ right:60px;}
}