@charset "UTF-8";
/* CSS Document */
*{margin:0;padding:0;border:0;list-style:none;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ line-height:normal}
.clear{clear: both}
a{text-decoration:none; cursor: pointer; border: 0;padding: 0; margin: 0}
a{text-decoration:non.silder_nave; cursor: pointer; border: 0;padding: 0; margin: 0}
a:hover{ color: #1f528f;text-decoration:none}}
ul,li{ list-style: none; padding: 0; margin: 0}
p{ padding: 0 ;margin: 0}
img{ border: 0}
input,button,a {outline:0 none !important; blr:expression(this.onFocus=this.blur());}
.f_l { float: left; }
.f_r { float: right;  }
.btn {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

html,bady{ font-size: 100px !important}
body{font-family: "Helvetica", "PingFangSC", "Microsoft Yahei", "微软雅黑", Arial, sans-serif; margin: 0; padding: 0;font-size: 0.15rem; }
/*通用*/
.index_body{ background: url(index_bj.png) no-repeat center top;}
/*头部*/

/*悬浮*/
.index_xfbox{position: fixed; top:1.34rem; right: 0; z-index: 10000; }
.index_xfbox .index_xfbox1{ width: 0.7rem;  }
.index_xfbox .index_xfbox1 li{ width: 0.7rem; height: 0.7rem;color: #fff; font-size: 0.14rem;  display: block; padding: 0.1rem 0; text-align: center ; position: relative; position:relative; cursor: pointer; margin: 0 0 0.05rem 0;-moz-box-shadow:0 0 0.2rem  rgb(0,0,0,0.2); -webkit-box-shadow:0 0 0.2rem rgb(0,0,0,0.2); box-shadow:0 0 0.2rem rgb(0,0,0,0.2);  display: block; border-radius: 0.05rem;position: relative; background: #398fd7; } 
.index_xfbox .index_xfbox1 li:after {content: "";position: absolute;top: 0;right: 0;padding-right:0;width: 0%;height: 0.7rem;box-sizing: initial;z-index: -1;transition: 0.3s;border-radius: 0.05rem;z-index: 0} 
.index_xfbox .index_xfbox1 li:hover:after {width: 100%;background: #0068b7; color: #fff; }
.index_xfbox .index_xfbox1 li .title{ z-index:60000000; position: absolute;  padding: 0.02rem 0 0 0; left: 0; width: 100%; }
.index_xfbox .index_xfbox1 .index_xfbox1-szw { padding: 0}
.index_xfbox .index_xfbox1 .index_xfbox1-szw .title{ top: 0;color: #fff} 
.index_xfbox .index_xfbox1 .index_xfbox1-szw .title span{  font-size: 0.12rem }

.index_xfbox .index_xfbox1 .inco_indeszwfw{  width: 0.5rem; height: 0.45rem; background: url(inco_indeszwfw.png) no-repeat; background-size: 100%; display: block; margin: 0 auto; z-index: 10}

.index_xfbox .index_xfbox1 .inco_indexwyk{  width: 0.3rem; height: 0.3rem; background: url(inco_indexwyk.png) no-repeat; background-size: 100%; display: block; margin: 0 auto; z-index: 10}
.index_xfbox .index_xfbox1 .inco_indexwyb{  width: 0.3rem; height: 0.3rem; background: url(inco_indexwyb.png) no-repeat; background-size: 100%; display: block;margin: 0 auto; z-index: 10}
.index_xfbox .index_xfbox1 .inco_indexwyw{  width: 0.3rem; height: 0.3rem; background: url(inco_indexwyw.png) no-repeat; background-size: 100%; display: block;margin: 0 auto; z-index: 10}

.index_xfbox .index_xfbox1 li:hover .inco_indexwyk {}
.index_wykbox .back_blue{ background:#f5f9fd; }
.index_wykbox .back_orange{background: #fef8f5;}
.index_wykbox .back_green{ background:#f5fcfa; }
.index_wykbox .back_yellow{ background:#fffdf7;}
.index_wykbox .back_red{ background:#fff8f8;}
.index_wykbox .back_sblue{ background:#f2f7fb; }

.index_wykbox .back_blue:hover{ background:#ebf4fb;}
.index_wykbox .back_orange:hover{background: #fdf1eb; }
.index_wykbox .back_green:hover{ background:#ecf9f5; }
.index_wykbox .back_yellow:hover{ background:#fffbf0;}
.index_wykbox .back_red:hover { background:#fff1f1;}
.index_wykbox .back_sblue:hover{ background:#d9e8f4; }


.index_wykbox{ position:absolute; width: 4.8rem;   background: #f5f9fd;  top: -0.7rem;border-radius: 0.05rem;padding:0.2rem  0.2rem  0  0.2rem; clear: both;-moz-box-shadow:0.04rem 0 0.6rem  rgb(0,0,0,0.2); -webkit-box-shadow:0.04rem 0 0.6rem rgb(0,0,0,0.2); box-shadow:0.04rem 0 0.6rem rgb(0,0,0,0.2); left:50rem;text-align:center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s;background-color:#fff;opacity:0; z-index: -1}

.index_xfbox .index_xfbox1 li:hover .index_wykbox{  width: 4.8rem;  display: block; background: #fff;  position: absolute; left: -4.9rem; top: -0.7rem; border-radius: 0.05rem; padding:0.2rem  0.2rem  0  0.2rem; clear: both;-moz-box-shadow:0.04rem 0 0.6rem  rgb(0,0,0,0.2); -webkit-box-shadow:0.04rem 0 0.6rem rgb(0,0,0,0.2); box-shadow:0.04rem 0 0.6rem rgb(0,0,0,0.2); 	-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; opacity: 1}

.index_xfbox .index_xfbox1 li .index_wykbox a{  width: 1rem; height: 1rem; display: block;text-align:center; color: #333; display: inline-block; margin:  0 0 0.3rem 0.1rem; font-size: 0.15rem;color: #333;  font-weight: 300; float: left; padding: 0.1rem 0rem; border-radius: 0.05rem;}

.index_xfbox .index_xfbox1 li .index_wykbox:after {content: "";border: 0.08rem solid transparent;border-left-color: #f2f8fe;top:0.98rem;right: -0.16rem;position: absolute;width: 0;height: 0;}
.index_xfbox .index_xfbox1 li .index_wykbox a:hover img{transform: scale(1.05);transition: all 0.6s ease;  }
.index_xfbox .index_xfbox1 li .index_wykbox a img{ width: 0.5rem; height: 0.5rem; margin: 0 auto 0.1rem auto; display: block}
.index_xfbox .index_xfbox1 li  .index_wywbox{ width: 3.8rem !important;  left: -3.85rem !important; }

.index_xfbox .index_xfbox2{ width: 0.7rem; height: 0.7rem ; background: #fff;-moz-box-shadow:0 0 0.2rem   rgb(0,0,0,0.2); -webkit-box-shadow:0 0 0.2rem  rgb(0,0,0,0.2); box-shadow:0 0 0.2rem  rgb(0,0,0,0.2); display: block; border-radius: 0.05rem; position: relative}
.index_xfbox .index_xfbox2 a{ text-align: center;color: #333; font-size: 0.14rem; border-radius: 0.05rem ; position: absolute; top: 0; left: 0; z-index: 2; display: block;   width: 100%; height: 100% ; margin: 0.1rem 0 0 0}
.index_xfbox .index_xfbox2:hover a{ color: #fff}

.index_xfbox .index_xfbox2 .inco_indexkefu{  width: 0.3rem; height: 0.3rem; background: url(inco_indexkefu.png) no-repeat; background-size: 100%; display: block; margin: 0 auto}
.index_xfbox .index_xfbox2:hover .inco_indexkefu{ width: 0.3rem; height: 0.3rem; background: url(inco_indexkefu_hover.png) no-repeat; background-size: 100%; display: block;margin: 0 auto;}


.index_xfbox .index_xfbox2:after {content: "";position: absolute;top: 0;right: 0;padding-right:0;width:0%;height: 0.7rem;box-sizing: initial;z-index: -1;transition: 0.3s;border-radius: 0.05rem;z-index: 0} 
.index_xfbox .index_xfbox2:hover:after {width: 100%;background: #ee7a3a; color: #fff; }

.index_wyw2box{ }
.index_xfbox .index_xfbox1 li:hover .index_wyw2box{  width: 3.7rem !important; left: -3.8rem !important;  top: -0.8rem !important}

.zwfwindexxf_box{   width: 9.1rem !important;}

.index_xfbox .index_xfbox1 li .zwfwindexxf_box{  top: -1.5rem; }
.index_xfbox .index_xfbox1 li:hover .zwfwindexxf_box{  width: 9.1rem !important; left: -9.18rem !important;top: -1.5rem; }
.index_xfbox .index_xfbox1 li .zwfwindexxf_box:after{top: 1.76rem !important;}

.zwfwindexxf_box  a {float: left;width: 1.625rem !important;height: 1.25rem !important;margin-left: 0.21rem;overflow: hidden; font-size: 16px; position: relative; padding: 0.2rem 0}
.zwfwindexxf_box  a:first-child {margin-left: 0rem;}
.zwfwindexxf_box  a img {display: block;  width: 0.45rem !important;height:0.45rem !important;margin: 0.1rem auto !important}
.zwfwindexxf_box  a:hover img {transform: scale(1.1);transition: all 0.5s;}
.zwfwindexxf_box .img_zwfwnew img{ position: absolute; left: 0 !important; top: 0 !important; width: 0.31rem !important; height: 0.31rem !important; margin: 0 !important;}

.zwfwindexxf_box.back_blue{ background: #f5f9fd;color: #333}
.zwfwindexxf_box.back_blue:hover { background:#f5f9fd; border: 0.01rem solid #74b0e3;-moz-box-shadow:0 0 0.05rem  #c3ddf3; -webkit-box-shadow:0 0 0.05rem  #c3ddf3; box-shadow:0 0 0.05rem  #c3ddf3; color: #398fd7}
.zwfwindexxf_box.back_green{ background:#f5fcfa; position: relative;color: #333}
.zwfwindexxf_box.back_green:hover { background:#f5fcfa; border: 0.01rem solid #7ad3ba;-moz-box-shadow:0 0 0.05rem  #c6ece1; -webkit-box-shadow:0 0 0.05rem  #c6ece1; box-shadow:0 0 0.05rem  #c6ece1; color: #119499}
.zwfwindexxf_box.back_orange{ background:#fef8f5; position: relative;color: #333}
.zwfwindexxf_box.back_orange:hover {background:#fef8f5; border: 0.01rem solid #f3a275;-moz-box-shadow:0 0 0.05rem  #fad7c4; -webkit-box-shadow:0 0 0.05rem  #fad7c4; box-shadow:0 0 0.05rem  #fad7c4; color: #ee7a3a}
.zwfwindexxf_box.back_yellow{ background:#fffdf7; position: relative;color: #333}
.zwfwindexxf_box.back_yellow:hover {background:#fffdf7; border: 0.01rem solid #fce496;-moz-box-shadow:0 0 0.05rem  #fef4d2; -webkit-box-shadow:0 0 0.05rem  #fef4d2; box-shadow:0 0 0.05rem  #fef4d2; color: #ff9a64}
.zwfwindexxf_box.back_red{ background:#fff8f8; position: relative;color: #333}
.zwfwindexxf_box.back_red:hover {background:#fff8f8; border: 0.01rem solid #fe9d9d;-moz-box-shadow:0 0 0.05rem  #ffd5d5; -webkit-box-shadow:0 0 0.05rem  #ffd5d5; box-shadow:0 0 0.05rem  #ffd5d5; color: #d15149}
.zwfwindexxf_box.back_darkblue{ background:#f2f7fb; position: relative;color: #333}
.zwfwindexxf_box.back_darkblue:hover{ background:#f2f7fb; border: 0.01rem solid #4c95cc;-moz-box-shadow:0 0 0.05rem #b2d1e9; -webkit-box-shadow:0 0 0.05rem  #b2d1e9; box-shadow:0 0 0.05rem  #b2d1e9; color: #0068b7}
.zwfwindexxf_box.back_grey{ background:#f8f8f8; position: relative;color: #333}
.zwfwindexxf_box.back_grey:hover{ background:#f8f8f8; border: 0.01rem solid #4c95cc;-moz-box-shadow:0 0 0.05rem  #b2d1e9; -webkit-box-shadow:0 0 0.05rem  #b2d1e9; box-shadow:0 0 0.05rem  #b2d1e9; color: #7d7d7d}

/*悬浮 end*/
.index_xfbox .index_xfbox1 .inco_indexxk1117{  width: 0.3rem; height: 0.3rem; background: url(inco_indexxk1117.png) no-repeat; background-size: 100%; display: block; margin: 0.02rem auto  0 auto; z-index: 10}


	/*手机*/
	@media screen and (max-width:767px) {
		
		
		.index_xfbox{ display: none }	
		
		
}