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

/* head */
.header {
   width: 100%;
}
.top {
   width: 100%;
   background-color: #fff;
   position: fixed;
   top: 0;
   z-index: 99999;
}
.logo {
   padding: 13px 0 12px;
}
.naver {
   line-height: 82px;
}
.naver li {
   float: left;
   position: relative;
   background: url(/images/nx.jpg) right center no-repeat;
}
.naver li a {
   display: block;
   color: #333;
   padding: 0 21px;
}
.naver li a:hover,
.naver li a.on {
   color: #fe0103;
}
.naver li>a::after {
   content: "";
   display: block;
   position: absolute;
   width: 16px;
   height: 0;
   bottom: 20px;
   left: 0;
   right: 0;
   margin: 0 auto;
   border-bottom: 2px solid #fe0103;
   transition: all .5s ease;
   transform: scaleX(0);
   opacity: 0;
}
.naver li>a:hover::after,
.naver li:hover>a::after,
.naver li a.on::after {
   opacity: 1;
   transform: scaleX(1);
}
.naver li ul {
   display: none;
   position: absolute;
   top: 82px;
   width: 150%;
   left: -25%;
   background-color: #fbfbfb;
   padding: 12px 0;
}
.naver li:hover ul {
   display: block;
}
.naver li ul a {
   padding: 5px 10px;
}

.slide {
   margin: 82px auto 0 !important;
}

/* main */
.main {
   width: 1314px;
   margin: 0 auto;
}
.main_bt {
   height: 30px;
   line-height: 30px;
   overflow: hidden;
}
.main_bt span {
   display: block;
   padding-left: 2px;
}
.main_bt a {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
   opacity: 0.5;
}
.main_bt a:hover {
   -webkit-filter: grayscale(0);
   filter: grayscale(0);
   opacity: 1;
   margin-right: 5px;
}

/* wrapper */
.wrapper {
   width: 100%;
}
.fuwu {
   padding: 58px 0;
   border-bottom: 1px solid #f4f4f4;
}
.fuwu .fuwu_bt {
   color: #333;
}
.fuwu .fuwu_bt span {
   display: block;
   width: 26px;
   height: 0;
   border-bottom: 2px solid #fe0103;
   margin: 12px auto 0;
}
.fuwu .fuwu_list {
   padding: 40px 0 38px;
}
.fuwu .fuwu_list ul {
   margin-right: -2%;
}
.fuwu .fuwu_list li {
   float: left;
   width: 18%;
   border-radius: 5px;
   margin: 0 2% 0 0;
   box-shadow: 0 0 22px rgba(0,0,0,0.07);
   padding-bottom: 45px;
   transition: all 0.5s;
}
.fuwu .fuwu_list li:hover {
   background-color: #fafafa;
}
.fuwu .fuwu_list li a {
   display: block;
   color: #555;
}
.fuwu .fuwu_list li a:hover {
   color: #fe0103;
}
.fuwu .fuwu_list li span {
   display: block;
   position: relative;
}
.fuwu .fuwu_list li span.ico {
   height: 58px;
   line-height: 58px;
   overflow: hidden;
   margin: 35px 0 28px;
}
.fuwu .fuwu_list li span.x {
   width: 33px;
   height: 0;
   border-bottom: 1px solid #d9d9d9;
   margin: 26px auto 0;
   transition: all .5s ease;
}
.fuwu .fuwu_list li:hover span.x {
   border-bottom: 1px solid #fe0103;
   width: 46px;
}
.abouts {
   padding: 90px 90px  100px;
}
.abouts .a_pic {
   width: 48.5%;
}
.abouts .a_pic li {
   width: 50%;
   float: left;
   text-align: right;
}
.abouts .a_pic li .pic1 {
   width: 255px;
   height: 382px;
   overflow: hidden;
   box-shadow: 0 10px 25px rgba(0,0,0,0.1);
   border-radius: 8px;
   margin-top: 68px;
}
.abouts .a_pic li .pic2 {
   float: right;
   height: 340px;
   margin: 0 0 32px;
}
.abouts .a_pic li .pic3 {
   float: right;
   height: 170px;
   margin-top: 0;
}
.abouts .a_pic li img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.abouts .a_box {
   width: 46.2%;
   padding-top: 45px;
}
.abouts .a_box_bt {
   color: #333;
}
.abouts .a_box_bt span {
   display: block;
}
.abouts .a_box_bt span.en {
   color: #c7c7c7;
   padding-top: 8px;
   text-transform: uppercase;
}
.abouts .a_info {
   color: #666;
   padding-top: 16px;
}
.abouts .a_yj {
   background-color: #f9fafc;
   padding: 22px 25px 18px;
   margin-top: 20px;
}
.abouts .a_yj span {
   display: block;
   color: #333;
}
.abouts .a_yj span.desc {
   color: #ff1d1d;
   padding-top: 8px;
}
.abouts .a_list {
   padding: 25px 0;
}
.abouts .a_list ul {
   margin-right: -5%;
}
.abouts .a_list li {
   width: 45%;
   float: left;
   margin-right: 5%;
}
.abouts .a_list li a {
   color: #444;
   display: block;
   border-radius: 8px;
   box-shadow: 0 0 4px rgba(0,0,0,0.13);
   padding: 7% 9%;
}
.abouts .a_list li a:hover {
   color: #ff1d1d;
}
.abouts .a_list li img {
   display: inline-block;
   vertical-align: -2px;
   margin-right: 11px;
}
.abouts .a_more {
   padding-left: 18px;
}
.abouts .a_more a {
   color: #ff1d1d;
}
.abouts .a_more img {
   display: inline-block;
   margin: 3px 3px 0 0;
}
.case {
   width: 100%;
   padding: 60px 0 66px;
   background-color: #f9fafc;
}
.case .c_list {
   padding: 16px 0 10px;
   position: relative;
}
.case .c_list .bd {
   position: relative;
   overflow: hidden;
}
.case .c_list .bd ul {
   margin-right: -20px;
}
.case .c_list .bd li {
   float: left;
   width: 292px;
   padding: 9px 10px 40px;
   margin: 20px 20px 20px 0;
   background-color: #fff;
   box-shadow: 15px 0 15px rgba(0,0,0,0.08);
}
.case .c_list .bd li div {
   width: 100%;
   height: 214px;
   overflow: hidden;
}
.case .c_list .bd li div img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.case .c_list .bd li a {
   color: #444;
   display: block;
}
.case .c_list .bd li a:hover {
   color: #fe0103;
}
.case .c_list .bd li span {
   display: block;
   padding: 25px 0 0;
}
.case .c_list .bd li span.x {
   width: 40px;
   height: 0;
   margin: -8px auto 0;
   border-bottom: 1px solid #fe0103;
   transition: all 0.5s;
}
.case .c_list .bd li:hover span.x {
   width: 20px;
}
.case .c_list .hd {
   position: relative;
}
.case .c_list .hd a {
   display: block;
   position: absolute;
   top: -200px;
   width: 18px;
   height: 34px;
}
.case .c_list .hd a.prev {
   left: -40px;
   background: url(/images/left.png) center no-repeat;
}
.case .c_list .hd a.next {
   right: -40px;
   background: url(/images/right.png) center no-repeat;
}
.case .c_list .hd ul {
   padding-top: 20px;
}
.case .c_list .hd li {
   display: inline-block;
   width: 12px;
   height: 12px;
   border-radius: 12px;
   background-color: #e1e1e3;
   font-size: 0;
   margin: 0 4px;
   cursor: pointer;
}
.case .c_list .hd li.on {
   background-color: #fe0103;
}
.news {
   width: 100%;
   padding: 60px 0 66px;
}
.news .n_box {
   padding: 35px 0;
}
.news .n_video {
   width: 41%;
   overflow: hidden;
   box-shadow: 0 10px 20px rgba(0,0,0,0.045);
}
.news .n_video span {
   display: block;
   color: #797979;
}
.news .n_video span.v {
   height: 385px;
   overflow: hidden;
}
.news .n_video span.v img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news .n_video span.v iframe {
   width: 100%;
   height: 100%;
   background-color: #fff;
}
.news .n_video span.t {
   padding: 32px 10px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.news .n_list {
   width: 55.3%;
   background: url(/images/nbg.png) left bottom no-repeat;
}
.news .n_rmd {
   padding: 8px 15px 20px;
}
.news .n_rmd span {
   display: block;
}
.news .n_rmd span i {
   display: inline-block;
   padding: 0 7px 0 0;
}
.news .n_rmd span i.fa-eye {
   margin-left: 10px;
}
.news .n_rmd a {
   color: #797979;
}
.news .n_rmd a:hover {
   color: #fe0103;
}
.news .n_rmd span.time {
   color: #bbbbbb;
   padding: 7px 0;
}
.news .n_rmd span.desc {
   color: #999999;
}
.news .n_list li {
   border-top: 1px solid #ebebeb;
   line-height: 63px;
   padding-left: 16px;
   position: relative;
}
.news .n_list li a {
   color: #555;
   display: block;
   font-size: 15px;
}
.news .n_list li a:hover {
   color: #fe0103;
   text-indent: 2px;
}
.news .n_list li span {
   display: block;
   position: absolute;
   top: 3px;
   right: 0;
   font-size: 12px;
   color: #c6c6c6;
}
.news .n_list li i {
   color: #aeadad;
   display: inline-block;
   margin-right: 3px;
}
.team {
   width: 100%;
   padding: 60px 0 66px;
   background-color: #f9fafc;
}
.team .c_list {
   padding: 16px 0 10px;
   position: relative;
}
.team .c_list .bd {
   position: relative;
   overflow: hidden;
}
.team .c_list .bd ul {
   margin-right: -30px;
}
.team .c_list .bd li {
   float: left;
   width: 288px;
   padding: 9px 10px 37px;
   margin: 20px 30px 20px 0;
   background-color: #fff;
   box-shadow: 0 10px 13px rgba(0,0,0,0.03);
}
.team .c_list .bd li div {
   width: 100%;
   height: 270px;
   overflow: hidden;
}
.team .c_list .bd li div img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.team .c_list .bd li a {
   color: #444;
   display: block;
}
.team .c_list .bd li a:hover {
   color: #fe0103;
}
.team .c_list .bd li span {
   display: block;
   padding: 25px 0 0;
}
.team .c_list .bd li span i {
   color: #aaa;
   font-size: 12px;
}
.team .c_list .bd li span.x {
   width: 40px;
   height: 0;
   margin: -8px auto 0;
   border-bottom: 1px solid #fe0103;
   transition: all 0.5s;
}
.team .c_list .bd li span.desc {
   color: #999;
   font-size: 12px;
   padding: 15px 25px 0;
}
.team .c_list .bd li:hover span.x {
   width: 20px;
}
.team .c_list .hd {
   position: relative;
}
.team .c_list .hd a {
   display: block;
   position: absolute;
   top: -255px;
   width: 18px;
   height: 34px;
}
.team .c_list .hd a.prev {
   left: -40px;
   background: url(/images/left.png) center no-repeat;
}
.team .c_list .hd a.next {
   right: -40px;
   background: url(/images/right.png) center no-repeat;
}
.team .c_list .hd ul {
   padding-top: 20px;
}
.team .c_list .hd li {
   display: inline-block;
   width: 12px;
   height: 12px;
   border-radius: 12px;
   background-color: #e1e1e3;
   font-size: 0;
   margin: 0 4px;
   cursor: pointer;
}
.team .c_list .hd li.on {
   background-color: #fe0103;
}
.hezuo {
   padding: 60px 0 66px;
}
.hezuo .hz_list {
   padding: 35px 0;
}
.hezuo .hz_list ul {
   margin-right: -1.66667%;
}
.hezuo .hz_list li {
   float: left;
   width: 15%;
   margin: 0 1.66667% 1.66666% 0;
}
.hezuo .hz_list li div {
   border: 1px solid #eee;
   height: 86px;
   padding: 4px 0;
   line-height: 85px;
   overflow: hidden;
}
.hezuo .hz_list li div img {
   max-width: 100%;
   max-height: 100%;
   filter: grayscale(100%);
   filter: gray;
   opacity: 0.6;
   transition: all 0.5s;
}
.hezuo .hz_list li:hover div img {
   opacity: 1;
   filter: grayscale(0);
}
.hezuo .hz_list li span {
   display: block;
   padding-top: 14px;
}
.hezuo .hz_list li a {
   color: #999;
   display: block;
}
.hezuo .hz_list li:hover div {
   border-color: #ddd;
}
.hezuo .hz_list li a:hover {
   color: #fe0103;
}
.guanlian {
   width: 100%;
   padding: 60px 0 66px;
   background-color: #f9fafc;
}
.guanlian .g_list {
   padding: 16px 0 10px;
   position: relative;
}
.guanlian .g_list .bd {
   position: relative;
   overflow: hidden;
}
.guanlian .g_list .bd ul {
   margin-right: -17px;
}
.guanlian .g_list .bd li {
   float: left;
   width: 229px;
   height: 170px;
   padding: 10px;
   margin: 20px 17px 20px 0;
   background-color: #fff;
   box-shadow: 0 0 13px rgba(0,0,0,0.03);
}
.guanlian .g_list .bd li div {
   width: 100%;
   height: 170px;
   position: relative;
   overflow: hidden;
}
.guanlian .g_list .bd li div img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.guanlian .g_list .bd li a {
   color: #fff;
   display: block;
}
.guanlian .g_list .bd li span {
   display: none;
   position: absolute;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   bottom: 0;
   left: 0;
   width: 100%;
   background: rgba(0,0,0,0.5);
   padding: 11px 0;
}
.guanlian .g_list .bd li:hover span {
   display: block;
}
.guanlian .g_list .hd {
   position: relative;
}
.guanlian .g_list .hd a {
   display: block;
   position: absolute;
   top: -130px;
   width: 18px;
   height: 34px;
}
.guanlian .g_list .hd a.prev {
   left: -40px;
   background: url(/images/left.png) center no-repeat;
}
.guanlian .g_list .hd a.next {
   right: -40px;
   background: url(/images/right.png) center no-repeat;
}
.guanlian .g_list .hd ul {
   padding-top: 20px;
}
.guanlian .g_list .hd li {
   display: inline-block;
   width: 12px;
   height: 12px;
   border-radius: 12px;
   background-color: #e1e1e3;
   font-size: 0;
   margin: 0 4px;
   cursor: pointer;
}
.guanlian .g_list .hd li.on {
   background-color: #fe0103;
}

/* cols */
.cols_slide {
   width: 100%;
   height: 350px;
   overflow: hidden;
   margin-top: 82px !important;
   position: relative;
}
.cols_slide::after {
   display: block;
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.3);
   z-index: 1;
}
.cols_sort {
   padding: 68px 0 30px;
   position: relative;
   z-index: 8;
}
.cols_sort span {
   display: block;
   margin-bottom: 10px;
}
.cols_sort span.cn {
   font-size: 40px;
}
.cols_sort span.en {
   font-size: 33px;
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
   font-weight: 300;
   text-transform: uppercase;
}
.cols_mous {
   position: relative;
   z-index: 2;
   width: 23px;
   height: 38px;
   margin: 0 auto;
   border: 1px solid #fff;
   border-radius: 50px;
}
.cols_mous::before {
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	left: 10px;
	top: 19px;
	background-color: #fff;
	border-radius: 50%;
	z-index: 5;
	-webkit-animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
	animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
@-webkit-keyframes Tmouse {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

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

@keyframes Tmouse {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		  -o-transform: translateY(0);
		     transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-8px);
		-moz-transform: translateY(-8px);
		  -o-transform: translateY(-8px);
		     transform: translateY(-8px);
	}
}
.cols_nav {
   position: absolute;
   bottom: 0;
   width: 100%;
   background: rgba(0, 0, 0, 0.3);
   padding: 20px 0 18px;
   z-index: 9;
}
.cols_nav li {
   display: inline-block;
   font-size: 0;
   height: 16px;
   line-height: 15px;
   border-right: 1px solid #fff;
   padding: 0 20px;
   position: relative;
}
.cols_nav li:last-of-type {
   border: none;
}
.cols_nav li a {
   color: #fff;
   font-size: 16px;
}
.cols_nav li a:hover,
.cols_nav li a.on {
   color: #fe0103;
}
.cols_nav li::before {
   display: block;
   content: '';
   position: absolute;
   bottom: -18px;
   left: 0;
   right: 0;
   width: 100%;
   height: 2px;
   font-size: 0;
   background-color: #fe0103;
   transition: all 0.5s;
   transform: scaleX(0);
}
.cols_nav li:hover::before {
   transform: scaleX(1);
}
.cols {
   padding: 40px 0 110px;
   background: url(/images/portal_ft.jpg) center bottom no-repeat;
}
.cols_pos {
   width: 100%;
   border-bottom: 1px solid #dfdfdf;
   color: #555;
   padding-bottom: 28px;
}
.cols_pos a {
   color: #555;
}
.cols_pos a:hover {
   color: #fe0103;
}
.cols_pos i {
   color: #fe0103;
   display: inline-block;
   padding: 0 5px;
}
.cols h2 {
   font-size: 35px;
   text-align: center;
   color: #fe0103;
   font-weight: normal;
   padding: 55px 0 0;
}
.cols_desc {
   padding: 30px 0;
   color: #333;
}
.cols_desc a {
   color: #333;
}
.cols_desc a:hover {
   color: #fe0103;
}
.cols_desc img {
   max-width: 100%;
   display: block;
   margin: 15px auto 20px;
}

.aboutus {
   padding: 50px 1px 0;
}
.aboutus .ab_left {
   width: 43%;
   overflow: hidden;
}
.aboutus .ab_left img {
   max-width: 100%;
}
.aboutus .ab_right {
   width: 53%;
   color: #444;
}
.aboutus .ab_right a {
   color: #444;
}
.aboutus .ab_right img {
   max-width: 100%;
}
.aboutus .ab_right h1 {
   margin: 5px 0 25px;
}
.guanlian .ab_list .bd li {
   float: left;
   width: 295px;
   height: 220px;
   padding: 10px;
   margin: 20px 17px 20px 0;
   background-color: #fff;
   box-shadow: 0 0 13px rgba(0,0,0,0.03);
}
.guanlian .ab_list .bd li div {
   width: 100%;
   height: 220px;
   position: relative;
   overflow: hidden;
}
.guanlian .ab_list .bd li div img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: scale-down;
}
.guanlian .ab_list .hd a {
   display: block;
   position: absolute;
   top: -150px;
   width: 18px;
   height: 34px;
}

.licheng {
   padding: 50px 0;
}
.licheng h1 {
   font-size: 32px;
   text-align: center;
   padding: 10px 0;
}

/* xiangmu */
.xmlist .fuwu {
   border: none;
}

.wenhua {
   padding-top: 60px;
}
.wenhua table {
   display: block;
   margin: 0 auto;
   border: none;
   width: 90%;
}
.wenhua td,
.wenhua tr {
   border: none;
}
.wenhua td {
   width: 33.33333%;
   height: 257px;
   overflow: hidden;
}
.wenhua td img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   margin: 0;
}

.hezuo_list {
   padding: 35px 0;
}
.hezuo_list ul {
   margin-right: -1.66667%;
}
.hezuo_list li {
   float: left;
   width: 15%;
   margin: 0 1.66667% 1.66666% 0;
}
.hezuo_list li div {
   border: 1px solid #eee;
   height: 86px;
   padding: 4px 0;
   line-height: 85px;
   overflow: hidden;
}
.hezuo_list li div img {
   max-width: 100%;
   max-height: 100%;
   filter: grayscale(100%);
   filter: gray;
   opacity: 0.6;
   transition: all 0.5s;
}
.hezuo_list li:hover div img {
   opacity: 1;
   filter: grayscale(0);
}
.hezuo_list li span {
   display: block;
   padding-top: 14px;
}
.hezuo_list li a {
   color: #999;
   display: block;
}
.hezuo_list li:hover div {
   border-color: #ddd;
}
.hezuo_list li a:hover {
   color: #fe0103;
}

/* news */
.newsbox {
   padding: 40px 0 0;
}
.newslist {
   width: 69%;
}
.newslist ul {
   margin-bottom: 50px;
}
.newslist li {
   background-color: #f9f9f9;
   margin-bottom: 15px;
}
.newslist li span {
   display: block;
   color: #999;
}
.newslist li a {
   padding: 25px;
   display: block;
}
.newslist li span.bt {
   color: #333;
   transition: all 0.5s;
}
.newslist li span.time {
   padding: 15px 0;
}
.newslist li span.time i {
   display: inline-block;
   margin-right: 3px;
}
.newslist li span.time i.fa-eye {
   margin-left: 8px;
}
.newslist li a:hover span.bt {
   color: #fe0103 !important;
   text-indent: 3px;
}
.newslist li:hover {
   background-color: #fbfbfb;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}

.video {
   width: 28%;
}
.video span {
   display: block;
   color: #666;
}
.video span.v {
   height: 255px;
   overflow: hidden;
}
.video span.v iframe {
   width: 100%;
   height: 100%;
   background-color: #fff;
}
.video span.t {
   padding: 20px 10px 22px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}


/* lianxi */
.lianxi {
   padding: 50px 23px 80px;
}
.lianxi h1 {
   padding-top: 10px;
}
.lianxi .lx_left {
   width: 45%;
   min-height: 500px;
   border-right: 1px solid #eaeaea;
}
.lianxi .lx_info {
   padding: 22px 30px 20px 0;
}

.lianxi .lx_right {
   width: 51%;
}
.lianxi .lx_right ul {
   padding-top: 25px;
}
.lianxi .lx_right li input,
.lianxi .lx_right li textarea {
   width: 94%;
   border: 1px solid #ddd;
   margin: 5px 0;
   padding: 1.5% 2% 1.7%;
   font-size: 15px;
}
.lianxi .lx_right li textarea {
   height: 80px;
}
.lianxi .lx_right li button {
   background: #fe0103;
   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;
}
.lianxi .lx_right li button:hover {
   background: #d90305;
   box-shadow: 0 5px 10px #ccc;
}
.lianxi .lx_right li input.code {
   width: 60%;
   margin: 3px 0 5px;
}
.lianxi .lx_right li img {
   display: inline-block;
   vertical-align: -15px;
   cursor: pointer;
   margin-left: 8px;
}
.map {
   width: 100%;
}
#allmap { 
   width: 100%;
   height: 400px;
   overflow: hidden;
   margin: 0;
   font-size: 14px !important;
   line-height: 25px !important;
}

/* photo */
.photo {
   padding: 50px 0 30px;
}
.photo ul {
   margin-right: -2%;
}
.photo li {
   float: left;
   width: 23%;
   margin: 0 2% 2% 0;
   box-shadow: 0 0 18px rgba(0,0,0,0.06);
   text-align: center;
}
.photo li div {
   height: 220px;
   overflow: hidden;
}
.photo li .pic {
   line-height: 218px;
}
.photo li div img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.photo li .pic img {
   max-width: 100%;
   max-height: 100%;
   object-fit: scale-down;
}
.photo li span {
   display: block;
   padding: 17px 0;
}
.photo li a {
   color: #555;
}
.photo li a:hover {
   color: #fe0103;
}
.photo_li li div {
   height: 300px;
}
.photo_li li span {
   display: block;
   padding: 19px 0 20px;
}
.photo_li li span i {
   display: inline-block;
   color: #bbb;
   font-size: 13px;
}

/* info */
.info {
   padding: 40px 0;
}
.info_left {
   width: 70%;
}
.info_left .l_title {
   border-bottom: 1px dotted #dadfe7;
   padding: 0 1px;
}
.info_left .l_title h3,
.info_left .l_title h4 {
   font-weight: normal;
   color: #fe0103;
   font-size: 25px;
}
.info_left .l_title h4 {
   text-align: center;
   margin-bottom: 30px;
}
.info_left .l_title span {
   display: block;
   color: #94949d;
   margin-left: -5px;
   padding: 22px 0 25px;
}
.info_left .l_title span i {
   display: inline-block;
   padding: 0 5px;
}
.info_left .l_pic {
   padding: 38px 0;
}
.info_left .l_pic img {
   max-width: 100%;
}
.info_right {
   width: 25%;
}
.info_right .r_bt {
   padding: 0 0 28px;
}
.info_right .r_bt {
   padding: 0 0 28px;
   height: 26px;
   overflow: hidden;
}
.info_right .r_bt span.name {
   color: #2e3746;
   font-size: 26px;
}
.info_right .r_bt span.more {
   width: 26px;
   height: 26px;
   background-color: #fff;
}
.info_right .r_bt span.more a {
   display: block;
   border: 1px solid #fe0103;
   color: #fe0103;
}
.info_right .r_bt span.more i {
   display: block;
   height: 24px;
}
.info_right .r_bt span.more a:hover {
   border-color: #fe0103;
   background-color: #fe0103;
   color: #fff;
}
.info_right .xghy {
   padding: 5px 0 35px;
}
.info_right .xghy li {
   height: 80px;
   overflow: hidden;
   margin: 0 0 14px;
}
.info_right .xghy li .pic {
   width: 35%;
   height: 80px;
   overflow: hidden;
}
.info_right .xghy li .pic img {
   max-width: 100%;
   max-height: 100%;
}
.info_right .xghy li .desc {
   width: 60%;
}
.info_right .xghy li .desc a {
   color: #787c82;
   display: block;
   height: 52px;
   overflow: hidden;
}
.info_right .xghy li .desc a:hover {
   color: #fe0103;
}
.info_right .xghy li .desc span.time {
   color: #bbb;
}
.info_right .xghy li .desc span.time i.fa-eye {
   display: inline-block;
   margin-left: 5px;
}

.photo_left {
   width: 40%;
   padding: 25px 0;
   border: 1px solid #e8e8e8;
}
.photo_left img {
   max-width: 100%;
}
.photo_right {
   width: 57%;
   padding-top: 10px;
}
.photo_right li {
   text-indent: 10px;
}
.photo_right li.sub {
   border-bottom: 1px solid #eee;
   color: #888;
   padding: 12px 0 15px;
   text-indent: 5px;
}
.photo_right li.sub i {
   display: inline-block;
   vertical-align: 0;
   margin-right: 8px;
}
.photo_right li.desc {
   padding: 15px 10px;
   text-indent: 0;
   color: #888;
}
.photo_right li.desc img {
   max-width: 100%;
}


/* products */
.products {
   padding: 20px 0 0;
}
.products .p_list {
   position: relative;
   padding-bottom: 50px;
}
.products .p_list ul {
   margin-right: -20px;
}
.products .p_list li {
   float: left;
   width: 292px;
   padding: 9px 10px 35px;
   margin: 20px 20px 10px 0;
   background-color: #fff;
   box-shadow: 0 0 20px rgba(0,0,0,0.08);
}
.products .p_list li div {
   width: 100%;
   height: 214px;
   overflow: hidden;
}
.products .p_list li div img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.products .p_list li a {
   color: #444;
   display: block;
}
.products .p_list li a:hover {
   color: #fe0103;
}
.products .p_list li span {
   display: block;
   padding: 25px 0 0;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.products .p_list li span.x {
   width: 40px;
   height: 0;
   margin: -8px auto 0;
   border-bottom: 1px solid #fe0103;
   transition: all 0.5s;
}
.products .p_list li:hover span.x {
   width: 20px;
}


/* pages */
.n_pages {
   padding: 0 0 70px;
   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: #fe0103;
   border-color: #fe0103;
   color: #fff;
}

.n_next {
   border-top: 1px solid #eee;
   padding: 20px 0 38px;
   color: #555;
}
.n_next a {
   color: #555;
}
.n_next a:hover {
   color: #fe0103;
}


/* footer */
.footer {
   width: 100%;
   background-color: #f3f3f3;
}
.footer .main {
   padding: 60px 0 50px;
   width: 1080px;
}
.footer .foot_left {
   width: 30%;
   color: #666;
}
.footer .foot_left .flo img {
   margin-bottom: 20px;
}
.footer .foot_left a {
   color: #949494;
   display: inline-block;
   margin: 8px 15px 0 0;
}
.footer .foot_left a:hover,
.footer .foot_nav a:hover {
   color: #fe0103;
}
.footer .foot_nav {
   width: 23%;
   padding: 10px 0 0 13%;
}
.footer .foot_nav dt {
   color: #333;
   font-size: 22px;
}
.footer .foot_nav dt span {
   width: 27px;
   height: 0;
   display: block;
   border-bottom: 2px solid #fe0103;
   margin: 10px 0 18px;
}
.footer .foot_nav a {
   color: #666;
}
.footer .foot_weixin {
   width: 33%;
   color: #aaa;
   padding-top: 15px;
}
.footer .foot_weixin li {
   width: 40%;
   float: left;
   margin-left: 10%;
}
.footer .foot_weixin li img {
   max-width: 100%;
}
.footer .copy {
   border-top: 1px solid #e8e8e8;
   color: #666;
   padding: 26px 0 36px;
}
.footer .copy a {
   color: #666;
}
.footer .copy a:hover {
   color: #fe0103;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #c9c9c9;
   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 #fe0103 solid;
   color: #fe0103;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #fe0103;
   background-color: #fe0103;
}