.banner{height: 460px;display: block;background: url(../images/banner.jpg) no-repeat center;}
h2{font: bold 32px 'Microsoft Yahei';text-align: center;}
h3{font-size: 20px;color: #555555;text-align: center;margin-top: 6px;}
.tit_line{width: 50px;height: 4px;background-color: #004bc9;margin:10px auto 0;}

.zy_nav{height: 70px;background-color: #fff;}
.zy_nav li{width: 25%;padding-left: 130px;line-height: 70px;cursor: pointer;font-size: 20px;color: #666666;border-right: 1px solid #b7b7b7;}
.zy_nav li:nth-child(1){background: url(../images/ico1.png) no-repeat 70px center;border-left: 1px solid #b7b7b7;}
.zy_nav li:nth-child(2){background: url(../images/ico2.png) no-repeat 70px center;}
.zy_nav li:nth-child(3){background: url(../images/ico3.png) no-repeat 70px center;}
.zy_nav li:nth-child(4){background: url(../images/ico4.png) no-repeat 70px center;}
/*.zy_nav li.active{background: #004bc9 url(../images/ico5.png) no-repeat 70px center;;color: #fff;border-left: 0 none;border-right: 0 none;}*/
.zy_nav li:nth-child(1):hover{background: #004bc9 url(../images/ico5.png) no-repeat 70px center;;color: #fff;border-left: 0 none;border-right: 0 none;}
.zy_nav li:nth-child(2):hover{background: #004bc9 url(../images/ico6.png) no-repeat 70px center;;color: #fff;border-left: 0 none;border-right: 0 none;}
.zy_nav li:nth-child(3):hover{background: #004bc9 url(../images/ico7.png) no-repeat 70px center;;color: #fff;border-left: 0 none;border-right: 0 none;}
.zy_nav li:nth-child(4):hover{background: #004bc9 url(../images/ico8.png) no-repeat 70px center;;color: #fff;border-left: 0 none;border-right: 0 none;}

.zy_box{background-color: #efefef;}

.sec1{padding-top: 70px;}
.sec1 ul{margin-top: 40px;}
.sec1 ul li{width: 590px;height: 280px;overflow: hidden;background-color: #fff;float: left;margin-bottom: 20px;margin-left: 20px;transition: all 0.3s linear 0s;}
.sec1 ul li:hover{box-shadow: 0px 5px 30px #999; transform: translate3d(0,-4px,0); }
.sec1 ul li:nth-child(2n-1){margin-left: 0;}
.sec1 ul li:nth-child(3),.sec1 ul li:nth-child(4){margin-bottom: 0;}
.sec1 ul li .img{width: 330px;height: 100%;position: relative;}
.sec1 ul li .img .hot{position: absolute;width: 110px;height: 110px;left: -60px;top: -60px;background: #be0000;color: #fff;font-size: 20px;text-transform: uppercase;z-index: 5;line-height: 187px;text-align: center;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.sec1 ul li .zy{width: 260px;height: 100%;padding: 20px 20px 0;}
.sec1 ul li .zy .zy_tit{font-size: 18px;font-weight: bold;color: #333333;}
.sec1 ul li .zy .zy_span{width: 130px;height: 18px;margin:14px 0 10px;line-height: 18px;text-align: center;}
.sec1 ul li .zy .zy_span span:nth-child(1){width: 50px;height: 100%;display: block;border-radius:2px;background-color: #ffcccc;font-size: 14px;color: #ff0000; }
.sec1 ul li .zy .zy_span span:nth-child(2){width: 70px;height: 100%;display: block;border-radius:2px;background-color: #ccdbf4;font-size: 14px;color: #004bc9; }
.sec1 ul li .zy .zy_con{font: 16px/26px 'Microsoft Yahei';color: #555555;height: 130px;}
.sec1 ul li .zy .zy_zx{height: 32px;margin-top: 14px;}
.sec1 ul li .zy .zy_zx a{width: 100px;height: 32px;display: block;border-radius: 5px;line-height: 32px;text-align: center;transition: all 0.3s linear 0s;}
.sec1 ul li .zy .zy_zx a.fl{background-color: #004bc9;color: #fff;}
.sec1 ul li .zy .zy_zx a.fr{border: 1px solid #004bc9;color: #004bc9;}

.form_box{height: 120px;background: url(../images/form_bg.jpg) no-repeat center;margin-top: 70px;overflow: hidden;}
.form_box .form{width: 1150px;height: 60px;margin: 30px auto 0;position: relative;}
.form_box .form input{width: 350px;height: 100%;display: block;border: 2px solid #fff;border-radius: 5px;padding-left: 62px;color: #fff;background: transparent url(../images/ico9.png) no-repeat 16px center;}
.form_box .form #click{background: transparent url(../images/ico10.png) no-repeat 16px center;}
.form_box .form .line{width: 1px;height: 24px;background-color: #fff;position: absolute;left: 50px;top: 18px;}
.form_box .form .line1{width: 1px;height: 24px;background-color: #fff;position: absolute;left: 450px;top: 18px;}
.form_box .form input::-webkit-input-placeholder{color: #fff;}
.form_box .form button{width: 350px;height: 100%;display: block;background-color: #fff;color: #004bc9;border: 0 none;border-radius: 5px;font-size: 16px;cursor: pointer;}

.sec2{padding-top: 70px;}
.sec2 ul{margin-top: 40px;flex-wrap: wrap;}
.sec2 ul li{width: 390px;height: 440px;background-color: #fff;margin-bottom: 14px;overflow: hidden;transition: all 0.3s linear 0s;}
.sec2 ul li:hover{box-shadow: 0px 5px 30px #999; transform: translate3d(0,-4px,0);}
.sec2 ul li:nth-child(4),.sec2 ul li:nth-child(5),.sec2 ul li:nth-child(6){margin-bottom: 0;}
.sec2 ul li .img{width: 390px;height: 250px;position: relative;}
.sec2 ul li .img .hot{position: absolute;width: 110px;height: 110px;left: -60px;top: -60px;background: #be0000;color: #fff;font-size: 20px;text-transform: uppercase;z-index: 5;line-height: 187px;text-align: center;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.sec2 ul li .zy_tit{font-size: 18px;font-weight: bold;color: #333333;position: relative;height: 60px;padding: 18px 20px 0;}
.sec2 ul li .zy_tit .zy_span{width: 130px;height: 18px;line-height: 18px;text-align: center;position: absolute;right: 20px;top: 22px;font-weight: 0;}
.sec2 ul li .zy_tit .zy_span span:nth-child(1){width: 50px;height: 100%;display: block;border-radius:2px;background-color: #ffcccc;font-size: 14px;color: #ff0000; }
.sec2 ul li .zy_tit .zy_span span:nth-child(2){width: 70px;height: 100%;display: block;border-radius:2px;background-color: #ccdbf4;font-size: 14px;color: #004bc9; }
.sec2 ul li .zy_con{font: 16px/26px 'Microsoft Yahei';color: #555555;padding: 0 20px;}
.sec2 ul li .zy_zx{width: 300px;height: 32px;margin: 20px auto;}
.sec2 ul li .zy_zx a{width: 120px;height: 32px;display: block;border-radius: 5px;line-height: 32px;text-align: center;}
.sec2 ul li .zy_zx a.fl{background-color: #004bc9;color: #fff;}
.sec2 ul li .zy_zx a.fr{border: 1px solid #004bc9;color: #004bc9;}

.ggt{height: 120px;display: block;background: url(../images/ggt.jpg) no-repeat center;margin: 70px auto 0}

.sec3{padding: 70px 0;}
.sec3 ul{margin-top: 40px;}
.sec3 ul li{width: 285px;height: 350px;background-color: #fff;overflow: hidden;transition: all 0.3s linear 0s;}
.sec3 ul li:hover{box-shadow: 0px 5px 30px #999; transform: translate3d(0,-4px,0);}
.sec3 ul li .img{width: 285;height: 230;position: relative;}
.sec3 ul li .img .hot{position: absolute;width: 110px;height: 110px;left: -60px;top: -60px;background: #be0000;color: #fff;font-size: 20px;text-transform: uppercase;z-index: 5;line-height: 187px;text-align: center;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.sec3 ul li .zy_tit{font-size: 18px;font-weight: bold;color: #333333;position: relative;height: 60px;padding: 18px 20px 0;}
.sec3 ul li .zy_tit .zy_span{width: 130px;height: 18px;line-height: 18px;text-align: center;position: absolute;right: 20px;top: 22px;font-weight: 0;}
.sec3 ul li .zy_tit .zy_span span:nth-child(1){width: 50px;height: 100%;display: block;border-radius:2px;background-color: #ffcccc;font-size: 14px;color: #ff0000; }
.sec3 ul li .zy_tit .zy_span span:nth-child(2){width: 70px;height: 100%;display: block;border-radius:2px;background-color: #ccdbf4;font-size: 14px;color: #004bc9; }
.sec3 ul li .zy_zx{width: 230px;height: 32px;margin: 4px auto;}
.sec3 ul li .zy_zx a{width: 100px;height: 32px;display: block;border-radius: 5px;line-height: 32px;text-align: center;}
.sec3 ul li .zy_zx a.fl{background-color: #004bc9;color: #fff;}
.sec3 ul li .zy_zx a.fr{border: 1px solid #004bc9;color: #004bc9;}

.top_ul{width: 100%;background-color: #fff;}
.top_ul.on{
    position: fixed;
    top: 0;
    left:50%;
    transform: translateX(-50%); 
    z-index: 999;
    box-shadow:0px 3px  10px 2px #ddd;
}