body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ul,ol,li{margin: 0; padding: 0;}
body{font-family: arial;}
li{list-style: none;}
a{color: inherit; text-decoration: none;}
a:hover{color: inherit; text-decoration: none;}
input:focus,button:focus{outline: none;}
img{border: none;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.w1200{width:1200px; margin:auto;}
/* 头部 */
.topbj{overflow:hidden; width:94%; margin:auto;}
.top{height:115px; width:100%;}
.top .fl img{margin:20px 0px;}
.top .fl dt{font-size:20px; color:#193984; font-weight:bold; float:right; padding-top:30px;}
.top .fl dt p{ color:#666; font-weight:100;}
.top>ul{float:right; height:108px; font-size:30px; color:#333; padding-top:25px;}
.top>ul>li{float:left; position:relative; margin-left:15px; line-height:35px;}
.top>ul>li>img{ margin-top:10px;}

.top1bj{background:#193984; overflow:hidden;}
.top1bj .bod{width:1200px; height:50px; margin:auto;}
.top1bj .bod ul{color: #fff; font-size: 16px; line-height:50px; display: flex; justify-content: space-between;}
.top1bj .bod ul li a{display: block;}
.top1bj .bod ul li a:hover,.top3bj .w1200 ul li a.active{border-bottom:#db2521 3px solid; margin-top:-3px; color:#fff;}

/* 首页 */
.box1bj{margin-top:60px; overflow:hidden; margin-bottom:80px;}
.box1bj .tit{text-align:center; width:94%; margin:auto;}
.box1bj .tit dt{font-size:48px; height:70px; color:#ddd;} 
.box1bj .tit dd{font-size:40px; color:#000; font-weight:bold; margin-top:-50px;}
.box1bj .tit p{ width:40px; height:4px; background:#F00; margin:auto; margin-top:10px;}
.box1bj .w1200{overflow:hidden; margin-top:30px; width:1200px; margin:auto; margin-top:40px;}
.box1bj .w1200 dl{text-align:center;}
.box1bj .w1200 dt{color:#fff; font-size:18px; float:left; font-weight:100; height:48px; line-height:48px; background:#315bd1; width:18%; margin-right:2.25%; margin-bottom:20px; border-radius:10px;}
.box1bj .w1200 dt:nth-child(5n){ margin-right:0px;}
.box1bj .w1200 dt:hover{border:#CCC 1px solid; background:#FFF; color:#333;}
.box1bj .autow{margin-top: 30px; width: 94%;margin: auto;overflow: hidden;margin-top: 40px;}
.box1bj .bod{width:94%; margin:auto; overflow:hidden; margin-top:40px;}
.box1bj .bod dl{overflow:hidden; width:31%; float:left; margin-right:3.5%; background:#ddd;}
.box1bj .bod dl:hover{background:#193984; color:#fff;}
.box1bj .bod dl:nth-child(3n){margin-right:0px;}
.box1bj .bod dl dt{width:100%; position:relative; margin-top:-1px;}
.box1bj .bod dl dt img{width:100%;}
.box1bj .bod dl dd{height:60px; line-height:60px; text-align:center; font-size:18px;}
.box1bj .bod dl dt .info{position:absolute; top:0; left:0; right:0px; bottom:0; background: rgba(0,0,0,0.4); color:#fff; display:flex; align-items:center; justify-content:center; transform: translate(0,-100%); transition: 0.5s;}
.box1bj .bod dl dt .info dl{font-size:18px; text-align:center; width:150px; background:#FFF; height:40px; line-height:40px; color:#333; font-weight:100; border-radius:30px;}
.box1bj .bod dl dt .info dl dd{font-size:14px; text-align:center; width:120px; height:40px; background:#FFF; line-height:40px; border-radius:30px; color:#333; margin:auto;}
.box1bj .bod dl:hover dt .info{transform: translate(0,0);}
.box1bj .more{width:200px; margin:auto; text-align:center; height:50px; overflow:hidden; border:#CCC 1px solid; line-height:50px; text-align:center; font-size:18px; margin-top:40px;}
.box1bj .more:hover{ background:#315bd1; color:#FFF;}

.box2bj{width:100%; background:url(../images/index_bg_1.jpg) no-repeat center; overflow:hidden; height:445px;}
.box2bj .tit{text-align:left; width:90%; margin:auto; margin-top:60px;}
.box2bj .tit dt{font-size:48px; height:70px; color:#687090; line-height:48px;}
.box2bj .tit dd{font-size:40px; color:#fff; font-weight:bold; margin-top:-10px;}
.box1bj .bod dd a{ font-weight:bold;}
.box2bj .tit li{width:40px; height:4px; background:#F00; margin-top:10px;}

.box3{width:94%; margin:auto; overflow:hidden; background:#FFF; padding:80px 40px; margin-top:-200px;}
.box3 .item1{overflow:hidden; display:flex; align-items:center;}
.box3 .item1 .fl{width:38%; margin-right:5%;}
.box3 .item1 .fl dl{border-bottom:#CCC 1px solid; padding-bottom:30px; margin-bottom:30px;}
.box3 .item1 .fl dl dt{font-size:30px; display:flex; align-items:center; color:#315bd1;}
.box3 .item1 .fl dl dt span{margin-left:15px;}
.box3 .item1 .fl dl dd{font-size:18px; color:#666; margin-top:20px;}
.box3 .item1 .fl dl dd p{line-height:30px;}
.box3 .item1 .fl dl:nth-child(2){border-bottom:#CCC 0px solid; padding-bottom:0px; margin-bottom:0px;}
.box3 .item1 .fr{width:57%;}
.box3 .item1 .fr img{width:100%; border:#315bd1 5px solid;}
.box3 .item2{display:flex; align-items:center; margin-top:60px;}
.box3 .item2 .fl{width:57%; margin-right:5%;}
.box3 .item2 .fl img{width:100%;}
.box3 .item2 .fr{width:38%;}
.box3 .item2 .fr dl dt{font-size:30px; display:flex; align-items:center; color:#315bd1;}
.box3 .item2 .fr dl dt span{margin-left:15px;}
.box3 .item2 .fr dl dd{font-size:18px; color:#666; margin-top:20px;}
.box3 .item2 .fr dl dd p{line-height:30px;}
.box3 .item2 .fr dl:nth-child(2){border-bottom:#CCC 0px solid;}
.box3 .item3{overflow:hidden; display:flex; align-items:center; margin-top:60px;}
.box3 .item3 .fl{width:38%; margin-right:5%;}
.box3 .item3 .fl dl{border-bottom:#CCC 1px solid; padding-bottom:30px; margin-bottom:30px;}
.box3 .item3 .fl dl dt{font-size:30px; display:flex; align-items:center; color:#315bd1;}
.box3 .item3 .fl dl dt span{margin-left:15px;}
.box3 .item3 .fl dl dd{font-size:18px; color:#666; margin-top:20px;}
.box3 .item3 .fl dl dd p{line-height:30px;}
.box3 .item3 .fl dl:nth-child(2){border-bottom:#CCC 0px solid; padding-bottom:0px; margin-bottom:0px;}
.box3 .item3 .fr{width:57%;}
.box3 .item3 .fr img{width:100%;}

.box4bj{width:100%; background:url(../images/box4bj.jpg) no-repeat center; overflow:hidden; height:445px;}
.box4bj .tit{text-align:left; width:90%; margin:auto; margin-top:60px;}
.box4bj .tit dt{font-size:48px; color:#687090; line-height:48px;}
.box4bj .tit dd{font-size:40px; color:#fff; font-weight:bold;}
.box4bj .tit li{width:40px; height:4px; background:#F00; margin-top:10px;}

.box5{width:94%; margin:auto; overflow:hidden; background:#FFF; padding:40px 40px; margin-top:-220px;}
.box5 dl{overflow:hidden; width:23.5%; float:left; margin-right:2%;}
.box5 dl:hover dd{background:#193984; color:#fff;}
.box5 dl:nth-child(4n){margin-right:0px;}
.box5 dl dt{width:100%; position:relative; margin-top:-1px;}
.box5 dl dt img{width:100%;}
.box5 dl dd{height:60px; line-height:60px; text-align:center; font-size:18px; background:#ddd; margin-bottom:30px;}
.box5 dl dt .info{position:absolute; top:0; left:0; right:0px; bottom:0; background: rgba(0,0,0,0.4); color:#fff; display:flex; align-items:center; justify-content:center; transform: translate(0,-100%); transition: 0.5s;}
.box5 dl dt .info dl{font-size:18px; text-align:center; width:150px; background:#FFF; height:40px; line-height:40px; color:#333; font-weight:100; border-radius:30px;}
.box5 dl:hover dt .info{transform: translate(0,0);}

.more1{width:200px; margin:auto; text-align:center; height:50px; overflow:hidden; border:#CCC 1px solid; line-height:50px; text-align:center; font-size:18px; margin-bottom:60px;}
.more1:hover{ background:#315bd1; color:#FFF;}

.box6bj{background:url(../images/index_bg_1.jpg) no-repeat center; overflow: hidden; height: 445px;}
.box6{width: 94%; margin: 0 auto;}
.box6 .tit{text-align:left; width:90%; margin:auto; margin:60px 0;}
.box6 .tit dt{font-size:48px; color:#687090;}
.box6 .tit dd{font-size:40px; color:#fff; font-weight:bold; margin-top:-10px;}
.box6 .tit li{width:40px; height:4px; background:#F00; margin-top:10px;}

.index_tit{margin:auto; margin:0 0 36px; text-transform: uppercase;}
.index_tit dt{font-size:48px; color:#c8c6c6;}
.index_tit dd{font-size:40px; font-weight:bold; margin-top:-10px;}
.index_tit li{width:40px; height:4px; background:#F00; margin-top:10px;}

.box7{width: 94%; margin: -170px auto 0; background: #fff; padding: 40px; display: flex; justify-content: space-between;}
.box7 .swiper-slide{-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.08)));}
.box7 .swiper-slide img{width: 100%;}

.box8bj{padding: 75px 0; background: url(../images/index_01.jpg) center center; background-size: cover; position: relative; z-index: 1;}
.box8{width: 94%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.box8 .fl{width: 42%;}
.box8 .fl img{width: 100%;}
.box8 .fr{width: 54.4%;}
.box8 .fr ul li{margin: 10px 0; font-size: 16px; color: #605f5f; line-height: 26px; text-indent: 2em;}
.box8 .fr .more{width: 186px; height: 52px; line-height: 50px; text-align: center; border: 1px solid #000; font-size: 16px; display: block; margin-top: 20px;}

.box9bj{background: url(../images/index_bg_1.jpg) center top no-repeat; padding-top: 30px;}
.box9{width: 94%; margin: 0 auto;}
.box9 .index_tit dt{color: #50597f;}
.box9 .index_tit dd{color: #fff;}
.box9 .bod{padding: 40px; background: #fff; display: flex; justify-content: space-between;}
.box9 .bod .item{width: 28%;}
.box9 .bod .item .img{padding-bottom: 55%; position: relative;}
.box9 .bod .item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.box9 .bod .item .img cite{position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,0.7); height: 36px; line-height: 36px; display: flex; font-size: 12px; color: #fff; font-style: normal;}
.box9 .bod .item .img cite span{padding: 0 12px;}
.box9 .bod .item .img cite em{background: #db2521; padding: 0 10px;}
.box9 .bod .item h3{margin: 20px 0 10px; font-size: 18px; font-weight: bold;}
.box9 .bod .item p{font-size: 16px; color: #585757;}

/* 底部 */
.bottom1bj{background: #f4f4f4; padding: 30px 0;}
.bottom1{width: 94%; margin: 0 auto;}
.bottom1 h2{font-size: 32px; font-weight: bold;}
.bottom1 .tit{margin: 25px 0; padding-bottom: 20px; border-bottom: 1px solid #aaaaaa; display: flex;}
.bottom1 .tit li{margin-right: 120px;}
.bottom1 .bod{display: flex; justify-content: space-between;}
.bottom1 .bod ul{padding: 0 10px; max-width: 340px; line-height: 36px;}
.bottom1 .bod dl{width: 200px;}
.bottom1 .bod dl dt img{width: 100%;}
.bottom1 .bod dl dd{margin-top: 10px; text-align: center; font-size: 16px;}
.booter{width: 1200px;margin: auto;  text-align: center;}
.booter h2{ text-align: center;}
.booter .tits li{display:block;float:left; margin-top:25px;}
.booter .tits{
    display: flex;
    justify-content: space-between;	
	
	
}
.bottom2{text-align: center; padding: 15px 0; display:block;clear:both}
.footer{width: 1200px;margin: auto; text-align: center;}
.footer ul.footer-list {
    display: flex;
    justify-content: space-between;
}
.footer-list li{display: block; float: left; margin-top: 25px;}
/* 封面index_image */
.about{width:100%; margin-bottom:0px;overflow:hidden; text-align:center; position:relative; background:#fff;}
.about img{transition: all 5s; overflow:hidden;}
.about img:hover{transform: scale(1.1);}


/* 翻页 */
.fanye{overflow:hidden; margin:auto; margin-top:50px;}
.fanye li{float:left; color:#666; font-size:16px; margin-right:8px;}

/* 新闻列表 list_imag */
.list_news_bj{background:#eee; overflow:hidden;}
.list_news{margin: 0 auto 50px; width:1200px;}
.list_news .txt{font-size:36px; color:#333; margin:auto; margin-top:100px; background:url(../images/dian.png) no-repeat top left; padding-left:40px; line-height:72px; border-bottom:#CCC 1px solid; padding-bottom:5px; margin-bottom:60px;}
.list_news .txt span{font-size:16px; float:right; color:#666; padding-top:15px;}
.list_news .bod{margin:auto; overflow:hidden;}
.list_news .bod dl{padding-top:30px; padding-bottom:30px; justify-content: center; display: flex; border-bottom:#CCC 1px solid;}
.list_news .bod dl .fl{margin-top:15px; margin-right:100px;}
.list_news .bod dl .fl dt{float:left; font-size:30px; color:#999; background:url(../images/jt.png) no-repeat bottom left; height:100px; margin-right:30px; font-weight:100;}
.list_news .bod dl:hover .fl dt{background:url(../images/jt.jpg) no-repeat bottom left;}
.list_news .bod dl .fl dd{ font-size:28px;}
.list_news .bod dl .fl dd p{ font-size:17px; color:#666; padding-top:15px; line-height:24px;}
.list_news .bod dl .fr{}
.list_news .bod dl .fr img{ width:260px; height:150px;}
.list_news .box1 h1{ font-size:30px; text-align:center; color:#000;}
.list_news .box1 .box1_tit{ font-size:14px; color:#666; text-align:center; padding-top:20px;}
.list_news .box1 .box1_tit span{ padding-left:20px; padding-right:20px;}
.list_news .box1 .box1_bod{ font-size:16px; text-align:left; color:#333; margin-top:30px; line-height:30px; border-top:#CCC 1px dashed; padding-top:30px; border-bottom:#CCC 1px dashed; padding-bottom:30px; margin-bottom:40px;}
.list_news .box2_l{margin:auto; overflow:hidden;}
.list_news .box2_l .fl{ font-size:16px; color:#666; text-align:left;}
.list_news .box2_l .fr{ font-size:16px; color:#666; text-align:right;}

/* 关于我们 about */
.about_box1{width:85%; margin:auto; overflow:hidden;}
.about_box1 .txt{font-size:36px; color:#333; margin:auto; margin-top:50px; background:url(../images/dian.png) no-repeat top left; padding-left:40px; line-height:72px; border-bottom:#CCC 1px solid; padding-bottom:5px; margin-bottom:40px;}
.about_box1 .txt span{font-size:16px; float:right; color:#666; padding-top:15px;}
.about_box1 .bod{font-size:18px; color:#333; text-align:left; line-height:36px; margin:auto; margin-bottom:80px; overflow:hidden;}
.about_box1 .bod img{ padding-top:30px;}
.about_box1 .bod p{ padding-top:20px;}

.about_box11{width:100%;overflow:hidden; background:#f5f5f5;}
.about_box11 .bod{width:1200px; margin:auto; padding:40px;}


/* 产品 list_image */
.list_image{background: #f5f5f5; overflow: hidden;}
.list_image1{margin: 70px auto 0; width: 85%;}
.list_image1 .tit{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.list_image1 .tit dt{min-width: 300px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; background: #fff; font-weight: normal;}
.list_image1 .tit dt.active{background: #1575dc; color: #fff;}
.list_image1 .tit dd{width: 180px; height: 46px; line-height: 46px; text-align: center; background: #646464; border-radius: 46px; color: #fff;}
.list_image1 .bod{display: flex; flex-wrap: wrap;}
.list_image1 .bod dl{width: 32%; background: #fff; margin-top: 30px; margin-right: 2%;}
.list_image1 .bod dl:nth-of-type(3n){margin-right: 0;}
.list_image1 .bod dl dt{padding-bottom:100%; position:relative; overflow:hidden;}
.list_image1 .bod dl dt img{position:absolute; top:0; left:0; width:100%; height: 100%; object-fit:cover; cursor:pointer; transition:all 2s;}
.list_image1 .bod dl:hover{-webkit-box-shadow: #ccc 0px 10px 10px; -moz-box-shadow: #ccc 0px 10px 10px; box-shadow: #ccc 0px 10px 10px;}
.list_image1 .bod dl:hover dt img{transform:scale(1.05);}
.list_image1 .bod dl dd{height:74px; line-height:74px; padding: 0 10px; border-top: 1px solid #eee; text-align: center; font-size:18px;}
.list_image1 .bod dl dd b{font-weight: normal;}
.list_image1 .bod dl:hover{background:#193984; color:#fff;}
.list_image2{margin: 70px auto; width: 94%;}
.list_image2 .bod{height: 262px; display: flex; align-items: center; justify-content: space-between; padding: 0 125px; background: url(../images/index_03.jpg); background-size: cover;}
.list_image2 .bod p{font-size: 36px; color: #fff;}
.list_image2 .bod a{width: 150px; height: 52px; line-height: 52px; text-align: center; background: #fff; font-size: 16px;}
.list_image2 .bod2{display: flex;}
.list_image2 .bod2 dl{flex: 1; background: linear-gradient(to right,#010001,#312f30); color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 260px; font-size: 20px;}
.list_image2 .bod2 dl dt{margin-bottom: 20px;}

/* 产品详情 */
.article_image{overflow: hidden;}
.article_image .fl h2{ text-align: center; padding-bottom:15px;}
.article_image .list_image1 .tit{border: 1px solid #f5f5f5;}
.article_image1{width:1200px; margin:80px auto 0; background: #fff; display: flex; justify-content: space-between; margin-bottom: 40px;}
.article_image1 .fl{width:45%;}
.article_image1 .fl .swiper-slide{border: 1px solid #eee;}
.article_image1 .fl .swiper-slide .img{padding-bottom: 100%; position: relative;}
.article_image1 .fl .swiper-slide .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.article_image1 .fl .swiper2{margin-bottom: 20px;}
.article_image1 .fl .swiper3{padding: 0 30px; position: relative;}
.article_image1 .fl .swiper3 .swiper-button-prev{left: 0;}
.article_image1 .fl .swiper3 .swiper-button-next{right: 0;}
.article_image1 .fr{width: 50%;}
.article_image1 .fr h2{font-size: 26px; line-height: 46px;}
.article_image1 .fr p{margin:40px 0 25px; font-size: 18px; color:#333; line-height:28px;}
.article_image1 .fr dl dt{font-size: 20px; font-weight: normal; margin-bottom: 20px; color:#333; font-weight:bold;}
.article_image1 .fr dl dd{font-size:17px; line-height:30px; color:#333; font-weight:100;}

.article_image2{background:#fff; width:1200px; margin: 0 auto; overflow: hidden;}
.article_image2 .tit{border: 1px solid #dbdbdb; height: 48px; line-height: 46px; display: flex; font-size: 18px;}
.article_image2 .tit li{width: 190px; text-align: center; border-right: 1px solid #dbdbdb; cursor: pointer;}
.article_image2 .tit li.active{background: #1575dc; color: #fff;}
.article_image2 .bodbj{padding:40px 40px;}
.article_image2 .bod{display: none;}

.article_image3{background:url(../images/index_04.jpg); background-size:cover; padding:100px 40px; overflow: hidden; width:1200px; margin:auto;}
.article_image3 .swiper-slide img{width: 100%;}

.article_image4bj{background:#fff; margin-bottom:80px;}
.article_image4{width:1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; background:#f5f5f5; padding:80px 40px; }
.article_image4 img{max-width: 100%;}
.article_image4 .fl{width: 45%;}
.article_image4 .fl p{font-size: 25px;}
.article_image4 .fl dl{margin-bottom: 50px;}
.article_image4 .fl dl dt{font-size: 48px; margin: 10px 0 15px;}
.article_image4 .fl dl dd{font-size: 20px; color: #767474;}
.article_image4 .fr{width: 45%;}

.article_image5{width: 85%; text-align: center; margin: 30px auto;}

.wfixed{
	position: fixed;
	right: 0;
	bottom: 100px;
	z-index: 9;
}
.wfixed .box{
	width: 100px;
	height: 90px;
	border-radius: 3px;
	background: #fff;
	text-align: center;
	padding-top: 13px;
	margin-bottom: 1px;
	cursor: pointer;
	position: relative;
	box-shadow: 0 0 3px 0 #ccc;
}
.wfixed .box .img{
	width: 21px;
	height: 18px;
	margin: auto;
}
.wfixed .box .txt{
	font-size: 18px;
	font-weight: bold;
	color: #666;
	line-height: 26px;
}
.wfixed .box .tc{
	position: absolute;
	right: -180px;
	top: 0;
	background: #fff;
	padding: 5px;
	font-size: 18px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	opacity: 0;
	transition: all ease .5s;
	z-index: -1;
	box-shadow: 0 0 3px 0 #ccc;
}
.wfixed .box:hover .tc{
	right: 62px;
	opacity: 1;
}
.wfixed .box .tc.t1{
	width: 200px;
	height: 60px;
	line-height: 60px;
}
.wfixed .box .tc.t2{
	width: 130px;
	height: 130px;
}
.wfixed .box .tc.t3{
	width: 200px;
	height: 60px;
	line-height: 60px;
}

.wfixed .box img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}