.banner {
    width: 100%;height: 640px;background: url(../../images/zt/programme/template_20220615/banner_bg.jpg) no-repeat center;position: relative;margin-top:135px;
}
.banner-content{position: relative;width: 1200px;height: 640px;margin:0 auto;}
.banner-content .banner-pic{display: block;position: absolute;left: 0;top: 0;width: 1200px;height: 640px;z-index: 2;}

.banner-content .product-pic{width: 360px;height: 360px;display: block;position: absolute;top: 102px;right: 104px;z-index: 1;}
.banner-info{position: absolute;width: 100%;height: 135px;left:0;bottom:0;background: rgba(10,32,79,.77);z-index: 3;}
.banner-info-container{width: 1200px;margin:0 auto;height: 130px;display: flex;align-items: center;}
.project-name{position: absolute;z-index: 3;font-size: 32px;font-weight: bold;color: #fff;line-height: 48px;width: 550px;left: 100px;top:220px}
.banner-info-list{display: flex; justify-content: space-between;width:100%}
.banner-info-list .item{display: flex;min-width: 130px;padding:0 40px 0 40px;}
.banner-info-list .item-left{width: 30px;height: 30px;margin-top:10px;}
.banner-info-list .item-right{flex:1;margin-left: 15px;font-size: 18px;line-height: 26px;}
.banner-info-list .item-right dt{color: #7b8bda;}
.banner-info-list .item-right dd{color: #fff;}
.banner-info-list .industry .item-right dd{display: flex;}
.banner-info-list .industry .item-right dd p{margin-right: 20px;}

.banner-info-list .icon1{background: url(../../images/zt/programme/template_20220615/icon_address.png);}
.banner-info-list .icon2{background: url(../../images/zt/programme/template_20220615/icon_scjd.png);}
.banner-info-list .icon3{background: url(../../images/zt/programme/template_20220615/icon_sshy.png);}
.banner-info-list .icon4{background: url(../../images/zt/programme/template_20220615/icon_fund.png);}
.banner-info-list .icon5{background: url(../../images/zt/programme/template_20220615/icon_hzfs.png);}

.banner-info-list .item-line{width: 2px;height: 50px;background: url(../../images/zt/programme/template_20220615/line.png);}
.contentWrap{width: 100%;background:#f8f8f8 url(../../images/zt/programme/template_20220615/content_bg.jpg) bottom center no-repeat;min-height: 1867px;padding-bottom:100px}
.contentWrap .container{width: 1200px;margin: 0 auto;display: flex;padding-top: 60px;}
.contentWrap .wrap-left{width: 820px;}
.contentWrap .wrap-right{width: 326px;margin-left: auto;}
.con-title{display: flex;justify-content: center;font-size: 26px;font-weight: bold;height: 30px;align-items: center;}
.icon-title-left,.icon-title-right{width: 23px;height: 17px;}
.icon-title-left{background: url(../../images/zt/programme/template_20220615/icon_title_left.png);}
.icon-title-right{background: url(../../images/zt/programme/template_20220615/icon_title_right.png);}
.title-name{margin:0 14px;}
.wrap-con-item{margin-bottom: 40px;}
.con-article{color: #333333;padding-top:35px}
.con-article .article-title{font-size: 20px;font-weight: bold;line-height: 24px;margin-bottom: 25px;}
.con-article .article-font{font-size: 16px;line-height: 28px;text-align: justify;}
.con-article .article-font p{margin:0 0 20px 0;}
.con-article .article-font img{display: block; max-width: 100%;}
.wrap-con-submit{display: flex;justify-content: center;}
.wrap-con-submit .btn-tuijian{width: 196px;height: 42px;display: block;border-radius: 21px;background:linear-gradient(to bottom, #93b6ff, #4961d4);font-size: 16px;color: #fff;text-align: center;line-height: 42px;box-shadow: 0 0 10px rgba(159,159,159,.16);}
.wrap-right-contact{width: 326px;height:387px;background:#fff url(../../images/zt/programme/template_20220615/photo_bg.png) no-repeat top;border-radius: 7px;padding-top:30px;box-sizing: border-box;}
.right-avatar{width: 136px;height: 136px;margin:0 auto;}
.right-avatar img{width: 136px;height: 136px;border-radius: 50%;}
.right-contacter{display: flex;align-items: center;font-size: 18px;color: #666666;justify-content: center;padding-top:16px}
.right-contacter .name{color: #000;font-weight: bold;margin-right: 12px;}
.right-contacter .job{margin-left: 12px;}
.right-contacter .icon-hot{display: block;width: 11px;height: 13px;background: url(../../images/zt/programme/template_20220615/icon_hot.png);margin-left: 10px;}
.right-contacter .hot-counts{color: #f83600;margin-left: 5px;}
.right-company{font-size: 14px;text-align: center;}
.right-desc{width: 252px;font-size: 14px;color: #999999;line-height: 20px;width: 265px;margin:0 auto;padding-top:25px;}
.right-show-contact{display: flex;width: 196px;height: 42px;border: 1px solid #4860d3;border-radius: 20px;box-sizing: border-box;margin:0 auto;align-items: center;justify-content: center;font-size: 16px;color: #4860d3;margin-top:20px;}
.right-show-contact:hover{color: #4860d3;}
.recommend-project{margin-top:38px;}
.recommend-top{height: 26px;align-items: center;display: flex;justify-content: space-between;}
.recommend-top-title{font-size: 20px;font-weight: bold;}
.recommend-top-more{font-size: 16px;color: #4860d3;}
.recommend-list{margin-top:26px;}
.recommend-list .item{background:linear-gradient(45deg, #fff, #f0f4fc);display: block;margin-bottom: 20px;padding:20px;border-radius: 5px;box-shadow: 0 0 20px rgba(159,159,159,.16);}
.recommend-list .item-name{font-size: 16px;color: #000000;font-weight: bold;line-height: 24px;}
.recommend-list .item-desc{font-size: 14px;color: #666;line-height: 24px;margin-top:3px;}
.recommend-list .item-tags{display: flex;padding-top:10px;}
.recommend-list .item-tags span{display: block;padding:0 10px;height: 20px;background: #e7edff;color: #576cd6;border-radius:3px;margin-right: 10px;}
.message-wrap{min-height: 570px;background: url(../../images/zt/programme/template_20220615/message_bg.jpg) no-repeat bottom;padding-bottom: 40px;}
.message-container{width: 1200px;margin:0 auto;padding-top:75px;}
.message-left{width: 820px;}
.message-form{width: 820px;display: flex;margin-top:100px;}
.message-form-left{width: 210px;height: 323px;background: #f3f6ff;padding:50px 0 0 30px;box-sizing: border-box;position: relative;}
.message-form-left .font1{font-size: 24px;font-weight: bold;color: #4860d3;line-height: 30px;}
.message-form-left .font2{font-size: 24px;color: #4860d3;line-height: 30px;margin-top:10px;}
.message-form-left .line{width: 67px;height: 3px;background: #4860d3;margin-top:5px;}
.message-form-left .font3{font-size: 26px;font-weight: bold;margin-top:8px;}
.message-form-left .narrow{position: absolute;width: 30px;height: 40px;background: url(../../images/zt/programme/template_20220615/narrow_right.png);top:193px;right:-5px;}
.message-form-right{margin-left: 33px;flex: 1;}
.form-control-area{border: 1px solid #eeeeee;}
.form-control{border: 1px solid #eeeeee;min-height: 33px;display: flex;align-items: center;background: #fff;}
.form-control-area .area-style{height: 125px;padding:18px;box-sizing: border-box;width: 100%;outline: none;border: 0;font-size: 14px;}
.form-control-area .word-counts{text-align: right;font-size: 14px;color: #999999;padding-right: 20px;padding-bottom: 10px;}
.form-control-area .word-counts span{color: #f83600;font-weight: bold;}
.form-control .input-style{border: 0;outline: none;font-size: 14px;margin-left: 10px;width: 500px;}
.form-control i{display: block;width: 20px;height: 20px;margin-left: 18px;}
.form-control .icon-user{background:url(../../images/zt/programme/template_20220615/icon_user.png)}
.form-control .icon-tel{background:url(../../images/zt/programme/template_20220615/icon_tel.png)}
.form-commit{display: flex;font-size: 14px;color: #aaaaaa;align-items: center;}
.form-commit .icon-commit{display: block;width: 16px;height: 16px;background:url(../../images/zt/programme/template_20220615/icon_commit.png);margin-right: 8px;}
.btn-message-submit{display: block;height: 35px;text-align: center;line-height: 35px;font-size: 16px;color: #fff;background:linear-gradient(to bottom, #93b6ff, #4961d4);margin-top:8px;}
.btn-message-submit:hover{color: #fff;}
.message-list{margin-top:50px}
.message-list .item{margin-bottom: 40px;display: flex;justify-content: space-between;}
.message-list .item-left{width: 90px;height: 90px;}
.message-list .item-left img{display: block;width: 90px;height: 90px;border-radius: 50%;}
.message-list .item-right{margin-left: 18px;flex:1;padding-top:20px}
.message-list .item-right .message-name{font-size: 18px;font-weight:bold;line-height: 24px;}
.message-list .item-right .message-info{display: flex;justify-content: space-between;font-size: 14px;color: #666666;line-height: 24px;margin-top:5px}
.message-list .item-right .message-content{font-size: 16px;line-height: 28px;margin-top:20px;text-align: justify;}
.err-message{font-size: 14px;color: #f83600;line-height: 20px;min-height: 10px;}