@charset "utf-8";
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.top{height: 139px;overflow: hidden;background-color: #f2f2f2}
.top .left{width: 500px;float: left;overflow: hidden;}
.top .left .logo{display: block;width: 206px;height: 80px;float: left;margin-top:25px;background: url(../images/logo.jpg) 0 0 no-repeat; }
.top .left .top-cont{width: 245px;float: left;padding-left: 11px;height: 69px;margin-top: 43px;margin-left: 15px}
.top .left .top-cont h1{display: block;line-height: 39px;font-size: 20px;color: #003471}
.top .left .top-cont span{line-height: 31px;font-size: 16px;color: #7f7f7f}
.top .right{float:right;overflow: hidden;height: 100%;}
.top-right-box1{width: 175px;height: 41px;box-sizing: border-box;padding-left: 40px;background: url(../images/mail.jpg) 0 center no-repeat;margin-top: 55px;float: left;}
.top-right-box1 h1{display: block;width: 100%;line-height: 23px;font-size: 16px;color: #7f7f7f}
.top-right-box1 span{display: block;width: 100%;line-height: 18px;font-size: 12px;color: #7f7f7f}
.top-right-box2{height: 64px;width: 212px;margin-top: 32px;overflow: hidden;}
.top-right-box2 h1{display: block;width: 100%;line-height: 33px;height: 33px;color: #333;background: url(../images/toplinbg.png) center center no-repeat;text-align: center;}
.top-right-box2 span{display: block;width: 100%;height: 31px;line-height: 31px;text-align: center;font-size:22px; ;color: #2a64d3}

.navbg{height: 100px;overflow: hidden;background-color: #fff;}
.nav{width: auto;float: left;height: 100px;overflow: hidden;}
.nav li{width: 150px;float: left;height: 100px;line-height: 100px;}
.nav li a{text-decoration: none;color: #333333;font-size: 20px;text-align: center;display: block;width: 100%;height: 100%}
.nav li a:hover{background-color: #17467e;color: #fff;}
.form{width: 223px;float: right;height: 31px;float: right;margin-top: 17px;overflow: hidden;}
.form .i1{width: 189px;height: 31px;border: none;background-color: #fff;border-radius: 5px 0 0 5px;float: left;}
.form .i2{width: 32px;height: 31px;border: none;background: #2752bf url(../images/fangdajing.png) center center no-repeat;border-radius: 0 5px 5px 0;float: left;} 
.banner{height: 601px;position: relative;overflow: hidden;}
.bannerprev{display: block;width:55px;height: 57px;background: url(../images/bannerprev.png) 0 0 no-repeat;position: absolute;left: 50%;margin-left: -878px;z-index: 99;top: 278px}
.bannernext{display: block;width:55px;height: 57px;background: url(../images/bannernext.png) 0 0 no-repeat;position: absolute;left: 50%;margin-left: 821px;z-index: 99;top: 278px}
.banner .pic{ height:601px;overflow: hidden;}
.banner .pic li{float: left;height:601px;width: 100%; position: absolute;left: 0;top: 0;z-index: 1; background-position: center 0;background-repeat: no-repeat;}
.box1{height:780px;overflow: hidden;background: url(../images/box1.jpg) center 0 no-repeat;}
.box1-main{width: 100%;height: 660px;margin-top: 60px;overflow: hidden;}
.box1-left{width: 293px;float: left;height: auto;overflow: hidden;}
.box1-left-title{width: 100%;height: 148px;overflow: hidden;background-color: #1a5396}
.box1-left-title h1{display: block;width: 100%;height: 52px;line-height: 52px;text-align: center;font-size: 26px;font-weight: bold;color: #fff;margin-top: 21px;}
.box1-left-title a{display: block;width: 42px;height: 42px;background: url(../images/more1.png) 0 0 no-repeat;margin: 15px auto 0 auto}
.prod-nav{width: 100%;height: auto;overflow: hidden;margin-top: 6px;}
.prod-nav li{width: 100%;height: 67px;overflow: hidden;margin-bottom: 5px;background-color: #4584cd}
.prod-nav li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 67px;font-size: 20px;color: #fff;text-decoration: none;}
.prod-nav li:hover{background-color: #2b6dba}
.prod-nav .s{background-color: #2b6dba}
.box2-right{width: 896px;float: right;overflow: hidden;height: 660px}
.box2-brand{width: 100%;height: 100%;display: none;}
.box2-title{width: 100%;height: 60px;overflow: hidden;background-color: #1a5396}
.box2-title dt{float: left;border-left: 4px solid #de3822;height: 60px;line-height: 60px;padding-left: 28px;font-size: 18px;color: #fff;}
.box2-title dd{float: right;line-height: 60px;margin-right: 20px;}
.box2-title dd a{font-size: 18px;color: #fff;text-decoration: none;}

.prodlist{width: 916px;height: auto;overflow: hidden;margin-top: 10px}
.prodlist li{width: 287px;height: 287px;float: left;margin-right: 16px;margin-bottom: 10px;overflow: hidden;position: relative;}
.prodlist li img{width: 287px;height: 287px;;}
.prodlist li .zhedang{width: 100%;height: 0;position: absolute;top: 50%;background-color: rgba(0,0,0,0.5);line-height: 287px;text-align: center;overflow: hidden;color: #fff;transition: .3s}
.prodlist li:hover .zhedang{height: 100%;top: 0}

.box2{height:790px;overflow: hidden;background: url(../images/box2.jpg) center -11px no-repeat;}
.box2 h1{display: block;width: 100%;height:50px ;font-size: 32px;line-height: 50px;margin-top:45px;color: #fff;text-align: center;}
.box2 span{display:block;font-size: 14px;width: 100%;margin-top: 54px;line-height: 32px;text-align:justify;color: #fff;text-align: center;}
.box2 a{display: block;width: 42px;height: 42px;background: url(../images/more1.png) 0 0 no-repeat;margin:27px auto 0 auto;}

.box3{height: 600px;background-color: #fff;overflow: hidden;}
.box3 h1{display: block;width: 100%;height: 60px;line-height: 28px;background: url(../images/box3title.jpg) center center no-repeat;margin-top: 45px;text-align: center;color: #000;font-size: 32px}
.box3 h1 font{color: #d91f1f}
.box3-nav{width: 100%;height: 43px;overflow: hidden;text-align: center;margin-top: 36px;}
.box3-nav a{display: inline-block;width: 150px;height: 43px;background-color: #e9e9e9;color: #666666;font-size: 20px;margin:0 13px;line-height: 43px;text-decoration: none;}
.box3-nav .s{background-color: #d91f1f;color: #fff}
.box3-brand{width: 100%;height: 280px;overflow: hidden;margin-top: 54px;}
.piclist{width: 1250px;overflow: hidden;height: 280px}
.piclist li{width: 285px;height: 280px;float: left;margin-right: 25px;overflow: hidden;}
.piclist li img{width: 285px;height: 230px;}
.piclist li span{display: block;height: 45px;line-height: 45px;text-align: center;color: #333;font-size: 16px}

.box5{height: 300px;background: url(../images/box5.jpg) center 0 no-repeat;}
.box6{height: 827px;background: url(../images/box6.jpg) center 0 no-repeat;}
.piclist1{width: 1222px;height: 230px;overflow: hidden;margin-top: 43px;}
.piclist1 li{width: 283px;height: 230px;overflow: hidden;float: left;margin-right: 22px;}
.piclist1 li img{width: 283px;height: 230px}



.piclist2{width: 1222px;height: 270px;overflow: hidden;margin-top: 43px;}
.piclist2 li{width: 220px;height: 270px;overflow: hidden;float: left;margin-right: 22px;}
.piclist2 li img{width: 220px;height: 220px}
.piclist2 li span{display: block;width: 100%;line-height: 44px;height: 44px;text-align: center;font-size: 12px;color: #474747}

.box7{height: 770px;overflow: hidden;background-color: #fff}
.box7 .title{display: block;width: 100%;height: 60px;line-height: 28px;background: url(../images/box7title.jpg) center center no-repeat;margin-top: 45px;text-align: center;color: #000;font-size: 32px}
.box7 .title font{color: #d91f1f}
.box7-main{width: 100%;height: 490px;overflow: hidden;margin-top: 42px}
.box7-main .box7-brand{width: 100%;height: 100%;}
.box7-main .box7-brand .left{width: 100%;height: 490px;overflow: hidden;float: left;position: relative;float: left;}
.box7-main .box7-brand .right{width: 590px;height: 490px;overflow: hidden;float: right;}

.newslist{width: 100%;height: auto;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.newslist li{width: 590px;overflow: hidden;height: 90px;overflow: hidden;box-sizing: border-box;border:1px solid #cccccc;margin-bottom: 10px;}
.newslist li .date{width: 144px;height: 88px;overflow: hidden;float: left;}
.newslist li .date h1{display: block;width: 100%;text-align: center;line-height: 28px;height: 28px;margin-top: 20px;font-size: 24px;color: #cccccc}
.newslist li .date span{display: block;width: 100%;text-align: center;line-height: 22px;height: 22px;overflow:hidden;color: #cccccc}
.newslist li a{display: block;width: 440px;height: 50px;text-indent: 54px;border-left: 2px solid #cccccc;float: left;margin-top: 22px;text-decoration: none;}
.newslist li a h1{font-size: 16px;line-height: 30px;height: 30px}
.newslist li a span{font-size: 12px;height: 20px;line-height: 20px;display: block;}
.newslist li:hover .date h1,.newslist li:hover .date span,.newslist li:hover a{color: #d91f1f}
.newslist li:hover a{border-left: 2px solid #d91f1f;}
.newslist li:hover{border: 1px solid #d91f1f;}

.box8{height: 328px;overflow: hidden;background: url(../images/box8.jpg) center 0 no-repeat;}
.box-title2 h1,.box-title2 span{color: #fff}
.friendlist{width: 1200px;height: 160px;overflow: hidden;margin-top: 43px;}
.friendlist li{width: 220px;height: 160px;overflow: hidden;float: left;margin-right: 10px;margin-left: 10px; }
.friendlist li img{width: 220px;height: 160px;}
.bottom{height: 300px;background-color: #000000}
.bottom .left{width: 300px;float: left;margin-left: 19px;}
.bottom .left .bttitle{width: 100%;height: 32px;line-height: 32px;margin-top: 37px;}
.bottom .left .bttitle .sp1{font-size: 18px;color: #fff;}
.bottom .left .bttitle .sp2{font-size: 12px;color: #717171}
.bottom .left .cont{width: 100%;height:auto;overflow: hidden;margin-top: 12px;}
.bottom .left .cont span{width: 100%;height: 28px;line-height: 28px;color: #8b8b8b;display: block;}
.bottom .right{width: auto;height: 300px;float: right;}
.btnav{width:auto;height: 300px;overflow: hidden;}
.btnav li{width: 162px;height: 300px;overflow: hidden;float: left;}
.btnav li .a1{display: block;width: 100%;height: 40px;line-height: 40px;margin-top: 40px;color: #fff;font-size: 18px;}
.btnav li .a2{display: block;width: 100%;height: 28px;line-height: 28px;color: #8b8b8b;font-size: 14px;}

.footer{height: 34px;background-color: #474747;overflow: hidden;text-align: center;color: #8d8d8d;font-size: 14px;line-height: 34px;}

.piaofu{width: 60px;height: 60px;position: absolute;left: 50%;margin-left: -30px;top: 2555px;z-index: 99;background:url(../images/btn.png) 0 0 no-repeat;display: block;cursor: pointer;}


.page{min-height: 500px;overflow: hidden;padding-bottom: 50px;}
.pagebanner{height: 300px;overflow: hidden;}
.pagebanner1{background:url(../images/pagebanner1.jpg) center 0 no-repeat;}
.pagebanner2{background:url(../images/pagebanner2.jpg) center 0 no-repeat;}
.pagebanner3{background:url(../images/pagebanner3.jpg) center 0 no-repeat;}
.pagebanner4{background:url(../images/pagebanner4.jpg) center 0 no-repeat;}
.pagebanner5{background:url(../images/pagebanner5.jpg) center 0 no-repeat;}
.pagebanner6{background:url(../images/pagebanner6.jpg) center 0 no-repeat;}


.page-top{width: 100%;height: 182px;overflow: hidden;border-bottom: 1px solid #e6e6e6}
.page-top .left{float: left;overflow: hidden}
.page-top .left .title{width: 100%;height: 51px;overflow: hidden;margin-top: 36px;font-size: 24px;line-height: 51px}

.location{height: 51px;line-height: 51px;width: 100%;overflow: hidden;margin-top: 18px;}
.location a{text-decoration: none;color: #6a6a6a;margin-left: 7px;margin-right: 7px}
.location a:hover{color: #407aee}
.location .s{color: #407aee}
.page-top .right{width: auto;float: right}
.pagenav{width: auto;height: 36px;overflow: hidden;margin-top: 69px}
.pagenav li{width: 110px;height: 36px;margin-left: 8px;float: left;background-color: #edf2f5;text-decoration: none;}
.pagenav li a{display: block;width: 100%;height: 100%;border-radius: 3px;background-color: #edf2f5;text-align: center;line-height: 36px;text-decoration: none;color: #808183;}
.pagenav li a:hover{background-color: #e6212a;color: #fff}

.pagecontent{width: 100%;height: auto;overflow: hidden;font-size: 18px;color: #000000}

.prodlist2{width: 1216px;height: auto;overflow: hidden;margin-top: 10px}
.prodlist2 li{width: 287px;height: 287px;float: left;margin-right: 16px;margin-bottom: 10px;overflow: hidden;position: relative;}
.prodlist2 li img{width: 287px;height: 287px;;}
.prodlist2 li .zhedang{width: 100%;height: 0;position: absolute;top: 50%;background-color: rgba(0,0,0,0.5);line-height: 287px;text-align: center;overflow: hidden;color: #fff;transition: .3s}
.prodlist2 li:hover .zhedang{height: 100%;top: 0}



.newslist2{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.newslist2 li{width: 100%;height: 46px;overflow: hidden;border-bottom: 1px dotted #000}
.newslist2 li a{display: block;float: left;line-height: 46px;font-size: 14px;color: #666666;text-decoration: none}
.newslist2 li span{display: block;float: right;line-height: 46px;font-size: 14px;color: #666666}
.newslist2 li:hover a,.newslist2 li:hover span{color: #014375}
.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:#407aee;}




.prodpage{width: 100%;overflow: hidden;height: auto}
.prodpage-top{height: 546px;margin-top: 17px;overflow: hidden}
.prodpage h1{display: block;width: 100%;line-height: 43px;margin-top: 16px;font-size: 30px;color: #333;text-align: center}
.prodpage span{display: block;width: 100%;line-height: 30px;color: #808080;font-size: 20px;text-align: center}
.prodpage img{display: block;margin:33px auto 0 auto;width: 400px;height: 400px;}
.prodcontent{width: 946px;height: auto;padding-bottom: 20px;margin-left: 47px;overflow: hidden;margin-top: 30PX;}
.pageindex{text-align: center;line-height: 50px;width: 100%;overflow: hidden;}