@charset "utf-8";
.w1200{width: 1200px;margin: 0 auto;overflow: hidden; }
.w1000{width: 1000px;margin: 0 auto;overflow: hidden; }
.top{height: 154px;overflow: hidden;}
.logo{background: url(../images/logo.jpg) 0 0 no-repeat;display: block;float: left;width: 402px;height: 62px;overflow: hidden;margin-top: 39px;}
.top_right{width: 420px;float: right;height: 154px;}
.top_right .iphone{width:202px;background: url(../images/iphone2.jpg) 0 0 no-repeat;height: 50px;float: left;margin-top: 34px;}
.top_right .email{display: block;width: 173px;height: 34px;background: url(../images/email.jpg) 0 0 no-repeat;float: left;margin-right: 40px;margin-top: 50px;}
.banner{height: 750px;overflow: hidden;}
.brandd{width: 1920px;height: 100%;overflow: hidden;position: relative;margin: 0 auto}
.btnleft{display: block;position: absolute;top: 280px;left: 50%;margin-left: -892px;border-radius: 0;width:60px;height: 60px;z-index: 10;background-position: center center;background-repeat: no-repeat;background-image:url(../images/btnleft.png);opacity: 0.4}
.btnleft:hover{background-color: rgba(255,255,255,1);border-radius: 50%;opacity: 1}
.btnright{display: block;position: absolute;top: 280px;left: 50%;margin-left: 802px;width: 60px;height: 60px;border-radius: 0;z-index: 10;background-position: center center;background-repeat: no-repeat;background-image:url(../images/btnright.png);opacity: 0.4}
.btnright:hover{background-color: rgba(255,255,255,1);border-radius: 50%;opacity: 1}


.banner .pic{width: 7680px;height: 750px;overflow: hidden;position: absolute;left: 0;top: 0}
.banner li{width: 1920px;height: 750px;float: left;background-position: center 0;background-repeat: no-repeat;background-size: 1920px auto}
.pagebanner{height: 400px;background: url(../images/pagebanner1.jpg) center 0 no-repeat;}
.pagebanner2{height: 400px;background: url(../images/pagebanner2.jpg) center 0 no-repeat;}
.pagebanner3{height: 400px;background: url(../images/pagebanner3.jpg) center 0 no-repeat;}
.pagebanner4{height: 400px;background: url(../images/pagebanner4.jpg) center 0 no-repeat;}


.navbg{position: absolute;width: 1200px;margin-left: -600px;height: 74px;top: 119px;left: 50%;background: url(../images/navbg.jpg) 0 0 repeat-x;overflow: hidden;z-index: 11}
.nav{height: 74px;width: 100%;}
.nav li{float: left;width: 130px;height: 74px;line-height: 74px;}
.nav li a{text-decoration: none;color: #fff;text-align: center;display: block;font-size: 18px;}
.nav li a:hover{background: url(../images/navbgh.jpg) 0 0 repeat-x;}
.box1{height: 742px;overflow: hidden;}
.box1left{width: 617px;height: 520px;float: left;margin-top: 91px;overflow: hidden;}
.box1right{width: 660px;height: 519px;position: absolute;top: 91px;right: 0}
.box1right .title{width: 100%;height: 143px;overflow: hidden;}
.box1right .title h1{display: block;float: left;margin-left: 113px;color: #cbcbcb;font-size:45px;font-weight: bold;line-height:50px; }
.box1right .title h2{display: block;float: left;margin-left: 113px;color: #525252;font-size: 42px;font-weight: bold;line-height: 60px;}
.box1right .cont{height: 340px;width: 100%;background-color: #1f5ab7}
.box1right .cont h1{display: block;width: 612px;float: left;margin-left: 49px;font-size: 16px;color: #537ac2;margin-top: 41px;}
.box1right .cont h2{display: block;width: 612px;float: left;margin-left: 49px;font-size: 28px;color: #fff;height: 57px;line-height: 42px;background: url(../images/box1bd.jpg) 0 bottom no-repeat;}
.box1right .cont span{display: block;width: 568px;height: auto;overflow: hidden;font-size: 16px;color: #fff;margin-left: 49px;margin-top: 23px;float: left;}
.box1right .cont a{display: block;width: 74px;height: 28px;overflow: hidden;float: right;margin-right: 52px;background-color: #073f98;text-align: center;color: #fff;text-decoration: none;font-size: 12px;line-height: 28px;}
.box2{background: url(../images/box2.jpg) center 0 no-repeat;height: 288px;overflow: hidden;}
.box3{height: 792px;overflow: hidden;}
.box-title{width: 100%;height: 88px;margin-top: 94px;background: url(../images/boxtitle.png) center 18px no-repeat;}
.box-title h1{display: block;width: 100%;text-align: center;height: 44px;line-height: 44px;font-size: 36px;font-weight: bold;color: #1f5ab7}
.box-title span{display: block;width: 100%;text-align: center;height: 34px;margin-top: 10px;text-align: center;font-size: 24px;color: #525252}
.prodnav{width: 100%;height: 32px;overflow: hidden;text-align: center;margin-top: 30px;}
.prodnav a{display: inline-block;width: 150px;height: 32px;margin-left: 11px;margin-right: 11px;background-color: #dcdcdc;line-height: 32px;text-align: center;color: #3e3e3e;text-decoration: none;}
.prodnav a:hover{color: #fff;background-color: #1f5ab7}
.brand{width: 1200px;height: 455px;overflow: hidden;position: relative;margin-top: 62px;}
.prodlist{width: 5000px;height: 331px;overflow: hidden;position: absolute;left: 0;top: 0}
.prodlist li{width: 292px;height: 329px;border: 1px solid #dcdcdc;float: left;margin-right: 8px;}
.prodlist li img{height: 243px;width: 292px;}
.prodlist li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333}
.prodlist li h1{width: 100%;height: 23px;line-height: 20px;text-align: center;font-size: 16px;color: #636464;margin-top: 19px;}
.prodlist li span{display: block;text-align: center;height: 19px;line-height: 19px;margin-top: 9px;font-size: 12px}
.prodlist li:hover{box-shadow: 0 0 5px #ccc}
.prodlist li:hover h1{color: #1f5ab7}
.btn{position: absolute;top:385px;height: 35px;text-align: center;width: 100%;overflow: hidden;}
.btn li{display: inline-block;width: 35px;height: 35px;margin-left: 4px;margin-right: 5px;}
.prev{background: url(../images/prev.jpg) 0 0 no-repeat;}
.next{background: url(../images/next.jpg) 0 0 no-repeat;}

.box4{height: 699px;overflow: hidden;background: url(../images/box4.jpg) 0 center no-repeat;}
.aboutlist{width:1220px; ;height: 395px;overflow: hidden;margin-top: 57px;}
.aboutlist li{width:387px;height: 388px;float: left;border: 1px solid #eaeaea;background-color: #fff;margin-right: 17px;}
.aboutlist li:hover{box-shadow: 0 0 5px #ccc}
.aboutlist li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333}
.aboutlist li img{width: 387px;height: 279px;}
.aboutlist li h1{display: block;width: 100%;height: 29px;overflow: hidden;text-align: center;font-size: 20px;color: #6c6c6c;height: 29px;line-height: 19px;margin-top: 17px;}
.aboutlist li span{display: block;width: 100%;height: auto;line-height: 25px;text-align: center;color: #9c9c9c}
.box5{height: 243px;overflow: hidden;background:url(../images/box5.jpg) center 0 no-repeat;}
.box6{height: 740px;overflow: hidden;}
.indexbo1{width: 590px;height: 576px;overflow: hidden;margin-top: 90px;float: left;}
.index-title{width: 100%;height: 54px;overflow:hidden;background: url(../images/indextitle.jpg) 0 bottom no-repeat;}
.index-title dt{float: left;}
.index-title dt .sp1{float: left;color: #1f5ab7;font-size: 24px;overflow: hidden;line-height: 54px;}
.index-title dt .sp2{float: left;color: #858686;font-size: 16px;line-height:54px;margin-left: 9px}
.index-title dd{float: right;}
.index-title dd a{text-decoration: none;color: #858686;font-size: 15px;line-height: 54px;}
.newslist{width: 100%;height: auto;overflow: hidden;margin-top: 31px;}
.newslist li{width: 590px;height:140px;margin-bottom: 25px;overflow: hidden;background-color: #f2f4f8}
.newslist li:hover{box-shadow: 0 0 5px #ccc}
.newslist li a{text-decoration: none;color: #333}
.newslist li img{width: 172px;height: 140px;float: left;}
.newslist li h1{display: block;float: right;width: 324px;margin-right: 33px;font-size: 16px;color: #4c4c4c;margin-top: 26px;}
.newslist li span{display:block;float: right;margin-right: 33px;width: 324px;line-height: 19px;color: #949393;margin-top: 10px;}
.indexbo2{width: 550px;height: 576px;overflow: hidden;margin-top: 90px;float: right;}
.indexbox2-cont{width: 550px;height: 522px;}
.indexbox2-cont img{width: 550px;height: 336px;margin-top: 26px;}
.newslist2{width: 100%;height: auto;overflow: hidden;margin-top: 15px;}
.newslist2 li{width: 552px;height: 39px;border-bottom: 1px solid #e9ebec}
.newslist2 li a{display: block;padding-left: 23px;background: url(../images/newslistbd.jpg) 0 center no-repeat;line-height: 39px;height: 39px;text-decoration: none;color: #333}
.newslist2 li a:hover{color: #1f5ab7}
.bottom{height: 236px;overflow: hidden;background: url(../images/btbg.jpg) 0 center no-repeat;}
.bottom .left{width: 200px;height: auto;overflow: hidden;margin-top: 42px;float: left;overflow: hidden;}
.bottom .left .title{width: 100%;height: 42px;}
.bottom .left .title .sp1{font-size: 20px;color: #fff}
.bottom .left .title .sp2{color: #8b8b8b;font-size: 12px;margin-left: 5px}
.bottom .left .cont{color: #8b8b8b;font-size: 12px}
.bottom img{width: 123px;height: 123px;float: left;margin-left: 130px;margin-top: 56px;}
.btnav{width: 660px;height: 149px;overflow: hidden;margin-top: 43px;float: right;margin-right: 45px;}
.btnav li{width: 119px;height: 149px;overflow: hidden;padding-left: 44px;float: left;}
.btnav li a{display: block;text-decoration: none;color: #8b8b8b}
.btnav li .a1{color: #fff;font-size: 18px;line-height: 42px;}
.btnav li .a2{font-size: 12px;}
.footer{color: #8a8a8a;height: 39px;background-color: #474747;border-top: 2px solid #585858;text-align: center;line-height: 39px;}

.location{height: 58px;overflow: hidden;border-bottom: 1px solid #ebebeb}
.location .location-box{height: 58px;line-height: 58px;background: url(../images/location.jpg) 17px center no-repeat;text-indent: 50px;color: #acacac;}
.location .location-box a{text-decoration: none;color: #acacac;}
.location .location-box a:hover{color: #1f5ab7}
.page{min-height: 500px;overflow: hidden;padding-top: 40px;}
.pageleft{width: 208px;height: auto;overflow: hidden;float: left;}
.left-box1{width: 208px;height: auto;overflow: hidden;}
.lefttitle{width: 208px;height: 63px;overflow: hidden;background:url(../images/lefttitle.png) 163px 24px no-repeat;background-color: #1f5ab7;border-radius: 4px 4px 0 0;text-indent: 23px;line-height: 68px;overflow: hidden;color: #fff;font-size: 20px}
.lefttitle div{display: none;}
.leftnav{width: 206px;border-top: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf}
.leftnav li{width: 206px;height: 40px;border-bottom: 1px solid #dfdfdf;line-height: 40px;text-indent: 21px;background:url(../images/leftnav.jpg) 169px center no-repeat;}
.leftnav li a{text-decoration: none;color: #616161;font-size: 16px;}
.leftnav li:hover{background:url(../images/leftnavh.jpg) 169px center no-repeat;}
.leftnav li:hover a{color: #1f5ab7}
.left-box2{width: 208px;height: auto;overflow: hidden;margin-bottom: 50px}
.lefttitle2{background-color:#474747;margin-top: 34px;}
.left-box2-rx{width: 206px;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf;height: 68px;background: url(../images/iphone.jpg) 15px 25px no-repeat;border-bottom: 1px solid #dfdfdf}
.left-box2-rx h1{display: block;margin-left: 70px;margin-top: 15px;}
.left-box2-rx span{display: block;margin-left: 70px;font-size: 18px;color: #1f5ab7;font-weight: bold;}
.left-box2-ct{width: 187px;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;padding-left: 19px;}
.left-box2-ct span{display: block;font-size: 12px;color: #5f5f5f;line-height: 20px;margin-top: 5px;margin-bottom: 5px}
.pageright{width:951px;height: auto;overflow: hidden;float: right;margin-bottom: 50px;}
.right-title{width: 100%;height: 26px;line-height: 26px;margin-top: 19px;background: url(../images/righttitle.jpg) 0 bottom repeat-x;}
.right-title dt{float: left;background:#fff url(../images/righttitle2.jpg) right bottom no-repeat;padding-right: 33px;color: #3c3c3c;font-size: 24px;}
.about{margin-top: 45px;}
.about table{border-collapse: collapse;}
.about td{border: 1px solid #ccc}
.newslist1{width: 100%;height: auto;overflow: hidden;}
.newslist1 li{width:100%;height: 111px;overflow: hidden;border-bottom: 1px dashed #bababa}
.newslist1 li a{text-decoration: none;color: #202020}
.newslist1 li h1{display: block;margin-top: 23px;color: #202020;font-size: 16px;background: url(../images/newslistbd.jpg) 0 center no-repeat;text-indent: 11px;float: left;}
.newslist1 li h2{display: block;margin-top: 23px;float: right;color: #636363}
.newslist1 li span{display: block;width: 100%;overflow: hidden;line-height: 20px;color:#636363;font-size: 12px;margin-left: 11px;margin-top: 5px;float: left;}
.newslist1 li a:hover h1{color: #1f5ab7}
.pageindex{width: 100%;height: 30px;overflow: hidden;margin-top: 15px;margin-bottom: 15px;text-align: center;}
.pageindex a{display: inline-block;width: 20px;height: 20px;background: #fff;border: 1px solid #a1a1a1;line-height: 20px;color: #a1a1a1;text-decoration: none;}
.pageindex a:hover{color: #1f5ab7}

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


.prodnav2{width: 206px;border-top: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf}
.prodnav2 li{width: 206px;height: 40px;border-bottom: 1px solid #dfdfdf;line-height: 40px;text-indent: 21px;background:url(../images/leftnav.jpg) 169px center no-repeat;}
.prodnav2 li a{text-decoration: none;color: #616161;font-size: 16px}
.prodnav2 li:hover{background:url(../images/newslistbd2.jpg) 169px center no-repeat;}
.prodnav2 li:hover a{color: #c00000}

.prodlist2{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.prodlist2 li{width: 300px;height: 245px;float: left;}
.prodlist2 li a{display: block;width: 282px;height: 245px;text-decoration: none;color: #3c3c3c;margin-left: 10px;margin-right: 10px;}
.prodlist2 li div{width: 280px;height: 206px;display: table-cell;text-align: center;vertical-align: middle;border: 1px solid #ddd}
.prodlist2 li div img{max-width: 280px;max-height: 206px;display: inline;width: auto;height: auto;}
.prodlist2 li span{display: block;width: 100%;text-align: center;line-height: 30px;}

.prodpage{width: 100%;height: auto;margin-top: 40px;overflow: hidden;}
.prodpage-jj{width: 100%;height: auto;overflow: hidden;}
.prodpage-jj .imgbox{width: 100%;height: auto;margin-bottom: 15px;}
.prodpage-jj .imgbox img{max-width: 100%;height: auto;}
.prodpage-jj .right{width: 100%;height: auto;}
.prodpage-jj .right h1{display: block;width: 100%;height: 32px;line-height: 32px;color: #3c3c3c;font-size: 24px;}
.prodpage-jj .right span{display: block;width: 100%;height: auto;margin-top: 25px;font-size: 16px;color: #696969}
.prodpage-content{width: 100%;height: auto;overflow: hidden;margin-top: 20px;color: #333}