body{ font-size: 14px; line-height: 30px; font-family:"微软雅黑"; color: #333;}
*{ padding: 0px; margin: 0px;}
a{ text-decoration: none; color: #fff;}
li{ list-style: none;}
input{ border: none; background: none;}
img{ border:0;}
.clear{ clear: both; }
h1,h2,h3{ margin: 0; padding: 0; }

.container img{ max-width: 100%; }

.banner{ height: 559px; background: url(../images/yj_pc_banner.jpg) top center no-repeat;}
.m_banner{ display: none; }
.wrap h3{ color: #6BA5FD; font-weight: normal; font-size: 22px; margin: 10px 0; padding-left: 25px; background: url(../images/yj_icon_dian.png) left center no-repeat; }
.box{ width: 1000px; margin: 10px auto; }
.box1{ border-top: 1px solid #E5E5E5; padding: 15px; }
.box1 p{ padding: 0 25px; }
.box2{ width: 100%; background: #F3F8FF; padding: 20px 0; }
.box2 .hd2{ padding: 0 10px; }
.box2 .hd2 span{ height: 40px; line-height: 40px; padding: 0 10px; float: left; cursor: pointer; }
.box2 .hd2 span.cur{ background: #3783F5; border-radius: 20px; color: #fff; }
.box2 .bd2{ width: 970px; padding-left: 15px; margin-top: 20px; display: none; }
.box2 .bd2.cur{ display: block; }
.box2 .desc{ padding-left: 25px; color: #6BA5FD; }
.box2 .item{ width: 890px; background: #fff; margin-left: 25px; border-radius: 20px; margin-top: 20px; }
.box2 .item li{ padding: 15px 20px; border-bottom: 1px solid #E5E5E5; }
.box2 .item li:last-child{ border-bottom: 0; }
.box2 .item .color1{ color: #6BA5FD;}
.box2 .item .color2{ color: #FF595F;}
.box2 .item .color3{ color: #6BA5FD; padding-right: 15px; cursor: pointer; margin-right: 20px; background: url(../images/yj_icon_why.png) right center no-repeat;}
.box2 .item a{ text-decoration: underline; }
.box3{ width: 100%; background: #6BA5FD; color: #fff; padding: 15px 0; }
.box3 .box h3{ color: #fff; background: url(../images/yj_icon_dian2.png) left center no-repeat; margin: 5px 15px; }
.box3 .zc_tags{ height: 340px; width: 490px; float: left; position: relative; }
.box3 .zc_tags .tag{ position: absolute; cursor: pointer; }
.box3 .zc_tags .tag1{ font-size: 24px; }
.box3 .zc_tags .tag2{ font-size: 18px; }
.box3 .zc_tags .num1{ left: 65%; top: 10px;}
.box3 .zc_tags .num2{ left: 10%; top: 40px; }
.box3 .zc_tags .num3{ left: 40%; top: 80px;}
.box3 .zc_tags .num4{ left: 70%; top: 130px;}
.box3 .zc_tags .num5{ left: 5%; top: 115px;}
.box3 .zc_tags .num6{ left: 35%; top: 120px;}
.box3 .zc_tags .num7{ left: 30%; top: 160px;}
.box3 .zc_tags .num8{ left: 10%; top: 200px;}
.box3 .zc_tags .num9{ left: 60%; top: 230px;}
.box3 .zc_tags .num10{ left: 60%; top: 190px;}
.box3 .zc_tags .num11{ left: 3%; top: 250px;}
.box3 .zc_tags .num12{ left: 35%; top: 260px;}
.box3 .zc_tags .num13{ left: 60%; top: 290px;}
.box3 .zc_tags .num14{ left: 20%; top: 290px;}
.box3 .zc_tags .cur{ font-size: 34px; color: #FFCB00; }
.box3 .zc_desc{ height: 280px; width: 350px; display: none; float: right; margin-right: 50px; overflow-y: scroll; background: #fff; border-radius: 20px; padding: 30px 25px; }
.box3 .zc_desc.cur{ display: block;}
.box3 .zc_desc h2{ height: 60px; line-height: 50px; margin-bottom: 20px; font-size: 22px; color: #3783F5; font-weight: normal; background: url(../images/yj_icon_line.jpg) left bottom no-repeat; }
.box3 .zc_desc p{ color: #333; }
.box4 h3{ margin: 0 20px; margin-bottom: 10px;}
.box4 li{ border-bottom: 1px solid #E5E5E5; padding: 10px 40px; }
.box4 li:first-child{ border-top: 1px solid #E5E5E5; }
.box4 li h4{ cursor: pointer; font-weight: bold;}
.box4 li p{ display: none; }
.box4 li h4 span{ float: left; }
.box4 li h4 em{ width: 15px; height: 30px; float: left; background: url(../images/yj_icon_up.png) center no-repeat; display: none;}
.box4 li.cur h4 em{ display: block; }
.box5{ width: 100%; background: #F3F8FF; padding: 15px 0;}
.box5 h3{ margin: 0 20px; margin-bottom: 10px;}
.box5 .desc{ padding-left: 45px; color: #6BA5FD; }
.box5 ul{ margin-top: 20px; }
.box5 li{ width: 140px; height: 180px; text-align: center; padding: 30px; background: #fff; border-radius: 5px; margin-left: 45px; float: left; }
.box5 li p,.box5 li h4{ width: 100%; float: left; margin-bottom: 30px; line-height: 26px; font-size: 16px; }
.box5 li .step_num{ width: 34px; height: 34px; float: left; margin-left: 53px; border-radius: 50%; background: #3783F5; font-size: 28px; color: #fff; line-height: 34px; }
.box5 li .status{ color: #6BA5FD; }
.box6{ padding: 15px; }
.box6 p{ padding: 0 25px; }

@media only screen and (max-width: 540px){
.container{ max-width: 540px; margin: 0 auto;}
.banner{ height: auto; background: none; }
.m_banner{ display: block; }
.wrap{ width: 100%; margin: 15px auto; padding:0 0; }
.wrap .box{ width: 100%;}
.box2 .box{ margin-top: 0; }
.box2 .bd2{ width: 96%; padding-left: 2%; }
.box2 .bd2 h3{ margin-left: 10px; }
.box2 .item{ margin-left: 0; width: 100%; }
.box3 .zc_tags{ width: 100%;}
.box3 .zc_tags .num1{ left: 55%; top: 10px;}
.box3 .zc_tags .num2{ left: 5%; top: 40px; }
.box3 .zc_tags .num3{ left: 10%; top: 80px;}
.box3 .zc_tags .num4{ left: 10%; top: 160px;}
.box3 .zc_tags .num5{ left: 5%; top: 115px;}
.box3 .zc_tags .num6{ left: 50%; top: 120px;}
.box3 .zc_tags .num7{ left: 55%; top: 160px;}
.box3 .zc_tags .num8{ left: 10%; top: 200px;}
.box3 .zc_tags .num9{ left: 50%; top: 230px;}
.box3 .zc_tags .num10{ left: 55%; top: 190px;}
.box3 .zc_tags .num11{ left: 3%; top: 250px;}
.box3 .zc_tags .num12{ left: 45%; top: 260px;}
.box3 .zc_tags .num13{ left: 50%; top: 290px;}
.box3 .zc_tags .num14{ left: 20%; top: 290px;}
.box3 .zc_desc{ width: 88%; height: auto; overflow-y: none; margin: 0 2%; padding: 20px 4%; }
.box5 h3{ padding-left: 15px; }
.box5 .desc{ padding-left: 35px; }
.box5 ul{ width: 96%; padding: 2%;  }
.box5 li{ width: 40%; margin: 2%; padding: 20px 3% }
}