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

/* head */
.header {
   width: 100%;
   position: relative;
   z-index: 99999;
}
.logo {
   padding-top: 40px;
}
.naver {
   padding-top: 25px;
}
.naver .n_lx {
   text-align: right;
}
.naver .n_lx span {
   display: inline-block;
   font-size: 25px;
   font-family: impact;
   vertical-align: -2px;
   margin-left: 7px;
}
.naver .n_lx i {
   display: inline-block;
   margin-left: 20px;
   vertical-align: 0;
}
.naver .n_lx i.fa-phone {
   color: #ee2d00;
}
.naver .n_lx a {
   color: #fff;
}
.naver .n_lx a:hover {
   color: #e51b1b;
}
.naver .nav {
   margin-right: -22px;
   padding-top: 11px;
}
.naver .nav li {
   float: left;
   position: relative;
   margin: 0 23px;
}
.naver .nav li a {
   color: #fff;
   display: block;
}
.naver .nav li a:hover,
.naver .nav li a.on {
   color: #ee2d00;
}
.naver .nav li>a::after {
   content: "";
   display: block;
   position: absolute;
   width: 0;
   height: 0;
   bottom: 0;
   left: 0;
   margin: 0 auto;
   border-bottom: 1px solid #c90000;
   transition: all .5s ease;
   /* transform: scaleX(0); */
   opacity: 0.3;
}
.naver .nav li>a:hover::after {
   opacity: 1;
   width: 50%;
}

.slide {
   overflow: hidden;
   width: 1280px;
   height: 400px;
   margin: 38px auto 0;
}
.mouse {
   width: 29px;
   margin: 68px auto 52px;
}
.mouse span {
   position: relative;
   display: block;
   z-index: 2;
   width: 100%;
   height: 46px;
   border: 1px solid #fff;
   border-radius: 15px;
}
.mouse span::before {
   content: "";
	position: absolute;
	width: 1px;
	height: 13px;
	left: 14px;
	top: 20px;
	background-color: #b9b9b9;
	border-radius: 30%;
	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);
	}
}
.mouse i {
   display: block;
   font-size: 21px;
   margin: -2px 0 0 1px;
}
.mouse a {
   display: block;
   color: #fff;
}

/* wrapper */
.main {
   width: 1280px;
   margin: 0 auto;
}
.main_title {
   padding: 65px 0 0;
}
.main_title span {
   display: block;
}
.main_title span.bt {
   font-size: 38px;
}
.main_title span.desc {
   color: #888;
   padding-top: 20px;
}
.wrapper {
   width: 100%;
}
.index_video {
   position: fixed;
   top: 0;
   width: 100%;
   height: 100vh;
   background: url(/images/bg.jpg) center no-repeat;
   background-size: cover;
   z-index: -1;
}
.index_video video {
   width: 100%;
}
.index_video::before {
   content: '';
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,.5);
}

.abouts {
   width: 100%;
   background-color: #f8f8f8;
   padding: 10px 0 65px;
}
.abouts .latest {
   border-bottom: 1px solid #dedede;
   overflow: hidden;
   padding: 20px 0 23px;
}
.abouts .latest .l_left {
   width: 10%;
   color: #303030;
}
.abouts .latest .l_left i {
   color: #ee2d00;
   display: inline-block;
   margin: 1px 8px 0 5px;
}
.abouts .latest .l_right {
   width: 90%;
   overflow: hidden;
   position: relative;
   padding-top: 3px;
}
.abouts .latest .l_right .bd ul {
   overflow: hidden;
}
.abouts .latest .l_right .bd li {
   float: left;
   width: 45%;
}
.abouts .latest .l_right .bd li a {
   color: #666;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.abouts .latest .l_right .bd li a:hover {
   color: #c90000;
}
.abouts .latest .l_right .bd li i {
   display: inline-block;
   margin-right: 5px;
}
.abouts .latest .l_right .bd li span {
   font-size: 12px;
   margin-left: 38px;
}
.abouts .a_box {
   padding-top: 48px;
   background: url(/images/abg.png) right bottom no-repeat;
}
.abouts .a_pic {
   width: 615px;
   height: 478px;
   overflow: hidden;
}
.abouts .a_pic img {
   width: 100%;
}
.abouts .a_desc {
   width: 618px;
   padding-top: 26px;
}
.abouts .a_desc span {
   display: block;
}
.abouts .a_desc span.bt {
   color: #333;
   font-size: 38px;
}
.abouts .a_desc span.xc {
   color: #d80808;
   padding: 20px 0 26px;
}
.abouts .a_desc span.info {
   color: #535353;
}
.abouts .a_desc span.btn {
   width: 166px;
   margin-top: 58px;
}
.abouts .a_desc span.btn a {
   color: #fff;
   display: block;
   background-color: #d80808;
   border-radius: 3px;
}
.abouts .a_desc span.btn a:hover {
   box-shadow: 5px 5px 8px rgba(0,0,0,.1);
}

.website {
   width: 100%;
   background-color: #fff;
   padding-bottom: 70px;
}
.website .w_list {
   margin-top: 48px;
   overflow: hidden;
}
.website .w_list ul {
   margin-right: -1.3%;
}
.website .w_list li {
   float: left;
   width: 23.7%;
   padding: 45px 0;
   background-color: #f7f7f7;
   margin-right: 1.3%;
   cursor: pointer;
   transition: all 0.5s;
   position: relative;
   border-radius: 3px;
   overflow: hidden;
}
.website .w_list li .ico {
   line-height: 100px;
   height: 100px;
   overflow: hidden;
   position: relative;
   z-index: 2;
   transition: all 0.3s;
}
.website .w_list li .ico img {
   max-width: 36%;
}
.website .w_list li .title {
   padding-top: 35px;
   position: relative;
   z-index: 2;
   transition: all 0.6s;
}
.website .w_list li .title span {
   width: 48px;
   display: block;
   margin: 20px auto;
   border-bottom: 2px solid #d80808;
   transition: all 0.5s;
}
.website .w_list li .w_dl {
   overflow: hidden;
   position: relative;
   z-index: 2;
   padding: 13px 18px 0;
}
.website .w_list li .w_dl dd {
   float: left;
   width: 46%;
   margin: 0 2% 4%;
}
.website .w_list li .w_dl dd a {
   display: block;
   border: 1px solid #d8d8d8;
   color: #666;
   border-radius: 2px;
   transition: all 0.5s;
}
.website .w_list li::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   transform: translateY(100%);
   background: linear-gradient(135deg, #1d95ed, #24a7ec, #3ce0ea);
   transition: all 0.6s ease 0s;
   visibility: hidden;
   z-index: 1;
}
.website .w_list li:hover::after {
   transform: translateY(0);
   visibility: visible;
}
.website .w_list li:nth-child(2n)::after {
   background: linear-gradient(135deg, #db5d00, #f19600, #ffb400);
}
.website .w_list li:hover .ico {
   filter: grayscale(100%) brightness(800%);
   transition: all 0.9s;
}
.website .w_list li:hover .title {
   color: #fff;
}
.website .w_list li:hover .title span {
   width: 22px;
   border-color: #fff;
}
.website .w_list li:hover .w_dl dd a {
   border-color: #fff;
   color: #fff;
}

.yingxiao {
   width: 100%;
   padding-bottom: 54px;
   overflow: hidden;
}
.yingxiao .main_title span {
   color: #fff;
}
.yingxiao .y_list {
   padding-top: 46px;
}
.yingxiao .y_list li {
   float: left;
}
.yingxiao .y_list li.y1 {
   width: 391px;
}
.yingxiao .y_list li.y2 {
   width: 452px;
   margin: 0 23px;
}
.yingxiao .y_list li .y_box {
   border-radius: 6px;
   height: 175px;
   margin-bottom: 21px;
   padding: 37px 33px 0;
   overflow: hidden;
}
.yingxiao .y_list li .y_box2 {
   height: 408px;
}
.yingxiao .y_list li .y_bg1 {
   background: url(/images/yico1.jpg) right bottom no-repeat #fff;
}
.yingxiao .y_list li .y_bg2 {
   background: url(/images/yico2.jpg) right bottom no-repeat #fff;
}
.yingxiao .y_list li .y_bg3 {
   background: url(/images/yico5.jpg) center bottom no-repeat #fff;
}
.yingxiao .y_list li .y_bg4 {
   background: url(/images/yico3.jpg) right bottom no-repeat #fff;
}
.yingxiao .y_list li .y_bg5 {
   background: url(/images/yico4.jpg) right bottom no-repeat #fff;
}
.yingxiao .y_list li .y_box span {
   display: block;
}
.yingxiao .y_list li .y_box span.x {
   width: 46px;
   border-bottom: 2px solid #d80808;
   margin: 13px 0 18px;
}
.yingxiao .y_list li .y_box:hover {
   -webkit-animation-name:headShake;
   animation-name:headShake;
}

.cases {
   width: 100%;
   padding-bottom: 80px;
   background: url(/images/casebg.jpg) center top no-repeat #fff;
}
.cases .c_box {
   margin-top: 25px;
}
.cases .hd {
   position: relative;
   overflow: hidden;
}
.cases .hd li {
   display: inline-block;
   margin: 0 6px;
   padding: 0 34px;
   border: 1px solid rgba(0,0,0,0.5);
   cursor: pointer;
}
.cases .hd li.on {
   border-color: #e20026;
   background-color: #e20026;
   color: #fff;
}
.cases .bd {
   position: relative;
   overflow: hidden;
   margin-top: 42px;
}
.cases .bd li {
   width: 25%;
   height: 280px;
   float: left;
   overflow: hidden;
   position: relative;
}
.cases .bd li span.pic {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 100%;
   border: 1px solid #fff;
   position: relative;
   background-color: #fff;
}
.cases .bd li span.pic::after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   z-index: 9;
   background: #000;
   background: linear-gradient(135deg, #db5d00, #f19600, #ffb400);
   opacity: 0.8;
   transition: all 0.5s;
}
.cases .bd li:nth-child(2n) span.pic::after {
   background: linear-gradient(135deg, #1d95ed, #24a7ec, #3ce0ea);
}
.cases .bd li:hover span.pic::after {
   width: 100%;
}
.cases .bd li img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.cases .bd li span.title {
   position: absolute;
   top: 36%;
   left: 0;
   width: 98%;
   padding: 0 1%;
   z-index: 10;
   transition: all 0.8s;
   opacity: 0;
}
.cases .bd li span.title i {
   display: block;
   margin: 25px auto 0;
   border-top: 1px solid #fff;
   width: 53px;
   height: 0;
}
.cases .bd li a {
   color: #fff;
}
.cases .bd li:hover span.title {
   opacity: 1;
}

.zengzhi {
   width: 100%;
   padding-bottom: 40px;
}
.zengzhi .main_title span {
   color: #fff;
}
.zengzhi .z_box {
   padding-top: 30px;
   position: relative;
   overflow: hidden;
}
.zengzhi .hd {
   border-bottom: 1px solid rgba(255,255,255,0.2);
}
.zengzhi .hd li {
   display: inline-block;
   padding: 21px 15px;
   color: #f1f0f0;
   position: relative;
   margin: 0 23px;
   cursor: pointer;
}
.zengzhi .hd li.on {
   color: #cf000d;
}
.zengzhi .hd li.on::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   bottom: -2px;
   width: 100%;
   height: 0;
   border-bottom: 3px solid #cf000d;
}
.zengzhi .bd {
   position: relative;
   padding: 40px 0;
}
.zengzhi .bd li {
   overflow: hidden;
}
.zengzhi .bd li .zbox {
   width: 50%;
   float: left;
}
.zengzhi .bd li .zbox img {
   max-width: 89%;
}
.zengzhi .bd li .zbox span {
   display: block;
}
.zengzhi .bd li .zbox span i {
   font-size: 72px;
   padding: 35px 0 20px;
}
.zengzhi .bd li .zbox span.en {
   font-style: italic;
   padding: 12px 0 36px;
}

.news {
   width: 100%;
   padding-bottom: 66px;
   background-color: #f8f8f8;
}
.news .n_box {
   padding-top: 42px;
   overflow: hidden;
}
.news .n_rmd {
   width: 355px;
   height: 456px;
   overflow: hidden;
   position: relative;
   border-radius: 3px;
}
.news .n_rmd img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.news .n_rmd a {
   color: #fff;
}
.news .n_rmd .info {
   position: absolute;
   left: 0;
   top: 0;
   width: 85%;
   height: 100%;
   padding: 11% 8% 0;
   z-index: 9;
   background: rgba(0,0,0,0.5);
}
.news .n_rmd .info span {
   display: block;
}
.news .n_rmd .info span.x {
   width: 44px;
   height: 0;
   border-bottom: 2px solid #fff;
   margin: 20px 0;
}
.news .n_rmd .info span i {
   display: inline-block;
   margin-right: 9px;
}
.news .n_rmd .info span.desc {
   padding-top: 20px;
}
.news .n_list {
   width: 924px;
   padding-left: 1px;
}
.news .n_list li {
   float: left;
   width: 439px;
   height: 138px;
   background: #fff;
   margin: 0 0 21px 23px;
   overflow: hidden;
   border-radius: 2px;
   position: relative;
   transition: all 0.8s;
}
.news .n_list li span {
   display: block;
   transition: all 0.8s;
}
.news .n_list li a {
   color: #333;
   display: block;
   position: absolute;
   z-index: 9;
   width: 88%;
   left: 26px;
   top: 21px;
}
.news .n_list li span.title {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.news .n_list li span.title i {
   color: #919191;
   margin-right: 8px;
}
.news .n_list li span.time {
   color: #bbbbbb;
   padding: 12px 0 10px;
}
.news .n_list li span.time i {
   margin-right: 8px;
}
.news .n_list li span.desc {
   color: #959595;
}
.news .n_list li:hover {
   box-shadow: 0 0 15px rgba(0,0,0,0.08);
}
.news .n_list li:hover span,
.news .n_list li:hover span i {
   color: #fff !important;
}
.news .n_list li::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   transform: translateX(-100%);
   background: linear-gradient(135deg, #1d95ed, #24a7ec, #3ce0ea);
   transition: all 0.6s ease 0s;
   visibility: hidden;
   z-index: 0;
}
.news .n_list li:hover::after {
   transform: translateX(0);
   visibility: visible;
}
.news .n_list li:nth-child(2)::after,
.news .n_list li:nth-child(3)::after,
.news .n_list li:nth-child(6)::after {
   background: linear-gradient(135deg, #db5d00, #f19600, #ffb400);
}

/* cols */
.cols {
   width: 100%;
   margin-top: 20px;
   z-index: 1;
   border-top: 1px solid rgba(255,255,255,0.2);
   border-bottom: 1px solid rgba(255,255,255,0.2);
}

.cols .main {
   padding: 40px 0;
}
.cols_left {
   width: 14%;
}
.cols_bt {
   height: 93px;
   padding: 45px 0 0 38px;
   background: url(/images/colslx.png) left center no-repeat;
}
.cols_bt span {
   display: block;
   margin-bottom: 6px;
   letter-spacing: 1px;
}
.cols_bt span.cn {
   font-size: 23px;
}
.cols_bt span.en {
   font-size: 14px;
   font-family: "Open Sans";
   font-weight: 300;
   text-transform: uppercase;
}

.cols_nav {
   padding-top: 30px;
}
.cols_nav li {
   margin-bottom: 10px;
   text-align: center;
}
.cols_nav li a {
   color: #fff;
   display: block;
   background: rgba(0,0,0,0.5);
}
.cols_nav li a:hover,
.cols_nav li a.on {
   color: #ff5e00;
}
.cols_nav li i {
   display: inline-block;
   margin-left: 9px;
   width: 0;
   height: 0;
   border-bottom: 1px solid #fff;
   vertical-align: 4px;
   transition: all 0.5s;
}
.cols_nav li:hover i,
.cols_nav li a.on i {
   width: 12px;
   border-color: #ff5e00
}

.cols_right {
   width: 79%;
   min-height: 612px;
   padding: 3%;
   background: rgba(0,0,0,0.5);
}
.cols_right .c_pos {
   color: #ccc;
   padding: 0 0 20px;
   border-bottom: 1px solid rgba(255,255,255,0.2);
   letter-spacing: 1px;
}
.cols_right .c_pos a {
   color: #ccc;
}
.cols_right .c_pos a:hover,
.cols_right .c_desc a:hover {
   color: #ff5e00;
}
.cols_right .c_pos i {
   display: inline-block;
   margin: 0 4px;
}
.cols_right .c_desc {
   padding: 30px 5px;
   color: #eee;
}
.cols_right .c_desc a {
   color: #eee;
}
.cols_right .c_desc img {
   max-width: 100%;
}

/* web */
.in_web {
   padding: 3%;
}
.in_web li {
   background: rgba(0,0,0,0.3);
   margin-bottom: 15px;
   overflow: hidden;
}
.in_web li .pic {
   width: 45%;
   height: 420px;
   overflow: hidden;
}
.in_web li .pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.in_web li .box {
   width: 47%;
   padding: 3.5% 4%;
}
.in_web li .box span {
   display: block;
}
.in_web li .box span.en {
   text-transform: uppercase;
   font-size: 60px;
   font-family: 'Times New Roman';
}
.in_web li .box span.cn {
   padding: 13px 0 16px;
}
.in_web li .box span.cn i {
   display: inline-block;
   border-top: 1px solid #fff;
   vertical-align: 9px;
   width: 40px;
   height: 0;
   margin-right: 20px;
}
.in_web li .box span.desc {
   color: rgba(255,255,255,0.7);
}
.in_web li .box span.list {
   padding-top: 23px;
   overflow: hidden;
}
.in_web li .box span.list a {
   width: 22.5%;
   display: block;
   float: left;
   border: 1px solid rgba(255,255,255,0.5);
   color: #fff;
   margin: 0 13px 12px 0;
   padding: 10px 0;
}
.in_web li .box span.list a.on {
   background-color: #ff5e00;
   border-color: #ff5e00;
}
.in_web li .box span.list a:hover.on {
   background-color: #ee2d00;
   border-color: #ee2d00;
}

/* case */
.in_case {
   padding: 3% 0;
}
.in_case .c_nav {
   padding-top: 8px;
}
.in_case .c_nav li {
   display: inline-block;
   margin: 0 5px;
   border: 1px solid rgba(255,255,255,0.5);
   cursor: pointer;
   transition: all 0.5s;
}
.in_case .c_nav li a {
   display: inline-block;
   color: #fff;
   padding: 1px 36px 0;
}
.in_case .c_nav li:hover {
   background-color: #e26602;
   border-color: #e26602;
}
.in_case .c_list {
   margin-top: 42px;
   overflow: hidden;
}
.in_case .c_list li {
   width: 25%;
   height: 280px;
   float: left;
   overflow: hidden;
   position: relative;
   background-color: #fff;
}
.in_case .c_list li span.pic {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 100%;
   border: 1px solid rgba(0,0,0,0.1);
   position: relative;
}
.in_case .c_list li span.pic::after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   z-index: 9;
   background: #000;
   background: linear-gradient(135deg, #db5d00, #f19600, #ffb400);
   opacity: 0.8;
   transition: all 0.5s;
}
.in_case .c_list li:nth-child(2n) span.pic::after {
   background: linear-gradient(135deg, #1d95ed, #24a7ec, #3ce0ea);
}
.in_case .c_list li:hover span.pic::after {
   width: 100%;
}
.in_case .c_list li img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.in_case .c_list li span.title {
   position: absolute;
   top: 36%;
   left: 0;
   width: 98%;
   padding: 0 1%;
   z-index: 10;
   transition: all 0.8s;
   opacity: 0;
}
.in_case .c_list li span.title i {
   display: block;
   margin: 25px auto 0;
   border-top: 1px solid #fff;
   width: 53px;
   height: 0;
}
.in_case .c_list li a {
   color: #fff;
}
.in_case .c_list li:hover span.title {
   opacity: 1;
}

.in_title {
   color: #ff5e00;
   padding-top: 45px;
}
.in_title span {
   display: block;
   font-size: 12px;
   color: rgba(255,255,255,0.5);
   padding-top: 15px;
}
.in_title span i {
   display: inline-block;
   margin: 0 8px;
}


/* Program */
.program {
   overflow: hidden;
}
.program ul {
   margin-right: -2%;
}
.program li {
   width: 31.33333%;
   float: left;
   margin: 0 2% 2% 0;
   background-color: #f8f8f8;
   overflow: hidden;
   border-radius: 1px;
}
.program li span {
   display: block;
   position: relative;
   z-index: 9;
}
.program li span.pic {
   height: 280px;
   overflow: hidden;
}
.program li span.pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.program li .info {
   padding: 6% 5% 0;
   position: relative;
   height: 133px;
}
.program li span.title {
   padding: 0 0 2%;
}
.program li a {
   color: #444;
   transition: all 0.6s;
}
.program li:hover a {
   color: #fff;
}
.program li .info::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   transform: translateY(100%);
   background: linear-gradient(135deg, #1d95ed, #24a7ec, #3ce0ea);
   transition: all 0.6s ease 0s;
   visibility: hidden;
   z-index: 1;
}
.program li:hover .info::after {
   transform: translateY(0);
   visibility: visible;
}
.program li:nth-child(2n) .info::after {
   background: linear-gradient(135deg, #db5d00, #f19600, #ffb400);
}


/* news */
.newslist {
   padding: 1% 0 3%;
   background: rgba(0,0,0,0.3);
}
.newslist li {
   padding: 2.5%;
   overflow: hidden;
   border-bottom: 1px solid rgba(255,255,255,0.2);
}
.newslist li .pic {
   width: 21%;
   height: 190px;
   float: left;
   margin-right: 28px;
   overflow: hidden;
}
.newslist li .pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.newslist li .box {
   padding: 2px 0 0;
}
.newslist li .box span {
   display: block;
}
.newslist li .box span.bt {
   color: #ddd;
   transition: all 0.5s;
}
.newslist li .box span i {
   margin-right: 6px;
}
.newslist li .box span i.fa-eye {
   margin-left: 10px;
}
.newslist li .box span.time {
   margin: 17px 0;
}
.newslist li a {
   color: #999;
   display: block;
}
.newslist li a:hover {
   color: #bbb;
}
.newslist li:hover .box span.bt {
   color: #ff5e00;
   text-indent: 5px;
}


/* lianxi */
.lianxi_box {
   padding: 4% 0 5% !important;
}
.liuya {
   width: 42%;
}
.liuya li {
   width: 100%;
   position: relative;
}
.liuya li input,
.liuya li textarea {
   width: 96%;
   display: block;
   padding: 4% 2%;
   background: none;
   font-size: 15px;
   color: #ccc;
   border: none;
   border-bottom: 1px solid rgba(255,255,255,0.2);
}
.liuya li textarea {
   height: 80px;
}
.liuya li.w100 {
   width: 97%;
}
.liuya li img {
   cursor: pointer;
   position: absolute;
   right: 0;
   top: 9px;
}
.liuya li button {
   border: none;
   background-color: #ff5e00;
   color: #fff;
   font-size: 16px;
   padding: 13px 60px 14px;
   cursor: pointer;
   margin-top: 6%;
   border-radius: 2px;
   transition: all 0.5s;
}
.liuya li button:hover {
   background-color: #f64000;
   padding: 13px 65px 14px;
}

.lianxi {
   width: 53%;
   color: #eee;
   overflow: hidden;
   padding-top: 8px;
}
.lianxi ul {
   margin-right: -3%;
}
.lianxi li {
   float: left;
   width: 47%;
   /* background: rgba(0,0,0,0.5); */
   border-radius: 1px;
   margin: 0 3% 3% 0;
   height: 163px;
   padding-top: 50px;
   background: url(/images/lxbg.png);
}
.lianxi li span {
   display: block;
   padding-bottom: 3px;
}
.lianxi li span i {
   font-size: 50px;
   display: inline-block;
}
.lianxi li a {
   color: #fff;
}

.ditu {
   width: 100%;
   margin-top: 50px;
}
.ditu #allmap {
   width: 100%;
   height: 350px;
   font-size: 14px;
   line-height: 23px;
   opacity: 0.8;
}


/* pages */
.n_pages {
   padding: 70px 0 50px;
   letter-spacing: -4px;
}
.n_pages .page-num,
.n_pages a {
   display: inline-block;
   color: #aaa;
   padding: 8px 12px 7px;
   margin: 0 3px;
   border: 1px solid rgba(255,255,255,0.3);
   letter-spacing: 0;
}
.n_pages a:hover,
.n_pages a.page-num-current {
   background-color: #ff5e00;
   border-color: #ff5e00;
   color: #fff;
}

.n_next {
   border-top: 1px solid rgba(255,255,255,0.2);
   padding: 20px 0 38px;
   color: #888;
}
.n_next a {
   color: #888;
}
.n_next a:hover {
   color: #ff5e00;
}

/* footer */
.lay_wx {
   width: 268px;
   height: 295px;
   background-color: #fff;
   color: #ee2d00;
}
.lay_wx img {
   width: 100%;
}
.footer {
   width: 100%;
}
.footer .foot_top {
   width: 100%;
   border-bottom: 1px solid rgba(255,255,255,0.2);
   padding: 46px 0 36px;
   overflow: hidden;
}
.footer .foot_top dl {
   float: left;
   width: 25%;
}
.footer .foot_top dt,
.footer .foot_top dd {
   display: inline-block;
   text-align: left;
   vertical-align: middle;
}
.footer .foot_top dt i {
   font-size: 33px;
   display: inline-block;
   vertical-align: middle;
   margin-right: 17px;
}
.footer .foot_top dt i.icon-fulmination {
   margin-right: 12px;
}
.footer .foot_top dd span {
   display: block;
}
.footer .foot_top dd span.x {
   color: #b4b4b4;
}
.footer .foot_box {
   padding: 60px 0;
   overflow: hidden;
}
.footer .foot_lx {
   width: 30%;
   padding-top: 25px;
}
.footer .foot_lx li {
   float: left;
}
.footer .foot_lx li i {
   font-size: 76px;
   margin-right: 31px;
}
.footer .foot_lx li span {
   display: block;
}
.footer .foot_lx li span.tel {
   font-family: Impact;
   font-size: 38px;
   padding: 15px 0;
}
.footer .foot_lx li span.time {
   color: #838383;
}
.footer .foot_lx li span a {
   display: block;
   width: 118px;
   color: #838383;
   border: 1px solid rgba(255,255,255,0.5);
   margin-top: 28px;
}
.footer .foot_lx li span a:hover {
   border-color: #ee2d00;
   background-color: #ee2d00;
   color: #fff;
}

.footer .foot_nav {
   width: 70%;
   overflow: hidden;
}
.footer .foot_nav dl {
   margin-left: 11%;
   float: left;
}
.footer .foot_nav dt {
   font-size: 18px;
   padding-bottom: 12px;
}
.footer .foot_nav dd a {
   color: #c7c7c7;
   display: block;
}
.footer .foot_nav dd a:hover,
.footer .copy a:hover {
   color: #ee2d00;
}
.footer .copy {
   width: 100%;
   padding: 28px 0 60px;
   border-top: 1px solid rgba(255,255,255,0.2);
   color: #999;
}
.footer .copy a {
   color: #999;
}
.footer .copy img {
   display: inline-block;
   vertical-align: -5px;
   margin-right: 7px;
}

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

.kefu {
   width: 72px;
   position: fixed;
   right: 0;
   top: 45%;
   z-index: 99999;
}
.kefu li {
   height: 73px;
   border-radius: 3px;
   margin-bottom: 2px;
   position: relative;
}
.kefu li a {
   color: #fff;
   display: block;
}
.kefu li i {
   display: block;
   margin: 0 auto;
   padding: 13px 0 8px;
}
.kefu li.qq {
   background-color: #4a95d8;
}
.kefu li.wx {
   background-color: #66be24;
}
.kefu li.tel {
   background-color: #ff5e00;
}
.kefu li.ly {
   background-color: #5835af;
}
.kefu li span {
   display: none;
   position: absolute;
   z-index: 99999;
}
.kefu li span.weixin {
   top: -30px;
   left: -150px;
   width: 148px;
}
.kefu li span.rx {
   top: 0;
   left: -172px;
   width: 160px;
   min-height: 60px;
   background-color: #ff5e00;
   border-radius: 3px;
   text-align: left;
   padding: 13px 0 0 10px;
}
.kefu li span img {
   max-width: 100%;
}
.kefu li:hover span {
   display: block;
}