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

/* head */
.header {
   width: 100%;
   height: 90px;
   position: fixed;
   top: 0;
   z-index: 999999;
   overflow: hidden;
   border-bottom: 1px solid rgba(255,255,255,0.1);
   /* background: rgba(255,255,255,0.03); */
}
.header .top {
   height: 100%;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.logo {
   height: 72%;
}
.logo img {
   max-height: 100%;
   filter: grayscale(100%) brightness(1000%)
}
.nav {
   line-height: 90px;
   overflow: hidden;
}
.nav li {
   padding: 0 18px;
   float: left;
}
.nav li a {
   position: relative;
   display: block;
   color: #fff;
   padding: 0 6px;
}
.nav li a::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   border-bottom: 3px solid #fff;
   opacity: 0;
   transition: all 0.5s;
   transform: scaleX(0);
}
.nav li a.on::after,
.nav li a:hover::after {
   opacity: 1;
   transform: scaleX(1);
}
.header.s {
   height: 80px;
   background: #fff;
   box-shadow: 0 5px 10px rgba(0,0,0,0.02);
   border: none;
}
.header.s .logo img {
   max-height: 100%;
   filter: none
}
.header.s .nav {
   line-height: 80px;
}
.header.s .nav li a {
   color: #333;
}
.header.s .nav li a::after {
   border-bottom: 3px solid #033cdd;
}
.header.s .nav li a:hover,
.header.s .nav li a.on {
   color: #033cdd;
}

.index-slide {
   background: #111;
   width: 100%;
   overflow: hidden;
}
.index-slide .swiper-slide {
   height: 768px;
   height: 100vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
.index-slide .swiper-slide a {
   display: block;
   width: 100%;
   height: 100%;
}
.index-slide {
   --swiper-theme-color: #023cdc;
   --swiper-pagination-bullet-width: 15px;--swiper-pagination-bullet-height: 15px;
   --swiper-pagination-bullet-inactive-color: #fff;
   --swiper-pagination-bullet-inactive-opacity: 0.2
}
.index-slide .swiper-pagination {
   bottom: 30px !important;
}
.index-slide .swiper-pagination span {
   margin: 0 6px !important;
}

/* main */
.main {
   width: 90%;
   margin: 0 auto;
}
.main_title {
   position: relative;
   padding-bottom: 28px;
}
.main_title h2 {
   font-size: 37px;
   font-weight: normal;
}
.main_title span {
   display: block;
   padding-top: 21px;
   color: #888;
   font-size: 17px;
}
.main_title::after {
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   width: 50px;
   border-bottom: 3px solid #033cdd;
}
.main_more {
   padding-top: 45px;
   text-transform: uppercase;
}
.main_more a {
   width: 170px;
   display: inline-block;
   border: 1px solid #666;
   color: #444;
   padding: 13px 0;
   text-align: center;
}
.main_more a:hover {
   background: #033cdd;
   color: #fff;
   border-color: #033cdd;
}
.main_more i {
   display: inline-block;
   vertical-align: -1px;
   margin-left: 10px;
   transition: margin 0.4s;
}
.main_more a:hover i {
   margin-left: 18px;
}

/* wrapper */
.wrapper {
   width: 100%;
}
.about {
   position: relative;
   padding: 90px 0 100px;
   overflow: hidden;
   background: url(/images/l.png) center 10% no-repeat #f7fbfe;
}
.about .a_pic {
   position: absolute;
   right: 0;
   top: 0;
   width: 480px;
   z-index: 1;
}
.about .a_pic img {
   width: 100%;
}
.about .a_box {
   width: 51%;
}
.about .a_box h2 {
   font-size: 80px;
   color: #e6e9ef;
}
.about .a_box h1 {
   padding-top: 25px;
   font-size: 30px;
   color: #033cdd;
}
.about .a_desc {
   padding-top: 40px;
   color: #585858;
}
.about .a_video {
   position: relative;
   z-index: 9;
   width: 40%;
   top: 60px;
   height: 300px;
   border-radius: 20px;
   overflow: hidden;
}
.about .a_video iframe,
.about .a_video video {
   width: 100%;
   height: 100%;
}

.fuwu {
   padding: 100px 0 0;
}
.fuwu ._list {
   padding-top: 50px;
   overflow: hidden;
}
.fuwu ._list li {
   position: relative;
   float: left;
   width: 16.666666667%;
   height: 520px;
   overflow: hidden;
}
.fuwu ._list li>img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.fuwu ._list li ._box {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.68);
   transition: all 0.5s;
}
.fuwu ._list li ._box a.t {
   position: relative;
   color: #fff;
   display: block;
   padding: 170px 0 30px;
}
.fuwu ._list li ._box a.t::after {
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   width: 45px;
   border-bottom: 2px solid #fff;
}
.fuwu ._list li ._box h2 {
   font-weight: normal;
   font-size: 25px;
   padding-top: 35px;
}
.fuwu ._list li ._box span {
   margin: 0 auto;
   width: 83px;
   height: 83px;
   line-height: 83px;
   border: 1px solid #fff;
   border-radius: 100px;
   display: block;
}
.fuwu ._list li ._box span img {
   width: 60%;
   height: 60%;
   object-fit: contain
}
.fuwu ._list li:hover ._box a.t {
   padding: 70px 0 30px;
}
.fuwu ._list li:hover ._box {
   background: rgba(0,0,0,0.95);
}
.fuwu ._list li ._desc {
   position: absolute;
   top: 100%;
   width: 100%;
   padding: 0 10%;
   margin: 0 auto;
   transition: all 0.5s;
   opacity: 0;
}
.fuwu ._list li ._desc a {
   display: block;
   color: #fff;
   background: #033cdd;
   width: 62%;
   margin: 30px auto 0;
   padding: 9px 0;
   border-radius: 5px;
   font-size: 16px;
}
.fuwu ._list li ._desc a:hover {
   background: #15bcc8;
}
.fuwu ._list li:hover ._desc {
   top: 52%;
   opacity: 1;
}

.product {
   padding: 100px 0;
   background: #f7fbfe;
}
.product .p_box {
   padding-top: 50px;
   overflow: hidden;
}
.product .p_box .hd {
   width: 29%;
   border-right: 1px solid #ebf1f5;
   background: #fff;
}
.product .p_box .hd li {
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 170px;
   padding: 0 9%;
   cursor: pointer;
   transition: all 0.5s;
   border-bottom: 1px solid #f1f6f9;
}
.product .p_box .hd li.on {
   background: #033cdd;
}
.product .p_box .hd li::after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   background: #033cdd;
   transition: all 0.5s;
   z-index: 1;
}
.product .p_box .hd li:hover::after {
   width: 100%;
}
.product .p_box .hd li.on h3,
.product .p_box .hd li.on h6,
.product .p_box .hd li.on span,
.product .p_box .hd li:hover h3,
.product .p_box .hd li:hover h6,
.product .p_box .hd li:hover span {
   color: #fff;
}
.product .p_box .hd li ._t {
   width: 58%;
   position: relative;
   z-index: 9;
}
.product .p_box .hd li span {
   color: #ebebeb;
   font-size: 65px;
   position: relative;
   z-index: 9;
}
.product .p_box .hd li h3,
.product .p_box .hd li h6 {
   font-weight: normal;
   transition: all 0.5s;
}
.product .p_box .hd li h3 {
   font-size: 25px;
}
.product .p_box .hd li h6 {
   font-size: 14px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #888;
   padding-top: 8px;
}
.product .p_box .hd li i {
   position: relative;
   z-index: 9;
   text-align: center;
   width: 40px;
   height: 40px;
   line-height: 38px;
   border-radius: 100px;
   overflow: hidden;
}
.product .p_box .hd li i img {
   width: 50%;
   height: 50%;
   object-fit: contain
}
.product .p_box .hd li.on i,
.product .p_box .hd li:hover i {
   background: #fff;
   box-shadow: 0 0 10px rgba(255,255,255,0.9);
}
.product .p_box .bd {
   width: 71%;
   height: 680px;
   padding: 5% 10%;
   background: url(/images/l.png) 95% 15% no-repeat #fff;
   overflow: hidden;
}
.product .p_box .bd h2 {
   padding-bottom: 25px;
   font-size: 30px;
   background: url(/images/c.png) 2px bottom no-repeat;
}
.product .p_box .bd ._des {
   color: #666;
   padding-top: 30px;
}
.product .p_box .bd .main_more {
   padding-top: 25px;
}
.product .p_box .bd ._pic {
   text-align: right;
   padding-top: 40px;
}
.product .p_box .bd ._pic img {
   max-width: 520px;
   max-height: 280px;
   border: 25px solid #fff;
   box-shadow: 0 0 25px rgba(0,0,0,0.1);
}

.anli {
   padding: 100px 0;
}
.anli .al_box {
   padding-top: 40px;
}
.anli .hd ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   align-items: center;
}
.anli .hd li {
   margin: 10px 8px;
}
.anli .hd li a {
   display: block;
   color: #555;
   border: 1px solid #e7e7e7;
   padding: 14px 45px;
   background: #f9f9f9;
   border-radius: 100px;
}
.anli .hd li.on a,
.anli .hd li a:hover {
   color: #fff;
   border-color: #033cdd;
   background: #033cdd;
}
.anli .bd {
   padding-top: 50px;
}
.anli .bd img {
   max-width: 100%;
}

.news {
   padding: 100px 0 130px;
   background: #f7fbfe;
}
.news .n_box {
   padding-top: 50px;
   overflow: hidden;
}
.news .n_rmd {
   width: 31%;
   overflow: hidden;
   position: relative;
   background: #fff;
   transition: all 0.5s;
   border-radius: 5px;
}
.news .n_rmd::after {
   content: '';
   position: absolute;
   bottom: -65px;
   right: -65px;
   width: 112px;
   height: 112px;
   border-radius: 200px;
   background: #033cdd;
   transition: all 0.5s;
}
.news .n_rmd i {
   display: block;
   position: absolute;
   right: 11px;
   bottom: 4px;
   font-size: 26px;
   color: #fff;
   transition: all 0.5s;
   line-height: 26px;
   font-family: 'Times New Roman', Times, serif;
   font-weight: bold;
   z-index: 9;
}
.news .n_rmd:hover i {
   transform:rotate(180deg);
}
.news .n_rmd ._pic {
   height: 256px;
   overflow: hidden;
}
.news .n_rmd ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.news .n_rmd ._box {
   /* border: 1px solid #dbdbdb; */
   border-top: none;
   padding: 28px 20px 33px;
} 
.news .n_rmd ._box a {
   display: block;
   font-size: 18px;
   color: #303030;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.news .n_rmd ._box a:hover {
   color: #033cdd;
}
.news .n_rmd ._box p {
   color: #7e7e7e;
   padding-top: 15px;
}
.news .n_rmd ._box p.t {
   padding-top: 17px;
   font-size: 15px;
   color: #a5a5a5;
}
.news .n_list {
   width: 67%;
}
.news .n_list ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.news .n_list li {
   position: relative;
   width: 48.75%;
   height: 217px;
   padding: 32px 28px 0;
   margin-bottom: 2.8%;
   /* border: 1px solid #e7e7e7; */
   overflow: hidden;
   transition: all 0.5s;
   background: url(/images/l.png) left center no-repeat #fff;
   border-radius: 5px;
}
.news .n_rmd:hover,
.news .n_list li:hover {
   /* border-color: #fff; */
   box-shadow: 0 0 20px rgba(0,0,0,0.07);
}
.news .n_list li::after {
   content: '';
   position: absolute;
   bottom: -65px;
   right: -65px;
   width: 112px;
   height: 112px;
   border-radius: 200px;
   background: #f4f4f4;
   transition: all 0.5s;
}
.news .n_list li i {
   display: block;
   position: absolute;
   right: 11px;
   bottom: 4px;
   font-size: 26px;
   color: #d2d2d2;
   transition: all 0.5s;
   line-height: 26px;
   font-family: 'Times New Roman', Times, serif;
   font-weight: bold;
   z-index: 9;
}
.news .n_list li:hover i {
   color: #fff;
   transform:rotate(180deg);
}
.news .n_list li:hover::after {
   background: #033cdd;
}
.news .n_list li ._box {
   width: 80%;
}
.news .n_list li ._box a {
   position: relative;
   display: block;
   color: #303030;
   font-size: 16px;
   height: 56px;
}
.news .n_list li ._box a:hover {
   color: #033cdd;
}
.news .n_list li ._box a::after {
   content: '';
   position: absolute;
   left: 0;
   bottom: -15px;
   width: 17px;
   border-bottom: 2px solid #033cdd;
}
.news .n_list li ._box p {
   padding-top: 35px;
   color: #7e7e7e;
}
.news .n_list li ._time {
   width: 19%;
   padding-top: 30px;
}
.news .n_list li ._time span {
   display: block;
}
.news .n_list li ._time span.r {
   font-size: 48px;
   color: #c6c6c6;
   transition: all 0.5s;
}
.news .n_list li ._time span.y {
   color: #9a9a9a;
   padding-top: 12px;
}
.news .n_list li:hover ._time span.r {
   color: #666;
}


/* cols */
.cols_slide {
   width: 100%;
   height: 480px;
   overflow: hidden;
   position: relative;
}
.cols_slide::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.5);
   z-index: 1;
}
.cols_slide ._wz {
   position: relative;
   z-index: 9;
   padding-top: 193px;
}
.cols_slide ._wz h1 {
   font-size: 45px;
   letter-spacing: 2px;
   font-weight: normal;
}
.cols_slide ._wz span {
   display: block;
   padding-top: 33px;
   opacity: 0.8;
}
.cols_mous {
   position: relative;
   z-index: 2;
   width: 25px;
   height: 40px;
   margin: 90px auto 0;
   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 {
   width: 100%;
   padding: 40px 0;
   overflow: hidden;
}

.guanyu {
   padding: 100px 14% 60px;
   border-radius: 10px;
}
.guanyu h1 {
   position: relative;
   text-align: center;
   font-size: 36px;
   font-weight: normal;
   padding-bottom: 25px;
   color: #333;
}
.guanyu h1::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   width: 50px;
   margin: 0 auto;
   border-bottom: 3px solid #033cdd;
}
.lianxi {
   width: 100%;
   padding: 80px 10%;
   background: #f7fbfe;
}
.lianxi ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.lianxi li {
   width: 23.5%;
   height: 250px;
   position: relative;
   overflow: hidden;
   border-radius: 3px;
}
.lianxi li::after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.6);
   z-index: 1;
}
.lianxi li>img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.lianxi li ._b {
   position: absolute;
   top: 42px;
   left: 0;
   width: 100%;
   z-index: 9;
}
.lianxi li ._b a {
   color: #fff;
   display: block;
}
.lianxi li ._b>img {
   width: 138px;
}
.lianxi li ._b span {
   display: block;
   padding-top: 20px;
}
.lianxi li ._b a img {
   width: 80px;
   margin: 23px 0 35px;
}
.lianxi li ._tel img {
   width: 80px;
   margin: 20px 0 30px;
}
.lianxi li ._tel h3 {
   font-size: 22px;
   padding-bottom: 3px;
   letter-spacing: 0.66px;
}
.lianxi ._map {
   margin-top: 50px;
   width: 100%;
   height: 350px;
   border-radius: 3px;
   overflow: hidden;
   box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.lianxi ._map #allmap {
   width: 100%;
   height: 100%;
}

.cols_desc {
   color: #4b5d7c;
   overflow: hidden;
   padding: 28px 16px;
}
.cols_desc a {
   color: #4b5d7c;
}
.cols_desc a:hover {
   color: #033cdd;
}
.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: 10px 0 30px;
}
.cols_pic img {
   max-width: 100%;
}

/* douyin */
.douyin {
   padding: 80px 0 0;
   background: #f7fbfe;
}
.douyin .main_title span {
   color: #aaa;
}
.douyin .d_box1 {
   padding: 70px 16% 40px;
}
.douyin .d_box1 ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.douyin .d_box1 li {
   width: 33%;
   margin-bottom: 7%;
}
.douyin .d_box1 li h3 {
   padding-top: 28px;
   font-size: 33px;
   font-weight: normal;
   letter-spacing: 1px;
}
.douyin .d_box2 {
   padding: 80px 0 0;
   background: #fff;
}
.douyin .d_box2 ul {
   padding: 60px 0 10px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.douyin .d_box2 li {
   position: relative;
   width: 33.33333%;
   height: 332px;
   overflow: hidden;
}
.douyin .d_box2 li img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.douyin .d_box2 li ._bt {
   position: absolute;
   left: 11%;
   bottom: 17%;
   color: #fff;
}
.douyin .d_box2 li ._bt span {
   display: inline-block;
   font-size: 40px;
   border-bottom: 5px solid #033cdd;
   padding-bottom: 17px;
   margin-bottom: 17px;
}
.douyin .d_box2 li ._bt h3 {
   font-size: 35px;
   font-weight: normal;
}
.douyin .d_box3 {
   padding: 80px 0 0;
   background: #fff;
}
.douyin .d_box3 .main_title span {
   line-height: 25px;
}
.douyin .d_box3 ul {
   padding: 60px 0 0;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   color: #fff;
}
.douyin .d_box3 li {
   position: relative;
   width: 50%;
   height: 443px;
   overflow: hidden;
}
.douyin .d_box3 li::after {
   content: '';
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(0,0,0,0.8);
   z-index: 1;
   transition: all 0.3s;
   opacity: 0;
}
.douyin .d_box3 li:hover::after {
   opacity: 1;
}
.douyin .d_box3 li img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.douyin .d_box3 li ._box {
   position: absolute;
   bottom: 16%;
   left: 0;
   width: 100%;
   padding: 0 16%;
   z-index: 9;
}
.douyin .d_box3 li ._box h2,
.douyin .d_box3 li ._box h6 {
   font-weight: normal;
}
.douyin .d_box3 li ._box h2 {
   font-size: 40px;
}
.douyin .d_box3 li ._box h6 {
   font-size: 18px;
   padding-top: 15px;
}
.douyin .d_box3 li ._box span {
   position: relative;
   display: block;
   font-size: 20px;
   line-height: 33px;
   padding: 25px 0 35px;
   transition: all 0.5s;
   opacity: 0;
   display: none;
}
.douyin .d_box3 li ._box span::after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0;
   width: 50px;
   border-bottom: 5px solid #033cdd;
}
.douyin .d_box3 li:hover ._box span {
   opacity: 1;
   display: block;
}
.douyin .d_box4 {
   padding: 80px 0;
   background: url(/images/dy/bg.jpg) center top no-repeat;
}
.douyin .d_box4 ul {
   padding: 80px 16% 50px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   text-align: center;
}
.douyin .d_box4 li {
   width: 30%;
}
.douyin .d_box4 li ._t {
   color: #a1a8b5;
}
.douyin .d_box4 li ._t span {
   display: inline-block;
   vertical-align: -4px;
   color: #033cdd;
   font-size: 70px;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.douyin .d_box4 li ._z {
   padding-top: 30px;
}
.douyin .d_box4 li ._z h5,
.douyin .d_box4 li ._z h6 {
   font-weight: normal;
}
.douyin .d_box4 li ._z h5 {
   font-size: 22px;
}
.douyin .d_box4 li ._z h6 {
   font-size: 20px;
   padding-top: 8px;
}


/* app */
.app {
   padding: 80px 0 0;
   background: #f7fbfe;
}
.app .main_title span {
   line-height: 25px;
   color: #aaa;
}
.app .a_box {
   padding: 80px 13% 0;
}
.app .a_box ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.app .a_box li {
   width: 14.28571%;
   margin-bottom: 7%;
}
.app .a_box li h3 {
   font-size: 20px;
   font-weight: normal;
   padding-top: 22px;
}

.app .a_box2 {
   padding: 80px 13% 50px;
   background: #fff;
}
.app .a_box2 ul {
   padding-top: 80px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: top;
}
.app .a_box2 li {
   width: 31%;
}
.app .a_box2 li span {
   display: block;
   margin: 10px 0 60px;
   color: #999;
}
.app .a_box2 li h3 {
   font-size: 18px;
}
.app .a_box2 li img {
   display: inline-block;
   width: 92%;
   border-radius: 500px;
   border: 8px solid #e4ebff;
}

.app .a_box3 {
   padding: 88px 14% 40px;
   background: url(/images/app/bg.jpg) center no-repeat;
   background-size: cover;
}
.app .a_box3 .main_title h2 {
   color: #fff;
}
.app .a_box3 ul {
   padding: 80px 0 0;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.app .a_box3 li {
   width: 30%;
   margin-bottom: 6.5%;
}
.app .a_box3 li h3 {
   font-size: 30px;
   font-weight: normal;
   color: #fff;
   padding: 30px 0 15px;
}
.app .a_box3 li span {
   font-size: 16px;
   color: #fff;
   opacity: 0.4;
}

.app .a_box4 {
   padding: 80px 14%;
}
.app .a_box4 ul {
   padding-top: 60px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.app .a_box4 li {
   width: 16%;
   background: #fff;
   box-shadow: 0 0 20px rgba(0,0,0,0.03);
   border-radius: 20px;
   overflow: hidden;
   height: 380px;
}
.app .a_box4 li ._pic {
   height: 181px;
   overflow: hidden;
}
.app .a_box4 li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: contain
}
.app .a_box4 li h3 {
   font-size: 20px;
   color: #033cdd;
   font-weight: normal;
   padding: 23px 0 10px;
}
.app .a_box4 li p {
   color: #aaa;
   padding: 6px 0;
   font-size: 13px;
}

.app .anli {
   background: #fff;
   padding-bottom: 130px;
}


/* xcx */
.xcx {
   padding: 80px 0 0;
}
.xcx .main_title span {
   line-height: 25px;
   color: #aaa;
}
.xcx .x_box {
   padding: 60px 13% 100px;
}
.xcx .x_box ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.xcx .x_box li {
   position: relative;
   width: 23.5%;
   height: 339px;
   padding: 36px 25px 0;
   border: 1px solid #e5e5e5;
}
.xcx .x_box li::before,
.xcx .x_box li::after {
   content: '';
   display: none;
   position: absolute;
   left: -1px;
   width: 100%;
   border: 1px solid #033cdd;
}
.xcx .x_box li::before {
   top: -7px;
   border-top: 7px solid #033cdd;
   border-radius: 5px 5px 0 0;
}
.xcx .x_box li::after {
   bottom: -7px;
   border-bottom: 7px solid #033cdd;
   border-radius: 0 0 5px 5px;
}
.xcx .x_box li:hover::before,
.xcx .x_box li:hover::after {
   display: block;
}
.xcx .x_box li:hover {
   border-color: #033cdd;
}
.xcx .x_box li h2 {
   font-weight: normal;
   font-size: 18px;
   color: #333;
   padding: 25px 0 15px;
}
.xcx .x_box li p {
   color: #777;
}
.xcx .x_box li span {
   display: inline-block;
   border: 1px solid #c5c5c5;
   padding: 6px 40px;
   border-radius: 50px;
   color: #555;
   margin-top: 27px;
}
.xcx .x_box li:hover span {
   background: #033cdd;
   color: #fff;
   border-color: #033cdd;
}

.xcx .x_why {
   padding: 80px 13% 0;
   background: #f7fbfe;
}
.xcx .x_why ._why {
   position: relative;
   background: #fff;
   padding: 22px 30px;
   margin-top: 50px;
   box-shadow: 0 0 25px rgba(0,0,0,0.08);
   border-radius: 5px;
}
.xcx .x_why ._why::before {
   content: '';
   display: block;
   position: absolute;
   top: -13px;
   right: 0;
   left: 0;
   width: 0;
   height: 0;
   margin: 0 auto;
   border: 13px solid transparent;
   border-top: none;
   border-bottom-color: #fff;
   z-index: 9;
}
.xcx .x_why ._box {
   padding: 130px 0 0;
   position: relative;
}
.xcx .x_why ._box ._photo {
   position: absolute;
   bottom: 0;
   width: 100%;
}
.xcx .x_why ._box li {
   position: absolute;
}
.xcx .x_why ._box li.one {
   left: -100px;
   bottom: 30px;
}
.xcx .x_why ._box li.two {
   left: -40px;
   bottom: 183px;
}
.xcx .x_why ._box li.three {
   left: 505px;
   bottom: 243px;
}
.xcx .x_why ._box li.four {
   left: 805px;
   bottom: 133px;
}
.xcx .x_why ._box li.five {
   left: 0;
   right: -960px;
   bottom: 30px;
}
.xcx .x_why ._box li span {
   position: relative;
   display: inline-block;
   background: #fff;
   width: 260px;
   border-radius: 5px;
   box-shadow: 0 0 25px rgba(0,0,0,0.08);
   padding: 21px 0 20px;
   margin-right: 16px;
}
.xcx .x_why ._box li span::after {
   content: '';
   display: block;
   position: absolute;
   top: 35%;
   right: -9px;
   width: 0;
   height: 0;
   border: 9px solid transparent;
   border-right: none;
   border-left-color: #fff;
   z-index: 9;
}
.xcx .x_why ._box li.three span {
   margin-right: 0;
   margin-left: 16px;
}
.xcx .x_why ._box li.three span::after {
   right: 0;
   left: -9px;
   border-right: 9px solid #fff;
   border-left: none;
   border-left-color: none;
}

.xcx .x_td {
   padding: 80px 13% 70px;
   background: #fff;
}
.xcx .x_td ul {
   padding-top: 50px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.xcx .x_td li {
   width: 32%;
   margin-bottom: 2%;
   background: #f7fbfe;
}
.xcx .x_td li:nth-child(2n) {
   background: #ebf6ff;
}
.xcx .x_td li ._pic {
   height: 217px;
   overflow: hidden;
}
.xcx .x_td li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.xcx .x_td li ._desc {
   padding: 30px 15px;
}
.xcx .x_td li ._desc h3 {
   font-weight: normal;
   font-size: 24px;
   padding-bottom: 14px;
}
.xcx .x_td li ._desc p {
   color: #777;
   padding: 5px 0;
}

.xcx .x_ly {
   padding: 80px 14% 60px;
   background: #f7fbfe;
}
.xcx .x_ly ul {
   padding-top: 50px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.xcx .x_ly li {
   width: 20%;
   margin-bottom: 4%;
}
.xcx .x_ly li h3 {
   font-weight: normal;
   font-size: 16px;
   margin-top: 18px;
}
.xcx .x_ly li img {
   border-radius: 102px;
}

.xcx .x_zj {
   padding: 90px 0 0;
}
.xcx .x_zj ._list {
   margin-top: 50px;
   background: #2c2c2e;
}
.xcx .x_zj ul {
   padding: 0 14%;
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   align-items: center;
}
.xcx .x_zj li {
   position: relative;
   width: 25%;
   height: 432px;
   overflow: hidden;
}
.xcx .x_zj li>img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.xcx .x_zj li ._box {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: all 0.5s;
   padding: 165px 0 30px;
}
.xcx .x_zj li ._box h2 {
   font-size: 23px;
   padding-top: 25px;
}
.xcx .x_zj li ._box span {
   display: inline-block;
   position: relative;
   padding-bottom: 20px;
}
.xcx .x_zj li ._box span::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   width: 22px;
   margin: 0 auto;
   border-bottom: 3px solid #fff;
}
.xcx .x_zj li:hover ._box {
   padding: 60px 0 30px;
   background: #033cdd;
}
.xcx .x_zj li ._desc {
   position: absolute;
   top: 100%;
   width: 100%;
   padding: 0 10%;
   margin: 0 auto;
   transition: all 0.5s;
   opacity: 0;
}
.xcx .x_zj li ._desc p {
   padding-top: 12px;
}
.xcx .x_zj li:hover ._desc {
   top: 43%;
   opacity: 1;
}

.xcx .x_cp {
   padding: 80px 14% 100px;
   background: #f7fbfe;
}
.xcx .x_cp .hd {
   padding-top: 50px;
}
.xcx .x_cp .hd li {
   display: inline-block;
   border: 1px solid #dfe3e5;
   border-radius: 50px;
   padding: 11px 55px;
   background: #fff;
   margin: 0 10px;
   cursor: pointer;
   transition: all .5s;
}
.xcx .x_cp .hd li:hover,
.xcx .x_cp .hd li.on {
   background: #033cdd;
   border-color: #033cdd;
   color: #fff;
}
.xcx .x_cp .bd {
   padding-top: 50px !important;
}
.xcx .x_cp .bd ul {
   overflow: hidden;
}
.xcx .x_cp .bd ul ._left {
   padding-top: 7%;
   width: 65%;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.xcx .x_cp .bd ul ._left dl {
   width: 30%;
   margin-bottom: 8%;
   cursor: pointer;
}
.xcx .x_cp .bd ul ._left dt {
   width: 120px;
   height: 120px;
   border: 1px solid #dfe3e5;
   background: #fff;
   margin: 0 auto;
   line-height: 120px;
   border-radius: 120px;
   overflow: hidden;
}
.xcx .x_cp .bd ul ._left h3 {
   font-size: 16px;
   font-weight: normal;
   padding: 20px 0 8px;
}
.xcx .x_cp .bd ul ._left dd {
   color: #888;
}
.xcx .x_cp .bd ul ._left dl:hover h3 {
   color: #033cdd;
}
.xcx .x_cp .bd ul ._right {
   width: 28%;
}
.xcx .x_cp .bd ul ._right img {
   max-width: 100%;
}

.xcx .x_lc {
   padding: 80px 14% 100px;
   background: url(/images/xcx/bg.jpg) center no-repeat;
}
.xcx .x_lc .main_title {
   color: #fff !important;
}
.xcx .x_lc ul {
   padding-top: 50px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.xcx .x_lc li {
   width: 19%;
   height: 330px;
   padding-top: 38px;
   border-radius: 5px;
   border: 1px dotted rgba(255,255,255,0.7);
}
.xcx .x_lc li span {
   display: block;
   width: 90px;
   height: 90px;
   border: 1px solid #fff;
   border-radius: 90px;
   line-height: 90px;
   margin: 0 auto;
   transition: all 0.5s;
}
.xcx .x_lc li span img {
   max-width: 50%;
}
.xcx .x_lc li h3 {
   font-size: 20px;
   font-weight: normal;
   padding: 22px 0 6px;
}
.xcx .x_lc li p {
   text-align: left;
   padding-left: 32%;
}
.xcx .x_lc li i {
   display: inline-block;
   vertical-align: 1px;
   margin-right: 6px;
   font-size: 12px;
}
.xcx .x_lc li:hover span {
   background: #033cdd;
   border-color: #033cdd;
}
.xcx .x_lc li a {
   display: block;
   background: #033cdd;
   color: #fff;
   margin: 30px 40px;
   padding: 4px 0 3px;
   font-size: 15px;
   border-radius: 50px;
}
.xcx .x_lc em {
   width: 8%;
}
.xcx .x_lc em img {
   max-width: 60%;
}
.xcx .x_lc ul div {
   padding: 25px 95px 25px 0;
   width: 100%;
   text-align: right;
}
.xcx .x_lc div img {
   max-height: 35px;
}

.xcx .x_al {
   padding: 80px 13%;
}
.xcx .x_al .photo {
   padding-top: 40px;
}
.xcx .x_al .photo li {
   width: 32%;
}
.xcx .x_al .photo ._apic {
   height: 280px;
}
.xcx .x_al .photo ._atitle {
   background: #f5f5f5;
   padding: 17px 0;
}
.xcx .x_al .more {
   padding-top: 15px;
}
.xcx .x_al .more a {
   display: inline-block;
   color: #033cdd;
   border: 1px solid #033cdd;
   border-radius: 50px;
   padding: 12px 35px 11px;
}
.xcx .x_al .more a:hover {
   background: #033cdd;
   color: #fff;
}

/* web */
.web {
   padding: 0;
}
.web .w_box {
   padding: 80px 14%;
}
.web .w_box:nth-child(2n) {
   background: #f7fbfe;
}
.web .w_cn {
   padding-top: 50px;
   overflow: hidden;
}
.web .w_pic {
   width: 50%;
   height: 438px;
   overflow: hidden;
}
.web .w_pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.web .w_desc {
   padding: 60px 50px;
   width: 50%;
   height: 438px;
   overflow: hidden;
   border: 1px solid #eee;
   background: #fff;
}
.web .w_desc h2 {
   position: relative;
   font-weight: normal;
   font-size: 23px;
   padding-bottom: 18px;
}
.web .w_desc h2::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 23px;
   border-bottom: 3px solid #033cdd;
}
.web .w_desc ._des {
   color: #878787;
   padding: 20px 0 30px;
}
.web .w_desc a {
   display: block;
   width: 150px;
   color: #033cdd;
   border: 1px solid #033cdd;
   padding: 12px 0 11px;
   font-size: 14px;
   text-align: center;
}
.web .w_desc a:hover {
   background: #033cdd;
   color: #fff;
}

/* newslist */
.newslist {
   padding: 0 0 80px;
}
.newslist ._pos {
   background: #f7f8f9;
   padding: 32px 14% 30px;
   color: #b5bac5;
}
.newslist ._pos a {
   color: #b5bac5;
}
.newslist ._pos a:hover {
   color: #033cdd;
}
.newslist ._pos i {
   margin: 0 3px;
}
.newslist ._pos i.fa-map-marker {
   margin-left: 0;
}
.newslist ._list {
   padding-bottom: 30px;
}
.newslist ._list li {
   position: relative;
   border-bottom: 1px solid #f7f8f9;
}
.newslist ._list li::after {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   opacity: 0;
   border-bottom: 2px solid #033cdd;
   transition: all 1s;
}
.newslist ._list li:hover::after {
   width: 100%;
   opacity: 1;
}
.newslist ._list li:nth-child(2n) {
   background: #f7f8f9;
}
.newslist ._list li a {
   padding: 45px 14%;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: top;
   color: #333;
}
.newslist ._list li a:hover {
   color: #033cdd;
}
.newslist ._list li ._box {
   width: 70%;
   padding-top: 15px;
}
.newslist ._list li ._box p {
   font-size: 14px;
   color: #a1a6b5;
}
.newslist ._list li ._box h2 {
   font-size: 21px;
   padding: 13px 0 25px;
   position: relative;
}
.newslist ._list li ._box h2::after {
   content: '';
   display: block;
   position: absolute;
   left: 1px;
   bottom: 0;
   width: 30px;
   border-bottom: 2px solid #033cdd;
}
.newslist ._list li ._box span {
   display: block;
   padding-top: 22px;
   font-size: 14px;
   line-height: 26px;
   color: #989eab
}
.newslist ._list li ._pic {
   width: 23%;
   background: #fff;
   overflow: hidden;
   border-radius: 5px;
}
.newslist ._list li ._pic img {
   width: 100%;
}


/* photo */
.chanpin {
   padding: 0 5% 80px;
   background: #f7fbfe;
}
.chanpin .c_box {
   position: relative;
   z-index: 99;
   margin-top: -36px;
   background: #fff;
   border-radius: 5px;
   overflow: hidden;
   box-shadow: 0 0 25px rgba(0,0,0,0.08);
}
.chanpin .c_nav {
   overflow: hidden;
}
.chanpin .c_nav li {
   width: 50%;
   float: left;
   border-right: 1px solid #eef0f1;
}
.chanpin .c_nav li:last-child {
   border: none;
}
.chanpin .c_nav li a {
   display: block;
   padding: 28px 0 25px;
   color: #636c78;
   background: #f9f9f9;
}
.chanpin .c_nav li a:hover,
.chanpin .c_nav li a.on {
   background: #033cdd;
   color: #fff;
}
.chanpin .c_nav li i {
   font-size: 18px;
}

.chanpin .c_main {
   padding: 50px 3.5%;
   overflow: hidden;
}
.chanpin .hd {
   width: 23%;
}
.chanpin .hd li {
   background: #f9f9f9;
   color: #333;
   margin-bottom: 15px;
   padding: 26px 25px 25px;
   border-radius: 5px;
   cursor: pointer;
   transition: all 0.3s;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.chanpin .hd li.on,
.chanpin .hd li:hover {
   background: #033cdd;
   color: #fff;
}
.chanpin .hd li span {
   color: #d1d1d1;
   display: inline-block;
   vertical-align: -3px;
   font-size: 27px;
   margin-right: 15px;
   transition: all 0.3s;
}
.chanpin .hd li.on span,
.chanpin .hd li:hover span {
   color: #fff;
}
.chanpin .bd {
   width: 75%;
   border-radius: 5px;
   background: #f9f9f9;
}
.chanpin .bd ul {
   padding: 45px 40px;
}
.chanpin .bd ._top {
   overflow: hidden;
}
.chanpin .bd ._pic {
   width: 41%;
   overflow: hidden;
}
.chanpin .bd ._pic img {
   width: 100%;
}
.chanpin .bd ._desc {
   width: 54%;
   padding-bottom: 25px;
   background: url(/images/c.png) left bottom no-repeat;
}
.chanpin .bd ._desc h2 {
   font-size: 30px;
   padding-top: 50px;
}
.chanpin .bd ._desc span {
   padding-top: 15px;
   display: block;
   color: #666;
   line-height: 25px;
}
.chanpin .bd .cols_desc {
   padding: 50px 0;
}
.photo {
   padding-top: 10px;
}
.photo h3 {
   font-size: 22px;
   margin-bottom: 25px;
   color: #033cdd;
}
.photo ul {
   padding: 0 !important;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   text-align: center;
   font-size: 16px;
}
.photo li {
   width: 31.5%;
   background: #fff;
   margin-bottom: 3%;
   border-radius: 2px;
   overflow: hidden;
   padding: 8px;
   transition: all 0.5s;
}
.photo li:last-child:nth-child(3n - 1) {
   margin-right: calc(31.5% + 5.5% / 2);
}
.photo li:last-child:nth-child(3n - 2) {
   margin-right: calc(63% + 11% / 2);
}
.photo li ._apic {
   height: 220px;
   overflow: hidden;
}
.photo li ._apic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.photo li ._atitle {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #4b5d7c;
   padding: 17px 0 10px;
}
.photo li:hover ._atitle {
   color: #033cdd;
}
.photo li:hover {
   box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.case {
   border-bottom: 1px solid #eee;
   padding-bottom: 15px;
   margin-bottom: 15px;
}
.case li {
   padding: 10px;
}
.case li ._apic {
   height: 280px;
   overflow: hidden;
}
.case li ._atitle {
   padding: 19px 0;
   background: #f5f5f5;
}
.chanpin .c_main .info_box {
   padding-top: 20px;
}

/* info */
.info_box {
   padding: 70px 0 0;
}
.info_box .info_t {
   border-bottom: 1px solid #eee;
   padding-bottom: 35px;
}
.info_box .info_t h3 {
   color: #033cdd;
   font-size: 30px;
}
.info_box .info_t span {
   display: block;
   color: #a9afb7;
   padding: 25px 0 0;
}
.info_box .info_t span i {
   display: inline-block;
   margin: 0 6px 0 10px;
   font-size: 14px;
}
.info_box .info_t span a {
   cursor: pointer;
   display: inline-block;
   margin: 0 3px;
}
.info_box .cols_desc {
   padding: 35px 14%;
}


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

.n_next {
   border-top: 1px solid #eee;
   overflow: hidden;
   padding: 25px 14% 0;
}
.n_next a {
   display: block;
   color: #a9afb7;
   padding: 8px 0;
   margin-left: -7px;
}
.n_next a:hover {
   color: #033cdd !important;
}


/* message */
.apply {
   display: none;
   width: 90%;
   padding: 2.5% 0 4.5%;
   margin: 0 auto;
}
.apply li {
   margin: 12px 0;
}
.apply li input,
.apply li textarea {
   width: 100%;
   border: 1px solid #ddd;
   padding: 12px 13px;
   font-size: 15px;
}
.apply li textarea {
   height: 80px;
}
.apply li button {
   background: #d30006;
   color: #fff;
   border-radius: 3px;
   line-height: 43px;
   width: 100%;
   border: none;
   font-size: 15px;
   cursor: pointer;
   transition: all .3s linear 0s;
}
.apply li button:hover {
   background: #ec0007;
   box-shadow: 0 5px 10px #ccc;
}
.apply li input.code {
   width: 55%;
   margin: 3px 0 5px;
}
.apply li img {
   display: inline-block;
   vertical-align: -18px;
   cursor: pointer;
   margin-left: 8px;
}


/* footer */
.footer {
   width: 100%;
   background: #313243
}
.footer .foot_top {
   padding: 26px 0 25px;
   background: #2c2d3f;
   border-bottom: 1px solid #3b3d4c;
}
.footer .foot_top ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.footer .foot_top li {
   color: #fff;
}
.footer .foot_top li i {
   margin-right: 6px;
}
.footer .foot_top li img {
   width: 32px;
}
.footer .foot {
   padding: 70px 0 80px;
   overflow: hidden;
}
.footer .foot_lx {
   width: 35%;
}
.footer .foot_lx span {
   display: block;
   font-size: 17px;
   margin-bottom: 19px;
}
.footer .foot_lx span i {
   margin-right: 4px;
   display: inline-block;
   vertical-align: 1px;
}
.footer .foot_lx h3 {
   font-size: 32px;
   font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
   padding: 0 0 10px 22px;
   font-weight: normal;
   letter-spacing: 1px;
}
.footer .foot_lx span.y {
   font-size: 14px;
   margin-top: 13px;
   color: #8d92a1;
   margin-left: -1px;
   margin-bottom: 0;
}
.footer .foot_lx a {
   display: inline-block;
   color: #8d92a1;
   border: 1px dashed #8d92a1;
   margin: 40px 10px 0 0;
   padding: 12px 0;
   width: 130px;
   font-size: 14px;
   text-align: center;
}
.footer .foot_lx a i {
   display: inline-block;
   margin: 0 3px 0 -2px;
}
.footer .foot_lx a:hover {
   color: #fff;
   border-color: #fff;
}

.footer .foot_nav {
   width: 32%;
   padding-top: 1px;
   overflow: hidden;
}
.footer .foot_nav dl {
   float: left;
   margin-right: 28%;
}
.footer .foot_nav dl:last-child {
   margin: 0;
}
.footer .foot_nav dt {
   font-size: 18px;
   padding-bottom: 20px;
   margin-bottom: 18px;
   position: relative;
}
.footer .foot_nav dt::after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 23px;
   border-bottom: 2px solid #033cdd;
}
.footer .foot_nav dd a {
   color: #8d92a1;
   display: block;
   padding: 10px 0;
}
.footer .foot_nav dd a:hover {
   color: #fff;
}

.footer .foot_ly {
   width: 33%;
   padding-top: 1px;
}
.footer .foot_ly h3 {
   font-weight: normal;
   font-size: 18px;
}
.footer .foot_ly h3 i {
   margin-right: 10px;
}
.footer .foot_ly ul {
   padding-top: 18px;
   overflow: hidden;
}
.footer .foot_ly li {
   margin-bottom: 8px;
   width: 49%;
   float: left;
}
.footer .foot_ly li.t {
   float: right;
}
.footer .foot_ly li input,
.footer .foot_ly li textarea {
   border: none;
   background: #272934;
   width: 100%;
   display: block;
   padding: 14px 13px;
   border-radius: 3px;
   color: #fff;
   font-size: 14px;
}
.footer .foot_ly li textarea {
   height: 157px;
}
.footer .foot_ly li:last-child {
   width: 100%;
   margin-top: 5px;
}
.footer .foot_ly li button {
   float: right;
   border: none;
   background: #033cdd;
   color: #fff;
   padding: 11px 30px;
   border-radius: 3px;
   cursor: pointer;
   font-size: 14px;
   letter-spacing: 1px;
   transition: all 0.5s;
}
.footer .foot_ly li button:hover {
   background: #1a31bb;
}
.footer .copy {
   padding: 30px 0 50px;
   color: #787e8f;
   border-top: 1px solid #3b3d4c;
}
.footer .copy a {
   color: #787e8f;
}
.footer .copy a:hover {
   color: #fff;
}
.footer .copy p,
.footer .copy p a {
   color: #616674;
}


.lay_wx {
   width: 268px;
   height: 268px;
   background-color: #fff;
}
.lay_gr {
   width: 300px;
   height: 383px;
   background-color: #fff;
}
.lay_wx img {
   width: 100%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #8d92a1;
   font-size: 14px;
}
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 #033cdd solid;
   color: #033cdd;
   padding: 3px 0 4px;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #033cdd;
   background-color: #033cdd;
}