@charset "utf-8";
html,body{width:100%;}
p,a,span{
    font-size: 14px;
}
.w1200{
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   overflow: hidden;
}
.top{
   height:103px;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   min-width: 1200px;
   z-index: 10;
   background-color: rgba(255,255,255,0.5);
}
.top .logo{
    width: 390px;
    height: 43px;
    background: url(../images/logo.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.top .w1200{
   height: 103px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   overflow: hidden;
}
.nav{
    width: auto;
    height: 103px;
    display: flex;
}
.nav li{
    width: auto;
    height: 103px;
    position: relative;
    margin-right: 42px;
}
.nav li a{
   text-decoration: none;
   color: #2d2d2d;
}
.nav li .a1{
   display: block;
   height: 103px;
   line-height: 103px;
   text-decoration: none;
   color: #333333;
   font-size: 16px;
   text-align: center;
}

.language{
   width: 57px;
   height: 103px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.language .cn{
   width: 23px;
   height: 16px;
   background: url(../images/cn.jpg) 0 0 no-repeat;
}
.language .en{
   width: 23px;
   height: 16px;
   background: url(../images/en.jpg) 0 0 no-repeat;
}
.mySwiper img{
    display: block;
    width: 100%;
}
.box0{
   height: 80px;
   background-color: #1675bf;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   font-weight: bold;
   color: #fff;
}
.box1{
    width: 100%;
    height: 275px;
    background: #f2f5f8;
    overflow: hidden;
}
.title{
   width: 100%;
   height: 99px;
}
.title h1{
   margin-top: 33px;
   display: block;
   width: 100%;
   height: 47px;
   line-height: 47px;
   font-size: 42px;
   text-align: center;
   color: #777777;
   font-style: oblique;
   text-transform: uppercase
}
.title span{
   display: block;
   width: 100%;
   height:43px;
   line-height: 43px;
   text-align: center;
   color: #000;
   font-weight: bold;
   font-size: 30px;

}
.box1-cont{
   width: 100%;
   height: 175px;
   margin-top: 40px;
   font-size: 16px;
   color: #fff;
   text-align: center;
   line-height: 40px;

}
.box1list{
   width: 100%;
   height: 97px;
   display: flex;
   justify-content: space-between;
}
.box1list li{
   width: auto;
   height: 97px;
   display: flex;
}
.box1list li i{
   width: 85px;
   flex-shrink: 0;
}
.box1list li .cont{
   width: auto;
   display: flex;
   flex-direction: column;
   margin-left: 20px;
   justify-content: center;
}
.box1list li .cont h1{
   display: block;
   line-height: 22px;
   height: 22px;
   font-size: 18px;
   color: #535353;
}
.box1list li .cont span{
   display: block;
   line-height: 15px;
   height: 30px;
   font-size: 14px;
   color: #b5b5b5;
   text-transform: uppercase
}
.box1list li:nth-child(1) i{
   background: url(../images/icon1.png) 0 0 no-repeat;
}
.box1list li:nth-child(2) i{
   background: url(../images/icon2.png) 0 0 no-repeat;
}
.box1list li:nth-child(3) i{
   background: url(../images/icon3.png) 0 0 no-repeat;
}
.box1list li:nth-child(4) i{
   background: url(../images/icon4.png) 0 0 no-repeat;
}
.box2{
   height: 590px;
   background: #fff;
}
.box2-nav{
   width: 100%;
   height: 62px;
   display: flex;
   margin-top: 23px;
}
.box2-nav .box2-nav-title{
   width: 190px;
   height: 62px;
   background: url(../images/prodtitle.jpg) 0 0 no-repeat;
}
.indexprod-nav{
   flex: 1;
   display: flex;
   height: 60px;
   justify-content: space-between;
   
}
.indexprod-nav a{
   display: block;
   width: 167px;
   height: 60px;
   color: #fff;
   font-size: 16px;
   text-align: center;
   line-height: 60px;
   text-decoration: none;
   background-color: #1675bf;
}
.box2list{
   width: 100%;
   height: auto;
   display: flex;
   justify-content: space-between;
   margin-top: 48px;
}
.box2list li{
   width: 465px;
   height: 340px;
}
.box2list li i{
   display: block;
   width: 100%;
   height: 145px;
}
.box2list li:nth-child(1) i{
  background: url(../images/box2icon1.png) center 0 no-repeat;
}
.box2list li:nth-child(2) i{
   background: url(../images/box2icon2.png) center 0 no-repeat;
}
.box2list li:nth-child(3) i{
   background: url(../images/box2icon3.png) center 0 no-repeat;
}
.box2list li h1{
   display: block;
   width: 100%;
   height:34px;
   line-height: 34px;
   margin-top: 35px;
   color: #333;
   font-size: 24px;
   font-weight: bold;
   text-align: center;
}
.box2list li span{
   display: block;
   width: 100%;
   height: auto;
   line-height: 30px;
   margin-top: 7px;
   color: #fff;
   color: #454545;
   text-align: center;
   font-size: 14px
}
.prodlist{
   width: 100%;
   height: auto;
   display: flex;
   justify-content: space-between;
   margin-top: 32px;
}
.prodlist li{
   width: 385px;
   height: 290px;
   position: relative;
}
.prodlist li a{
  display: block;
  width: 100%;
  height: 100%;
}
.prodlist li img{
   width: 100%;
   height: 100%;
}
.prodlist li span{
   display: block;
   position: absolute;
   height: 60px;
   background: rgba(0, 0, 0, 0.5);
   line-height: 60px;
   text-align: center;
   width: 100%;
   bottom: 0;
   left:0;
   color: #fff;
   font-size: 16px;
}
.prodlist li:hover span{
   background: rgba(22, 117, 191, 0.5);
}
.box3{
   height: 670px;
   background: url(../images/box3.jpg) center 0 no-repeat;
   background-size: cover;
}
.box3cont{
   width: 850px;
   height: 550px;
   background: url(../images/box3cont.jpg) 0 0 no-repeat;
   background-size: cover;
   box-sizing: border-box;
   padding: 0 50px;
   float: right;
   margin-top: 52px;
   overflow: hidden;
}
.box3cont .box3cont-title{
   width: 100%;
   height: auto;
}
.box3cont .box3cont-title h1{
   display: block;
   width: 100%;
   line-height: 38px;
   height: 38px;
   color: #fff;
   margin-top: 50px;
   text-align: center;
   font-size: 24px;
}
.box3cont .box3cont-title span{
   display: block;
   width: 100%;
   line-height: 52px;
   height: 52px;
   color: #fff;
   text-align: center;
   font-size: 30px;
}
.box3cont .box3cont-title div{
   width: 650px;
   height: 1px;
   background-color: #fff;
   margin: 8px auto 0 auto;
}
.box3cont-cont{
   line-height: 44px;
   color: #fff;
   margin-top: 18px;
   font-size: 16px;
}
.box3::after{
   content: "";
   width: 100%;
   height: 1px;
   background-color: #dbdbdb;
   position: absolute;
   top: 220px;
   left: 0;
}
.box4{
   height: 570px;
   background-color: #fff;
}

#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 40px;
}

#certify  .swiper-slide {
	width: 400px;
	height: 268px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
	position: relative;
	transition: all 0.3s;
}
#certify  .swiper-slide img{
	width: 100%;height: 100%;
	display:block;
}
#certify  .swiper-slide p {
	line-height: 42px;
	padding-top: 0;
	height: 42px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 0;
	background:rgba(67,137,216,0.8);
	position: absolute;
	bottom: 0;width: 100%
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
.box4btn{
   width: 100%;
   height: 60px;
   margin-top: 10px;
   display: flex;
   justify-content: center;
}
.box4btn a{
   display: flex;
   justify-content: center;
   align-items: center;
   width: 180px;
   text-decoration: none;
   height: 60px;
   border: 1px solid #999999;
   box-sizing: border-box;
   font-size: 16px;
   color: #666666;
}
.box5{
   height: 820px;
   background: url(../images/box6.jpg) center 0 no-repeat;
   background-size: cover;
}
.newslist{
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
}
.newslist li{
   width: 380px;
   height: 289px;
   position: relative;
   overflow: hidden;
   margin-right: 30px;
   margin-bottom: 30px;
}
.newslist li:nth-child(3n){
   margin-right: 0;
}
.newslist li a{
   text-decoration: none;
}
.newslist li .date{
   position: absolute;
   top: 0;
   width: 100px;
   height: 133px;
   left: 32px;
   background-color: rgba(37, 37, 37, 0.6);
   border-radius: 8px;
   z-index: 1;
   overflow: hidden;
   box-sizing: border-box;
   padding: 0 11px;
}
.newslist li .date h1{
   width: 100%;
   height: 30px;
   margin-top: 59px;
   text-align: center;
   font-weight: bold;
   font-size: 28px;
   color: #fff;
}
.newslist li .date span{
   display: block;
   text-align: right;
   color: #fff;
   font-size: 16px;
}
.newslist li .maincont{
   width: 100%;
   height: 275px;
   margin-top: 14px;
   border-radius: 8px;
   box-sizing: border-box;
   padding: 0 32px;
   background-color: #e5e5e5;
   position: relative;
   overflow: hidden;
}
.newslist li .maincont .icon{
   width: 17px;
   height: 28px;
   background: url(../images/righticon.png) 0 0 no-repeat;
   position: absolute;
   left: 304px;
   top: 91px;
   display: block;
   z-index: 1;
   display: none;
}
.newslist li .maincont h1{
   display: block;
   width: 100%;
   height: 27px;
   line-height: 27px;
   margin-top: 144px;
   font-size: 18px;
   font-weight: bold;
   color: #464646;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
}
.newslist li .maincont span{
   display: block;
   width: 100%;
   height: 72px;
   line-height: 24px;
   margin-top: 14px;
   font-size: 15px;
   color: #464646;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}
.newslist li:hover .icon{
   display: block;
}
.newslist li:hover .date{
   background-color: #0e5993;
}
.newslist li:hover .maincont{
   background-color: #1675bf;
}
.newslist li:hover .maincont h1{
   color: #fff;
}
.newslist li:hover .maincont span{
   color: #bacfe7;
}
.box6{
   height: 410px;
   overflow: hidden;
   background-color: #fff;
}
.piclist{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.piclist li{
   width: 200px;
   height: 110px;
   box-sizing: border-box;
   border: 1px solid #e5e5e5;
   overflow: hidden;
}
.bottom{
   height:365px;
   border-top: 5px solid #1675bf;
   display: flex;
   justify-content: space-between;
   overflow: hidden;
}
.bottom .w1200{
   display: flex;
   justify-content: space-between;
}
.bottom-left{
   width: 310px;
   overflow: hidden;

}
.bottom-left h1{
   display: block;
   width: 100%;
   height: 40px;
   margin-top: 6px;
   font-size: 20px;
   color: #000000;
}
.bottom-left .btlogo{
   width: 159px;
   height: 108px;
   margin-top: 42px;
   background: url(../images/btlogo.png) 0 0 no-repeat;
}
.bottom-left .erweima{
   width: 126px;
   height: 126px;
   background: url(../images/erweima.jpg) 0 0 no-repeat;
   background-size: cover;
}
.btnav{
   width:845px;
   height: auto;
   display: flex;
   margin-top: 19px;
}
.btnav li:nth-child(1){
   width: 209px;
   flex-shrink: 0;
}
.btnav li:nth-child(2){
   width: 235px;
   flex-shrink: 0;
}
.btnav li:nth-child(3){
   flex: 1;
}
.btnav li .btnav-title{
   height: 66px;
   border-bottom: 1px solid #b2b2b2;
   line-height: 66px;
   font-size: 18px;
   color: #000000;
   margin-bottom: 12px;
}
.btnav li:nth-child(1) .btnav-title{
   width: 140px;
}
.btnav li:nth-child(2) .btnav-title{
   width: 174px;
}
.btnav li:nth-child(3) .btnav-title{
   width: 208px;
}
.btnav li a{
   display: block;
   width: 100%;
   line-height: 34px;
   text-decoration: none;
   font-size: 14px;
   color: #8d8d8d;
}
.btcont{
   width: 100%;
}
.btcont span{
   width: 100%;
   line-height: 34px;
   text-decoration: none;
   font-size: 14px;
   display: block;
   color: #8d8d8d;
   text-indent: 32px;
}
.btcont .sp1{
   background: url(../images/bticon1.png) 0 center no-repeat;
}
.btcont .sp2{
   background: url(../images/bticon2.png) 0 center no-repeat;
}
.btcont .sp3{
   background: url(../images/bticon3.png) 0 center no-repeat;
}
.btcont .sp4{
   background: url(../images/bticon4.png) 0 center no-repeat;
}
.btcont .sp5{
   background: url(../images/bticon5.png) 0 center no-repeat;
}
.btcont .sp6{
   background: url(../images/bticon6.png) 0 center no-repeat;
}
.footer{
   height: 50px;
   background-color: #1675bf;
}
.footer .w1200{
   color: #fff;
   font-size: 14px;
   display: flex;
   height: 50px;
   align-items: center;
   justify-content: space-between;
}
.pagetop{
   background-color: rgba(255, 255, 255, 0.6);   
}
.pagebanner{
   height: 500px;
}
.pagebanner1{
   background: url(../images/pagebanner1.jpg) center 0 no-repeat;
}
.pagebanner2{
   background: url(../images/pagebanner2.jpg) center 0 no-repeat;
}
.pagebanner3{
   background: url(../images/pagebanner3.jpg) center 0 no-repeat;
}
.pagebanner4{
   background: url(../images/pagebanner4.jpg) center 0 no-repeat;
}
.pagebanner5{
   background: url(../images/pagebanner5.jpg) center 0 no-repeat;
}
.location{
   height: 70px;
   border-bottom: 1px solid #eeeeee;
}
.location .w1200{
   display: flex;
   justify-content: space-between;
}
.pagerightnav{
   width: auto;
   display: flex;
   box-sizing: border-box;
   padding-left: 8px;
}
.pagerightnav li{
   min-width: 87px;
   height: 70px;
   width: auto;
   padding: 0 10px;
   position: relative;
}
.pagerightnav li a{
   display: block;
   width: 100%;
   line-height: 70px;
   text-align: center;
   text-decoration: none;
   font-size: 14px;
   color: #000;
}
.pagerightnav li::before{
   content: "";
   width: 1px;
   height: 15px;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -7.5px;
   background-color: #cccccc;
}
.pagerightnav li:last-child::before{
   display: none;
} 
.pagerightnav li:hover::after{
   content: "";
   width: 100%;
   position: absolute;
   padding: 0 6px;
   bottom: 0;
   left: 0;
   margin-left: -6px;
   height: 2px;
   background-color: #00509a;
}
.address{
   width: auto;
   height: 70px;
   line-height: 70px;
   padding-left: 28px;
   background: url(../images/address.png) 0 center no-repeat;
   color: #000;
}
.page-title{
   width: 100%;
   height: 79px;
   background: url(../images/pagebg.png) center bottom no-repeat;
   text-align: center;
   height: 46px;
   line-height: 46px;
   color: #1675bf;
   font-size: 36px;
}
.page{
   height: auto;
   overflow: hidden;
   padding-top: 50px;
}
.page-title{
   width: 100%;
   height: 79px;
}
.pagecontent{
   width: 100%;
   min-height: 350px;
   overflow: hidden;
   margin-top: 40px;
   margin-bottom: 30px;
}
.page-prodlist{
   width: 100%;
   height: auto;
   display: flex;
   margin-top: 32px;
   flex-wrap: wrap;
}
.page-prodlist li{
   width: 385px;
   height: 374px;
   position: relative;
   margin-right: 15px;
   margin-bottom: 15px;
}
.page-prodlist li a{
  display: block;
  width: 100%;
  height: 100%;
}
.page-prodlist li img{
   width: 100%;
   height: 100%;
}
.page-prodlist li span{
   display: block;
   position: absolute;
   height: 60px;
   background: rgba(0, 0, 0, 0.5);
   line-height: 60px;
   text-align: center;
   width: 100%;
   bottom: 0;
   left:0;
   color: #fff;
   font-size: 16px;
}
.page-prodlist li:hover span{
   background: rgba(22, 117, 191, 0.5);
}




.prodpage{width: 100%;min-height: 403px;border-radius: 5px;}
.prodpage-cont{width: 100%;height: auto;overflow: hidden;}
.prodpage .left{width: 372px;float: left;height: 302px;margin-top: 54px}
.prodpage .left img{width:  372px;height:302px}
.prodpage .right{width: 700px;float: right;margin-top:54px;}
.prodpage .right h1{display: block;width: 100%;line-height: 50px;color: #333;font-size:24px;}
.prodpage .right span{display: block;width: 100%;line-height: 29px;margin-top:10px;color: #686868}
.prodcontent{width: 100%;height: auto;padding-bottom:20px;margin-left: 47px;overflow: hidden;margin: top 30px;;}
.page-newslist{
   width: 100%;
   height: auto;
   margin-top: 40px;
}
.page-newslist li{
   width: 100%;
   height: 240px;
   box-sizing: border-box;
   padding: 10px 0;
   border-bottom: 1px dotted #dcdcdc;
}
.page-newslist li a{
   width: 100%;
   height: 220px;
   box-sizing: border-box;
   padding: 0 30px;
   text-decoration: none;
   display: block;
   overflow: hidden;
}
.page-newslist li h1{
   display: block;
   width: 100%;
   height: 30px;
   margin-top: 12px;
   line-height: 30px;
   font-size: 20px;
   font-weight: bold;
   color: #333333;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
}
.page-newslist li .sp1{
   font-size: 16px;
   color: #999999;
   line-height: 24px;
   height: 48px;
   margin-top: 17px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
.page-newslist li .sp2{
   margin-top: 6px;
   display: block;
   font-size: 14px;
   line-height: 30px;
   color: #666666;
}
.page-newslist li .sp3{
   width: 120px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 20px;
   font-size: 14px;
   color: #666666;
   border: 1px solid #666;
   border-radius: 4px;
}
.page-newslist li:hover a{
   background-color: #1675bf;
}
.page-newslist li:hover h1,.page-newslist li:hover .sp1,.page-newslist li:hover .sp2{
   color: #fff;
}
.page-newslist li:hover .sp3{
   color: #fff;
   border: 1px solid #fff;
}
.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#407aee;}
.piclista{
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
}
.piclista li{
   width: 330px;
   height: 268px;
   margin-bottom: 22px;
   margin-right: 27px;
   box-sizing: border-box;
   padding: 10px;
}
.piclista li:nth-child(4n){
   margin-right: 0;
}
.piclista li img{
   width: 100%;
   height: 100%;
}


.concactlist{
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   box-sizing: border-box;
   padding: 10px 10px;
}
.concactlist li{
   width: 380px;
   height: 200px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   border-radius: 5px;
   margin-bottom: 30px;
   overflow: hidden;
}
.concactlist li i{
   width: 100%;
   height: 60px;
   display: block;
   margin-top: 39px;
}
.concactlist li:nth-child(1) i{
   background: url(../images/contacticon1.png) center 0 no-repeat;
}
.concactlist li:nth-child(2) i{
   background: url(../images/contacticon2.png) center 0 no-repeat;
}
.concactlist li:nth-child(3) i{
   background: url(../images/contacticon3.png) center 0 no-repeat;
}
.concactlist li:nth-child(4) i{
   background: url(../images/contacticon4.png) center 0 no-repeat;
}
.concactlist li:nth-child(5) i{
   background: url(../images/contacticon5.png) center 0 no-repeat;
}
.concactlist li:nth-child(6) i{
   background: url(../images/contacticon6.png) center 0 no-repeat;
}
.concactlist li h1{
   display: block;
   width: 100%;
   height: 27px;
   margin-top: 11px;
   line-height: 27px;
   text-align: center;
   font-size: 18px;
   color: #0c0c0c;
}
.concactlist li span{
   display: block;
   width: 100%;
   line-height: 24px;
   text-align: center;
   color: #8d8d8d;
}
.box6 li{
    position: relative;
}
.box6 li a{
    display: none;
	width: 100%;
	text-align: center;
	padding: 1px;
	background-color: #1675bf;
	color: white;
	position: absolute;
	bottom: 0;
	font-size: 12px;
}
.box6 li:hover a{
    display: block;
}
.newslist2{
    padding-bottom: 30px;
}
.newslist2 li a{
    color: black;
    margin-bottom: 15px;
    text-decoration: none;
    justify-content: space-between;
    display: flex;
    font-size: 14px;
}
.newslist2 li a h1{
    font-size: 16px;
}
.address a{
    text-decoration: none;
}
.page-newslist{
    margin-bottom: 30px;
}
.sp5 span{
    display: inline-block;
    width: 12px;
	height: 12px;
	background: url(../images/at.png) no-repeat;
	background-size: cover;
}
.csp span span{
    display: inline-block;
    width: 11px;
	height: 11px;
	background: url(../images/at.png) no-repeat;
	background-size: cover;
}
.footer a{
    color: #fff;
    margin-left: 105px;
	text-decoration: none;
}