@charset "utf-8";
.w1200{width: 1200px;overflow: hidden;margin: 0 auto;}
.topline{height: 36px;overflow: hidden;border-bottom: 1px solid #e7e3e4}
.topline .left{float: left;line-height: 36px;width: 300px}
.topline .left span{display: block;float: left;}
.topline .left a{display: block;width: 21px;height: 21px;text-align: center;line-height: 21px;float: left;margin-left: 15px;margin-top: 8px;text-decoration: none;}
.topline .left a:hover{border-radius: 50%;background-color: #1c3e95;color: #fff }
.topline .right{float: right;line-height: 36px;}
.topline .right .sp3{margin-left: 5px;margin-right: 5px}
.navbg{height: 112px;overflow: hidden;}
.navbg .logo{display: block;width: 298px;height: 78px;float: left;margin-top: 11px;background: url(../images/logo.png) 0 0 no-repeat;}
.nav{width: auto;height: 93px;margin-top: 19px;float: right;}
.nav li{width: 112px;height: 93px;float: left;}
.nav li a{display: block;width: 100%;height: 100%;line-height: 93px;text-decoration: none;text-align: center;color: #464646;color: #464646}
.nav .li1{width: 77px;}
.nav .li2{background: url(../images/navjg.jpg) left center no-repeat;}
.nav .li1 .a1{background: url(../images/home.jpg) center center no-repeat;}
.nav li a:hover{background: url(../images/navbg.jpg) center bottom no-repeat;color: #1b3f95}
.banner{height: 726px;overflow: hidden;background-color: #000;position: relative;}
.brand2 {
    height: 726px;
    left: 50%;
    margin: 0 auto 0 -960px;
    overflow: hidden;
    position: relative;
    width: 1920px;
}
.banner .pic {
    height: 726px;
    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: 726px;
    width: 1920px;
}
.bannerbg{height: 87px;overflow: hidden;position: absolute;left: 50%;margin-left:-960px;width: 1920px;background: url(../images/bannerbg.png) center 0 no-repeat;bottom: 0}
.bannerbg .cont{width: 207px;float: right;height: 85px;overflow: hidden;}
.bannerbg .cont .btnleft2{display: block;width: 11px;height: 23px;margin-left: 23px;margin-top: 32px;background: url(../images/prev.jpg) 0 0 no-repeat;float: left;cursor: pointer;}
.bannerbg .cont .btnnum{width: 94px;height: 85px;float: left;margin-left: 27px;line-height: 85px;font-size: 24px;color: #1b3f95}
.bannerbg .cont .btnright2{display: block;width: 11px;height: 23px;margin-left: 23px;margin-top: 32px;background: url(../images/next.jpg) 0 0 no-repeat;float: left;margin-left: 12px;cursor: pointer;}


.box1{height: 1117px;overflow: hidden;}
.box1-title{height: 113px;overflow: hidden;background: url(../images/title1.jpg) center 0 no-repeat;width: 100%;margin-top: 103px;}
.box1-title h1{display: block;line-height: 56px;margin-top: 10px;text-align: center;font-size: 40px;color: #2f2f2f}
.box1-title span{display: block;height: 47px;background: url(../images/titlebg.jpg) center bottom no-repeat;line-height: 34px;text-align: center;font-size: 18px;color: #a8a8a8}
.prodlist{width: 1230px;height: auto;overflow: hidden;margin-top: 47px}
.prodlist li{width: 382px;height: 291px;float: left;margin-right: 27px;margin-bottom: 52px;position: relative;}
.prodlist li img{width: 382px;height: 291px}
.prodlist li div{width: 382px;height:0px;position: absolute;left: 0;top:50%;background:rgba(27,76,194,0.8) url(../images/prodbd.png) 0 94px no-repeat;z-index: 10;transition: all 0.4s ease-out 0s;overflow: hidden;}
.prodlist li div h1{display: block;width: 100%;line-height: 35px;color: #ffffff;font-size: 28px;margin-top: 80px;margin-left: 71px}
.prodlist li div span{display: block;width: 100%;line-height: ;margin-top: 25px;width: 248px;line-height: 24px;margin-left: 72px;color: #ffffff;opacity: 0.72}
.prodlist li:hover div{height: 291px;top: 0}
.prodlist li:nth-child(1){animation-delay:0.2s;}
.prodlist li:nth-child(2){animation-delay:0.4s;}
.prodlist li:nth-child(3){animation-delay:0.6s;}
.prodlist li:nth-child(4){animation-delay:0.8s;}
.prodlist li:nth-child(5){animation-delay:1.0s;}
.prodlist li:nth-child(6){animation-delay:1.2s;}
.prodlist li:nth-child(7){animation-delay:1.4s;}
.prodlist li:nth-child(8){animation-delay:1.6s;}



.box1-link{width: 100%;height: 50px;overflow: hidden;margin-top: 77px;text-align: center;}
.box1-link a{display: inline-block;width: 211px;height: 48px;border-radius: 3px;border:1px solid #dadada;text-align: center;line-height: 48px;text-decoration: none;color: #a8a8a8}
.box1-link a:hover{background-color: #1b3f95;color: #fff;border:1px solid #1b3f95;}
.box2{height: 644px;overflow: hidden;background: url(../images/box2.jpg) center 0 no-repeat;}
.box2 .left{width: 565px;float: left;overflow: hidden;margin-top: 137px;}
.box2 .left h1{display: block;line-height: 47px;overflow: hidden;color: #fff;font-size: 50px;font-weight: bold;animation-delay:0.2s;}
.box2 .left span{display: block;line-height: 30px;margin-top: 34px;color: #fff;animation-delay:0.4s;}
.box2 .left a{display: block;border: 2px solid #1c4fc9;width: 184px;height: 47px;border-radius: 4px;text-align: center;line-height: 47px;margin-top: 60px;font-size: 16px;color: #fff;text-decoration: none;animation-delay:0.6s;}

.box3{height: 687px;overflow: hidden;background: url(../images/box3.jpg) center 0 no-repeat}
.box3-cont{width: 100%;height: 453px;overflow: hidden;margin-top: 147px;}
.box3-cont1{width: 370px;height: 453px;overflow: hidden;background: url(../images/box3title.jpg) 0 0 no-repeat;float: left;}
.yslist{width: 831px;height: 453px;float: right;margin-right: -1px;background-color: #fff}
.yslist li{width: 277px;height: 453px;float: left;overflow: hidden;}
.yslist img{width: 277px;height: 226px;}
.yslist div{width: 277px;height: 226px;overflow: hidden;}
.yslist div h1{display: block;line-height: 44px;margin-top: 62px;background: url(../images/box3bd.jpg) center bottom no-repeat;text-align: center;font-size: 24px;color: #626262}
.yslist div span{display: block;line-height: 18px;width: 218px;margin-left: 28px;margin-top: 12px;color: #9c9c9c;letter-spacing: -1px}
.yslist li img:hover{transform:scale(1.25) rotate(10deg)}
.box4{height: 758px;overflow: hidden;}
.box4-title{height: 113px;overflow: hidden;background: url(../images/title2.jpg) center 0 no-repeat;width: 100%;margin-top: 97px;}
.box4-title h1{display: block;line-height: 56px;margin-top: 10px;text-align: center;font-size: 40px;color: #2f2f2f}
.box4-title span{display: block;height: 47px;background: url(../images/titlebg.jpg) center bottom no-repeat;line-height: 34px;text-align: center;font-size: 18px;color: #a8a8a8}
.box4-cont{width: 100%;height: 420px;overflow: hidden;margin-top: 70px}
.box4-cont .first{width: 524px;float: left;overflow: hidden;}
.box4-cont .first span{display: block;line-height: 24px;margin-top: 10px;color: #686868}
.box4-cont .right{width: 610px;float: right;}
.newslist{width: 600px;overflow: hidden;margin-left: 5px;}
.newslist li{width: 600px;height: 115px;overflow: hidden;background: url(../images/newslistbd.jpg) 17px 21px no-repeat;}
.newslist li a{text-decoration: none;color: #333}
.newslist li h1{display: block;float: left;line-height: 26px;margin-top: 14px;margin-left: 37px;font-size: 18px;}
.newslist li h2{display: block;float: right;margin-top: 14px;margin-right: 24px;color: #3b5dc9}
.newslist li span{display: block;float: left;margin-left: 37px;width: 546px;height: auto;overflow: hidden;color: #828181}
.newslist li:hover{background: #3b5dca url(../images/newslistbdh.jpg) 17px 21px no-repeat;box-shadow: 2px 0 6px rgba(0,0,0,0.24)}
.newslist li:hover h1{color: #fff}
.newslist li:hover h2{color: #9ab2ff}
.newslist li:hover span{color: #9ab2ff}
.box5{height: 835px;background: url(../images/box5.jpg) center 0 no-repeat;}
.box5-title{height: 113px;overflow: hidden;background: url(../images/title3.png) center 0 no-repeat;width: 100%;margin-top: 75px;}
.box5-title h1{display: block;line-height: 56px;margin-top: 10px;text-align: center;font-size: 40px;color: #2f2f2f}
.box5-title span{display: block;height: 47px;background: url(../images/titlebg.jpg) center bottom no-repeat;line-height: 34px;text-align: center;font-size: 18px;color: #a8a8a8}
.piclist{width: 1230px;overflow: hidden;margin-top: 57px}
.piclist li{width: 393px;height: 241px;float: left;margin-right: 10px;margin-bottom: 11px;overflow: hidden;}
.piclist li img{width: 393px;height: 241px;}
.piclist li img:hover{transform:scale(1.15)}
.box6{height: 500px;overflow: hidden;position: relative;}
.box6-title{height: 113px;overflow: hidden;background: url(../images/title4.jpg) center 0 no-repeat;width: 100%;margin-top: 75px;}
.box6-title h1{display: block;line-height: 56px;margin-top: 10px;text-align: center;font-size: 40px;color: #2f2f2f}
.box6-title span{display: block;height: 47px;background: url(../images/titlebg.jpg) center bottom no-repeat;line-height: 34px;text-align: center;font-size: 18px;color: #a8a8a8}

.brand{width: 1230px;overflow: hidden;margin-top: 57px;position: relative;height: 250px;}
.piclist2{width:1230px;height: 241px;overflow: hidden;margin-top: 57px}
.piclist2 li{width: 195px;height: 120px;float: left;margin-right: 5px;overflow: hidden;}
.piclist2 li img{width: 195px;height: 120px;}
.piclist2 li img:hover{transform:scale(1.15)}

.bottom{height: 218px;overflow: hidden;background: url(../images/bottom.jpg) center 0 no-repeat;}
.bottom .left{width: 560px;float: left;}
.bottom .left .sp1{width: 389px;height: 58px;margin-top: 25px;border-bottom: 1px solid #535353;display: block;background: url(../images/icon1.png) 0 center no-repeat;text-indent: 37px;color: #fff;line-height:58px;font-size: 20px;color: #fff;font-weight: bold;}
.bottom .left .sp2{width: 389px;height: 58px;display: block;background: url(../images/icon2.png) 0 center no-repeat;text-indent: 37px;color: #fff;line-height:58px;color: # }
.bottom .left .sp3{width: 100%;display: block;margin-top: 13px;color: #717171}
.bottom .right{float: right;width: 300px;overflow: hidden;margin-top: 25px}
.bottom .right .img1{float: right;}

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