*{margin: 0px;padding: 0px;}
.banner img{width: 100%;}
.head{background: #b4e6ff;}
.head ul{width: 1200px;margin: 0px auto;display: flex;justify-content: center;align-items: center;position: relative;}
.head ul li{width: 20%;}
.head ul li a{display: block;line-height: 50px;text-align: center;font-size: 18px;font-weight: bold;color: #3464f1;}
.head ul li a:hover{background: linear-gradient(to bottom, #57c1ff,#237bff);color: #ffffff;}
.head ul li a.active{background: linear-gradient(to bottom, #57c1ff,#237bff);color: #ffffff;}
.cend{background: url(../images/bg.png) no-repeat bottom center;padding: 20px 10px 100px;}
.footer{background: #237aff;text-align: center;line-height: 50px;color: #ffffff;font-size: 12px;}
.center{width: 1200px;margin: 30px auto;}
.title{display: block;margin: 30px auto;}
.com{background: linear-gradient(to right, #b5e6ff, #feffff);margin: 30px auto;border-radius: 20px;padding: 30px 30px;overflow: hidden;}
.com:nth-child(odd){background: linear-gradient(to left, #b5e6ff, #feffff);}
.com>img{float: left;margin-right: 20px;}
.com:nth-child(odd)>img{float: right;margin-left: 20px}
.t{background: linear-gradient(to left, #d2eeff, #257cff);padding: 10px 0px;color: #ffffff;font-weight: bold;font-size: 20px;display: flex;justify-content: flex-start;align-items: center;padding-left: 15px;border-radius: 20px;margin-bottom: 10px;}
.t img{margin-right: 10px;}
.com p{font-size: 16px;color: #333333;line-height: 32px;text-indent: 2em;}
.top{background: linear-gradient(to left, #d2eeff, #257cff);padding: 10px 0px;color: #ffffff;font-weight: bold;font-size: 20px;display: flex;justify-content: flex-start;align-items: center;padding-left: 20px;border-radius: 20px;margin-bottom: 10px;margin-bottom: 30px;padding-right: 20px;}
.top img{margin-right: 10px;}
.month{display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.month div{background: linear-gradient(to bottom, #e9f8fe, #b8e7ff);padding: 30px;width: 260px;margin-right: 33px;margin-bottom: 33px;border-radius: 20px;cursor: pointer;height: 129px;}
.month div:nth-child(4n){margin-right: 0px;}
.month div h3{font-size: 20px;font-weight: bold;display: block;}
.month div p{font-size: 16px;color: #333333;}
.flex{display: flex;justify-content: space-between;align-items: center;}
.flex img{cursor: pointer;}
.company{display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.company div{background: linear-gradient(to bottom, #e9f8fe, #b8e7ff);padding: 30px;width: 350px;margin-right: 33px;margin-bottom: 33px;border-radius: 20px;height: 400px;cursor: pointer;}
.company div:nth-child(3n){margin-right: 0px;}
.company div h3{font-size: 20px;font-weight: bold;margin-bottom: 15px;display: flex;justify-content: space-between;align-items: center;}
.company div h3 b{display: flex;justify-content: flex-start;align-items: center;font-size: 24px;color: #0a56fe;font-weight: bold;width:83%;}
.company div h3 b img{margin-right: 10px;}
.company div p{font-size: 16px;color: #333333;line-height: 32px;}

.logo_list{display: flex;justify-content: flex-start;align-items: flex-start;}
.logo_list div{margin: 15px;}
.logo_list div p{font-size: 14px;color: #333333;line-height: 28px;text-align: center;}
.zc{margin: 20px auto;}
.top1{background:linear-gradient(to right, #418dff, #b3e5ff);display: flex;justify-content: space-between;align-items: center;padding: 20px 20px;border-radius: 10px;margin-bottom: 10px;cursor: pointer;}
.top1 span{color: #ffffff;font-size: 18px;font-weight: bold;}
.bottom{display: none;}
.bottom img{display: block;margin: 10px auto;}

.qiye a{display: inline-block;margin-right: 12px;margin-bottom: 12px;}
/*.qiye img{}*/
.qiye img:nth-child(5n){margin-right: 0px;}

.head_fx{position: absolute;top: 50px;left: 20%;background: linear-gradient(to bottom, #57c1ff,#237bff);border-radius: 20px;width: 240px;overflow: hidden;display: none;}
.head_fx a{display: block;line-height: 50px;text-align: center;font-size: 18px;font-weight: bold;color: #ffffff;}
.head_fx a:hover{background: #b4e6ff;}
.head_fx a.active{background: #b4e6ff;}

.month a{display: block;margin: 13px 13px;background: url(../images/zibo_bg.png) no-repeat;width: 259px;height: 131px;display: flex;justify-content: center;align-items: center;color: #ffffff;font-weight: bold;font-size: 24px;}
