html,body{min-width:1250px;}
@font-face
{
font-family: "font1";
src: url("http://www.fjafsz.com/Templates/cn/html/font/%E5%BC%A0%E6%B5%B7%E5%B1%B1%E9%94%90%E8%B0%90%E4%BD%932.0.TTF");
}
@font-face
{
font-family: "font2";
src: url("http://www.fjafsz.com/Templates/cn/html/font/%E9%80%A0%E5%AD%97%E5%B7%A5%E6%88%BF%E4%BF%8A%E9%9B%85%E5%B8%B8%E8%A7%84%E4%BD%93.OTF");
}
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.top{height: 144px;overflow: hidden;border-top: 6px solid #2e67de}
.logo{display: block;width: 564px;height: 118px;margin-top: 12px;float: left;background: url(../image/logo.jpg) 0 0 no-repeat;margin-left: 29px}
.top .right{width: 328px;overflow: hidden;float: right;}
.topnav{width:328px;height: 32px;border-radius: 0 0 5px 5px;background-color: #2e67de;text-align: center;}
.topnav a{display:inline-block;margin-left:4px;margin-right: 4px;color: #fff;text-decoration: none;font-size: 15px;}
.iphone{width: 274px;float: right;margin-top: 26px;background: url(../image/iphone2.jpg) 0 0 no-repeat;height: 58px;}
.navbg{height: 64px;background-color: #fff;overflow: hidden;border-top: 1px solid #ebebeb}
.nav{width: 1200px;height: 64px;overflow: hidden;}
.nav li{width: 150px;float: left;line-height: 64px;text-align: center;}
.nav li a{display: inline-block;width: 150px;height:64px;color: #313131;text-decoration: none;font-size: 18px;}
.nav li a:hover{background:url(../image/navbg.jpg) center 0 no-repeat; color: #fff}
.banner{height: 622px;position: relative;overflow: hidden;}
.banner .pic{ height:622px;overflow: hidden;}
.banner .pic li{float: left;height:622px;width: 100%; position: absolute;left: 0;top: 0;z-index: 1; background-position: center 0;background-repeat: no-repeat;}
.amn6{transition: all 1s ease-out .5s}
.banner .pic li img{width: 797px;height: 213px;position: absolute;left: 50%;top: 185px;margin-left: -398px;opacity: 0;}
.banner .pic .s img{opacity: 1;}
.bannerleft{width: 74px;height: 73px;position: absolute;left: 50%;margin-left: -839px;top: 275px;background: url(../image/bannerleft.png) 0 0 no-repeat;z-index: 10}
.bannerright{width: 74px;height: 73px;position: absolute;left: 50%;margin-left: 763px;top: 275px;background: url(../image/bannerright.png) 0 0 no-repeat;z-index: 10}


.box1{height: 687px;overflow: hidden;background:url(../image/box1.jpg) center 0 no-repeat;}
.box1 .box1-cont1{width: 438px;height:584px;float: left;margin-left: 48px;margin-top: 50px;}
.box1 .box1-cont1 li{width: 146px;height: 146px;float: left;}
.box1 .box1-cont1 .li1{line-height: 146px;text-align: center;font-size: 40px;font-family:"font1";color: #afafaf}
.box1 .box1-cont1 .li2{background-color: rgba(152,151,151,0.17);}
.box1 .box1-cont1 .li3{line-height: 146px;text-align: center;font-size: 40px;font-family:"font1";color: #afafaf;background-color: rgba(152,151,151,0.17);}
.box1 .box1-cont1 .li2 span{display: block;line-height: 22px;margin-top:50px;text-align: center;font-weight: bold;}
.box1 .box1-cont1 li a{text-decoration: none;}
.box1 .box1-cont2{width: 226px;height: 440px;float: left;margin-top: 123px;background:url(../image/box1cont2.jpg) 0 0 no-repeat;}
.box1 .box1-cont2 a{display: block;width: 123px;height: 36px;background:url(../image/box1link.png) 0 0 no-repeat;margin-top: 358px;margin-left: 52px;}
.box1 .box1-cont1 .li2:hover,.box1 .box1-cont1 .li3:hover{background-color: rgba(152,151,151,0.05);}
.box2{height: 209px;overflow: hidden;background:url(../image/box2.jpg) center 0 no-repeat;}
.box3{height: 623px;background:url(../image/box3.jpg) center 0 no-repeat;}
.box-title1{width: 100%;height: 83px;margin-top: 71px}
.box-title1 h1{display: block;width: 100%;line-height:52px;text-align: center;font-size: 36px;font-weight: bold;color: #474747 }
.box-title1 span{display: block;width: 100%;line-height: 31px;text-align: center;font-size: 16px;color: #474747}
.qyyslist{width: 1260px;overflow: hidden;padding-top: 10px;margin-top: 13px;padding-bottom: 10px;padding-left: 10px;margin-left: -10px}
.qyyslist li{width: 384px;height: 367px;overflow: hidden;float: left;margin-right: 23px;background-color: #fff}
.qyyslist li img{width: 100%;height: auto;}
.qyyslist li h1{display: block;width: 100%;line-height: 34px;margin-top: 12px;font-size: 18px;color: #3f3f3f;text-align: center;}
.qyyslist li span{font-size: 14px;color: #7f7f7f;text-align: center;display: block;}
.qyyslist li:hover{box-shadow: 4px 0 21px rgba(0,0,0,0.16)}
.qyyslist li:hover h1{color: #407aee}
.box4{height: 806px;overflow: hidden;background-color: #fff}
.box-title2{height: 106px;overflow: hidden;width: 100%;margin-top: 55px;}
.box-title2 h1{display: block;width: 100%;text-align: center;line-height: 50px;color: #3c3c3c;font-size: 36px;font-weight: bold;}
.box-title2 h2{display: block;width: 100%;text-align: center;line-height: 31px;color: #a5a5a5;font-size: 22px;}
.box-title2 span{display: block;width: 100%;text-align: center;line-height: 23px;color: #454545}

.box4-cont{width: 100%;height: 550px;overflow: hidden;margin-top: 20px}
.banner2-nav{width: 229px;height: auto;overflow: hidden;float: left;}
.banner2-nav li{width: 100%;height: 109px;background-color: #737373;margin-bottom:1px;line-height: 109px;font-size: 18px;color: #fff;text-align: center;}
.banner2-nav .s{background:#2f67de url(../image/box4nav.png) 162px center no-repeat;color: #fff}
.banner2-pic{width: 750px;height: 550px;float: left;margin-left: 11px;position: relative;}
.banner2-pic li{float: left;width: 750px;height: 550px; position: absolute;left: 0;top: 0;z-index: 1; background-position: center 0;background-repeat: no-repeat;}
.banner2-pic li .text{width: 100%;height: 117px;position: absolute;bottom: 0;left: 0;background-color: rgba(0,0,0,0.5);}
.banner2-pic li .text h1{display:block;width: 700px;line-height: 37px;margin-top: 24px;color: #fff;font-size: 22px;margin-left: 38px;}
.banner2-pic li .text span{display: block;width: 700px;line-height: 16px;margin-top: 5px;font-size: 14px;color: #fff;margin-left: 38px;}


.indexbox1{width: 195px;float: right;height: auto;overflow: hidden;}
.hztitle{width: 100%;height: 75px;line-height: 75px;color: #fff;position: relative;background-color: #737373;text-indent: 40px;font-size: 16px}
.hztitle .up{position: absolute;width: 39px;height: 30px;border: 1px solid #aeaeae;left: 148px;top: 6px;background:url(../image/up.jpg) 0 0 no-repeat;}
.hztitle .down{position: absolute;width: 39px;height: 30px;border: 1px solid #aeaeae;left: 148px;top: 37px;background:url(../image/down.jpg) 0 0 no-repeat;}
.hztitle .up:hover{background:url(../image/uph.jpg) 0 0 no-repeat;}
.hztitle .down:hover{background:url(../image/downh.jpg) 0 0 no-repeat;}



.brand2{width: 198px;height: 461px;overflow: hidden;position: relative;margin-top: 14px}
.hzlist{width: 198px;height: auto;overflow: hidden;position: absolute;left: 0;top: 0}
.hzlist li{width: 198px;height: 141px;margin-bottom: 19px;}
.hzlist li img{width: 195px;height: 141px;}
.hzlist li span{display: block;width: 100%;height: 38px;text-align: center;line-height: 38px;background-color: #737373;font-size: 18px;color: #fff}

.box5{height: 680px;overflow: hidden;background:url(../image/box5.jpg) center 0 no-repeat;}
.box5 .left{width: 312px;overflow: hidden;float: left;}
.box5 .left h1{display: block;height: 81px;line-height: 40px;margin-top: 84px;font-size:28px;color: #ffffff;font-weight: bold;text-align: right;}
.box5 .left h2{display: block;height: 54px;line-height: 46px;background:url(../image/box5bd.jpg) right bottom no-repeat;text-align: right;color: #fff}
.box5 .left h3{display: block;line-height: 80px;margin-bottom: 5px;font-family: "font2";font-size: 85px;color: #e1e1e1;text-align: right;}
.box5 .left span{display: block;color: #fff;line-height: 25px;text-align: justify;}
.box5 .left a{display: block;width: 116px;height: 35px;border: 2px solid #2e67de;text-align: center;line-height: 35px;color: #739ff9;margin-left: 189px;text-decoration: none;margin-top: 30px;}
.box5 .right{width: 865px;float: right;overflow: hidden;margin-top: 85px;}
.piclist{width: 870px;overflow: hidden;height: 193px;margin-bottom: 5px;}
.piclist li{height: 193px;margin-right: 4px;overflow: hidden;float: left;}
.piclist li img{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.piclist .li1{width: 212px;}
.piclist .li2{width: 428px;}
.piclist li:hover img{transform:scale(1.06)}

.box6{height:636px;overflow: hidden;}
.indexbox2{width: 794px;height: auto;overflow: hidden;float: left;}
.index-title3{height: 57px;overflow: hidden;margin-top: 55px;background: url(../image/titlebg.jpg) 0 bottom no-repeat;width: 100%;}
.index-title3 h1{display: block;line-height: 25px;font-size: 18px;font-weight: bold;color: #474747}
.index-title3 span{display: block;line-height: 23px;color: #b9b9b9;font-size: 18px;}
.newsbox{width: 370px;height: 378px;background-color: #f1f1f1;margin-top: 28px;position: relative;float: left;}
.newsbox a{text-decoration: none;}
.newsbox .date{width: 74px;height: 87px;padding: 0 7px;background-color: #2e67de;position: absolute;top: 194px;left: 15px;}
.newsbox .date h2{display: block;height: 44px;line-height: 44px;display: block;border-bottom: 1px solid #fff;margin-top: 4px;text-align: center;color: #fff;font-size: 36px;font-weight: bold;}
.newsbox .date h3{font-size: 18px;text-align: center;color: #fff;line-height: 36px}
.newsbox h1{font-size: 16px;display: block;color: #292929;margin-left: 119px;line-height: 28px;margin-top: 11px;}
.newsbox span{display: block;margin-left: 24px;width: 330px;font-size: 12px;color: #707070;line-height: 21px;margin-top: 18px;}
.newslist{width: 391px;float: right;background: url(../image/newsbg.jpg) 5px 26px no-repeat;overflow: hidden;height: 420px;float:right;margin-top: 14px}
.newslist li{width: 100%;height:45px;overflow: hidden;}
.newslist li .bd{width: 11px;height: 44px;overflow: hidden;float: left;background: url(../image/newslistbd.jpg) 0 center no-repeat;}
.newslist li .text{width: 365px;float: right;height: 44px;border-bottom:1px dashed #b1b1b1;}
.newslist li .text a{display: block;float: left;text-decoration: none;color: #292929;line-height: 44px;}
.newslist li .text span{display: block;float: right;color: #7e7c7c;line-height: 44px;}
.newslist li:hover a{color: #2e67de}
.indexbox3{width: 326px;float: right;height: 490px;}
.wdlist{width: 100%;height: auto;overflow: hidden;margin-top: 22px}
.wdlist li{width: 100%;margin-bottom: 20px;height: auto;overflow: hidden;}
.wdlist div{width: 100%;min-height: 24px;margin-bottom: 7px;height: auto;overflow: hidden;}
.wdlist div .bd{width: 24px;height: 24px;float: left;}
.wdlist div span{width: 282px;float: right;margin-right: 4px;color: #292929;line-height: }
.wdlist div .bd1{background: url(../image/wen.jpg) 0 0 no-repeat;}
.wdlist div .bd2{background: url(../image/da.jpg) 0 0 no-repeat;}
.wdlist li:hover span{color: #2e67de}


.bottom{height: 289px;overflow: hidden;background:url(../image/bottom.jpg) center 0 no-repeat;}
.btnav{width: 543px;height: auto;overflow: hidden;margin-left: 37px;margin-top: 109px;height: 141px;float: left;}
.btnav li{width: 181px;float: left;background: url(../image/btjg.jpg) right 0 no-repeat;height: 141px}
.btnav li a{text-decoration: none;color: #fff}
.btnav li .a1{display: block;font-size: 18px;color: #fff;width: 100%;text-align: center;line-height: 35px}
.btnav li .a2{display: block;font-size: 12px;color: #8b8b8b;width: 100%;text-align: center;}
.bottom .center{width: 270px;height: 138px;overflow: hidden;float: left;margin-left: 47px;margin-top: 109px;}
.bottom .center span{display: block;width: 119px;height: 48px;background: url(../image/iphone.png) right center no-repeat;line-height: 24px;color: #cccccc;float: left;margin-top: 43px}
.bottom .center img{float: right;}
.bottom .right{width: 270px;float: right;overflow: hidden;height: 138px;margin-top: 109px;}
.bottom .right .title{width: 100%;overflow: hidden;}
.bottom .right .title h1{display: block;float: left;font-size: 20px;color: #fff}
.bottom .right .title span{display: block;float: left;font-size: 12px;color: #8b8b8b;line-height: 35px;margin-left: 5px;}
.bottom .right .sp2{color: #fff}

.footer{height: 42px;line-height: 42px;text-align: center;background-color: #000000;color: #8a8a8a}
.contact{position: absolute;bottom: 284px;width: 1200px;left: 50%;height: 97px;margin-left: -600px;z-index: 5;background-color: #fff;box-shadow: 0px 0px 5px #ccc}
.ctlist{width: 1200px;height: 97px;overflow: hidden;}
.ctlist li{width: 400px;height: 97px;overflow: hidden;float: left;}
.ctlist li .icon1{display: block;margin-left: 46px;background: url(../image/icon1.jpg) 0 center no-repeat;height: 97px;line-height: 97px;text-indent: 68px;font-size: 24px;color: #2a54ab}
.ctlist li .icon2{display: block;margin-left: 46px;background: url(../image/icon2.jpg) 0 center no-repeat;height: 97px;line-height: 97px;text-indent: 68px;font-size: 16px;color: #545454}
.ctlist li .icon3{display: block;width: 37px;height: 37px;background: url(../image/icon3.jpg) center center no-repeat;float:left;margin-left: 217px;margin-top: 27px;}
.ctlist li .icon4{display: block;width: 37px;height: 37px;background: url(../image/icon4.jpg) center center no-repeat;float: left;margin-top: 27px;margin-left: 17px;}
.ctlist li .icon5{display: block;width: 37px;height: 37px;background: url(../image/icon5.jpg) center center no-repeat;float: left;margin-top: 27px;margin-left: 17px;}
.ctlist li .icon3:hover{background: url(../image/icon3h.jpg) center center no-repeat;float:left;margin-left: 217px;margin-top: 27px;}
.ctlist li .icon4:hover{background: url(../image/icon4h.jpg) center center no-repeat;float: left;margin-top: 27px;margin-left: 17px;}
.ctlist li .icon5:hover{background: url(../image/icon5h.jpg) center center no-repeat;float: left;margin-top: 27px;margin-left: 17px;}

.prod-nav3{width: 1198px;border: 1px solid #ccc;border-radius: 5px}
.prod-nav3 div{width: 1133px;height: auto;overflow: hidden;margin-left: 36px;background: url(../image/prodbd.jpg) 0 0 repeat;}
.prod-nav3 li{width:auto;height: 78px;float: left;border-radius:5px;margin-right: 23px;}
.prod-nav3 li a{display: block;color: #6e6e6e;text-decoration: none;font-size: 18px;line-height: 78px;}
.brand{width: 994px;height: 283px;float: left;border-top:1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;background: url(../image/prodbg.jpg) 0 0 no-repeat;position: relative;}
.prodlist{position: absolute;width: 1200px;overflow: hidden;height: 283px;left: 0;top: 0}
.prodlist li{width: 228px;height: 283px;float: left;margin-left: 10px;margin-right: 10px;}
.prodlist li div{width: 228px;height: 175px;overflow: hidden;}
.prodlist li a{display: block;text-decoration: none;color: #333;}
.prodlist li img{margin-top: 23px;width: 228px;height: 175px}
.prodlist li span{display: block;height: 60px;line-height: 60px;text-align: center;color: #6e6e6e;font-size: 16px;}
.prodcont .btn{display: block;width: 56px;height: 285px;right: 0;top:0;position: absolute;background: url(../image/btn.jpg) 0 0 no-repeat;}
.location{line-height:49px;height: 49px;width: auto;text-indent: 39px;overflow: hidden;background:url(../image/address.jpg) 0 center no-repeat;font-size: 12px;color: #626262}
.location a{text-decoration: none;color: #626262}
.page{min-height: 400px;overflow: hidden;padding-bottom: 60px}
.subnav{width: 100%;height: auto;margin-top: 10px;overflow: hidden;}
.subnav li{width: 120px;height: 40px;float: left;margin-right: 10px;}
.subnav li a{color: #fff;text-decoration: none;width: 120px;height: 40px;border-radius: 20px;text-align: center;line-height: 40px;display: block;background-color:#2e67de}
.subnav li .s{background-color: #074690}
.subnav li a:hover{background-color: #074690}
.page-content{width: 1200px;height: auto;overflow: hidden;margin-top: 15px}
.prodlist2{width: 1200px;height: auto;overflow: hidden;margin-top: 35px;}
.prodlist2 li{width: 300px;float: left;overflow: hidden;height: 240px;}
.prodlist2 li a{text-decoration: none;color: #333;width: 100%;}
.prodlist2 li span{display: block;width: 100%;text-align: center;line-height: 35px}
.prodlist2 li div{width: 260px;height: 200px;text-align: center;}
.prodlist2 li img{width: 260px;height: 200px}
.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:300px;height: 280px;overflow: hidden;float: left;margin-left: 80px;}
.prod-text .left div{width:240px;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: 240px;height: 220px;}
.prod-text .left span{display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;color: #5e5e5e}
.prod-text .right{width: 500px;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: 1160px;height: auto;overflow: hidden;margin-top: 25px;margin-left: 20px;}
.newslist1 li{width: 100%;height: 84px;border-bottom: 1px dashed #cccccc;padding-top: 31px;padding-bottom: 50px;overflow: hidden;}
.newslist1 li .date{width: 87px;height: 84px;background-color: #f2f2f2;overflow: hidden;float: left;}
.newslist1 li .date b{font-size: 24px;color: #696969;display: block;width: 100%;text-align: center;margin-top: 20px;}
.newslist1 li .date span{display: block;width: 100%;height: 26px;line-height: 26px;text-align: center;color: #696969}
.newslist1 li a{display: block;float: right;margin-right: 26px;width: 1000px;text-decoration: none;color: #6e6e6e}
.newslist1 li a h1{display: block;width: 100%;height: 30px;line-height: 30px;font-size: 18px;color: #464646}
.newslist1 li a span{color: #6e6e6e}
.newslist1 li:hover .date{background-color: #0660b4}
.newslist1 li:hover .date b{color: #fff}
.newslist1 li:hover .date span{color: #fff}
.newslist1 li:hover a h1{color: #0660b4}
.newslist1 li:hover a span{color: #0660b4}

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

.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;width: 1175px}
.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;}

.prodpic1{height: 519px;background: url(../image/prodpic1.jpg) center 0 no-repeat;}
.prodpic2{height: 519px;background: url(../image/prodpic2.jpg) center 0 no-repeat;}
.prodpic3{height: 518px;background: url(../image/prodpic3.jpg) center 0 no-repeat;}
.prodlist3{width: 564px;float: left;margin-top: 80px;}
.prodlist3 li{width: 282px;height: 50px;float: left;}
.prodlist3 li a{color: #fff;line-height: 50px;font-size: 16px;}