@charset "utf-8";
/* body{min-width: 1800px;} */
.w1800{max-width: 1800px;margin: 0 auto;overflow: hidden;}
.w1200{max-width: 1200px;margin: 0 auto;overflow: hidden;}
.top{height: 125px;position: fixed;top: 0;left: 0;border-bottom: 1px solid #000;width: 100%;z-index: 20;background: rgba(255, 255, 255, 0.6);}
.logo{width: 297px;height: 71px;background: url(../images/logo.png) 0 0 no-repeat;}
.top .w1800{display: flex;justify-content: space-between;align-items: center;position: relative;height: 125px;}
.top .top-cont{margin-left: 83px;height: 58px;display: flex;align-items: center;}
.top .top-cont i{width: 62px;height: 58px;background: url(../images/topicon.png) 0 0 no-repeat;}
.top .top-cont .top-cont-text{width: auto;height: 40px;margin-left: 22px;border-left: 2px solid #000;padding-left: 19px;}
.top .top-cont .top-cont-text h1{width: 100%;line-height: 21px;line-height: 21px;font-size: 16px;}
.top .top-cont .top-cont-text span{width: 100%;line-height: 15px;margin-top: 6px;}
.nav{width: auto;height: 125px;display: flex;}
.nav li{width: 80px;margin-left: 52px;height: 123px;}
.nav .s{border-bottom: 2px solid #16478a;}
.nav li a{display: block;line-height: 123px;font-size: 18px;color: #554f4b;text-align: center;}
.nav .s a{color: #16478a;text-decoration: none;}
.nav li:hover a{color: #16478a;text-decoration: none;border-bottom: 2px solid #16478a;}
.banner{height: 936px;position: relative;overflow: hidden;}
.banner .pic{ height:936px;overflow: hidden;}
.banner .pic li{float: left;height:936px;width: 100%; position: absolute;left: 0;top: 0;z-index: 1; background-position: center 0;background-repeat: no-repeat;}
.top .w1800 .topiphone{position: absolute;top: 89px;right: 0;height: 31px; background: url(../images/iphone.png) 0 center no-repeat;text-indent: 38px;color: #a60611;font-weight: bold;font-size: 30px;}

.box1{background: url(../images/box1.jpg) center 0 no-repeat;background-size: cover;}
.box1 .w1800{
	display: flex;
}
.box1 .box1left{flex: 0 0 16%;overflow: hidden;}
.box1 .box1left .titleen{height: 162px;margin-top: 116px;background: url(../images/box1title.png) 0 0 no-repeat;    background-size: 100%;}
.box1 .box1left .titlecn{width: 100%;height: 50px;line-height: 50px;color: #333;font-size: 42px;font-weight: bold;margin-top: 22px;}
.box1 .box1left .more{display: block;text-decoration: none;width: 210px;height: 36px;background:#16478a url(../images/box2more.png) 170px center no-repeat;text-indent: 16px;line-height: 36px;color: #fff;margin-top: 40px;}
.index-prod{flex: 1;height: auto;margin-top: 30px;margin-left: 80px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-prod li{flex: 0 0 30%;margin-bottom: 40px;background-color: #fff;}
.index-prod li a{display: block;width: 100%;}
.index-prod li img{width: 100%;}

.box2{height: 800px;background: url(../images/box2.png) center 0 no-repeat;}
.box2 .w1800{
	display: flex;
	justify-content: flex-end;
}
.box2cont{width: 866px;height: 800px;overflow: hidden;}
.box2cont .titleen{width: 100%;height: 64px;background: url(../images/box2title.png) 0 0 no-repeat;margin-top: 115px;}
.box2cont .titlecn{width: 100%;line-height: 50px;margin-top: 20px;color: #333;font-size: 42px;font-weight: bold;}
.box2cont .box2-text{line-height: 23px;margin-top: 25px;}
.box2cont .box2list{width: 100%;display: flex;justify-content: space-between;}
.box2cont .box2list li{width: 250px;height: 250px;overflow: hidden;margin-top: 40px;display: flex;flex-direction: column;align-items: center;background: url(../images/box2icon1.png) 0 0 no-repeat;}
.box2cont .box2list li h1{display: block;width: 100%;margin-top: 128px;text-align: center;font-size: 24px;color: #16478a;}
.box2cont .box2list li span{line-height: 27px;margin-top: 3px;text-align: center;font-size: 20px;color: #666666;}
.box2cont .box2list li:nth-child(1) {background: url(../images/box2icon1.png) 0 0 no-repeat;}
.box2cont .box2list li:nth-child(2) {background: url(../images/box2icon2.png) 0 0 no-repeat;}
.box2cont .box2list li:nth-child(3) {background: url(../images/box2icon3.png) 0 0 no-repeat;}
.box3{height: 748px;background: url(../images/box3.jpg) 0 center no-repeat;overflow: hidden;}
.box3 .box3left{width: 298px;height: 748px;overflow: hidden;float: left;}
.box3 .box3left .titleen{width: 293px;height: 60px;margin-top: 142px;background: url(../images/box3title.png) 0 0 no-repeat;}
.box3 .box3left .titlecn{width: 100%;height: 50px;line-height: 50px;color: #fff;font-size: 42px;font-weight: bold;margin-top: 37px;}
.box3 .box3left .more{display: block;text-decoration: none;width: 210px;height: 36px;background:#fff url(../images/box3more.png) 170px center no-repeat;text-indent: 16px;line-height: 36px;color: #16478a;margin-top: 282px;}
.box3 .box3cont{width: 900px;float: right;display: flex;margin-top: 66px;justify-content: space-between;}
.box3 .box3cont div img:nth-child(2){margin-top: 24px;}
.box3 .box3cont div:nth-child(3) img{width: 227px;}
.box3 .box3cont div:nth-child(4) img{width: 227px;}
.box4 .w1800{
	padding-bottom: 40px;
	display: flex;
}
.box4{background: url(../images/box4.jpg) center 0 no-repeat;background-size: cover;}
.box4 .box4left{overflow: hidden;flex: 0 0 16%;}
.box4 .box4left .titleen{width: 293px;height: 46px;margin-top: 150px;background: url(../images/box4title.png) 0 0 no-repeat;}
.box4 .box4left .titlecn{width: 100%;height: 50px;line-height: 50px;color: #333;font-size: 42px;font-weight: bold;margin-top: 36px;}
.box4nav{width: 210px;height: auto;margin-top: 103px;}
.box4nav li{width: 100%;height: 36px;text-indent: 73px;color: #666666;background-color: #f2f2f2;border-bottom-right-radius: 18px;border-top-right-radius: 18px;line-height: 36px;margin-bottom: 14px;cursor: pointer;}
.box4nav .s{background-color: #16478a;color: #fff;}
.brand{flex: 1;overflow: hidden;margin-left: 80px;margin-top: 55px;}
.box4 .brand .newslist:last-child{display: none;}
.newslist{width: 100%;flex-wrap: wrap;justify-content: space-between;display: flex;}
.newslist li{flex: 0 0 23%;margin-bottom: 17px;background-color: #ffffff;box-sizing: border-box;padding: 0 15px 15px;}
.newslist li a{text-decoration: none;display: block;width: 100%;height: 100%;overflow: hidden;}
.newslist li .sp1{width: 100%;height: 22px;line-height: 22px;margin-top: 16px;font-size: 13px;color: #666;display: block}
.newslist li h1{display: block;width: 100%;border-bottom: 1px solid #eaeaea;font-size: 16px;color: #333;}
.newslist li .sp2{line-height: 21px;margin-top: 8px;font-size: 13px;color: #666;height: 63px;}
.newslist li i{display: block;width: 39px;height: 39px;background: url(../images/box4iconh.png) 0 0 no-repeat;margin-top: 20px;}
.newslist li:hover{background-color: #16478a;}
.newslist li:hover .sp1{color: #fff;}
.newslist li:hover h1{color: #fff;border-bottom: 1px solid #fff;}
.newslist li:hover .sp2{color: #fff;}
.newslist li:hover i{background: url(../images/box4icon.png) 0 0 no-repeat;}



.bottom{background: url(../images/bottom.jpg) center 0 no-repeat;background-size: cover;}
.bottom .w1800{
	display: flex;
}
.bottombg{height: 429px;box-sizing: border-box;padding-top: 32px;}
.bt-left{flex: 0 0 23%;margin-left: 275px;overflow: hidden;}
.bt-title{height: 65px;position: relative;width: 100%;line-height: 65px;font-size: 24px;color: #fff;}
.bt-title::after{content: "";position: absolute;bottom: 0;left: 0;width: 60px;height: 2px;background-color: #fff;}
.bt-left span{display: block;line-height: 36px;margin-top: 19px;color: #fff;}
.bt-center{flex: 0 0 10%;height: 100%;overflow: hidden;float: left;}
.bt-center img{width: 100%;margin-top: 31px;}
.bt-center span{display: block;width: 100%;height: 38px;line-height: 38px;text-align: center;color: #fff;}
.bt-right{padding-left: 157px;flex: 0 0 25%;display: flex;justify-content: space-between;}
.bt-right li .bt-title{margin-bottom: 13px;}
.bt-right li{width: 155px;float: left;margin-right: 135px;}
.bt-right li a{display: block;width: 155px;height: 42px;line-height: 42px;border-bottom: 1px solid #fff;background: url(../images/btnav.png) 128px center no-repeat;text-decoration: none;color: #fff;}
.footer{color: #fff;height: 60px;border-top: 1px solid #fff;}
.footer .sp1{margin-left: 276px;line-height: 60px;}
.footer .sp2{margin-left: 112px;line-height: 60px;}


.page-top{height: 125px;position: absolute;top: 0;left: 0;border-bottom: 1px solid #000;width: 100%;background-color: rgba(255, 255, 255, 0.6);}
.page-top .logo{width: 297px;height: 71px;background: url(../images/logo.png) 0 0 no-repeat;}
.page-top .w1800{display: flex;justify-content: space-between;align-items: center;position: relative;height: 125px;}
.page-top .top-cont{margin-left: 83px;height: 58px;display: flex;align-items: center;}
.page-top .top-cont i{width: 62px;height: 58px;background: url(../images/topicon.png) 0 0 no-repeat;}
.page-top .top-cont .top-cont-text{width: auto;height: 40px;margin-left: 22px;border-left: 2px solid #000;padding-left: 19px;}
.page-top .top-cont .top-cont-text h1{width: 100%;line-height: 21px;line-height: 21px;font-size: 16px;}
.page-top .top-cont .top-cont-text span{width: 100%;line-height: 15px;margin-top: 6px;}
.page-top .w1800 .topiphone{position: absolute;top: 89px;right: 0;height: 31px; background: url(../images/iphone.png) 0 center no-repeat;text-indent: 38px;color: #a60611;font-weight: bold;font-size: 30px;}

.pagebanner{height: 600px;overflow: hidden;}
.pagebanner1{height: 600px;background: url(../images/pagebanner1.jpg) center 0 no-repeat;}
.pagebanner2{height: 600px;background: url(../images/pagebanner2.jpg) center 0 no-repeat;}
.pagebanner3{height: 600px;background: url(../images/pagebanner3.jpg) center 0 no-repeat;}
.pagebanner4{height: 600px;background: url(../images/pagebanner4.jpg) center 0 no-repeat;}
.pagebanner5{height: 600px;background: url(../images/pagebanner5.jpg) center 0 no-repeat;}
.page{min-height: 400px;padding-top: 42px;}
.pageb{padding-top: 42px;}
.about-icon{width: 100%;height: 44px;background: url(../images/about-icon.jpg) center 0 no-repeat;margin-bottom: 14px;}
.page-title{width: 100%;height: 92px;position: relative;}
.page-title h1{display: block;width: 100%;height: 74px;line-height: 74px;font-size: 85px;font-weight: bold;text-align: center;color: #dddddd;}
.page-title span{display: block;width: 100%;height: 45px;line-height: 45px;position: absolute;top: 47px;text-align: center;color: #20508e;font-size: 36px;font-weight: bold;}
.about-content{line-height: 25px;}
.prodbox{width: 100%;display: flex;justify-content: space-between;margin-top: 60px;}
.prodleft{width:265px;overflow: hidden;height: auto;}
.prodleft-title{width: 100%;line-height: 42px;font-size: 30px;font-weight: bold;margin-bottom: 10px;}
.prodleft-nav{width: 100%;height: auto;}
.prodleft-nav li{width: 100%;margin-bottom: 17px;background: url(../images/prodnav.png) 246px center no-repeat;border-bottom: 1px solid #e7e7e7;height: 45px;}
.prodleft-nav li a{display: block;line-height: 45px;text-decoration: none;color: #bbbbbb;font-size: 18px;text-indent: 20px;}
.prodleft-nav .s{border-bottom-right-radius: 24px;border-top-right-radius: 24px;background:#20508e url(../images/prodnavh.png) 246px center no-repeat;}
.prodleft-nav .s a{color: #fff;}
.prodleft-nav li:hover{border-bottom-right-radius: 24px;border-top-right-radius: 24px;background:#20508e url(../images/prodnavh.png) 246px center no-repeat;}
.prodleft-nav li:hover a{color: #fff;}
.prodlist{width: 918px;height: auto;overflow: hidden;display: flex;flex-wrap: wrap}
.prodlist li{width: 288px;height: 336px;margin-left: 18px;}
.prodlist li a{text-decoration: none;color: #333333;}
.prodlist li .picbox{width: 288px;height: 288px;overflow: hidden;display: flex;flex-direction: column;}
.prodlist li .picbox .pictop{width: 100%;height: 18px;background: url(../images/prodtop.jpg) 0 0 no-repeat;background-size: 100% 100%;}
.prodlist li .picbox .piccont{flex: 1;width: 100%;box-sizing: border-box;border: 2px solid #1f4e99;display: flex;align-items: center;justify-content: center;}
.prodlist li .picbox .piccont img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.prodlist li .text{display: flex;align-items: center;justify-content: center;height: 49px;}
.prodlist li .text span{font-size: 15px;color: #333;}
.prodlist li:hover .picbox .pictop{height: 8px;background-size: 100% 100%;}
.prodlist li:hover .text span{text-decoration: underline;}

.prodpage{width: 921px;min-height: 403px;background-color: #f6f6f6;float: right;box-sizing: border-box;padding: 0 20px;}
.prodpage-cont{width: 100%;height: auto;overflow: hidden;}
.prodpage .left{width: 100%;float: left;height: 400px;margin-top: 54px}
.prodpage .left h1{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 18px}
.prodpage .left .picbox{text-align: center;
    width: 662px;
    margin: 0 auto;}
.prodpage .left img{max-width: 372px;max-height: 360px;width: auto;height: auto;}

.prodpage .right{width: 400px;float: right;margin-right: 47px;margin-top: 54px;}
.prodpage .right h1{display: block;width: 100%;line-height: 50px;font-size: 24px;}
.prodpage .right span{display: block;width: 100%;line-height: 29px;margin-top: 10px;color: #686868}

.page-newslist{width: 100%;height: auto;overflow: hidden;margin-top: 25px;}
.page-newslist li{width: 100%;padding: 20px 0;height: auto;}
.page-newslist li a{display: block;width: 100%;box-sizing: border-box;height: 160px;padding: 0 76px;display: flex;justify-content: space-between;text-decoration: none;}
.page-newslist li .picbox{width: 235px;height: 160px;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.page-newslist li .picbox img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.page-newslist li .cont{width: 780px;height: 160px;overflow: hidden;}
.page-newslist li .cont .cont-top{width: 100%;display: flex;justify-content: space-between;height: 38px;border-bottom: 1px solid #4d73a5;}
.page-newslist li .cont .cont-top h1{display: block;line-height: 38px;font-size: 24px;color: #666666;font-weight: bold;}
.page-newslist li .cont .cont-top h2{display: block;font-size: 14px;color: #b8b8b8;}
.page-newslist li .cont span{display: block;width: 100%;line-height: 24px;margin-top: 10px;color: #666666;height: 48px;}
.page-newslist li .cont i{display: block;width: 34px;height: 34px;background: url(../images/newsicon.png) 0 0 no-repeat;margin-top: 23px;}
.page-newslist li:hover a{background-color: #20508e;padding: 20px 76px;height: 200px;}
.page-newslist li:hover .cont h1{color: #fff;}
.page-newslist li:hover .cont h2{color: #fff;}
.page-newslist li:hover span{color: #fff;}
.page-newslist li:hover .cont i{background: url(../images/newsiconh.png) 0 0 no-repeat;}

.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;}

.contacbg{min-height: 580px;position: relative;margin-top: 27px;}
.map{background-color: #000;position: absolute;top: 0;left: 50%;z-index: 0;width: 1098px;min-height: 580px;margin-left: -136px;}
.contactcont{width: 100%;min-height: 580px;background: url(../images/contactbg.png) 0 0 no-repeat;z-index: 1;position: relative;box-sizing: border-box;padding-top: 140px;left: 50%;margin-left: -600px;}
.contactcont p{background-color: transparent!important;text-align: left;}
.piclist{width: 100%;height: auto;display: flex;flex-wrap: wrap;margin-top: 48px;}
.piclist li{width: 280px;margin: 0 10px;overflow:hidden;background-color: #f5f5f5;height: 270px;margin-bottom: 20px;}
.piclist li a{display: block;width: 100%;height: 100%;text-decoration: none;overflow: hidden;}
.piclist li span{display: block;width: 100%;height: 38px;line-height: 38px;margin-top: 10px;text-align: center;font-size: 18px;}
.piclist li .picbox{width: 223px;height: 158px;margin: 35px auto 0 auto;border: 1px solid #949494;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.piclist li .picbox img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.piclist li:hover {background-color: #20508e;}
.piclist li:hover span{color: #fff;}


#content{ width:500px; height:170px; margin:100px auto;}
#imgbox-loading {position: absolute;top: 0;left: 0; cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0; left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none; z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%; height: 100%;vertical-align: top;}
.imgbox-title { padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px; height: 20px;}

.pageindex{text-align: center;line-height: 50px;width: 100%;overflow: hidden;}