@charset "utf-8";
@import url("styles.css?v=228");
/* wx. c5h865 */  

/* head */
.header {
   width: 100%;
   position: fixed;
   top: 0;
   z-index: 999;
}
.top {
   padding: 10px 0;
   overflow: hidden;
   background: #ad0401;
   transition: all 0.5s;
}
.top.tt {
   padding: 0;
   height: 0;
}

.top .top_l a,
.top .top_r a {
   color: #ffe8e8;
}
.top .top_l a:hover {
   color: #fff;
   text-decoration: underline;
}
.top .top_l li,
.top .top_r li {
   padding: 0 19px;
   float: left;
   border-right: 1px solid #910608;
}
.top .top_l li:first-child {
   padding-left: 0;
}
.top .top_l li:last-child {
   border: none;
}
.top .top_r li:last-child {
   border: none;
   padding-right: 0;
}
.top .top_r a:hover {
   color: #fff;
}
.top .top_r li.s {
    margin: -4px 0;
}
.top .top_r li.s form {
    height: 28px;
    display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   border-radius: 2px;
  overflow: hidden;
}
.top .top_r li.s input,
.top .top_r li.s button {
    height: 100%;
    border: 0 none;
    background: #fff;
    font-size: 14px;
    padding: 0 8px;
}
.top .top_r li.s input {
    line-height: 14px;
}
.top .top_r li.s button {
    cursor: pointer;
}
.top .top_r li.s input::-webkit-input-placeholder {
    font-size: 14px;
}
.top_box {
   height: 100px;
   background: url(/images/topbg.png) top repeat-x;
}
.logo {
   padding-top: 12px;
}
.naver {
   padding-top: 31px;
}
.naver ul {
   position: relative;
}
.naver li {
   float: left;
   margin-left: 26px;
   padding-bottom: 27px;
}
.naver li.s i {
   display: block;
   color: #fff;
   font-size: 25px;
   margin-top: -1px;
}
.naver li.s {
   margin: 0;
   cursor: pointer;
}
.naver li a {
   position: relative;
   display: block;
   color: #fff;
}
.naver li a::after,
.naver li a::before {
   content: '';
   display: block;
   position: absolute;
   right: 0;
   left: 0;
   margin: 0 auto;
   transition: all 0.5s;
   opacity: 0;
}
.naver li a::after {
   width: 100%;
   height: 0;
   bottom: -7px;
   font-size: 0;
   border-bottom: 2px solid #fff;
   transform: scaleX(0);
}
.naver li a::before {
   top: 32px;
   width: 2px;
   height: 0;
   border-left: 2px solid #fff;
}
.naver li a:hover::after,
.naver li:hover a::after {
   opacity: 1;
   transform: scaleX(1);
}
.naver li a:hover::before,
.naver li:hover a::before {
   opacity: 1;
   height: 20px;
}
.naver li a.n::before {
   display: none;
}
.naver li .nav {
   position: absolute;
   top: 52px;
   left: 0;
   width: 100%;
   height: 0;
   background: url(/images/navbg.png) center bottom repeat-x #fff;
   border-top: 2px solid #ad0401;
   border-radius: 3px;
   transition: 0.5s ease-out;
   box-shadow: 0 5px 15px rgba(0,0,0,0.1);
   visibility: hidden;
   overflow: hidden;
}
.naver li:hover .nav {
   height: 220px;
   visibility: visible;
}
.naver li .nav_box {
   height: 100%;
   padding: 30px 35px;
   overflow: hidden;
}
.naver li .nav_list {
   width: 70%;
   overflow: hidden;
}
.naver li .nav_list li {
   margin: 0 0 2.7% 0;
   padding: 0;
   width: 25%;
}
.naver li .nav_list li a {
   color: #333;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.naver li .nav_list li a:hover,
.naver li .nav_list li i {
   color: #ad0401;
}
.naver li .nav_list li a::after,
.naver li .nav_list li a::before {
   display: none;
}
.naver li .nav_list li i {
   display: inline-block;
   margin-right: 7px;
}
.naver li .nav_pic {
   width: 27%;
   height: 100%;
   overflow: hidden;
}
.naver li .nav_pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.top_bg {
   height: 90px;
   background: #fff;
   box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.top_bg .naver li.s i {
   color: #ad0401;
}
.top_bg .naver li a {
   color: #222;
}
.top_bg .naver li a::after {
   border-bottom: 2px solid #ad0401;
}
.top_bg .naver li a::before {
   border-left: 2px solid #ad0401;
}

.index-top {
   width: 100%;
   height: 100%;
   overflow: hidden;
}
.index-slide {
   position: relative;
   width: 100%;
   height: 100vh;
   overflow: hidden;
}
.index-slide .swiper-wrapper,
.index-slide .swiper-slide,
.index-slide .swiper-slide img {
   width: 100%;
   height: 100%;
}
.index-slide .swiper-slide img {
   object-fit: cover
}
.index-slide {
   --swiper-navigation-color: rgba(255,255,255,0.7);
   --swiper-navigation-size: 50px;
}
.index-slide .swiper-button-next {
   right: 3.3%;
}
.index-slide .swiper-button-prev {
   left: 3.3%;
}
.index-slide .swiper-button-next:hover,
.index-slide .swiper-button-prev:hover {
   --swiper-navigation-color: rgba(255,255,255,1);
}
.index-slide .mouse {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 4%;
   z-index: 999;
   width: 25px;
   height: 36px;
   margin: 0 auto;
   border: 2px solid #fff;
   border-radius: 50px;
   cursor: pointer;
   opacity: 0.8;
   -webkit-animation: mouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
	animation: mouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
.index-slide .mouse::after {
   content: '';
   display: block;
   position: absolute;
   top: 7px;
   right: 0;
   left: 0;
   margin: 0 auto;
   width: 3px;
   height: 8px;
   background: #fff;
   border-radius: 50%;
}
@-webkit-keyframes mouse {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-5px);
	}
}

@keyframes mouse {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-5px);
	}
}


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

/* wrapper */
.wrapper {
   width: 100%;
}
.wrapper {
	position:fixed;
	left:0%;
	top:100%;
	bottom:0;
	right:0;
	background:#fff;
	overflow:hidden;
	transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
	z-index:1;
	overflow:auto;
	outline:none;
}
.wrapper.dis * {
	background-image:none;
}
.wrapper * {
	outline:none;
}
.wrapper.showdiv {
	top:0;
}
.wrapper .mCSB_scrollTools {
	z-index:4;
	width:5px;
}
.wrapper .mCSB_scrollTools .mCSB_draggerRail {
	width:5px;
}
.wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background:#94070a;
	width:5px;
}
.wrapper .mCSB_scrollTools .mCSB_draggerRail {
	background:rgba(0,0,0,0.1);
}

.yaowen {
   padding: 170px 0 35px;
   background: #f3efef;
}
.yaowen h2 {
   letter-spacing: 2px;
   font-size: 43px;
   text-align: center;
}
.yaowen h2 span {
   color: #d12026;
}
.yaowen h2 a {
   color: #333;
}
.yaowen .y_list {
   padding: 35px 0 0;
}
.yaowen .y_list ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: top;
}
.yaowen .y_list li {
   width: 23.55%;
   background: #fff;
   box-shadow: 3px 0 25px rgba(0,0,0,0.08);
   transition: margin 0.5s;
}
.yaowen .y_list li:hover {
   margin-top: -6px;
}
.yaowen .y_list li ._pic {
   height: 232px;
   overflow: hidden;
}
.yaowen .y_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.yaowen .y_list li ._box {
   padding: 16px 16px 33px;
}
.yaowen .y_list li ._box span {
   display: block;
   color: #808080;
}
.yaowen .y_list li ._box span i {
   display: inline-block;
   vertical-align: 1px;
   margin-right: 6px;
   margin-left: 1px;
}
.yaowen .y_list li ._box a {
   display: block;
   color: #333;
   font-size: 17px;
   line-height: 26px;
   font-weight: bold;
   padding: 9px 0 6px;
}
.yaowen .y_list li ._box a:hover,
.xinwen .xibu_pic li h2 a:hover,
.xinwen .xibu_list li ._title a:hover {
   color: #d12026;
}

.xinwen {
   padding: 38px 0 37px;
   background: #f7f7f7;
   overflow: hidden;
}
.xinwen .xw_top {
   padding: 15px 20px 13px 19px;
   border-bottom: 1px solid #f5f5f5;
   overflow: hidden;
}
.xinwen .xw_bt i {
   display: inline-block;
   vertical-align: -4px;
   color: #ce0400;
   font-size: 33px;
   font-weight: normal;
   margin-right: 8px;
}
.xinwen .xw_gd {
   padding-top: 6px;
}
.xinwen .xw_gd i,
.xinwen .tongzhi .hd span i {
   display: inline-block;
   vertical-align: -5px;
   width: 22px;
   height: 22px;
   line-height: 20px;
   background: #ad0401;
   border-radius: 50px;
   color: #fff;
   text-align: center;
   overflow: hidden;
   margin-right: 7px;
}
.xinwen .xw_gd a,
.xinwen .tongzhi .hd span a {
   color: #ad0401;
}
.xinwen .xw_gd a:hover,
.xinwen .tongzhi .hd span a:hover {
   text-decoration: underline;
   color: #333;
}
.xinwen .xibu {
   width: 954px;
   background: #fff;
}
.xinwen .xibu_box {
   height: 418px;
   padding: 20px;
   overflow: hidden;
}
.xinwen .xibu_pic {
   width: 49.7%;
   overflow: hidden;
}
.xinwen .xibu_pic li ._pic {
   height: 273px;
   overflow: hidden;
}
.xinwen .xibu_pic li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.xinwen .xibu_pic li h2 {
   font-size: 17px;
   line-height: 26px;
   padding: 15px 0 14px;
}
.xinwen .xibu_pic li h2 a {
   color: #333;
   display: block;
}
.xinwen .xibu_pic li span {
   display: block;
   color: #aa7b4d;
}
.xinwen .xibu_pic li span i {
   display: inline-block;
   vertical-align: 1px;
   margin-right: 6px;
}
.xinwen .xibu_pic .swiper-pagination {
   top: 65%;
   bottom: auto;
}
.xinwen .xibu_pic {
   --swiper-pagination-color: #ad0401;
   --swiper-pagination-bullet-inactive-color: #fff;
   --swiper-pagination-bullet-inactive-opacity: 0.5;
   --swiper-pagination-bullet-width: 13px;
   --swiper-pagination-bullet-height: 13px;
}

.xinwen .xibu_list {
   width: 48%;
}
.xinwen .xibu_list li {
   overflow: hidden;
   margin-bottom: 15px;
}
.xinwen .xibu_list li ._time {
   width: 19.5%;
   height: 61px;
   background: #f7f7f7;
   border-radius: 3px;
   color: #aa7b4d;
}
.xinwen .xibu_list li ._time em {
   display: block;
}
.xinwen .xibu_list li ._time em.d {
   font-weight: bold;
   font-size: 30px;
   padding: 7px 0 1px;
}
.xinwen .xibu_list li ._time em.y {
   font-size: 14px;
}
.xinwen .xibu_list li ._title {
   width: 77%;
   padding-top: 3px;
}
.xinwen .xibu_list li ._title a {
   display: block;
   color: #333;
}

.xinwen .tongzhi {
   width: 416px;
   background: #fff;
}
.xinwen .tongzhi .hd {
   border-bottom: 1px solid #f5f5f5;
   overflow: hidden;
   padding-right: 20px;
}
.xinwen .tongzhi .hd li {
   display: inline-block;
   padding: 21px 20px 19px;
   cursor: pointer;
}
.xinwen .tongzhi .hd li.on {
   background: #ad0401;
   color: #fff;
}
.xinwen .tongzhi .hd span {
   padding-top: 21px;
   font-size: 14px;
   display: block;
   float: right;
}
.xinwen .tongzhi .bd {
   padding: 9px 0 0;
   height: 418px;
   overflow: hidden;
}
.xinwen .tongzhi .bd li {
   border-bottom: 1px solid #f5f5f5;
   position: relative;
}
.xinwen .tongzhi .bd li a {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #333;
   padding: 0 55px 0 35px;
}
.xinwen .tongzhi .bd li a:hover {
   color: #ad0401;
   text-decoration: underline;
}
.xinwen .tongzhi .bd li i {
   display: block;
   position: absolute;
   left: 4.5%;
   top: 36%;
   color: #ad0401;
}
.xinwen .tongzhi .bd li span {
   display: block;
   position: absolute;
   right: 18px;
   top: 0;
   color: #b8b8b8;
   font-size: 14px;
}

.zhuanti {
   padding: 40px 0 50px;
   background: url(/images/ztbg.png) right -30px no-repeat #fafbff;
   background-size: 120%;
   overflow: hidden;
}
.zhuanti .zt_left {
   width: 4%;
   writing-mode: vertical-lr;
   letter-spacing: 1px;
}
.zhuanti .zt_left i {
   display: inline-block;
   font-size: 35px;
   color: #ad0401;
   font-weight: normal;
   margin: 0 0 6px;
}
.zhuanti .zt_left em {
   display: inline-block;
   font-style: normal;
   padding: 5px 0;
}
.zhuanti .zt_right {
   width: 96%;
   overflow: hidden;
}
.zhuanti .zt_right li {
   position: relative;
   float: left;
   width: 160px;
   height: 162px;
   margin-left: 20px;
   border-radius: 2px;
   overflow: hidden;
}
.zhuanti .zt_right li a {
   color: #fff;
}
.zhuanti .zt_right li img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.zhuanti .zt_right li h3 {
   position: absolute;
   top: 22px;
   left: 20px;
   font-size: 22px;
   font-weight: normal;
   letter-spacing: 1px;
}
.zhuanti .zt_right li span {
   position: absolute;
   right: 18px;
   bottom: 22px;
   width: 82px;
   height: 24px;
   background: #e30c09;
   border-radius: 5px;
   text-align: center;
   overflow: hidden;
}
.zhuanti .zt_right li span.s2 {
   background: #0968e3;
}
.zhuanti .zt_right li span.s3 {
   background: #ec8500;
}
.zhuanti .zt_right li span.s4 {
   background: #00b5ec;
}
.zhuanti .zt_right li span.s5 {
   background: #a000ec;
}
.zhuanti .zt_right li span:hover {
   text-decoration: underline;
}
#ad1 {
   position: relative;
   z-index: 999999;
}

/* cols */
.cols_slide {
   margin-top: 128px;
   width: 100%;
   height: 230px;
   overflow: hidden;
}
.cols {
   width: 100%;
   padding: 30px 0 60px;
   overflow: hidden;
}
.cols_left {
   background: #fff;
   width: 251px;
   overflow: hidden;
}
.pro_fixed {
   position: fixed;
   top: 140px;
   z-index: 1;
}
.cols_left .left_bt {
   letter-spacing: 3px;
   padding: 18px 0 16px;
   background: #ad0401;
}
.cols_left .left_nav {
   padding-top: 3px;
}
.cols_left .left_nav li {
   position: relative;
   border-bottom: 1px solid #eee;
}
.cols_left .left_nav li a.on {
   border-bottom: 1px solid #ad0401;
   margin-bottom: -1px;
}
.cols_left .left_nav li i.y {
   display: inline-block;
   vertical-align: 2.8px;
   width: 6px;
   height: 6px;
   border-radius: 20px;
   background: #c7c7c7;
   margin-right: 8px;
}
.cols_left .left_nav li a {
   display: block;
   color: #505050;
   padding: 19px 0 16px 21px;
}
.cols_left .left_nav li i {
   transition: all 0.5s;
}
.cols_left .left_nav li i.fa {
   display: block;
   position: absolute;
   right: 18px;
   top: 32%;
   color: #ccc;
   font-size: 16px;
}
.cols_left .left_nav li a:hover,
.cols_left .left_nav li a.on {
   color: #ad0401;
   font-weight: bold;
}
.cols_left .left_nav li:hover i,
.cols_left .left_nav li a.on i {
   color: #ad0401;
}
.cols_left .left_nav li:hover i.y,
.cols_left .left_nav li a.on i.y {
   background: #ad0401;
}
.cols_left .left_nav li::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   bottom: -1px;
   border-bottom: 1px solid #ad0401;
   width: 0;
   transition: all 0.5s;
}
.cols_left .left_nav li:hover::after {
   width: 100%;
}
.cols_right {
   width: 79%;
}
.cols_right .r_top {
   padding: 9px 1px 14px;
   overflow: hidden;
   border-bottom: 1px solid #eee;
}
.cols_right .r_bt {
   color: #ad0401;
}
.cols_right .r_bt i {
   font-weight: normal;
   font-size: 32px;
   vertical-align: -3px;
   margin-right: 8px;
}
.cols_right .r_wz {
   color: #aaa;
   padding-top: 10px;
}
.cols_right .r_wz a {
   color: #aaa;
}
.cols_right .r_wz a:hover {
   color: #ad0401;
   text-decoration: underline;
}
.cols_right .r_wz a:last-child {
   color: #ad0401;
   font-weight: bold;
}
.cols_right .r_wz i {
   display: inline-block;
   margin: 0 6px;
}

.cols_desc {
   color: #353535;
   overflow: hidden;
   text-align: justify;
   padding: 30px 3px;
   min-height: 380px;
}
.cols_desc a {
   color: #353535;
}
.cols_desc a:hover {
   color: #e80008;
}
.cols_desc img {
   max-width: 100%;
   display: inline-block;
   vertical-align: -1px;
}
.cols_desc table {
   border-collapse: collapse;
   background-color: #fff;
   border: 1px solid #eaded9;
   margin: 0 auto;
   font-size: 14px;
}
.cols_desc table tr,
.cols_desc table td {
   border: 1px solid #eaded9;
}
.cols_desc table td {
   box-sizing: border-box;
   padding: 8px 18px 6px;
}
.ue-table-interlace-color-single {
   background-color: #fafafa;
}

.cols_pic {
   padding: 30px 0 10px;
}
.cols_pic img {
   max-width: 100%;
}


/* newslist */
.newslist {
   padding: 0 0 10px;
}
.newslist li {
   background: #fff;
   padding: 25px 1px;
   overflow: hidden;
   border-bottom: 1px solid #eee;
}
.newslist li:nth-child(2n) {
   background: #fafafa;
}
.newslist li .npic {
   text-align: center;
   width: 23%;
   overflow: hidden;
}
.newslist li .npic img {
   max-width: 100%;
   max-height: 180px;
}
.newslist li .ndesc {
   width: 75%;
   padding-top: 3px;
}
.newslist li .ndesc span {
   display: block;
   color: #888;
}
.newslist li .ndesc span.bt a {
   display: block;
   color: #333;
}
.newslist li .ndesc span.bt a:hover,
.gonggao li ._title a:hover {
   color: #e80008;
}
.newslist li .ndesc span.time {
   padding: 16px 0;
   color: #bda986;
}
.newslist li .ndesc span.time i {
   display: inline-block;
   margin-right: 3px;
}
.newslist li .ndesc span.time i.fa-eye {
   margin-left: 8px;
}

.gonggao {
   padding: 0 0 10px;
}
.gonggao li {
   padding: 0 17px;
   overflow: hidden;
   border-bottom: 1px dashed #eaeaea;
}
.gonggao li:nth-child(2n) {
   background: #fafafa;
}
.gonggao li ._time {
   width: 10.2%;
   color: #b79d7d;
}
.gonggao li ._time em {
   display: block;
}
.gonggao li ._title {
   width: 88%;
}
.gonggao li ._title a {
   display: block;
   color: #333;
}
.gonggao li ._title a:hover {
   text-indent: 2px;
}
.gonggao li ._title i {
   display: inline-block;
   margin-right: 8px;
   color: #ad0401;
}

/* photo */
.photo {
   padding: 22px 1px 5px;
}
.photo ul {
   overflow: hidden;
   margin-right: -2%;
}
.photo li {
   float: left;
   width: 31.33333%;
   margin: 0 2% 2.5% 0;
}
.photo li ._pic {
   height: 230px;
   overflow: hidden;
}
.photo li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.photo li ._desc a {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #414141;
   padding-top: 16px;
}
.photo li ._desc a:hover {
   color: #ad0401;
}


/* info */
.info_box {
   padding: 50px 0 0;
}
.info_box .info_t {
   border-bottom: 1px solid #e0e0e0;
   padding-bottom: 23px;
}
.info_box .info_t h3 {
   color: #e80008;
   text-align: center;
   font-size: 28px;
   line-height: 36px;
}
.info_box .info_t span {
   display: block;
   color: #888;
   padding: 25px 0 0;
   letter-spacing: 1px;
}
.info_box .info_t span i {
   display: inline-block;
   margin: 0 6px 0 8px;
   font-size: 14px;
}
.info_box .info_t span a {
   cursor: pointer;
   display: inline-block;
   margin: 0 3px;
}


/* pages */
.n_pages {
   padding: 30px 0 0;
   letter-spacing: -4px;
}
.n_pages a {
   display: inline-block;
   background-color: #eee;
   color: #666;
   padding: 10px 11px 9px;
   margin: 0 3px;
   letter-spacing: 0;
   border-radius: 3px;
}
.n_pages a:hover,
.n_pages a.page-num-current {
   background-color: #d12026;
   border-color: #d12026;
   color: #fff;
}
.n_pages .not_data {
   letter-spacing: 1px;
   color: #999;
}

.n_next {
   border-top: 1px solid #e0e0e0;
   overflow: hidden;
   padding: 20px 0;
}
.n_next a {
   display: block;
   color: #555;
   padding: 9px 0;
}
.n_next a:hover {
   color: #e80008 !important;
}

/* footer */
.footer {
   width: 100%;
   height: 252px;
   background: url(/images/footbg.jpg) center top no-repeat;
   color: #ffe0e0;
   overflow: hidden;
   position: relative;
   z-index: 9;
}
.footer a {
   color: #ffe0e0;
}
.footer a:hover {
   text-decoration: underline;
}
.footer .foot_top {
   line-height: 55px;
}
.footer .foot_top span {
   font-size: 15px;
}
.footer .foot_top a {
   line-height: 15px;
   display: inline-block;
   border-right: 1px solid #ffe0e0;
   padding: 0 10px;
}
.footer .foot_box {
   padding: 30px 0;
   overflow: hidden;
}
.footer .foot_logo {
   padding-top: 20px;
}
.footer .foot_copy {
   padding-left: 65px;
}
.footer .foot_copy img {
   display: inline-block;
   vertical-align: -4px;
   margin-right: 7px;
}
.footer .foot_copy p {
   padding-top: 5px;
}
.footer .foot_copy p,
.footer .foot_copy p a {
   color: #c96969;
}
.footer .foot_wx {
   padding-right: 7px;
   color: #353535;
   background: #fff;
   overflow: hidden;
}
.footer .foot_wx img {
   width: 120px;
   display: block;
   float: left;
}
.footer .foot_wx span {
   padding-top: 14px;
   writing-mode: vertical-lr;
   letter-spacing: 2px;
}


/* search */
.search_box {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 999999;
   background: rgba(39,40,49,0.9);
}
.search_box .s_close {
   position: absolute;
   top: 80px;
   right: 57px;
}
.search_box .s_close i {
   display: block;
   color: #fff;
   font-size: 45px;
   cursor: pointer;
   -webkit-transition: all .8s ease-in-out;
   transition: all .8s ease-in-out;
}
.search_box .s_close:hover i {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.search_box .s_box {
   width: 692px;
   height: 100%;
   margin: 0 auto;
   display: flex;
   align-items: center;
}
.search_box .search {
   width: 100%;
   background-color: #fff;
   border: 6px solid #919296;
   border-radius: 4px;
}
.search_box .search input,
.search_box .search button {
   height: 60px;
   line-height: 60px;
   border: none;
   display: block;
   float: left;
   overflow: hidden;
}
.search_box .search input {
   width: 90%;
   font-size: 17px;
   color: #555;
   padding: 0 2.7%;
}
.search_box .search button {
   width: 10%;
   cursor: pointer;
   background-color: #272831;
   color: #fff;
}
.search_box .search button i {
   font-size: 33px;
}

/* sign */
.sign {
   display: none;
   width: 100%;
   padding: 3% 20px;
   margin: 0 auto;
}
.sign ul {
   overflow: hidden;
}
.sign li {
   color: #666;
   background: #f8f8f8;
   padding: 10px 0;
   border-radius: 3px;
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   align-items: center;
}
.sign li:nth-child(2n) {
   background: #fff;
}
.sign li:last-child {
   padding: 13px 0;
}
.sign li input,
.sign li select {
   border: 1px solid #ddd;
   padding: 8px;
   width: 36%;
   font-size: 14px;
}
.sign li input[type="radio"] {
   width: auto;
   margin-right: 8px;
}
.sign li label {
   display: inline-block;
   margin-right: 20px;
   cursor: pointer;
}
.sign li span {
   display: inline-block;
   width: 92px;
   padding-right: 3px;
   text-align: right;
}
.sign li input#xm {
   width: 22%;
}
.sign li input#checkcode {
   width: 21%;
}
.sign li img {
   height: 37px;
   cursor: pointer;
}
.sign li.tel {
   padding: 16px;
   color: #c30606;
}
.sign li.tel strong {
   font-size: 22px;
   display: inline-block;
   vertical-align: -2px;
   letter-spacing: 0.66px;
}
.sign li button {
   display: block;
   border: none;
   background: #ad0401;
   color: #fff;
   width: 25%;
   margin: 0 auto;
   padding: 10px 0;
   cursor: pointer;
   font-size: 15px;
   border-radius: 3px;
   transition: all 0.5s;
}
.sign li button:hover {
   box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.xin {
   display: none;
   width: 100%;
   padding: 5% 20px;
   margin: 0 auto;
}
.xin li {
   color: #666;
   padding: 6px 0;
   border-radius: 3px;
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   align-items: center;
}
.xin li input,
.xin li textarea {
   border: 1px solid #ddd;
   padding: 10px 8px;
   width: 70%;
   font-size: 14px;
}
.xin li textarea {
   height: 110px;
}
.xin li.code input {
   width: 35%;
}
.xin li span {
   display: inline-block;
   width: 96px;
   padding-right: 3px;
   text-align: right;
   margin-right: 3px;
}
.xin li img {
   height: 41px;
   cursor: pointer;
   margin-left: 10px;
}
.xin li button {
   display: block;
   border: none;
   background: #ad0401;
   color: #fff;
   width: 40%;
   margin: 0 auto;
   padding: 10px 0 11px;
   cursor: pointer;
   font-size: 15px;
   border-radius: 3px;
   transition: all 0.5s;
}
.xin li button:hover {
   box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.xin li.btn {
   margin-top: 10px;
}
.xin li #btnSendCode {
   cursor: pointer;
}

span.lay_t {
   font-size: 15px;
}
span.lay_t i {
   margin-right: 8px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #999;
   font-size: 17px;
}
p#back-to-top{
   position: fixed;
   display: none;
   bottom: 30px;
   right: 30px;
   z-index: 99999;
}
p#back-to-top i {
   display: block;
   font-size: 22px;
}
p#back-to-top a {
   text-align: center;
   display: block;
   width: 32px;
   border: 1px #f0ca00 solid;
   color: #f0ca00;
   padding: 3px 0 4px;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #f0ca00;
   background-color: #f0ca00;
}