.w1200{max-width: 1200px;margin: 0 auto;}
.top{height:153px;overflow: hidden;border-bottom: 5px solid #487cdf}
.top .left{width: 350px;height: auto;overflow: hidden;margin-top: 40px;float: left;}

.logo{display: block;width: 161px;height: 50px;background: url(../image/logo.png) 0 0 no-repeat;}
.top .left span{display: block;width: 100%;overflow: hidden;font-size:28px;margin-top: 10px;font-weight: bold;}
.top .right{width: 764px;float: right;height: 153px;overflow: hidden;}
.top-right-hang1{width: 100%;height: 56px;line-height: 56px}
.top-right-hang1 .sp1,.top-right-hang1 .sp2,.top-right-hang1 .sp3{float: right;display: block; }
.top-right-hang1 .sp1{color: #457ce1}
.top-right-hang1 .sp3{margin-left: 25px;margin-right: 25px;}
.nav{width: 820px;height: 97px;overflow: hidden;background: url(../image/topxian.jpg) 0 1px no-repeat;}
.nav li{width: 64px;float: left;margin-right: 37px;}
.nav li a{height: 95px;width: 100%;border-top: 2px solid transparent;line-height: 95px;text-align: center;display: block;background: transparent;text-decoration: none;color: #727272}
.nav li a:hover{border-top: 2px solid #477ae3;background: url(../image/navbg.jpg) center bottom no-repeat;color: #457ce1}
.banner{height: 640px;overflow: hidden;background-color: #000;position: relative;}
.brand2 {
    height: 640px;
    left: 50%;
    margin: 0 auto 0 -960px;
    overflow: hidden;
    position: relative;
    width: 1920px;
}
.banner .pic {
    height: 640px;
    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: 640px;
    width: 1920px;
}
.btnleft2{width:45px;height: 45px;position: absolute;left: 50%;margin-left: -836px;top:279px;background:url(../image/btnleft.png) 0 0 no-repeat;z-index: 10;}
.btnleft2:hover{background-color: #477ae3;border-radius: 50%}
.btnright2{width:45px;height: 45px;position: absolute;left: 50%;margin-left: 763px;top:279px;background:url(../image/btnright.png) 0 0 no-repeat;z-index: 10;}
.btnright2:hover{background-color: #477ae3;border-radius: 50%}
.box1{height: 107px;background:#fff url(../image/box1.jpg) center 0 no-repeat;overflow: hidden;}
.box1-cont1{height: 107px;float: left;width: 413px;overflow: hidden;}
.box1-cont1-hang1{height: 43px;overflow: hidden;width: 100%;margin-top: 17px}
.box1-cont1-hang1 h1{display: block;line-height: 43px;color: #fff;font-weight: bold;font-size: 24px;float: left;}
.box1-cont1-hang1 span{display: block;line-height: 50px;color: #fff;font-size: 16px;float: left;margin-left: 10px}
.box2-cont1-hang2{line-height: 25px;color: #ffffff}
.box1-cont2{width: 150px;height:58px;overflow: hidden;margin-top: 27px;padding-left: 49px;float: left;}
.box1-cont2 span{display: block;line-height: 29px;font-size: 20px;color: #fff}
.box2{height: 839px;overflow: hidden;background-color: #f2f2f2}
.box2 .left{width: 265px;height: 700px;overflow: hidden;float: left;margin-top: 74px;}
.box2 .left .box2-link{display: block;width: 265px;height: 258px;background: url(../image/box1pic1.jpg) 0 0 no-repeat;}
.prod-nav{width: 100%;height: auto;overflow: hidden;}
.prod-nav li{width: 100%;height: 60px;margin-top: 10px;}
.prod-nav li a{display: block;text-align: center;width: 100%;height: 60px;line-height: 60px;background-color: #d7d7d7;text-decoration: none;color: #777777;font-size: 20px}
.prod-nav li a:hover{color: #fff;background-color: #2f67de}
.box2 .right{width: 922px;height: auto;overflow: hidden;float: right;margin-top: 74px}
.prodlist{width: 970px;height: auto;overflow: hidden;}
.prodlist li{width: 299px;height: 327px;border: 1px solid #d6d6d6;margin-right: 8px;float: left;margin-bottom: 19px;background-color: #fff}
.prodlist li a{text-decoration: none;color: #333;}
.prodlist li img{width: 299px;height: 257px;}
.prodlist li span{display: block;width: 100%;line-height: 70px;height: 70px;color: #8d8d8d;text-align: center;font-size: 18px;}

.prodlist li:hover span{background-color: #2e67de;color: #fff;}
.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;}


.box3{height: 718px;overflow: hidden;}
.box3-title{height: 96px;overflow: hidden;margin-top: 46px;width: 100%;}
.box3-title h1{display: block;width: 100%;line-height: 23px;text-align: center;font-size: 18px;color: #c5c5c5;font-weight: bold;}
.box3-title h2{display: block;width: 100%;line-height:39px;text-align: center;font-size: 33px;color: #535353;font-weight: bold;}
.box3-title span{display: block;width: 100%;line-height:34px;text-align: center;color: #868686}
.piclist1{width: 100%;overflow: hidden;margin-top: 41px}
.piclist1 li{width: 400px;height: 434px;overflow: hidden;float: left;cursor: pointer;}
.piclist1 li div{width: 400px;height: 217px;overflow: hidden;background-color: #f2f2f2;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;}
.piclist1 li img{width: 400px;height: 217px;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;}
.piclist1 li div h1{display: block;width: 100%;line-height: 30px;margin-top: 60px;text-align: center;color: #636161;font-size: 24px;}
.piclist1 li div span{display: block;width: 352px;margin-left: 24px;text-align: center;line-height: 18px;margin-top: 28px;color: #9c9c9c;font-size: 13px}
.piclist1 li:hover div{background-color: #2065db}
.piclist1 li:hover div h1{color: #fff}
.piclist1 li:hover div span{color: #fff}
.piclist1 li:hover img{transform:scale(1.15)}


.box4{height: 745px;overflow: hidden;background: url(../image/box3.jpg) center 0 no-repeat;}
.box4-title{height: 280px;width: 100%;overflow: hidden;margin-top: 65px;}
.box4-title h1{display: block;width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 48px;color: #1e5fd7;font-weight: bold;}
.box4-title h2{display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;margin-top: 13px;font-size: 24px;color: #fff;}
.box4-title span{display: block;width: 100%;line-height: 25px;text-align: center;margin-top: 31px;color: #a7a7a7}
.box4-title .link{width: 100%;height: 38px;overflow: hidden;margin-top: 32px;text-align: center;}
.box4-title .link a{display: inline-block;width: 38px;height: 38px;border-radius: 50%;background-color: #1e5fd7;color: #fff;text-decoration: none;line-height: 38px;font-size: 18px}
.piclist2{width: 1200px;height: 346px;margin-top: 54px;background-color: #fff}
.piclist2 li{width: 377px;height: 320px;float: left;margin-left: 18px;margin-top: 13px;overflow: hidden;cursor: pointer;}
.piclist2 li img{width: 377px;height: 320px;transition:all ease-out .4s 0s;-webkit-transition:all ease-out .4s 0s;-moz-transition:all ease-out .4s 0s;-o-transition:all ease-out .4s 0s;}
.piclist2 li:hover img{transform:scale(1.15) rotate(5deg);}
.box5{height: 558px;overflow: hidden;background: url(../image/box5.jpg) center 0 no-repeat;}
.indexbox3{width:284px;height: 347px;float: left;background: url(../image/box4.jpg) 0 0 no-repeat;margin-top: 101px;}
.indexbox4{width:458px;height: auto;overflow: hidden;float: left;margin-left: 53px;margin-top:101px; }
.indexbox4 .first{width: 458px;height: 134px;overflow: hidden;border-bottom: 1px dashed #b3b3b3}
.indexbox4 .first a{text-decoration: none;color: #333}
.indexbox4 .first img{width: 153px;height: 111px;float: left;}
.indexbox4 .first h1{display: block;width: 293px;float: right;font-size: 18px;color: #333333;line-height: 28px;}
.indexbox4 .first h2{display: block;width: 293px;float: right;font-size: 12px;color: #959595;line-height: 19px;}
.indexbox4 .first span{display: block;width: 293px;float: right;color: #9a9a9a;margin-top: 11px;}
.newslist{width: 458px;height: auto;overflow: hidden;}
.newslist li{width: 458px;height: 102px;overflow: hidden;border-bottom: 1px dashed #b3b3b3}
.newslist li .date{width: 67px;height: 102px;overflow: hidden;float: left;}
.newslist li .date .sp1{text-align: center;display: block;margin-top: 29px;line-height: 36px;font-size: 37.8px;font-weight: bold;color: #c9c9c9}
.newslist li .date .sp2{text-align: center;display: block;line-height: 19px;font-size: 12.6px;color: #c9c9c9}
.newslist li a{text-decoration: none;color: #333;width:375px;height:102px;float: right;}
.newslist li a h1{display: block;margin-top: 29px;line-height: 33px;overflow: hidden;font-size: 18px;color: #6e6e6e}
.newslist li a span{display: block;color: #9e9e9e}
.newslist li a:hover h1,.newslist li:hover .date span{color: #457ce1}
.indexbox5{width: 343px;float: right;height: auto;overflow: hidden;margin-top:101px;}
.box-title5{width: 100%;height: 46px;overflow: hidden;}
.box-title5 dt{float: left;}
.box-title5 dt h1{display: block;width: 100%;line-height: 25px;font-size: 24px;color: #3d3d3d;}
.box-title5 dt span{display: block;width: 100%;line-height: 20px;color: #9c9c9c}
.box-title5 dd{float: right;height: 45px;width: auto;overflow: hidden;}
.box-title5 dd a{display: block;width: 46px;height: 46px;background: url(../image/box2more.jpg) 0 0 no-repeat;}
.wdlist{width: 100%;height: auto;overflow: hidden;}
.wdlist li{width: 100%;height: 97px;overflow:hidden;border-bottom: 1px solid #a8a8a8;}
.wdlist li a{text-decoration: none;color: #333}
.wdlist li .sp1{display: block;width: 100%;height: 16px;line-height: 16px;text-indent: 29px;margin-top: 25px;background: url(../image/Q.jpg) 0 center no-repeat;color: #505050}
.wdlist li .sp2{display: block;width: 100%;height: 16px;line-height: 16px;text-indent: 29px;margin-top: 14px;background: url(../image/A.jpg) 0 center no-repeat;color: #7c7c7c}
.wdlist li:hover .sp1{color:  #457ce1}
.bottom{height: 259px;overflow: hidden;background:url(../image/bottom.jpg) center 0 no-repeat;}
.btnav{width: 520px;height: auto;overflow: hidden;margin-top: 42px;float: left;}
.btnav li{width: 130px;float: left;}
.btnav li a{text-decoration: none;color: #fff}
.btnav li .a1{display: block;font-size: 18px;color: #fff;width: 100%;text-align: left;line-height: 35px}
.btnav li .a2{display: block;font-size: 12px;color: #8b8b8b;width: 100%;text-align: left;line-height: 29px;color: #adadad}
.bottom .center{width: 140px;height: 138px;overflow: hidden;float: left;margin-top: 54px;}
.bottom .right{width:520px;float: right;overflow: hidden;height: 198px;margin-top: 42px;}
.bottom .right .title{width: 100%;overflow: hidden;height: 35px;}
.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: #fff;line-height: 35px;margin-left: 5px;}

.bottom-box1{width: 240px;height: auto;overflow: hidden;float: left;}
.bottom .right .sp2{color: #adadad;font-size: 12px;display: block;width:240px;}
.bottom-box2{width: 270px;height: auto;overflow: hidden;float: left;margin-left: 10px}
.bottom .right .sp3{color: #adadad;font-size: 12px;display: block;width:270px;}




.footer{height:47px;line-height: 47px;text-align: center;background-color: #1c1c1c;color: #fff}

.page{min-height: 620px;padding-top: 30px;padding-bottom: 30px;background-color: #eeeeee;overflow: hidden;}
.page .w1200{padding: 10px;background-color: #fff;min-height: 600px;overflow: hidden;}
.pageleft{width: 274px;float: left;height: auto;overflow: hidden;}
.pageleft .left-box1{width: 100%;height:auto;overflow: hidden;}
.left-title{width: 100%;height: 75px;line-height: 75px;color: #ffffff;font-weight: bold;font-size: 18px;text-indent: 45px;background:#1e5fd7 url(../image/lefttitle.png) 225px center no-repeat;}
.left-title h1{font-size: 18px}
.left-nav{width: 100%;overflow: hidden;}
.left-nav li{width: 100%;height: 62px;margin-top: 5px}
.left-nav li a{display: block;width: 270px;border-left: 4px solid #f2f2f2;height: 62px;background:#f2f2f2 url(../image/leftnav.png) 235px center no-repeat;line-height: 62px;text-indent: 40px;color: #666666;text-decoration: none;}
.left-nav li a:hover{border-left: 4px solid #1e5fd7;color: #000000}
.left-box2{margin-top: 53px}
.left-cont2{width: 100%;height:165px;overflow: hidden;background-color: #f2f2f2}
.left-cont2 h1{display: block;line-height: 29px;margin-top: 23px;text-align: center;color: #666666}
.left-cont2 i{display: block;line-height: 40px;text-align: center;font-size: 24px;color: #1e5fd7;font-weight: bold;text-align: center;}
.left-cont2 h2{display: block;line-height: 29px;text-align: center;color: #666666}
.pageright{width: 891px;height: auto;float: right;}
.right-title{width: 100%;height: 55px;overflow: hidden;background: url(../image/righttitle.jpg) 0 bottom repeat-x;}
.right-title dt{float: left;height:53px;border-bottom: 2px solid #1e5fd7;line-height: 53px;font-size: 18px;font-weight: bold;}
.right-title dd{float: right;line-height: 53px;}
.right-title dd a{text-decoration: none;color: #333;margin-right: 5px}
.pagecontent{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.pagecont1 img{float: left;}

.newslist1{width: 100%;height:auto;overflow: hidden;margin-top: 20px;margin: 0 auto}
.newslist1 li{width: 100%;height:81px;border-bottom: 1px solid #dcdcdc;overflow: hidden;padding-top: 22px;padding-bottom: 13px;}
.newslist1 li .data{width:79px;height: 80px;float: left;background-color: #c4c4c4;}
.newslist1 li .data .sp1{display: block;width: 100%;height:55px;line-height: 55px;text-align: center;color: #fff;font-size: 30px;}
.newslist1 li .data .sp2{display: block;width: 100%;height:21px;line-height: 21px;text-align: center;color: #fff;font-size: 12px}
.newslist1 li a{text-decoration: none;color: #5e5e5e;display: block;width: 780px;float: right;}
.newslist1 li h1{display: block;width: 100%;font-size: 16px}
.newslist1 li .sp3{display: block;width: 100%;font-size: 12px;line-height: 20px;margin-top: 10px}
.newslist1 li a:hover h1{color: #1e5fd7}
.newslist1 li:hover .data{background-color: #1e5fd7}
.pageindex{text-align: center;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;}
.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:#1e5fd7;}

.prodlist2{width: 912px;height: auto;overflow: hidden;margin-top: 30px}
.prodlist2 li{width: 213px;float: left;margin-right: 10px;float: left;border: 1px solid #eaeaea;margin-bottom: 20px;height:223px;background-color: #f9f9f9}
.prodlist2 li a{text-decoration: none;}
.prodlist2 li div{width: 213px;height: 183px;}
.prodlist2 li img{width: 213px;height: 183px;}
.prodlist2 li span{display: block;line-height:40px;text-align: center;height: 40px;background-color: #f9f9f9}
.prodlist2 li:hover span{background-color: #1e5fd7;color: #fff}

.product{width: 100%;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:388px;height: 286px;padding: 4px;border:1px solid #e5e5e5;background-color: #fff;display: table-cell;text-align: center;vertical-align:middle;}
.prod-text .left div img{width: 388px;height:auto;}
.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}
.cnzz span img{margin-top: 17px;}