@charset "utf-8";
@import url("styles.css");
/*
   * wx/qq.465320335 *
   * http://e.xoabc.com/ *
   * Released on: 2020,07,09 *
*/  

/* head */
.header {
   width: 100%;
   position: fixed;
   top: 0;
   z-index: 1000;
   background-color: #ffd700;
}
.header .top {
   width: 100%;
   height: 32px;
   overflow: hidden;
   background-color: #f7f7ef;
}
.header .top_l {
   color: #555;
   padding-top: 8px;
}
.header .top_l li {
   float: left;
   color: #c2c2c2;
   border-right: 1px solid #c2c2c2;
   height: 16px;
   padding-right: 12px;
   margin-right: 12px;
}
.header .top_l li:last-of-type {
   border: none;
}
.header .top_l li i {
   display: inline-block;
   margin-right: 6px;
   vertical-align: -1px;
   color: #aaa;
   transition: all .2s linear 0s
}
.header .top_l li a {
   color: #555;
}
.header .top_l li a:hover,
.header .top_l li a:hover i {
   color: #ffd700;
}
.header .top_r {
   padding-top: 5px;
}
.header .top_r li {
   float: left;
}
.header .top_r li.search {
   margin-right: 11px;
}
.header .top_r li input {
   border: 1px solid #666;
   width: 180px;
   height: 18px;
   background-color: #fff;
   padding-left: 6px;
   color: #757575;
   display: inline-block;
   vertical-align: top;
   font-size: 13px;
   margin-right: 3px;
}
.header .top_r li button {
   width: 30px;
   height: 22px;
   background-color: #666;
   line-height: 14px;
   text-align: center;
   border: none;
   cursor: pointer;
}
.header .top_r li button:hover {
   background-color: #ffd700;
}
.header .top_r li a {
   display: block;
   background-color: #999;
   width: 22px;
   height: 22px;
   line-height: 22px;
   border-radius: 2px;
   color: #fff;
   text-align: center;
   overflow: hidden;
   margin-left: 5px;
}
.header .top_r li a:hover {
   background-color: #666;
   color: #ffd700;
}
.header .logo {
   padding: 20px 0 19px;
}
.header .naver {
   padding-top: 21px;
}
.header .naver li {
   float: left;
   line-height: 41px;
   margin-left: 1px;
   position: relative;
}
.header .naver li a {
   color: #333324;
   display: block;
   padding: 0 21px;
}
.header .naver li a i {
   display: inline-block;
   margin-left: 7px;
}
.header .naver li a:hover,
.header .naver li:hover a,
.header .naver li a.on {
   background-color: #000;
   color: #ffd700;
}
.header .naver li .sub {
   display: none;
   position: absolute;
   left: 0;
   top: 41px;
   width: 300%;
}
.header .naver li .sub>ul {
   display: none;
   background-color: #000;
   border-top: 1px solid #ffd700;
   padding: 12px 0;
   border-bottom: 4px solid #ffd700;
   box-shadow: 0 5px 5px -5px #333;
}
.header .naver li .sub li {
   float: none;
   line-height: 35px;
   margin: 0;
   position: static;
}
.header .naver li .sub li a {
   color: #ffffef;
   padding: 0 0 0 24px;
}
.header .naver li .sub li a:hover,
.header .naver li .sub li:hover>a {
   background-color: #ffd700;
   color: #000;
}
.header .naver li:hover .sub,
.header .naver li .sub li:hover .zsub,
.header .naver li .sub>ul.db {
   display: block;
}
.header .naver li .sub1 {
   width: 160% !important;
}
.header .naver li .sub3 {
   width: 240% !important;
}
.header .naver li .sub li i {
   display: inline-block;
   margin: 0 5px 0 1px; 
}
.header .naver li .sub li .zsub {
   display: none;
   position: absolute;
   left: -88%;
   top: 20px;
   background-color: #000;
   width: 88%;
   padding: 10px 0 17px;
   border-right: 1px solid #ffd700;
   min-height: 300px;
}
.header .naver li .sub li .zsub li {
   border-bottom: 1px solid #332b00;
}


/* main */
.main {
   width: 1230px;
   margin: 0 auto;
}

/* wrapper */
.wrapper {
   width: 100%;
}
.products {
   padding: 35px 0 60px;
}
.products ul {
   margin-right: -19px;
}
.products li {
   float: left;
   width: 291px;
   height: 392px;
   border: 1px solid #efefef;
   background-color: #fff;
   margin: 0 19px 19px 0;
   transition: all .2s linear 0s
}
.products li:hover {
   border-color: #ffd700;
}
.products li span {
   display: block;
}
.products li span.pic {
   width: 279px;
   height: 198px;
   line-height: 192px;
   overflow: hidden;
   margin: 3px 6px;
}
.products li span.pic img {
   max-width: 100%;
   max-height: 100%;
   vertical-align: middle;
}
.products li span.title {
   border-bottom: 1px solid #f3f3f3;
   margin: 0 15px;
   padding: 8px 5px 1px;
   color: #0f090b;
   height: 48px;
   transition: all .2s linear 0s
}
.products li span.title:hover {
   color: #ffd700;
}
.products li span.desc {
   margin: 11px 15px 15px;
   color: #888;
   text-align: left;
   height: 40px;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.products li span.more {
   width: 115px;
   height: 34px;
   background-color: #ffd700;
   margin: 0 auto;
   color: #000;
   overflow: hidden;
}
.products li span.more:hover {
   background-color: #000;
   color: #ffd700;
}

.wp_box {
   width: 100%;
   padding: 30px 0 31px;
   background-color: #191919;
}
.wp_box h5 {
   font-weight: normal;
   font-size: 18px;
   color: #fff;
   text-transform: uppercase;
   padding: 5px 0 15px;
}
.abouts {
   width: 369px;
   padding-right: 32px;
}
.abouts span {
   display: block;
   color: #ccc;
}
.abouts span.pic {
   width: 187px;
   height: 125px;
   border: 2px solid #ececec;
   overflow: hidden;
   margin: 15px 0 27px;
}
.abouts span.pic:hover {
   border-color: #ffd700;
}
.abouts span.pic img {
   width: 100%;
}
.abouts span a {
   color: #fff;
   text-transform: uppercase;
}
.abouts span a:hover {
   text-indent: 5px;
   color: #ffd700;
}
.abouts span i {
   display: inline-block;
   margin-right: 8px;
}
.news {
   width: 357px;
   min-height: 275px;
   padding: 0 30px;
   border-left: 1px solid #3b3b3b;
   border-right: 1px solid #3b3b3b;
}
.news_rmd {
   border-bottom: 1px solid #232323;
   padding: 0 5px 20px;
   overflow: hidden;
}
.news_rmd span {
   display: block;
   margin-top: 4px;
}
.news_rmd span.pic {
   width: 113px;
   height: 81px;
   overflow: hidden;
}
.news_rmd span.pic img {
   width: 100%;
}
.news_rmd span.desc {
   width: 216px;
   padding-top: 2px;
}
.news_rmd a,
.wp_box h5 a {
	color: #fff;
}
.news_rmd a:hover,
.wp_box h5 a:hover {
	color: #ffd700;
}
.news_list li a:hover {
   color: #ffd700;
   text-indent: 5px;
}
.news_list {
   padding: 14px 5px 0;
}
.news_list li a {
   color: #fff;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.contacts {
   width: 375px;
   color: #fff;
}
.contacts li,
.contacts li a {
   color: #fff;
}
.contacts li i {
   color: #ffd700;
   display: inline-block;
   margin: 0 7px 0 -2px;
   font-size: 14px;
}
.contacts li i.fa-mobile {
   font-size: 15px;
   margin-left: -3px;
}
.contacts li.name {
   color: #fff;
   margin: -5px 0 8px;
}
.contacts li a:hover {
   color: #ffd700;
   text-indent: 5px;
}

/* cols */
.cols_slide {
   width: 100%;
   overflow: hidden;
   margin: 115px auto 0;
}
.cols {
   width: 100%;
   padding: 15px 0 50px;
}
.cols_left {
   width: 270px;
}
.cols_right {
   width: 935px;
}
.cols_pos {
   background-color: #ffd700;
   color: #000;
   padding: 19px 0 19px 16px;
}
.cols_pos a {
   color: #000;
   display: inline-block;
   padding: 0 2px;
}
.cols_pos a:hover {
   color: #ffd700;
   background-color: #000;
}
.cols_box {
   padding: 22px 0;
}
.cols_hd {
   width: 935px;
   height: 545px;
   position: relative;
   overflow: hidden;
}
.cols_hd .bd li img {
   width: 100%;
}
.cols_hd .hd {
   position: absolute;
   right: 20px;
   bottom: 20px;
}
.cols_hd .hd li {
   float: left;
   margin: 0 2px;
   width: 20px;
   height: 20px;
   line-height: 20px;
   cursor: pointer;
   background-color: #000;
   color: #fff;
}
.cols_hd .hd li.on {
   background-color: #ffd700;
   color: #000;
}
.cols_desc {
   padding: 25px 0;
   color: #555;
}
.cols_desc a {
   color: #555;
}
.cols_desc a:hover {
   color: #ffd700;
}
.cols_desc img {
   display: block;
   margin: 10px auto 20px;
   max-width: 100%;
}
.cols_desc table {
   border-collapse:collapse;  
   border-spacing:0px; 
   width: 100% !important;
   text-align: center;
   font-size: 14px;
   line-height: 35px;
   background: none;
}
.cols_desc table,
.cols_desc tr,
.cols_desc td {
   border: 1px solid #e0e0e0;
}
.cols_desc td p {
   word-break:break-all;
}

/* contact */
.contact {
   padding: 22px 0;
}
.contact .c_rmd {
   border: 1px solid #efefef;
   background-color: #fff;
}
.contact .c_rmd_pic {
   width: 367px;
   line-height: 240px;
   overflow: hidden;
}
.contact .c_rmd_pic img {
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
}
.contact .c_rmd_desc {
   width: 522px;
   min-height: 212px;
   border-left: 1px solid #efefef;
   padding: 28px 0 0 43px;
   background: url(/images/lxico.jpg) right bottom no-repeat;
}
.contact .c_list {
   padding: 16px 0;
}
.contact .c_list ul {
   margin-right: -19px;
}
.contact .c_list li {
   float: left;
   width: 297px;
   border: 1px solid #efefef;
   background: url(/images/lxbg.jpg) center repeat-y #fff;
   margin: 0 19px 19px 0;
   padding-top: 43px;
   cursor: pointer;
}
.contact .c_list li span {
   display: block;
}
.contact .c_list li span.pic {
   width: 155px;
   height: 155px;
   overflow: hidden;
   border-radius: 50%;
   margin: 0 auto;
}
.contact .c_list li span.pic img {
   height: 100%;
}
.contact .c_list li span.name {
   border-bottom: 1px solid #efefef;
   color: #3e3e3e;
   padding: 21px 0 25px;
}
.contact .c_list li span.desc {
   color: #3e3e3e;
   padding: 20px 22px;
}

/* products */
.productlist {
   padding: 22px 0;
}
.productlist dl {
   margin-bottom: 20px;
}
.productlist dt {
   height: 20px;
   line-height: 20px;
   overflow: hidden;
   background: url(/images/x.jpg) center repeat-x;
}
.productlist dt span {
   display: block;
   background-color: #fafafa;
}
.productlist dt span.fl {
   padding-right: 20px;
}
.productlist dt span a {
   color: #333;
}
.productlist dt span a:hover {
   color: #ffd700;
}
.productlist dt span.fr {
   padding: 0 0 0 15px;
}
.productlist dt span.fr i {
   font-size: 15px;
   display: inline-block;
   margin-right: 8px;
   vertical-align: -1px;
}
.p_list {
   padding-top: 15px;
}
.p_list ul {
   margin-right: -15px;
}
.p_list li {
   float: left;
   width: 220.5px;
   height: 276px;
   border: 1px solid #efefef;
   background-color: #fff;
   margin: 5px 15px 10px 0;
   overflow: hidden;
}
.p_list li:hover {
   border-color: #ffd700;
}
.p_list li span {
   display: block;
}
.p_list li span.pic {
   height: 180px;
   line-height: 180px;
   margin: 1px 8px;
   overflow: hidden;
}
.p_list li span.pic img {
   max-width: 100%;
   max-height: 100%;
   vertical-align: middle;
}
.p_list li span.title {
   margin: 8px 14px 0;
   border-top: 1px solid #f3f3f3;
   padding: 15px 0 23px;
   color: #444;
   transition: all .2s linear 0s
}
.p_list li:hover span.title {
   color: #ffd700;
}

/* info */
.infos {
   padding: 15px 0;
}
.infos .i_pics {
   width: 450px;
   position: relative;
   overflow: hidden;
}
.infos .i_pics .bigImg {
   height: 380px;
   margin-bottom: 10px;
   position: relative;
   overflow: hidden;
   border: 1px solid #e4e4e4;
}
.infos .i_pics .bigImg li.p_pics {
   width: 448px;
   height: 380px;
   line-height: 378px;
   text-align: center;
   overflow: hidden;
   background-color: #fff;
}
.infos .i_pics .bigImg li img {
   max-width: 100%;
   max-height: 100%;
   vertical-align: middle;
}
.infos .i_pics .smallScroll {
   width: 100%;
   height: 76px;
   position: relative;
} 
.infos .i_pics .smallImg {
   float: left;
   width: 411px;
   overflow: hidden;
   padding: 0 18px 0 19px;
}
.infos .i_pics .smallImg ul {
   width: 9999px;
   height: 76px;
   overflow: hidden;
}
.infos .i_pics .smallImg li {
   float: left;
   margin: 0 3px;
   width: 95px;
   cursor: pointer;
   border: 1px solid #e4e4e4;
}
.infos .i_pics .smallImg li img {
   width: 95px;
   height: 74px;
}
.infos .i_pics .smallImg li.on img {
   opacity: 0.8;
}
.infos .i_pics .smallImg li.on {
   border: 1px solid #ffd700;
}
.infos .i_pics .sPrev,
.infos .i_pics .sNext {
   position: absolute;
   top: 0;
   height: 80px;
   line-height: 80px;
   width: 18px;
   background: #ffd700;
   color: #fff;
   overflow: hidden;
   z-index: 999;
   text-align: center;
}
.infos .i_pics .sPrev {
   left: 0;
}
.infos .i_pics .sNext {
   right: 0;
}

.infos .i_desc {
   width: 453px;
}
.infos .i_nbt {
   width: 100%;
}
.infos .i_desc li {
   color: #3e3e3e;
   padding: 5px 0 8px;
}
.infos .i_desc li strong {
   color: #ffd700;
}
.infos .i_desc li.title {
   padding-bottom: 15px;
}
.infos .i_nbt li.title {
   padding: 10px 0 5px;
}
.infos .i_desc li.title,
.infos .i_desc li a {
   color: #3e3e3e;
}
.infos .i_desc li a:hover {
   background-color: #ffd700;
   color: #000;
}
.infos .i_desc li .share {
   padding: 8px 0 2px;
   margin-left: -2px;
}
.infos .i_desc li.btn {
   width: 150px;
   margin-top: 5px;
}
.infos .i_desc li.btn a {
   background-color: #000;
   color: #ffd700;
   display: block;
}
.infos .i_desc li.btn a:hover {
   background-color: #ffd700;
   color: #000;
}
.infos_box {
   background-color: #f6f6f6;
   border: 1px solid #e8e8e8;
   padding: 20px;
   margin: 10px 0 0;
   color: #555;
}
.infos_box a {
   color: #555;
}
.infos_box a:hover {
   color: #ffd700;
}
.infos_box img {
   max-width: 100%;
   display: block;
   margin: 10px auto 20px;
}
.infos_box table {
   border-collapse:collapse;  
   border-spacing:0px; 
   width: 100% !important;
   text-align: center;
   font-size: 14px;
   line-height: 35px;
   background: none;
}
.infos_box table,
.infos_box tr,
.infos_box td {
   border: 1px solid #e0e0e0;
}
.infos_box td p {
   word-break:break-all;
}

.infos_tag {
   border: 1px solid #e0e0e0;
}
.infos_tagbt {
   border-bottom: 1px solid #e0e0e0;
   padding: 12px 15px 10px;
}
.infos_taglist {
   padding: 20px 10px;
}
.infos_taglist li {
   float: left;
   margin: 5px;
}
.infos_taglist li a {
   border: 1px solid #e0e0e0;
   color: #555;
   padding: 9px 10px;
}
.infos_taglist li a:hover {
   border-color: #000;
   color: #ffd700;
   background-color: #000;
}

/* news */
.newslist {
   padding: 10px 0;
}
.newslist li {
   border-bottom: 1px solid #eee;
   padding: 18px 2px;
   overflow: hidden;
}
.newslist li .pic {
   width: 18%;
   overflow: hidden;
   margin-right: 2%;
}
.newslist li .pic img {
   width: 100%;
}
.newslist li .desc {
   width: 80%;
}
.newslist li .desc p {
   font-size: 12px;
   color: #aaa;
   padding-top: 8px;
}
.newslist li .desc p i {
   display: inline-block;
   margin-right: 5px;
}
.newslist li .desc div p {
   font-size: 14px;
   color: #999;
}
.newslist li a {
   color: #000;
}
.newslist li a:hover {
   color: #ffd700;
}

/* photo */
.photos {
   padding: 20px 0 10px;
}
.photos ul {
   margin-right: -2%;
}
.photos li {
   float: left;
   width: calc(23% - 2px);
   margin: 0 2% 2% 0;
   border: 1px solid #eee;
   overflow: hidden;
}
.photos li div {
   height: 130px;
   line-height: 130px;
   overflow: hidden;
   padding: 5px 0;
}
.photos li div img {
   max-width: 100%;
   max-height: 100%;
   vertical-align: middle;
}
.photos li span {
   display: block;
   background-color: #f9f9f9;
   border-top: 1px solid #eee;
}
.photos li a {
   color: #444;
}
.photos li a:hover {
   color: #0f81ca
}
.photos li:hover {
   border-color: #0f81ca;
}

/* pages */
.n_pages {
   padding: 38px 0 50px;
   letter-spacing: -4px;
}
.n_pages a {
   display: inline-block;
   background-color: #fff;
   color: #979ba3;
   padding: 9px 13px 8px;
   margin: 0 3px;
   border: 1px solid #ececec;
   letter-spacing: 0;
}
.n_pages a:hover,
.n_pages a.page-num-current {
   background-color: #f5f5f5;
   border-color: #ececec;
   color: #8a919f;
}

.n_next {
   margin: 20px 0;
}
.n_next a {
   color: #555;
}
.n_next a:hover {
   color: #ffd700;
}
.n_next i {
   display: inline-block;
   vertical-align: 1px;
}

/* left */
.p_class {
   border: 3px solid #ffd700;
   background-color: #fff;
}
.p_class_bt,
.p_pro_bt,
.clx_bt {
   background-color: #ffd700;
   padding: 15px 0;
   color: #000;
}
.p_class_bt i,
.p_pro_bt i,
.clx_bt i {
   display: inline-block;
   padding: 0 7px 0 14px;
}
.p_class_list {
   padding: 5px 6px;
}
.p_class_list>ul {
	position: relative;
}
.p_class_list li {
   margin-bottom: 3px;
   background-color: #fafafa;
   padding: 11px 0 10px;
   border-radius: 2px;
}
.p_class_list li:hover {
	background: #ffd700;
}
.p_class_list li i {
   color: #ffd700;
   display: inline-block;
   vertical-align: top;
   width: 30px;
   text-align: center;
   padding-top: 1px;
   cursor: pointer;
   height: 16px;
}
/*.p_class_list li i {*/
/*   background: url(/images/lico1.png) center no-repeat;*/
/*}*/
/*.p_class_list li:hover i.active {*/
/*   background: url(/images/lico2.png) center no-repeat;*/
/*}*/
.p_class_list li a {
   width: 222px;
   display: inline-block;
   color: #444;
}
.p_class_list li:hover>i,
.p_class_list li a:hover,
.p_class_list li ul li:hover i,
.p_class_list li ul li:hover a,
.p_class_list li:hover>a {
   color: #000;
}
.p_class_list li ul {
   display: none;
   background: #000;
   position: absolute;
   right: -253px;
   top: 0;
   width: 100%;
   min-height: 430px;
   border-left: 3px solid #ffd700;
   box-shadow: 5px 5px 5px -5px #333;
   z-index: 99999;
   padding-top: 5px;
}
.p_class_list li ul li {
   padding: 10px 0;
   margin: 0 5px;
   border-bottom: 1px solid #332b00;
   background: none;
}
.p_class_list li ul li:hover {
   background-color: #ffd700;
}
.p_class_list li ul li i {
   color: #fff;
   width: 21px;
   padding-left: 4px;
   background-image: none;
}
.p_class_list li ul li a {
   width: 212px;
   color: #fff;
}
.p_class_list li:hover ul {
	display: block;
}
.p_pro {
   margin-top: 10px;
}
.p_pro_bt {
   padding: 13px 0 11px;
}
.p_pro_bt i {
   padding: 0 7px 0 15px;
}
.p_pro_list {
   margin-top: 7px;
}
.p_pro_list li {
   border: 1px solid #efefef;
   background-color: #fff;
   margin-bottom: 10px;
}
.p_pro_list li:hover {
   border-color: #ffd700;
}
.p_pro_list li span {
   display: block;
}
.p_pro_list li span.pic {
   margin: 1px 8px;
   overflow: hidden;
}
.p_pro_list li span.pic img {
   width: 100%;
}
.p_pro_list li span.title {
   margin: 8px 14px 0;
   border-top: 1px solid #f3f3f3;
   padding: 15px 0 23px;
   color: #0f090b;
   transition: all .2s linear 0s
}
.p_pro_list li:hover span.title,
.c_lianxi a:hover,
.c_lianxi i {
   color: #ffd700;
}
.clx_bt {
   padding: 13px 0;
}
.c_lianxi {
   padding: 10px 0 12px 9px;
   color: #555;
}
.c_lianxi a {
   color: #555;
}
.c_lianxi li {
   margin: 12px 0;
   line-height: 19px;
}
.c_lianxi li i {
   font-size: 17px;
   display: inline-block;
   vertical-align: top;
   margin-right: 5px;
}
.c_lianxi li span {
   width: 215px;
   display: inline-block;
}
.p_lb {
   margin-bottom: 10px;
}

/* sitemap */
.smap {
   padding: 10px 0;
}
.smap .map_bt {
   background-color: #fff;
   color: #666;
   padding: 13px 20px;
}
.smap .map_nav {
   padding: 15px 19px;
   border-bottom: 1px solid #eee;
   margin-bottom: 28px;
}
.smap .map_nav li {
   float: left;
   width: 25%;
}
.smap .map_nav li a,
.smap .map_list dt a,
.smap .map_list dd a {
   color: #444;
   display: block;
}
.smap .map_nav li a:hover,
.smap .map_list dt a:hover,
.smap .map_list dd a:hover {
   color: #ffd700;
}
.smap .map_list {
   padding: 15px 0;
}
.smap .map_list dt {
   border-bottom: 1px solid #eee;
   padding: 0 0 15px 20px;
}
.smap .map_list dd {
   display: inline-block;
   vertical-align: top;
   width: 32.33333%;
   padding: 0.5%;
}
.smap .map_list dl div {
   margin-bottom: 40px;
   border-bottom: 1px solid #eee;
   padding: 13px 15px;
   display: table;
   width: 100%;
}


/* message */
.message {
   padding: 15px 0;
}
.message .m_title {
   background-color: #333;
   color: #ffd700;
   border-radius: 2px;
   text-indent: 15px;
}
.message .m_form {
   padding: 16px 0;
}
.message .m_form li {
   margin-bottom: 15px;
}
.message .m_form li input,
.message .m_form li textarea {
   border: 1px solid #999;
   padding: 12px 0;
   width: 99.8%;
   background: none;
   text-indent: 9px;
}
.message .m_form li.w5 {
   width: 49.2%;
}
.message .m_form li input.ipt {
   width: 72%;
}
.message .m_form li textarea {
   height: 150px;
}
.message .m_form li img {
   height: 41px;
   display: inline-block;
   vertical-align: top;
   cursor: pointer;
   margin-left: 12px;
}
.message .m_form li button {
   border: none;
   background-color: #ffd700;
   color: #000;
   padding: 12px 0;
   width: 40%;
   font-size: 15px;
   cursor: pointer;
   transition: all .2s linear 0s
}
.message .m_form li button:hover {
   background-color: #000;
   color: #ffd700;
}

/* footer */
.footer {
   width: 100%;
   background-color: #191919;
   color: #666;
}
.footer .foot {
   border-top: 1px solid #3b3b3b;
   padding: 20px 0 26px;
   color: #666;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #757575;
   font-size: 13px;
}
p#back-to-top{
   position: fixed;
   display: none;
   bottom: 30px;
   right: 30px;
}
p#back-to-top a {
   text-align: center;
   display: block;
   height: 30px;
   width: 30px;
   line-height: 38px;
   border: 1px #ffd700 solid;
   color: #ffd700;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #ffd700;
   background-color: #ffd700;
}
#kefu{ width:120px; height:auto; position:fixed; top:50%; right:5px;z-index:99999; background:#fff; border:1px solid #ffd700;border-top:3px solid #ffd700; display:none; margin-top:-248px;box-shadow:0 0 8px #eee;padding:0 5px}
#kefu .ktop{ width:100%; height:35px; line-height:35px;font-family:"Microsoft YaHei"; font-size:14px; color:#333; font-weight:bold;text-indent:13px}
#kefu .middle { font-size:12px; width:100%; text-align:center;padding-bottom:10px}
#kefu .middle b { display:block;padding:8px 0}
#kefu .middle p{ color:#991C0A;}
#kefu .middle a { color: #333;padding-bottom:4px;display:inline-block}
#kefu .close{float:right; margin-right:10px; margin-top:10px; cursor:pointer;}
.right_bar{ width:32px; height:60px; position:fixed; top:45%; right:0; margin-top:-180px; z-index:9999;box-shadow:0 0 8px #eee}
.right_bar img{cursor:pointer;}

.whats {
	position: fixed;
	right: 0;
	top: 30%;
	width: 80px;
	z-index: 99999;
}
.whats li {
	margin: 2px 0;
}
.whats li a {
	color: #fff;
	background: rgba(0,0,0,0.5);
	display: block;
	padding: 6px 0;
	border: 1px solid #ffd700;
}
.whats li i {
	display: block;
	margin-bottom: 2px;
}
.whats li a:hover {
	background: #ffd700;
}