/* 秀站网 精品与原创织梦模板提供商，一站式建站 */
/* 主营业务：快速建站、快排、高权重域名、海外服务器 */
/* 模板建站：Www.Xiuzhanwang.Com */
/* 主机/服务器：Www.xiuzhanyun.Com */
/* 域名抢注：Www.xiuzhanmi.Com */
/* QQ：2361928288  835971066 */

* {
box-sizing: border-box !important;
font-family: 'Poppins','Microsoft YaHei', sans-serif !important;
word-break:normal !important;
word-wrap: normal !important;
}
body,
html {
overflow-x: hidden !important;
}
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track {
background: #d7d7d7;
border-radius: 6px;
}
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 6px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #666;
font-size:14px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #666;
font-size:14px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #666;
font-size:14px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #666;
font-size:14px;
}
/*Font_Css*/
@import url('https://fonts.font.im/css?family=Poppins:300,400,500,600,700');
@font-face {
font-family: 'yx_iconfont';  /* Project id 3400962 */
src: url('//at.alicdn.com/t/font_3400962_eltbppmq1xg.woff2?t=1652614990696') format('woff2'),
   url('//at.alicdn.com/t/font_3400962_eltbppmq1xg.woff?t=1652614990696') format('woff'),
   url('//at.alicdn.com/t/font_3400962_eltbppmq1xg.ttf?t=1652614990696') format('truetype'),
   url('//at.alicdn.com/t/font_3400962_eltbppmq1xg.svg?t=1652614990696#yx_iconfont') format('svg');
}
.yx_iconfont{
font-family: 'yx_iconfont' !important;
}
:root {
--yx_FS72: 72px;
--yx_FS60: 60px;
--yx_FS54: 54px;
--yx_FS48: 48px;
--yx_FS45: 45px;
--yx_FS42: 40px;
--yx_FS38: 38px;
--yx_FS36: 36px;
--yx_FS30: 30px;
--yx_FS28: 28px;
--yx_FS24: 24px;
--yx_FS22: 20px;
--yx_FS18: 18px;
--yx_FS16: 16px;
--yx_FS14: 14px;
--yx_Color:#c4261d;
--yx_CTwo:#212121;
--yx_Grad:linear-gradient(to bottom,#c4261d,#C20A0D);;
}
h1 span {
font-size: var(--yx_FS60) !important;
}
h3 span {
font-size: var(--yx_FS42) !important;
}
h4 span {
font-size: var(--yx_FS24) !important;
}
h5 span {
font-size: var(--yx_FS18) !important;
}
h6 span {
font-size: var(--yx_FS16) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal !important;
}
/*end*/
a:active,
a:hover,
a:focus,
a:visited{
outline: none !important;
text-decoration: none;
}
a {
cursor: pointer;
}
i {
font-style: normal;
}
/*yx_Css*/
.yx_Hide{
	display: none !important;
}
.yx_Width{
width:94%;
padding-left:10px !important;
padding-right:10px !important;
max-width:1720px;
margin-left:auto !important;
margin-right:auto !important;
}
.yx_Clear:before,
.yx_Clear:after {
display: table;
clear: both;
content: "";
}
.yx_flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.yx_flexWrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
flex-wrap: wrap;
}
.yx_flexJB {
-webkit-box-pack: justify;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.yx_flexJA {
-webkit-box-pack: justify;
-moz-justify-content: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.yx_flexJE {
-webkit-box-pack: end;
-moz-justify-content: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.yx_flexJC {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.yx_flexAE {
-webkit-align-items: flex-end;
align-items: flex-end;
-moz-align-items: flex-end;
-webkit-align-items: flex-end;
}
.yx_flexAC {
-webkit-box-align: center;
-moz-align-items: center;
-webkit-align-items: center;
align-items: center;
}
.yx_ImgContain,
.yx_ImgCover {
position: relative;
height: 0;
overflow: hidden;
}
.yx_ImgContain img {
position: absolute;
max-height: 100%;
max-width: 100%;
top: 50%;
left: 50%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
transition: all 0.6s;
}
.yx_ImgCover img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.6s;
}
.yx_Title {
display: block;
overflow: hidden;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: nowrap;
}
.yx_Summary {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.yx_More {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*end*/


@media only screen and (max-width:1440px){
:root {
--yx_FS72: 54px;
--yx_FS60: 48px;
--yx_FS54: 42px;
--yx_FS48: 45px;
--yx_FS45: 42px;
--yx_FS42: 38px;
--yx_FS38: 30px;
--yx_FS36: 28px;
--yx_FS30: 26px;
--yx_FS28: 24px;
--yx_FS24: 22px;
--yx_FS22: 18px;
--yx_FS18: 16px;
--yx_FS16: 14px;
}
	nav ul a{
		
			padding: 0 2vw !important;
	}
}
@media only screen and (max-width:1366px){
:root {
--yx_FS72: 42px;
--yx_FS60: 45px;
--yx_FS54: 42px;
--yx_FS48: 45px;
--yx_FS45: 38px;
--yx_FS42: 36px;
--yx_FS38: 28px;
--yx_FS36: 26px;
--yx_FS30: 24px;
--yx_FS28: 22px;
--yx_FS24: 20px;
--yx_FS22: 16px;
--yx_FS18:16px;
--yx_FS16:14px;
--yx_FS14:12px;
}
}
@media only screen and (min-width:1025px) {
.yx_List4 {
display: block;
width: calc((100% - (var(--yx_FS18)*3)) / 4) !important;
margin-right: var(--yx_FS18) !important;
margin-bottom: var(--yx_FS18) !important;
}
.yx_List4:nth-child(4n) {
margin-right: 0 !important;
}
.yx_List3 {
display: block;
width: calc((100% - (var(--yx_FS48)*2)) / 3) !important;
margin-right: var(--yx_FS48) !important;
margin-bottom: var(--yx_FS48) !important;
}
.yx_List3:nth-child(3n) {
margin-right: 0 !important;
}
.p_problemCategory{
display:none ;
}
}
/*pad*/
@media only screen and (min-width:769px) and (max-width:1024px){
.yx_List4 {
display: block;
width: calc((100% - (var(--yx_FS24)*2)) / 3) !important;
margin-right: var(--yx_FS24) !important;
margin-bottom: var(--yx_FS24) !important;
}
.yx_List4:nth-child(3n) {
margin-right: 0 !important;
}
.yx_List3 {
display: block;
width: calc((100% - (var(--yx_FS30)*2)) / 3) !important;
margin-right: var(--yx_FS30) !important;
margin-bottom: var(--yx_FS30) !important;
}
.yx_List3:nth-child(3n) {
margin-right: 0 !important;
}
.p_problemCategory{
display:none ;
}
}
/*phone*/
@media only screen and (max-width:768px) {

.yx_List3 {
display: block;
width: 100% !important;
margin-right: 0px !important;
margin-bottom: 18px !important;
}
.yx_List4 {
display: block;
width: calc((100% - 10px) / 2) !important;
margin-right: 10px !important;
margin-bottom: 10px !important;
}
.yx_List4:nth-child(2n) {
margin-right: 0 !important;
}
:root {
--yx_FS72: 36px;
--yx_FS60: 42px;
--yx_FS54: 38px;
--yx_FS48: 32px;
--yx_FS42: 28px;
--yx_FS30: 20px;
}
}
/*end*/
@keyframes yx_ZoomOut {
0% {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
}
@keyframes w1 {
0% {
width: 0;
}
100% {
width:100%;
}
}
@keyframes w2 {
0% {
width: 0;
}
100% {
width: 70%;
}
}



._newsHot.hot2 .L .li .info .title, ._newsHot.hot2 .R li .title {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.loading span, .loading:before {
left: 0;
width: 100%;
position: absolute;
}
._PageTurningNumber, ._PageTurningNumber span input, ._case.case1 ul li .title, ._case.video_list ul li .name, ._pageTitleTab, ._pageTitleTab a, ._sub_title, ._toast, .backTop, .loading b, .tipsMsg {
text-align: center;
}
._breadcrumb .target_pos a:after, ._case.video_list ul li .play:after, ._contact_box ._fr ul li .icon:after, ._history.history1 ul li .history_year:after, ._news.news1 ul li:after, ._news.news2 ul li .news2_des b:after, ._news.news5 ul li:after, ._toast span::before, .loading:before, .sub_nav a:after {
content: '';
}
*, ._toast p {
box-sizing: border-box;
}
a, a:hover {
color: inherit;
}
._toast span, .loading b, .tipsMsg {
line-height: 30px;
}
* {
margin: 0;
padding: 0;
}
.hide {
display: none;
}
._w1200::after {
width: 100%;
height: 1px;
clear: both;
display: block;
content: '';
}
._w1200, ._w1300, ._w1400, ._w1500, ._w1600 {
height: auto;
position: relative;
margin: auto;
}
@font-face {
font-family: templateIcon;
src: url("../fonts/font_973178_r1as70jeql9.eot");
src: url("../fonts/font_973178_r1as70jeql9.eot") format('embedded-opentype'), url(../fonts/font_973178_r1as70jeql9.woff2) format('woff2'), url(../fonts/font_973178_r1as70jeql9.woff) format('woff'), url(../fonts/font_973178_r1as70jeql9.ttf) format('truetype'), url(../fonts/font_973178_r1as70jeql9.svg#iconfont) format('svg');
}
.over {
overflow: hidden;
}
._templateIcon {
font-family: templateIcon;
font-style: inherit;
}
._clear::after {
content: '';
position: relative;
display: block;
clear: both;
}
img {
display: block;
max-width: 100%;
}
body, html {
font-family: 'Poppins','Microsoft YaHei', sans-serif !important;
font-size: 14px;
color: #3e3e3e;
width: 100%;
}
@font-face {
font-family: icon;
src: url("../fonts/font_886941_qkf75od3pd9.eot");
src: url("../fonts/font_886941_qkf75od3pd9.eot") format('embedded-opentype'), url(../fonts/font_886941_qkf75od3pd9.woff) format('woff'), url(../fonts/font_886941_qkf75od3pd9.ttf) format('truetype'), url(../fonts/font_886941_qkf75od3pd9.svg#iconfont) format('svg');
}
input, textarea {
word-wrap: break-word;
word-break: break-all;
font-size: 14px;
}
a {
text-decoration: none;
}
._menu.menu3 .list a.active, ._menu.menu3 .list ul li a:hover {
text-decoration: underline;
opacity: 1;
}
._iconfont {
font-family: iconfont;
font-style: initial;
}
:focus {
outline: 0;
}
li, ul {
list-style: none;
}
nav {
width: 100%;
position: fixed;
top: 0;
padding: 0 2%;
color: white;
transition: all linear .5s;
z-index: 9999;
background: rgba(0,0,0,0.75);
}
.navActive {
background: rgba(0,0,0,0.75);
color: white;
top:-40px;
box-shadow: 0 0 4px 1px rgba(0,0,0,.26);
}
nav .logo {
width: 31%;
max-width:524px;
height: auto;
}
nav .logo a{

	display: inline-block;
width: 100%; 
}
nav .logo img {
width: 100%;
height: auto;
}
.nav-right {
width: calc(97% - 161px);
display: flex;
justify-content: flex-end;
align-content: center;

}
.pd100 {
padding-bottom: 110px;
}
nav ul {
height: 70px;
top: 0;
right: 30px;
position: relative;
display: inline-block;
transition: all linear.2s;
}
.navUlactice {
margin-right: 200px;
}
nav ul a {
line-height: 70px;
list-style: none;
display: inline-block;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
padding: 0 3rem;
cursor: pointer;
}
@media only screen and (max-width:1440px){
.nav ul a{

		padding:0 2rem;
}
}
nav .hover-layout {
position: absolute;
bottom: 30px;
height: 4px;
background: #fff;
width: auto;
transition: ease .5s;
}
nav .imessage {
display: inline-block;
width: var(--yx_FS60);
height: var(--yx_FS60);
position: relative;
}

nav .imessage .search{
width: 100%;
height: 100%;
}

.d6 form {
height: 42px;
}
.d6 input {
height: 50%;
width: 0;
padding: 0 42px 0 15px;
border: 0;
border-bottom: 2px solid transparent;
outline: 0;
background: 0 0;
transition: .4s cubic-bezier(0, .8, 0, 1);
position: absolute;
top: 25px;
right: 0;
z-index: 2;
cursor: pointer;
color: white;
}
.d6 input:focus {
width: 300px;
z-index: 1;
border-bottom: 2px solid #f9f0da;
}
.d6 img {
border: 0;
position: absolute;
top: 50%;
right: 50%;
width: 40%;
cursor: pointer;
transform: translate(-50%, -50%);
}
footer {
width: 100%;
height: 100%;
background: #03142e;
padding: 35px 0px;
overflow: hidden;
}
footer .left {
width: 48%;
display: block;
position: relative;
float: left;
}
footer .left .logo {
width: 60%;
max-width: 524px;
height: 100%;
padding-bottom: 25px;
}
footer .left .text {
color: #ffffff;
opacity: .7;
font-size: 15px;
line-height: 2;
}
footer .left .text p img{
display: inline;
}
footer .right {
width: 50%;
display: block;
position: relative;
float: right;
}
footer .right .nav {
border-bottom: 1px solid rgba(255,255,255,.1);
color: rgba(255,255,255,.7);
float: right;
}
footer .right .nav ul li {
list-style: none;
display: inline-block;
padding-left: 10px;
margin: 15px 0;
font-size: 16px;
}
footer .right .text {
width: 100%;
float: right;
text-align: right;
color: white;
margin-top: 38px;
}
footer .right .text .phone {
font-size: 40px;
padding-bottom: 20px;
font-family: akrobatblack;
}
footer .right .text img {
margin-top: 16px;
float: right;
}
footer .wechat {
cursor: pointer;
}
footer .QRcode {
position: absolute;
right: -30px;
bottom: 60px;
width: 150px;
height: 150px;
display: none;
transition: all linear 1s;
}
footer .QRcode img {
width: 100%;
height: 100%;
}
footer .wechatHover:hover .QRcode {
display: block;
}
footer .tips {
width: 100%;
color: #ffffff;
opacity: .3;
font-size: 12px;
float: left;
margin-top: 25px;
}
footer .tips p:nth-child(1) {
text-align: left;
display: inline-block;
}
footer .tips p:nth-child(2) {
text-align: right;
float: right;
}
button, input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: none;
font-size: 12px;
}
::selection {
background: #0f0f22;
color: #fff;
}
textarea {
-webkit-appearance: none;
}
.animate {
transition: all .5s cubic-bezier(.25, 0, 0, 1);
-webkit-transition: all .5s cubic-bezier(.25, 0, 0, 1);
-moz-transition: all .5s cubic-bezier(.25, 0, 0, 1);
-ms-transition: all .5s cubic-bezier(.25, 0, 0, 1);
-o-transition: all .5s cubic-bezier(.25, 0, 0, 1);
}
button {
outline: 0;
}
address {
font-style: initial;
}
._hide {
display: none;
}
._show, .loading b, .loading span {
display: block;
}
._fl {
float: left;
}
._fr {
float: right;
}
._h100vh {
height: 100vh;
}
._w1200 {
width: 94%;
max-width: 1520px;
margin:0 auto;
padding: 0 10px;
}
._w1300 {
width: 1300px;
}
._w1400 {
width: 1400px;
}
._w1500 {
width: 1500px;
}
._w1600 {
width: 1600px;
}
._p03 {
padding: 0 3%;
}
._p05 {
padding: 0 5%;
}
._p07 {
padding: 0 7%;
}
._p010 {
padding: 0 10%;
}
.loading {
width: 100%;
height: 10px;
position: fixed;
left: 0;
top: calc(50% - 5px);
}
.loading:before {
height: 1px;
background: #3e3e3e;
opacity: .5;
top: 50%;
}
.lightBox, .loading.active {
opacity: 0;
visibility: hidden;
}
.loading span {
height: 2px;
top: 4px;
background: #e5bf8e;
}
.loading b {
width: 100px;
height: 30px;
position: absolute;
left: 50%;
margin-left: -50px;
top: -30px;
font-size: 24px;
}
._toast, .lightBox, .tipsMsg {
position: fixed;
}
.lightBox {
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,.8);
z-index: 1000;
transition: all .5s cubic-bezier(.23, 1, .32, 1);
}
.lightBox.active {
opacity: 1;
visibility: visible;
}
.tipsMsg {
width: 60%;
height: auto;
left: 20%;
background: rgba(225,0,0,.8);
color: #fff;
font-size: 1.2rem;
bottom: -45px;
border-radius: 30px;
-webkit-transition-duration: .5s;
transition-duration: .5s;
}
.tipsMsg.active {
bottom: 10px;
}
._toast {
width: 100%;
height: 50px;
left: 0;
top: 50%;
margin-top: -25px;
z-index: 500;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
._toast p {
display: inline-block;
border-radius: 5px;
background-color: #fff;
color: #222;
padding: 10px 20px;
border: 1px solid #222;
box-shadow: 0 0 5px rgba(55,55,55,.2);
}
._toast span::before {
position: absolute;
width: 24px;
height: 24px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
top: 50%;
margin-top: -12px;
left: 0;
}
._toast.success span::before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD3ElEQVRoQ9WaXW7aQBDHZ2yHVmqB9ASlJyh5rKoScoKSE4ScIPStCpZCJBL1Ldwg5ARNT8BHVfUxcIKQExSDIhUwO5UNpg628XptA8lj2J39/2ZmZ7+MEMVfo7KblCafUcIMEuSBKAOImSemiXqA2COEJjHqDdnODzio9MMOj8IGGpXdlKQfIVARELNCdog6DKAWBiYwwMvfXzOJiXyChEVA2BUSvtyJoE8S1MaKfvP3w7deEJuBAFI/1TNkUIpMuAfI4FP1nBeCC+DVr9OsouO1cKrwqrHaEXVGiekhTzR8AZLt06JE0lVsXveCI+gzhONhrnq7in8lgCkepOugDoyyPQN2PMxd1r1segJsg3hL9CoIV4BkWy1IAN+j9GRYWwzg0C2dHABGmXwxVu7WnvN+hAT9UULfW57YDoB0q3y3tmrjJ9pRZqmj7V/s2f/9BCDVUiuIcBbU7jrbE8H5YL9ascZcAGxt6rgsdvZUWgCkWmoNEU7W6U3RsexRmAE0KrtpSb/f8MTt6jIrPo4TvZQ8qSHgkScgQV9jyjtjN2sCpNrlEgJeiXokgn5dbark7dvrdLvcA8C3XrattcEE2HDlcYifO7W+OgqzioRm+sj6nwi8KGLCVbxZUCbKvZ9Bbaq8wQ1uGVzFz+bjpMGzFhmrM26o+oQWb0THqEaYbqtNANj3CxcQaQRYRwTj+Ojf3ttgJOLn5luYbpXvHQdwl8F1me09frzshKxaUYo3QtAzIkB+3iegm0HuomhvJzB3ohU/F8MFAABNLVc9WAYNABGLeEMPLwB4HSo4IGITHwjAaCwAEav4OcDqJXs5bQJAxC4egB74y6iNhANiDeJNQS3hhcwbQi0Mp0rTce8ZYIX1q4rW7+ZCxjEJPe35XXksOsYgfjYn4TD0Zs4XIibxBoC5mTO3023VWGHf84aOd2IH2ZgJjN3VctVsZAcaRyRi9Ly9pNuOlBPjASIt4IlFFyIoDZhy81rRszKjK54tsdB4RJrGdjKLI6W5QXvWh3oAmF2ryJ2wURDyaJBORNooMc1aN3TP72IL6Msgd1GzmJ1XiyErUhBnCrQ1K4+9n8fl7ham0lLqeEbA+OFZX69bZGG2GAKpsbJL4AeObYLw26pwPPKpBYmovvbySqQxxGKoRz4rEvObMuO1UHi/FDCtuqMdvRDJM6t9YPMBBKgUWzRmd081+wOGH7hvCi0bMD81GCvFSEHmwscJvc7j9ZXrgB+x/ZCSlMcFCaRSiNTqMmC14TRxK/rlSuAIuAIan9vIeh4JsoiQB6CM826fHgCwRwRNQui4Hju5vfe/4T8KykdZu9C3xgAAAABJRU5ErkJggg==");
}
._toast.success p {
color: #0fc27c;
border-color: #0fc27c;
}
._toast.error span::before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAF0ElEQVRoQ9WZW2wUZRTH/2dmv2mbIg8oAm1nudh2dy0ioASC8RIoihiNiegTMUFJTPAWL0FjMD4gwfuDBH1AjVFejJjwgCKxIphAkMaCYt3tRYs7hYooD9Ib8+3MMbN0m93tXr7Z3RKZt7bn8v9913O+Eq7wj65w/agoAAN6b51Y4ARwK4OmpQ8Oue4wk2Zp4N5mS3YQ4FRi8MoG6JuOmaPVgXUErZXBtxDRlKLCmEeY6FsCPnXi9p4WwC7qk8egJABvpLtM/R6Q/hiYV4NIK1UAAwPEvCVkyZ0EJPzG8Q3QPQsRNyA+A9ENfpMVsmdGjwZnU8hy9viJ6wsgFhRPM/AGgQw/SXza7saw/Uj4b1xQ8VMCsBpQM6QZnwBYqxK0XBtmdGtsrwj143SxWEUBeutgSl3sI6KWYsEq+XdmxKsS9m3zBvBHobgFAbyRHyRxjIjmV1Kcj1h9gYv2ssaz+CufT0GAmJncrA/5SFhxUwZ3hONyab4TKi9AzAxsBmlbKq6otIBvhuP2plyuOQGiQXETMdpBVHSPlKbHpxczM2FJJC5/zPacIJABrcsUx0G0wGeayTVn/jlkyUUEuBklSnbWWL2+Frr+uaoaZh4EoYdAi1R9PDsGHwejSan0GAvMzOsjlvy4IEDUFEeJaKmKGGYeDrhYadvyF71aHADREhU/MLc7o3KFYYj5jo7vAKpW8gNOheL2PPL4x76MJdRVhzAHjKhKMAbbOvOqZivxvWffOR1T9BqxH6Dlhf35iDMi72o5h0HPrjsYaHVAXyrf7o67Mnw6cSAnQCxovAbgBUWAjkBcLm8CLqbsL93Yoi0/BB+pdWWr2Y+RdJ9BTRxWXoLMH4YtuSEnQDRodBJwvQpA0ob5YC3LNdmCckL4sS0s4Pdw3L5uAkDvDFybqDLOKosfN8w9qkMkvgLRHSlQ3ZKr/c1WfiVVI/asuefwp2cxvgeiZuBOIm2/f4DkVGSsa+83PUCVY4qvGZABS96bLl59v+RWQ66zJtTv7MsEaBBPkkbvlgaQXE7JkyW1Ob04fXNQPecUHAJkKm5SvJ8TK4cgZvf5iJV4OwOgyzS2MuGlkgEu7YkJEOnxeqZhqlMr2pSP2zximLEtYtlJreNLKGaKHSDaWBbAGIQ+JFubzuPfCeKniEMALaxAjvfClnw8aw+I7UT0RNnBwSf0QXn7ZAIQeHsoLp/K2gPGNtLwYlkAzO25Rj8Vs1JLCIytYcvenLUHxDNM9E7JAHk2sRdv7imMVnITg3lj2JLvZ+6BhsBqaFryaPL/5T9GvVjZd0C5J5EGd1VzPNGWAeA9UF2sMQZKEZ+rPCh2kZVzF9S69tVmP85nAHg/xILGbwDmKUPkKw/Sb+FUsEqVEswnw5Yc71UyqtGYKT4A0aMqAF6vWqlibojEUR8N1OvhuD1+2GQAeKWtC+0bRYCSy+n0Jee3nNaBlqa4/WtKYwYAAxQLGn0EzFaCKLWhGaud/DY0zPxDxJLL0rVN6IljplgPoo9UAC5dvMmWsptAi1V9kn7gDjCafbWUrrM20u98URBgrKnvANGNfgRNui3zTyFLLi7a1CdPI1PcDKL2SRelmsDPs0oqZtQUbxHRc6o5JtWO3ZfDVuLVXDnyPlx1AoZuimP/g6W0Oxy3H8w3QAVf3sbazKNeOTOpI5wvOPPJqY5cVncGwyUBeE7RmZgDYRwiQvByQjBzp3Dk3Y1nYBXKq/T22dWAepeMg0RovEwQu2td++H0146SZyDlGLsGV6HG2AXCfZMF4T2WaYxnQ5bcoZpDaQbSg3WZ+v1MutdQqxd9amqimrQfaB6A0stgzlJCLU/yYVJ0mWIDE14h0AxVvwl2zC4T7SN2doYsZ28p//z2PQPpIhgIxOoDS0hDK0NbR4Tm4jB8AUxHGG5b9WhiV+qBqrhfbouyALJDdteLhY5GEY3c2S60zBdnl/8JuDjceEaeyC4HShXv+VUUoBwhpfpe8QD/Ab2JqE8dKj95AAAAAElFTkSuQmCC");
}
._toast.error p {
color: #d81e06;
border-color: #d81e06;
}
._toast.warning span::before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEa0lEQVRoQ+2YT2gcdRTHv282sc2hYWcQ7MEeGlsqLaVoMrNqL7YnaXa29ZJ6UFGiFPwD4kFaJChVAiI9iIoiWqpSKBHR7iTxpD216syGKDHaXHJQULFhZ5q0SZrszJPfpgnbZHfn77YbyO/6+73ve5/9zvu9nSGs80XrvH5sANxpBzccqOfAzHBmN7BwZcuh0SuNcqohDlwd6sy4buo0EXYDzGCcTbdIL9Khn6eTBkkcwBnSutjliyC6q7JYZh6X52cfpJ7xhSQhEgXgAaTsNnWUQHurFUmM/nTOfL1pAWxDexXAqZoFMi+ShPvTWWsyKYjEHLg2pG5dcGmSCG0+xV2QdfNg0wEUDfUcgY4GKYwIPems+VWQs35nEnHAHuw8AE794JdseZ/B/8pzLR3U8+Nc0Jha52IDcKGz1flHugxQR5hiGHhX0c3XwsRUvRjiChQN9QSB+kPrMNwUe3vaDxcmQsdWBMRyYPZbddu8RBPVGlc8Jilwr8eUAXB89VwQNTD4kqJb++8YgG1o3wA4UrUA8nrlbOG02CvmtY+JcKzaOQY/qejW2agQkR3wa1wmZJWsOSQKs/PqSRD1VS+Sp9LedAcdnpiJAhEJgId3bHJc+fd6jRscoPwwvSfr1iu3DcA2tDcAvFkvYSgAhssp9wGle2QsLERoB5xBtYMZ4tfflBjAktCIrJtdDQewDU0MrAN+iUI5sDLh+Fk5Z53x067cD+WAbWjixhE3j++KBACeQmlxp/z4L45vgpsHAgPwwMNt9ubSBBFtCyIeDUC8/vBHSs56IUgOcSYwgGOo/Qw6EVQ4KkAZQfL2BW3oQADlxvVwGUStjQdYauh01lSJwH75AgEEbdzKZNEdWFIh4mPprPVJbADHUI8y6Jyf0Or9uABgduAubvdr6LoOlBu3rTRJoK1hAQDuk3XrbRFnG2oeID20BuMzOWc+Vy+uLoBtdJ0CJPGeG34xeyD6GszXQfRMeIGbj5IENd1tFmrF1wSYPt+1yyVpHIRU1ORJxDF4TM5a+2o1dE2AoqFeJNAjSRQRV4PhvazohQ+q6VQFsPNdT4GkL+Il5g9bPemtBam0kyCdAei+qHrMuNZC7vZ2fWRqtcYaAD6/a4sjtU8CdHfUhGC25JylLceLT42el/opsp4IZHwp58ynfQFsQ3sfwEtxkjHzgJKzVj6xiNvMaXNn42iK2BTx/vasdalS5xYHikOde8mTfhVjJFYy8f8eOKLkzMHyNTqo9oHpZCxNYQLzhDxv7aEeuMtatwLk1e+I6LG4iZbjGfwbmK4TQbzYJ7IIeD6tm5+uAZgdztx7w+W/EsnSSJFV/bXiQHFQ6yZG2fLmXnxD1q3Naxxw8tpBJnzf3MWXb6P/5Jx5zxoAvvBoizMz+wcIO5oZgpnfUXLW8apNfDWfeciFNxD0rev2g/Ln6Tmrt+YtVJ4X4mPt3/QESIo8OZMF4xKYx5h4VNFH/vQdZMkmb7xavIHV+Pp8M2wA+P5EDT6w7h34H01KxEDHpGQGAAAAAElFTkSuQmCC");
}
._toast.warning p {
color: #efb336;
border-color: #efb336;
}
._toast.active {
opacity: 1;
visibility: visible;
}
._toast span {
display: inline-block;
font-size: 16px;
position: relative;
}
._TexTrow1, ._TexTrow1More *, ._TexTrow2, ._TexTrow2More *, ._TexTrow3, ._TexTrow3More *, ._TexTrow4, ._TexTrow4More * {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
._toast.error span, ._toast.success span, ._toast.warning span {
padding-left: 30px;
}
._TexTrow1, ._TexTrow1More * {
-webkit-line-clamp: 1;
}
._TexTrow2, ._TexTrow2More * {
-webkit-line-clamp: 2;
}
._TexTrow3, ._TexTrow3More * {
-webkit-line-clamp: 3;
}
._TexTrow4, ._TexTrow4More * {
-webkit-line-clamp: 4;
}
._TexTrow5, ._TexTrow5More * {
-webkit-line-clamp: 5;
}
._TexTrow6, ._TexTrow6More * {
-webkit-line-clamp: 6;
}
._TexTrow7, ._TexTrow7More * {
-webkit-line-clamp: 7;
}
._TexTrow8, ._TexTrow8More * {
-webkit-line-clamp: 8;
}
._TexTrow9, ._TexTrow9More * {
-webkit-line-clamp: 9;
}
._TexTrow10, ._TexTrow10More * {
-webkit-line-clamp: 10;
}
._PageTurningNumber a {
background: #03142e;
padding: 10px 15px;
margin-right: 5px;
}
._PageTurningNumber ._btnJump {
margin: 0 5px;
}
._PageTurningNumber a.active, ._PageTurningNumber a:hover {
color: #fff;
background: var(--yx_Color);
}
._PageTurningNumber span input {
line-height: 19px;
padding: 10px 5px;
box-sizing: border-box;
width: 50px;
margin: 0 5px;
}
._PageTurningNumber ._JumpNumber {
margin: 0 10px;
}
.backTop {
position: fixed;
z-index: 99;
right: 50px;
bottom: -100px;
width: 50px;
height: 50px;
background: #fff url("../images/backtop.png") 0 0 no-repeat;
box-shadow: 0 0 20px rgba(0,0,0,.2);
cursor: pointer;
}
.backTop:hover {
background:var(--yx_Color) url("../images/backtop.png") 0 -50px no-repeat;
}
.backTop.active {
bottom: 40px;
right: 12px;
}
.width1200 {
max-width: 1200px;
margin: 0 auto;
position: relative;
}
@font-face {
font-family: helveticaneuethn;
src: url("../fonts/helveticaneuethn.otf");
font-weight: 400;
font-style: normal;
}
._sub__banner {
width: 100%;
height: auto;
position: relative;
}
._breadcrumb {
width: 1200px;
height: auto;
margin: auto;
padding: 25px 0;
display: flex;
line-height: 30px;
justify-content: flex-end;
}
._breadcrumb .target_pos {
width: auto;
color: rgba(0,0,0,.5);
}
._breadcrumb .target_pos a {
margin-right: 25px;
position: relative;
color: rgba(0,0,0,.5);
}
._breadcrumb .target_pos a:after {
width: 10px;
height: 10px;
background-size: cover;
display: block;
position: absolute;
right: -15px;
top: 50%;
-webkit-transform: translateY(-50%);
}
._breadcrumb .target_pos a:last-child {
margin-right: 0;
}
._breadcrumb .target_pos a:last-child:after {
display: none;
}
._breadcrumb .target_pos a.active {
color: var(--yx_Color);
}
.sub_nav {
width: auto;
}
.sub_nav a {
padding: 0 20px;
display: inline-block;
margin: 0 5px;
position: relative;
}
.sub_nav a:after {
width: 1px;
height: 15px;
position: absolute;
top: 7.5px;
display: block;
right: -5px;
background: rgba(170,170,170,.3);
}
.sub_nav a:hover {
background: var(--yx_Color);
color: #fff;
}
.sub_nav a:last-child {
margin-left: 0;
}
.sub_nav a:last-child:after {
display: none;
}
._about.about {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
padding: 30px 0;
}
._about.about ._fl {
width: 45%;
height: auto;
}
._about.about ._fr {
width: 55%;
height: auto;
line-height: 1.7;
padding-left: 35px;
}
._about.about ._fr p {
margin-bottom: 10px;
}
._sub_title b {
font-weight: 400;
font-size: 28px;
color: #3e3e3e;
}
._sub_title p {
font-size: 14px;
opacity: .6;
}
._pageTitleTab {
width: 100%;
height: auto;
}
._pageTitleTab a {
height: 40px;
line-height: 40px;
border: 1px solid #ededed;
border-radius: 3px;
margin: 0 2px;
display: inline-block;
padding: 0 25px;
transition: all .46s ease 0s;
}
._pageTitleTab a.active {
color: #fff;
background: var(--yx_Color);
}
._case {
width: 100%;
height: auto;
padding: 25px 0;
}
._case._cooperative {
padding-top: 15px;
}
._case._cooperative ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
._case._cooperative ul li {
width: 18.5%;
border: 1px solid rgba(0,0,0,.1);
margin-right: 1.25%;
margin-bottom: 15px;
}
._case._cooperative ul li:nth-child(5n) {
margin-right: 0;
}
._case.video_list ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
._case.video_list ul li {
cursor: pointer;
width: 24%;
height: auto;
margin-bottom: 20px;
position: relative;
}
._case.video_list ul li .thum {
background: #000;
}
._case.video_list ul li .name {
width: 90%;
height: auto;
position: absolute;
left: 5%;
transition: all .4s ease;
color: #fff;
font-size: 18px;
top: 100%;
opacity: 0;
-webkit-transform: translateY(-50%);
}
._case.video_list ul li .play {
position: absolute;
left: 50%;
top: 50%;
transition: all .5s ease;
font-size: 0;
transform: translate3d(-50%, -50%, 0);
opacity: 1;
width: 45px;
height: 45px;
background: var(--yx_Color);
border-radius: 50%;
box-sizing: inherit;
visibility: visible;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
}
._case.video_list ul li .play span {
display: block;
width: 45px;
height: 45px;
position: absolute;
left: -5px;
top: -5px;
border-radius: 50%;
}
._case.video_list ul li .play:after {
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #fff;
position: absolute;
left: 50%;
top: 50%;
display: block;
-webkit-transform: translate(-50%, -50%);
}
._case.video_list ul li:hover .play {
top: 0;
opacity: 0;
visibility: hidden;
}
._case.video_list ul li:hover .name {
opacity: 1;
top: 50%;
}
._case.num3 ul li {
width: 33%;
}
._case.case1 ul {
display: block;
overflow: hidden;
}
._case.case1 ul li {
width: 24%;
height: auto;
margin-bottom: 20px;
}
._case.case1.num3 ul li {
width: 32%;
}
._case.case1 ul li .thum {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
._case.case1 ul li .thum .img {
width: 100%;
height: 304px;
background: center center no-repeat;
background-size: cover;
position: relative;
transition: all .36s ease 0s;
}
._case.case1 ul li .thum .img img{
object-fit: contain;
	height: 100%;
	width:100%;
}
.no-touch ._case.case1 ul li:hover .thum .img {
-webkit-transform: scale(1.1);
}
.no-touch ._case.video_list ul li:hover .thum .img {
opacity: .7;
}
._case.case1 ul li .thum .icon {
width: 56px;
height: 56px;
position: absolute;
left: 50%;
top: -80px;
margin-left: -30px;
margin-top: -10px;
opacity: 0;
transition: all .46s ease 0s;
font-size: 0;
background: var(--yx_Color);
border-radius: 50%;
}
._case.case1 ul li .thum .icon:after, ._case.case1 ul li .thum .icon:before {
background: #fff;
left: 50%;
top: 50%;
position: absolute;
content: '';
}
.no-touch ._case.case1 ul li:hover .thum .icon {
top: 50%;
opacity: 1;
}
._case.case1 ul li .thum .icon:before {
width: 18px;
height: 2px;
margin-left: -9px;
}
._case.case1 ul li .thum .icon:after {
width: 2px;
height: 18px;
margin-left: -1px;
margin-top: -8px;
}
._case.case1 ul li .title {
padding: 18px 10px;
transition: all .36s ease 0s;
}
._case.case1 ul li .title b {
font-size: 18px;
font-weight: 400;
line-height: 26px;
}
._case.case1 ul li .title p {
font-size: 14px;
line-height: 20px;
}
.no-touch ._case.case1 ul li:hover .title {
background: var(--yx_Color);
color: #fff;
}
._case.case1 ul li .title span{
font-size: 15px;
}
#media {
width: 800px;
height: auto;
background: #000;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
display: block;
border: 5px solid rgba(255,255,255,1);
}
.close_video {
width: 50px;
height: 50px;
background: #fff;
position: absolute;
right: 25px;
top: 25px;
cursor: pointer;
}
.close_video:hover {
background: var(--yx_Color);
}
.close_video:hover:after {
background-position: 0 -20px;
}
._news.news1 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
._news.news1 ul li {
width: 32.5%;
height: auto;
margin-bottom: 20px;
padding: 30px 20px;
box-sizing: border-box;
background: rgba(0,0,0,.01);
position: relative;
transition: all .3s ease;
}
._news.news1 ul li .news_time {
font-size: 24px;
line-height: 30px;
margin-bottom: 15px;
font-family: helveticaneuethn;
}
._news.news1 ul li:after {
width: 0;
height: 2px;
transition: all .3s ease;
position: absolute;
left: 0;
bottom: 0;
background: var(--yx_Color);
display: block;
}
._news.news1 ul li:hover:after {
width: 100%;
}
._news.news1 ul li .news_title {
font-size: 16px;
line-height: 25px;
height: 54px;
}
._news.news1 ul li:hover {
background: rgba(0,0,0,.03);
}
._news.news1 ul li .news_description {
transition: all .36s ease;
font-size: 13px;
line-height: 26px;
height: 52px;
overflow: hidden;
color: #999;
-webkit-transition: all .36s ease;
-moz-transition: all .36s ease;
-ms-transition: all .36s ease;
-o-transition: all .36s ease;
}
._news.news2 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
._news.news2 ul li {
width: 32.5%;
height: auto;
margin-bottom: 20px;
}
._news.news2.double ul li {
width: 49%;
}
._news.news2 ul li .news_thum {
position: relative;
height: auto;
overflow: hidden;
width: 100%;
}
._news.news2 ul li .img {
display: block;
width: 100%;
height: auto;
background: center center no-repeat;
background-size: cover;
}
._news.news2 ul li .news_time {
width: auto;
height: auto;
line-height: 35px;
position: absolute;
padding: 0 10px;
font-size: 12px;
left: 0;
bottom: 0;
color: #fff;
background: rgba(0,0,0,.1);
font-family: helveticaneuethn;
transition: all .36s ease 0s;
}
._news.news2 ul li .news2_des {
width: 100%;
height: auto;
padding: 20px;
background: rgba(0,0,0,.01);
box-sizing: border-box;
transition: all .36s ease 0s;
}
._news.news2 ul li .news2_des b {
display: block;
font-weight: 400;
font-size: 18px;
line-height: 35px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
border-bottom: 1px solid rgba(0,0,0,.1);
margin-bottom: 10px;
color: #3e3e3e;
padding-bottom: 5px;
position: relative;
}
._news.news2 ul li .news2_des b:after {
width: 0;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
background: #fff;
transition: all .36s ease 0s;
}
._news.news2 ul li .news2_des .text {
display: block;
line-height: 24px;
height: 48px;
font-size: 12px;
overflow: hidden;
}
._news.news2 ul li:hover .news2_des {
color: #fff;
background: var(--yx_Color);
}
._news.news2 ul li:hover .news2_des b {
color: #fff;
}
._news.news2 ul li:hover .news_time {
background: #1875e2;
}
._news.news2 ul li:hover .news2_des b:after {
width: 100%;
}
._news.news3 ul {
margin-bottom: 50px;
}
._news.news3 ul li {
padding: 15px;
border-bottom: 1px dotted #ccc;
width: 100%;
}
._news.news3 ul li:hover a {
color: initial;
}
._news.news3 ul li:hover {
background: #fafafa;
}
._news.news3 ul .title {
font-size: 18px;
line-height: 36px;
overflow: hidden;
margin-bottom: 10px;
padding: 0;
text-align: left;
}
._news.news3 ul .con {
width: 100%;
height: auto;
overflow: hidden;
}
._news.news3 ul .thum {
width: 140px;
height: 80px;
float: left;
}
._news.news3 ul .info {
width: calc(100% - 160px);
float: right;
}
._news.news3 ul .des {
margin-bottom: 5px;
line-height: 25px;
color: #777;
height: auto;
overflow: hidden;
font-size: 14px;
}
._news.news3 ul .time {
color: #aaa;
font-size: 13px;
line-height: 25px;
}
._news.news5 ul {
margin: 0 auto 50px;
}
._news.news5 ul li {
line-height: 38px;
height: 38px;
position: relative;
text-indent: 15px;
font-size: 16px;
margin-bottom: 10px;
transition: ease .5s;
}
._news.news5 ul li .tit {
width: calc(100% - 120px);
float: left;
height: 38px;
overflow: hidden;
}
._news.news5 ul li:after {
width: 5px;
height: 5px;
position: absolute;
left: 0;
top: 15px;
border-radius: 50%;
background: #cbcbcb;
}
._news.news5 ul a {
display: block;
overflow: hidden;
}
._news.news5 ul span {
float: right;
opacity: .7;
width: 110px;
font-size: 14px;
}
._history {
padding: 30px 0;
}
._history.history1 {
width: 100%;
height: auto;
}
._history.history1 ul li {
width: 100%;
height: auto;
line-height: 25px;
padding: 20px 0;
border-bottom: 1px dotted rgba(0,0,0,.1);
display: flex;
}
._history.history1 ul li .history_year {
width: 150px;
font-size: 28px;
font-family: helveticaneuethn;
position: relative;
}
._history.history1 ul li .history_year:after {
width: 30px;
height: 1px;
background: #888;
position: absolute;
right: 20px;
top: 50%;
}
._history.history1 ul li .history_year span {
font-size: 14px;
}
._history.history1 ul li .history_des {
width: calc(100% - 150px);
height: auto;
}
._news.news11 {
width: 100%;
height: auto;
position: relative;
}
._news.news11 ul li {
width: 100%;
height: auto;
display: flex;
border-bottom: 1px solid rgba(0,0,0,.05);
padding: 20px 0;
}
._news.news11 ul li .thum {
width: 400px;
height: auto;
}
._news.news11 ul li .thum .img {
width: 100%;
height: auto;
position: relative;
background: center center no-repeat;
background-size: cover;
}
._news.news11 ul li .info {
width: calc(100% - 400px);
height: auto;
padding: 30px 25px;
box-sizing: border-box;
background: rgba(0,0,0,.02);
}
._news.news11 ul li .info .title {
width: 100%;
height: auto;
font-size: 18px;
line-height: 30px;
color: #3e3e3e;
margin-bottom: 5px;
}
._news.news11 ul li .info .des {
width: 100%;
height: auto;
font-size: 12px;
line-height: 24px;
margin-bottom: 20px;
}
._news.news11 ul li .info a {
display: inline-block;
width: auto;
padding: 0 40px;
line-height: 35px;
font-size: 12px;
border: 1px solid rgba(0,0,0,.1);
}
._news.news11 ul li a:hover {
background: var(--yx_Color);
color: #fff;
}
._contact_box ._fl {
width: 55%;
height: auto;
}
._contact_box {
width: 100%;
height: auto;
display: flex;
}
._contact_box ._fr {
width: calc(45% - 50px);
padding-left: 50px;
}
._honor, ._honor.honor1 {
padding: 30px 0;
}
._contact_box ._fr ul {
display: block;
margin-top: 50px;
}
._contact_box ._fr ul li {
display: flex;
width: 100%;
height: auto;
margin-bottom: 15px;
}
._contact_box ._fr ul li .icon {
width: 40px;
height: 40px;
background: var(--yx_Color);
line-height: 40px;
text-align: center;
border-radius: 50%;
color: #fff;
position: relative;
}
._contact_box ._fr ul li .icon:after {
display: block;
width: 20px;
height: 20px;
background-size: 60px auto;
position: absolute;
left: 10px;
top: 10px;
}
._contact_box ._fr ul li:nth-child(2) .icon:after {
background-position: -20px 0;
}
._contact_box ._fr ul li:nth-child(3) .icon:after {
background-position: -40px 0;
}
._contact_box ._fr ul li .txt {
width: calc(100% - 50px);
height: auto;
font-size: 16px;
line-height: 40px;
margin-left: 10px;
}
._contact_box ._fr ol {
width: 100%;
height: auto;
display: flex;
margin-top: 25px;
}
._contact_box ._fr ol li {
width: 120px;
height: auto;
text-align: center;
margin-right: 20px;
}
._honor.honor1, ._honor.honor1 ul {
width: 100%;
height: auto;
}
._contact_box ._fr ol li:last-child {
margin-right: 0;
}
._contact_box ._fr ol li p {
display: block;
font-size: 12px;
line-height: 25px;
}
._honor.honor1 ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
._honor.honor1 ul li {
width: 19%;
height: auto;
margin-right: 1.25%;
margin-bottom: 20px;
}
._honor.honor1 ul li:nth-child(5n) {
margin-right: 0;
}
._honor.honor1 ul li .thum {
display: block;
width: 100%;
min-height: 200px;
position: relative;
overflow: hidden;
}
._honor.honor1 ul li .thum .img {
display: block;
width: 100%;
height: auto;
background: center center no-repeat;
background-size: cover;
}
._honor.honor1 ul li .name {
display: block;
width: 100%;
height: auto;
text-align: center;
line-height: 35px;
position: relative;
}
._join_list {
width: 1200px;
height: auto;
margin: auto auto 100px;
position: relative;
}
._join_list ul {
display: flex;
width: 100%;
justify-content: flex-start;
flex-wrap: wrap;
}
._join_list li {
height: 350px;
background: rgba(0,0,0,.02);
cursor: pointer;
padding: 50px;
position: relative;
-webkit-transition-duration: .5s;
width: 32%;
margin-right: 2%;
box-sizing: border-box;
margin-bottom: 25px;
}
._join_list li .address, ._join_list li .number, ._join_list li .title {
height: auto;
left: 50px;
-webkit-transition-duration: .5s;
text-align: center;
}
._join_list li:nth-child(3n) {
margin-right: 0;
}
._join_list li .title {
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
position: absolute;
top: 40%;
font-size: 24px;
}
._join_list li .address, ._join_list li .number {
font-size: 16px;
position: absolute;
}
._join_list li .address {
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
top: 50%;
color: #fff;
opacity: 0;
}
._join_list li .number {
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
top: 60%;
}
._join_list li:hover .title {
top: 20%;
color: #fff;
}
._join_list li:hover .address {
opacity: 1;
top: 35%;
-webkit-transition-delay: .2s;
}
._join_list li:hover .number {
top: 80%;
color: #fff;
}
._join_list li:after {
width: 0;
height: 2px;
position: absolute;
left: 50%;
top: 75%;
-webkit-transition-duration: .5s;
content: "";
background: #fff;
display: block;
}
._join_list li:hover {
background: var(--yx_Color);
}
._join_list li:hover:after {
width: 40%;
left: 30%;
-webkit-transition-delay: .2s;
}
._join_list li .lineB, ._join_list li .lineL, ._join_list li .lineR, ._join_list li .lineT {
position: absolute;
background: #fff;
-o-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
._join_list li .lineL {
width: 2px;
height: 0;
left: 7px;
top: 100%;
}
._join_list li .lineR {
width: 2px;
height: 0;
right: 7px;
top: 7px;
}
._join_list li .lineT {
width: 0;
height: 2px;
left: 7px;
top: 7px;
}
._join_list li .lineB {
width: 0;
height: 2px;
left: 100%;
bottom: 7px;
}
._join_list li:hover .lineT {
-webkit-transition-delay: .2s;
width: -webkit-calc(100% - 14px);
width: calc(100% - 14px);
}
._join_list li:hover .lineB {
-webkit-transition-delay: .2s;
width: -webkit-calc(100% - 14px);
width: calc(100% - 14px);
left: 7px;
}
._join_list li:hover .lineR {
-webkit-transition-delay: .2s;
height: -webkit-calc(100% - 14px);
height: calc(100% - 14px);
}
._join_list li:hover .lineL {
-webkit-transition-delay: .2s;
top: 7px;
height: -webkit-calc(100% - 14px);
height: calc(100% - 14px);
}
._joinTipBox {
width: 800px;
height: 550px;
position: fixed;
left: 50%;
margin-left: -400px;
top: 50%;
margin-top: -275px;
background: #fff;
z-index: 500;
}
._joinTipBox .joinTipBoxTitle {
width: 100%;
height: 45px;
background: var(--yx_Color);
color: #fff;
line-height: 45px;
font-size: 18px;
}
._joinTipBox .joinTipBoxTitle span {
font-size: 12px;
position: absolute;
right: 50px;
line-height: 45px;
opacity: .5;
}
._joinTipBox .joinTipBoxTitle strong {
float: left;
margin-left: 15px;
}
._joinTipBox .joinTipBoxTitle .close {
width: 45px;
height: 45px;
float: right;
cursor: pointer;
line-height: 45px;
text-align: center;
position: relative;
}
._joinTipBox .joinTipBoxTitle .close:after {
width: 15px;
height: 15px;
background: url("../images/close_icon.png") 0 -15px no-repeat;
background-size: auto 30px;
content: '';
position: absolute;
left: 15px;
top: 15px;
}
._joinTipBox .joinTipBoxTitle .close:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
._joinTipBox .joinTipBoxInfo {
width: 100%;
padding: 0 2%;
height: 490px;
overflow-y: auto;
font-size: 16px;
box-sizing: border-box;
}
._joinTipBox .joinTipBoxInfo .joinTipName {
width: 100%;
height: 50px;
line-height: 50px;
position: relative;
}
._joinTipBox .joinTipBoxInfo .joinTipName b {
position: absolute;
right: 10px;
font-size: 12px;
font-weight: 400;
}
._joinTipBox .joinTipBoxInfo .joinTipName span {
color: var(--yx_Color);
margin-right: 15px;
}
._joinTipBox .joinTipBoxInfo .joinTipBt {
width: 100%;
height: auto;
line-height: 30px;
font-weight: 700;
}
._joinTipBox .joinTipBoxInfo .joinTipDetail {
width: 100%;
height: auto;
line-height: 1.7;
}
._news_detail {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
padding: 30px 0;
}
.detail_content {
width: 1100px;
height: auto;
margin: auto;
background: #fff;
padding: 7px;
position: relative;
}
._ndc_top {
width: 100%;
height: auto;
}
.detail_same {
width: 300px;
}
._ndc_top .title, .detail_same .title {
width: 100%;
height: auto;
line-height: 35px;
font-size: 30px;
color: #3e3e3e;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0,0,0,.05);
margin-bottom: 10px;
}
._detail_same_list ul li p, ._ndc_top .des {
font-size: 12px;
opacity: .7;
}
._ndc_top .des {
line-height: 25px;
margin-bottom: 10px;
padding: 5px 10px;
color: #777;
border: 1px solid #ddd;
background: #f8f8f8;
position: relative;
}
._ndc_top .des span {
margin-right: 25px;
}
.ndc_detail {
width: 100%;
height: auto;
position: relative;
line-height: 1.7;
margin-bottom: 50px;
}
.ndc_detail img, .ndc_detail p, .single_page img, .single_page p {
margin-bottom: 10px;
}
.ndc_detail img {
display: inline-block;
width: auto;
max-width: 100%;
}
._detail_same_list {
width: 100%;
height: auto;
position: relative;
}
._detail_same_list ul li {
width: 100%;
height: auto;
padding: 10px 0;
line-height: 25px;
border-bottom: 1px solid rgba(0,0,0,.1);
}
._detail_same_list ul li b {
font-weight: 400;
line-height: 1.4;
display: block;
color: #3e3e3e;
}
._detail_same_list ul li a:hover b {
color: var(--yx_Color);
}
._ndc_npnews {
width: 100%;
height: auto;
display: flex;
justify-content: space-around;
}
._ndc_npnews .post_next, ._ndc_npnews .post_prev {
width: 49%;
display: flex;
line-height: 20px;
padding: 20px;
background: rgba(0,0,0,.05);
box-sizing: border-box;
}
._ndc_npnews .post_next:hover, ._ndc_npnews .post_prev:hover {
background: var(--yx_Color);
color: #fff;
}
._ndc_npnews .post_next:hover .icon:before, ._ndc_npnews .post_prev:hover .icon:before {
background-position: -14px 0;
}
._ndc_npnews .post_next:hover .icon:after, ._ndc_npnews .post_prev:hover .icon:after {
background: rgba(255,255,255,.2);
}
._ndc_npnews .post_next {
justify-content: flex-end;
}
._ndc_npnews .post_next .icon, ._ndc_npnews .post_prev .icon {
width: 40px;
position: relative;
}
._ndc_npnews .post_next .icon:before, ._ndc_npnews .post_prev .icon:before {
width: 14px;
height: 14px;
position: absolute;
left: 0;
top: 3px;
background-size: cover;
content: '';
-webkit-transform: rotate(-180deg);
opacity: .5;
}
._ndc_npnews .post_next .icon:before {
left: auto;
right: 0;
-webkit-transform: rotate(0);
}
._ndc_npnews .post_prev .icon:after {
right: 15px;
}
._ndc_npnews .post_next .name, ._ndc_npnews .post_prev .name {
width: calc(100% - 40px);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.single_page {
width: 100%;
height: auto;
line-height: 1.7;
padding: 30px 0;
}
.single_page img {
max-width: 100%;
}
._ndc_top .social {
width: 100%;
height: auto;
margin-bottom: 35px;
}
._ndc_top .social .qq, ._ndc_top .social .qzone, ._ndc_top .social .weibo, ._ndc_top .social .weichat {
width: 30px;
height: 30px;
display: inline-block;
border-radius: 50%;
padding: 0;
position: relative;
font-size: 18px;
line-height: 30px;
text-align: center;
float: none;
color: #fff;
}
._ndc_top .social .weichat {
background: #7fdb84;
}
._ndc_top .social .qzone {
background: #ffc94b;
}
._ndc_top .social .weibo {
background: #eb7291;
}
._ndc_top .social .qq {
background: #84b5f0;
}
._form {
padding: 30px 0;
}
._form.form1 ._form_box {
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
._form.form1 ._form_box input, ._form.form1 ._form_box select, ._form.form1 ._form_box textarea {
transition: ease .5s;
}
._form.form1 ._form_box .fb_input {
box-sizing: border-box;
border: 1px solid #e1e7ee;
height: 40px;
width: 100%;
outline: 0;
margin-right: 2%;
text-indent: 25px;
}
._form.form1 ._form_box .fb_input:nth-child(3n) {
margin-right: 0;
}
._form.form1 ._form_box .fb_textarea {
width: 100%;
height: 150px;
padding: 25px;
outline: 0;
border: 1px solid #e1e7ee;
box-sizing: border-box;
font-family: "microsoft yahei";
}
._form.form1 .double {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
z-index: 6;
}
._form.form1 .input {
width: 100%;
}
._form.form1 .double .input {
width: 49%;
margin-bottom: 15px;
opacity: .6;
transition: ease .5s;
position: relative;
}
#schedule-box {
position: absolute;
background: #fff;
z-index: 5;
right: 0;
opacity: 0;
visibility: hidden;
}
#schedule-box.active {
opacity: 1;
visibility: inherit;
}
._form.form1 .double #distpicker {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
._form.form1 .double #distpicker select {
width: 32%;
box-sizing: border-box;
border: 1px solid #e1e7ee;
text-indent: 25px;
cursor: pointer;
}
.city_picker_ele {
width: 100%;
height: auto;
margin-bottom: 15px;
}
.form_submit {
width: 200px;
height: 50px;
background: var(--yx_Color);
color: #fff;
line-height: 50px;
text-align: center;
margin: 35px auto auto;
-webkit-border-radius: 50px;
border-radius: 50px;
font-size: 16px;
cursor: pointer;
position: relative;
z-index: 5;
border: none;
display: block;
}
.sitemap, .sitemap .sub_map {
width: 100%;
height: auto;
overflow: hidden;
}
.sitemap h1 {
margin-bottom: 0;
display: block;
line-height: 40px;
font-size: 16px;
background: #f6f6f6;
padding: 0 10px;
}
.sitemap h1 a {
color: #3e3e3e;
}
.sitemap ul li {
margin-bottom: 20px;
}
.sitemap .sub_map {
display: block;
padding: 10px;
}
.sitemap .sub_map a {
display: block;
line-height: 35px;
float: left;
margin-right: 25px;
}
.slick-arrow {
position: absolute;
font-size: 0;
-webkit-text-size-adjust: none;
width: 50px;
height: 50px;
color: transparent;
border: none;
background: rgba(0,0,0,.8);
border-radius: 5px;
left: 0;
top: 50%;
margin-top: -25px;
cursor: pointer;
outline: 0;
z-index: 5;
opacity: .7;
}
.slick-arrow.slick-next {
left: auto;
right: 0;
}
.slick-dots {
position: absolute;
width: 100%;
left: 0;
bottom: 10px;
text-align: center;
line-height: 1;
}
.slick-dots li {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: rgba(55,55,55,.5);
cursor: pointer;
margin: 0 6px;
}
.slick-dots li.slick-active, .slick-dots li:hover {
background-color: rgba(55,55,55,1);
}
.slick-dots li button {
display: none;
}
._pictures {
padding: 50px 0;
}
.pictures1 .slick-initialized .slick-slide {
background-position: center center;
background-size: cover;
}
.pictures1 .slick-arrow:hover {
opacity: 1;
}
.pictures1 .slick-arrow::before {
font-family: icon;
content: '\e643';
color: #fff;
display: block;
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 0;
line-height: 50px;
font-size: 20px;
}
.pictures1 .slick-arrow.slick-next::before {
content: '\e642';
}
.pictures1 .slick-slide {
position: relative;
}
._pictures.pictures1 .text {
position: absolute;
background-color: rgba(0,0,0,.6);
color: #fff;
z-index: 2;
left: 0;
bottom: 0;
width: 100%;
font-size: 14px;
padding: 30px;
box-sizing: border-box;
}
._pictures.pictures1 .text .title {
font-size: 18px;
font-weight: 700;
border-bottom: 1px solid rgba(255,255,255,.5);
padding-bottom: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 15px;
}
.pictures2 #_picturesUl {
position: relative;
overflow: hidden;
}
.pictures2 #_picturesUl .li {
position: absolute;
}
.pictures2 #_picturesUl .li img {
width: 100%;
position: relative;
}
.searchContent {
width: 100%;
height: auto;
padding: 30px 0;
}
.searchContent .scResult {
width: 100%;
height: auto;
background: #0050a6;
color: #fff;
font-weight: 700;
text-indent: 45px;
font-size: 20px;
line-height: 40px;
position: relative;
padding: 10px 0;
margin-top: 20px;
}
._form.form2 #_form:after, ._history.history2 .tempWrap li:after, ._join2_list ul li .title b:after, ._join2_list ul li .title i:after, ._join2_list ul li .title i:before, ._news.news10 li:after, ._news.news12 ul::after, ._news.news13 .newsTitle:after, ._news.news7 ul li:after, ._news.news8 .newsTitle ._more:after, ._news.news8 .newsTitle:after, ._news.news8 .newsTitle:before, ._news.news9 li .tileteaserBurgerMenu a:after, ._news.news9 ul:after, ._team.team3 ul li .thum .icon:after, ._team.team3 ul li .thum .icon:before, .news14 li:after, .news14 ul:after, .news15 .li ._more:after, .news15 .li ._more:before, .news16 .li .Imgset_bg:after, .news16 .li:after, .news16 ul:after, .searchContent .scResult:after {
content: '';
}
._focus2_list, ._noData, .resultTips {
width: 100%;
height: auto;
}
.resultTips {
line-height: 40px;
font-size: 14px;
}
.resultTips span {
color: #e10101;
padding: 0 3px;
font-weight: 700;
}
._noData {
padding: 50px 0;
line-height: 50px;
font-size: 24px;
text-align: center;
color: #e10101;
display: none;
}
._noData.active {
display: block;
}
._focus2_list ul li {
width: 100%;
padding: 15px;
border-bottom: 1px dotted #ccc;
}
._focus2_list ul li:last-child {
border-bottom: none;
}
._focus2_list ul li:hover {
background: #fafafa;
}
._focus2_list ul li .title {
font-size: 18px;
line-height: 36px;
overflow: hidden;
margin-bottom: 10px;
}
._focus2_list ul li .des {
margin-bottom: 10px;
line-height: 25px;
color: #777;
height: auto;
overflow: hidden;
font-size: 14px;
}
._focus2_list ul li .time {
color: #aaa;
font-size: 13px;
line-height: 25px;
}
._focus2_list ul li .con {
width: 100%;
height: auto;
overflow: hidden;
}
._focus2_list ul li .con .thum {
width: 140px;
height: 80px;
float: left;
}
._focus2_list ul li .con .thum img {
width: 100%;
height: 80px;
}
._focus2_list ul li .con .info {
width: 740px;
float: right;
}
._join2_list, ._join_nav {
width: 100%;
height: auto;
overflow: hidden;
}
._focus2_list ul li .con .des {
margin-bottom: 5px;
}
._join2_list ul li, ._join_nav {
margin-bottom: 20px;
}
._join_nav a {
display: inline-block;
padding: 13px 35px;
background: rgba(0,0,0,.2);
color: #fff;
transition: all .6s ease 0s;
margin-right: 15px;
}
._join_nav a.active {
background: #faaf32;
}
._join2_list ul li {
background: #f5f5f5;
position: relative;
}
._join2_list ul li .title {
padding: 15px 20px;
font-size: 18px;
cursor: pointer;
transition: all .6s ease 0s;
border-radius: 2px;
}
._join2_list ul li .title.active {
background: #faaf32;
color: #fff;
}
._join2_list ul li .title b, ._join2_list ul li .title i {
width: 25px;
height: 25px;
border-radius: 25px;
background: rgba(0,0,0,.2);
position: absolute;
top: 13px;
right: 20px;
display: block;
cursor: pointer;
}
._join2_list ul li .title > span {
float: right;
font-size: 14px;
margin-right: 40px;
opacity: .8;
}
._join2_list ul li .title b {
opacity: 0;
}
._join2_list ul li .title b:after, ._join2_list ul li .title i:after, ._join2_list ul li .title i:before {
width: 15px;
height: 2px;
background: #fff;
position: absolute;
top: 11px;
left: 5px;
}
._join2_list ul li .title i:before {
display: block;
transform: rotate(90deg);
}
._join2_list ul li .title.active i::before {
display: none;
}
._join2_list ul li .title b:after, ._join2_list ul li .title i:after {
display: block;
transform: rotate(0);
}
._join2_list ul li .detail {
background: #f5f5f5;
padding: 20px;
box-sizing: border-box;
display: none;
}
._mo_box, ._mo_nav {
left: 0;
background: #fff;
}
._hot_tel, ._hot_tel span, ._mo_nav a {
display: block;
text-align: center;
}
._join2_list ul li .detail_top {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px dotted rgba(0,0,0,.1);
}
._join2_list ul li .detail_top span {
width: 25%;
line-height: 25px;
float: left;
padding: 5px 0;
}
._join2_list ul li .detail_bottom {
width: 100%;
height: auto;
line-height: 1.8;
padding: 15px 0 20px;
}
._join2_list ul li .detail_bottom p {
margin-bottom: 10px;
}
._join2_list ul li ._j_con {
line-height: 30px;
color: #d43126;
}
._join2_list ul li ._j_con span {
margin-right: 35px;
}
._mo_nav {
width: 100%;
height: 55px;
box-shadow: 0 0 4px rgba(0,0,0,.12);
position: fixed;
bottom: 0;
overflow: hidden;
}
._mo_nav a {
width: 20%;
height: 100%;
float: left;
}
._mo_nav a.active {
color: #b20715;
}
._mo_nav a.active .icon {
opacity: 1;
}
._mo_nav a .icon {
width: 25px;
height: 25px;
margin: 7px auto 3px;
position: relative;
opacity: .7;
}
._mo_nav a .txt {
font-size: 12px;
line-height: 14px;
}
._mo_box {
position: fixed;
z-index: 10000;
top: 0;
-webkit-transition: all .35s;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100vh;
}
._mo_box_logo, ._mo_menu {
left: 3%;
position: absolute;
}
._mo_box.active {
opacity: 1;
visibility: visible;
}
._mo_box_logo {
width: 100px;
height: auto;
top: 15px;
}
._mo_menu {
width: 94%;
height: auto;
top: 105px;
}
._mo_menu ul li {
width: 100%;
height: auto;
padding: 10px 0;
line-height: 25px;
font-size: 16px;
border-bottom: 1px solid rgba(0,0,0,.12);
}
._mo_menu ul li a {
color: #3e3e3e;
}
._hot_tel, ._mo_menu ul li.active a {
color: #b20715;
}
._mo_menu ul li.active {
border-bottom: 1px solid #b20715;
}
._hot_tel {
position: absolute;
left: 0;
bottom: 15px;
width: 100%;
font-size: 26px;
}
._hot_tel span {
color: #b20715;
font-size: 16px;
margin-bottom: 0;
}
._menu-btn {
position: fixed;
right: 15px;
top: 15px;
width: 40px;
height: 40px;
z-index: 31;
background-color: #b20715;
display: none;
border-radius: 50%;
box-shadow: 0 0 15px 5px rgba(0,0,0,.1);
}
._menu-btn span {
width: 12px;
height: 2px;
position: absolute;
left: 14px;
top: 15px;
background-color: #fff;
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
border-radius: 1px;
}
._menu-btn span:nth-child(2) {
top: 19px;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
}
._menu-btn span:nth-child(3) {
top: 23px;
}
._menu-btn.active {
display: block;
}
._menu-btn.active span:nth-child(1) {
top: 19px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
._menu-btn.active span:nth-child(2) {
transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
}
._menu-btn.active span:nth-child(3) {
top: 19px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
._news.news6 li:hover .item_img img, ._news.news6 li:hover item_img img {
transform: scale(1.08);
}
._about {
padding: 30px 0;
}
._about.about2 {
overflow: hidden;
}
._about.about2 .l {
width: 340px;
}
._about.about2 .expert.r {
width: 68%;
width: calc(100% - 390px);
}
._about.about2 .info, ._about.about2 .name {
width: 100%;
height: auto;
line-height: 1.7;
}
._about.about2 .name {
padding-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 15px;
}
._about.about2 .name p {
font-weight: 700;
font-size: 18px;
display: block;
color: #3e3e3e;
}
._about.about2 .name span {
display: block;
font-size: 14px;
opacity: .7;
}
._newsHot {
overflow: hidden;
padding: 30px 0;
}
._newsHot.hot1 .pic {
width: 470px;
}
._newsHot.hot1 .pic .informationBox .button-next, ._newsHot.hot1 .pic .informationBox .button-prev {
position: absolute;
top: 23%;
z-index: 5;
font-size: 46px;
color: #fff;
cursor: pointer;
transition: ease .5s;
}
._newsHot.hot1 .pic .informationBox .button-next {
right: 2%;
}
._newsHot.hot1 .pic .informationBox .button-prev {
left: 2%;
}
._newsHot.hot1 .pic .li {
color: #fff;
}
._newsHot.hot1 .pic .li img {
width: 100%;
}
._newsHot.hot1 .pic .text {
background: #003b7d;
overflow: hidden;
position: relative;
}
._newsHot.hot1 .pic .timer {
float: left;
width: 20%;
text-align: center;
position: absolute;
top: 17%;
}
._newsHot.hot1 .list .title, ._newsHot.hot1 .list li {
position: relative;
transition: ease .5s;
}
._newsHot.hot1 .pic .summary {
width: 76%;
float: right;
margin-right: 4%;
}
._newsHot.hot1 .pic .year {
display: block;
font-size: 30px;
font-weight: 700;
}
._newsHot.hot1 .pic .m {
font-size: 12px;
opacity: .6;
}
._newsHot.hot1 .pic .title {
line-height: 60px;
font-size: 16px;
border-bottom: 1px solid rgba(255,255,255,.2);
height: 60px;
}
._newsHot.hot1 .pic .description {
line-height: 1.7;
margin: 15px 0;
opacity: .6;
}
._newsHot.hot1 .list {
width: 56%;
}
._newsHot.hot1 .list li.first {
margin-bottom: 5px;
}
._newsHot.hot1 .list .title {
line-height: 49px;
overflow: hidden;
border-bottom: 1px solid #eaeaea;
font-size: 16px;
height: 50px;
}
._newsHot.hot1 .list .title i {
font-style: initial;
position: absolute;
right: 15px;
transition: ease .5s;
opacity: 0;
}
._newsHot.hot1 .list .title p {
width: 80%;
float: left;
}
._newsHot.hot1 .list .title span {
font-size: 14px;
float: right;
opacity: .7;
}
._newsHot.hot1 .list .item_des {
display: none;
padding-top: 15px;
font-size: 14px;
width: 85%;
height: 90px;
line-height: 1.8;
overflow: hidden;
opacity: .7;
}
._about.about3, ._news {
padding: 30px 0;
}
._newsHot.hot1 .list .date_wrap {
display: none;
}
._newsHot.hot1 .list .first .item_des {
display: block;
}
._newsHot.hot1 .list .first .date_wrap {
display: block;
top: 5px;
position: absolute;
right: 0;
text-align: center;
color: #888;
}
._newsHot.hot1 .list .first .title {
width: 80%;
}
._newsHot.hot1 .list .first .title p {
width: 100%;
}
._newsHot.hot1 .list .first .title i, ._newsHot.hot1 .list .first .title span {
display: none;
}
._newsHot.hot1 .list .year {
display: block;
font-size: 12px;
}
._newsHot.hot1 .list .m {
font-size: 32px;
font-weight: 700;
}
._newsHot.hot1 .list .date_wrap i {
font-style: initial;
margin-top: 16px;
display: block;
transition: ease .5s;
}
._news.news6 .date_wrap, ._news.news6 .details, ._news.news6 .item_des, ._news.news6 .item_img img, ._news.news6 .title {
transition: all .36s ease;
}
._about.about3 ul {
overflow: hidden;
}
._about.about3 li {
overflow: hidden;
margin-bottom: 25px;
}
._about.about3 .L, ._about.about3 .R {
width: 49%;
}
._about.about3 .Avatar {
width: 210px;
}
._about.about3 .Avatar img {
border: 10px solid #e5ebf2;
}
._about.about3 .information {
width: 62%;
}
._about.about3 .information a {
background: #0151aa;
width: 130px;
line-height: 32px;
display: inline-block;
text-align: center;
color: #fff;
border-radius: 15px;
}
._about.about3 .name {
color: #d90707;
font-size: 24px;
margin-bottom: 15px;
}
._about.about3 .position {
font-size: 16px;
color: #003b7d;
margin-bottom: 10px;
}
._about.about3 .description {
color: #666;
font-size: 15px;
line-height: 1.7;
margin-bottom: 20px;
height: 108px;
}
._news.news6 li {
overflow: hidden;
border-bottom: 1px solid rgba(0,0,0,.08);
padding-bottom: 20px;
margin-bottom: 20px;
}
._news.news6 .item_img {
width: 270px;
overflow: hidden;
}
._news.news6 .item_wrapper {
width: calc(100% - 290px);
}
._news.news6 .title {
line-height: 30px;
font-size: 16px;
width: 100%;
float: left;
color: #616161;
margin-bottom: 10px;
}
._news.news6 .date_wrap {
float: right;
color: #888;
font-size: 12px;
}
._news.news6 .item_des {
font-size: 13px;
line-height: 26px;
width: 100%;
float: left;
height: 57px;
margin-bottom: 7px;
}
._news.news6 .details {
width: 88px;
line-height: 34px;
border: 1px solid rgba(0,0,0,.1);
text-align: center;
color: rgba(0,0,0,.5);
float: right;
}
._news.news6 li:hover .title {
padding-left: 10px;
color: var(--yx_Color);
}
._news.news6 li:hover .date_wrap {
margin-right: 25px;
}
._news.news6 li:hover .item_des {
padding-left: 10px;
}
._news.news6 li:hover .details {
background: var(--yx_Color);
color: #fff;
}
._BreadCrumbs {
overflow: hidden;
}
._BreadCrumbs .category {
width: 66%;
overflow: hidden;
}
.hideBC._BreadCrumbs .category {
width: 100%;
}
.hideBC._BreadCrumbs .target {
display: none;
}
._BreadCrumbs .category a {
font-size: 13px;
line-height: 30px;
text-align: center;
padding: 0 20px;
transition: ease .5s;
display: inline-block;
}
._BreadCrumbs .category a.active, ._BreadCrumbs .category a:hover {
background: #00468c;
color: #fff;
}
._BreadCrumbs .target {
line-height: 30px;
}
._BreadCrumbs .target a:hover {
color: #00468c;
}
._news.news7 ul {
overflow: hidden;
}
._news.news7 ul li {
font-size: 16px;
float: left;
line-height: 46px;
overflow: hidden;
height: 46px;
padding: 0 30px;
position: relative;
color: #333;
}
._news.news7 ul li:after {
background: #003b7d;
width: 5px;
height: 5px;
position: absolute;
border-radius: 50%;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
._news.news7 ul.num3:nth-child(2n) {
background: #f3f3f3;
}
._news.news8 .newsTitle ._more:after, ._news.news8 .newsTitle:before {
height: 4px;
background: #d73137;
}
._news.news7 ul.num3 li {
width: calc(100% / 3);
}
._news.news8 {
overflow: hidden;
position: relative;
}
._news.news8 .L, ._news.news8 .R {
width: 100%;
}
._news.news8.double .L, ._news.news8.double .R {
width: 48%;
}
._news.news8 .newsTitle {
position: relative;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 35px;
}
._news.news8 .newsTitle:after {
position: relative;
clear: both;
display: block;
}
._news.news8 .newsTitle:before {
position: absolute;
width: 120px;
bottom: -1px;
}
._news.news8 .newsTitle .letter {
font-size: 58px;
float: left;
color: #d2151c;
margin-right: 5px;
}
._news.news8 .newsTitle span.en {
color: #d2151c;
font-size: 20px;
display: inline-block;
float: left;
position: absolute;
top: 4px;
left: 46px;
}
._news.news8 .newsTitle span.cn {
display: inline-block;
vertical-align: text-bottom;
position: absolute;
bottom: 12px;
font-size: 24px;
}
._news.news8 .newsTitle ._more {
float: right;
line-height: 68px;
color: #d2151c;
font-weight: 700;
text-transform: uppercase;
position: relative;
}
._news.news8 .newsTitle ._more:after {
position: absolute;
width: 100%;
bottom: -1px;
right: 0;
}
._news.news8 .newsTitle ._more i {
font-weight: 700;
}
._news.news8 ul {
margin-bottom: 25px;
}
._news.news8 li {
overflow: hidden;
margin-bottom: 40px;
}
._news.news8 .timer {
width: 48px;
text-align: center;
color: #d0d0d0;
font-size: 12px;
}
._news.news8 .number {
height: 48px;
width: 48px;
background: #d0d0d0;
display: block;
text-align: center;
line-height: 48px;
font-size: 28px;
color: #fff;
margin-bottom: 15px;
}
._news.news8 .text {
width: calc(100% - 70px);
margin: 0 auto;
}
._news.news8 .title {
color: #1d1d1d;
font-size: 18px;
margin-bottom: 10px;
}
._news.news8 .summary {
color: rgba(64,64,64,.8);
font-size: 14px;
line-height: 1.6;
}
._news.news9 ul {
position: relative;
}
._news.news9 ul:after {
display: block;
clear: both;
}
._news.news9 li {
float: left;
margin: 0 30px 45px 0;
box-shadow: 0 3px 11px 1px rgba(0,0,0,.2);
border-radius: 3px;
overflow: hidden;
position: relative;
}
._news.news9 li .titleBox {
transition: ease .5s;
}
._news.news9 li:nth-child(3n) {
margin-right: 0;
}
._news.news9 li .titleimg {
position: relative;
z-index: 5;
background: #fff;
}
._news.news9 li .tileteaserText {
padding: 16px 0;
position: relative;
z-index: 5;
background: #fff;
}
._news.news9 li .small {
padding: 0 16px;
}
._news.news9 li h4 {
font-size: 24px;
font-weight: inherit;
margin: 5px auto;
padding: 0 16px;
}
._news.news9 li .tileteaserLink {
border-top: 1px solid #dfe1e4;
padding: 18px 16px;
font-size: 18px;
position: relative;
z-index: 10;
background: #fff;
}
._news.news9 li i {
font-size: 14px;
display: inline-block;
vertical-align: middle;
line-height: 25px;
}
._news.news9 li i.moreBtn {
cursor: pointer;
}
._news.news9 li .tileteaserBurgerMenu {
position: absolute;
background: rgba(180,0,12,.8);
color: #000;
top: 0;
height: 100%;
width: 100%;
z-index: 6;
transition: ease .5s;
padding-top: 80px;
transform: translateY(100%);
}
._news.news9 li .tileteaserBurgerMenu span {
width: 100%;
display: block;
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
position: relative;
padding-left: 15%;
}
._news.news9 li .tileteaserBurgerMenu a {
display: inline-block;
position: relative;
line-height: 28px;
}
._news.news9 li .tileteaserBurgerMenu a:after {
width: 0;
height: 1px;
background: #000;
left: 0;
bottom: 0;
position: absolute;
transition: ease .5s;
}
._news.news9 li.active .titleBox {
transform: translateY(-100%);
}
._news.news9 li.active .tileteaserBurgerMenu {
transform: translateY(0);
}
._map {
padding: 30px 0;
}
._map.map1 {
overflow: hidden;
}
._map.map1 .L {
width: 340px;
}
._map.map1 .R {
width: calc(100% - 360px);
position: relative;
}
._map.map1 .L, ._map.map1 .R {
height: 573px;
}
._map.map1 .show_list {
height: 470px;
overflow-y: auto;
}
._map.map1 .sr_title {
position: absolute;
width: 200px;
text-align: center;
line-height: 60px;
background: #84d8d0;
z-index: 5;
color: #fff;
box-shadow: 0 0 11px 4px rgba(0,0,0,.31);
font-size: 20px;
right: 5%;
top: 5%;
cursor: pointer;
}
._map.map1 _fl {
width: calc(100% - 460px);
}
._map.map1 .select {
width: 100%;
height: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background: #84d8d0;
}
._map.map1 .select .po {
text-align: center;
font-size: 16px;
color: #fff;
text-indent: 25px;
}
._map.map1 #distpicker {
margin: 10px auto;
}
._map.map1 #distpicker select {
display: inline-block;
height: 34px;
width: 49%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
._map.map1 .show_list li {
width: 100%;
height: 150px;
margin-bottom: 10px;
display: block;
cursor: pointer;
overflow: hidden;
background: #f9f9f9;
}
._map.map1 .show_list .sl_top {
width: 55px;
height: 150px;
display: block;
text-align: center;
justify-content: center;
align-items: center;
position: relative;
line-height: 150px;
}
._map.map1 .show_list .sl_top i {
font-size: 20px;
color: #84d8d0;
}
._map.map1 .show_list .sl_bottom {
width: calc(100% - 60px);
height: 150px;
padding: 20px 0;
}
._map.map1 .show_list .sl_bottom b {
font-size: 20px;
font-weight: 400;
line-height: 30px;
display: block;
}
._map.map1 .show_list .sl_bottom p {
font-size: 14px;
line-height: 20px;
margin-top: 3px;
}
._map.map1 .show_list .sl_bottom p a {
color: #3e3e3e;
}
._map.map1 #l-map {
height: 100%;
}
._map.map1 #l-map .goBaidu {
display: block;
width: 40%;
margin-top: 15px;
height: 35px;
background: #f9bf00;
color: #fff;
line-height: 35px;
text-align: center;
position: relative;
border-radius: 50px;
float: left;
}
._map.map1 #l-map img {
max-width: inherit;
width: auto;
}
._map.map1 .show_list2 {
height: 470px;
overflow-y: auto;
}
._map.map1 .show_list2 li {
position: relative;
background: #f9f9f9;
padding: 15px 15px 15px 30px;
margin-bottom: 10px;
}
._map.map1 .show_list2 .iconPin {
position: absolute;
left: 5px;
top: 18px;
height: 20px;
width: 20px;
font-size: 20px;
}
._map.map1 .show_list2 .storeBox {
overflow: hidden;
}
._map.map1 .show_list2 .title {
line-height: 30px;
font-size: 14px;
font-weight: 700;
}
._map.map1 .show_list2 .store_list_tips {
font-size: 12px;
margin-bottom: 10px;
}
._map.map1 .show_list2 .more {
float: right;
font-size: 14px;
}
._map.map1 .show_list2 .more .iconMore {
font-size: 12px;
}
._news.news10 ul {
overflow: hidden;
}
._news.news10 li {
float: left;
width: 48%;
padding: 10px 0 10px 20px;
margin-right: 3%;
font-size: 14px;
position: relative;
line-height: 28px;
border-bottom: 1px dashed #b7baba;
cursor: pointer;
}
._news.news10 li a {
transition: ease .5s;
}
._news.news10 li:after {
display: block;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #6b6b6b;
position: absolute;
left: 2px;
top: 50%;
margin-top: -3px;
transition: all .5s;
-webkit-transition: all .5s;
}
._news.news10 li:nth-child(2n) {
margin-right: 0;
}
._about.about4 {
overflow: hidden;
}
._about.about4 .R {
width: 700px;
}
._about.about4 .R li {
border-bottom: 1px dotted #565656;
margin-top: 35px;
padding-bottom: 15px;
line-height: 1.7;
}
._about.about4 .R li:nth-child(1) {
margin-top: 0;
}
._service {
padding: 30px 0;
overflow: hidden;
}
._service.service1 li {
overflow: hidden;
height: 400px;
}
._service.service1 li .pic {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
._service.service1 .L, ._service.service1 .R {
position: relative;
width: 50%;
height: 100%;
}
._service.service1 .text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
._newsHot.hot2 .L {
width: 50%;
position: relative;
float: left;
}
._newsHot.hot2 .L, ._newsHot.hot2 .R {
height: 370px;
}
._newsHot.hot2 .L .ul {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
._newsHot.hot2 .R {
width: 50%;
float: left;
padding-left: 40px;
}
._newsHot.hot2 .R li {
height: 50px;
border: 1px solid #bababa;
overflow: hidden;
position: relative;
}
._newsHot.hot2 .R li i {
width: 60px;
text-align: center;
right: 0;
top: 0;
color: #a9a9a9;
position: absolute;
font-size: 16px;
line-height: 50px;
}
._newsHot.hot2 .L .img-box {
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
._newsHot.hot2 .L .li {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
._newsHot.hot2 .L .li.active {
opacity: 1;
visibility: visible;
}
._newsHot.hot2 .L .li .info {
position: absolute;
line-height: 40px;
padding: 0 20px;
color: #fff;
font-size: 16px;
background-color: rgba(0,0,0,.6);
width: 100%;
left: 0;
bottom: 0;
}
._newsHot.hot2 .L .li .info .title {
overflow: hidden;
}
._newsHot.hot2 .R li .title {
line-height: 48px;
float: left;
width: -webkit-calc(100% - 145px);
width: -moz-calc(100% - 145px);
width: calc(100% - 145px);
color: #222;
font-size: 16px;
margin-left: 20px;
overflow: hidden;
}
._newsHot.hot2 .R li .t {
font-size: 22px;
line-height: 26px;
color: #fff;
width: 65px;
text-align: center;
background-color: #bababa;
height: 48px;
float: left;
}
._newsHot.hot2 .R li .t span {
font-size: 14px;
display: block;
line-height: 20px;
}
._newsHot.hot2 .R li+li {
margin-top: 14px;
}
._newsHot.hot2 .R li.active {
border-color: #054274;
}
._newsHot.hot2 .R li.active .t {
background-color: #054274;
}
._newsHot.hot2 .R li.active .title, ._newsHot.hot2 .R li.active::before {
color: #054274;
}
._news.news12 ul::after {
display: table;
clear: both;
}
._news.news12 ul li {
width: -webkit-calc((100% - 40px)/ 2);
width: -moz-calc((100% - 40px)/ 2);
width: calc((100% - 40px)/ 2);
float: left;
padding: 16px;
background-color: #fff;
-webkit-box-shadow: 0 0 15px rgba(55,55,55,.1);
-moz-box-shadow: 0 0 15px rgba(55,55,55,.1);
box-shadow: 0 0 15px rgba(55,55,55,.1);
}
._news.news12 ul li .thum {
width: 210px;
float: left;
}
._news.news12 ul li .info {
width: -webkit-calc(100% - 245px);
width: -moz-calc(100% - 245px);
width: calc(100% - 245px);
float: left;
margin-left: 35px;
padding-top: 10px;
position: relative;
padding-bottom: 5px;
}
._news.news12 ul li a {
display: block;
position: relative;
overflow: hidden;
}
._news.news12 ul li .info .title {
font-size: 18px;
font-weight: 700;
line-height: 32px;
height: 64px;
overflow: hidden;
margin-bottom: 20px;
}
._news.news12 ul li .info .t {
color: #054274;
opacity: .6;
}
._news.news12 ul li .info .more {
position: absolute;
font-size: 16px;
color: #bababa;
border: 1px solid #bababa;
padding: 0 10px;
right: 0;
bottom: 0;
line-height: 25px;
}
._news.news12 ul li+li {
margin-left: 40px;
margin-bottom: 40px;
}
._news.news12 ul li:nth-child(2n+1) {
margin-left: 0;
}
._news.news12 ul li .img {
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
._news.news13 {
position: relative;
}
._news.news13.double {
overflow: hidden;
}
._news.news13.double > ._fl, ._news.news13.double > ._fr {
width: 48%;
}
._news.news13 .newsTitle {
font-size: 24px;
color: #292929;
padding: 10px 0;
margin-bottom: 15px;
border-bottom: 1px solid #eee;
position: relative;
}
._news.news13 .newsTitle:after {
background: var(--yx_Color);
height: 2px;
bottom: 0;
position: absolute;
left: 0;
width: 100px;
}
._news.news13 .newsTitle span {
color: rgba(102,102,102,.4);
font-size: 24px;
text-transform: uppercase;
}
._news.news13 li {
overflow: hidden;
width: 50%;
float: left;
margin-top: 25px;
}
._news.news13 li.first {
background: var(--yx_Color);
width: 100%;
margin-top: 0;
}
._news.news13 li.first ._fl {
display: block;
width: 220px;
}
._news.news13 li.first ._fr {
color: #fff;
width: calc(100% - 220px);
padding: 20px;
}
._news.news13 li.first .timer {
font-size: 14px;
display: none;
}
._news.news13 li.first .title {
font-size: 20px;
margin-bottom: 6px;
width: 100%;
}
._news.news13 li.first .item_des {
font-size: 14px;
color: rgba(255,255,255,.8);
line-height: 1.7;
width: auto;
height: auto;
}
._news.news13 li ._fl {
display: none;
}
._news.news13 li ._fr {
width: 100%;
}
._news.news13 li .timer {
display: inline-block;
color: var(--yx_Color);
width: 50px;
vertical-align: middle;
}
._news.news13 li .title {
display: inline-block;
width: 80%;
vertical-align: middle;
}
._news.news13 li .item_des {
width: 1px;
height: 1px;
overflow: hidden;
}
._map.map2 .TabList ul {
text-align: center;
padding-bottom: 120px;
}
._map.map2 .TabList li {
display: inline-block;
position: relative;
margin: 0 1%;
cursor: pointer;
width: 330px;
}
._map.map2 .TabList .icon {
width: 70px;
height: 70px;
margin: auto;
border-radius: 70px;
text-align: center;
line-height: 70px;
font-size: 31px;
background: #ccc;
position: relative;
z-index: 5;
transition: ease .5s;
}
._map.map2 .TabList li.active .icon {
transform: translateY(-10px);
}
._map.map2 .TabList .text {
width: 100%;
text-align: center;
line-height: 30px;
color: #757575;
font-weight: 700;
position: relative;
z-index: 5;
transition: ease .5s;
}
._map.map2 .TabList .infor {
width: 90%;
height: auto;
line-height: 24px;
background: #f6f6f6;
position: absolute;
padding: 65px 5% 0;
left: 5%;
opacity: 0;
transform: translateY(20%);
transition: ease .5s;
top: 45px;
z-index: 2;
text-align: left;
}
._map.map2 .TabList .inforPhone {
font-size: 14px;
line-height: 18px;
}
._map.map2 .TabList p {
position: relative;
padding-left: 25px;
margin-bottom: 5px;
}
._map.map2 .TabList p i {
position: absolute;
left: 0;
}
._map.map2 #l-map {
height: 480px;
}
._map.map2 .TabList li.active .infor {
opacity: 1;
transform: translateY(0);
}
._map.map2 .TabList li.active .text {
transform: translateY(-10px);
}
._recruitment {
padding: 30px 0;
}
._recruitment.recruitment1 li {
border-bottom: 1px dashed #ddd;
padding-bottom: 24px;
}
._recruitment.recruitment1 .up {
position: relative;
}
._recruitment.recruitment1 .position {
font-size: 30px;
color: #999;
padding: 20px 0 5px;
}
._recruitment.recruitment1 .address span {
display: inline-block;
line-height: 32px;
font-size: 14px;
margin-right: 15px;
}
._recruitment.recruitment1 .address span i {
font-size: 24px;
display: inline-block;
vertical-align: middle;
}
._recruitment.recruitment1 .more {
font-size: 24px;
float: right;
margin-top: 4px;
cursor: pointer;
}
._recruitment.recruitment1 .Claim {
display: none;
margin-top: 15px;
}
._recruitment.recruitment1 li.active .Claim {
display: block;
}
.recruitment2 .box {
position: relative;
}
.recruitment2 .box img {
transition: ease .6s;
max-width: inherit;
height: 100%;
display: inline-block;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.recruitment2 .box1, .recruitment2 .box3 {
width: 67%;
height: 420px;
}
.recruitment2 .box1 .text, .recruitment2 .box3 .text {
width: 330px;
color: #fff;
padding: 25px;
height: 100%;
background: #413497;
}
.recruitment2 .box1 .title, .recruitment2 .box3 .title {
font-size: 16px;
width: 88px;
line-height: 30px;
background-color: rgba(0,0,0,.2);
text-align: center;
height: 30px;
}
.recruitment2 .box1 .Introduction, .recruitment2 .box3 .Introduction {
margin-top: 25px;
}
.recruitment2 .box1 .more, .recruitment2 .box3 .more {
position: absolute;
bottom: 25px;
left: 25px;
}
.recruitment2 .box1 .pic, .recruitment2 .box3 .pic {
width: calc(100% - 330px);
right: 0;
overflow: hidden;
position: absolute;
height: 100%;
background-size: cover;
background-position: center;
}
.recruitment2 .box2 {
width: 31%;
border: 1px solid #eee;
height: 420px;
}
.recruitment2 .box2 .hot {
height: 218px;
width: 218px;
background: #0066b6;
border-radius: 50%;
text-align: center;
color: #fff;
padding-top: 53px;
margin: 50px auto 0;
}
.recruitment2 .box2 .num {
display: block;
font-size: 70px;
line-height: 68px;
}
.recruitment2 .box2 .text {
font-size: 25px;
}
.recruitment2 .box2 .stack {
width: 56px;
height: 56px;
font-size: 36px;
background: #0066b6;
border-radius: 50%;
color: #fff;
display: block;
text-align: center;
line-height: 56px;
margin: 22px auto 17px;
}
.recruitment2 .box2 p {
text-align: center;
font-size: 16px;
color: #0066b6;
}
.recruitment2 .box3 {
width: 49%;
margin-top: 20px;
}
._service.service2 li {
padding: 50px 0 85px;
}
._service.service2 li:nth-child(2n) {
background: #f5f5f5;
}
._service.service2 ._w1200 {
overflow: hidden;
}
._service.service2 .L {
width: 660px;
}
._service.service2 .gonglueTit {
height: 42px;
line-height: 42px;
font-size: 28px;
}
._service.service2 .gInfo {
font-size: 15px;
line-height: 22px;
color: #666;
padding: 22px 0 11px;
}
._service.service2 .listTe {
margin-bottom: 8px;
font-size: 15px;
color: #666;
line-height: 43px;
}
._service.service2 .listTe span {
display: block;
float: left;
margin-right: 12px;
width: 93px;
height: 43px;
line-height: 43px;
color: #555;
text-align: center;
font-size: 14px;
background-color: #f5f5f5;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
._history.history2 .focus_nav {
height: 108px;
line-height: 108px;
margin: 0 auto;
background: #f1f1f1;
position: relative;
}
._history.history2 .tempWrap {
width: 960px;
margin: 0 auto;
}
._history.history2 .tempWrap li {
position: relative;
display: inline-block;
cursor: pointer;
text-align: center;
color: #555;
font-size: 24px;
}
._history.history2 .tempWrap li.swiper-slide-thumb-active {
color: #fe901a;
}
._history.history2 .tempWrap li:after {
position: absolute;
width: 1px;
height: 24px;
background: #ccc;
right: 0;
top: 50%;
margin-top: -12px;
}
._banner.Banner1 .btnR, ._history.history2 .navNext {
right: 2%;
}
._history.history2 .navNext, ._history.history2 .navPrev {
display: inline-block;
width: 40px;
height: 40px;
overflow: hidden;
position: absolute;
top: 34px;
background: #666;
border-radius: 50%;
color: #fff;
line-height: 40px;
text-align: center;
cursor: pointer;
}
._case.case2, ._case.case2 li {
position: relative;
}
._history.history2 .navPrev {
left: 2%;
}
._history.history2 .focus_pic {
padding: 55px 0 123px;
height: auto;
overflow: hidden;
}
._service.service3 .investmentImg {
width: 450px;
}
._service.service3 .investmentText {
width: 56%;
}
._service.service3 .investmentText .productTit {
text-align: left;
padding: 0 0 19px;
border-bottom: 1px dashed #d0d0d0;
}
._service.service3 .investmentText .productTit a {
display: inline-block;
}
._service.service3 .investmentText .productTit strong {
margin-top: 0;
font-size: 22px;
color: #1d1d1d;
font-weight: inherit;
}
._service.service3 .investmentText .productTit span {
color: #fc9c20;
font-size: 22px;
}
._service.service3 .investmentList {
height: auto;
overflow: hidden;
padding: 26px 0 0;
}
._service.service3 .investmentDiv {
height: auto;
overflow: hidden;
margin-bottom: 13px;
}
._service.service3 .investmentDiv span {
display: block;
float: left;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
color: #727272;
font-size: 16px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
-ms-border-radius: 36px;
border-radius: 36px;
background-color: #f6f6f6;
}
._service.service3 .investmentInfo {
line-height: 24px;
font-size: 14px;
color: #666;
margin-left: 60px;
padding: 6px 0;
}
._team {
padding: 30px 0;
}
._team.team1 .desinger_item_box {
margin-top: 20px;
border: 1px solid #e3e3e3;
padding: 20px;
transition: all .2s linear;
cursor: pointer;
}
._AlbumPictures, ._AlbumPictures ._swiperBtn, ._case.case2 i, ._form.form2 .input {
transition: ease .5s;
}
._team.team1 .desinger_item_top {
overflow: hidden;
}
._team.team1 .desinger_img {
float: left;
height: 200px;
overflow: hidden;
width: 150px;
}
._team.team1 .desinger_introduction {
width: calc(100% - 170px);
height: 200px;
overflow: hidden;
float: right;
padding-top: 12px;
}
._team.team1 .d_info_box {
max-height: 127px;
height: 118px;
overflow: hidden;
}
._team.team1 .d_info_box .desinger_name {
font-size: 22px;
font-weight: 700;
color: #3b3b3b;
margin-bottom: 6px;
}
._team.team1 .d_info_box .style_title {
font-size: 14px;
color: #72757e;
font-weight: 700;
}
._team.team1 .d_info_box .designer_name {
font-size: 22px;
font-weight: 700;
color: #3b3b3b;
}
._team.team1 .d_info_box .designer_level_title {
font-size: 12px;
color: #fff;
background-color: #d9000f;
width: 91px;
height: 20px;
border-radius: 10px;
padding: 0 5px;
font-weight: 300;
display: inline-block;
text-align: center;
line-height: 20px;
margin-left: 7px;
margin-top: 3px;
}
._team.team1 .d_introduction_box li {
display: inline-block;
text-align: center;
height: 70px;
overflow: hidden;
border-right: 1px solid #e3e3e3;
padding: 7px 13px 0;
font-size: 14px;
font-weight: 700;
color: #7b7f7c;
}
._team.team1 .d_introduction_box li p {
margin-top: 13px;
}
._team.team1 .d_introduction_box li p i {
color: #d9000f;
}
._team.team1 .d_introduction_box li p span {
font-size: 18px;
}
._team.team1 .desinger_item_bottom {
margin-top: 26px;
}
._team.team1 .desinger_item_bottom a {
display: inline-block;
width: 280px;
margin-left: 8px;
}
._team.team1 .desinger_item_bottom a:first-child {
margin-left: 0;
}
._team.team1 .desinger_item_bottom img {
display: block;
}
._case.case2 li {
cursor: pointer;
z-index: 5;
}
._case.case2 .thum {
background: #000;
}
._case.case2 .img {
opacity: .7;
}
._case.case2 i {
position: absolute;
color: #fff;
top: 50%;
left: 50%;
font-size: 34px;
transform: translate(-50%, 100%);
opacity: 0;
-webkit-transform: translate(-50%, 100%);
-moz-transform: translate(-50%, 100%);
-ms-transform: translate(-50%, 100%);
-o-transform: translate(-50%, 100%);
}
._case.case2 .button-next, ._case.case2 .button-prev {
top: 50%;
transform: translateY(-50%);
z-index: 5;
color: #ccc;
position: absolute;
display: block;
left: auto;
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
font-size: 70px;
cursor: pointer;
opacity: .5;
}
._case.case2 .button-next.swiper-button-disabled, ._case.case2 .button-prev.swiper-button-disabled {
opacity: 0;
}
._case.case2 .button-next:hover, ._case.case2 .button-prev:hover {
opacity: 1;
}
._case.case2 .button-next {
right: -7%;
}
._case.case2 .button-prev {
left: -7%;
}
._AlbumPictures {
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
opacity: 0;
visibility: hidden;
z-index: 20;
}
._AlbumPictures ._photo, ._AlbumPictures ._photo img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
._AlbumPictures.active {
opacity: 1;
visibility: inherit;
}
._AlbumPictures ._photo {
width: 80%;
height: 60%;
}
._AlbumPictures ._photo img {
max-width: 100%;
max-height: 100%;
border: 25px solid #f4f4f2;
border-radius: 20px;
box-sizing: border-box;
}
._AlbumPictures ._swiperBtn {
width: 50px;
height: 50px;
background-size: cover;
background-color: #f4f4f2;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
position: absolute;
cursor: pointer;
line-height: 50px;
text-align: center;
font-size: 28px;
color: #666;
}
._AlbumPictures ._swiperBtn._SBL span, ._AlbumPictures ._swiperBtn._SBR span {
background: #666;
width: 37%;
height: 2px;
top: 50%;
display: block;
position: absolute;
}
._AlbumPictures ._swiperBtn._SBL span {
left: 41%;
}
._AlbumPictures ._swiperBtn._SBL .a {
transform: translate(-30%, 300%) rotate(40deg);
}
._AlbumPictures ._swiperBtn._SBL .b {
transform: translate(-30%, -300%) rotate(-40deg);
}
._AlbumPictures ._swiperBtn._SBR span {
left: 50%;
}
._AlbumPictures ._swiperBtn._SBR .a {
transform: translate(-30%, 300%) rotate(-40deg);
}
._AlbumPictures ._swiperBtn._SBR .b {
transform: translate(-30%, -300%) rotate(40deg);
}
._AlbumPictures ._swiperBtn:hover {
box-shadow: 0 0 12px 6px rgba(239,239,239,.24);
}
._AlbumPictures ._swiperBtn._SBL {
left: 5%;
}
._AlbumPictures ._swiperBtn._SBR {
right: 5%;
}
._AlbumPictures ._swiperBtnOff {
width: 30px;
height: 30px;
background-size: cover;
position: absolute;
right: 0;
cursor: pointer;
top: 0;
color: #fff;
line-height: 30px;
text-align: center;
font-size: 30px;
}
._AlbumPictures ._swiperBtnOff span {
background: #fff;
display: block;
position: absolute;
width: 100%;
height: 2px;
top: 50%;
left: 50%;
}
._AlbumPictures ._swiperBtnOff .a {
transform: translate(-50%, -50%) rotate(45deg);
}
._AlbumPictures ._swiperBtnOff .b {
transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-moz-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
}
._team.team2 .d_desinger {
background: url("../images/dfg.jpg");
background-size: cover;
}
._team.team2 .d_desinger_box {
overflow: hidden;
text-align: center;
}
._team.team2 .d_desinger_info_box {
width: 700px;
height: 450px;
background-color: rgba(0,0,0,.3);
padding: 65px 49px;
color: #fff;
box-sizing: border-box;
display: inline-block;
margin-right: 150px;
text-align: left;
}
._team.team2 .d_desinger_title {
font-size: 44px;
font-weight: 700;
margin-bottom: 6px;
}
._team.team2 .d_desinger_info {
font-size: 15px;
color: #b7b7b7;
margin-bottom: 6px;
overflow: hidden;
}
._team.team2 .b_line {
width: 50px;
border-bottom: 2px solid #b7b7b7;
margin-top: 15px;
}
._team.team2 .d_desinger_line {
font-size: 18px;
margin: 25px 0 10px;
}
._team.team2 .d_desinger_btn {
width: 122px;
height: 36px;
background-color: #d6010e;
line-height: 36px;
text-align: center;
font-size: 18px;
cursor: pointer;
}
._team.team2 .d_desinger_image {
width: 240px;
height: auto;
border: 5px solid rgba(255,255,255,.5);
margin: 40px 53px 0 0;
position: relative;
box-sizing: border-box;
display: inline-block;
}
._team.team2 .d_desinger_name {
width: 100%;
height: 30px;
background-color: rgb(0, 0, 0, .5);
position: absolute;
bottom: 0;
left: 0;
text-align: center;
color: #fff;
line-height: 30px;
font-size: 14px;
}
._form.form2 #_form {
position: relative;
}
._form.form2 #_form:after {
display: block;
clear: both;
}
._form.form2 ._fl, ._form.form2 ._fr {
width: 48%;
}
._form.form2 .inputBox {
opacity: .4;
transition: ease .5s;
}
._form.form2 .inputBox:hover {
opacity: 1;
}
._form.form2 .inputBox:hover .input {
box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
border-radius: 5px;
}
._form.form2 label {
font-weight: 700;
font-size: 16px;
margin-bottom: 10px;
display: inline-block;
}
._form.form2 select {
width: 100%;
border: 1px solid #e1e7ee;
height: 40px;
text-indent: 15px;
}
._team.team3 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
._team.team3 ul li {
width: 24%;
height: auto;
margin-bottom: 20px;
}
._team.team3 ul li .thum {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
._team.team3 ul li .thum .img {
width: 100%;
height: auto;
background: center center no-repeat;
background-size: cover;
position: relative;
transition: all .36s ease 0s;
}
._team.team3 ul li:hover .thum .img {
-webkit-transform: scale(1.1);
}
._team.team3 li .thum .icon {
width: 56px;
height: 56px;
position: absolute;
left: 50%;
top: -80px;
margin-left: -30px;
margin-top: -10px;
opacity: 0;
transition: all .46s ease 0s;
font-size: 0;
background: var(--yx_Color);
border-radius: 50%;
}
._team.team3 ul li .thum .icon:after, ._team.team3 ul li .thum .icon:before {
background: #fff;
position: absolute;
left: 50%;
top: 50%;
}
._team.team3 ul li:hover .thum .icon {
top: 50%;
opacity: 1;
}
._team.team3 ul li .thum .icon:before {
width: 18px;
height: 2px;
margin-left: -9px;
}
._team.team3 ul li .thum .icon:after {
width: 2px;
height: 18px;
margin-left: -1px;
margin-top: -8px;
}
._team.team3 ul li .title {
text-align: center;
padding: 18px 10px;
transition: all .36s ease 0s;
}
._team.team3 ul li .title b {
font-size: 18px;
font-weight: 400;
line-height: 26px;
}
._team.team3 ul li .title p {
font-size: 14px;
line-height: 20px;
}
._team.team3 ul li:hover .title {
background: var(--yx_Color);
color: #fff;
}
._banner.Banner1 {
position: relative;
}
._banner.Banner1.bannerBox {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
}
._banner.Banner1.bannerBox .ul {
box-sizing: content-box;
display: flex;
}
._banner.Banner1 .btnL, ._banner.Banner1 .btnR {
position: absolute;
top: 50%;
z-index: 5;
color: #fff;
font-size: 30px;
background: #003b7d;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
margin-top: -30px;
cursor: pointer;
transition: ease .5s;
opacity: 0;
}
._banner.Banner1 .btnL {
left: 2%;
}
._banner.Banner1:hover .btnL, ._banner.Banner1:hover .btnR {
opacity: .7;
}
._banner.Banner1 .btnL:hover, ._banner.Banner1 .btnR:hover {
opacity: 1;
}
._banner.Banner1 .pagination {
width: 100%;
position: absolute;
bottom: 3%;
z-index: 5;
text-align: center;
}
._banner.Banner1 .pagination span {
background: #fff;
opacity: 1;
height: 12px;
width: 12px;
display: inline-block;
border-radius: 50%;
margin: 0 5px;
}
._banner.Banner1 .pagination span.active {
background: #d90707;
}
._banner.Banner1 .pic {
transition: opacity 1s, transform 13s;
opacity: 0;
}
._banner.Banner1 .li {
transition-property: transform, -webkit-transform;
flex-shrink: 0;
width: 100%;
}
._banner.Banner1 .li.active .pic {
opacity: 1;
transform: scale(1.05);
}
._banner.Banner1 .li .pic {
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
}
._menuNav {
position: fixed;
z-index: 30;
width: 62px;
height: 62px;
border: 1px solid #fff;
top: 58px;
right: 58px;
cursor: pointer;
}
._menuNav i {
position: absolute;
background: var(--yx_Color);
z-index: 5;
transition: ease .5s 0s;
}
._menuNav i.l {
left: -1px;
bottom: 0;
height: 0;
width: 1px;
}
._menuNav i.t {
left: -1px;
top: -1px;
width: 0;
height: 1px;
}
._menuNav i.r {
right: -1px;
top: -1px;
height: 0;
width: 1px;
}
._menuNav i.b {
right: -2px;
bottom: -1px;
width: 0;
height: 1px;
}
._menuNav span {
width: 34px;
height: 4px;
background-color: #fff;
border-radius: 4px;
left: 14px;
top: 18px;
position: absolute;
display: block;
transition: all .8s;
z-index: 2;
}
._menuNav span:nth-child(2) {
top: 29px;
width: 24px;
transform-origin: right center;
}
._menuNav span:nth-child(3) {
top: 40px;
}
._menu.menu3 .list {
position: fixed;
z-index: 10;
background-color: #222;
width: 0;
height: 0;
right: -150vw;
top: -150vw;
color: #fff;
overflow: hidden;
border-bottom-left-radius: 50%;
transition: all 2s ease-out;
}
._menu.menu3.active .list {
width: 300vw;
height: 300vw;
}
._menu.menu3 .list ul {
display: flex;
width: 100%;
justify-content: space-between;
padding: 0 15%;
font-size: 22px;
}
._menu.menu3.active ._menuNav {
border-color: transparent;
}
._menu.menu3 .list a {
display: block;
text-align: center;
}
._menu.menu3.active ._menuNav span {
background-color: #fff;
}
._menu.menu3.active ._menuNav span:nth-child(2) {
transform: scaleX(0);
}
._menu.menu3.active ._menuNav span:nth-child(1) {
transform: rotate(45deg);
top: 29px;
}
._menu.menu3.active ._menuNav span:nth-child(3) {
transform: rotate(-45deg);
top: 29px;
}
._menu.menu3 .list .box {
display: flex;
align-items: center;
height: 100vh;
width: 100vw;
line-height: 1.7;
position: absolute;
top: 150vw;
right: 150vw;
}
.news14, .news14 li, .news14 li a, .news14 ul, .news14 ul:after {
position: relative;
}
._menu.menu3 .list ul li > a {
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
}
._menu.menu3 .list ul li .item a {
opacity: .7;
}
.news14 ul {
border-top: 1px solid #f2f2f2;
}
.news14 ul:after {
display: block;
clear: both;
}
.news14 li {
width: calc(100% / 3);
height: auto;
padding: 20px;
float: left;
overflow: hidden;
transition: ease .6s;
}
.news14 li a {
display: block;
z-index: 5;
}
.news14 li:after {
position: absolute;
width: 100%;
height: 100%;
top: -2px;
left: -2px;
border: 1px solid #f2f2f2;
}
.news14 li .info {
font-size: 16px;
text-align: center;
padding: 40px 0;
}
.news14 li .title {
margin-bottom: 10px;
}
.news14 li .number {
margin-bottom: 35px;
}
.news14 li .name {
width: 60%;
line-height: 44px;
text-align: center;
display: inline-block;
border: 1px solid #333;
transition: ease .6s;
}
.news15 .li ._more, .news15 .li .pic img {
transition: ease .5s;
}
.news15 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.news15 .li {
color: #333;
width: 32%;
margin-bottom: 25px;
}
.news15 .li .pic {
margin-bottom: 20px;
overflow: hidden;
}
.news15 .li .pic img{

	height: 100%;
width: 100%;
object-fit: cover;
}
.news15 .li .title {
font-size: 20px;
margin-bottom: 10px;
}
.news15 .li .item_des {
color: rgba(51,51,51,.7);
margin-bottom: 8%;
}
.news15 .li ._more {
color: #999;
border-color: var(--yx_Color);
width: 140px;
height: auto;
display: inline-block;
text-align: center;
line-height: var(--yx_FS48);
text-transform: uppercase;
font-size: 12px;
border-left: 1px solid var(--yx_Color);
border-bottom: 1px solid var(--yx_Color);
border-top: 1px solid var(--yx_Color);
position: relative;
z-index: 5;
}
.news15 .li ._more i {
position: absolute;
left: 85%;
display: block;
top: 50%;
font-size: 38px;
transform: translateY(-50%);
font-weight: 100;
transition: ease .5s;
line-height: 32px;
color:var(--yx_Color);
}
.news15 .li ._more:after, .news15 .li ._more:before {
height: 25%;
width: 1px;
background: var(--yx_Color);
right: 0;
position: absolute;
}
.news16 .li, .news16 ul {
background: #f9f9f9;
position: relative;
}
.news15 .li ._more:after {
bottom: 0;
}
.news15 .li ._more:before {
top: 0;
}
.news16 ul:after {
display: block;
clear: both;
}
.news16 .li {
width: 25%;
float: left;
margin-bottom: 25px;
}
.news16 .li:after {
width: 1px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #f1f1f1;
}
.news16 .li a {
position: relative;
width: 100%;
display: block;
height: 100%;
}
.news16 .li .hotBox {
padding: 40px 30px 0;
position: relative;
}
.news16 .li .text {
transition: transform .25s cubic-bezier(.46, .03, .52, .96);
position: relative;
z-index: 5;
}
.news16 .li .Introduction, .news16 .li .timer, .news16 .li .title {
position: relative;
z-index: 6;
transition: color .25s cubic-bezier(.455, .03, .515, .955);
}
.news16 .li .timer {
color: rgba(102,102,102,.7);
font-size: 24px;
margin-bottom: 35px;
}
.news16 .li .title {
color: #333;
font-size: 16px;
margin-bottom: 20px;
}
.news16 .li .Introduction {
color: rgba(102,102,102,.7);
margin-bottom: 80px;
line-height: 1.8;
height: 75px;
}
.news16 .li .HotPic {
height: 250px;
width: 100%;
}
.news16 .li .Imgset_bg {
position: absolute;
width: calc(100% - 60px);
left: 30px;
right: 0;
height: 250px;
bottom: 0;
transition: all .25s cubic-bezier(.455, .03, .515, .955);
box-shadow: 0 0 0 rgba(24,53,78,0);
z-index: 2;
background-size: cover;
background-position: center;
}
.news16 .li .Imgset_bg:after {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background-image: linear-gradient(180deg, rgba(94,140,162,.8), rgba(24,53,78,0));
transition: opacity .25s cubic-bezier(.455, .03, .515, .955);
opacity: 0;
z-index: 5;
}
.news17 li {
width: 49%;
float: left;
background: #fff;
margin-bottom: 15px;
box-shadow: 0 0 8px 1px rgba(140,140,140,0);
transition: ease .5s;
border: 1px solid rgba(234,234,234,.4);
}
.news17 li:nth-child(2n) {
margin-left: 2%;
}
.news17 li a {
position: relative;
width: 100%;
display: block;
padding: 40px 20px;
}
.news17 li a:after {
content: '';
display: block;
clear: both;
}
.news17 li ._fl {
width: 115px;
text-align: center;
color: #1a1a1a;
}
.news17 li ._fr {
width: calc(100% - 130px);
}
.news17 li .timer {
font-style: italic;
font-family: Small ltalic;
height: 64px;
}
.news17 li .day {
display: block;
font-size: 50px;
}
.news17 li .title {
color: #333;
font-size: 18px;
margin-bottom: 10px;
}
.news17 li .des {
font-size: 14px;
color: #666;
height: 38px;
}
.news18 li {
width: 48.5%;
float: left;
padding: 50px;
background: #f7f7f7;
transition: ease .8s;
margin-bottom: 40px;
}
.news18 li:nth-child(2n) {
margin-left: 3%;
}
.news18 li h3 {
font-size: 22px;
line-height: 1.8;
color: #0074bc;
margin-bottom: 5px;
transition: ease .8s;
}
.news18 li .text {
font-size: 16px;
line-height: 30px;
height: 210px;
overflow: hidden;
margin-bottom: 20px;
}
.news18 li .sp {
width: 31%;
height: 45px;
line-height: 45px;
padding: 0 20px;
background: #e1e1e1;
color: #333;
display: block;
position: relative;
float: left;
transition: ease .8s;
margin-right: 10px;
}
.news18 li .sp i {
float: right;
line-height: 45px;
}
#_loading {
position: fixed;
top: 0;
left: 0;
background: #e3dcc0;
z-index: 9999;
width: 100%;
height: 100%;
}
#_loading.loading1 .l-c {
width: 40px;
height: 40px;
border: 1px solid #fff;
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -20px;
margin-left: -20px;
left: 50%;
box-sizing: border-box;
animation: rotation 1s ease-in-out infinite;
-webkit-animation: rotation 1s ease-in-out infinite;
}
#_loading.loading1 .l-c:after {
width: 7px;
height: 7px;
background-color: #fff;
border-radius: 100%;
position: absolute;
content: "";
top: 0;
right: 14px;
}
._nav.nav3, .nav3 .navBox, .nav3 a {
height: auto;
overflow: hidden;
}
.nav3 a, .nav3 a b {
position: relative;
}
._nav.nav3 {
width: 100%;
text-align: center;
margin-bottom: 50px;
background: #8fc839;
}
.nav3 a.active, .nav3 a:before {
background: #281306;
}
.nav3 .navBox {
margin: auto;
}
.nav3 a {
line-height: 40px;
text-align: center;
display: block;
padding: 10px 0;
float: left;
width: 20%;
font-size: 16px;
color: #fff;
}
.nav3 a b {
font-weight: 400;
z-index: 1;
}
.nav3 a:before {
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
content: '';
display: block;
-webkit-transition: all .5s;
z-index: 0;
border-radius: 50%;
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotation {
0% {
-moz-transform: rotate(0);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
transform: rotate(0);
-ms-transform: rotate(0);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
}
.magic1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background: #fff;
transition: cubic-bezier(.6, .15, .49, .84) 1s;
}
.magic1.active {
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
}
.magic1 ._progressedBox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
width: 600px;
}
.magic1 ._progressedBox .svg {
width: 480px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}
.magic1 ._progressedBox .svg svg {
width: 770px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.magic1 .st0 {
fill: none;
stroke: #e21b1b;
stroke-width: 2;
stroke-miterlimit: 10;
}
.magic1 .st1 {
fill: #fff;
}
.magic1 .st3 {
font-size: 12px;
}
.magic1 ._progressed {
color: #c1192e;
font-size: 30px;
font-weight: 700;
position: absolute;
bottom: 17%;
text-align: center;
width: 100%;
}
.magic1 .wavesvgshape {
overflow: hidden;
}
.magic1 .wavesvg {
width: 100%;
height: auto;
overflow: hidden;
float: left;
fill: #00a1df;
margin: 0;
animation: waveSvgAnim 1s linear infinite;
-webkit-animation: waveSvgAnim 1s linear infinite;
}
#_ScrollPlate {
position: relative;
z-index: 10;
}
._ScrollBox {
position: relative;
}
._ScrollBox .screen {
position: relative;
}
@keyframes waveSvgAnim {
0% {
transform: translateX(-120px);
}
100% {
transform: translateX(120px);
}
}
@media screen and (min-width:1200px) {
._news.news5 ul li:hover, ._newsHot.hot1 .list li:hover .title {
padding: 0 15px;
color: #003b7d;
}
._newsHot.hot1 .pic .informationBox .button-next:hover, ._newsHot.hot1 .pic .informationBox .button-prev:hover {
color: #003b7d;
opacity: 1;
}
._newsHot.hot1 .list li:hover .date_wrap i {
color: #003b7d;
}
._newsHot.hot1 .list li:hover .title i {
right: 0;
opacity: 1;
}
._news.news9 li .tileteaserBurgerMenu a:hover:after {
width: 100%;
}
._news.news10 li:hover:after {
background: #ccc;
}
._news.news10 li:hover a {
color: #ccc;
}
._map.map2 .TabList li:hover .infor {
opacity: 1;
transform: translateY(0);
}
._map.map2 .TabList li:hover .icon, ._map.map2 .TabList li:hover .text {
transform: translateY(-10px);
}
._team.team1 .desinger_item_box:hover {
box-shadow: 0 15px 30px rgba(0,0,0,.1);
transform: translate3d(0, -2px, 0);
}
._case.case2 li:hover i {
opacity: 1;
transform: translate(-50%, -50%);
}
._pageTitleTab a:hover {
color: #fff;
background: var(--yx_Color);
}
.news14 li:hover .name, .news15 .li:hover ._more {
background: var(--yx_Color);
color: #fff;
}
.news14 li:hover {
box-shadow: 0 0 13px 3px rgba(0,0,0,.17);
}
.news14 li:hover .name {
border: 1px solid var(--yx_Color);
}
._menuNav:hover i.l {
height: 100%;
transition: ease .3s 0s;
}
._menuNav:hover i.t {
width: 101%;
transition: ease .3s .3s;
}
._menuNav:hover:hover i.r {
height: 101%;
transition: ease .3s .6s;
-webkit-transition: ease .3s .6s;
-moz-transition: ease .3s .6s;
-ms-transition: ease .3s .6s;
-o-transition: ease .3s .6s;
}
._menuNav:hover i.b {
width: 105%;
transition: ease .3s .9s;
}
._menuNav:hover span {
width: 34px;
}
.news16 .li:hover .Introduction, .news16 .li:hover .timer, .news16 .li:hover .title {
color: #fff;
}
.news16 .li:hover .Imgset_bg {
height: 563px;
left: 0;
right: 0;
width: 100%;
box-shadow: 0 .5rem 3rem rgba(24,53,78,.4);
}
.news16 .li:hover a:after {
opacity: 1;
}
.news16 .li:hover .text {
transform: translateY(-10px);
}
.news16 .li:hover .Imgset_bg:after {
opacity: 1;
}
.nav3 a:hover:before {
width: 110%;
height: 350%;
}
.news15 .li:hover ._more i {
left:90%;
color: var(--yx_Color);
}
.news15 .li:hover .pic img {
transform: scale(1.1);
}
._form.form1 .input:hover {
opacity: 1;
}
._form.form1 .input:hover input, ._form.form1 .input:hover select, ._form.form1 .input:hover textarea {
box-shadow: 0 0 20px 1px rgba(0,0,0,.1);
border-radius: 5px;
}
.news17 li:hover {
box-shadow: 0 0 8px 1px rgba(140,140,140,.1);
}
.recruitment2 .box:hover img {
transform: translateX(-50%) scale(1.1);
}
.news18 li:hover {
background: #0073bc;
color: #fff;
}
.news18 li:hover .sp {
background: #fff;
}
.news18 li:hover h3 {
color: #fff;
}
}
@media screen and (max-width:1600px) {
._w1300, ._w1400, ._w1500, ._w1600 {
width: 1300px;
}
}
@media screen and (max-width:1444px) {
._w1200, ._w1300, ._w1400, ._w1500, ._w1600 {
width: 1200px;
}
._menuNav {
width: 40px;
height: 40px;
top: 30px;
}
._menuNav span {
top: 10px;
left: 8px;
width: 23px;
}
._menuNav span:nth-child(2) {
top: 19px;
width: 24px;
transform-origin: right center;
}
._menuNav span:nth-child(3) {
top: 28px;
}
._menu.menu3.active ._menuNav span:nth-child(2) {
transform: scaleX(0);
}
._menu.menu3.active ._menuNav span:nth-child(1) {
transform: rotate(45deg);
top: 20px;
}
._menu.menu3.active ._menuNav span:nth-child(3) {
transform: rotate(-45deg);
top: 20px;
}
._news.news13 li.first ._fr {
padding: 10px;
}
._news.news13 li.first .title {
font-size: 16px;
height: 26px;
overflow: hidden;
}
.news16 .li .Introduction {
margin-bottom: 30px;
}
.news16 .li .hotBox {
padding: 20px 30px 0;
}
.news16 .li .timer {
margin-bottom: 25px;
}
.news16 .li .HotPic, .news16 .li .Imgset_bg {
height: 200px;
}
.news17 li .day {
font-size: 46px;
}
.news17 li .des {
height: 48px;
}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
._w1200, ._w1300, ._w1400, ._w1500, ._w1600 {
width: 92%;
}
._menu.menu3.active .list {
height: 250vh;
}
}
@media screen and (max-width:1024px) {
._w1200, ._w1300, ._w1400, ._w1500, ._w1600 {
width: 92%;
}
.news16 .li .timer {
margin-bottom: 15px;
}
.news16 .li .title {
margin-bottom: 10px;
}
.news16 .li .HotPic, .news16 .li .Imgset_bg {
height: 150px;
}
._news.news13.double > ._fl {
margin-bottom: 35px;
}
._news.news13.double > ._fl, ._news.news13.double > ._fr {
width: 100%;
}
._team.team2 .d_desinger_info_box {
margin-right: 50px;
width: 550px;
padding: 80px 50px;
}
._team.team2 .d_desinger_title {
font-size: 34px;
}
._team.team1 .desinger_item_bottom a {
width: 24%;
margin: 0;
}
._team.team1 .desinger_item_bottom {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.recruitment2 .box1 .text, .recruitment2 .box3 .text {
width: 220px;
}
.recruitment2 .box1 .pic, .recruitment2 .box3 .pic {
width: calc(100% - 220px);
}
.recruitment2 .box1, .recruitment2 .box2, .recruitment2 .box3 {
height: 330px;
}
.recruitment2 .box2 .hot {
width: 160px;
height: 160px;
margin: 20px auto 0;
padding-top: 25px;
}
.recruitment2 .box2 .stack {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 30px;
margin: 13px auto;
}
.recruitment2 .box2 .num {
line-height: 1;
font-size: 60px;
}
.recruitment2 .box2 .text {
font-size: 20px;
}
}
@media screen and (max-width:768px) {
.nav3 .navBox {
width: 100%;
}
.nav3 a {
width: calc(100% / 3);
line-height: 30px;
font-size: 14px;
}
.news16 .li {
width: 50%;
}
.news16 .li .HotPic, .news16 .li .Imgset_bg {
height: 180px;
}
._menu.menu3.active .list {
width: 300vw;
height: 350vw;
}
._menu.menu3 .list ul li > a {
font-size: 22px;
}
._menu.menu3 .list a {
font-size: 18px;
}
.news14 li .name {
width: 80%;
line-height: 34px;
}
.news14 li .info {
padding: 20px 0;
}
.news14 li .number {
margin-bottom: 15px;
}
._team.team2 .d_desinger_image {
float: left;
margin: 40px 20px 0 0;
}
._team.team2 .d_desinger_info_box {
float: right;
margin: 0 auto;
width: calc(100% - 260px);
padding: 70px 50px;
}
._team.team2 .d_desinger_info {
-webkit-line-clamp: 5;
}
.news17 li, .news17 li:nth-child(2n) {
width: 100%;
margin: 0 auto 15px;
}
.recruitment2 .box1, .recruitment2 .box3 {
width: 100%;
}
.recruitment2 .box2 {
width: 100%;
margin-top: 20px;
}
.recruitment2 .box1 .text, .recruitment2 .box3 .text {
width: 38%;
}
.recruitment2 .box1 .pic, .recruitment2 .box3 .pic {
width: 62%;
position: relative;
}
}
@media screen and (max-width:600px) {
._news.news13 li, ._news.news13 li.first ._fl, ._news.news13 li.first ._fr, .news14 li, .news16 .li {
width: 100%;
}
.news16 .li .HotPic, .news16 .li .Imgset_bg {
height: 200px;
}
._menu.menu3.active .list {
height: 400vw;
}
._menu.menu3 .list ul li .item {
display: none;
}
._menu.menu3 .list ul li {
display: block;
width: 100%;
}
._menu.menu3 .list ul {
display: block;
}
._menuNav {
right: 15px;
top: 15px;
}
.news14 li {
padding: 0;
margin-bottom: 35px;
}
.news14 li .name {
font-size: 14px;
}
.news14 li:after {
display: none;
}
._news.news13 .newsTitle {
font-size: 20px;
}
._news.news13 .newsTitle span, .backTop {
font-size: 16px;
}
._news.news13 li {
margin-top: 15px;
}
._news.news13 li .title {
-webkit-line-clamp: 1;
}
.backTop {
right: 4%;
width: 30px;
height: 30px;
line-height: 30px;
}
._team.team2 .d_desinger_image {
width: 40%;
margin: 0 auto;
border: 2px solid rgba(255,255,255,.5);
}
._team.team2 .d_desinger_image img {
width: 100%;
}
._team.team2 .d_desinger_box {
padding: 25px 0;
height: auto;
}
._team.team2 .d_desinger_info_box {
padding: 0;
width: 55%;
background: 0 0;
height: auto;
}
._team.team2 .d_desinger_title {
font-size: 20px;
}
._team.team2 .d_desinger_info {
-webkit-line-clamp: 3;
}
._team.team2 .d_desinger_line {
margin: 20px 0 10px;
font-size: 14px;
}
._team.team2 .d_desinger_btn {
font-size: 14px;
width: 80px;
}
._case.case2 .button-next, ._case.case2 .button-prev {
font-size: 28px;
}
.news17 li a {
padding: 10px 5px;
}
.news17 li .day {
font-size: 28px;
}
.news17 li .timer {
font-size: 14px;
}
.news17 li ._fl {
width: 70px;
}
.news17 li ._fr {
width: calc(100% - 80px);
}
.news17 li .title {
font-size: 18px;
}
.recruitment2 .box1 .text, .recruitment2 .box3 .text {
width: 50%;
padding: 10px;
}
.recruitment2 .box1, .recruitment2 .box3 {
height: 250px;
}
.recruitment2 .box1 .pic, .recruitment2 .box3 .pic {
width: 50%;
}
.recruitment2 .box1 .Introduction, .recruitment2 .box3 .Introduction {
font-size: 12px;
margin-top: 15px;
}
.recruitment2 .box2 .hot {
width: 120px;
height: 120px;
}
.recruitment2 .box2 .num {
font-size: 40px;
}
.recruitment2 .box2 .text {
font-size: 16px;
}
.recruitment2 .box2 .stack {
width: 46px;
line-height: 46px;
height: 46px;
font-size: 26px;
}
.recruitment2 .box2 {
height: 280px;
}
}
/*pages*/ 
.pagination-wrapper {
margin: 20px 0;
}

.pagination{clear: both;margin:40px auto 20px auto; padding-top:50px; overflow: hidden; text-align: center;font-size:14px; border-top: 5px solid #f4f5f6;}
.pagination ul li{display:inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.pagination ul li:hover{background:#03142e;color:#fff;border: 1px solid #03142e}
.pagination ul li:hover a{color:#fff;}
.pagination ul li.pages_solid{display: inline-block;border: 1px solid #03142e;padding:6px 15px;margin: 0 1px;background: #03142e;color: #fff;}
.pagination ul li a{display:block;color:#999}
.pagination ul li a:hover{color: #fff;}


div#ftop{
display: flex;
justify-content: space-between;
padding:10px 0 var(--yx_FS18);
color:#fff;
opacity:0.65;
}
div#ftop div a{
color:#fff
}
div#ftop div img{
display: inline;
}