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

/* head */
.header {
   width: 100%;
}
.top {
   background: #363636;
   color: #b1b1b1;
   height: 44px;
}
.top a {
   color: #b1b1b1;
}
.top a:hover {
   color: #fdd900;
   text-decoration: underline;
}
.top .top_box {
   float: right;
}
.top .top_nav {
   padding-top: 12px;
}
.top .top_nav li {
   float: left;
   border-right: 1px solid #5b5b5b;
}
.top .top_nav li a {
   display: block;
   height: 20px;
   padding: 0 15px;
   line-height: 20px;
}
.top .lang {
   padding: 0 15px;
   line-height: 44px;
   position: relative;
}
.top .lang i {
   display: inline-block;
   margin-left: 5px;
   vertical-align: -1px;
}
.top .lang a:hover {
   text-decoration: none;
}
.top .lang:hover>a {
   color: #fdd900;
}
.top .lang ul {
   display: none;
   position: absolute;
   top: 44px;
   width: 80%;
   left: 0;
   background-color: #fff;
   border: 1px solid #ddd;
   z-index: 999;
   line-height: 33px;
   padding: 3% 10% 12%;
   border-top: none;
}
.top .lang:hover ul {
   display: block;
}
.top .lang li {
   border-bottom: 1px solid #ddd;
}
.top .lang li a {
   display: block;
}
.top .search {
   height: 44px;
   overflow: hidden;
   font-size: 0;
   margin-left: 3px;
}
.top .search input {
   border: none;
   background-color: #efefef;
   line-height: 44px;
   padding: 0 12px;
   font-size: 14px;
   color: #888;
   width: 170px;
}
.top .search button {
   background-color: #fdd900;
   color: #fff;
   border: none;
   height: 44px;
   overflow: hidden;
   display: inline-block;
   vertical-align: top;
   padding: 0 15px;
   cursor: pointer;
}
.top .search button i {
   font-size: 31px;
   margin-top: 2px;
   display: inline-block;
}
.top .search button:hover {
   background-color: #fdca00;
}
.logo {
   height: 82px;
}
.naver {
   line-height: 82px;
}
.naver li {
   float: left;
   position: relative;
   margin: 0 9px;
}
.naver li a {
   display: block;
   color: #333;
   padding: 0 13px;
}
.naver li a:hover,
.naver li a.on {
   color: #fdd900;
}
.naver li a::after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border-bottom: 2px solid #fdd900;
   transition: all .5s ease;
   transform: scaleX(0);
   opacity: 0;
}
.naver li a:hover::after,
.naver li:hover a::after {
   opacity: 1;
   transform: scaleX(1);
}
.naver li ul {
   display: none;
   position: absolute;
   top: 82px;
   width: 180%;
   left: -40%;
   z-index: 99999;
   background-color: #fff;
   padding: 12px 0;
   font-weight: normal;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
}
.naver li:hover ul {
   display: block;
}
.naver li ul a:hover {
   background-color: #fdd900;
   color: #fff;
}

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

/* wrapper */
.wrapper {
   width: 100%;
}
.products {
   width: 100%;
   padding: 50px 0 10px;
   background-color: #eee;
}
.products .p_bt {
   width: 483px;
   margin: 0 auto;
}
.products .p_bt span.x {
   border-top: 1px solid #aeaeae;
   position: relative;
   margin-top: -19px;
   display: block;
   z-index: 1;
}
.products .p_bt span.bt {
   display: inline-block;
   background-color: #eee;
   position: relative;
   z-index: 2;
   padding: 0 30px;
}
.products .p_class {
   padding: 65px 0 55px;
   overflow: hidden;
   color: #555;
}
.products .p_class li {
   float: left;
   width: 19%;
   padding: 0 3%;
}
.products .p_class li span {
   display: block;
}
.products .p_class li a {
   color: #555;
}
.products .p_class li a:hover {
   color: #fdd900;
}
.products .p_class li span.p_ico {
   width: 112px;
   height: 112px;
   margin: 25px auto;
   background-image: url(/images/ipro_ico.png);
   background-repeat: no-repeat;
   transition: all 0.3s;
}
.products .p_class li span.ico1.p_ico {
   background-position: 0px 0px;
}
.products .p_class li span.ico2.p_ico {
   background-position: -112px 0px
}
.products .p_class li span.ico3.p_ico {
   background-position: -224px 0px;
}
.products .p_class li span.ico4.p_ico {
   background-position: -336px 0px;
}
.products .p_class li:hover span.ico1.p_ico {
   background-position: 0px -112px;
}
.products .p_class li:hover span.ico2.p_ico {
   background-position: -112px -112px;
}
.products .p_class li:hover span.ico3.p_ico {
   background-position: -224px -112px;
}
.products .p_class li:hover span.ico4.p_ico {
   background-position: -336px -112px;
}
.nbox {
   padding: 45px 0 50px;
   overflow: hidden;
}
.nbox h2 {
   font-size: 30px;
   color: #333;
   margin-bottom: 30px;
}
.nbox .news {
   width: 48%;
}
.nbox .news .rmd {
   overflow: hidden;
}
.nbox .news .pic {
   width: 30%;
   height: 140px;
   overflow: hidden;
}
.nbox .news .pic img {
   max-width: 100%;
}
.nbox .news .desc {
   width: 66%;
   padding-top: 2px;
}
.nbox .news .desc span {
   display: block;
   color: #555;
}
.nbox .news .desc span a {
   color: #555;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.nbox .news .desc span a:hover {
   color: #fdd900;
}
.nbox .news .desc span.f14 {
   padding: 10px 0 3px;
}
.nbox .news .desc span.btn {
   width: 120px;
}
.nbox .news .desc span.btn a {
   display: block;
   background-color: #fdd900;
   color: #111;
   padding-top: 1px;
}
.nbox .news .desc span.btn a:hover {
   background-color: #fdd000;
}
.nbox .news ul {
   padding-top: 15px;
}
.nbox .news li {
   border-bottom: 1px dotted #ddd;
}
.nbox .news li a {
   color: #555;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.nbox .news li a:hover {
   color: #fdd900;
}
.nbox .news li i {
   display: inline-block;
   color: #999;
   margin-right: 20px;
}
.nbox .abouts {
   width: 48%;
}
.nbox .abouts .abox {
   overflow: hidden;
}
.nbox .abouts .abox_l {
   width: 68%;
   height: 298px;
   position: relative;
   overflow: hidden;
}
.nbox .abouts .abox_l .wh {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 130px;
   height: 110px;
   padding: 20px 20px 0;
   overflow: hidden;
   background: rgba(253,217,0,0.9);
}
.nbox .abouts .abox_l .wh span {
   display: block;
   padding: 1px 0 9px;
}
.nbox .abouts .abox_l a {
   color: #333;
}
.nbox .abouts .abox_l img,
.nbox .abouts .abox_r img {
   width: 100%;
}
.nbox .abouts .abox_r {
   width: 32%;
}
.nbox .abouts .abox_r span {
   display: block;
   height: 149px;
   overflow: hidden;
}


/* cols */
.cols_slide {
   width: 100%;
   height: 264px;
   overflow: hidden;
   position: relative;
}
.cols_pos {
   width: 100%;
   height: 56px;
   line-height: 58px;
   overflow: hidden;
   position: absolute;
   bottom: 0;
   background: rgba(0, 0, 0, 0.5);
}
.cols_pos li {
   float: left;
   margin-right: 1px;
}
.cols_pos li a {
   display: block;
   color: #fff;
   padding: 0 29px;
}
.cols_pos li a:hover,
.cols_pos li a.on {
   background-color: #fdd900;
   color: #000;
}
.cols_pos li.bt {
   padding-right: 28px;
}
.cols {
   width: 100%;
   padding: 40px 0;
}
.cols_bt {
   border-bottom: 1px solid #ddd;
   overflow: hidden;
   padding-bottom: 17px;
}
.cols_bt span {
   display: block;
   color: #555;
}
.cols_bt span a {
   color: #555;
}
.cols_bt span a:hover,
.cols_info a:hover {
   color: #fdd900;
}
.cols_bt span.fr {
   padding-top: 9px;
}
.cols_info {
   padding: 35px 0;
   color: #555;
}
.cols_info a {
   color: #555;
}
.cols_info img {
   max-width: 100%;
}
.cols_info iframe,
.cols_info video {
   margin: 15px auto;
}
.cols_info table { 
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
   border: 1px solid #ccc;
}
.cols_info table caption { 
   padding-bottom: 5px;
}
.cols_info table th {
   font-weight: 700;
   padding: 5px 15px;
   border: 1px solid #ccc; 
   background: #eee;
}
.cols_info table td {
   padding: 5px 15px;
   border: 1px solid #ccc;
}
.cols_info table tr.altrow { 
   background: #ccc;
}
.cols_nbt {
   padding-top: 50px;
}
.cols_time {
   color: #94949d;
   padding: 18px 0;
   border-bottom: 1px dotted #ddd;
}
.cols_time i {
   display: inline-block;
   padding: 0 5px;
}
.cols_info .apply {
   width: 50%;
   margin-top: -38px;
   padding-bottom: 10px;
}


/* news */
.newslist {
   padding: 32px 0 15px;
}
.newslist .n_box {
   overflow: hidden;
   height: 250px;
   background-color: #eee;
}
.newslist .n_pic {
   width: 31%;
   height: 100%;
   overflow: hidden;
}
.newslist .n_pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.newslist .n_desc {
   width: 39%;
   padding: 2.5% 2%;
}
.newslist .n_desc span {
   display: block;
   color: #555;
}
.newslist .n_desc span a {
   color: #555;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.newslist .n_desc span a:hover {
   color: #fdd900;
}
.newslist .n_desc span.time {
   color: #a5a5a5;
   padding: 15px 0 13px;
}
.newslist .n_desc span.time i {
   display: inline-block;
   margin-right: 2px;
}
.newslist .n_desc span.btn {
   width: 120px;
   margin-top: 17px;
}
.newslist .n_desc span.btn a {
   background-color: #fdd900;
   color: #000;
}
.newslist .n_desc span.btn a:hover {
   background-color: #fdc400;
}
.newslist .n_sea {
   width: 22%;
   height: 95%;
   padding: 2.5% 2%;
   background-color: #d9d9d9;
}
.newslist .n_sea span {
   display: block;
   color: #555;
   padding-bottom: 3px;
}
.newslist .n_sea select {
   display: block;
   width: 100%;
   border: none;
   background-color: #fff;
   margin-top: 15px;
   color: #aaa;
   font-size: 13px;
   padding: 8px 0;
   text-indent: 6px;
}
.newslist .n_sea input {
   border: none;
   background-color: #fff;
   margin-top: 15px;
   color: #aaa;
   font-size: 13px;
   padding: 9px 0;
   text-indent: 8px;
   width: 197px;
}
.newslist .n_sea button {
   border: none;
   background-color: #fdd900;
   color: #fff;
   width: 44px;
   height: 35px;
   overflow: hidden;
   display: inline-block;
   margin-left: -3px;
   vertical-align: -5px;
   cursor: pointer;
}
.newslist .n_sea button i {
   font-size: 28px;
}
.newslist li {
   overflow: hidden;
   border-bottom: 1px dotted #ddd;
   padding: 35px 0;
}
.newslist li .pic {
   width: 23%;
   margin-right: 30px;
}
.newslist li .pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.newslist li .desc span {
   display: block;
   color: #555;
}
.newslist li .desc span a {
   color: #555;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.newslist li .desc span a:hover {
   color: #fdd900;
}
.newslist li .desc span.time {
   color: #a5a5a5;
   padding: 15px 0 13px;
}
.newslist li .desc span.time i {
   display: inline-block;
   margin-right: 2px;
}
.newslist li .desc span.btn {
   margin-top: 17px;
}
.newslist li .desc span.btn a {
   width: 120px;
   background-color: #fdfdfd;
   border: 1px solid #ddd;
   color: #444;
}
.newslist li .desc span.btn a:hover {
   background-color: #fdc400;
   border-color: #fdc400;
}

/* products */
.p_box {
   width: 100%;
   height: 510px;
   padding-top: 58px;
   background: url(/images/pro_bg.jpg) center no-repeat;
}
.p_box ul {
   margin-right: -0.5%;
}
.p_box li {
   float: left;
   width: 49.5%;
   margin: 0 0.5% 0.5% 0;
   overflow: hidden;
}
.p_box li a {
   display: block;
   height: 122px;
   padding: 8% 7% 6% 8%;
   border: 10px solid #eee;
   background: #fff;
   color: #555;
}
.p_box li a:hover {
   border-color: #fdd900;
}
.p_box li .ico {
   width: 112px;
   height: 112px;
   background-image: url(/images/ipro_ico.png);
   background-repeat: no-repeat;
   transition: all 0.3s;
}
.p_box li .ico1.ico {
   background-position: 0px 0px;
}
.p_box li .ico2.ico {
   background-position: -112px 0px
}
.p_box li .ico3.ico {
   background-position: -224px 0px;
}
.p_box li .ico4.ico {
   background-position: -336px 0px;
}
.p_box li a:hover .ico1.ico {
   background-position: 0px -112px;
}
.p_box li a:hover .ico2.ico {
   background-position: -112px -112px;
}
.p_box li a:hover .ico3.ico {
   background-position: -224px -112px;
}
.p_box li a:hover .ico4.ico {
   background-position: -336px -112px;
}
.p_box li .desc {
   width: 67.8%;
   padding-top: 15px;
}
.p_box li .desc span {
   display: block;
   padding: 2px 0 10px;
}
.p_rbt {
   color: #555;
   padding-top: 3px;
}
.p_rmd {
   padding: 35px 0;
   position: relative;
}
.p_rmd .bd {
   position: relative;
   overflow: hidden;
   border-right: 1px solid #ddd;
   margin-right: 1px;
}
.p_rmd .bd li {
   float: left;
   width: 365px;
   border: 1px solid #ddd;
   margin-right: -1px;
}
.p_rmd .bd li a {
   display: block;
   padding: 15px;
   border: 11px solid #fff;
   color: #555;
}
.p_rmd .bd li a:hover {
   border-color: #f2f2f2;
}
.p_rmd .bd li .pic {
   height: 220px;
   overflow: hidden;
}
.p_rmd .bd li .pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.p_rmd .bd li .desc {
   padding: 17px 0 3px;
}
.p_rmd .bd li .desc span {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.p_rmd .bd li .desc span.f22 {
   color: #fdd900;
   padding-bottom: 10px;
}
.p_rmd .hd {
   position: relative;
}
.p_rmd .hd a {
   display: block;
   position: absolute;
   top: -410px;
   color: #fff;
   background-color: #949494;
   width: 30px;
   height: 28px;
}
.p_rmd .hd a:hover {
   color: #fff;
   background-color: #fdd900;
}
.p_rmd .hd i {
   font-size: 27px;
}
.p_rmd .hd a.prev {
   right: 33px;
}
.p_rmd .hd a.next {
   right: 1px;
}
.p_lx {
   background: url(/images/ptelbg.gif) center no-repeat;
   height: 65px;
   line-height: 65px;
   overflow: hidden;
}
.p_lx .lx_left {
   text-indent: 35px;
}
.p_lx .lx_left span {
   display: inline-block;
   font-family: 'Impact';
   font-size: 34px;
   font-weight: bold;
   vertical-align: -5px;
}
.p_lx .lx_left a {
   color: #fff;
}
.p_lx .lx_left a:hover {
   color: #fdd900;
}
.p_lx .lx_right {
   padding: 2px 63px 0 0;
}
.p_lx .lx_right a {
   color: #000;
}
.p_lx .lx_right a:hover {
   color: #555;
}
.p_list {
   padding: 32px 0 15px;
}
.p_list li {
   float: left;
   width: 365px;
   border: 1px solid #ddd;
   margin: 0 -1px -1px 0;
}
.p_list li a {
   display: block;
   padding: 15px;
   border: 11px solid #fff;
   color: #555;
}
.p_list li a:hover {
   border-color: #f2f2f2;
   color: #fdd900;
}
.p_list li .pic {
   height: 220px;
   overflow: hidden;
}
.p_list li .pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.p_list li .desc {
   padding: 21px 0 0;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

.p_info {
   padding: 32px 0 15px;
   overflow: hidden;
}
.p_left {
   width: 45.5%;
   overflow: hidden;
}
.p_left img {
   width: 100%;
}
.p_right {
   width: 51%;
}
.p_right li.bt {
   border-bottom: 1px solid #ddd;
   color: #333;
   padding: 10px 0 13px 1px;
}
.p_right li.desc {
   color: #555;
   padding: 23px 0 28px;
}
.p_right li.btn a {
   background-color: #eee;
   color: #555;
   padding: 10px 41px;
   display: inline-block;
   margin-right: 18px;
}
.p_right li.btn a:hover {
   background-color: #fdd900;
   color: #000;
}
.p_right li.btn i {
   display: inline-block;
   margin-right: 7px;
}
.p_right li.share {
   margin-top: 38px;
}
.bdsharebuttonbox a {
   width: 27px;
   height: 27px;
}
.bdsharebuttonbox a.pico1 {
   background: url(/images/pico1.png) center no-repeat;
}
.bdsharebuttonbox a.pico2 {
   background: url(/images/pico2.png) center no-repeat;
}
.bdsharebuttonbox a.pico3 {
   background: url(/images/pico3.png) center no-repeat;
}
.bdsharebuttonbox a.pico4 {
   background: url(/images/pico4.png) center no-repeat;
}
.bdsharebuttonbox a.pico5 {
   background: url(/images/pico5.png) center no-repeat;
}

.p_bd {
   position: relative;
   margin-top: 26px;
}
.p_bd .hd {
   position: relative;
   background-color: #eee;
   line-height: 46px;
   height: 46px;
}
.p_bd .hd li {
   float: left;
   padding: 0 55px;
   font-size: 16px;
   font-weight: bold;
   cursor: pointer;
   color: #555;
   position: relative;
}
.p_bd .hd li.on::before {
   display: block;
   content: '';
   position: absolute;
   border: 10px solid transparent;
   border-top-color: #fdd900;
   top: 46px;
   left: 0;
   width: 0;
   height: 0;
   right: 0;
   margin: 0 auto;
}
.p_bd .hd li.on {
   background-color: #fdd900;
   color: #000;
}
.p_bd .hd .xg {
   float: right;
   background-color: #dcdcdc;
   font-weight: normal;
}
.p_bd .hd .xg select {
   border: none;
   height: 40px;
   padding: 0 50px;
   font-size: 16px;
   background-color: #dcdcdc;
   color: #555;
}

/* photo */
.photos {
   padding: 32px 0 15px;
}
.photos ul {
   margin-right: -2%;
}
.photos li {
   float: left;
   width: 23%;
   margin: 0 2% 2% 0;
}
.photos li .pic {
   height: 190px;
   overflow: hidden;
}
.photos li .pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.photos li a {
   color: #555;
}
.photos li a:hover {
   color: #fdd900;
}
.photos li span {
   display: block;
   padding: 15px 0 17px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

/* job */
.job_box {
   border: 1px solid #ddd;
   background: url(/images/job_bg.jpg) right bottom no-repeat #fafafa;
   padding: 33px 33px 25px;
   margin-top: 30px;
}
.job_box .j_wz {
   width: 58%;
   color: #555;
}
.job_box .j_wz span {
   display: block;
   margin-bottom: 20px;
}
.job_box .j_wz span input {
   border: 1px solid #aaa;
   background-color: none;
   padding: 9px 10px;
}
.job_box .j_wz span button {
   background-color: #fdd900;
   padding: 10px 35px;
   color: #000;
   border: none;
   cursor: pointer;
}
.job_bt {
   background-color: #fdd900;
   margin-top: 30px;
   line-height: 58px;
   height: 56px;
   overflow: hidden;
   padding: 0 20px 0 50px;
   color: #555;
}
.job_bt li,
.job_list .hd li {
   float: left;
}
.job_bt li i {
   display: inline-block;
   margin-right: 8px;
   font-size: 16px;
}
.job_bt li.bt,
.job_list .hd li.bt {
   width: 36%;
}
.job_bt li.dd,
.job_list .hd li.dd {
   width: 30%;
}
.job_bt li.rs,
.job_list .hd li.rs {
   width: 13%;
}
.job_bt li.sj {
   width: 21%;
}
.job_list {
   position: relative;
}
.job_list .hd {
   overflow: hidden;
   color: #555;
}
.job_list .hd ul.jt {
   background-color: #f8f8f8;
   margin-top: 1px;
   line-height: 58px;
   height: 56px;
   padding: 0 20px 0 50px;
   cursor: pointer;
}
.job_list .hd ul.jt li.sj {
   width: 16%;
}
.job_list .hd ul.jt li.mr {
   width: 5%;
   font-weight: normal;
}
.job_list .hd ul.jn {
   border: 1px solid #f2f2f2;
   padding: 28px;
   margin-bottom: 18px;
}
.job_list .hd ul.jn li {
   display: block;
   float: none;
}
.job_list .hd ul.jn li.nr {
   padding-top: 5px;
}
.job_list .hd ul.jn li.btn {
   width: 160px;
   margin-bottom: 5px;
}
.job_list .hd ul.jn li.btn a {
   color: #000;
   display: block;
   background-color: #fdd900;
}



/* pages */
.n_pages {
   padding: 50px 0;
   letter-spacing: -4px;
}
.n_pages a {
   display: inline-block;
   background-color: #fff;
   color: #979ba3;
   padding: 8px 12px 7px;
   margin: 0 3px;
   border: 1px solid #e3e5e8;
   letter-spacing: 0;
}
.n_pages a:hover,
.n_pages a.page-num-current {
   background-color: #fdd900;
   border-color: #fdd900;
   color: #fff;
}

.n_next {
   border-top: 1px dotted #ddd;
   padding: 15px;
   color: #666;
}
.n_next a {
   color: #666;
}
.n_next a:hover {
   color: #fdd900;
}


/* message */
.apply {
   display: none;
   width: 90%;
   padding-top: 4%;
   margin: 0 auto;
}
.apply li input,
.apply li textarea {
   width: 94%;
   border: 1px solid #ddd;
   margin: 5px 0;
   padding: 2.2% 2.5%;
   font-size: 15px;
}
.apply li textarea {
   height: 80px;
}
.apply li button {
   background: #fdd900;
   color: #fff;
   border-radius: 50px;
   line-height: 40px;
   width: 35%;
   border: none;
   font-size: 15px;
   margin: 15px auto 0;
   display: block;
   cursor: pointer;
   transition: all .3s linear 0s;
}
.apply li button:hover {
   background: #fdca00;
   box-shadow: 0 5px 10px #ccc;
}
.apply li input.code {
   width: 67%;
   margin: 3px 0 5px;
}
.apply li img {
   display: inline-block;
   vertical-align: -18px;
   cursor: pointer;
   margin-left: 8px;
}
.apply li label input {
   width: 5%;
}
.apply li.xb {
   font-size: 14px;
   color: #888;
   padding: 7px 0;
}

/* footer */
.footer {
   width: 100%;
   border-top: 12px solid #fdd900;
   background: #444;
   color: #a6a6a6;   
}
.footer a {
   color: #a6a6a6;
}
.footer a:hover {
   color: #fdd900;
}
.footer .foot {
   /* background: url(/images/foot_bg.gif) left center no-repeat; */
   overflow: hidden;
   padding: 33px 0 26px;
}
.footer .foot_bt {
   border-bottom: 1px dotted #686868;
   color: #fdd900;
   padding-bottom: 20px;
   text-indent: 1px;
}
.footer .foot_lx {
   width: 31%;
   padding-right: 5%;
   color: #a6a6a6;
}
.footer .foot_lx ul,
.footer .foot_fw ul {
   padding: 20px 0 0 1px;
}
.footer .foot_lx li i,
.footer .foot_fw li i {
   color: #fdd900;
   display: inline-block;
   margin-right: 8px;
}
.footer .foot_fw {
   width: 17%;
   padding-right: 5%;
}
.footer .foot_lj {
   width: 23%;
   padding-right: 5%;
}
.footer .foot_lj .lj_box {
   border: 1px solid #525252;
   margin-top: 22px;
   padding-left: 18px;
   cursor: pointer;
   position: relative;
}
.footer .foot_lj .lj_box i {
   display: block;
   float: right;
   width: 40px;
   height: 36px;
   background-color: #525252;
   text-align: center;
   line-height: 36px;
   overflow: hidden;
}
.footer .foot_lj .lj_box ul {
   display: none;
   position: absolute;
   left: -1px;
   bottom: 37px;
   width: 100%;
   border-left: 1px solid #525252;
   border-right: 1px solid #525252;
   background: #444;
   z-index: 999;
}
.footer .foot_lj .lj_box ul li {
   border-top: 1px solid #525252;
}
.footer .foot_lj .lj_box:hover ul {
   display: block;
}
.footer .foot_fxbt {
   color: #fdd900;
   padding: 16px 0 13px;
}
.bdsharebuttonbox {
	overflow:hidden;
}
.bdsharebuttonbox a {
	display:block;
	width:30px !important;
	height:28px !important;
	float:left;
	padding:0 !important;
	margin:0 10px 0 0 !important;
}
.bdsharebuttonbox a.bds_weixin {
	background: url(/images/wxico.png) center no-repeat;
}
.bdsharebuttonbox a.bds_tsina {
	background: url(/images/wbico.png) center no-repeat;
}
.bdsharebuttonbox a.bds_tqq {
	background: url(/images/txico.png) center no-repeat;
}
.footer .foot_wx {
   width: 11%;
   padding-top: 37px;
}
.footer .foot_wx img {
   max-width: 100%;
}
.footer .foot_wx span {
   display: block;
   padding-top: 8px;
}
.footer .copy {
   width: 100%;
   background-color: #363636;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #aaa;
   font-size: 14px;
}
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 #fdd900 solid;
   color: #fdd900;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #fdd900;
   background-color: #fdd900;
}