*{padding: 0;margin: 0;}
html.fssopen, html.fssopen body{width: 100%;height: 100%;top: 0;left: 0; margin: 0;overflow: hidden;}
body{font-family: "微软雅黑";font-size: 0.3rem;background-color:#f1eff0 ;}
ul,li,ol{list-style: none;}
a{text-decoration: none;color: #000;}
img{width: 100%;}
input{outline: none;border:none;background: none;}
/* 未选中颜色#f0d1b1 选中颜色#ff7920 */
/*开始 自测首页向下箭头动画*/
@-moz-keyframes downzc{
from{bottom: 6vh;opacity: 1;}
to{bottom: 0vh;opacity: 0.1;}
}
@keyframes downzc{
from{margin-top: 5vh;opacity: 1;}
to{margin-top: 12vh;opacity: 0.1;}
}
@-webkit-keyframes downzc{
from{margin-top: 5vh;opacity: 1;}
to{margin-top: 12vh;opacity: 0.1;}
}
@-ms-keyframes downzc{
from{margin-top: 5vh;opacity: 1;}
to{margin-top: 12vh;opacity: 0.1;}
}
@keyframes downzc{
from{margin-top: 5vh;opacity: 1;}
to{margin-top: 12vh;opacity: 0.1;}
}
/* 结束 自测向下箭头动画 */
/*开始 自测首页向上箭头动画*/
@-moz-keyframes upzc{
from{bottom:0vh;opacity: 1;}
to{bottom: 6vh;opacity: 0.1;}
}
@keyframes upzc{
from{bottom:0vh;opacity: 1;}
to{bottom: 6vh;opacity: 0.1;}
}
@-webkit-keyframes upzc{
from{bottom:0vh;opacity: 1;}
to{bottom: 6vh;opacity: 0.1;}
}
@-ms-keyframes upzc{
from{bottom:0vh;opacity: 1;}
to{bottom: 6vh;opacity: 0.1;}
}
@keyframes upzc{
from{bottom:0vh;opacity: 1;}
to{bottom: 6vh;opacity: 0.1;}
}/* 结束 自测向上箭头动画 */
.slide{width: 100%;height: 100%;overflow: hidden;}
.zc_home{width:100%;height:100%; position: relative;background: url(../img/zc_home.jpg)no-repeat;background-size:100% 100%;}
.slide_home{}
.zc_home span{display: block;width: 55%;height: 20vh;padding-top:7rem;padding-left: 4%;}
.prev_zc{display: block;position: absolute;width: 15vw;height: 20vw;bottom: 0vh;left: 42vw; border-radius: 50%;z-index: 9;}
.prev_zc img{display: block;position: absolute;animation: upzc 1.2s ease infinite;}
.next_zc{display: block;width: 15vw;height: 20vw;border-radius: 50%;}
.next_zc img{display: block;margin-left: 40vw; margin-top: 5vh;animation: downzc 1.2s ease infinite;}
.problem1,.problem2,.problem3,.problem4,.problem5,.porblem6{width:100vw;margin: 0 auto;padding-top: 3rem;}
.slidewrapper p{height: 7vh;width: 90vw;margin-left: 3vw; padding-left: 4vw; border-bottom: 1px solid black;line-height: 7vh;}
.slidewrapper ul{width: 84vw;height: 45vh;margin: 6vh auto 0 auto;}
.slidewrapper ul li{width: 40vw;height: 21vh;float: left;}
.slidewrapper ul li:nth-of-type(2){margin-left: 4vw;}
.slidewrapper ul li:nth-of-type(3){margin-top: 2vh;}
.slidewrapper ul li:nth-of-type(4){margin-top: 2vh;margin-left: 4vw;}
.slidewrapper li img{display: block;width: 40vw;height: 15vh;}
.slidewrapper li span{display: block;width: 40vw;height: 5vh;margin-top: 1vh;background-color:#f0d1b1;border-radius: 4px;line-height: 5vh;}
.slidewrapper ul li b{display: block;float:left;margin-left: 2vw;}
.slidewrapper ul li i{display: block;float:left;width: 24vw;text-align: center;font-style: normal;}
.slidewrapper li .dui{width: 8vw;height: 4vh;float:right;margin-right: 2vw;margin-top: 0.5vh;display: none;}
.slidewrapper .problem3 ul li{width: 84vw;height: 8vh;margin: 0;}
.slidewrapper .problem3 ul li span{width: 80vw;height: 5vh;}
.porblem6 a{display: block;width: 74vw;height: 18vh;padding-top:10vh;border:1px dashed #bfbfbf;background: #f1f1f1;margin: 10vh auto;text-align: center;}
.prob_span{color: white;background: #ff7920!important;}
.prob_img{display: block!important;}
.fssnav li{display: none;}
.fssnav li a{display: none;}
.slidebj{background: url(../img/zc_bj.jpg) no-repeat;background-size: 100%;}
section.dd_fullscreenslider{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2000;
font-size: 16px; /* base font size */
visibility: visible;
overflow: hidden;
}
div.slidewrapper{ /* wrapper DIV that surrounds the ARTICLE elements inside .dd_fullscreenslider */
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, 0); /* to prevent flickering in iOS */
-moz-transition: -moz-transform 0.5s; /* actual duration controlled by script */
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
ul.fssnav{ /* UL list dynamically added by script for Slider navigation */
list-style: none;
padding: 0;
margin: 0;
position: fixed;
top: 50%; /* vertically center menu */
right: 20px; /* distance from right edge of screen */
transform: translateY(-50%); /* vertically center menu */
}
ul.fssnav li{
margin-bottom: 15px;
}
ul.fssnav li a{
text-decoration: none;
border: 5px solid white; /* border color of nav links */
border-radius: 50%;
width: 10px; /* dimensions of nav links */
height: 10px;
display: block;
position: relative;
text-indent: -500px;
outline: none;
overflow: hidden;
}
ul.fssnav li a::after{ /* create "fill" element inside A */
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 100%;
left: 0;
background: white; /* color of "fill" element */
transition: top 0.5s; /* transition for "fill up" effect */
}
ul.fssnav li.selected a::after{
top: 0; /* fill up selected A element from bottom to top */
}
section.dd_fullscreenslider article.slide{ /* CSS for each slide */
width: 100%;
height: 100%;
display: block;
overflow: hidden;
-moz-box-sizing: border-box;
z-index: 1000;
}
section.dd_fullscreenslider article.slide .scrollable{ /* Assign this class to elements within a slide that should be scrollable */
overflow: auto;
}
section.dd_fullscreenslider div.closex{ /* Large x close button inside Slider */
width: 50px;
height: 50px;
overflow: hidden;
display: block;
position: fixed;
cursor: pointer;
text-indent: -1000px;
opacity: 0.8;
z-index: 1001;
}
section.dd_fullscreenslider div.closex::before, section.dd_fullscreenslider div.closex::after{ /* render large x inside close button */
content: "";
display: block;
position: absolute;
width: 100%;
height: 6px;
background: white; /* color of x button */
top: 50%;
margin-top: -3px;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
section.dd_fullscreenslider div.closex::after{ /* render large cross inside close button */
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}