@charset "utf-8";
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.top{height: 96px;overflow: visible;width: 100%;position: fixed;background-color: rgba(255, 255, 255, 0.8);width: 100%;left: 0;top: 0;z-index: 10;}
.top .logo{width:160px;height: 58px;margin-left: 14px;margin-top: 26px;background: url(../images/logo.png) 0 0 no-repeat;float: left;}
.top-right{width:272px;float: right;height: 96px;}
.top-right-desc{width: 100%;height: 18px;margin-top: 13px;}
.top-right-desc i{width: 17px;height: 18px;background: url(../images/iphone.png) 0 0 no-repeat;display: block;float: left;margin-right: 8px;}
.top-right-desc span{line-height: 18px;font-size: 14px;    display: block;
    float: left;}
.top-right-desc font{color: #da131d;}

.nav{width: auto;height: 54px;float: left;margin-top: 42px;margin-left:16px;}
.nav li{float: left;width: auto;height: 54px;position: relative;margin-left: 38px;}
.nav li a{text-decoration: none;}
.nav li .a1{color: #333;text-decoration: none;display: block;overflow: hidden;height: 54px;line-height: 54px;text-align: center;color: #333333;font-size: 16px;position: relative;}
.nav li .a1:hover{color: #1d61ad}
.nav li .a1:hover:after{content: "";position: absolute;bottom: 8px;width: 100%;height: 2px;background-color: #1d64b4;left: 0;}
.nav li:hover .subnavbox{height: 196px;}


.subnavbox{position: absolute;width: 422px;left: 0;top: 54px;height: 0px;overflow: hidden;z-index: 10;background-color: rgba(255, 255, 255, 0.8);box-sizing: border-box;padding: 0 24px;display: flex;justify-content: space-between;}
.subnavbox img{margin-top: 16px;width: 225px;height: 146px;margin-top: 17px;}
.subnavbox div{width: 112px;margin-top: 11px;float: left;}
.nav li .subnavbox div a{display: block;width: 100%;height: 30px;float: left;text-align: left;font-size: 14px;color: #fff;line-height: 30px;font-size: 12px;color: #666666;border-bottom: 1px solid #cccccc;}
.nav li .subnavbox div a:hover{color: #1d64b4;}

.banner{height: 980px;position: relative;overflow: hidden;}
.bannerprev{display: block;width:80px;height: 80px;background:rgba(0,0,0,0.5) url(../images/prev.png) center center no-repeat;position: absolute;left: 50%;margin-left:-680px;z-index: 99;top: 50%}
.bannernext{display: block;width:80px;height: 80px;background:rgba(0,0,0,0.5) url(../images/next.png) center center no-repeat;position: absolute;left: 50%;margin-left: 600px;z-index: 99;top: 50%}
.banner .pic{ height:980px;overflow: hidden;}
.banner .pic li{float: left;height:980px;width: 100%; position: absolute;left: 0;top: 0;z-index: 1; background-position: center 0;background-repeat: no-repeat;}
.serachbox{height: 80px;overflow: hidden;background-color: #e6e6e6;}

.serachbox .left{float: left;height: 80px;line-height: 80px;}
.serachbox .left .sp1{color: #363636;}
.serachbox .left .sp2{color: #999999;}
.searchboxform{width: 100%;height: 38px;float: right;margin-top: 18px;overflow: hidden;display: flex;border-radius: 19px;border:1px solid #999;box-sizing: border-box;}
.searchboxform .i1{flex:1;height: 36px;background-color: transparent;text-indent: 12px;border:none;outline: none;color: #999999;flex: 1;font-size: 14px;}
.searchboxform .i2{width: 51px;height: 36px;background-color: transparent;border:none;outline: none;color: #cccccc;background: url(../images/search.png) center center no-repeat;}



.box1{height:740px;overflow: hidden;position: relative;background: url(../images/box1.jpg) center 0 no-repeat}
.box1left{width: 322px;height: auto;float: left;}
.box1-lefttitle{width: 100%;height: 69px;line-height: 69px;position: relative;font-size: 30px;color: #fff;font-weight: bold;margin-top: 117px;}
.box1-lefttitle:after{content:"";width: 76px;height: 4px;background-color: #fff;position: absolute;left: 0;bottom: 0;}
.box1-prodnav{width: 100%;height: 176px;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 36px;border-bottom:1px solid #fff;}
.box1-prodnav a{display: block;width: 146px;height: 43px;line-height: 41px;text-align: center;border:1px solid #fff;color: #fff;text-decoration: none;}
.box1-prodnav a:hover{background-color: rgba(255, 255, 255, 0.3);}

.box1-content{width: 100%;height: auto;margin-top: 26px;overflow: hidden;}
.box1-content h1{display: block;width: 100%;height: 22px;line-height: 22px;font-size: 16px;color: #fff;}
.box1-content span{display: block;width: 100%;line-height: 22px;font-size: 12px;color: #fff;}

.box1-link{width: 100%;height: 32px;margin-top: 22px;}
.box1-link a{width: 96px;height: 32px;border:solid 1px white;transition:0.5s;line-height: 32px;text-align: center;color: #fff;display: block;text-decoration: none;}
.box1-link a:hover{background:white;color:#2a76cc;}

.prodbox{width: 783px;height: 504px;overflow: hidden;float: right;margin-top: 142px;margin-right: 18px;}
.prodlist{width: 783px;height: 504px;overflow: hidden;display: none;}
.prodlist li{width: 248px;height: 220px;overflow: hidden;margin-right: 10px;margin-bottom: 10px;position: relative;float: left;}
.prodlist li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333}
.prodlist li img{width:100%;height:100%}
.prodlist li span{display: block;width: 100%;height: 32px;line-height: 32px;text-align: center;font-size: 12px;color: #fff;background-color:rgba(29, 97, 173, 0.6)}

.box2-title{width: 100%;height: 86px;overflow: hidden;margin-top: 56px;}
.box2-title h1{display: block;width: 100%;height: 46px;line-height:46px;font-size: 36px;color: #fff;font-weight: bold;text-align: center;}
.box2-title h2{display: block;width: 100%;height: 40px;line-height:40px;font-size: 22px;color: #fff;font-weight: bold;text-align: center;}


.box2{height: 740px;overflow: hidden;background: url(../images/box2.jpg) center 0 no-repeat}
.box2-cont1{width: 100%;height: 387px;margin-top: 74px;;}
.box2-cont1 .title{width: 113px;line-height: 31px;font-size: 30px;font-weight: bold;height: 387px;float: left;padding-top: 74px;box-sizing: border-box;color: #fff;position: relative;padding-left: 32px;}
.box2-cont1 .title:after{content: "";width: 4px;height: 76px;background-color: #fff;top: 95px;left: 74px;position: absolute;}
.box2-cont1 img{width: 437px;height: 387px;float: left;}
.box2-cont1 .box2-content{width: 533px;height: 387px;overflow: hidden;margin-left: 54px;float: left;}
.box2-cont1 .box2-content h1{display: block;width: 100%;height: 37px;line-height: 37px;margin-top: 83px;font-size: 22px;font-weight: bold;color: #fff;}
.box2-cont1 .box2-content span{display: block;width: 100%;line-height: 20px;margin-top:18px;color: #fff}
.box2-cont1 .box2-content a{width: 96px;height: 32px;border:solid 1px white;line-height: 32px;text-align: center;color: #fff;display: block;text-decoration: none;margin-top: 28px;transition:0.5s;}
.box2-cont1 .box2-content a:hover{background:#2a76cc;border:none;}


.box2-cont2{width: 100%;height: 140px;overflow: hidden;margin-top: 67px;}
.box2-cont2-left{width: 145px;float: left;display: flex;align-items: center;justify-content: center;height: 100%;}
.box2-cont2-left a{text-indent: 38px;width: 81px;background: url(../images/box2left.png) 0 center no-repeat;text-decoration: none;height: 26px;}
.box2-cont2-left a:hover{color: #347cce;background: url(../images/box2lefth.png) 0 center no-repeat;}

.brand{width: 910px;height: 145px;position: relative;overflow: hidden;float: left;}
.piclista{width: 1200px;height: 145px;overflow: hidden;position: absolute;top: 0;left: 0;}
.piclista li{width: 210px;height: 140px;overflow: hidden;float: left;margin-right: 20px;}
.piclista li img{width: 210px;height: 140px}
.box2-cont2-right{width: 145px;float: left;display: flex;align-items: center;justify-content: center;height: 100%;}
.box2-cont2-right a{width: 81px;background: url(../images/box2right.png) 43px center no-repeat;text-decoration: none;height: 26px;}
.box2-cont2-right a:hover{color: #347cce;background: url(../images/box2righth.png) 43px center no-repeat;}



.box3{height:781px;overflow: hidden;background: url(../images/box3.jpg) center 0 no-repeat}
.box-title{width: 100%;height: 175px;overflow: hidden;text-align: center;}
.box-title h1{display: block;width: 100%;height: 68px;margin-top: 22px;line-height: 68px;position: relative;text-align: center;color: #fff;font-size: 30px;font-weight: bold;}
.box-title h1:after{content: "";position: absolute;bottom: 0;left: 50%;margin-left: -38px;width: 76px;height: 4px;background-color: #fff;}
.box-title a{width: 96px;height: 32px;border:solid 1px white;transition:0.5s;line-height: 32px;text-align: center;color: #fff;display: inline-block;text-decoration: none;margin-top: 21px;}
.box-title a:hover{background:#2a76cc;border:none;}
.box4list{width: 100%;height: auto;}
.box4list-cont{width: 100%;height: 270px;background-color: #fff;margin-bottom: 18px;overflow: hidden;}
.box4list-cont .box4list-cont-left{width: 242px;height: 270px;float: left;}
.box4list-cont-left1{background: url(../images/box4icon1.jpg) 0 0 no-repeat;}
.box4list-cont-left2{background: url(../images/box4icon2.jpg) 0 0 no-repeat;}

.branda{width: 888px;height: 247px;float: left;margin-top: 23px;margin-left: 20px;overflow: hidden;position: relative;}
.piclist2{min-width: 1500px;height: 247px;overflow: hidden;position: absolute;}
.piclist2 li{width: 280px;height: 247px;float: left;margin-right: 18px;}
.piclist2 li img{width: 280px;height: 212px;}
.piclist2 li span{display: block;width: 100%;height: 35px;line-height: 35px;;text-align: center;}
.box4list-btn{width: 25px;height: 247px;margin-top: 23px;display: flex;justify-content: center;align-items: center;float: left;}
.box4list-btn a{display: block;width: 13px;height: 19px;background: url(../images/box4btn.png) 0 0 no-repeat;}

.box4{height:742px;overflow: hidden;background: url(../images/box4.jpg) center 0 no-repeat}
.box4-title{width: 100%;height: 68;margin-top: 99px;box-sizing: border-box;padding-left: 25px;}
.box4-title h1{display: block;width: 100%;height: 68px;margin-top: 22px;line-height: 68px;position: relative;color: #333333;font-size: 30px;font-weight: bold;}
.box4-title h1:after{content: "";position: absolute;bottom: 0;left: 0;width: 76px;height: 4px;background-color: #333333;}

.newslist{width: 100%;height: auto;overflow: hidden;display: flex;justify-content: space-between;margin-top: 34px;flex-wrap: wrap;box-sizing: ;}
.newslist li{width:388px ;height: 205px;float: left;box-sizing: border-box;padding: 0 18px;overflow: hidden;margin-bottom: 27px;transition:0.5s;}
.newslist li:hover{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.newslist li h1{height: 41px;line-height: 41px;margin-top: 11px;font-size: 16px;text-overflow:ellipsis;
    white-space: nowrap;overflow: hidden;border-bottom: 1px solid #ccc;}
.newslist li .sp1{display: block;width: 100%;height:91px;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;line-height: 20px;margin-top: 10px;}
.newslist-bottom{width: 100%;height: 26px;display: flex;justify-content: space-between;align-items: center;}
.newslist-bottom span{font-size: 12px;line-height: 26px;}
.newslist-bottom a{display: block;width: 80px;height: 26px;text-decoration: none;font-size: 12px;border: 1px solid #2a76cc;color: #2a76cc;text-align: center;transition:0.5s;}
.newslist li:hover{background-color: #fff;}
.newslist li:hover .newslist-bottom a{background-color: #2a76cc;color: #fff;}

.bottombg{height: 742px;background: url(../images/indexbottom.jpg) center 0 no-repeat;overflow: hidden;}
.bottom-title{width: 100%;height: 68;margin-top: 26px;box-sizing: border-box;padding-left: 25px;text-align: center;}
.bottom-title h1{display: block;width: 100%;height: 68px;line-height: 68px;position: relative;color: #fff;font-size: 30px;font-weight: bold;}
.bottom-title h1:after{content: "";position: absolute;bottom: 0;left: 50%;margin-left: -38px; width: 76px;height: 4px;background-color: #fff;}

.hzlist{width: 1600px;height: 116px;margin-top: 27px;overflow: hidden;}
.hzlist li{width: 215px;height: 116px;margin-right: 31px;float: left;}
.hzlist li img{width: 100%;height: 100%;}
.bgff{background-color: #fff;margin-top: 75px;box-sizing: border-box;padding: 0 173px;}
.btlogo{width: 100%;height: 58px;background: url(../images/logo.png) center 0 no-repeat;margin-top: 27px;}
.btnav{width: 100%;margin-top: 30px;height: 55px;border-top: 2px solid #cbcbcb;display: flex;justify-content: space-between;line-height: 55px;}
.btnav a{line-height: 55px;color: #333;font-size: 16px;text-decoration: none;}
.btnav a:hover{color: #1D61AD;}
.btdesc{width: 100%;height: 60px;margin-top: 15px;}
.btdesc .left{width: 260px;height: 60px;float: left;}
.btdesc .center{width: 330px;height: 60px;float: left}
.btdesc .right{width: 230px;height: 60px;float: right;}
.btdesc span{display: block;width: 100%;line-height: 30px;font-size: 16px;color: #333333;}
.footer{width: 100%;height: 31px;background-color: #3C64A2;color: #fff;font-size: 12px;margin-top: 32px;text-align: center;}

.footerbt{height: 120px;overflow: hidden;background-color: #fff;}
.footerbt .footerbticon{width: 100%;height: 62px;background: url(../images/footerbticon1.jpg) center 0 no-repeat;margin-top: 13px;}
.footerbt span{display: block;line-height: 18px;text-align: center;color: #999999;font-size: 12px;}
.footerbt span i{width: 18px;height: 20px;background: url(../images/footerbticon2.jpg) 0 0 no-repeat;display: inline-block;font-size: 12px}





.page{padding-bottom: 20px;height: auto;min-height:500px;overflow: hidden;}
.page-main{min-height: 700px;}
.pagebanner{height: 540px;overflow: hidden;position: relative}
.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;}
.pagebanner6{background:url(../images/pagebanner6.jpg) center 0 no-repeat;}
.address{width: 1200px;position: absolute;left: 50%;margin-left: -600px;bottom: 0;background-color: rgba(0, 0, 0, 0.5);height: 50px;line-height: 50px;box-sizing: border-box;padding-left: 23px;font-size: 14px;color: #ffffff;}
.address a{color: #fff;text-decoration: none;}

.pagebox{height: 68px;overflow: hidden;background-color: #f2f2f2;}
.subnav{height: 46px;width: 1260px;margin-top: 11px;}
.subnav li{width: 182px;height: 46px;float: left;margin-right: 22px;}
.subnav li a{background-color: #ffffff;display: block;width: 100%;height: 100%;text-decoration: none;color: #333;line-height: 46px;text-align: center;}
.subnav li a:hover{background-color: #da131d;color: #fff;}

.pagecontent{width: 100%;height: auto;overflow: hidden;font-size: 14px;color: #666666;box-sizing: border-box;margin-top: 45px}

.page-bottom{height: 508px;background:url(../images/pagebottom.jpg) 0 center no-repeat;overflow: hidden;}

.newslist2{width: 100%;box-sizing: border-box;padding: 0 190px 0 7px;overflow: hidden;box-sizing: border-box}
.newslist2 li{width: 100%;height: 80px;margin-left: 40px;margin-top: 47px}
.newslist2 li .date{width: 80px;height: 80px;overflow: hidden;background-color: #e20613;color: #fff;float: left}
.newslist2 li .date h1{display: block;width: 100%;height: 38px;line-height: 38px;margin-top: 10px;font-size: 30px;color: #fff;text-align: center}
.newslist2 li .date span{display: block;width: 100%;height: 24px;line-height: 24px;font-size: 12px;color: #fff;text-align: center}

.newslist2 li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333;overflow: hidden}
.newslist2 li .cont{width: 900px;height: 80px;overflow: hidden;float: right;}
.newslist2 li .cont h1{display: block;width: 100%;height: 26px;line-height: 26px;margin-top: 4px;text-overflow:ellipsis;
white-space: nowrap;overflow: hidden;font-size: 16px;color: #e20613}
.newslist2 li .cont span{display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;font-size: 12px;line-height: 16px;color: #e20613;margin-top: 5px}

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


.prodlist2{width: 1230px;height: auto;overflow: hidden;margin-top: 39px}
.prodlist2 li{width:286px;height: 285px;float: left;margin-right: 18px;overflow: hidden;margin-bottom:18px;position: relative;border: 1px solid #f8f8f8}
.prodlist2 li a{text-decoration: none;color: #333;display: block;width: 100%;height:100%}
.prodlist2 li img{width: 100%;height: 232px}
.prodlist2 li span{display: block;width: 100%;height: 52px;line-height: 52px;text-align: center;color: #666666;font-size: 16px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

.prodpage{width: 1032px;min-height: 403px;background-color: #f6f6f6;border-radius: 5px;margin: 30px auto 0 auto;}
.prodpage-cont{width: 100%;height: auto;overflow: hidden;}
.prodpage .left{width: 372px;float: left;margin-left: 47px;height: 302px;margin-top: 54px}
.prodpage .left img{width: 372px;height: 302px}
.prodpage .right{width: 511px;float: right;margin-right: 47px;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: 946px;height: auto;padding-bottom: 20px;margin-left: 47px;overflow: hidden;margin-top: 30PX;}
.pageindex{text-align: center;line-height: 50px;width: 100%;overflow: hidden;}

.contact{width: 100%;height: auto;overflow: hidden;font-size: 14px;color: #666666;box-sizing: border-box;padding: 0 26px;margin-top: 45px}

.map{width: 100%;}
.contactlist{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 64px;}
.contactlist li{width: 372px;height: 208px;margin-bottom: 49px;}
.contactlist li:hover{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.contactlist li i{display: block;width: 100%;height: 51px;margin-top: 23px;margin-bottom: 27px;}
.contactlist li span{width: 100%;height: 94px;display: flex;align-items: center;justify-content: center;color: #333333;font-size: 16px;}
.contactlist li .icon1{background: url(../images/icon1.png) center center no-repeat;}
.contactlist li .icon2{background: url(../images/icon2.png) center center no-repeat;}
.contactlist li .icon3{background: url(../images/icon3.png) center center no-repeat;}
.contactlist li .icon4{background: url(../images/icon4.png) center center no-repeat;}
.contactlist li .icon5{background: url(../images/icon5.png) center center no-repeat;}
.contactlist li .icon6{background: url(../images/icon6.png) center center no-repeat;}
.pagecontent img{padding:10px;}
.link a{
    color: #fff;
}