@charset "utf-8";
.logo{display: block;width: 153px;height: 244px;position: absolute;left: 50%;margin-left: -76px;top: 0;z-index: 10;background: url(../images/logo.jpg) 0 0 no-repeat;}
.topline{height: 27px;overflow: hidden;background-color: #f5f4f4;font-size: 12px}
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.topline .fr a{text-decoration: none;color: #a6a6a6;margin: 0 3px;display: block;float: left;}
.top{height: 124px;overflow: hidden;}
.top .left{width: 400px;float: left;height: 124px;}
.top .left h1{display: block;width: 100%;line-height: 31px;font-size: 20px;color: #797979;font-weight: bold;margin-top: 33px}
.top .left span{font-size: 16px;color: #8c8c8c;display: block;}
.top .iphone{width: 178px;height: 46px;padding-left:55px;background:url(../images/iphone.jpg) 0 center no-repeat;float: right;margin-top: 38px}
.top .iphone h1{display: block;line-height: 14px;width: 100%;font-size: 13px;color: #797979}
.top .iphone span{display: block;margin-top: 7px;width: 100%;color: #1066d3;font-size: 24px;font-weight: bold;}
.navbg{height: 59px;overflow: hidden;}
.navtop{width: 100%;height: 58px;border-top: 1px solid #d9d9d9;}
.nav1{width: auto;height: 58px;float: left;}
.nav1 .li1{width:auto;height: 57px;float: left;margin-right: 34px;}
.nav1 .li1 a{display: block;line-height: 57px;text-decoration: none;color: #7c7c7c;font-size: 15px;}
.nav1 .li2{width: 3px;height: 57px;float: left;background: url(../images/navjg.jpg) 0 center no-repeat;margin-right: 34px;}
.nav1 .li1 a:hover{color: #146adc}
.nav2{width: auto;height: 58px;float: right;}
.nav2 .li1{width:auto;height: 57px;float: left;margin-left: 34px;}
.nav2 .li1 a{display: block;line-height: 57px;text-decoration: none;color: #7c7c7c;font-size: 15px;}
.nav2 .li2{width: 3px;height: 57px;float: left;background: url(../images/navjg.jpg) 0 center no-repeat;margin-left: 34px;}
.nav2 .li1 a:hover{color: #146adc}
.banner{height: 636px;overflow: hidden;background-color: #000}
.brand2 {
    height: 636px;
    left: 50%;
    margin: 0 auto 0 -960px;
    overflow: hidden;
    position: relative;
    width: 1920px;
}
.banner .pic {
    height: 636px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 11520px;
}
.banner li {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 1920px auto;
    float: left;
    height: 636px;
    width: 1920px;
}
.btnleft2{width:74px;height: 73px;position: absolute;left: 50%;margin-left: -836px;top:279px;background:url(../images/btnleft.png) 0 0 no-repeat;z-index: 10;display: none;}
.btnright2{width:74px;height: 73px;position: absolute;left: 50%;margin-left: 763px;top:279px;background:url(../images/btnright.png) 0 0 no-repeat;z-index: 10;display: none;}
.box1{height: 107px;background: url(../images/box1.jpg) center 0 no-repeat;}
.box1-cont1{height: 107px;float: left;width: 413px;overflow: hidden;}
.box1-cont1-hang1{height: 43px;overflow: hidden;width: 100%;margin-top: 17px}
.box1-cont1-hang1 h1{display: block;line-height: 43px;color: #fff;font-weight: bold;font-size: 24px;float: left;}
.box1-cont1-hang1 span{display: block;line-height: 50px;color: #fff;font-size: 16px;float: left;margin-left: 10px}
.box2-cont1-hang2{line-height: 25px;color: #ffffff}
.box1-cont2{width: 138px;height:58px;overflow: hidden;margin-top: 27px;padding-left: 49px;}
.box1-cont2 span{display: block;line-height: 29px;font-size: 20px;color: #fff}
.prodnav{width: 100%;height: 155px;overflow: hidden;border-left: 1px solid #ededed;}
.prodnav li{width: 198px;overflow: hidden;height: 76px;border-bottom:1px solid #ededed;float: left;border-right:1px solid #ededed;}
.prodnav li a{display: block;width: 100%;height: 76px;line-height: 76px;text-decoration: none;color: #6c6c6c;font-size: 16px;text-align: center;}
.prodnav li a:hover{background: url(../images/prodnav.jpg) center bottom no-repeat;color: #146adc}
.box2{height: 967px;overflow: hidden;}
.prodlist{width: 1220px;height: auto;overflow: hidden;margin-top: 82px;}
.prodlist li{width: 390px;height: 287px;float: left;margin-right:15px;margin-bottom: 15px }
.box3{height: 620px;overflow: hidden;background: url(../images/box3.jpg) center 0 no-repeat;}
.box4{height: 626px;overflow: hidden;background: url(../images/box4.jpg) center 0 no-repeat;}
.box4-cont{width: 662px;float: right;height: auto;overflow: hidden;margin-top:132px;}
.box4-cont h1{display: block;width: 100%;margin-left: 76px;font-family: "宋体";font-weight: bold;font-size: 36px;color: #fff;line-height: 48px}
.box4-cont span{display: block;width: 100%;margin-top: 59px;color: #ffffff;line-height: 24px;letter-spacing:1px;}
.box4list{width: 100%;height: auto;overflow: hidden;margin-top: 46px;}
.box4list img{margin-right: 26px;float: left;}
.box5{height: 769px;overflow: hidden;}
.box5 .left{width: 549px;float: left;height: auto;overflow: hidden;}
.box5-title{width: 100%;height: 71px;overflow: hidden;margin-top: 83px;background: url(../images/box5-title.jpg) 0 bottom no-repeat;}
.box5-title dt{float: left;height: 71px;}
.box5-title dt h1{display: block;line-height: 36px;font-size: 24px;color: #3f3f3f;}
.box5-title dt span{display: block;line-height: 22px;overflow: hidden;}
.box5-title dd{float: right;}
.box5-title dd a{display: block;text-decoration: none;line-height: 45px}
.newslist1{width: 100%;height: auto;overflow: hidden;margin-top: 34px;}
.newslist1 li{width: 50%;height: 96px;overflow: hidden;margin-bottom:21px;float: left;}
.newslist1 li a{text-decoration: none;color: #333}
.newslist1 li img{width: 144px;height: 96px;float: left;}
.newslist1 li h1{display: block;width: 318px;line-height: 23px;margin-top: 11px;float: right;margin-right: 62px;color: #757575;font-size: 16px}
.newslist1 li span{display: block;width: 318px;line-height: 24px;margin-top: 6px;float: right;margin-right: 62px;color: #b0b0b0}
.newslist1 li:hover{background-color: #146adc}
.newslist1 li:hover h1,.newslist1 li:hover span{color: #fff}
.box5 .right{float: right;width: 605px}
.first{width: 604px;height: 156px;margin-top: 34px;overflow: hidden;}
.first img{width: 230px;height: 156px;float: left;}
.first a{text-decoration: none;color: #333;display: block;width: 352px;height: auto;overflow: hidden;float: right;}
.first h1{display: block;width: 100%;font-size: 16px;color: #757575}
.first span{display: block;width: 100%;margin-top: 10px;line-height: 24px;color: #b0b0b0}
.first .link{display: block;width: 100px;height: 33px;background-color: #146adc;color: #fff;line-height: 33px;margin-top: 14px;text-align: center;}
.newslist2{width: 100%;height: auto;margin-top: 15px}
.newslist2 li{width: 100%;height: 53px;line-height: 53px;border-bottom: 1px solid #ccc}
.newslist2 li a{display: block;float: left;color: #757575;font-size: 16px;text-decoration: none;text-indent: 25px;background: url(../images/newslistbd.jpg) 4px center no-repeat;}
.newslist2 li span{float: right;color: #757575}
.newslist2 li:hover{color: #146adc}

.bottom{height: 295px;overflow: hidden;background: url(../images/bottom.jpg) center 0 no-repeat;}
.btcont1{width: 246px;float: left;margin-top: 46px;}
.bttitle{line-height: 44px;overflow: hidden;background: url(../images/btnavbg.jpg) 0 bottom no-repeat;}
.bttitle .icon1{padding-left: 22px;background: url(../images/bticon1.png) 0 center no-repeat;color: #fff;font-size: 16px;font-weight: bold;}
.btnav1{width: 246px;height: auto;overflow: hidden;margin-top: 8px;}
.btnav1 li{width: 123px;height: 29px;overflow: hidden;line-height: 29px;float: left;color: #fff}
.btnav1 li a{display: block;color: #727272;font-size: 12px;text-decoration: none;}
.btcont2{width: 204px;float: left;margin-top: 46px;margin-left: 17px}
.bttitle .icon2{padding-left: 22px;background: url(../images/bticon2.png) 0 center no-repeat;color: #fff;font-size: 16px;font-weight: bold;}
.btnav2{width: 204px;height: auto;overflow: hidden;margin-top: 8px;}
.btnav2 li{width: 102px;height: 29px;overflow: hidden;line-height: 29px;float: left;color: #fff}
.btnav2 li a{display: block;color: #727272;font-size: 12px;text-decoration: none;}
.btcon3{width: 203px;height:295px;float: left;margin-left: 22px;background: url(../images/btlogo.jpg) 0 0 no-repeat;}
.btcon3 a{display: block;width: 37px;height: 37px;margin-top: 225px;float: left;}
.btcon3 .bticon5{background: url(../images/bticon5.png) 0 0 no-repeat;margin-left: 33px}
.btcon3 .bticon6{background: url(../images/bticon6.png) 0 0 no-repeat;margin-left: 15px}
.btcon3 .bticon7{background: url(../images/bticon7.png) 0 0 no-repeat;margin-left: 15px}
.btcont4{width: 260px;float: left;margin-top: 46px;margin-left: 30px}
.bttitle .icon3{padding-left: 22px;background: url(../images/bticon3.png) 0 center no-repeat;color: #fff;font-size: 16px;font-weight: bold;}
.btcont4 .btcont4-cont{color: #727272;margin-top: 10px;}
.btcont5{width: 210px;overflow: hidden;float: right;margin-top: 46px}
.btcont5 .icon4{padding-left: 22px;background: url(../images/bticon4.png) 0 center no-repeat;color: #fff;font-size: 16px;font-weight: bold;}
.btcont5 img{margin-top: 13px}
.btcont5 .erweima{width: 100px;height: auto;overflow: hidden;float: left;margin-top: 15px;}
.btcont5 .erweima span{display: block;width: 100%;height: 20px;line-height: 20px;color: #fff;text-align: center;}
.footer{text-align: center;height: 49px;line-height: 49px;color: #6a6a6a;background-color: #252525;text-align: center;}



.subnavbg{height: auto;min-height: 59px;border-top: 1px solid #e4e4e4;box-shadow: 0 5px 5px #ccc}
.subnav{width: 100%;height: auto;overflow: hidden;}
.subnav li{width: 180px;height: 59px;float: left;}
.subnav li a{display: block;text-align: center;line-height: 57px;text-decoration: none;color: #545454;width: 100%;height: 57px;border-bottom: 2px solid #fff;font-weight: bold;font-size: 16px}
.subnav li a:hover{color:#2c53d4;border-bottom: 2px solid #2c53d4}

.locationbg{height: 70px;overflow: hidden;}
.location{line-height: 70px;height: 70px;width: auto;text-indent: 39px;overflow: hidden;background:url(../images/address.jpg) 0 center no-repeat;font-size: 12px;color: #626262}
.location a{text-decoration: none;color: #626262}


.page{min-height: 600px;overflow: hidden;}
.about-title{height: 138px;border-bottom: 1px solid #eeeeee;overflow: hidden;}
.about-title h1{display: block;width: 100%;height: 28px;line-height: 28px;margin-top: 40px;text-align: center;font-size: 28px;color: #000}
.about-title h2{text-align: center;font-size: 14px;color:#d2d2d2;margin-top: 10px;line-height: 20px;}
.page-content{min-height: 400px;padding-top: 20px;padding-bottom: 20px;overflow: hidden;width: 100%}


.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:#666666;}

.product{width: 900px;height: auto;overflow:hidden;margin:29px auto 0 auto;}
.product h1{width: 100%;text-align: center;height: 60px;line-height: 60px;font-size: 20px;}
.prod-text{width: 100%;height: 230px;margin-bottom: 24px;overflow: hidden;}
.prod-text .left{width:405px;height: 280px;overflow: hidden;float: left;margin-left: 80px;}
.prod-text .left div{width:388px;height: 220px;padding: 4px;border:1px solid #e5e5e5;background-color: #fff;display: table-cell;text-align: center;vertical-align:middle;}
.prod-text .left div img{width: 388px;height:215px;}
.prod-text .left span{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;color: #5e5e5e}
.prod-text .right{width: 400px;height: 360px;float: right;color: #5e5e5e}
.prod-text .right a{display:inline-block;width: 88px;height: 30px;background-color: #b92825;text-decoration: none;color: #fff;text-align: center;line-height: 30px;}
.prod-cont{width:750px;height: auto;overflow: hidden;margin: 0 auto}
.prod-cont-title{width: 100%;height: 39px;line-height: 39px;border-bottom: 1px solid #e5e5e5;color: #666666;font-size: 16px;}
.prod-cont-text{width: 100%;height: auto;margin-top: 10px;color: #666666}



.newslist{width:1250px;overflow: hidden;height: auto;margin-top: 62px;padding-bottom: 20px;}
.newslist li{width: 371px;height: 351px;margin-right: 40px;float: left;border: 1px solid #ccc;margin-bottom: 30px}
.newslist li img{width: 320px;height: 180px;}
.newslist li div{width: 320px;height: auto;overflow: hidden;margin-left: 26px;}
.newslist li a{text-decoration: none;color: #333}
.newslist li h1{display: block;width: 100%;margin-top: 21px;margin-bottom: 12px;height: 26px;font-size: 18px;}
.newslist li .sp1{display: block;width: 100%;color: #2c53d4;font-size: 15px;line-height: 35px;}
.newslist li .sp2{display: block;width: 100%;color: #acacac;font-size: 14px;line-height: 18px;}
.newslist li:hover{box-shadow: 3px 3px 5px #ccc}
.newslist li:hover h1{color: #2c53d4}

.prodlist1{width: 1230px;height: auto;overflow: hidden;}
.prodlist1 li{width: 281px;height: 260px;border-bottom: 1px solid #d4d4d4;float: left;margin-right: 24px;margin-bottom:33px;overflow: hidden;}
.prodlist1 li a{text-decoration: none;color: #333;overflow: hidden;}
.prodlist1 li .picbox{width: 281px;height: 215px;overflow: hidden;}
.prodlist1 li .picbox img{width: 281px;height: 215px;}
.prodlist1 li .cont{width: 281px;height: 45px;background:url(../images/more.png) 250px center no-repeat;overflow: hidden;}
.prodlist1 li .cont h1{display: block;height: 23px;font-size: 16px;color: #404040;text-indent: 13px;line-height: 45px}
.prodlist1 li .cont span{display: block;height: 18px;line-height: 18px;color: #929292;font-size: 12px;text-indent: 13px}
.prodlist1 li:hover{background-color: #fff}
.prodlist1 li:hover h1{color: #2c53d4;}
.pageindex{display: block;width: 100%;line-height: 50px;overflow:hidden;text-align: center;}