@charset "utf-8";
/* CSS Document */
*{padding:0;margin: 0;}
a{text-decoration: none;}
ul li{list-style-type: none;}
.zcwjk{width: 100%;height: 904px;background: url("../images/zcwjk-bg.png" )top center no-repeat;}
.zcwjkcon{width: 1200px;margin: 0 auto;}
.zcwjk-logo{width: 100%;}
.zcwjk-title{width: 100%;margin: 60px auto 60px auto;text-align: center;}
.zcwjk-search{
        width: 996px;
        height: 70px;
        margin: 0 auto;
        border-radius: 10px;
        border: 3px solid transparent;
        background-image: linear-gradient(#fff, #fff),
        linear-gradient(to right, #8ebcfe,#1758ec);
        background-origin: border-box;
        background-clip: content-box, border-box;
        }
.zcwjk-search input{
    width: 880px;
    padding-left: 12px;
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    border-radius: 10px 0px 0px 10px !important;
    font-size: 16px;
    border:none;
    }
.zcwjk-search button{width: 52px;height: 52px;border-radius: 50px;background:linear-gradient(to right, #8ebcfe,#1758ec); border:none;float: right;margin: 10px 20px;}
.zcwjk-threecon{ width: 996px;border:3px solid #fff;margin: 45px auto;border-radius: 10px;}
.zcwjk-motel{width: 956px;height: 280px;background-color:rgba(255,255,255,0.3);padding: 30px 20px; }
.zcwjk-motel .hd{width: 100%;}
.zcwjk-motel .hd::after{content:'';clear: both;display: table;}
.zcwjk-motel .hd ul li{display: block;width: 120px;float: left;font-size: 20px;color: #fff;line-height: 48px;margin-bottom: 30px;text-align: center;cursor: pointer;}
.zcwjk-motel .hd ul li.on{background: url("../images/zcwjk-rhbg.png")center bottom no-repeat;font-weight: bold;}
.zcwjk-motel .zcwjk-cjrh{display: block;width: 100%;}
.zcwjk-motel .zcwjk-cjrh::after{clear: both;display: table;content: '';}
.zcwjk-motel .zcwjk-cjrh li{display: block;width: 268px;height: 82px;background: #fff;float: left;margin-right: 75px;margin-bottom: 25px;box-shadow: 3px 3px 2px #c5e3fa;}
.zcwjk-motel .zcwjk-cjrh li:nth-child(3n){margin-right: 0px;}
.zcwjk-motel .zcwjk-cjrh li a{display: block;text-align: center;color: #333;font-size: 16px;line-height: 82px;}
.zcwjk-motel .zcwjk-cjrh li a img{float: left;margin: 10px 0px 10px 18px;}



.zcwjk-motel .zcwjk-zcfw{display: block;width: 100%;}
.zcwjk-motel .zcwjk-zcfw::after{clear: both;display: table;content: '';}
.zcwjk-motel .zcwjk-zcfw li{display: block;width: 183px;height: 82px;background: #fff;float: left;margin-right: 10px;margin-bottom: 25px;box-shadow: 3px 3px 2px #c5e3fa;}
.zcwjk-motel .zcwjk-zcfw li:nth-child(5n){margin-right: 0px;}
.zcwjk-motel .zcwjk-zcfw li a{display: block;text-align: center;color: #333;font-size: 16px;line-height: 82px;text-align: left;}
.zcwjk-motel .zcwjk-zcfw li a.sp1{display: block;text-align: center;color: #333;font-size: 16px;line-height: 22px;}
.zcwjk-motel .zcwjk-zcfw li a img{float: left;margin: 10px;}
.zcwjk-motel .zcwjk-zcfw li a p.p1{float: left;
    margin-top: 8px;
    width: 48%;}
.zcwjk-motel .zcwjk-zcfw li a p.p2{float: left;
    margin-top: 18px;
    width: 48%;}

.zcwjk-threetit{width: 100%;height: 83px;background: url("../images/zcwjk-wjk.png")top center no-repeat;}

.zcwjk-threetit ul{display: block;width: 1202px;margin: 0 auto;height: 83px;background: #2967ee;}
.zcwjk-threetit ul li{display: block; width: 400px;float: left;}
.zcwjk-threetit ul li a{display: block;text-align: center;font-size: 25px;line-height: 82px;color: #fff;}
.zcwjk-threetit ul li a:hover{background: #fff;color:#2b69ef;}

@media screen and (max-width: 750px){
img{width: 100%;}
.zcwjk{width: 100%;height:auto;background: url("../images/zcwjk-bgphone.png" )top center no-repeat;background-size: 100% 100%;}	
.zcwjkcon{width:96%;margin: 0 auto;}
	.zcwjk-title{width: 100%;margin: 65px auto;text-align: center;}
	.zcwjk-logo img{width: 40%;}
	.zcwjk-search{
        width:96%;
        height: 130px;
        margin: 0 auto;
        border-radius: 20px;
        border: 5px solid transparent;
        background-image: linear-gradient(#fff, #fff),
        linear-gradient(to right, #8ebcfe,#1758ec);
        background-origin: border-box;
        background-clip: content-box, border-box;
        }
	.zcwjk-motel .hd ul li{display: block;width: 220px;float: left;font-size: 38px;color: #fff;line-height: 88px;margin-bottom: 50px;text-align: center;cursor: pointer;}
.zcwjk-motel .hd ul li.on{background: url("../images/zcwjk-rhbg.png")center bottom no-repeat;font-weight: bold;background-size: 80px;}

	.zcwjk-search input{
    width: 70%;
    padding-left: 22px;
    box-sizing: border-box;
    height: 130px;
    line-height: 130px;
    border-radius: 50px 0px 0px 50px !important;
    font-size: 28px;
    border:none;
    }
.zcwjk-search button{width: 98px;height: 98px;border-radius: 50px;background:linear-gradient(to right, #8ebcfe,#1758ec);border:none;float: right;margin: 15px 40px;}
	.zcwjk-search button img{width: 50%;}	
.zcwjk-threecon{ width:96%;border:3px solid #fff;margin: 15px auto;border-radius: 10px;}
.zcwjk-motel{width: 96%;height: 100%;background-color:rgba(255,255,255,0.3);padding: 2% 2%; }
.zcwjk-motel .hd{width: 100%;}	
	
	.zcwjk-motel .zcwjk-cjrh li{display: block;width: 49%;height: 152px;background: #fff;float: left;margin-right: 2%;margin-bottom: 45px;box-shadow: 3px 3px 2px #c5e3fa;}
.zcwjk-motel .zcwjk-cjrh li:nth-child(3n){margin-right: 2%;}
.zcwjk-motel .zcwjk-cjrh li:nth-child(2n){margin-right: 0%;}	
.zcwjk-motel .zcwjk-cjrh li a{display: block;text-align: center;color: #333;font-size: 30px;line-height: 152px;}
.zcwjk-motel .zcwjk-cjrh li a img{float: left;margin: 20px 0px 10px 28px;width: 36%;}
	
	
.zcwjk-motel .zcwjk-zcfw li{display: block;width: 49%;height: 152px;background: #fff;float: left;margin-right: 2%;margin-bottom: 25px;box-shadow: 3px 3px 2px #c5e3fa;}
	.zcwjk-motel .zcwjk-zcfw li:nth-child(2n){margin-right: 0%;}
.zcwjk-motel .zcwjk-zcfw li:nth-child(5){margin-right: 2%;}
	
.zcwjk-motel .zcwjk-zcfw li a{display: block;text-align: center;color: #333;font-size: 30px;line-height: 152px;text-align: left;}
.zcwjk-motel .zcwjk-zcfw li a.sp1{display: block;text-align: center;color: #333;font-size: 30px;line-height: 38px;}
.zcwjk-motel .zcwjk-zcfw li a img{float: left;margin: 20px;width: 34%;}
.zcwjk-motel .zcwjk-zcfw li a p.p1{
    float: left;
    margin-top: 18px;
    width: 48%;
    }
.zcwjk-motel .zcwjk-zcfw li a p.p2{
    float: left;
    margin-top: 38px;
    width: 48%;
    }
.zcwjk-threetit{width: 100%;height: 83px;background: url("../images/zcwjk-wjkphone.png")top center no-repeat;background-size:100%;}

.zcwjk-threetit ul{display: block;width: 82%;margin: 0 auto;height: auto;background: #2967ee;}
.zcwjk-threetit ul li{display: block; width: 33.3%;float: left;}
.zcwjk-threetit ul li a{display: block;text-align: center;font-size: 26px;line-height: 87px;color: #fff;white-space: nowrap; /* 禁止换行 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 显示省略号 */}	
	
	
	
	
}