html,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,object,code,em,span,var,legend,button,input,textarea,th,td,a,img,header,footer,nav,aside,audio,datalist,section { margin:0;padding:0;border:0;outline:0; }/*清除内外边距*/
h1,h2,h3,h4,h5,h6 { font-weight:normal;font-size:100%; }/*设置默认字体*/
:focus { outline:0; }
ul,ol,ul li,ol li { list-style: none; }/*重置列表*/
address,caption,cite,em,code,dfn,th,var { font-style:normal;font-weight:normal; }
form label { cursor:pointer; }
input,button,select,textarea { font-family:inherit;font-size:100%;outline:none; }
textarea { resize:none }
input { vertical-align:middle; }
img { border:0; object-fit: cover; }/*重置图片元素*/
table { border-collapse:collapse;border-spacing: 0; }/*重置表格*/
body{  font-family: "微软雅黑"; color: #333333; width: 100%; margin: 0; padding: 0;min-width: 1000px; overflow-x: hidden;}
/* flex 布局 */
.dev-flex{display:flex;}/* 声明 flex */
.dev-rows{display:flex; flex-direction:row;}/* flex 横向 */
.dev-columns{display:flex; flex-direction:column;}/* flex 竖向 */
.dev-wrap{display:flex; flex-wrap:wrap;width:100%;}/* flex 自动换行 */
.dev-nowrap{display:flex; flex-wrap:nowrap;}/* flex 横向不换行 */
.dev-space-between{display:flex; justify-content:space-between;}/* flex 横向两端对齐 */
.dev-flex-center{justify-content:center;}/* flex 横向居中 */
.dev-flex-vtop{align-items: flex-start;}/* flex 垂直顶端对齐 */
.dev-flex-vcenter{align-items:center;}/* flex 垂直居中对齐 */
.dev-flex-vbottom{align-items:flex-end;}/* flex 垂直底部对齐 */
.dev-flex-around{ justify-content: space-around;}/* 每个项目两侧的间隔相等 */
.dev-column-reverse{ flex-direction: column-reverse;}/* 主轴为水平方向，起点在右端。 */
.dev-content-end { justify-content: flex-end}/* 右对齐 */

/* 定义连接经过样式 */
a{ text-decoration: none;}
a:hover{text-decoration: none;}
/* 字号、颜色 */
.font-12{ font-size: 12px;}
.font-14{ font-size: 14px;}
.font-16{ font-size: 16px;}
.font-20{ font-size: 20px;}
.font-24{ font-size: 24px;}
.font-26{ font-size: 26px;}
.font-30{ font-size: 30px;}
.font-40{ font-size: 40px;}
.font-50{ font-size: 50px;}
.font-24{ font-size: 24px;}
.text-bold{ font-weight: bold;}
.text-write{ color: #FFFFFF;}
.text-666{ color: #666666;}
.text-center{ text-align: center;}
.text-858{ color: #FB5858;}
.text-C8B{ color: #FFDC8B;}
.text-4D4{ color: #D4D4D4;}
.text-999{ color: #999999;}
.text-333{ color: #333333;}
.align-right{ text-align: right;}
/* .padding-bottom{ padding-bottom: 260px;} */
.letter-spacing{ letter-spacing: 5px;}
.line-height30{ line-height: 30px;}
.line-height40{ line-height: 40px;}
.line-height50{ line-height: 50px;}
.line-height60{ line-height: 60px;}
/* 显示 隐藏 */
.hide{display: none;}
.show{display: block;}
/* 页面公共部分 */
.banner{ width: 100%; min-width: 960px;}
.banner img{ width: 100%; height: 700px; display: block;}
.youXuanHead{ background-color: #000000; height: 100px;}
/* 头部 */
/* .top{ height: 940px;} */
.head{ width: 1340px; margin: 20px auto 0; position: absolute; top: 0; left: 15%; color: #fff; }
.head .logo{ width: 169px; height: 46px;}
.head ul li{ margin-right: 33px; margin-top: 15px; cursor: pointer; z-index: 10;}
.head ul li img{ margin-left: 5px;}
.head ul li a{ color: #FFFFFF;}
.head ul li .drop:hover .dorp_con{width:122px;height:144px;background:rgba(255,255,255,1);border-radius:5px; margin-top: 15px;}
.head .dorp{position: relative; display: inline-block;}
.head .dorp a{ color: #FFFFFF;}
.head .dorp_con{display: none; text-align: center; position: absolute; left: -13px; top: 30px; width:122px; line-height: 40px; padding: 10px 0; background:rgba(255,255,255,1);border-radius:5px; color: #333;}
.head .dorp_con a{ display: inline-block; color: #333; width: 100%;}
.head .dorp_con a:hover{ background:rgba(240,240,240,1);}
.head .dorp:hover .dorp_con{display:block;}
/* 底部 footer */

.footer-black{ background-color: #111111; background-image: none !important;}
.footer{ background-image:url(../images/footer.png); width: 1920px; height: 449px; color: #FFFFFF; position: relative; margin-top:150px}
/* padding-top: 50px; */
.footer .list{ padding-top: 50px;width: 1240px; margin: 0 auto;}
.footer a{ color: #FFFFFF; text-decoration: none;}
.footer a:hover{  text-decoration: underline;}
.footer .list .left dl{ margin-right: 57px;}
.footer .list .left dt{ margin-bottom: 20px;}
.footer .list .left dd{ line-height: 36px;}
.footer .list .right{ margin-left: 140px;}
.footer .list .right .img1{ width: 138px; height: 43px; margin-bottom: 20px;}
.footer .list .right .img2{ width: 90px; height: 90px; margin-top: 25px;}
.footer .list .right p{ line-height: 26px;}
.footer .list .right .contact-us{ margin-bottom: 20px;}
.footer .end{height:50px;background:rgba(0,0,0,1); color: rgba(251,251,251,0.6); position: absolute; bottom: 0; padding: 0 335px; line-height: 50px;}
.end-nr{ width: 1240px; margin: 0 auto;}
.friendly-link{ width: 1240px; margin: 0 auto;}
.friendly-link h4{ margin-bottom: 10px;}
.friendly-link a{ color: #FFFFFF; text-decoration: none; font-weight: normal; margin-right: 15px; font-size: 14px;}
.friendly-link a:hover{ text-decoration: underline;}


/* 右侧导航2 */
.c_nav {
	width:120px;
	height:351px;
	background:rgba(0,0,0,0.05);
	border-radius:59px;
    position: fixed;
    right: 10px;
    z-index: 9999;
    top: 50%;
    margin-top: -158px;
}
.c_nav .clr{ margin-top: 17px;}
.c_nav li {
    float: right;
	margin-right: 12px;
}
.c_nav li a {
    display: block;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1;
}
.c_nav li a i {
    display: inline-block;
    width: 30px;
    height: 31px;
    padding: 11px 0 6px 0;
    transition: all 0.5s;
}
.c_nav li a:hover i {
    transform: rotate(360deg);
}
.c_nav li.li1 {
    -webkit-animation: rotateInDownLeft 1.5s 0.5s ease both;
    -moz-animation: rotateInDownLeft 1.5s 0.5s ease both;
}
.c_nav li.li1 a {
    background: #ff6b6b;
    color: #fff;
    transition: all 0.5s;
}
.c_nav li.li1 i {
    background: url(../images/nav/kf.png) center no-repeat;
}
.c_nav li.li2 {
    position:relative;
    -webkit-animation: rotateInDownLeft 1.5s 1.5s ease both;
    -moz-animation: rotateInDownLeft 1.5s 1.5s ease both;
}
.c_nav li.li2 a {
	background-color: #FB5858;
    position: relative;
    transition: all 0.5s;
    color:#FFFFFF; font-size: 14px;
}
.c_nav li.li2 i {
    background: url(../images/kefu/dh.png) center no-repeat; width: 36px; height: 45px;
}
.c_nav li.li2 .img {
    width: 108px;
    padding: 15px;
    border-radius: 5px;
    background: #0cd579;
    position: absolute;
    left: 180px;
    top: -48px;
}
.c_nav li.li2 .img img {
    width: 108px;
    height: 108px;
    display: block;
}
.c_nav li.li2 .img p {
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
    letter-spacing: 2px;
}
.c_nav li.li2 .dh_png{
    display:none;
    position: absolute;
    top: 0px;
    right: 45px;
	width:255px;
	height:92px;
	background:rgba(251,147,147,0.2);
	border-radius:10px 0px 0px 10px;
	z-index: -1;
	font-weight: bold; font-size: 24px; line-height: 92px; padding-left: 20px;
}
.c_nav li.li2 .dh_png img{ width: 77px; height: 77px; margin: 7px 0 0 10px;}
.c_nav li.li2:hover .dh_png{
    display:block;
}
.c_nav li.li2 a:hover i {
    transform: rotate(0) !important;
}
.c_nav li.li3 {
    position:relative;
    -webkit-animation: rotateInDownLeft 1.5s 1.5s ease both;
    -moz-animation: rotateInDownLeft 1.5s 1.5s ease both;
}
.c_nav li.li3 a {
	background-color: #3AB351;
    position: relative;
    transition: all 0.5s;
    color:#FFFFFF; font-size: 14px;
}
.c_nav li.li3 i {
    background: url(../images/kefu/wx.png) center no-repeat; width: 47px; height: 39px;
}
.c_nav li.li3 .img {
    width: 108px;
    padding: 15px;
    border-radius: 5px;
    background: #0cd579;
    position: absolute;
    left: 180px;
    top: -48px;
}
.c_nav li.li3 .img img {
    width: 108px;
    height: 108px;
    display: block;
}
.c_nav li.li3 .img p {
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
    letter-spacing: 2px;
}
.c_nav li.li3 .wx_png{
    display:none;
    position: absolute;
    top: 0px;
    right: 45px;
	width:160px;
	height:92px;
	background:rgba(58,179,81,0.2);
	border-radius:10px 0px 0px 10px;
	z-index: -1;
}
.c_nav li.li3 .wx_png img{ width: 77px; height: 77px; margin: 7px 0 0 10px;}
.c_nav li.li3:hover .wx_png{
    display:block;
}
.c_nav li.li4 {
    -webkit-animation: rotateInDownRight 1.5s 2s ease both;
    -moz-animation: rotateInDownRight 1.5s 2s ease both;
}
.c_nav li.li4 a {
	background-color: #0072E5;
    color:#FFFFFF;
}
.c_nav li.li4 i {
    background: url(../images/kefu/qq.png) center no-repeat; width: 41px; height: 47px;
}
.erweima{ width: 77px; height: 77px;}