@charset "gb2312";
/* CSS Document */
html{font-size:62.5%;}
body, ul, ol, dl, li, dd, h1, h2, h6, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button,table, th, td {padding: 0;margin: 0;}
body{font-family:"Microsoft YaHei"; }
ol,ul,li{list-style:none}
fieldset{border:0}
img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    width: auto;
}
a{ text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
input,select,button,label{vertical-align:middle;font-size:12px}
input::-moz-focus-inner{ border:0; padding:0; margin:0; }

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;*zoom:1;}
.fl{float:left}
.fr{float:right}
h1,h2,h6,h4,h5{font-weight: 200}
.div-main{ margin: 0 auto; max-width: 720px; min-width:320px; overflow:hidden; width: 100%;line-height: auto; }
.div-main p{line-height: normal; }
.main{margin:4% auto; position: relative;}
.content{width: 94.44%; margin:0 auto; }
.padding{padding: 4% 0;}

.banner{ width: 100%; position: relative; overflow: hidden; min-height: 375px;}
.banner b{ display: block;  width: 20.69%; position: absolute; top: 8%;  left: 30%; }
.banner .animate{-webkit-animation: mymove 3s infinite;  animation: mymove 2s infinite;}
@keyframes mymove
{
	from{ top: 8%; left: 0; opacity: 0}
	to {top: 8%; left:30%; opacity: 1}
}
@-moz-keyframes mymove{
	from{ top: 8%; left: 0; opacity: 0}
	to {top: 8%; left:30%; opacity: 1}
}
@-webkit-keyframes mymove
{
	from{ top: 8%; left: 0; opacity: 0}
	to {top: 8%; left:30%; opacity: 1}
}
@-ms-keyframes mymove
{
	from{ top: 8%; left: 0; opacity: 0}
	to {top: 8%; left:30%; opacity: 1}
}
@-o-keyframes mymove
{
	from{ top: 8%; left: 0; opacity: 0}
	to {top: 8%; left:30%; opacity: 1}
}

.banner .btn{ position: absolute; bottom: 5%; left:2.78%; }
.banner a{ width:44.41%; display: block; animation: 1.5s ease 0s normal none infinite running bounce; float: left; margin-left: 3.67%;}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-4px);
}
60% {
    transform: translateY(-2px);
}
}
.hoverlight {
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0%;
	width: 20%;
	height: 100%;
	background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0));
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0));
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0));
	background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.1),rgba(255,255,255,0));
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-15deg);
	-ms-transform: skewx(-25deg);
	animation: light_move 5s 2s infinite linear;
	-webkit-animation: light_move 4.5s 2s infinite linear;
	-moz-animation: light_move 5s 2s infinite linear;
	-o-animation: light_move 5s 2s infinite linear;
	-ms-animation: light_move 5s 2s infinite linear;
}


@keyframes light_move {
	0% {left:-180px;}
	30%{left:580px}
	75%{left:50px;}
	100%{left:120px;}
}
@-moz-keyframes light_move {
	0% {left:-180px;}
	30%{left:580px}
	75%{left:50px;}
	100%{left:120px;}
}
@-webkit-keyframes light_move {
	0% {left:-180px;}
	30%{left:580px}
	75%{left:50px;}
	100%{left:120px;}
}
@-o-keyframes light_move{
	0% {left:-180px;}
	30%{left:580px}
	75%{left:50px;}
	100%{left:120px;}
}
@-ms-keyframes light_move{
	0% {left:-180px;}
	30%{left:580px}
	75%{left:50px;}
	100%{left:120px;}
}
/*热门问题*/
.rmwt_bibu{ padding: 1.5rem 0; line-height: normal;}
.rmwt_bibu h3{ padding: 1rem 0; margin: 0; font-size: 3.6rem; font-weight: 600; color: #222; text-align: center;}
.rmwt_bibu ul{ padding: 0 1.2%; overflow: hidden;}
.rmwt_bibu ul li{ float: left; width: 47%; padding: 1.7% 0; margin: 1rem 1%; border-radius: 3rem; background: #7aa1d4;}
.rmwt_bibu ul li a{ display: block; font-size: 2.2rem; color: #FFF; text-align: center;}

.btn{ width:94.44%; margin:0 auto; }
.btn-zx{ display: table; background: #f76f2c; padding:3.5% 0; margin:3% auto; border-radius: 5px; line-height: normal; color:#fff; font-size:3.6rem; text-align: center; width:94.44%;}
.btn-zx img{ display: inline; margin-left: 1rem; vertical-align: middle;}

.div-main h1{ text-align: center; margin:0 auto ; font-size:4.8rem; color:#222; font-weight: bold; line-height: normal; }
.div-main h2{ text-align: center; margin:0 auto; font-size:3rem; color:#4d6da6; line-height: normal; font-family: SimSun; }
.div-main h6{ border: 1px solid #c9c9c9; margin:0.5% auto 2%; line-height: normal; color:#676767; font-size: 1.6rem; display: table; padding:0 3%;}

#div1{ }
#div1 ul{ margin-top: 4%; }
#div1 li{ width:47.205%; float: left; margin-bottom: 3%; border:1px solid #d7d7d7; padding:1px; margin-right:2.9%}
#div1 li:nth-child(2n){ margin-right:0; }
#div1 li img{ margin-bottom: 2%; }
#div1 li p{ color:#444; font-size: 2.2rem; padding:0 3%; }
#div1 li a{ display: block; color:#f76f2c; font-size:2.4rem; text-align: center; width:89.408%; border-radius: 5rem; margin:4% auto; border:1px solid #f76f2c; line-height: normal; padding-bottom: 1%;}

#div2{ background: url("../images/img_37.jpg");  }
#div2 .tab{width: 100%; margin: 4% auto 0; overflow: hidden;background: url("../images/img_21.jpg") no-repeat scroll 0 0 / 100% auto; }
#div2 .tab ul{ width:94.44%; margin:0 auto; }
#div2 .tab li{background: url("../images/img_22.jpg")  no-repeat scroll 0 0 / 100% auto; width: 24.70588%;float: left; font-size: 3rem;text-align: center; color:#fff; margin-right: 0.39%; padding:6.5% 0 8.4%;}
#div2 .tab li:last-child{ margin-right: 0;}
#div2 .tab .active{background: url("../images/img_24.jpg")  no-repeat scroll 0 0 / 100% auto;}
#options{ background: #fff; width:94.44%; border-radius: 5px; margin:0 auto; overflow: hidden; }
#options img{ margin-top: 3%; }
#options a img{ margin-top: 0; }

.yh{  }

#case{ margin:5% auto; background: #7aa1d4; }
#case h2{ color:#e9f2ff; }
#case h1{ color:#fff; font-size:4.4rem; }
#case h6{ color:#e9f2ff; border:1px solid #e9f2ff;}
#case .theme{ overflow: hidden; width:91.66%; position: relative; margin:5% auto 2%;}
#case .theme img{ display: block; margin:0 auto;}
#case .swiper-pagination{ margin-top: 3%; }
#case .swiper-pagination-bullet{ background: #e5e5e5; }
#case .swiper-pagination-bullet-active{ background: #fff; }

.yh{ background: #f0f0f0; }

#expert{ position: relative; background: url("../images/doc-bg.jpg"); }
#expert h2{ font-size:2.8rem; }
#expert .con{ width:100%; padding-top: 4%;}
#expert .theme{ position: relative;margin-top: 4.5%; }
#expert .btn{ width:94.44%; margin:0 auto; position: absolute; bottom:5%; left:2.78%; }
#expert a{ background: #f76f2c; float: left; padding:2.5% 0; line-height: normal; color:#fff; font-size:3.6rem; text-align: center; width:46.471%; border-top-right-radius:5px; border-bottom-right-radius:5px;}
#expert a img{ display: inline; vertical-align: middle; margin-left: 1rem;}
#expert .blue{ background: #4d6da6; float: left; width:53.529%; border-top-left-radius:5px; border-bottom-left-radius:5px;border-top-right-radius:0; border-bottom-right-radius:0;}
#expert .swiper-pagination{ display: none; }
.swiper-pagination{ text-align: center; position: unset; }
.swiper-pagination-bullet{ background: #c4c4c4; width:10px; height:10px; margin-right: 5px;}
.swiper-pagination-bullet-active{ background: #6e8ac5; width:20px; height:10px; border-radius: 2rem;}

#div3{  }
#div3 ul{ margin-top: 5%; }
#div3 li{ float: left; width:48.088%; margin-right: 3.67%; position: relative; margin-bottom:4%; }
#div3 li:nth-child(2n){ margin-right: 0; }
#div3 li p{ position: absolute; width:82.26%; top:48%; left:8.87%; color:#444; font-size:2.4rem; line-height: normal;}

#div4{  }

#div5{ background: #e9f2ff; }
#div5 ul{ margin-top: 2%;}
#div5 ul li{width: 48.5%;float: left;margin-top: 2%;border:1px dashed #4d6da6; border-radius: .8em;background: #f6fbff;margin-top: 8%; box-shadow: 0 2px 3px #c5d2e1}
#div5 ul li:nth-child(even){float: right}
#div5 ul li p {
    float: left;
    font-size: 2.2rem;
    margin-left: 2%;
    text-align: center;
    width: 64%;padding: 2% 0
}

#div5 ul li a {
    background: #4d6da6 none repeat scroll 0 0;
    border-radius: 0.5em;
    color: #fff;
    float: right;
    font-size: 3rem;
    margin-right: 2%;
    margin-top: -9%;
    padding: 4.5% 0;
    text-align: center;
    width: 28%;
	line-height:110%;
}
#div5 ul .two{border-color: #f76f2c}
#div5 ul .two a{background: #f76f2c}
#div6{ background:#FFFFFF; padding-top:1rem; padding-bottom:1rem;}
/**/

/*网友热搜*/
.banner_gao{ margin-top: 7.7rem;}
.wrap-daohang{width:100%;max-width: 720px;min-width: 320px;position:fixed;top:8rem;z-index:99999;background:rgba(0,0,0,.8);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; overflow: hidden;}
.wrap-daohang .step{width:21.66%;float:left;border-right: 1px solid rgba(255,255,255,0.2);padding-top:1rem;padding-bottom:1rem;font-size:2.3rem;color:#FFFFFF;text-align:center;font-weight:600;line-height:140%;}
.wrap-daohang .step a{width:100%;height:100%;display:block;color:#FFFFFF;}
.wrap-daohang .step:nth-child(1){width:12%;color:#dcc142;}
.wrap-daohang .step:nth-child(5){border-right: none;}

@media screen and (min-width: 720px) {
  html, body {
    font-size: 10px;
  }
}

@media only screen and (max-width: 720px), only screen and (max-device-width: 720px) {
  html, body {
    font-size: 10px;
  }
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
  html, body {
    font-size: 8.88888888888889px;
  }
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
  html, body {
    font-size: 8.333333333333334px;
  }
}

@media only screen and (max-width: 540px), only screen and (max-device-width: 540px) {
  html, body {
    font-size: 7.5px;
  }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  html, body {
    font-size: 6.666666666666666px;
  }
}

@media only screen and (max-width: 414px), only screen and (max-device-width: 414px) {
  html, body {
    font-size: 5.75px;
  }
}

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
  html, body {
    font-size: 5.555555555555555px;
  }
}

@media only screen and (max-width: 375px), only screen and (max-device-width: 375px) {
  html, body {
    font-size: 5.208333333333334px;
  }
}