@charset "utf-8";
.w1200{width: 1200px;overflow: hidden;margin: 0 auto}
.top{height:130px;overflow: hidden;}
.logo{width: 504px;height: 90px;float: left;margin-left: 17px;margin-top: 16px;background: url(../images/logo.png) 0 0 no-repeat;}
.top .right{width: 250px;float: right;height: 130px;overflow: hidden;}
.top .right .top-right-hang1{width: 250px;overflow: hidden;height: 26px;}
.top .right .top-right-hang1 a,.top .right .top-right-hang1 span{display: inline-block;float: right;margin-left: 6px;margin-right: 6px;color: #a5a4a4;text-decoration: none;}
.top .right .iphone{width: 185px;float: right;height: 54px;padding-left: 53px;background:url(../images/iphone.png) 0 12px no-repeat;}
.top .right .iphone h1{display: block;line-height: 24px;color: #848484;font-size: 14px}
.top .right .iphone span{display: block;line-height: 30px;font-size: 26px;color: #ca2a21}
.navbg{height: 43px;background-color: #47484d;overflow: hidden;}
.nav{width: 1200px;height: 43px;overflow: hidden;}
.nav li{width:140px;height: 43px;line-height: 43px;float: left;margin-right: 30px;text-align: center;}
.nav li a{line-height: 43px;display: block;width: 140px;height: 43px;color: #fff;text-decoration: none;font-size: 16px;}
.nav li a:hover{background-color: #ca2a21}
.banner {
    height: 688px;
    overflow: hidden;
    
}
.brand {
    height: 688px;
    left: 50%;
    margin: 0 auto 0 -960px;
    overflow: hidden;
    position: relative;
    width: 1920px;
}
.banner .pic {
    height: 688px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 7680px;
}
.banner li {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 1920px auto;
    float: left;
    height: 688px;
    width: 1920px;
}

.bannerprev{width:50px;height: 50px;position: absolute;left: 50%;margin-left: -828px;top:320px;background: url(../images/bannerprev.png) 0 0 no-repeat;z-index: 10;display: none;background-color: rgba(255,255,255,0.2);background-size: 50px 50px}
.bannerprev:hover{background-color: #83120c}
.bannernext{width:50px;height: 50px;position: absolute;left: 50%;margin-left: 807px;top:320px;background: url(../images/bannerright.png) 0 0 no-repeat;z-index: 10;display: none;background-color: rgba(255,255,255,0.2);background-size: 50px 50px}
.bannernext:hover{background-color: #83120c}

.search{height: 68px;overflow: hidden;box-shadow: 0 0 4px rgba(0,0,0,0.35);line-height: 68px;}
.search .font{font-weight: bold;margin-right: 20px;}
.box1{height: 838px;overflow: hidden;background:url(../images/box1bg.jpg) center bottom no-repeat;}
.box1-title{width: 100%;height: 107px;overflow: hidden;background:url(../images/box1-title.jpg) center 0 no-repeat;margin-top: 102px;opacity: 0}
.box1-title h1{display: block;width: 100%;height: 48px;margin-top: 20px;text-align: center;color: #2a2a2a;font-size: 36px;line-height: 48px;}
.box1-title span{display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;color: #949494;font-size: 16px}
.prod-nav{width: 100%;height: 56px;overflow: hidden;margin-top: 46px;text-align: center;}
.prod-nav li{display: inline-block;width: 220px;height: 55px;margin-left: 8px;margin-right:8px;background:url(../images/prodnavbg.jpg) 0 0 no-repeat;opacity: 0}
.prod-nav li a{display: block;width: 100%;height: 55px;text-indent: 67px;text-align: left;text-decoration: none;line-height: 55px;font-size: 18px;color: #656565}
.prod-nav li:hover{background:url(../images/prodnavbgh.jpg) 0 0 no-repeat;}
.prod-nav li a:hover{color: #fff}
.prodicon1{background: url(../images/prodicon1.png) 33px center no-repeat;}
.prodicon2{background: url(../images/prodicon2.png) 33px center no-repeat;}
.prodicon3{background: url(../images/prodicon3.png) 33px center no-repeat;}
.prodicon4{background: url(../images/prodicon4.png) 33px center no-repeat;}
.prodicon5{background: url(../images/prodicon5.png) 33px center no-repeat;}

.prod-nav li:hover .prodicon1{background: url(../images/prodicon1h.png) 33px center no-repeat;}
.prod-nav li:hover .prodicon2{background: url(../images/prodicon2h.png) 33px center no-repeat;}
.prod-nav li:hover .prodicon3{background: url(../images/prodicon3h.png) 33px center no-repeat;}
.prod-nav li:hover .prodicon4{background: url(../images/prodicon4h.png) 33px center no-repeat;}
.prod-nav li:hover .prodicon5{background: url(../images/prodicon5h.png) 33px center no-repeat;}

.box2{height: 680px;overflow: hidden;background:url(../images/box2bg.jpg) center 0 no-repeat;}
.box2-title{width: 100%;height: 100px;margin-top:109px;background:url(../images/box2-title.png) center 0 no-repeat;overflow: hidden;opacity: 0}
.box2-title h1{display: block;font-size: 53px;color: #fff;font-weight: bold;text-align: center;margin-top: 55px}
.box2-cont{width: 100%;height: 425px;overflow: hidden;background:#fff url(../images/box2-cont.jpg) center bottom no-repeat;margin-top:100px;opacity: 0}
.box2-cont .left{width: 601px;float: left;height: 405px;background:url(../images/box2-pic.jpg) 0 0 no-repeat;}
.box2-cont .right{width: 517px;height: 405px;float: right;margin-right: 30px;}
.box2-cont .right h1{display: block;width: 100%;height: 33px;margin-top: 50px;line-height: 33px;font-size: 24px;}
.box2-cont .right h2{display: block;width: 100%;line-height: 26px;font-size: 14px}
.box2-cont .right span{display: block;width:100%;color: #797979;line-height: 20px;}
.box2-cont .right a{background:url(../images/box2-link.jpg);display: block;width: 110px;height: 35px;margin-top: 54px}
.box3{height: 340px;border-bottom: 1px solid #dcdcdc}
.box3-title{width: 100%;height: 54px;overflow:hidden;margin-top: 24px;}
.box3-title h1{display: block;height: 34px;line-height: 34px;font-size: 24px;color: #020202;text-align: center;}
.box3-title span{display: block;height: 20px;line-height: 20px;text-align: center;font-size: 13px;color: #707070}
.box3list{width: 1230px;height:166px;overflow: hidden;margin-top: 84px;opacity: 0}
.box3list li{width: 280px;margin-right: 26px;float: left;height: 166px;}
.box3list img{transition: all .3s;}
.box3list img:hover{box-shadow: 0 0 3px 2px rgba(0,0,0,0.4)}
.box3list li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333}
.box3list li h1{display: block;width: 100%;text-align: center;color: #353535;font-size: 13px;margin-top: 5px}
.box3list li span{display: block;width: 100%;text-align: center;color: #8b8b8b;font-size: 12px;line-height: 20px}
.box4{height: 319px;overflow: hidden;}
.box4 .left{width: 816px;height:319px;overflow:hidden;float: left;}
.box4-nav{width: 100%;height:29px;overflow: hidden;margin-top: 55px; }
.box4-nav li{width: 99px;height: 29px;float:left;margin-right: 22px;}
.box4-nav li a{display: block;width: 99px;height: 29px;border-radius: 15px;background-color: #fff;text-decoration: none;color: #2f2f2f;text-align: center;}
.box4-nav li a:hover{background-color: #f1433c;color: #fff;line-height: 29px}
.box4-nav li .s{background-color: #f1433c;color: #fff;line-height: 29px}
.box4list{width: 100%;height: 160px;overflow: hidden;margin-top: 33px;display: none;}
.box4list li{width: 310px;height: 160px;float: left;margin-right: 95px;float: left;}
.box4list li a{text-decoration: none;color: #333;display: block;}
.box4list li h2{display: block;width: 100%;color: #919191;line-height: 20px}
.box4list li h1{display: block;width: 100%;font-size: 16px;color: #2a2a2a}
.box4list li span{display: block;width: 100%;font-size: 14px;line-height:17px;margin-top: 7px;color: #919191}
.box4 .right{width: 374px;height: 319px;overflow: hidden;float: right;}
.box4 .right a{background:url(../images/box4-link.jpg) 0 0 no-repeat;display: block;width: 374px;height: 192px;margin-top: 80px;}
.box5{height: 60px;background-color: #343539;overflow: hidden;}
.box5 span{float: left;line-height: 60px;color: #fff}
.box5 .friendlink{float: left;margin-left: 40px;height: 60px;width: auto;}
.box5 .friendlink a{display: block;float: left;margin-right: 15px;line-height: 60px;color: #fff;text-decoration: none;}
.bottom{height:313px;background:url(../images/btbg.jpg) center 0 no-repeat;overflow: hidden;}
.bottom .btmain{width: 100%;height:275px;overflow: hidden;}
.bottom .btmain .left{width: 301px;height: 275px;float: left;overflow: hidden;}
.bottom .btmain .bt-ttile{width: 100%;height: 43px;background: url(../images/btjg.jpg) 0 bottom no-repeat;margin-top: 41px;color: #fff}
.bottom .btmain .left .bt-nav{width: 100%;height: auto;overflow: hidden;}
.bottom .btmain .left .bt-nav div{width: 150px;height: auto;float: left;margin-top: 5px}
.bottom .btmain .left .bt-nav div a{display: block;width: 100%;height: 30px;line-height: 30px;text-decoration: none;color: #fff}
.bottom .btmain .center{width: 301px;height: 275px;float: left;overflow: hidden;margin-left: 132px;}
.bottom .btmain .center .bt-cont{width: 100%;height: auto;overflow: hidden;}
.bottom .btmain .center .bt-cont h1{display: block;font-size: 12px;color: #fff;margin-top: 6px;line-height:20px }
.bottom .btmain .center .bt-cont span{color: #fff;font-size: 12px;}
.bottom .btmain .right{width: 144px;height: auto;float: right;margin-right: 68px;}
.bottom .btmain .right img{margin-top: 91px;margin-left: 11px;}
.bottom .btmain .right span{display: block;text-align: center;color:#fff;font-size: 12px}
.footer{height: 37px;border-top: 1px solid #424242;text-align: center;color: #717171;font-size: 12px;line-height: 37px;
}
.prodlist{width: 100%;height:404px;overflow: hidden;position: relative;margin-top:90px;opacity: 0}
.prodlist li{width: 100%;height: 404px;position: absolute;left: 0;top: 0;z-index: 1}
.prodlist li img{width: 600px;height: 404px;float: left;}
.prodlist li .cont{width: 414px;float: right;margin-right: 134px;height: 404px;overflow: hidden;}
.prodlist li .cont .title{width: 100%;height: 61px;margin-top: 73px;background:url(../images/prodtitlebg.jpg) 0 0 no-repeat;}
.prodlist li .cont .title h1{display: block;text-indent: 18px;height: 34px;line-height: 34px;color: #474747;font-size: 32px;}
.prodlist li .cont .title h2{display: block;text-indent: 23px;color: #b9b9b9;font-size: 16px}
.prodlist li .cont span{display: block;margin-top: 30px;line-height: 30px;font-size: 18px;color: #a8a8a8}
.prodlist li .cont a{display: block;margin-top: 8px;color: #ca2a21;text-decoration: none;}
.btnprev{display: block;width: 21px;height: 29px;position: absolute;margin-left: 204px;top: 327px;background:url(../images/btnprev.png) 0 0 no-repeat;left: 50%;z-index: 5}
.btnnext{display: block;width: 21px;height: 29px;position: absolute;margin-left: 322px;top: 327px;background:url(../images/btnnext.png) 0 0 no-repeat;left: 50%;z-index: 5}
.btnprev:hover{background:url(../images/btnprevh.png) 0 0 no-repeat;}
.btnnext:hover{background:url(../images/btnnexth.png) 0 0 no-repeat;}



.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: 212px;height: 59px;float: left;background:url(../images/subnav.jpg) right center no-repeat;}
.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: #ca2a21;border-bottom: 2px solid #ca2a21}

.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%}
.page-content table{border-collapse: collapse;}

.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: 290px;margin-bottom: 24px;overflow: hidden;}
.prod-text .left{width:380px;height: 280px;overflow: hidden;float: left;margin-left: 80px;}
.prod-text .left div{width:366px;height: 252px;padding: 4px;border:1px solid #e5e5e5;background-color: #fff;display: table-cell;text-align: center;vertical-align:middle;}
.prod-text .left div img{width: 366px;height: 252px;}
.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}



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


.indexbox4{width: 1260px;overflow: hidden;height: auto;margin-top: 30px;}
.indexbox4 li{width: 360px;float: left;margin-right: 45px;height: 340px;overflow: hidden;background-color: #fff;margin-bottom: 37px;margin-left: 10px;margin-top: 2px}
.indexbox4 li a{text-decoration: none;color: #333}
.indexbox4 li .picbox{width: 360px;height: 252px;overflow: hidden;position: relative;}
.indexbox4 li .picbox img{width:365px;height: 252px;}
.indexbox4 li:hover{box-shadow: 1px 1px 5px #ccc}
.indexbox4 li:hover .picont h1{color: #ca2a21}
.indexbox4 li .picont{display: block;width: 100%;height: 100px;overflow: hidden;text-align: center;}
.indexbox4 li .picont h1{display: block;width: 100%;font-size: 20px;color: #4c4c4c;margin-top: 25px;}
.indexbox4 li .picont span{display: inline-block;margin-top: 5px}

.pageindex{width: 100%;height: 50px;text-align: center;line-height: 50px;}
table, td, tr, th{
    border: 1px solid #000;
}