@charset "UTF-8";
/* CSS Document */
@media all{
		

.cata_box li{ font-size:14px;}
h4,h4 a,h4 span{ font-size:18px;}
.body{ overflow:hidden;}

ul,li,dl,dt,dd,ol{ list-style:none; padding:0; margin:0;}
body{ line-height:1.8;}
select{ cursor: pointer; color:#333;}
.yixuanRoom{ background-color:#616161 !important; color:#FFF !important}
.displayB{    display:block;}
.displayN{   display:none;}

.mfnav_PDF{ float:right; width:30px; height:40px; margin-left:5px; margin-top:5px; cursor:pointer;}
.mfnav_PDF img{ margin-top:0;}

.height{ height:60px;}
.scroll { position:relative; font-size:1.3em; margin-top:6em; display:inline-block;}
.scroll:hover { text-decoration:none;}
.scroll:after { content:''; width:40px; height:40px; position:absolute; top:40px; margin:auto; top:50px; right:0; bottom:0; left:0; -webkit-animation:3s arrow infinite ease; animation:3s arrow infinite ease;
}
.scroll:after { border-right:2px solid #FFF; border-bottom:2px solid #FFF; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
/****** wrap *******/
.wrap{ width:100%; letter-spacing:1px;}
.shuiyin{ width:120px; height:120px; background:url(../images/shuiyin-logo.png) no-repeat left bottom / 100%; position:fixed; bottom:0; left:0; opacity:0.05;}
/******* top_img ********/
.top_p{ width:100%; min-height:0}

.txt_op{ opacity:0.7; text-align:center;}
.btn_wrap{ position:relative; height:38px;}
    .mfnav.fixed{position: fixed;left: 0;top: 60px;z-index: 10}
.mfnav{ width:100%; height:60px; background-color:#f1f1f1; color:#333;}
.mfnav >div.container{ padding-right:60px;}
#web_top1.fixed{position: fixed;top: 0;left: 0;z-index: 10;}
    #web_top1.fixed .nav_top{display: none}
.mfnavpzn{ position:fixed; top:50px; z-index:11; left:0;}
.mfnavthis{ color:#c00; background-color:#fff; border-top:2px solid #c00;}
.mfnav p{ margin-bottom:0; margin-top:5px;}
.mfnav img{ float:left; margin-top:5px;}
.mfnav span{ float:left; margin-left:5px; margin-top:17px; font-size:14px!important;}
.mfnav_jd{ display:none;}
.mfnav_more{ float:right; width:20px; height:30px; cursor:pointer; margin-top:15px;}
.mfnav_more div{ width:20px; margin-top:6px; border-bottom:2px solid #c00;}
.mfnav_mjd{ width:100%; z-index:11; position:fixed; top:60px; right:0; display:none;}
.mfnav_mjd li{ background:#f5f5f5; color:#000; padding:5px 10px; padding-left:25px; border-top:1px solid #eee;} 
.mfnav_PDF img{ margin-top:0;}
.mfnav_PDF p{ font-size:12px; transform:scale(0.6,0.6); -moz-transform:scale(0.6,0.6); -ms-transform:scale(0.6,0.6); -o-transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6); width:50px; margin-top:20px; margin-left:-8px;}
/*********** w_auto ***********/
.w_auto{ width:100%; background:#fff;}
.txt{ font-size:12px; margin-bottom:10px; margin-top:10px;}

/******** ft *********/

.ft{ width:100%; position:relative; overflow:hidden;}
.img{ min-height:300px; width:100%;}
.wz_contant{ padding:25px 15px; min-height:300px; height:auto; background:rgba(0,0,0,0.5); color:#fff;}
.wz_row{ padding:25px 0;}
.wzr_none,.wzr_none .wzr_row{ background:none; color:#333;}

.btn{ width:200px; padding:5px; font-size:18px; border:1px solid #fff; background-color:transparent;margin-bottom: 10px;}
.wz_c_contant{ width:auto; text-align:center; padding:30px 15px; margin:0 auto;}
.wz_c_contant p{ margin:0;}
.wz_c_contant img{ margin-bottom:10px;}
.green{ color:#006834;}
.of_hidden{ overflow:hidden;}
.of_hidden li{ float:left; width:100%; min-height:180px; position:relative;}
/*.center80 .wz_contant{ padding-top:155px;}
.center50 .wz_contant{ padding-top:125px;}
.center30 .wz_contant{ padding-top:100px;}
.center20 .wz_contant{ padding-top:90px;}
.center10 .wz_contant{ padding-top:80px;}*/
.flt_left{ float:left;}
.wz_bg_green{ background-color:#006835; color:#fff; text-align:center;}
.wz_bg_green h3{ margin-bottom:20px;}
.wz_bg_green p{ opacity:0.85;}
.wz_bg_62{ background-color:#626262; color:#fff;}
.wz_bg_36,.wz_bg_36 .btn{ background-color:#363636; color:#fff; border-color:#fff;}
.wz_bg_36 p{ opacity:0.85;}
.wz_bg_31,.wz_bg_31 .btn{ background-color:#313131; color:#fff; border-color:#fff;}
.wz_bg_03,.wz_bg_03 .btn{ background-color:#030303; color:#fff; border-color:#fff;} 
.shiyong{ margin:15px 0;}
.shiyong span{ padding:5px 10px; border-radius:4px; background-color:#ccc; margin-right:5px; color:#333;}
.shiyong .sy_green{ color:#fff; background-color:#006834;}
.txt_c{ text-align:center!important;}
.wz_bg_e5{ background:#e5e5e5; color:#000;}
.wz_bg_1b{ background:#1b1b1b; color:#fff;}
.wz_bg_1b .btn{ border-color:#fff; background:#1b1b1b;}
.ul_tz .wz_contant{ padding:25px;}
.ul_tz li{ padding-bottom:70px;}
.ul_tz li h5{ font-size:16px; margin-bottom:15px;}
.ul_tz .btn{ position:absolute; bottom:30px; left:50%; margin-left:-100px; border-color:#000;}
.FS16{ font-size:16px!important;}
.FS14{ font-size:14px!important;}
.FS12{ font-size:12px!important;}
.bg_blank{ background-color:#000; color:#fff; font-weight:normal;}
.bg_blank .btn{ background-color:#000; border-color:#fff;}
.bg_magenta{ background-color:#cd1861; color:#fff;}
.bg_magenta .wz_contant{ min-height:80px; padding:30px 25px 10px; text-align:center; opacity:0.85;}
.bg_red{ background-color:#eb0028; color:fff;}
.bg_red p{ color:#fff;}
.bg_blue{ background-color:#025e9a; color:#fff;}
.m200 .img,.m200 .wz_contant{ min-height:200px; padding:40px 25px;}
.m300 .img,.m300 .wz_contant{ min-height:300px; padding:40px 25px;}
.cursor{ cursor:pointer;}
.bg_blank .shiyong{ color:#000;}
.txt_green span{ display:inline-block; width:20px; height:20px; border-radius:50%; background:#006834; line-height:20px; text-align:center; color:#fff; margin-right:5px;}
.color_43{ color:#444343;}
.bg_f5{ height:120px; width:100vw; background-color:#f5f5f5;}
.bg_f5 .wz_contant{ height:120px; background:url(../images/yy_hj.jpg) no-repeat center center / 70%;}
.fw_bd{ font-weight:bold;}
.LR_padding{ padding:70px 30px; background-color:#eee;}
.m80{ min-height:80px;}
.m80 .img,.m80 .wz_contant{ min-height:80px; padding:30px 25px;}
.w30 .logo{ background-position:center bottom;}
.tz_js li{ position:relative; min-height:370px;}
.tz_js li div{ min-height:300px; padding:15px; margin-bottom:15px;}
.tz_js h5{ font-weight:bold;}
.tz_js .btn{ width:150px; position:absolute; left:50%; margin-left:-75px; bottom:20px;}
.wz_con_current{ min-height:50px; padding:20px 25px;}
.dnone{ display:none;}
.Ltxt{ margin:30px 0;}
.color_white{ color:#fff;}
.bor_bottom{ border-bottom:1px solid #ccc;}
.ul4 li{ width:48%; margin-top:10px; margin-bottom:10px; height:180px; position:relative;}
.ul4 li:nth-child(3){ margin-left:0;}
.ul4 li+li{ margin-left:2%}
.spbfbg{ width:100%; height:100%; position:relative; background:rgba(0,0,0,0.6);}
.spbf{width: 0; height: 0; border-top: 25px solid transparent; border-left: 40px solid #c00; border-bottom: 25px solid transparent; display:inline-block; position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-25px;}
.gksp{ border:1px solid #fff; border-radius:2px; color:#fff; font-size:16px; padding:5px 10px; width:140px; text-align:center;}
.gksp:hover{ background-color:#c00; border-color:#c00;}
.bofang{width: 0; height: 0; border-top: 6px solid transparent; border-left: 12px solid #fff; border-right: 0px solid #fff; border-bottom: 6px solid transparent; display:inline-block; margin-right:8px;}
.inline-block{ display:inline-block;}
.right{ position:absolute; top:0; right:0; height:300px; width:100px;cursor:pointer; background:url(../images/banner_r.png) no-repeat 55px center;}
.left{ position:absolute; top:0; left:0; height:300px; width:100px; cursor:pointer; background:url(../images/banner_l.png) no-repeat 20px center;}
.color_wihte{ color:#fff;}
.inline_block{ display:inline-block;}

.g_pic24{ background: url(../images/g_hkt.png) no-repeat center center / cover;}
.g_pic25{ background: url(../images/g_yykz.png) no-repeat center center / cover;}
.g_pic26{ background:url(../images/g_hys.png) no-repeat center center / cover;}



.gwc{ background:url(../images/dcmofang.jpg) #fff no-repeat center center / 45px; height:45px; width:45px; border-radius:23px; z-index:16; cursor:pointer; border:1px solid #c00; float:right; margin-top:8px; margin-left:5px;}
.gwc_nr{ width:300px; height:360px; border:1px solid #ccc; position:fixed; top:120px; z-index:10; background-color:#f7f7f7; right:10px; padding:5px; display:none;}
.gwc_nr h4{ text-align:center; background-color:#DDD; margin:-5px -5px 0; line-height:40px; position:relative;}
.gwc_nr .gwc_qdgb{ font-size:12px; position:absolute; top:0; right:10px; cursor:pointer;}
.gwc_qdbox{ height:290px; overflow:auto;}
.gwc_qdfoot{ height:43px; line-height:40px; margin:0 -5px; background-color:#DDD; position:relative; padding:0 10px;}
.gwc_cp{overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:5px; overflow:hidden;}
.gwc_cp1{ text-align:center; color:#999;}
.gwc_cp p{ float:left; margin-right:5px;}
.gwc_mc{ width:100px;}
.gwc_jg{ width:65px; text-align:center;}
.gwc_shl{ width:40px; text-align:center;}
.gwc_shl input{ width:30px; line-height:20px; text-align:center;}
.gwc_sc{ display:inline-block; width:40px;}
.gwc_x{ display:inline-block; width:18px; height:18px; border-radius:50%; line-height:15px; text-align:center; background-color:#ccc; margin-left:17px; cursor:pointer;}
.gwc_x:hover{ background-color:#c00; color:#fff;}
.gwc_qdjs{ position:absolute; top:8px; right:10px; padding:5px 10px; color:#fff; background-color:#c00; border-radius:2px; line-height:20px;}
.gwc_qk{ position:absolute; top:8px; left:10px; padding:5px; color:#333;  line-height:20px;}
.gwc_qk:hover{ color:#c00;}
.gwctsh{ position:absolute; top:0; right:5px; font-size:12px; color:red; z-index:15; margin-bottom:0; line-height:20px;font-weight: bold;}


.wz_row{ padding-right:45px;}

}


@media (min-width:768px){

.body{ font-size:14px;}
    .shiyong span{margin-right: 5px;}
	
.wz_contant{ min-height:400px; height:auto; background:none; padding:0;}
.wz_row{ min-height:650px; height:100vh; padding:85px 50px; background:rgba(0,0,0,0.5); color:#fff; width:50%;float:left;}
.flr{ padding-right:85px;}
.wz_c_contant{ width:750px; padding:30px 25px; margin:0 auto;}
.wz_c_contant  img{ float:left;}
.txt{ font-size:14px;}
.mfnav span{ font-size:16px!important;}
.mfnav_more,.mfnav_mjd{ display:none;}
.mfnav_jd{ float:right; display:block;}
.mfnav_jd li{ float:left; padding:16px 10px; cursor:pointer; height:60px;}
.mfnav_jd li p{ margin-bottom:0; font-size:12px;}
.mfnav_jd li:hover{ background-color:#fff; color:#c00; border-top:2px solid #c00;}
.img{ position:absolute; top:0; width:50%; height:100%; display:none;}
.flr{ float:right;}
.pzn_right{ right:0;}
.pzn_left{ left:0;}
.w60 .img{ width:60%;}
.w60 .wz_row{ width:35%;}
.w40 .img{ width:45%;}
.w40 .wz_row{ width:55%;}
.w30 .img{ width:33%;}
.w30 .logo{ background-position:right center;}
.w30 .wz_row{ width:70%;}
.thr_box .wz_row{ width:38%;}	
.thr_box .img{ width:33.33%;}
.thr_box .fll,.thr_box .flr{ width:27%;}
.thr_box .wenzi{ background:#363636;}
.of_hidden li{ width:33.33%;}
.LR_padding .wz_contant{ width:707px;}
.ul3 li{ float:left; width:32%;}
.ul3 li+li{ margin-left:2%;}
.ul4 li{ width:24.25%; height:200px;}
.ul4 li:nth-child(3){ margin-left:1%;}
.ul4 li:nth-child(5){ margin-left:0;}
.ul4 li+li{margin-left:1%;}
.center60 .wz_row{ padding-top:60vh;}
.center40 .wz_row{ padding-top:38vh;}
.center30 .wz_row{ padding-top:30vh;}
.center20 .wz_row{ padding-top:20vh;}
.center10 .wz_row{ padding-top:10vh;}
.m80 .wz_contant{ padding:0;}
.m80 .wz_row{ min-height:80px; padding:10px 0;}
.wzr_none,.wzr_none .wz_row{ background:none; color:#333;}
.wzr_w100 img{ margin:0 20px; width:50px;}
.wzr_w100{ width:740px; margin:0 auto; float:none; padding:10px 0;}
.wz_con_current{ min-height:50px; padding:20px 25px;}
.vh30 .wz_contant{ height:30vh; min-height:230px;}
.spe_pad{ padding-top:15px; padding-bottom:10px;}


.gwc_nr{right:auto; left:50%; margin-left:65px;}

.right,.left{ height:100%;}


}
@media (min-width:992px){
	.mfnav_jd li p{ font-size:14px;}
.gwc_nr{ left:50%; margin-left:170px; right:auto;}

}

@media (min-width:1200px){
.gwc_nr{right:auto; left:50%; margin-left:270px;}

}

.dvacocubeJKAF
{
    color: #006835;
    font-weight:bold !Important;
}
.dvacocubeYY
{
    color: #CD1861;
    font-weight:bold !Important;
}
.dvacocubeDG
{
    color: #FBC90D;
    font-weight:bold !Important;
}
.dvacocubeCI
{
    color: #E60012;
    font-weight:bold !Important;
}
.dvacocubeDS
{
    color: #0D6FB8;
    font-weight:bold !Important;
}
.dvacocubeZN
{
    color: #F08200;
    font-weight:bold !Important;
}
.dvacocubeWL
{
    color: #23AC38;
    font-weight:bold !Important;
}
.dvacocubeDY
{
    color: #28A7E1;
    font-weight:bold !Important;
}
.dvacocubeGEF
{
    color: #83C02C;
    font-weight:bold !Important;
}
.dvacocubeDC
{
    color: #F8B62B;
    font-weight:bold !Important;
}
.dvacocubeSXXZ
{
    color: #0047d7;
    font-weight:bold !Important;
}

.onclickJKAF
{
    color: #FFF !Important;
    background-color: #006835 !Important;
}
.onclickYY
{
    color: #FFF !Important;
    background-color: #CD1861 !Important;
}
.onclickDG
{
    color: #FFF !Important;
    background-color: #FBC90D !Important;
}
.onclickCI
{
    color: #FFF !Important;
    background-color: #E60012 !Important;
}
.onclickDS
{
    color: #FFF !Important;
    background-color: #0D6FB8 !Important;
}
.onclickZN
{
    color: #FFF !Important;
    background-color: #F08200 !Important;
}
.onclickWL
{
    color: #FFF !Important;
    background-color: #23AC38 !Important;
}
.onclickDY
{
    color: #FFF !Important;
    background-color: #28A7E1 !Important;
}
.onclickGEF
{
    color: #FFF !Important;
    background-color: #0047d7 !Important;
    /*background-color: #83C02C !Important;*/
}
.onclickDC
{
    color: #FFF !Important;
    background-color: #F8B62B !Important;
}

.dvacocubeSSJK
{
    color: #f8b551;
    font-weight:bold !Important;
}
.onclickSSJK
{
    color: #FFF !Important;
    background-color: #f8b551 !Important;
}