.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.top{height: 80px;background-color: #fff;}
.logo{display:block;width: 395px;height: 51px;float: left;margin-top: 15px;}
.navbox{height: 49px;overflow: hidden;background-color: #282d30}
.nav{width: auto;height: 49px;overflow: hidden;float: right;}
.nav li{float: left;width: 120px;height: 49px;}
.nav li a{display: block;line-height:49px;color: #fff;text-decoration:none;text-align: center;}
.nav li a:hover{background-color: #0068b7}
.iphone{width: 200px;height: 50px;padding-left: 47px;background: url(../image/iphone.jpg) 0 0 no-repeat;float: right;margin-top: 16px;}
.iphone .sp1{display: block;width: 100%;height: 14px;line-height: 14px;font-size: 14px;color: #282d30;font-weight:bold;margin-top: 3px;}
.iphone .sp2{font-size: 20px;color: #df960b;line-height: 20px;display: block;margin-top: 4px;}
.banner{height:502px;position: relative;overflow: hidden;background-color: #e0e1e2}
.banner .pic{ height:502px;overflow: hidden;}
.banner .pic li{float: left;height:502px;width: 100%; position: absolute;left: 0;z-index:1; background-position: center 0;background-repeat: no-repeat;}
.banner .btn{width:120px;height: 5px;position: absolute;left:50%;bottom: 33px;z-index: 5;margin-left: -600px} 
.banner .btn li{width:50px;height: 5px;float: left;overflow: hidden;margin-right:9px;background:#003567;}
.banner .btn .s{background:#fff}
.box1{height: 653px;background:#f7f7f7 url(../image/box1bg.jpg) center 0 no-repeat;}
.index-title{width: 100%;overflow: hidden;height: 104px;margin-top: 40px;}
.index-title h2{display: block;width: 100%;font-size: 25px;color: #d3d3d3;text-align: center;height: 31px;line-height: 31px;}
.index-title h1{display: block;width: 100%;font-size: 25px;color: #666666;text-align: center;height: 30px;line-height: 30px;background:url(../image/titlebg.png) center 0 no-repeat;margin-top: 10px}
.index-title span{display: block;width: 100%;font-size: 12px;color: #666666;text-align: center;margin-top: 10px}
.indexbox1{width: 600px;height: auto;overflow: hidden;float: left;margin-left: 67px;margin-top: 60px}
.indexbox1 h1{display: block;font-size: 20px;color: #003567;font-weight: bold;float: left;border-bottom: 7px solid #003567;height: 60px;line-height: 60px;}
.indexbox1 .cont{float:left;font-size: 12px;color: #666666;line-height: 24px;margin-top: 18px;display: block;width: 100%;overflow: hidden;}
.indexbox1 .link{width: 100%;height: 55px;margin-top: 40px;overflow: hidden;float: left;}
.indexbox1 .link a{text-decoration: none;display: block;width:98px;height: 33px;float: left;margin-right: 40px;text-align: center;border: 1px solid #0c0c0c;line-height: 33px;text-align: center;color: #282d30;border-radius: 5px}
.box2{height: 699px;padding-top: 60px;background:url(../image/box2bg.jpg) 0 0 repeat;}
.index-title2 h1{background:url(../image/titlebg2.png) center 0 no-repeat;color: #fff}
.index-title2 span{color: #666666}
.brand{width: 1200px;height: 370px;overflow: hidden;position: relative;margin-top: 40px;}
.index-prodlist{width: 2000px;height: 370px;overflow: hidden;position: absolute;left: 0;top: 0}
.index-prodlist li{width: 275px;height: 370px;background-color: #fff;float: left;margin-right: 35px;background-color: #ecf0f1;overflow: hidden;}
.index-prodlist li a{display: block;width: 275px;height: 330px;text-decoration: none;color:#333}
.index-prodlist li div{width: 275px;height: 330px;background:url(../image/prodlistbg.jpg) 0 0 no-repeat;vertical-align: middle;text-align: center;display: table-cell;}
.index-prodlist li img{max-width: 275px;max-height: 330px;height: auto;width: auto;}
.index-prodlist li span{display: block;width: 100%;height: 40px;line-height: 40px;overflow: hidden;text-align: center;}
.box2-link{width: 100%;height: 43px;overflow: hidden;margin-top: 75px;}
.box2-link a{display:block;width: 100px;height: 35px;margin: 0 auto;text-align: center;line-height: 35px;text-decoration:none;color: #fff;background-color: #003567;border-radius: 5px}
.box3{height: 680px;overflow: hidden;background:url(../image/box3bg.jpg) center 0 no-repeat;padding-top: 20px;}

.index-newslist{width: 892px;height:468px;float: left;overflow: hidden;margin-top: 20px;}
.index-newslist li{width: 100%;height:81px;border-bottom: 1px solid #dcdcdc;overflow: hidden;padding-top: 22px;padding-bottom: 13px;}
.index-newslist li .data{width:79px;height: 80px;float: left;background-color: #003567;}
.index-newslist li .data .sp1{display: block;width: 100%;height:47px;line-height: 47px;text-align: center;color: #fff;font-size: 25px;}
.index-newslist li .data .sp2{display: block;width: 100%;height:21px;line-height: 21px;text-align: center;color: #fff;font-size: 12px}
.index-newslist li a{text-decoration: none;color: #5e5e5e;display: block;width: 774px;height: 80px;float: right;}
.index-newslist li h1{display: block;width: 100%;font-size: 16px}
.index-newslist li .sp3{display: block;width: 100;font-size: 12px;line-height: 20px;margin-top: 10px}
.box3-link{width: 284px;height: 426px;overflow: hidden;padding: 6px;background:url(../image/box3pic.jpg) 6px 6px no-repeat;border: 1px solid #fff;float: right;margin-top: 33px;position: relative;}
.box3-link a{display: block;width: 120px;height: 53px;background-color: #003567;text-align: center;line-height: 53px;color: #fff;text-decoration: none;position: absolute;top: 310px;left: 5px;}
.box5{height: 532px;overflow: hidden;}
.yslist{width: 100%;height: 320px;overflow: hidden;margin-top: 42px;}
.yslist li{width: 240px;overflow: hidden;height: 320px;overflow: hidden;float: left;}
.yslist li div{height: 78px;overflow: hidden;width: 100%;}
.yslist li h1{display: block;height: 59px;line-height: 54px;width: 100%;text-align: center;color: #333333;font-size: 20px;font-weight: bold;background: url(../image/box5bd.jpg) center bottom no-repeat;}
.yslist li span{display: block;width: 128px;overflow: hidden;color: #666666;line-height: 20px;margin: 0 auto;margin-top: 25px;}
.yslist .yslist-icon1{background:url(../image/boxicon1.jpg) center 0 no-repeat;}
.yslist .yslist-icon2{background:url(../image/boxicon2.jpg) center 0 no-repeat;}
.yslist .yslist-icon3{background:url(../image/boxicon3.jpg) center 0 no-repeat;}
.yslist .yslist-icon4{background:url(../image/boxicon4.jpg) center 0 no-repeat;}
.yslist .yslist-icon5{background:url(../image/boxicon5.jpg) center 0 no-repeat;}
.footer1{height: 220px;overflow: hidden;background-color: #202020;}
.footer1 .left{float: left;width: 600px;margin-top: 20px;}
.footer1 .left h1{display: block;font-size: 16px;color: #006ebd;}
.footer1 .left h1 div{color: #5e5e5e;font-size: 16px;display: inline;}
.footer1 .left span{display: block;font-size: 12px;line-height: 20px;margin-top: 8px;color: #fff}
.footer1 .right{float: right;width:600px;margin-top: 20px;}
.footer1 .right h1{display: block;font-size: 16px;color: #006ebd;}
.footer1 .right h1 div{color: #5e5e5e;font-size: 16px;display: inline;}
.btnav{width:570px;height: 26px;margin-top:33px; }
.btnav li{width:auto;height: 26px;overflow: hidden;float: left;margin-right: 36px;}
.btnav li a{display:block;text-decoration: none;color: #383838}
.erweima{width: 260px;overflow: hidden;margin-top: 25px;}
.erweima img{width: 117px;height: 117px;float: left;}
.erweima div{float: right;width: 114px;height: 117px;}
.erweima div h1{font-size: 25px;color: #fff !important;margin-top: 23px;}
.erweima div span{display: block;width: 100%;height: 26px;color: #fff}
.footer2{height: 45px;overflow: hidden;background-color: #282d30;line-height: 45px;color: #fff}



/*关于我们*/
.page{min-height: 500px;overflow: hidden;background-color: #fbfbfb;margin-top:25px;}
.page-left{width: 270px;float: left;background-color: #282d30;padding-bottom: 20px;margin-bottom:20px;}
.left-title{width: 100%;height: 53px;line-height: 53px;text-align: center;background:url(../image/lefttitle.jpg) center center no-repeat;font-size: 20px;color: #fff;margin-top: 12px;}
.left-nav{width: 154px;height: auto;padding: 12px 38px;background-color: #fff;margin-left: 20px;margin-bottom: 20px;}
.left-nav li{width: 154px;height: 54px;border-bottom: 1px solid #dcdcdc}
.left-nav li a{display: block;width:100%;height: 100%;text-indent: 34px;line-height: 54px;text-decoration: none;color: #5e5e5e }
.left-nav li a:hover{color: #006ebd}
.left-box{width:206px;height: auto;padding: 12px 0 12px 24px ;;background-color: #fff;margin-left: 20px;}
.pgae-right{width: 892px;height: auto;overflow: hidden;float: right;}
.right-title{width:892px;height: 42px;background:url(../image/righttitle.jpg) 0 bottom no-repeat;overflow: hidden;}
.right-title dt{font-size: 16px;color: #333333;float: left;line-height: 42px;}
.right-title dd{float: right;font-size: 12px;color: #5e5e5e;line-height: 50px;}
.right-title dd a{text-decoration: none;color: #5e5e5e}
.page-content{width: 100%;height: auto;overflow: hidden;}


/*产品中心*/
.prodlist{width:950px;height: auto;overflow: hidden;margin-top: 40px;}
.prodlist li{width: 261px;height:262px;overflow: hidden;float: left;margin-right: 55px;margin-bottom: 18px;}
.prodlist li a{display: block;width: 100%;height: 100%;text-decoration:none;color: #5e5e5e}
.prodlist li div{width: 252px;height: 210px;padding:3px;display: table-cell;text-align: center;vertical-align:middle;}
.prodlist li img{max-width: 252px;max-height: 210px;width: auto;height: auto;display: inline}
.prodlist li span{display: block;width: 100%;height: 42px;line-height: 42px;text-align: center;}


/*产品详情*/
.product{width: 100%;height: auto;overflow:hidden;margin-top: 22px}
.prod-text{width: 100%;height: 360px;margin-bottom: 24px;}
.prod-text .left{width:380px;height: 360px;overflow: hidden;float: left;}
.prod-text .left div{width: 360px;height: 300px;padding: 4px;border:1px solid #e5e5e5;background-color: #fff;display: table-cell;text-align: center;vertical-align:middle;}
.prod-text .left div img{max-width: 360px;max-height: 300px;width: auto;height: auto;display: inline}
.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: #006ebd;text-decoration: none;color: #fff;text-align: center;line-height: 30px;}
.prod-cont{width: 100%;height: auto;overflow: hidden;}
.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}




.contact{width: 100%;height: auto;overflow: hidden;margin-top: 38px;}
.contact .left{width: 608px;float:left;height: 392px;}
.contact .right{width: 260px;float: right;height: auto;overflow: hidden;}
.contact .right h1{font-size: 14px;color: #b92825;}
.contact .right span{font-size: 12px}


.newslist{width: 892px;height:auto;overflow: hidden;margin-top: 20px;}
.newslist li{width: 100%;height:81px;border-bottom: 1px solid #dcdcdc;overflow: hidden;padding-top: 22px;padding-bottom: 13px;}
.newslist li .data{width:79px;height: 80px;float: left;background-color: #282d30;}
.newslist li .data .sp1{display: block;width: 100%;height:47px;line-height: 47px;text-align: center;color: #fff;font-size: 25px;}
.newslist li .data .sp2{display: block;width: 100%;height:21px;line-height: 21px;text-align: center;color: #fff;font-size: 12px}
.newslist li a{text-decoration: none;color: #5e5e5e;display: block;width: 774px;height: 80px;float: right;}
.newslist li h1{display: block;width: 100%;font-size: 16px}
.newslist li .sp3{display: block;width: 100;font-size: 12px;line-height: 20px;margin-top: 10px}



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

.pageindex {
    height: 30px;
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.pageindex a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a1a1a1;
    color: #a1a1a1;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    width: 20px;
}
.pageindex a:hover {
    color: #006ebd;
}


.diquul li{
	display: inline-block;line-height: 35px;height: 35px;
}
.diquul li a{padding:0 8px}
.n_info_con2 h4{font-size: 16px;height: 40px;line-height: 40px;}
.info_b{min-height: 100px;}
.p_list_ul li{display: inline-block;width: 45%;height: 35px;line-height: 35px;}
.p_list_ul li a{font-size: 12px;padding: 0 5px;}
.n_info_tjcp h4{font-size: 16px;}
.n_info_tjcp dl{
	width: 252px;float: left;display: inline-block;margin: 0 18px;
}
.n_info_tjcp dl dt{
	width: 252px;height: 210px;
}
.n_info_tjcp dl dd{
	width: 252px;text-align: center;height: 35px;line-height: 35px;
}

.n_info_tjcp dl dt .picbox{width: 252px;height: 210px;display: table-cell;vertical-align: middle;text-align: center;}
.n_info_tjcp dl dt .picbox img{max-width: 252px;max-height: 210px;display: inline;width: auto;height: auto;}