*{
padding: 0;
margin: 0;
font-family:Microsoft YaHei;
text-decoration: none;
}
a{
text-decoration: none;
color: #333;
}
.fl{
float: left;
}
.fr{
float: right;
}
p{
color: #333;
}
html{font-size:62.5%;}
body{font-size:12px;font-size:1.2rem ;}
p{font-size:14px;font-size:1.4rem;}
.topNav{
max-width: 1920px;
height: 80px;
margin: 0 auto;
line-height: 80px;
}
.logo{
float: left;
width: 280px;
margin: 20px 0 0 50px;
}
.num{
float: right;
margin-right: 50px;
font-weight: bold;
}
.container{
max-width: 1920px;
height: auto;
margin: 0 auto;
}
.item_top{
max-width: 1920px;
height: 80px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
line-height: 80px;
}
.item_top p{
font-weight: bold;
}
.topL{
width: 130px;
height: 80px;
margin-left: 50px;
}
.topL img{
width: 100%;
}
.topR{
width: 130px;
height: 80px;
margin-right: 50px;
}
.topR img{
width: 100%;
margin-top: 15px;
}
.clear{
clear: both;
}
.item_banner{
max-width: 1920px;
margin: 0 auto;
position: relative;
z-index: 1;
background: url('images/bg1.jpg') top center no-repeat #abe4e1;
background-size: 100% ;
overflow: hidden;
position: relative;
}
.item_banner .top1{
width: 100%;
display: block;
}
.item_banner_box{
width: 750px;
height: 320px;
margin: 0 auto;
position: relative;
left: 50%;
margin-left:-375px;
margin-top: -200px;
background: url('images/bg2.png') top center no-repeat;
background-size: 100% ;
overflow: hidden;
}
.item_banner_line{
width: 90%;
height: 190px;
margin: 120px auto 0;
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
}
.item_banner_line_div{
width: 20%;
height: 190px;
text-align: center;
font-size: 2rem;
cursor: pointer;
}
.item_banner_line_div2{
color: #fc4d4d;
}
.item_banner_line_div img{
height: 125px;
margin-bottom: 15px;
}
.item_banner_main{
width: 750px;
margin: 50px auto;
background: #fff;
overflow: hidden;
}
.item_banner_main_line{
width: 96%;
height: 100px;
margin: 25px auto;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
align-items: center;
padding-bottom: 25px;
border-bottom: 1px solid #dedede;
}
.item_banner_main_line2{
display: flex;
justify-content: flex-start;
position: relative;
}
.item_banner_main_line2 p{
font-size: 2rem;
margin-left: 1rem;
}
.more{
position: absolute;
right: 1rem;
}
.tui-checkbox:checked {
background:#1673ff
}
.tui-checkbox {
width:25px;
height:25px;
background-color:#ffffff;
border:solid 1px #9e9e9e;
-webkit-border-radius:50%;
border-radius:50%;
font-size:0.8rem;
margin:0;
padding:0;
position:relative;
display:inline-block;
vertical-align:top;
cursor:default;
-webkit-appearance:none;
-webkit-user-select:none;
user-select:none;
-webkit-transition:background-color ease 0.1s;
transition:background-color ease 0.1s;
}
.tui-checkbox:checked::after {
content:'';
top:5px;
left:5px;
position:absolute;
background:transparent;
border:#fff solid 2px;
border-top:none;
border-right:none;
height:6px;
width:10px;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.item_banner_main_line_img{
height: 90px;
}
.item_banner_main_line_img2{
width: 45px;
}
.item_banner_main_line_div{
width: 65%;
height: 80px;
}
.item_banner_main_line_div .item_banner_main_line_div_p{
font-size: 2rem;
}
.item_banner_main_line_div2{
width: 100%;
height: 40px;
margin-top: 2rem;
}
.item_banner_main_line_div2 a{
padding: 0.5rem 1rem;
border: 1px solid;
font-size: 1.5rem;
border-radius: 1.5rem;
margin-top: 5px;
margin-right: 0.5rem;
color: #fc4d4d;
}
.item_banner_main_line_div2_p{
margin-top: 1rem;
color: #333;
}
.item_banner_main_line_div2_p span{
color: #9e9e9e;
}
.yjxz{
display: block;
width: 50rem;
height: 8rem;
border-radius: 1rem;
background: rgb(252, 235, 8);
text-align: center;
line-height: 8rem;
font-size: 3rem;
font-weight: bold;
letter-spacing: 0.5rem;
margin: 0 auto;
margin-bottom: 25px;
}
.zhezhao {
position: fixed;
left: 0px;
top: 0px;
background: #000;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 100;
}
.zhezhao p{
text-indent: 0em !important;
}
.yhzp_tc{
width: 300px;
position: absolute;
top: 50%;
margin-top: -175px;
left: 50%;
margin-left: -150px;
box-sizing: border-box;
background: url('http://www.yinhangzhaopin.com/images/yhzpxzbg.jpg') top center no-repeat #fff2d5;
background-size: 100%;
padding: 0 15px 15px 15px;
overflow: hidden;
}
.yhzptc_close{
position: absolute;
width: 30px;
right: 5px;
top: 5px;
}
.yhzptc_close:hover{
cursor: pointer;
}
.yhzp_tc .yhzp_tc_top1{
margin-top: 105px;
}
.yhzp_tc p{
width: 100%;
margin-top: 15px;
}
.yhzp_tc .yhzp_tc_top input{
width: 100%;
border: 1px solid #eac658;
border-radius: 8px;
height: 45px;
outline: none;
font-size: 16px;
box-sizing: border-box;
padding-left: 15px;
}
.yhzp_tc .yhzp_tc_top select{
width: 100%;
border: 1px solid #eac658;
border-radius: 8px;
height: 45px;
outline: none;
font-size: 16px;
box-sizing: border-box;
padding-left: 15px;
color: #6d6d6d;
}
.yhzpyz{
width: 150px;
padding-left: 15px;
}
.yhzphq{
width: 110px;
float: right;
background:#eac658 ;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.yhzp_tc .yhzp_tc_bottom input{
border: 1px solid #eac658;
border-radius: 8px;
height: 45px;
outline: none;
font-size: 16px;
box-sizing: border-box;
}
.yhzp_tc .yhzp_tc_tj input{
width: 100%;
border-radius: 8px;
height: 45px;
outline: none;
font-size: 16px;
box-sizing: border-box;
border: none;
background: #eac658;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.item_btm{
max-width: 1920px;
margin: 0 auto;
background: url('images/btmbg.jpg') top center no-repeat;
background-size: 100%;
overflow: hidden;
}
.item_btm_box{
width: 750px;
height: 250px;
margin: 150px auto 50px;
display: flex;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
}
.item_btm_box .btml{
width: 400px;
}
.item_btm_box .btmr{
width: 150px;
}
@media screen and (max-width: 768px) {
.topNav{
display: none;
}
.item_banner{
width: 100%;
}
.item_banner_box{
width: 90%;
height: 140px;
margin-left:-45%;
margin-top: 0;
}
.item_banner_line{
width: 90%;
margin: 4.5rem auto 0;
}
.item_banner_line_div{
width: 20%;
text-align: center;
font-size: 1rem;
cursor: pointer;
}
.item_banner_line_div2{
color: #fc4d4d;
}
.item_banner_line_div img{
height: 50px;
margin-bottom: 15px;
}
.item_banner_main{
width: 90%;
margin: 10px auto;
background: #fff;
}
.item_banner_main_line_img{
display: none;
}
.item_banner_main_line_img2{
width: 4rem;
}
.item_banner_main_line_div .item_banner_main_line_div_p{
font-size: 1.6rem;
}
.item_banner_main_line{
margin: 1rem auto;
border: none;
border-bottom: 1px solid #dedede;
padding-bottom: 1rem;
}
.item_banner_main_line_div2{
margin-top:1rem;
}
.yjxz{
display: block;
width: 80%;
height: 6rem;
line-height: 6rem;
margin: 0 auto 1rem;
}
.item_btm{
width: 100%;
}
.item_btm_box{
width: 90%;
height: 10rem;
margin: 2rem auto 0.5rem;
display: flex;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
}
.item_btm_box .btml{
width: 20rem;
}
.item_btm_box .btmr{
width: 10rem;
}
.topL{
width: 100px;
height: 60px;
margin-left: 15px;
}
.item_top{
height: auto;
}
.topL img{
width: 100%;
}
.topR{
width: 100px;
height: 60px;
margin-right: 15px;
}
.topR img{
width: 100%;
margin-top: 15px;
}
}
@media screen and (max-width: 320px) {
.item_banner_main_line_div2 a{
font-size: 1.1rem;
}
}