@font-face {
	font-family: Avian;
	src: url(../fonts/Avian.ttf);
	font-weight: normal;
	font-style: normal;
}
.main-color {
	color: rgb(28, 98, 176);
}
.color-red {
	color: rgb(254, 0, 0);
}
.header {
	height: 90px;
}
.header .logo {
	margin-top: 15px; margin-left: 10px; float: left;
}
.header .name {
	padding-top: 35px; padding-left: 15px; float: left;
}
.header .right-box {
	padding-top: 14px; padding-right: 10px; float: right;
}
.header .right-box .top-link {
	text-align: left;
}
.header .right-box .top-link .language {
	top: 2px; position: relative;
}
.header .right-box .top-link a {
	color: rgb(135, 135, 135);
}
.header .right-box .top-link a:hover {
	text-decoration: underline;
}
.header .right-box .bottom-box {
	margin-top: 10px;
}
.header .right-box .bottom-box .tel {
	color: rgb(28, 98, 176); line-height: 26px; font-family: Avian; font-size: 24px;  text-align:left
}

.header .right-box .bottom-box .top-search {
	float: left; position: relative;
}
.header .right-box .bottom-box .top-search .select-box {
	float: left; position: relative;
}
.header .right-box .bottom-box .top-search .select-box select {
	border: 1px solid rgb(214, 214, 214); border-image: none; height: 26px; color: rgb(135, 135, 135); padding-left: 9px; font-size: 12px; position: relative;
}
.header .right-box .bottom-box .top-search .input-box {
	float: left; position: relative;
}
.header .right-box .bottom-box .top-search .input-box input {
	border: 1px solid rgb(214, 214, 214); border-image: none; width: 167px; height: 26px; line-height: 26px; padding-right: 30px; padding-left: 12px; font-size: 12px; margin-left: 1px; display: block;
}
.header .right-box .bottom-box .top-search .input-box input:-ms-input-placeholder {
	color: rgb(135, 135, 135); opacity: 1;
}
.header .right-box .bottom-box .top-search .input-box input:focus {
	border-color: rgb(28, 98, 176);
}
.header .right-box .bottom-box .top-search button {
	background: url("../images/all-icon.png") no-repeat 9px 5px; padding: 0px; border: currentColor; border-image: none; top: 1px; width: 30px; height: 24px; right: 1px; position: absolute; cursor: pointer;
}
.home-history {
	padding: 50px 0px;
}
.home-history .history-slick {
	margin: 0px auto; width: 1066px;
}
.home-history .history-slick .history-box {
	width: 1066px; height: 215px; margin-top: 40px; background-color: rgb(243, 247, 251);
}
.home-history .history-slick .history-box .pic {
	width: 422px; height: 100%; float: left; position: relative;
}
.home-history .history-slick .history-box .txt {
	width: 644px; height: 100%; color: rgb(119, 119, 119); padding-top: 20px; padding-right: 56px; padding-left: 40px; float: left;
}
.home-history .history-slick .history-box .txt .title {
	height: 60px; line-height: 60px; overflow: hidden; font-family: Avian; font-size: 30px;
}
.home-history .history-slick .history-box .txt .content {
	height:200px; line-height: 26px; overflow: hidden; font-size: 14px;
}
.home-history .history-btn {
	padding-top: 50px; padding-bottom: 50px;
}
.home-history .history-btn .page-btn {
	width: 23px; height: 23px; float: left; display: block; cursor: pointer;
}
.home-history .history-btn i.prev {
	background: url("../images/prev.png") no-repeat 0px 0px;
}
.home-history .history-btn i.prev:hover {
	background-image: url("../images/prev-hover.png");
}
.home-history .history-btn i.next {
	background: url("../images/next.png") no-repeat 0px 0px;
}
.home-history .history-btn i.next:hover {
	background-image: url("../images/next-hover.png");
}
.home-history .history-btn .list-box {
	width: 1154px; height: 64px; overflow: hidden; float: left;
}
.home-history .history-btn .list-box .btn-list {
	padding: 0px 37px; width: 5000px; height: 64px; position: relative;
}
.home-history .history-btn .list-box .btn-list::after {
	left: 0px; top: 11px; width: 100%; border-bottom-color: rgb(233, 233, 233); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; z-index: -1; content: "";
}
.home-history .history-btn .list-box .btn-list li {
	margin: 0px 60px; width: 60px; text-align: center; color: rgb(119, 119, 119); font-size: 14px; float: left; cursor: pointer;
}
.home-history .history-btn .list-box .btn-list li i {
	background: url("../images/hitory-btn.png") no-repeat 0px 0px; margin: 0px auto 20px; width: 23px; height: 23px; display: block;
}
.home-history .history-btn .list-box .btn-list li:hover {
	color: rgb(28, 98, 176);
}
.home-history .history-btn .list-box .btn-list li.active {
	color: rgb(28, 98, 176);
}
.home-history .history-btn .list-box .btn-list li:hover i {
	background: url("../images/hitory-btn-hover.png") no-repeat 0px 0px;
}
.home-history .history-btn .list-box .btn-list li.active i {
	background: url("../images/hitory-btn-hover.png") no-repeat 0px 0px;
}
.nav {
	height: 40px; background-color: rgb(28, 98, 176);
}
.nav .nav-list {
	padding: 0px 10px;
}
.nav .nav-list li {
	text-align: center; line-height: 40px; float: left; position: relative;
}
.nav .nav-list li a {
	padding: 0px 56px; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; display: block;
}
.nav .nav-list li .navv {
	padding: 10px 0px; left: 0px; top: 40px; width: 100%; display: none; position: absolute; z-index: 1000; background-color: rgb(28, 98, 176);
}
.nav .nav-list li .navv a {
	padding: 0px 10px; text-align: center; line-height: 30px; font-size: 14px; font-weight: normal; display: block;
}
.nav .nav-list li .navv a:hover {
	color: rgb(255, 255, 255); background-color: rgb(1, 67, 153);
}
.nav .nav-list li:hover > a {
	background-color: rgb(1, 67, 153);
}
.nav .nav-list li.active > a {
	background-color: rgb(1, 67, 153);
}
.nav .nav-list li:hover .navv {
	display: block;
}
.nav .nav-list .last a {
	padding: 0px 33px;
}
.nav .nav-list .first a {
	padding: 0px 33px;
}
.home-banner {
	overflow: hidden;
}
.home-banner .box {
	left: 50%; width: 1920px; margin-left: -960px; position: relative;
}
.home-banner .box div {
	height: 600px; overflow: hidden;
}
.home-banner .slick-dots {
	left: 50%; width: 1200px; height: 12px; text-align: right; bottom: 50px; line-height: 0; padding-right: 10px; margin-left: -600px; position: relative;
}
.home-banner .slick-dots li {
	margin: 0px 2px; padding: 0px; width: 12px; height: 12px;
}
.home-banner .slick-dots li button {
	padding: 0px; border-radius: 50%; border: 2px solid rgb(255, 255, 255); border-image: none; width: 12px; height: 12px; display: block; box-sizing: border-box; background-color: transparent;
}
.home-banner .slick-dots li.slick-active button {
	background: rgb(28, 98, 176);
}
.home-solutions {
	padding: 60px 0px; background-color: rgb(243, 243, 243);
}
.home-solutions .home-solution-slick {
	width: 1200px; height: 320px; margin-top: 50px;
}
.home-solutions .home-solution-slick .box {
	padding: 0px 7px; width: 300px; height: 320px; cursor: pointer;
}
.home-solutions .home-solution-slick .box .pic {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 100%; height: 275px; position: relative;
}
.home-solutions .home-solution-slick .box .pic .home-mask {
	padding: 8px;
}
.home-solutions .home-solution-slick .box .pic .home-mask img {
	display: inline;
}
.home-solutions .home-solution-slick .box .pic .home-mask .mask-box {
	padding: 40px 35px;
}
.home-solutions .home-solution-slick .box .pic .home-mask .mask-box .title {
	height: 48px; line-height: 48px; font-size: 20px;
}
.home-solutions .home-solution-slick .box .pic .home-mask .mask-box .content {
	margin-top: 10px;
}
.home-solutions .home-solution-slick .box .txt {
	text-align: center; font-size: 16px; margin-top: 20px;
}
.home-solutions .home-solution-slick .box .txt a {
	color: rgb(102, 102, 102);
}
.home-solutions .home-solution-slick .slick-prev {
	top: 130px; width: 20px; height: 40px;
}
.home-solutions .home-solution-slick .slick-next {
	top: 130px; width: 20px; height: 40px;
}
.home-solutions .home-solution-slick .slick-prev::before {
	display: none;
}
.home-solutions .home-solution-slick .slick-next::before {
	display: none;
}
.home-solutions .home-solution-slick .slick-prev:hover::before {
	color: rgb(0, 0, 0);
}
.home-solutions .home-solution-slick .slick-next:hover::before {
	color: rgb(0, 0, 0);
}
.home-solutions .home-solution-slick .slick-prev {
	background: url("../images/arrow-icon.png") no-repeat -5px 0px; left: -28px;
}
.home-solutions .home-solution-slick .slick-next {
	background: url("../images/arrow-icon.png") no-repeat -45px 0px; right: -28px;
}
.home-solutions .btn-more {
	text-align: center; margin-top: 70px;
}
.home-solutions .btn-more .box {
	display: inline-block;
}
.home-solutions .btn-more .box i {
	width: 120px; margin-top: 20px; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.home-solutions .btn-more .box a {
	padding: 1px; border-radius: 20px; border: 1px solid rgb(216, 216, 216); border-image: none; width: 156px; height: 40px; text-align: center; color: rgb(161, 161, 161); line-height: 38px; overflow: hidden; font-size: 16px; float: left; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
.home-solutions .btn-more .box a span {
	border-radius: 18px; width: 100%; height: 100%; display: block; background-color: rgb(237, 237, 237);
}
.home-solutions .btn-more .box a:hover span {
	color: rgb(255, 255, 255); background-color: rgb(28, 98, 176);
}
.home-mask {
	padding: 15px; transition:0.6s; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); position: absolute; z-index: 100; opacity: 0;
}
.home-mask .mask-box {
	background: url("../images/case-bg.png"); padding: 80px 40px; width: 100%; height: 100%; text-align: center;
}
.home-mask .mask-box .title {
	height: 60px; line-height: 60px; overflow: hidden; font-size: 24px;
}
.home-mask .mask-box .title::after {
	left: 50%; top: -1px; width: 34px; margin-left: -17px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative; content: "";
}
.home-mask .mask-box .content {
	height: 60px; line-height: 20px; overflow: hidden; font-size: 14px; margin-top: 14px; margin-bottom: 20px;
}
.home-mask:hover {
	opacity: 1;
}
.home-case {
	padding-top: 60px;
}
.home-case .case-list {
	margin: 40px -7px 0px; padding: 0px 10px;
}
.home-case .case-list li {
	width: 384px; height: 374px; margin-right: 7px; margin-bottom: 14px; margin-left: 7px; float: left; position: relative;
}
.home-reasons {
	padding-top: 60px;
}
.home-reasons .home-title {
	text-align: center; line-height: 0; position: relative;
}
.home-reasons .home-title .home-title-box {
	background: rgb(255, 255, 255); padding: 0px 30px; display: inline-block;
}
.home-reasons .home-title .home-title-box .pic {
	float: left;
}
.home-reasons .home-title .home-title-box .txt {
	text-align: left; line-height: 1.5; padding-left: 30px; margin-top: 41px; float: left;
}
.home-reasons .home-title .home-title-box .txt .en {
	text-align: left;
}
.home-reasons .home-title .home-title-box .txt .big-number {
	color: rgb(28, 98, 176); padding-right: 10px; font-size: 60px; font-style: italic;
}
.home-reasons .home-title::after {
	left: 0px; top: 50%; width: 100%; border-bottom-color: rgb(213, 213, 213); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; z-index: -1; content: "";
}
.home-reasons .reason-list {
	margin-top: 50px;
}
.home-reasons .reason-list li {
	margin-bottom: 100px;
}
.home-reasons .reason-list li .txt {
	width: 50%; height: 330px; line-height: 45px; font-size: 24px; font-weight: bold; display: table;
}
.home-reasons .reason-list li .txt .txt-box {
	vertical-align: middle; display: table-cell;
}
.home-reasons .reason-list li .txt p {
	padding: 15px 0px;
}
.home-reasons .reason-list li .txt .number {
	background: url("../images/home-index.png") no-repeat 0px 0px; width: 57px; height: 45px; color: rgb(255, 255, 255); padding-left: 10px; font-weight: normal; display: inline-block;
}
.home-reasons .reason-list li .pic {
	width: 50%;
}
.home-reasons .reason-list li .pic img {
	max-width: 100%;
}
.home-reasons .reason-list li .txt-left {
	background: url("../images/reason-left.jpg") no-repeat -10px -65px; padding-right: 20px; padding-left: 75px; float: left;
}
.home-reasons .reason-list li .pic-left {
	text-align: right; float: left;
}
.home-reasons .reason-list li .pic-right {
	text-align: left; float: right;
}
.home-reasons .reason-list li .txt-right {
	background: url("../images/reason-right.jpg") no-repeat 205px -65px; padding-right: 20px; padding-left: 150px; float: right;
}
.home-reasons .reason-list .li03 .txt {
	width: 470px;
}
.home-reasons .reason-list .li03 .pic {
	width: 730px;
}
.home-reasons .reason-list .li04 .pic {
	width: 650px;
}
.home-reasons .reason-list .li04 .txt {
	width: 550px; padding-left: 100px;
}
.home-about {
	background: url("../images/home-about-bg.jpg") no-repeat center 0px; height: 660px; padding-top: 100px;
}
.home-about .home-title .cn {
	color: rgb(255, 255, 255);
}
.home-about .home-title .en {
	color: rgb(255, 255, 255);
}
.home-about .about-box {
	margin-top: 40px;
}
.home-about .about-box .pic {
	width: 680px; height: 340px; text-align: right; float: left; position: relative;
}
.home-about .about-box .pic .border {
	border: 2px solid rgb(255, 255, 255); border-image: none; left: 0px; width: 565px; height: 250px; bottom: 0px; position: absolute;
}
.home-about .about-box .pic img {
	top: 0px; right: 0px; position: absolute; z-index: 10; max-height: 315px; max-width: 650px;
}
.home-about .about-box .txt {
	width: 470px; color: rgb(250, 250, 250); line-height: 30px; padding-right: 25px; font-size: 14px; margin-left: 50px; float: right;
}
.home-about .about-box .txt .more {
	border-radius: 14px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 120px; height: 28px; text-align: center; color: rgb(255, 255, 255); line-height: 26px; margin-top: 16px; display: block;
}
.home-about .about-box .txt .more:hover {
	background-color: rgb(28, 98, 176);
}
.home-news {
	padding: 60px 0px;
}
.home-news .home-news-box {
	margin-top: 50px;
}
.home-news .home-news-box .subtitle {
	width: 100%; color: rgb(28, 98, 176); line-height: 36px; font-size: 18px; margin-bottom: 50px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.home-news .home-news-box .subtitle .txt {
	float: left; position: relative;
}
.home-news .home-news-box .subtitle .txt::after {
	left: 0px; width: 100%; bottom: -2px; border-bottom-color: rgb(28, 98, 176); border-bottom-width: 2px; border-bottom-style: solid; display: block; position: absolute; content: "";
}
.home-news .home-news-box .subtitle .more {
	font-family: Arial; font-size: 12px; float: right;
}
.home-news .home-news-box .subtitle .more a {
	color: rgb(102, 102, 102);
}
.home-news .home-news-box .subtitle .more a:hover {
	color: rgb(28, 98, 176); text-decoration: underline;
}
.home-news .home-news-box .left-box {
	width: 700px; padding-right: 50px; float: left;
}
.home-news .home-news-box .left-box .company-news-list li {
	width: 100%; height: 120px; position: relative; background-color: rgb(255, 255, 255);
}
.home-news .home-news-box .left-box .company-news-list li .pic {
	width: 180px; height: 120px; overflow: hidden; float: left; position: relative;
}
.home-news .home-news-box .left-box .company-news-list li .pic img {
	transition:0.5s; transform: scale(1);
}
.home-news .home-news-box .left-box .company-news-list li .pic:hover img {
	transform: scale(1.05);
}
.home-news .home-news-box .left-box .company-news-list li .txt {
	padding: 10px 30px; width: 470px; height: 100%; float: left;
}
.home-news .home-news-box .left-box .company-news-list li .txt .title {
	height: 48px; line-height: 48px; overflow: hidden; font-size: 16px;
}
.home-news .home-news-box .left-box .company-news-list li .txt .title a {
	color: rgb(34, 34, 34);
}
.home-news .home-news-box .left-box .company-news-list li .txt .content {
	height: 36px; color: rgb(102, 102, 102); line-height: 18px; overflow: hidden; font-size: 12px;
}
.home-news .home-news-box .left-box .company-news-list li .more-arrow {
	width: 23px; height: 23px; right: -8px; bottom: -8px; display: none; position: absolute;
}
.home-news .home-news-box .left-box .company-news-list li:hover {
	background-color: rgb(248, 248, 248);
}
.home-news .home-news-box .left-box .company-news-list li:hover .title a {
	color: rgb(28, 98, 176);
}
.home-news .home-news-box .left-box .company-news-list li:hover .more-arrow {
	display: block;
}
.home-news .home-news-box .left-box .company-news-list li + li {
	margin-top: 30px;
}
.home-news .home-news-box .right-box {
	width: 500px; padding-left: 49px; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; float: right;
}
.home-news .home-news-box .right-box .industry-news-list a:hover {
	color: rgb(28, 98, 176);
}
.home-news .home-news-box .right-box .industry-news-list .first {
	margin-bottom: 30px;
}
.home-news .home-news-box .right-box .industry-news-list .first:hover .txt a {
	color: rgb(28, 98, 176);
}
.home-news .home-news-box .right-box .industry-news-list .first::after {
	width: 65px; margin-top: 38px; border-bottom-color: rgb(28, 98, 176); border-bottom-width: 2px; border-bottom-style: solid; display: block; content: "";
}
.home-news .home-news-box .right-box .industry-news-list .first .pic {
	width: 100%; height: 150px; overflow: hidden; position: relative;
}
.home-news .home-news-box .right-box .industry-news-list .first .pic img {
	transition:0.5s; transform: scale(1);
}
.home-news .home-news-box .right-box .industry-news-list .first .pic:hover img {
	transform: scale(1.05);
}
.home-news .home-news-box .right-box .industry-news-list .first .title {
	width: 100%; height: 50px; line-height: 50px; overflow: hidden; font-size: 16px;
}
.home-news .home-news-box .right-box .industry-news-list .first .title a {
	color: rgb(34, 34, 34);
}
.home-news .home-news-box .right-box .industry-news-list .first .content {
	height: 36px; color: rgb(102, 102, 102); line-height: 18px; overflow: hidden; font-size: 12px;
}
.home-news .home-news-box .right-box .industry-news-list li + li {
	height: 30px; line-height: 30px; overflow: hidden;
}
.home-news .home-news-box .right-box .industry-news-list li + li a {
	color: rgb(102, 102, 102);
}
.home-title {
	text-align: center;
}
.home-title .cn {
	color: rgb(34, 34, 34); font-size: 36px;
}
.home-title .en {
	color: rgb(85, 85, 85); font-family: Avian; font-size: 16px;
}
.home-title .en i {
	margin: 0px 10px; top: -2px; position: relative;
}
.inside-banner {
	height: 252px; overflow: hidden;
}
.inside-banner img {
	left: 50%; margin-left: -960px; position: relative;
}
.inside {
	overflow: hidden;
}
.inside .inside-box {
	background: url("../images/inside-bg.png") repeat-y; left: 50%; width: 1920px; margin-left: -960px; position: relative;
}
.inside .inside-box .left-menu {
	width: 238px; padding-top: 30px; float: left;
}
.inside .inside-box .left-menu .menu-title {
	background: url("../images/menu-title.png") no-repeat; height: 100px; text-align: center; color: rgb(255, 255, 255); padding-top: 35px; font-size: 30px;
}
.inside .inside-box .left-menu .menu-body {
	background: url("../images/menu-body.png") repeat-y;
}
.inside .inside-box .left-menu .menu-body .sub-menu {
	padding-top: 14px; padding-bottom: 14px; padding-left: 34px;
}
.inside .inside-box .left-menu .menu-body .sub-menu > li {
	width: 173px; margin-bottom: 14px; background-color: rgb(238, 245, 253);
}
.inside .inside-box .left-menu .menu-body .sub-menu > li > a {
	background: url("../images/menu-bg.png") no-repeat 0px 0px; padding: 0px 18px; border-radius: 5px; width: 100%; height: 33px; line-height: 33px; overflow: hidden; display: block; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.inside .inside-box .left-menu .menu-body .sub-menu > li .drop-down-menu {
	line-height: 30px; padding-top: 10px; padding-bottom: 10px; padding-left: 22px;
}
.inside .inside-box .left-menu .menu-body .sub-menu > li .drop-down-menu li.active a {
	color: rgb(28, 98, 176);
}
.inside .inside-box .left-menu .menu-body .sub-menu > li .drop-down-menu li:hover a {
	color: rgb(28, 98, 176);
}
.inside .inside-box .left-menu .menu-body .sub-menu > li .drop-down-menu a {
	color: rgb(102, 102, 102); font-size: 12px;
}
.inside .inside-box .left-menu .menu-body .sub-menu > li .drop-down-menu a::before {
	background: url("../images/menu-arrow.png") no-repeat 0px 0px; top: -2px; width: 5px; height: 5px; margin-right: 5px; display: inline-block; position: relative; content: "";
}
.inside .inside-box .left-menu .menu-body .sub-menu li.drop-down {
	margin-bottom: 0px;
}
.inside .inside-box .left-menu .menu-body .sub-menu > li:last-child {
	margin-bottom: 0px;
}
.inside .inside-box .left-menu .menu-body .sub-menu > li.active > a {
	color: rgb(28, 98, 176); font-weight: bold;
}
.inside .inside-box .left-menu .menu-body .sub-menu > li:hover > a {
	color: rgb(28, 98, 176); font-weight: bold;
}
.inside .inside-box .left-menu .menu-body .sub-menu > li > .drop-down-menu a.active {
	color: rgb(28, 98, 176); font-weight: bold;
}
.inside .inside-box .left-menu .menu-footer {
	background: url("../images/menu-footer.png") no-repeat; height: 40px;
}
.inside .inside-box .right-box {
	width: 840px; padding-right: 10px; float: right;
}
.inside .inside-box .right-box .inside-title {
	padding-top: 70px; padding-bottom: 40px;
}
.inside .inside-box .right-box .inside-title .cn {
	color: rgb(28, 98, 176); font-size: 32px;
}
.inside .inside-box .right-box .inside-title .en {
	color: rgb(85, 85, 85); font-family: Avian; font-size: 30px;
}
.inside .inside-box .right-box .center-title {
	text-align: center;
}
.company-profile {
	color: rgb(85, 85, 85); line-height: 32px; padding-bottom: 80px; font-size: 14px;
}
.company-profile .content {
	padding-bottom: 40px; margin-bottom: 40px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.company-profile .content .txt {
	width: 460px; float: left;
}
.company-profile .content .pic {
	top: -100px; width: 340px; height: 225px; right: 0px; float: right; position: absolute;
}
.company-profile .content .pic img {
	max-height: 100%; max-width: 100%;
}
.company-profile .big-font {
	line-height: 50px; font-size: 24px;
}
.career-development {
	color: rgb(85, 85, 85); line-height: 32px; padding-bottom: 100px; font-size: 14px;
}
.career-development img {
	max-width: 100%;
}
.career-development .first {
	line-height: 40px; font-size: 18px;
}
.join-box {
	padding-top: 70px; padding-bottom: 130px; padding-left: 40px;
}
.join-box .title-icon-before {
	color: rgb(28, 98, 176); font-size: 32px;
}
.join-box .title-icon-before::before {
	border-radius: 50%; top: -5px; width: 12px; height: 12px; margin-right: 15px; display: inline-block; position: relative; content: ""; background-color: rgb(28, 98, 176);
}
.join-box .join-table {
	width: 100%; color: rgb(102, 102, 102); line-height: 30px; margin-top: 40px; vertical-align: middle;
}
.join-box .join-table .col01 {
	width: 130px; text-align: center;
}
.join-box .join-table .col02 {
	padding-left: 18px;
}
.join-box .join-table td {
	border: 1px solid rgb(237, 237, 237); border-image: none; padding-top: 10px; padding-bottom: 10px;
}
.join-box .join-table td input {
	border: 1px solid rgb(237, 237, 237); border-image: none; height: 33px; padding-left: 10px; font-size: 14px; box-sizing: border-box; background-color: rgb(255, 255, 255);
}
.join-box .join-table td input:focus {
	border-color: rgb(28, 98, 176);
}
.join-box .join-table td .email {
	width: 210px;
}
.join-box .join-table td .tel {
	width: 210px;
}
.join-box .join-table td .company-name {
	width: 410px;
}
.join-box .join-table td .address {
	width: 410px;
}
.join-box .join-table td .textarea {
	padding: 10px; border: 1px solid rgb(237, 237, 237); border-image: none; width: 515px; height: 175px; font-size: 14px;
}
.join-box .join-table td .textarea:focus {
	border-color: rgb(28, 98, 176);
}
.join-box .join-table td .verify-img {
	width: 66px; height: 33px; display: inline-block;
}
.join-box .join-table td .verify-img img {
	height: 100%; vertical-align: middle; max-width: 100%;
}
.join-box .join-table td .change {
	color: rgb(153, 153, 153); text-decoration: underline;
}
.join-box .join-table td .btn {
	width: 131px; height: 52px; text-align: center; color: rgb(255, 255, 255); padding-top: 5px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; display: inline-block;
}
.join-box .join-table td .submit-btn {
	background: url("../images/submit-btn.png") no-repeat 0px 0px;
}
.join-box .join-table td .reset-btn {
	background: url("../images/reset-btn.png") no-repeat 0px 0px;
}
.resume-box {
	padding-top: 70px; padding-bottom: 130px; padding-left: 40px;
}
.resume-box .title-icon-before {
	color: rgb(28, 98, 176); font-size: 32px;
}
.resume-box .title-icon-before::before {
	border-radius: 50%; top: -5px; width: 12px; height: 12px; margin-right: 15px; display: inline-block; position: relative; content: ""; background-color: rgb(28, 98, 176);
}
.resume-box .resume-table {
	width: 100%; color: rgb(102, 102, 102); line-height: 30px; margin-top: 40px; vertical-align: middle;
}
.resume-box .resume-table .col01 {
	width: 130px; text-align: center;
}
.resume-box .resume-table .col02 {
	padding-left: 18px;
}
.resume-box .resume-table td {
	border: 1px solid rgb(237, 237, 237); border-image: none; padding-top: 10px; padding-bottom: 10px;
}
.resume-box .resume-table td input {
	border: 1px solid rgb(237, 237, 237); border-image: none; height: 33px; padding-left: 10px; font-size: 14px; box-sizing: border-box; background-color: rgb(255, 255, 255);
}
.resume-box .resume-table td input:focus {
	border-color: rgb(28, 98, 176);
}
.resume-box .resume-table td select {
	background: url("../images/join-select.png") no-repeat 128px 2px rgb(255, 255, 255); border: 1px solid rgb(237, 237, 237); border-image: none; width: 160px; height: 33px; color: rgb(153, 153, 153); padding-left: 10px; margin-right: 35px; -moz-appearance: none; -webkit-appearance: none;
}
.resume-box .resume-table td select::-ms-expand {
	display: none;
}
.resume-box .resume-table td .txt {
	width: 140px;
}
.resume-box .resume-table td .name {
	width: 210px;
}
.resume-box .resume-table td .email {
	width: 310px;
}
.resume-box .resume-table td .tel {
	width: 310px;
}
.resume-box .resume-table td .address {
	width: 510px;
}
.resume-box .resume-table td .textarea {
	padding: 10px; border: 1px solid rgb(237, 237, 237); border-image: none; width: 510px; height: 175px; font-size: 14px;
}
.resume-box .resume-table td .textarea:focus {
	border-color: rgb(28, 98, 176);
}
.resume-box .resume-table td .file {
	width: 240px; height: 24px;
}
.resume-box .resume-table td .verify-img {
	width: 66px; height: 33px; display: inline-block;
}
.resume-box .resume-table td .verify-img img {
	height: 100%; vertical-align: middle; max-width: 100%;
}
.resume-box .resume-table td .change {
	color: rgb(153, 153, 153); text-decoration: underline;
}
.resume-box .resume-table td .btn {
	width: 131px; height: 52px; text-align: center; color: rgb(255, 255, 255); padding-top: 5px; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; display: inline-block;
}
.resume-box .resume-table td .submit-btn {
	background: url("../images/submit-btn.png") no-repeat 0px 0px;
}
.resume-box .resume-table td .reset-btn {
	background: url("../images/reset-btn.png") no-repeat 0px 0px;
}
.resume-box .resume-table td .reset-btn:hover {
	background: url("../images/submit-btn.png") no-repeat 0px 0px;
}
.recruitment-box {
	padding-top: 80px;
}
.recruitment-box .join-title {
	text-align: center;
}
.recruitment-box .join-title .en {
	color: rgb(28, 98, 176); font-size: 36px;
}
.recruitment-box .join-title .cn {
	font-size: 30px;
}
.recruitment-box .join-content {
	text-align: center; color: rgb(102, 102, 102); line-height: 36px; font-size: 16px; margin-top: 20px;
}
.recruitment-box .job-list {
	border: 1px solid rgb(223, 223, 223); border-image: none; padding-top: 14px; padding-right: 14px; padding-left: 14px; margin-top: 40px; background-color: rgb(255, 255, 255);
}
.recruitment-box .job-list li {
	width: 100%; height: 44px; color: rgb(102, 102, 102); line-height: 44px; overflow: hidden; padding-left: 15px;
}
.recruitment-box .job-list li span {
	width: 160px; height: 44px; text-align: center; color: rgb(102, 102, 102); overflow: hidden; float: left;
}
.recruitment-box .job-list li span.last {
	width: 120px; text-align: left; padding-left: 40px;
}
.recruitment-box .job-list li span.first {
	width: 185px; text-align: left;
}
.recruitment-box .job-list li.first {
	color: rgb(85, 85, 85); font-weight: bold; background-color: rgb(235, 235, 235);
}
.recruitment-box .job-list li + li {
	border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid;
}
.recruitment-box .job-list li + li span.first::before {
	background: url("../images/job-arrow.png") no-repeat 0px 0px; top: -2px; width: 5px; height: 5px; margin-right: 8px; display: inline-block; position: relative; content: "";
}
.recruitment-box .job-list li + li:hover {
	background-color: rgb(251, 251, 251);
}
.recruitment-box .job-list li + li:hover span {
	color: rgb(28, 98, 176);
}
.recruitment-box .job-list li + li:hover span.first::before {
	background: url("../images/job-arrow-hover.png") no-repeat 0px 0px;
}
.recruitment-box .inside-page {
	padding-top: 70px; padding-bottom: 90px;
}
.recruitment-details {
	padding-top: 80px;
}
.recruitment-details .title-icon-before {
	color: rgb(28, 98, 176); font-size: 32px;
}
.recruitment-details .title-icon-before::before {
	border-radius: 50%; top: -5px; width: 12px; height: 12px; margin-right: 15px; display: inline-block; position: relative; content: ""; background-color: rgb(28, 98, 176);
}
.recruitment-details .request-box {
	margin-top: 40px;
}
.recruitment-details .request-box .col {
	color: rgb(85, 85, 85); overflow: hidden; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; float: left;
}
.recruitment-details .request-box .col p {
	height: 36px; line-height: 36px; overflow: hidden;
}
.recruitment-details .request-box .col p.bg-gray {
	background-color: rgb(242, 242, 242);
}
.recruitment-details .request-box .col1 {
	width: 110px; text-align: center; border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.recruitment-details .request-box .col2 {
	width: 320px;
}
.recruitment-details .request-box .col2 p {
	padding-left: 36px;
}
.recruitment-details .request-box .col3 {
	width: 110px; text-align: center;
}
.recruitment-details .request-box .col4 {
	width: 290px;
}
.recruitment-details .request-box .col4 p {
	padding-left: 36px;
}
.recruitment-details .request-details {
	color: rgb(85, 85, 85); line-height: 32px; font-size: 14px; margin-top: 70px;
}
.recruitment-details .request-details .request-title {
	background: url("../images/request-title.png") no-repeat 0px 0px; width: 143px; height: 31px; color: rgb(255, 255, 255); line-height: 31px; overflow: hidden; padding-left: 33px; font-size: 16px; margin-bottom: 20px;
}
.recruitment-details .btn-resume {
	padding-top: 60px; padding-bottom: 90px; margin-top: 65px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
.recruitment-details .btn-resume .btn-box a {
	background: url("../images/job-btn.png") no-repeat 0px 0px; width: 200px; height: 52px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; display: block;
}
.recruitment-details .btn-resume .btn-box a::after {
	background: url("../images/white-arrow.png") no-repeat 0px 0px; top: 3px; width: 22px; height: 16px; margin-left: 10px; display: inline-block; position: relative; content: "";
}
.recruitment-details .btn-resume .btn-box a:hover {
	background: url("../images/job-btn-hover.png") no-repeat 0px 0px;
}
.application {
	padding-top: 40px;
}
.application .application-list li {
	height: 350px; position: relative;
}
.application .application-list li .box {
	padding: 2px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; height: 290px; position: relative; z-index: 10; background-color: rgb(255, 255, 255);
}
.application .application-list li .box .pic {
	width: 300px; height: 100%; overflow: hidden; float: left; position: relative;
}
.application .application-list li .box .pic img {
	transition:0.5s; transform: scale(1);
}
.application .application-list li .box .pic:hover img {
	transform: scale(1.1);
}
.application .application-list li .box .txt {
	width: 524px; height: 100%; padding-top: 15px; padding-right: 50px; padding-left: 30px; float: left; position: relative;
}
.application .application-list li .box .txt::before {
	left: 0px; top: -2px; height: 288px; border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; display: block; position: absolute; z-index: 0; content: "";
}
.application .application-list li .box .txt .title {
	height: 68px; color: rgb(85, 85, 85); line-height: 68px; overflow: hidden; font-size: 18px; position: relative;
}
.application .application-list li .box .txt .title a {
	color: rgb(85, 85, 85);
}
.application .application-list li .box .txt .title::after {
	left: 0px; width: 55px; bottom: 0px; border-bottom-color: rgb(28, 98, 176); border-bottom-width: 2px; border-bottom-style: solid; display: block; position: absolute; content: "";
}
.application .application-list li .box .txt .content {
	height: 90px; color: rgb(119, 119, 119); line-height: 30px; overflow: hidden; font-size: 14px; margin-top: 20px;
}
.application .application-list li .box .txt .read-more {
	border: 1px solid rgb(173, 173, 173); border-image: none; width: 101px; height: 23px; text-align: center; color: rgb(173, 173, 173); line-height: 23px; font-size: 12px; margin-top: 30px; display: block;
}
.application .application-list li .box:hover {
	padding: 0px; border: 3px solid rgb(28, 98, 176); border-image: none;
}
.application .application-list li .box:hover .txt::before {
	top: 0px; height: 284px;
}
.application .application-list li .box:hover .read-more {
	border-color: rgb(28, 98, 176) rgb(28, 98, 176) rgb(28, 98, 176) rgb(230, 0, 17); color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; background-color: rgb(28, 98, 176);
}
.application .application-list li::after {
	background: url("../images/application-bg.png") no-repeat 0px 0px; width: 100%; height: 60px; display: block; content: "";
}
.application .inside-page {
	padding-top: 60px; padding-bottom: 100px;
}
.application-show {
	text-align: center; padding-bottom: 135px;
}
.application-show .product-img .small-box {
	margin: 0px auto; border: 1px solid rgb(222, 222, 222); border-image: none; width: 502px; height: 492px; position: relative;
}
.application-show .product-img .small-box .enlarge-icon {
	width: 44px; height: 44px; right: 0px; bottom: 0px; position: absolute;
}
.application-show .product-img .small-box #mask {
	background: url("../images/background-color.png"); border: 1px solid rgb(255, 255, 255); border-image: none; width: 200px; height: 196px; display: none; position: absolute; cursor: pointer;
}
.application-show .product-img .small-box #largeDiv {
	border: 1px solid rgb(222, 222, 222); border-image: none; left: -520px; top: 0px; width: 502px; height: 492px; display: none; position: absolute;
}
.application-show .product-img .small-box #superMask {
	left: 0px; top: 0px; width: 500px; height: 490px; position: absolute; cursor: pointer; opacity: 0;
}
.application-show .product-img::after {
	background: url("../images/application-show-shaow.png") no-repeat center 0px; width: 100%; height: 62px; display: block; content: "";
}
.application-show .product-nav {
	background: url("../images/product-title.png") no-repeat 0px 0px; height: 42px; text-align: center; margin-top: 60px; border-top-color: rgb(231, 231, 231); border-bottom-color: rgb(231, 231, 231); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.application-show .product-nav li {
	margin: 0px 18px; width: 125px; line-height: 40px; font-size: 16px; display: inline-block; position: relative; cursor: pointer;
}
.application-show .product-nav li a {
	width: 100%; height: 100%; display: block; position: relative;
}
.application-show .product-nav li a:hover {
	color: rgb(255, 255, 255); background-color: rgb(28, 98, 176);
}
.application-show .product-nav li a.active {
	color: rgb(255, 255, 255); background-color: rgb(28, 98, 176);
}
.application-show .product-nav li a:hover::before {
	display: block;
}
.application-show .product-nav li a.active::before {
	display: block;
}
.application-show .product-nav li a::before {
	background: url("../images/product-arrow.png") no-repeat 0px 0px; left: 50%; width: 16px; height: 8px; bottom: -8px; margin-left: -7px; display: none; position: absolute; content: "";
}
.application-show .product-nav li::before {
	left: -18px; top: 10px; height: 23px; border-left-color: rgb(231, 231, 231); border-left-width: 1px; border-left-style: solid; display: inline-block; position: absolute; content: "";
}
.application-show .product-nav li:last-child::after {
	top: 10px; height: 23px; right: -18px; border-left-color: rgb(231, 231, 231); border-left-width: 1px; border-left-style: solid; display: inline-block; position: absolute; content: "";
}
.application-show .product-details {
	text-align: left; color: rgb(85, 85, 85); line-height: 32px; font-size: 14px; margin-top: 60px; display: none;
}
.application-show .product-details .before-icon::before {
	margin: 0px 5px; color: rgb(28, 98, 176); content: "-";
}
.application-show .product-details .title {
	color: rgb(28, 98, 176); font-size: 16px; font-weight: bold;
}
.application-show .product-details .title::before {
	background: url("../images/product-title-before.png") no-repeat; margin: 0px 3px; top: -2px; width: 7px; height: 7px; display: inline-block; position: relative; content: "";
}
.application-show .download-box {
	padding: 5px; border: 1px solid rgb(225, 225, 225); border-image: none; margin-top: 60px; display: none; background-color: rgb(255, 255, 255);
}
.application-show .download-box .number {
	width: 80px; float: left;
}
.application-show .download-box .title {
	width: 598px; float: left;
}
.application-show .download-box .download {
	width: 140px; float: left;
}
.application-show .download-box .list-head {
	height: 40px; text-align: center; color: rgb(102, 102, 102); line-height: 40px; background-color: rgb(246, 246, 246);
}
.application-show .download-box .download-list li {
	padding: 10px 0px; color: rgb(102, 102, 102); line-height: 26px; font-size: 12px; border-top-color: rgb(218, 218, 218); border-top-width: 1px; border-top-style: dashed;
}
.application-show .download-box .download-list li .title {
	height: 26px; text-align: left; overflow: hidden;
}
.application-show .download-box .download-list li .title a {
	color: rgb(102, 102, 102);
}
.application-show .download-box .download-list li .title a:hover {
	color: rgb(28, 98, 176);
}
.application-show .download-box .download-list li .download a {
	background: url("../images/download-btn01.png") no-repeat 0px 0px; width: 86px; height: 26px; text-align: left; color: rgb(102, 102, 102); padding-left: 9px; display: inline-block;
}
.application-show .download-box .download-list li .download a:hover {
	background: url("../images/download-btn.png") no-repeat 0px 0px; color: rgb(255, 255, 255);
}
.application-show .show {
	display: block;
}
.news-list {
	width: 840px; border-top-color: rgb(234, 234, 234); border-top-width: 3px; border-top-style: solid;
}
.news-list li {
	padding: 30px 0px; height: 187px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.news-list li .pic {
	width: 195px; height: 128px; overflow: hidden; float: left; position: relative;
}
.news-list li .pic img {
	transition:0.5s; transform: scale(1);
}
.news-list li .pic:hover img {
	transform: scale(1.1);
}
.news-list li .txt {
	width: 590px; float: right;
}
.news-list li .txt .title {
	height: 30px; line-height: 30px; overflow: hidden; font-size: 14px;
}
.news-list li .txt .title a {
	color: rgb(34, 34, 34);
}
.news-list li .txt .content {
	height: 44px; color: rgb(136, 136, 136); line-height: 22px; overflow: hidden; font-size: 12px; margin-top: 10px;
}
.news-list li .txt .read-more {
	border: 1px solid rgb(173, 173, 173); border-image: none; width: 101px; height: 23px; text-align: center; color: rgb(173, 173, 173); line-height: 23px; font-size: 12px; margin-top: 20px; display: block;
}
.news-list li:hover .txt .title a {
	color: rgb(28, 98, 176);
}
.news-list li:hover .txt .read-more {
	border-width: 1px; border-style: solid; border-color: rgb(28, 98, 176) rgb(28, 98, 176) rgb(28, 98, 176) rgb(230, 1, 18); border-image: none; color: rgb(255, 255, 255); background-color: rgb(28, 98, 176);
}
.inside-page {
	width: 100%; text-align: center; padding-top: 100px; padding-bottom: 120px;
}
.inside-page a {
	margin: 0px 5px; padding: 0px 10px; border: 1px solid rgb(203, 203, 203); border-image: none; height: 27px; color: rgb(102, 102, 102); line-height: 25px; font-size: 12px; display: inline-block;
}
.inside-page span {
	margin: 0px 5px; padding: 0px 10px; border: 1px solid rgb(203, 203, 203); border-image: none; height: 27px; color: rgb(102, 102, 102); line-height: 25px; font-size: 12px; display: inline-block;
}
.inside-page a:hover {
	border-color: rgb(28, 98, 176); color: rgb(255, 255, 255); background-color: rgb(28, 98, 176);
}
.inside-page .hover {
	border-color: rgb(28, 98, 176); color: rgb(255, 255, 255); background-color: rgb(28, 98, 176);
}
.inside-page span {
	border-color: rgb(28, 98, 176); color: rgb(255, 255, 255); background-color: rgb(28, 98, 176);
}
.news-show {
	padding-bottom: 90px;
}
.news-show img {
	max-height: 100%; max-width: 100%;
}
.news-show .title {
	text-align: center; line-height: 30px;
}
.news-show .title h1 {
	color: rgb(34, 34, 34); padding-top: 80px; padding-bottom: 40px; font-size: 24px; font-weight: normal;
}
.news-show .title .info {
	color: rgb(136, 136, 136); line-height: 30px; font-size: 12px; border-top-color: rgb(219, 219, 219); border-bottom-color: rgb(219, 219, 219); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.news-show .title .info .date {
	margin: 0px 15px;
}
.news-show .content {
	color: rgb(85, 85, 85); line-height: 32px; padding-top: 40px; font-size: 14px;
}
.news-show .page-change {
	margin-top: 70px;
}
.news-show .page-change > a {
	width: 410px; height: 34px; color: rgb(153, 153, 153); line-height: 34px; overflow: hidden; padding-left: 16px; border-left-color: transparent; border-left-width: 2px; border-left-style: solid; display: block; background-color: rgb(238, 238, 238);
}
.news-show .page-change > a:hover {
	color: rgb(255, 255, 255); border-left-color: rgb(230, 0, 17); border-left-width: 2px; border-left-style: solid; background-color: rgb(28, 98, 176);
}
.news-show .page-change .prev {
	float: left;
}
.news-show .page-change .next {
	float: right;
}
.news-show .related-news {
	margin-top: 60px;
}
.news-show .related-news .related-title span {
	height: 29px; color: rgb(28, 98, 176); line-height: 28px; border-bottom-color: rgb(28, 98, 176); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
.news-show .related-news .related-list {
	margin-top: 30px;
}
.news-show .related-news .related-list a {
	width: 100%; height: 32px; color: rgb(169, 169, 169); line-height: 32px; overflow: hidden; padding-right: 28px; padding-left: 28px; display: block; position: relative;
}
.news-show .related-news .related-list a .title {
	width: 600px; height: 32px; text-align: left; color: rgb(102, 102, 102); line-height: 32px; overflow: hidden; float: left;
}
.news-show .related-news .related-list a::before {
	background: url("../images/related-arrow.png") no-repeat 0px 0px; left: 13px; top: 14px; width: 4px; height: 5px; display: inline-block; position: absolute; content: "";
}
.news-show .related-news .related-list a:hover {
	color: rgb(255, 255, 255); background-color: rgb(28, 98, 176);
}
.news-show .related-news .related-list a:hover .title {
	color: rgb(255, 255, 255);
}
.case-box {
	color: rgb(85, 85, 85); line-height: 32px; padding-bottom: 160px; font-size: 14px;
}
.service-box {
	color: rgb(85, 85, 85); line-height: 32px; padding-bottom: 160px; font-size: 14px;
}
.case-box img {
	max-height: 100%; max-width: 100%;
}
.service-box img {
	max-height: 100%; max-width: 100%;
}
.case-box .title {
	color: rgb(58, 130, 211); line-height: 46px; font-size: 16px; font-weight: bold; margin-top: 20px;
}
.service-box .title {
	color: rgb(58, 130, 211); line-height: 46px; font-size: 16px; font-weight: bold; margin-top: 20px;
}
.case-box .feature-list li {
	width: 30%; float: left;
}
.service-box .feature-list li {
	width: 30%; float: left;
}
.case-box .before-icon {
	padding-left: 28px; position: relative;
}
.service-box .before-icon {
	padding-left: 28px; position: relative;
}
.case-box .before-icon::before {
	background: url("../images/case-list-icon.png") no-repeat 0px 0px; left: 12px; top: 14px; width: 4px; height: 4px; display: block; position: absolute; content: "";
}
.service-box .before-icon::before {
	background: url("../images/case-list-icon.png") no-repeat 0px 0px; left: 12px; top: 14px; width: 4px; height: 4px; display: block; position: absolute; content: "";
}
.address-box {
	text-align: center; padding-bottom: 160px;
}
.address-box .title {
	margin: 90px auto 20px; width: 415px; height: 52px; color: rgb(255, 255, 255); line-height: 52px; font-size: 24px; border-right-color: rgb(230, 0, 17); border-left-color: rgb(230, 0, 17); border-right-width: 6px; border-left-width: 6px; border-right-style: solid; border-left-style: solid; position: relative; background-color: rgb(28, 98, 176);
}
.address-box .title::after {
	background: url("../images/address-arrow.png") no-repeat 0px 0px; left: 50%; width: 11px; height: 8px; bottom: -8px; margin-left: -5px; display: block; position: absolute; content: "";
}
.address-box .en-address {
	color: rgb(119, 119, 119); font-size: 12px;
}
.address-box .cn-address {
	color: rgb(51, 51, 51); font-size: 18px;
}
.address-box .information-list {
	color: rgb(102, 102, 102); padding-top: 30px; margin-top: 30px; border-top-color: rgb(241, 241, 241); border-top-width: 1px; border-top-style: solid;
}
.address-box .information-list li {
	width: 24%; display: inline-block;
}
.address-box .information-list li .number {
	line-height: 36px; font-size: 18px;
}
.address-box .webMap {
	width: 100%; height: 280px; margin-top: 55px;
}
.address-box .webMap #map-box1 {
	width: 100%; height: 100%;
}
.address-box .webMap #map-box2 {
	width: 100%; height: 100%;
}
.offices-box {
	color: rgb(85, 85, 85); line-height: 30px; font-size: 16px;
}
.offices-box .offices-list {
	background: url("../images/offices-map.jpg") no-repeat 0px 0px; width: 100%; height: 920px; position: relative;
}
.offices-box .offices-list li {
	width: 10px; position: absolute;
}
.offices-box .offices-list li .contact-box {
	left: -172px; width: 355px; text-align: center; padding-top: 10px; display: none; position: absolute; z-index: 100;
}
.offices-box .offices-list li .contact-box .contact-city {
	background: url("../images/offices-map-bg.jpg") no-repeat 0px 0px; width: 88px; height: 36px; color: rgb(255, 255, 255); font-size: 14px; display: inline-block;
}
.offices-box .offices-list li .contact-box .contact-information {
	padding: 20px 15px; border-radius: 5px; border: 1px solid rgb(28, 98, 176); border-image: none; width: 100%; text-align: left; color: rgb(85, 85, 85); line-height: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); background-color: rgb(255, 255, 255);
}
.offices-box .offices-list li .contact-box .contact-information .icon {
	left: 0px; top: 8px; width: 12px; height: 12px; display: inline-block; position: absolute;
}
.offices-box .offices-list li .contact-box .contact-information p {
	padding-left: 18px; position: relative;
}
.offices-box .offices-list li .contact-box .contact-information .address-icon {
	background: url("../images/all-icon.png") no-repeat -36px 0px;
}
.offices-box .offices-list li .contact-box .contact-information .tel-icon {
	background: url("../images/all-icon.png") no-repeat -34px -14px;
}
.offices-box .offices-list li .contact-box .contact-information .fax-icon {
	background: url("../images/all-icon.png") no-repeat -33px -28px;
}
.offices-box .offices-list li .contact-box .contact-information .email-icon {
	background: url("../images/all-icon.png") no-repeat -34px -42px;
}
.offices-box .offices-list li .contact-box .contact-information .area {
	padding-top: 15px; margin-top: 10px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed;
}
.offices-box .offices-list li .show {
	display: block;
}
.offices-box .offices-list li i {
	background: url("../images/all-icon.png") no-repeat -35px -61px; width: 10px; height: 10px; display: block; position: relative; cursor: pointer;
}
.offices-box .offices-list .ln {
	left: 638px; top: 280px;
}
.offices-box .offices-list .tj {
	left: 572px; top: 328px;
}
.offices-box .offices-list .wx {
	left: 617px; top: 449px;
}
.offices-box .offices-list .sc {
	left: 394px; top: 480px;
}
.offices-box .offices-list .gd {
	left: 538px; top: 596px;
}
.inside-history {
	padding-bottom: 180px;
}
.inside-history .inside-history-slick {
	width: 100%;
}
.inside-history .inside-history-slick .history-box {
	width: 100%; height: 185px; background-color: rgb(243, 247, 251);
}
.inside-history .inside-history-slick .history-box .pic {
	width: 360px; height: 100%; float: left; position: relative;
}
.inside-history .inside-history-slick .history-box .txt {
	width: 470px; height: 100%; color: rgb(119, 119, 119); padding-top: 20px; padding-right: 25px; padding-left: 25px; float: left;
}
.inside-history .inside-history-slick .history-box .txt .title {
	height: 60px; line-height: 60px; overflow: hidden; font-family: Avian; font-size: 30px;
}
.inside-history .inside-history-slick .history-box .txt .content {
	height: 78px; line-height: 26px; overflow: hidden; font-size: 14px;
}
.inside-history .inside-history-btn {
	padding-top: 50px; padding-bottom: 100px;
}
.inside-history .inside-history-btn .page-btn {
	width: 23px; height: 23px; float: left; display: block; cursor: pointer;
}
.inside-history .inside-history-btn i.prev {
	background: url("../images/prev.png") no-repeat 0px 0px;
}
.inside-history .inside-history-btn i.prev:hover {
	background-image: url("../images/prev-hover.png");
}
.inside-history .inside-history-btn i.next {
	background: url("../images/next.png") no-repeat 0px 0px;
}
.inside-history .inside-history-btn i.next:hover {
	background-image: url("../images/next-hover.png");
}
.inside-history .inside-history-btn .list-box {
	width: 784px; height: 64px; overflow: hidden; float: left; position: relative;
}
.inside-history .inside-history-btn .list-box::after {
	left: 0px; top: 11px; width: 100%; border-bottom-color: rgb(233, 233, 233); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; z-index: 1; content: "";
}
.inside-history .inside-history-btn .list-box .btn-list {
	padding: 0px 18px; width: 5000px; height: 64px; position: relative; z-index: 10;
}
.inside-history .inside-history-btn .list-box .btn-list li {
	margin: 0px 45px; width: 60px; text-align: center; color: rgb(119, 119, 119); font-size: 14px; float: left; cursor: pointer;
}
.inside-history .inside-history-btn .list-box .btn-list li i {
	background: url("../images/hitory-btn.png") no-repeat 0px 0px; margin: 0px auto 20px; width: 23px; height: 23px; display: block;
}
.inside-history .inside-history-btn .list-box .btn-list li:hover {
	color: rgb(28, 98, 176);
}
.inside-history .inside-history-btn .list-box .btn-list li.active {
	color: rgb(28, 98, 176);
}
.inside-history .inside-history-btn .list-box .btn-list li:hover i {
	background: url("../images/inside-btn-hover.png") no-repeat 0px 0px;
}
.inside-history .inside-history-btn .list-box .btn-list li.active i {
	background: url("../images/inside-btn-hover.png") no-repeat 0px 0px;
}
.qualification-box .txt-list {
	padding: 30px; color: rgb(46, 46, 46); line-height: 40px; font-size: 16px; border-top-color: rgb(237, 237, 237); border-bottom-color: rgb(237, 237, 237); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.qualification-box .txt-list li p {
	width: 50%; float: left;
}
.qualification-box .txt-list li p::before {
	background: url("../images/before-red-icon.png") no-repeat 0px 0px; top: -3px; width: 6px; height: 6px; margin-right: 10px; display: inline-block; position: relative; content: "";
}
.qualification-box .pic-list li {
	margin: 45px 30px 0px; width: 215px; float: left;
}
.qualification-box .pic-list li .pic {
	border: 1px solid rgb(216, 216, 216); border-image: none; width: 100%; height: 305px; position: relative;
}
.qualification-box .pic-list li .pic .mask {
	background: url("../images/honor-mask.png"); transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); padding-top: 120px; position: absolute; z-index: 10; cursor: pointer; opacity: 0;
}
.qualification-box .pic-list li .pic .mask:hover {
	opacity: 1;
}
.qualification-box .pic-list li .txt {
	width: 100%; height: 46px; text-align: center; color: rgb(46, 46, 46); line-height: 45px; overflow: hidden; font-size: 16px; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
.qualification-box .inside-page {
	padding-top: 90px; padding-bottom: 90px;
}
.footer .footer-box {
	color: rgb(207, 223, 250); line-height: 26px; padding-top: 50px; padding-bottom: 30px; font-size: 12px; background-color: rgb(0, 67, 152);
}
.footer .footer-box .footer-list {
	width: 500px; overflow: hidden; float: left;
}
.footer .footer-box .footer-list li {
	width: 80px; padding-left: 5px; float: left;
}
.footer .footer-box .footer-list li a {
	height: 26px; color: rgb(207, 223, 250); line-height: 26px; overflow: hidden; font-size: 12px; display: block;
}
.footer .footer-box .footer-list li a:hover {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.footer .footer-box .footer-list li a.title {
	color: rgb(255, 255, 255); font-size: 14px; margin-bottom: 15px;
}
.footer .footer-box .footer-list .w110 {
	width: 90px;
}
.footer .footer-box .footer-list .w140 {
	width: 110px;
}
.footer .footer-box .footer-contact {
	width: 700px; padding-right: 10px; padding-left: 35px; border-left-color: rgb(24, 89, 176); border-left-width: 1px; border-left-style: dashed; float: left;
}
.footer .footer-box .footer-contact a {
	color: rgb(207, 223, 250);
}
.footer .footer-box .footer-contact .title {
	color: rgb(255, 255, 255); font-size: 14px; margin-bottom: 15px;
}
.footer .footer-box .footer-contact .contact-box .f-l {
	width: 320px;
}
.footer .footer-box .footer-contact .contact-box .f-r {
	margin-top: 7px; max-width:330px;
}
.footer .footer-box .footer-contact .contact-box .f-r img {
	max-width: 100px; float:left;margin-left:10px;
}
.footer .copyright {
	background-color:#000;
}
.footer .copyright .container {
	padding: 10px; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px;
}
.footer .copyright .container .site-map a {
	color: rgb(255, 255, 255);
}
.footer .copyright .container .site-map a:hover {
	text-decoration: underline;
}
.modal {
	background: url("../images/modal-bg.png"); left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; z-index: 100;
}
.modal .box {
	left: 50%; top: 50%; width: 430px; height: 610px; margin-top: -305px; margin-left: -215px; position: absolute; background-color: rgb(255, 255, 255);
}
.modal .box .close {
	background: url("../images/honor-close.png") no-repeat; top: 0px; width: 47px; height: 47px; right: -47px; display: block; position: absolute; cursor: pointer;
}
.map {
	padding: 30px 50px;
}
.map img {
	margin-left: 20px;
}
.map dl {
	background: rgb(255, 255, 255); border-width: 2px 1px medium; border-style: solid solid none; border-color: rgb(28, 98, 176) rgb(214, 219, 225) currentColor; margin: 20px 0px; border-image: none;
}
.map dl dt {
	background: rgb(252, 252, 252); padding: 0px 0px 0px 20px; color: rgb(0, 83, 168); line-height: 40px; font-size: 16px; border-bottom-color: rgb(214, 219, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.map dl dt a:hover {
	color: rgb(28, 98, 176);
}
.map dl:hover {
	background: rgb(245, 248, 250);
}
.map dd {
	overflow: hidden; padding-top: 10px;
}
.map dd .first {
	padding: 10px 0px 0px 20px; line-height: 30px; clear: both;
}
.map dd .first a {
	color: rgb(184, 117, 0); font-weight: bold;
}
.map dd .first a:hover {
	color: rgb(118, 75, 0);
}
.map dd div {
	padding: 0px 20px 10px 10px; line-height: 30px; overflow: hidden; clear: both; border-bottom-color: rgb(214, 219, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.map dd div a {
	padding: 0px 10px; color: rgb(51, 51, 51); float: left;
}
.map dd div a:hover {
	background: rgb(28, 98, 176); color: rgb(255, 255, 255);
}
.login {
	background: url("../images/modal-bg.png"); left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; z-index: 100;
}
.login .box {
	background: url("../images/loginbox-bg.png") no-repeat; padding: 16px; left: 50%; top: 50%; width: 444px; height: 434px; margin-top: -217px; margin-left: -222px; position: absolute;
}
.login .box .login-box {
	width: 100%; height: 100%; text-align: center; position: relative; background-color: rgb(255, 255, 255);
}
.login .box .login-box .close {
	top: 0px; width: 30px; height: 30px; text-align: center; right: 0px; color: rgb(255, 255, 255); line-height: 30px; position: absolute; cursor: pointer;
}
.login .box .login-box .title {
	background: url("../images/login-title.png") no-repeat; width: 100%; height: 90px; text-align: center; color: rgb(255, 255, 255); line-height: 90px; font-size: 30px;
}
.login .box .login-box .input-box {
	margin: 25px auto 0px; width: 312px;
}
.login .box .login-box .input-box input {
	border: 1px solid rgb(203, 203, 203); border-image: none; width: 100%; height: 36px; padding-left: 10px; margin-bottom: 14px;
}
.login .box .login-box .input-box .submit-btn {
	padding: 0px; border-radius: 5px; width: 136px; height: 46px; color: rgb(255, 255, 255); margin-top: 10px; background-color: rgb(28, 98, 176);
}
.show {
	display: block;
}
.search_mask {
	background: url("../images/tm-bg.png"); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 999;
}
.mdown {
	background: url("../images/tm-bg.png"); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 999;
}
.mdown1 {
	background: url("../images/tm-bg.png"); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 999;
}
.search_mask .s_box {
	background: rgb(255, 255, 255); padding: 25px; left: 50%; top: 50%; width: 350px; height: 136px; margin-top: -68px; margin-left: -175px; position: absolute;
}
.mdown .s_box {
	background: rgb(255, 255, 255); padding: 25px; left: 50%; top: 50%; width: 350px; height: 136px; margin-top: -68px; margin-left: -175px; position: absolute;
}
.mdown1 .s_box {
	background: rgb(255, 255, 255); padding: 25px; left: 50%; top: 50%; width: 350px; height: 136px; margin-top: -68px; margin-left: -175px; position: absolute;
}
.search_mask .s_box .text1 {
	text-align: center; color: rgb(102, 102, 102); line-height: 24px; font-size: 16px; font-style: normal;
}
.mdown .s_box .text1 {
	text-align: center; color: rgb(102, 102, 102); line-height: 24px; font-size: 16px; font-style: normal;
}
.mdown1 .s_box .text1 {
	text-align: center; color: rgb(102, 102, 102); line-height: 24px; font-size: 16px; font-style: normal;
}
.search_mask .s_box #sure {
	background: rgb(0, 88, 178); margin: 20px auto 0px; border-radius: 2px; width: 140px; height: 36px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; letter-spacing: 5px; font-size: 16px; display: block;
}
.mdown .s_box #sures {
	background: rgb(0, 88, 178); margin: 20px auto 0px; border-radius: 2px; width: 140px; height: 36px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; letter-spacing: 5px; font-size: 16px; display: block;
}
.mdown1 .s_box #suress {
	background: rgb(0, 88, 178); margin: 20px auto 0px; border-radius: 2px; width: 140px; height: 36px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; letter-spacing: 5px; font-size: 16px; display: block;
}
.home-case .btn-more {
	text-align: center; margin-top: 20px;
}
.home-case .btn-more .box {
	display: inline-block;
}
.home-case .btn-more .box i {
	width: 120px; margin-top: 20px; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.home-case .btn-more .box a {
	padding: 1px; border-radius: 20px; border: 1px solid rgb(216, 216, 216); border-image: none; width: 156px; height: 40px; text-align: center; color: rgb(161, 161, 161); line-height: 38px; overflow: hidden; font-size: 16px; float: left; box-shadow: 1px 1px 4px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
.home-case .btn-more .box a span {
	border-radius: 18px; width: 100%; height: 100%; display: block; background-color: rgb(237, 237, 237);
}
.home-case .btn-more .box a:hover span {
	color: rgb(255, 255, 255); background-color: rgb(28, 98, 176);
}