@font-face {
	font-family: ATB;
	src: url(fonts/ATILLA_BOLD1.eot#iefix) format("embedded-opentype"), url(fonts/ATILLA_BOLD1.woff) format("woff"), url(fonts/ATILLA_BOLD1.woff2) format("woff2"), url(fonts/ATILLA_BOLD1.ttf) format("truetype"), url(fonts/ATILLA_BOLD1.svg#ATILLA_BOLD1) format("svg");
}
.left {
	float: left;
}
.right {
	float: right;
}
.table {
	width: 100%; height: 100%; display: table;
}
.table .table-cell {
	width: 100%; height: 100%; vertical-align: middle; display: table-cell;
}
.cases_index {
	margin: 30px auto 0px; position: relative;
}
.cases_nav {
	height: auto !important;
}
.cases_nav .nav-new {
	padding-top: 30px !important;
}
.cases_nav .nav-new a {
	margin: 0px 4% !important;
}
.cases_nav .nav-new a .item .cn {
	font-size: 22px !important;
}
.w1520 {
	width: 1520px; height: auto;
}
@media all and (max-width:1540px)
{
.w1520 {
	width: 94%;
}
}
.container {
	width: 100%; height: auto; overflow: hidden;
}
.main {
	transition:left 1s; left: 0px; top: 0px; width: 100%; height: auto; overflow: hidden; position: relative;
}
.main.on .header-n {
	display: none;
}
.main.on .header-b {
	display: block;
}
@media all and (max-width:1024px)
{
.main.on .header-b {
	display: none;
}
.main.on .header-m-n {
	display: none;
}
.main.on .header-m-b {
	display: block;
}
}
.header {
	left: 0px; top: 0px; width: 100%; height: 98px; position: fixed; z-index: 100;
}
.header .logo {
	left: 5.2%; top: 27px; width: 218px; height: auto; float: left; display: block; position: absolute; z-index: 101;
}
.header .nav {
	width: 100%; height: 100%;
}
.header .nav ul {
	width: 100%; height: auto; text-align: center; font-size: 0px;
}
.header .nav ul li {
	margin: 0px 2.6%; display: inline-block; position: relative;
}
.header .nav ul li .tits {
	transition:color 0.5s; color: rgb(255, 255, 255); line-height: 98px; font-size: 16px; display: block;
}
.header .nav ul li:hover .tits {
	color: rgb(176, 165, 161);
}
.header .nav ul li.on .tits {
	color: rgb(176, 165, 161);
}
.header .nav ul li dl {
	left: 50%; width: 170px; margin-left: -85px; display: none; position: absolute; z-index: 11; background-color: rgb(255, 255, 255);
}
.header .nav ul li dl a {
	width: 100%; height: auto; color: rgb(51, 51, 51); line-height: 60px; font-size: 16px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed; display: block;
}
.header .nav ul li dl a:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.header .nav ul li dl a:hover {
	color: rgb(176, 165, 161);
}
.header .nav ul li dl a:hover span {
	padding-bottom: 2px; border-bottom-color: rgb(176, 165, 161); border-bottom-width: 1px; border-bottom-style: solid;
}
.header .header-right {
	top: 0px; width: 197px; height: 100%; right: 0px; position: absolute;
}
.header .header-right .share-box {
	width: 98px; height: 100%; float: left; position: relative;
}
.header .header-right .share-box .share-click {
	background-position: center; transition:background-color 0.5s; width: 100%; height: 100%; position: relative; z-index: 10; cursor: pointer; background-image: url("index_files/header_share.png"); background-repeat: no-repeat;
}
.header .header-right .share-box .share-click.on {
	background-color: rgb(176, 165, 161);
}
.header .header-right .share-box .share-close {
	transition:left 0.5s, opacity 0.5s; left: 0px; top: 0px; width: 98px; height: 98px; position: absolute; z-index: 9; opacity: 0; background-color: rgba(0, 0, 0, 0.5);
}
.header .header-right .share-box .share-close img {
	margin: auto; transition:transform 0.5s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.header .header-right .share-box .share-close:hover img {
	transform: rotate(90deg);
}
.header .header-right .share-box .share-close.on {
	left: -99px; opacity: 1;
}
.header .header-right .share-box .share {
	top: 98px; width: 197px; height: auto; right: 0px; display: none; position: absolute;
}
.header .header-right .share-box .share a {
	background-position: center; margin: 0px auto; padding: 0px; transition:0.5s; width: 98px; height: 98px; border-top-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; float: left; display: block; background-repeat: no-repeat;
}
.header .header-right .share-box .share a.bds_qzone {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none; background-image: url("index_files/header_kj.png"); background-color: rgb(233, 233, 233);
}
.header .header-right .share-box .share a.bds_qzone:hover {
	background-image: url("index_files/header_kj_h.png"); background-color: rgb(255, 234, 94);
}
.header .header-right .share-box .share a.bds_tsina {
	background-image: url("index_files/header_wb.png"); background-color: rgb(211, 211, 211);
}
.header .header-right .share-box .share a.bds_tsina:hover {
	background-image: url("index_files/header_wb_h.png"); background-color: rgb(255, 59, 59);
}
.header .header-right .share-box .share a.bds_douban {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none; background-image: url("index_files/header_db.png"); background-color: rgb(211, 211, 211);
}
.header .header-right .share-box .share a.bds_douban:hover {
	background-image: url("index_files/header_db_h.png"); background-color: rgb(176, 165, 161);
}
.header .header-right .share-box .share a.bds_weixin {
	background-image: url("index_files/header_wx.png"); background-color: rgb(233, 233, 233);
}
.header .header-right .share-box .share a.bds_weixin:hover {
	background-image: url("index_files/header_wx_h.png"); background-color: rgb(48, 189, 16);
}
.header .header-right .share-box:hover .share-click {
	background-color: rgb(176, 165, 161);
}
.header .header-right span {
	background: rgb(255, 255, 255); width: 1px; height: 20px; margin-top: 39px; float: left; display: block; opacity: 0.2;
}
.header .header-right .search-box {
	width: 98px; height: 100%; float: left; position: relative;
}
.header .header-right .search-box .search-click {
	background-position: center; transition:background-color 0.5s; width: 100%; height: 100%; position: relative; z-index: 20; cursor: pointer; background-image: url("index_files/header_search.png"); background-repeat: no-repeat;
}
.header .header-right .search-box .search-click:hover {
	background-color: rgb(176, 165, 161);
}
.header .header-right .search-box .search-click.on {
	background-color: rgb(176, 165, 161);
}
.header .header-right .search-box .search-close {
	background: rgba(0, 0, 0, 0.8); transition:left 0.5s, opacity 0.5s; left: 0px; top: 0px; width: 98px; height: 98px; position: absolute; z-index: 18; opacity: 0;
}
.header .header-right .search-box .search-close img {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.header .header-right .search-box .search-close.on {
	left: -99px; opacity: 1;
}
.header .header-right .search-box .search-close:hover img {
	transform: rotate(90deg);
}
.header .header-right .search-box .search {
	background: rgb(211, 211, 211); transition:right 0.5s, opacity 0.5s; top: 98px; width: 450px; height: 98px; right: -450px; border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid; position: absolute; opacity: 0;
}
.header .header-right .search-box .search .text {
	background: none; border-width: medium medium medium 1px; border-style: none none none solid; border-color: currentColor currentColor currentColor rgb(176, 165, 161); border-image: none; width: 290px; height: 20px; color: rgb(51, 51, 51); line-height: 20px; padding-left: 10px; font-size: 14px; margin-top: 39px; margin-left: 30px; float: left;
}
.header .header-right .search-box .search .submit {
	background: url("index_files/header_submit.png") no-repeat center; border: currentColor; transition:transform 0.5s; border-image: none; width: 59px; height: 59px; margin-top: 20px; margin-right: 12px; float: right; display: block;
}
.header .header-right .search-box .search .submit:hover {
	transform: rotate(180deg);
}
.header .header-right .search-box .search.on {
	right: 0px; opacity: 1;
}
.header.header-b {
	background: rgb(255, 255, 255); display: none; box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
}
.header.header-b .nav ul li .tits {
	color: rgb(51, 51, 51);
}
.header.header-b .nav ul li:hover .tits {
	color: rgb(176, 165, 161);
}
.header.header-b .nav ul li:hover dl {
	display: block;
}
.header.header-b .nav ul li.on .tits {
	color: rgb(176, 165, 161);
}
.header.header-b .header-right .share-box .share-click {
	background-image: url("index_files/header_share_h.png");
}
.header.header-b .header-right .share-box .share-click.on {
	background-image: url("index_files/header_share.png");
}
.header.header-b .header-right .share-box .share-click:hover {
	background-image: url("index_files/header_share.png");
}
.header.header-b .header-right .share-box .share a {
	border-top-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid;
}
.header.header-b .header-right .share-box .share a.bds_qzone {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.header.header-b .header-right .share-box .share a.bds_douban {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.header.header-b .header-right span {
	background: rgb(51, 51, 51);
}
.header.header-b .header-right .search-box .search-click {
	background-image: url("index_files/header_search_h.png");
}
.header.header-b .header-right .search-box .search-click.on {
	background-image: url("index_files/header_search.png");
}
.header.header-b .header-right .search-box .search-click.hover {
	background-image: url("index_files/header_search.png");
}
.header.header-b .header-right .search-box .search {
	border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;
}
.header.t {
	display: none !important;
}
@media all and (max-width:1240px)
{
.header .nav ul li {
	margin: 0px 1.6%;
}
}
@media all and (max-width:1720px)
{
.header .nav {
	margin-left: 4%;
}
}
@media all and (max-width:1024px)
{
.header {
	display: none !important;
}
}
.header-m {
	transition:left 1s; left: 0px; top: 0px; width: 100%; height: 80px; display: none; position: fixed; z-index: 9999;
}
.header-m .logo {
	width: 184px; height: auto; margin-top: 22px; margin-left: 3%; float: left; display: block;
}
.header-m .nav-click {
	background-position: center; width: 30px; height: 24px; margin-top: 28px; margin-right: 3%; float: right; display: block; background-image: url("index_files/nav_click.png"); background-repeat: no-repeat;
}
.header-m .nav-click.on {
	background-image: url("index_files/nav_close.png");
}
.header-m.move {
	left: -50%;
}
.header-m.header-m-b {
	background: rgb(255, 255, 255); display: none; box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
}
.header-m.header-m-b .nav-click {
	background-image: url("index_files/nav_click_b.png");
}
.header-m.header-m-b .nav-click.on {
	background-image: url("index_files/nav_close_b.png");
}
@media all and (max-width:1024px)
{
.header-m {
	display: block;
}
}
@media all and (max-width:730px)
{
.header-m {
	height: 60px;
}
.header-m .logo {
	margin-top: 12px;
}
.header-m .nav-click {
	margin-top: 18px;
}
}
@media all and (max-width:640px)
{
.header-m .logo {
	width: 150px; margin-top: 16px;
}
}
@media all and (max-width:455px)
{
.header-m {
	height: 50px;
}
.header-m .logo {
	width: 120px; margin-top: 14px;
}
.header-m .nav-click {
	width: 24px; height: 20px; margin-top: 13px; background-size: 24px;
}
.header-m .nav-click.on {
	background-size: 18px;
}
}
.sidebar {
	background: rgb(52, 52, 52); transition:left 1s; left: 0px; top: 0px; width: 100%; height: 100%; overflow: scroll; display: none; position: fixed; z-index: 9;
}
.sidebar .sidebar-new {
	padding: 20px 30px; width: calc(100% - 60px); height: auto; margin-top: 80px;
}
.sidebar .sidebar-new .logo {
	width: 184px; height: auto; display: block;
}
.sidebar .sidebar-new .nav {
	width: 100%; height: auto;
}
.sidebar .sidebar-new .nav ul li {
	width: 100%; height: auto;
}
.sidebar .sidebar-new .nav ul li .tits {
	width: 100%; height: auto; color: rgb(255, 255, 255); line-height: 60px; font-size: 24px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.sidebar .sidebar-new .nav ul li .tits span {
	font-size: 16px; margin-left: 2%;
}
.sidebar .sidebar-new .nav ul li .tits i {
	margin-left: 2%;
}
.sidebar .sidebar-new .nav ul li .tits em {
	background-position: center; width: 12px; height: 60px; margin-right: 2%; float: right; background-image: url("index_files/right.png"); background-repeat: no-repeat;
}
.sidebar .sidebar-new .nav ul li .tits em.n {
	background-image: url("index_files/jia.png"); background-size: 100% auto; -webkit-background-size: 100% auto;
}
.sidebar .sidebar-new .nav ul li .tits.on em.n {
	background-image: url("index_files/jia_h.png");
}
.sidebar .sidebar-new .nav ul li dl {
	width: 100%; height: auto; display: none;
}
.sidebar .sidebar-new .nav ul li dl a {
	width: calc(96% - 30px); color: rgb(255, 255, 255); line-height: 40px; padding-left: calc(4% + 30px); font-size: 20px; display: block;
}
@media all and (max-width:730px)
{
.sidebar .sidebar-new {
	margin-top: 60px;
}
.sidebar .sidebar-new .nav ul li .tits {
	font-size: 16px;
}
.sidebar .sidebar-new .nav ul li dl a {
	font-size: 16px;
}
}
@media all and (max-width:640px)
{
.sidebar .sidebar-new .logo {
	width: 150px;
}
.sidebar .sidebar-new .nav ul li .tits {
	font-size: 16px;
}
.sidebar .sidebar-new .nav ul li dl a {
	width: calc(96% - 20px); line-height: 45px; padding-left: calc(4% + 20px); font-size: 14px;
}
}
@media all and (max-width:455px)
{
.sidebar .sidebar-new .nav ul li .tits span {
	font-size: 14px;
}
}
.index {
	height: auto;
}
.index .index-banner {
	width: 100%; height: auto; position: relative;
}
.index .index-banner.banner-m {
	display: none;
}
.index .index-banner ul {
	width: 100%; height: auto;
}
.index .index-banner ul li {
	width: 100%; height: auto;
}
.index .index-banner .a {
	background: url("index_files/banner_btn.png") no-repeat; transition:opacity 0.5s; top: 50%; width: 40px; height: 68px; margin-top: -34px; position: absolute; z-index: 10; opacity: 0;
}
.index .index-banner .a.prev {
	left: 3%;
}
.index .index-banner .a.next {
	right: 3%; transform: rotate(180deg);
}
.index .index-banner .btns {
	left: 0px; width: 100%; height: auto; text-align: center; bottom: 30px; font-size: 0px; position: absolute; z-index: 20;
}
.index .index-banner .btns span {
	background: none; margin: 0px 7px; border-radius: 8px; border: 2px solid rgb(255, 255, 255); border-image: none; width: 8px; height: 8px; display: inline-block; cursor: pointer; opacity: 1;
}
.index .index-banner .btns span.swiper-pagination-bullet-active {
	background: rgb(255, 255, 255);
}
.index .index-banner:hover .a {
	opacity: 0.5;
}
.index .index-banner.banner-iphone {
	display: none;
}
@media all and (max-width:1024px)
{
.index .index-banner.banner-pc {
	display: none;
}
.index .index-banner.banner-m {
	display: block;
}
.index .index-banner ul li {
	overflow: hidden;
}
.index .index-banner .a {
	display: none;
}
.index .index-banner .btns span {
	margin: 0px 3px; width: 4px; height: 4px;
}
}
@media all and (max-width:640px)
{
.index .index-banner .btns {
	bottom: 15px;
}
}
.index .index-nav {
	background: rgb(255, 255, 255); width: 100%; height: 250px;
}
.index .index-nav .nav-new {
	width: 100%; height: auto; text-align: center; padding-top: 74px; font-size: 0px; display: flex; justify-content: space-between;
}
.index .index-nav .nav-new a {
	margin: 0px 0.5%; width: 160px; height: auto; display: inline-block;
}
.index .index-nav .nav-new a .item {
	transition:transform 0.5s; width: 100%; height: auto;
}
.index .index-nav .nav-new a .item .icon {
	width: 100%; height: 40px; position: relative;
}
.index .index-nav .nav-new a .ycTbAct {
	transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 1; background-size: auto 90% !important; -webkit-background-size: auto 90%;
}
.index .index-nav .nav-new a:nth-child(1) .ycTbAct {
	background-size: auto 72% !important; -webkit-background-size: auto 72%;
}
.index .index-nav .nav-new a .ycTbAct-h {
	transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0; background-size: auto 90% !important; -webkit-background-size: auto 90%;
}
.index .index-nav .nav-new a:hover .ycTbAct {
	opacity: 0;
}
.index .index-nav .nav-new a:hover .ycTbAct-h {
	opacity: 1;
}
.index .index-nav .nav-new a .item .cn {
	width: 100%; height: auto; text-align: center; color: rgb(51, 51, 51); line-height: 22px; font-size: 16px; margin-top: 10px;
}
.index .index-nav .nav-new a .item .en {
	text-align: center; color: rgb(51, 51, 51); line-height: 16px; font-size: 12px; margin-top: 5px;
}
@media all and (min-width:1024px)
{
.index .index-nav .nav-new a:hover .item {
	transform: translateY(-20px);
}
}
@media all and (max-width:1600px)
{
.index .index-nav .nav-new a {
	width: 140px;
}
}
@media all and (max-width:1400px)
{
.index .index-nav .nav-new a {
	width: 120px;
}
}
@media all and (max-width:1200px)
{
.index .index-nav .nav-new a {
	width: 110px;
}
}
@media all and (max-width:1100px)
{
.index .index-nav {
	height: auto;
}
.index .index-nav .nav-new {
	padding-top: 50px; padding-bottom: 50px;
}
}
@media all and (max-width:1024px)
{
.index .index-nav .nav-new {
	flex-wrap: wrap; justify-content: center;
}
.index .index-nav .nav-new a {
	margin: 0px; width: 110px;
}
}
@media all and (max-width:980px)
{
.index .index-nav .nav-new a {
	margin: 0px 0px 20px;
}
.index .index-nav .nav-new a .item .cn {
	margin-top: 13px;
}
}
@media all and (max-width:550px)
{
.index .index-nav .nav-new {
	padding-top: 0px; padding-bottom: 0px;
}
.index .index-nav .nav-new a {
	width: calc(33.3333% - 1px); height: 105px; margin-bottom: 0px; border-bottom-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; float: left; display: block;
}
.index .index-nav .nav-new a .item {
	padding-top: 15px;
}
.index .index-nav .nav-new a .item .icon {
	background-size: auto 30px !important;
}
.index .index-nav .nav-new a .item .cn {
	line-height: 14px; font-size: 12px;
}
.index .index-nav .nav-new a .item .en {
	line-height: 14px; margin-top: 2px; display: none;
}
.cases_nav .nav-new {
	padding-top: 0px !important;
}
.index .cases_nav .nav-new a {
	margin: 0px !important; border: currentColor !important; border-image: none !important; height: auto !important;
}
.service .case_list ul {
	display: flex; flex-wrap: wrap; justify-content: space-between;
}
.service .case_list ul li {
	padding: 0px !important; width: 48% !important;
}
.service .case_list ul li a .tits {
	margin: 0px !important; padding: 14px 0px !important; height: auto !important; font-size: 14px !important;
}
.cases_nav .nav-new a .item .cn {
	font-size: 16px !important;
}
.cases_service .banner {
	display: none;
}
.cases_service .title {
	margin: 70px 0px 20px !important;
}
}
@media all and (max-width:460px)
{
.index .index-nav .nav-new {
	text-align: center; font-size: 0px;
}
}
.index .index-innovate {
	background-position: center; width: 100%; height: 760px; overflow: hidden; background-repeat: no-repeat; background-size: cover !important;
}
.index .index-innovate .innovate-new {
	margin: 0px auto; width: 1200px; height: 100%;
}
.index .index-innovate .innovate-new .pic {
	width: 55%; height: 100%; float: left; position: relative;
}
.index .index-innovate .innovate-new .pic .img {
	left: -35px; width: 659px; height: auto; bottom: 16px; position: absolute;
}
.index .index-innovate .innovate-new .pic .line {
	left: 3px; width: 615px; bottom: 128px; position: absolute; transition-delay: 0.3s;
}
.index .index-innovate .innovate-new .pic .line img {
	opacity: 0.7;
}
.index .index-innovate .innovate-new .con {
	width: 45%; height: auto; padding-top: 15%; float: left;
}
.index .index-innovate .innovate-new .con .tits {
	text-align: center; color: rgb(51, 51, 51); line-height: 32px; font-size: 30px;
}
.index .index-innovate .innovate-new .con .tit {
	text-align: center; color: rgb(51, 51, 51); line-height: 26px; font-size: 24px; margin-top: 42px;
}
.index .index-innovate .innovate-new .con .tit1 {
	margin: 25px auto 0px; width: 86.7%; height: auto; text-align: center; color: rgb(51, 51, 51); line-height: 28px; font-size: 14px;
}
.index .index-innovate .innovate-new .con .tag {
	width: 100%; height: auto; text-align: center; font-size: 0px; margin-top: 35px;
}
.index .index-innovate .innovate-new .con .tag .item {
	margin: 0px 33px; display: inline-block;
}
.index .index-innovate .innovate-new .con .tag .item .icon {
	background-position: center; transition:transform 0.5s; width: 90px; height: 40px; display: block; background-repeat: no-repeat; background-size: auto 100% !important;
}
.index .index-innovate .innovate-new .con .tag .item .icon.i1 {
	background-image: url("../index_files/x1.png");
}
.index .index-innovate .innovate-new .con .tag .item .icon.i2 {
	background-image: url("../index_files/x2.png");
}
.index .index-innovate .innovate-new .con .tag .item .icon.i3 {
	background-image: url("../index_files/x3.png");
}
.index .index-innovate .innovate-new .con .tag .item span {
	width: 100%; color: rgb(51, 51, 51); line-height: 32px; font-size: 16px; margin-top: 10px; display: block;
}
@media all and (min-width:1024px)
{
.index .index-innovate .innovate-new .con .tag .item:hover .icon {
	transform: rotate(360deg);
}
}
.index .index-innovate .innovate-new .con .more {
	margin: 45px auto 0px; border-radius: 5px; border: 2px solid rgb(51, 51, 51); border-image: none; width: 171px; height: 44px; display: block; position: relative;
}
.index .index-innovate .innovate-new .con .more span {
	transition:left 0.5s; left: 35px; top: 0px; color: rgb(51, 51, 51); line-height: 42px; font-size: 12px; position: absolute;
}
.index .index-innovate .innovate-new .con .more i {
	background: url("index_files/index_more2.png") no-repeat center; transition:right 0.5s; top: 20px; width: 15px; height: 4px; right: 42px; display: block; position: absolute;
}
.index .index-innovate .innovate-new .con .more:hover span {
	left: 30px;
}
.index .index-innovate .innovate-new .con .more:hover i {
	right: 37px;
}
@media all and (max-width:1220px)
{
.index .index-innovate {
	height: auto;
}
.index .index-innovate .innovate-new {
	width: 94%;
}
.index .index-innovate .innovate-new .pic .img {
	left: 0px; width: 100%; bottom: 0px; position: relative;
}
.index .index-innovate .innovate-new .pic .line {
	left: 6%; width: 92%; bottom: 16%;
}
.index .index-innovate .innovate-new .con {
	padding-bottom: 10%; float: right;
}
}
@media all and (max-width:1120px)
{
.index .index-innovate .innovate-new .pic .img {
	bottom: auto; margin-top: -14%;
}
.index .index-innovate .innovate-new .con {
	padding-top: 10%;
}
.index .index-innovate .innovate-new .con .tit {
	margin-top: 20px;
}
.index .index-innovate .innovate-new .con .tag {
	margin-top: 30px;
}
.index .index-innovate .innovate-new .con .tag .item {
	margin: 0px 15px;
}
.index .index-innovate .innovate-new .con .more {
	margin: 25px auto 0px;
}
}
@media all and (max-width:870px)
{
.index .index-innovate {
	background-image: url("index_files/index_m.jpg") !important;
}
.index .index-innovate .innovate-new .pic {
	width: 40%;
}
.index .index-innovate .innovate-new .pic img {
	margin-top: 3%;
}
.index .index-innovate .innovate-new .con {
	width: 60%;
}
}
@media all and (max-width:740px)
{
.index .index-innovate .innovate-new .pic {
	width: 100%; float: none;
}
.index .index-innovate .innovate-new .pic .img {
	margin: -9% auto 0px; width: 80%; height: auto; display: block;
}
.index .index-innovate .innovate-new .pic .line {
	left: 14.5%; width: 72%; bottom: 16%;
}
.index .index-innovate .innovate-new .con {
	width: 100%; float: none;
}
.index .index-innovate .innovate-new .con .tits {
	line-height: 26px; font-size: 20px;
}
.index .index-innovate .innovate-new .con .tit {
	line-height: 20px; font-size: 16px; margin-top: 10px;
}
.index .index-innovate .innovate-new .con .tit1 {
	margin: 10px auto 0px; width: 94%; line-height: 20px; font-size: 12px;
}
.index .index-innovate .innovate-new .con .more {
	width: 128px; height: 30px;
}
.index .index-innovate .innovate-new .con .more span {
	left: 18px; line-height: 30px;
}
.index .index-innovate .innovate-new .con .more i {
	top: 14px; right: 20px;
}
}
@media all and (max-width:440px)
{
.index .index-innovate .innovate-new .con .tag .item {
	margin: 0px 6%;
}
.index .index-innovate .innovate-new .con .tag .item .icon {
	width: 70px; height: 30px;
}
.index .index-innovate .innovate-new .con .tag .item span {
	line-height: 28px; font-size: 15px; margin-top: 5px;
}
}
.index .index-product {
	background: rgb(245, 244, 243); padding: 76px 0px; width: 100%; height: auto;
}
.index .index-product .product-new {
	margin: 0px auto; width: 1720px; height: auto;
}
.index .index-product .product-new .title {
	width: 100%; height: auto; text-align: center; color: rgb(0, 0, 0); line-height: 32px; font-size: 30px;
}
.index .index-product .product-new .list {
	width: 100%; height: auto; margin-top: 40px;
}
.index .index-product .product-new .list .list-left {
	width: 62.2%; height: auto; float: left;
}
.index .index-product .product-new .list .list-left .item {
	width: 100%; height: auto; margin-bottom: 1%;
}
.index .index-product .product-new .list .list-left .item .item-box {
	border-radius: 5px; height: auto; overflow: hidden; position: relative;
}
.index .index-product .product-new .list .list-left .item .item-box a {
	width: 100%; height: auto;
}
.index .index-product .product-new .list .list-left .item .item-box a .img {
	transition:transform 1s;
}
.index .index-product .product-new .list .list-left .item .item-box a .bg {
	transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 4; background-color: rgba(0, 0, 0, 0.34);
}
.index .index-product .product-new .list .list-left .item .item-box a .tits {
	transition:background 0.5s; left: 0px; width: 100%; height: 70px; bottom: 0px; position: absolute; z-index: 5;
}
.index .index-product .product-new .list .list-left .item .item-box a .tits span {
	color: rgb(255, 255, 255); line-height: 70px; font-size: 14px; float: left;
}
.index .index-product .product-new .list .list-left .item .item-box a .tits i {
	width: 25px; height: 3px; overflow: hidden; margin-top: 33px; float: right; display: block; position: relative;
}
.index .index-product .product-new .list .list-left .item .item-box a .tits i img {
	transition:left 0.5s; left: -10px; top: 0px; position: absolute;
}
.index .index-product .product-new .list .list-left .item .item-box:hover a .img {
	transform: scale(1.1);
}
.index .index-product .product-new .list .list-left .item .item-box:hover a .tits {
	background: rgba(0, 0, 0, 0.5);
}
.index .index-product .product-new .list .list-left .item .item-box:hover a .tits i img {
	left: 0px;
}
.index .index-product .product-new .list .list-left .item .item-box:hover a .bg {
	opacity: 0;
}
.index .index-product .product-new .list .list-left .item .item-left {
	width: 39.4%;
}
.index .index-product .product-new .list .list-left .item .item-left a .tits span {
	margin-left: 7.1%;
}
.index .index-product .product-new .list .list-left .item .item-left a .tits i {
	margin-right: 7.8%;
}
.index .index-product .product-new .list .list-left .item .item-right {
	width: 59.6%;
}
.index .index-product .product-new .list .list-left .item .item-right a .tits span {
	margin-left: 4.7%;
}
.index .index-product .product-new .list .list-left .item .item-right a .tits i {
	margin-right: 4.3%;
}
.index .index-product .product-new .list .list-right {
	border-radius: 5px; width: 37.1%; height: auto; overflow: hidden; float: right; position: relative;
}
.index .index-product .product-new .list .list-right a {
	width: 100%; height: auto; display: block;
}
.index .index-product .product-new .list .list-right a .img {
	transition:transform 0.5s;
}
.index .index-product .product-new .list .list-right a .bg {
	transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 4; background-color: rgba(0, 0, 0, 0.34);
}
.index .index-product .product-new .list .list-right a .con {
	left: 8.3%; top: 12%; width: 83.4%; height: auto; position: absolute; z-index: 5;
}
.index .index-product .product-new .list .list-right a .con .line {
	background: rgb(255, 255, 255); width: 30px; height: 2px;
}
.index .index-product .product-new .list .list-right a .con .tits {
	color: rgb(255, 255, 255); line-height: 32px; font-size: 30px; margin-top: 23px;
}
.index .index-product .product-new .list .list-right a .con .tit {
	color: rgb(255, 255, 255); line-height: 30px; font-size: 28px; margin-top: 12px;
}
.index .index-product .product-new .list .list-right a .con .tit1 {
	color: rgb(255, 255, 255); line-height: 16px; font-size: 14px; margin-top: 16px;
}
.index .index-product .product-new .list .list-right a .con .line1 {
	width: 25px; height: 3px; overflow: hidden; margin-top: 38px; position: relative;
}
.index .index-product .product-new .list .list-right a .con .line1 img {
	transition:left 0.5s; left: -10px; top: 0px; position: absolute;
}
.index .index-product .product-new .list .list-right:hover a .bg {
	opacity: 0;
}
.index .index-product .product-new .list .list-right:hover a .img {
	transform: scale(1.1);
}
.index .index-product .product-new .list .list-right:hover a .con .line1 img {
	left: 0px;
}
.index .index-product .product-new .more {
	margin: 20px auto 0px; border-radius: 5px; border: 1px solid rgb(221, 221, 221); transition:background 0.5s; border-image: none; width: 24.5%; height: 68px; text-align: center; font-size: 0px; display: block; position: relative;
}
.index .index-product .product-new .more span {
	transition:color 0.5s; color: rgb(154, 154, 154); line-height: 70px; font-size: 12px; margin-left: -10%;
}
.index .index-product .product-new .more i {
	background: url("index_files/index_more2.png") no-repeat; transition:background 0.5s; top: 35px; width: 16px; height: 3px; right: 40%; display: inline-block; position: absolute;
}
.index .index-product .product-new .more:hover {
	background: rgb(176, 165, 161);
}
.index .index-product .product-new .more:hover span {
	color: rgb(255, 255, 255);
}
.index .index-product .product-new .more:hover i {
	background: url("index_files/index_more.png") no-repeat -10px;
}
@media all and (max-width:1740px)
{
.index .index-product .product-new {
	width: 94%;
}
}
@media all and (max-width:1440px)
{
.index .index-product .product-new .more i {
	right: 35%;
}
}
@media all and (max-width:1200px)
{
.index .index-product .product-new .list .list-left .item .item-box a .tits {
	height: 40px;
}
.index .index-product .product-new .list .list-left .item .item-box a .tits span {
	line-height: 40px;
}
.index .index-product .product-new .list .list-left .item .item-box a .tits i {
	margin-top: 18px;
}
.index .index-product .product-new .more {
	height: 45px;
}
.index .index-product .product-new .more span {
	line-height: 45px; margin-left: -20%;
}
.index .index-product .product-new .more i {
	top: 23px; right: 30%;
}
}
@media all and (max-width:1024px)
{
.index .index-product {
	padding: 40px 0px;
}
.index .index-product .product-new .list {
	margin-top: 25px;
}
.index .index-product .product-new .list .list-right a .con .tits {
	line-height: 26px; font-size: 24px; margin-top: 14px;
}
.index .index-product .product-new .list .list-right a .con .tit {
	line-height: 24px; font-size: 22px;
}
.index .index-product .product-new .list .list-right a .con .tit1 {
	margin-top: 10px;
}
.index .index-product .product-new .list .list-right a .con .line1 {
	margin-top: 25px;
}
}
@media all and (max-width:730px)
{
.index .index-product .product-new .title {
	line-height: 24px; font-size: 22px;
}
.index .index-product .product-new .more {
	height: 34px;
}
.index .index-product .product-new .more span {
	line-height: 34px; margin-left: -30%;
}
.index .index-product .product-new .more i {
	top: 17px; right: 24%;
}
}
@media all and (max-width:640px)
{
.index .index-product .product-new .list .list-left .item .item-box a .bg {
	display: block;
}
.index .index-product .product-new .list .list-left .item .item-box a .tits {
	top: 50%; bottom: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.index .index-product .product-new .list .list-left .item .item-box a .tits span {
	width: 100%; text-align: center; margin-left: 0px; display: block;
}
.index .index-product .product-new .list .list-left .item .item-box a .tits i {
	display: none;
}
.index .index-product .product-new .list .list-right a .con .tits {
	text-align: center;
}
.index .index-product .product-new .list .list-right a .con {
	left: 0px; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.index .index-product .product-new .list .list-right a .con .line {
	display: none;
}
.index .index-product .product-new .list .list-right a .con .line1 {
	display: none;
}
.index .index-product .product-new .list .list-left {
	width: 100%; float: none;
}
.index .index-product .product-new .list .list-right {
	width: 100%; float: none;
}
.index .index-product .product-new .more {
	width: 145px; height: 34px; text-align: left;
}
.index .index-product .product-new .more span {
	margin-left: 25px;
}
.index .index-product .product-new .more i {
	right: 20px;
}
}
@media all and (max-width:414px)
{
.index .index-product {
	padding: 30px 0px;
}
.index .index-product .product-new .title {
	line-height: 20px; font-size: 18px;
}
.index .index-product .product-new .list {
	margin-top: 15px;
}
.index .index-product .product-new .list .list-right a .con .tits {
	line-height: 22px; font-size: 20px; margin-top: 10px;
}
.index .index-product .product-new .list .list-right a .con .tit {
	line-height: 20px; font-size: 18px; margin-top: 7px;
}
}
.index .index-box {
	margin: 0px auto; width: 1720px; height: auto; padding-bottom: 84px; position: relative; background-color: rgb(255, 255, 255);
}
.index .index-box .index-news {
	width: 50%; height: auto; padding-top: 75px; float: left;
}
.index .index-box .index-news .title {
	width: 100%; height: auto; text-align: center; color: rgb(0, 0, 0); line-height: 32px; font-size: 30px;
}
.index .index-box .index-news .tabs {
	margin: 39px auto 0px; width: 280px; height: 42px; overflow: hidden;
}
.index .index-box .index-news .tabs a {
	border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(234, 234, 234) currentColor rgb(234, 234, 234) rgb(234, 234, 234); border-image: none; width: 139px; height: 40px; text-align: center; color: rgb(102, 102, 102); line-height: 40px; font-size: 14px; float: left; display: block; border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
.index .index-box .index-news .tabs a.a {
	border-radius: 0px 5px 5px 0px; border-right-color: rgb(234, 234, 234); border-left-color: currentColor; border-right-width: 1px; border-left-width: medium; border-right-style: solid; border-left-style: none;
}
.index .index-box .index-news .tabs a.on {
	background: rgb(176, 165, 161); border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(176, 165, 161) currentColor rgb(176, 165, 161) rgb(176, 165, 161); border-image: none; color: rgb(255, 255, 255);
}
.index .index-box .index-news .tabs a.a.on {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.index .index-box .index-news .list {
	width: 70%; height: auto; margin-top: 33px; margin-left: 12.8%;
}
.index .index-box .index-news .list .item {
	width: 100%; height: auto;
}
.index .index-box .index-news .list .item ul {
	width: 100%; height: auto;
}
.index .index-box .index-news .list .item ul li {
	width: 100%; height: auto; position: relative;
}
.index .index-box .index-news .list .item ul li a {
	width: 100%; height: auto;
}
.index .index-box .index-news .list .item ul li a .time {
	border-radius: 3px; border: 1px solid rgb(219, 219, 219); border-image: none; width: 88px; height: 26px; text-align: center; color: rgb(102, 102, 102); line-height: 26px; font-size: 12px; margin-top: 11px; float: left; position: relative; z-index: 3;
}
.index .index-box .index-news .list .item ul li a .tits {
	height: 50px; color: rgb(51, 51, 51); line-height: 50px; overflow: hidden; font-size: 14px; margin-left: 107px; border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: dashed; position: relative; -ms-text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.index .index-box .index-news .list .item ul li a .bg {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 107px; height: 51px; position: absolute;
}
@media all and (min-width:1024px)
{
.index .index-box .index-news .list .item ul li:hover a .tits {
	color: rgb(176, 165, 161);
}
}
.index .index-box .index-news .list .item .more {
	border-radius: 5px; border: 1px solid rgb(234, 234, 234); transition:color 0.5s, background 0.5s; border-image: none; width: 69.8%; height: 66px; text-align: center; color: rgb(154, 154, 154); line-height: 70px; font-size: 12px; margin-top: 40px; margin-left: 107px; display: block; position: relative;
}
.index .index-box .index-news .list .item .more span {
	margin-left: -36px;
}
.index .index-box .index-news .list .item .more i {
	background: url("index_files/index_more2.png") no-repeat; transition:background 0.5s; top: 35px; width: 16px; height: 3px; right: 40%; display: inline-block; position: absolute;
}
@media all and (min-width:1024px)
{
.index .index-box .index-news .list .item .more:hover {
	background: rgb(176, 165, 161); border: 1px solid rgb(176, 165, 161); border-image: none; color: rgb(255, 255, 255);
}
.index .index-box .index-news .list .item .more:hover i {
	background: url("index_files/index_more.png") no-repeat;
}
}
.index .index-box .index-about {
	width: 50%; height: auto; padding-top: 75px; float: left;
}
.index .index-box .index-about .title {
	text-align: center; color: rgb(0, 0, 0); line-height: 32px; font-size: 30px;
}
.index .index-box .index-about .box {
	width: 69.8%; height: auto; margin-top: 32px; margin-left: 18.6%;
}
.index .index-box .index-about .box .pic {
	width: 33.7%; height: auto; float: left;
}
.index .index-box .index-about .box .con {
	width: 54%; height: auto; margin-top: 5%; float: right;
}
.index .index-box .index-about .box .con .tits {
	color: rgb(51, 51, 51); line-height: 28px; font-size: 18px;
}
.index .index-box .index-about .box .con .tit {
	width: 100%; height: 112px; color: rgb(51, 51, 51); line-height: 28px; overflow: hidden; font-size: 14px; margin-top: 17px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.index .index-box .index-about .more {
	border-radius: 5px; border: 1px solid rgb(234, 234, 234); transition:color 0.5s, background 0.5s; border-image: none; width: 49%; height: 66px; text-align: center; color: rgb(154, 154, 154); line-height: 70px; font-size: 12px; margin-top: 13%; margin-left: 25%; display: block; position: relative;
}
.index .index-box .index-about .more span {
	margin-left: -36px;
}
.index .index-box .index-about .more i {
	background: url("index_files/index_more2.png") no-repeat; transition:background 0.5s; top: 35px; width: 16px; height: 3px; right: 40%; display: inline-block; position: absolute;
}
@media all and (min-width:1024px)
{
.index .index-box .index-about .more:hover {
	background: rgb(176, 165, 161); border: 1px solid rgb(176, 165, 161); border-image: none; color: rgb(255, 255, 255);
}
.index .index-box .index-about .more:hover i {
	background: url("index_files/index_more.png") no-repeat;
}
}
.index .index-box .line {
	background: rgb(219, 219, 219); left: 50%; top: 105px; width: 1px; height: 360px; position: absolute;
}
@media all and (max-width:1740px)
{
.index .index-box {
	width: 96%;
}
}
@media all and (max-width:1380px)
{
.index .index-box .index-news .list .item .more {
	height: 50px;
}
.index .index-box .index-news .list .item .more span {
	line-height: 50px; margin-left: -50px;
}
.index .index-box .index-news .list .item .more i {
	top: 25px; right: 35%;
}
.index .index-box .index-about .more {
	height: 50px;
}
.index .index-box .index-about .more span {
	line-height: 50px; margin-left: -50px;
}
.index .index-box .index-about .more i {
	top: 25px; right: 35%;
}
}
@media all and (max-width:1024px)
{
.index .index-box {
	padding-bottom: 55px;
}
.index .index-box .index-news {
	padding-top: 45px;
}
.index .index-box .index-news .title {
	line-height: 24px; font-size: 22px;
}
.index .index-box .index-news .tabs {
	margin: 25px auto 0px; width: 200px; height: 32px;
}
.index .index-box .index-news .tabs a {
	width: 99px; height: 30px; line-height: 30px;
}
.index .index-box .index-news .list {
	width: 85%; margin-left: 7%;
}
.index .index-box .index-news .list .item ul li a .time {
	width: 74px; margin-top: 5px;
}
.index .index-box .index-news .list .item ul li a .tits {
	height: 40px; line-height: 40px; margin-left: 85px;
}
.index .index-box .index-news .list .item ul li a .bg {
	width: 85px;
}
.index .index-box .index-news .list .item .more {
	width: 153px; height: 40px; text-align: left; margin-top: 20px; margin-left: 85px;
}
.index .index-box .index-news .list .item .more span {
	line-height: 40px; margin-left: 25px;
}
.index .index-box .index-news .list .item .more i {
	top: 20px; right: 20%;
}
.index .index-box .index-about {
	padding-top: 45px;
}
.index .index-box .index-about .title {
	line-height: 24px; font-size: 22px;
}
.index .index-box .index-about .box {
	width: 85%; margin-left: 5%;
}
.index .index-box .index-about .box .pic {
	width: 43%;
}
.index .index-box .index-about .more {
	width: 153px; height: 40px; text-align: left; margin-top: 9%;
}
.index .index-box .index-about .more span {
	line-height: 40px; margin-left: 25px;
}
.index .index-box .index-about .more i {
	top: 20px; right: 20%;
}
.index .index-box .line {
	height: 255px;
}
}
@media all and (max-width:600px)
{
.index .index-box .line {
	display: none;
}
.index .index-box .index-news {
	width: 100%; float: none;
}
.index .index-box .index-news .list {
	margin-top: 15px;
}
.index .index-box .index-news .list .item .more {
	margin: 20px auto 0px;
}
.index .index-box .index-about {
	width: 100%; float: none;
}
.index .index-box .index-about .box {
	width: 100%; margin-left: 0px;
}
.index .index-box .index-about .more {
	margin: 20px auto 0px; left: auto; bottom: auto; position: relative;
}
}
.footer {
	background: rgb(176, 165, 161); width: 100%; height: auto;
}
.footer .foot {
	margin: 0px auto; width: 1720px; height: auto; padding-top: 65px; padding-bottom: 80px;
}
.footer .foot .con {
	width: 17.4%; height: auto; float: left;
}
.footer .foot .con .logo {
	width: 184px; height: 35px; display: block;
}
.footer .foot .con .tel {
	width: 100%; height: auto; margin-top: 30px;
}
.footer .foot .con .tel span {
	width: 100%; color: rgb(255, 255, 255); line-height: 36px; font-size: 14px; display: block;
}
.footer .foot .con .tel i {
	color: rgb(255, 255, 255) !important; line-height: 29px; font-size: 24px; display: block;
}
.footer .foot .con .tag {
	width: 100%; height: auto; margin-top: 33px;
}
.footer .foot .con .tag a {
	color: rgb(255, 255, 255); line-height: 36px; padding-left: 26px; font-size: 14px; display: block;
}
.footer .foot .con .tag a.i1 {
	background: url("index_files/footer_icon1.png") no-repeat left;
}
.footer .foot .con .tag a.i2 {
	background: url("index_files/footer_icon2.png") no-repeat left;
}
.footer .foot .con .tag a.i3 {
	background: url("index_files/footer_icon3.png") no-repeat left;
}
.footer .foot .con .tag a:hover {
	color: rgb(176, 165, 161);
}
.footer .foot .nav {
	width: 76%; height: auto; float: right;
}
.footer .foot .nav dl {
	width: 12.2%; height: auto; margin-right: 4.46%; float: left;
}
.footer .foot .nav dl dt {
	width: 100%; height: auto; line-height: 18px; padding-bottom: 20px; font-size: 18px; margin-bottom: 12px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
.footer .foot .nav dl dt a {
	transition:color 0.5s; width: 100%; height: auto; color: rgb(255, 255, 255); display: block;
}
.footer .foot .nav dl dt a:hover {
	color: rgb(176, 165, 161);
}
.footer .foot .nav dl dd {
	width: 100%; height: auto; line-height: 28px; font-size: 14px;
}
.footer .foot .nav dl dd a {
	transition:color 0.5s; width: 100%; height: auto; color: rgb(238, 238, 238); display: block;
}
.footer .foot .nav dl dd a:hover {
	color: rgb(255, 255, 255);
}
@media all and (max-width:1740px)
{
.footer .foot {
	width: 94%;
}
}
@media all and (max-width:1330px)
{
.footer .foot .nav {
	width: 80%;
}
.footer .foot .nav dl {
	width: 15%; margin-right: 1.6%;
}
}
@media all and (max-width:1120px)
{
.footer .foot .nav {
	width: 75%;
}
.footer .foot .nav .d1 {
	width: 14%;
}
.footer .foot .nav .d2 {
	width: 18%;
}
}
@media all and (max-width:1024px)
{
.footer .foot .con {
	width: 24%;
}
.footer .foot .con .tag a.i3 {
	display: none;
}
}
@media all and (max-width:940px)
{
.footer .foot .nav {
	width: 75%;
}
.footer .foot .nav .d1 {
	width: 13%;
}
.footer .foot .nav .d2 {
	width: 21%;
}
}
@media all and (max-width:840px)
{
.footer .foot {
	padding-top: 45px; padding-bottom: 50px;
}
.footer .foot .con .logo {
	width: 100%;
}
}
@media all and (max-width:820px)
{
.footer .foot {
	width: 90%;
}
.footer .foot .con {
	width: 100%;
}
.footer .foot .con .logo {
	width: 184px;
}
.footer .foot .con .tel {
	margin-top: 15px;
}
.footer .foot .con .tag {
	margin-top: 20px;
}
.footer .foot .nav {
	display: none;
}
}
@media all and (max-width:620px)
{
.footer .foot {
	padding-top: 35px; padding-bottom: 20px;
}
.footer .foot .con .tag {
	margin-top: 10px;
}
}
@media all and (max-width:600px)
{
.footer .foot .con .tag a {
	margin-right: 20px; display: inline-block;
}
}
.footer .foott {
	background: rgb(56, 50, 48); width: 100%; height: 68px;
}
.footer .foott .foott-new {
	margin: 0px auto; width: 1720px; height: auto;
}
.footer .foott .foott-new .foott-left {
	float: left;
}
.footer .foott .foott-new .foott-left .txt {
	color: rgb(159, 159, 159); line-height: 68px; font-size: 12px; float: left;
}
.footer .foott .foott-new .foott-left .nav {
	color: rgb(159, 159, 159); line-height: 68px; font-size: 12px; margin-left: 30px; float: left;
}
.footer .foott .foott-new .foott-left .nav a {
	transition:color 0.5s; color: rgb(159, 159, 159);
}
@media all and (min-width:1024px)
{
.footer .foott .foott-new .foott-left .nav a:hover {
	color: rgb(255, 255, 255);
}
}
.footer .foott .foott-new .foott-left .nav span {
	margin: 0px 4px;
}
.footer .foott .foott-new .foott-right {
	float: right;
}
.footer .foott .foott-new .foott-right span {
	color: rgb(181, 181, 181); line-height: 68px; font-size: 12px; float: left;
}
.footer .foott .foott-new .foott-right a {
	margin: 24px 0px 0px 21px; transition:background 0.5s; width: 21px; height: 20px; float: left; display: block;
}
.footer .foott .foott-new .foott-right a.bds_tsina {
	background: url("index_files/footer_wb.png") no-repeat center;
}
.footer .foott .foott-new .foott-right a.bds_weixin {
	background: url("index_files/footer_wx.png") no-repeat center;
}
.footer .foott .foott-new .foott-right a.bds_qzone {
	background: url("index_files/footer_kj.png") no-repeat center;
}
.footer .foott .foott-new .foott-right a.bds_douban {
	background: url("index_files/footer_db.png") no-repeat center;
}
.footer .sharethis-inline-share-buttons {
	width: 234px; margin-top: 14px; float: left;
}
@media all and (min-width:1024px)
{
.footer .foott .foott-new .foott-right a.bds_tsina:hover {
	background: url("index_files/footer_wb_h.png") no-repeat center;
}
.footer .foott .foott-new .foott-right a.bds_weixin:hover {
	background: url("index_files/footer_wx_h.png") no-repeat center;
}
.footer .foott .foott-new .foott-right a.bds_qzone:hover {
	background: url("index_files/footer_kj_h.png") no-repeat center;
}
.footer .foott .foott-new .foott-right a.bds_douban:hover {
	background: url("index_files/footer_db_h.png") no-repeat center;
}
}
@media all and (max-width:1740px)
{
.footer .foott .foott-new {
	width: 94%;
}
}
@media all and (max-width:620px)
{
.footer .foott {
	height: auto; padding-top: 20px; padding-bottom: 10px;
}
.footer .foott .foott-new .foott-left {
	width: 100%;
}
.footer .foott .foott-new .foott-left .txt {
	line-height: 35px;
}
.footer .foott .foott-new .foott-left .nav {
	line-height: 35px; margin-left: 0px; float: right;
}
.footer .foott .foott-new .foott-right {
	width: 100%; float: none;
}
.footer .foott .foott-new .foott-right span {
	line-height: 38px;
}
.footer .foott .foott-new .foott-right a {
	margin-top: 9px;
}
}
@media all and (max-width:340px)
{
.footer .foott .foott-new .foott-left .nav span {
	margin: 0px;
}
}
.footer-m {
	padding: 30px 0px; width: 100%; height: auto; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-size: 14px; display: none; background-color: rgb(51, 51, 51);
}
.footer-m .logo {
	margin: 0px auto; width: 200px; height: auto; display: block;
}
.footer-m .t {
	margin-top: 15px;
}
.footer-m .t1 {
	color: rgb(255, 255, 255); margin-top: 10px; display: none;
}
.footer-m .t2 {
	margin-top: 10px;
}
.footer-m .t2 a {
	color: rgb(255, 255, 255);
}
.footer-m .t2 span {
	margin: 0px 5px;
}
.footer-m .t3 {
	margin-top: 10px;
}
@media all and (max-width:750px)
{
.footer {
	display: none;
}
.footer-m {
	display: block;
}
}
.banner {
	width: 100%; height: auto; margin-top: 98px; position: relative;
}
.banner img {
	width: 100%; height: auto;
}
.banner .con {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.banner .con .tits {
	text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 74px; font-family: ATB; font-size: 72px; margin-top: 9%;
}
.banner .con .tit {
	text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 48px; margin-top: 20px;
}
.banner .con .nav {
	margin: 4% auto 0px; width: 800px; height: auto; text-align: center; font-size: 0px; position: relative;
}
.banner .con .nav a {
	margin: 0px 10px; padding: 0px 8px 26px; color: rgb(255, 255, 255); line-height: 20px; font-size: 14px; display: inline-block; position: relative;
}
.banner .con .nav a span {
	background: rgb(255, 255, 255); transition:width 0.5s, left 0.5s; left: 50%; width: 0px; height: 1px; bottom: 0px; position: absolute;
}
.banner .con .nav a.on {
	font-weight: bold;
}
.banner .con .nav a.on span {
	left: 0px; width: 100%;
}
.banner .con .nav a:hover {
	font-weight: bold;
}
.banner .con .nav a:hover span {
	left: 0px; width: 100%;
}
.banner .con .nav .line {
	background: rgb(255, 255, 255); left: 0px; width: 100%; height: 1px; bottom: 0px; position: absolute; opacity: 0.2;
}
.banner.s .con .tits {
	color: rgb(255, 255, 255);
}
.banner.s .con .tit {
	color: rgb(255, 255, 255);
}
.banner.s .con .nav a {
	color: rgb(255, 255, 255);
}
.banner.s .con .nav a span {
	background: rgb(255, 255, 255);
}
.banner.s .con .nav .line {
	background: rgb(255, 255, 255);
}
@media all and (max-width:1230px)
{
.banner .con .tits {
	margin-top: 5%;
}
}
@media all and (max-width:1024px)
{
.banner {
	margin-top: 80px;
}
.banner .con .tits {
	line-height: 52px; font-size: 50px; margin-top: 10%;
}
.banner .con .tit {
	line-height: 34px; font-size: 32px;
}
.banner .con .nav {
	display: none;
}
}
@media all and (max-width:780px)
{
.banner img {
	width: 120%; margin-left: -10%;
}
.banner .con .nav {
	width: 90%;
}
}
@media all and (max-width:730px)
{
.banner {
	margin-top: 60px;
}
}
@media all and (max-width:640px)
{
.banner img {
	width: 150%; margin-left: -25%;
}
.banner .con .tits {
	line-height: 36px; font-size: 34px; margin-top: 17%;
}
.banner .con .tit {
	line-height: 28px; font-size: 26px;
}
.banner .con .nav a {
	margin: 0px 10px; padding-bottom: 15px;
}
}
@media all and (max-width:460px)
{
.banner img {
	width: 160%; margin-left: -30%;
}
.banner .con .tits {
	line-height: 26px; font-size: 24px;
}
.banner .con .tit {
	line-height: 18px; font-size: 16px; margin-top: 10px;
}
.banner .con .nav {
	border: currentColor; border-image: none;
}
.banner .con .nav a {
	margin: 0px 10px 10px;
}
.banner .con .nav .line {
	display: none;
}
}
@media all and (max-width:455px)
{
.banner {
	margin-top: 50px;
}
}
@media all and (max-width:360px)
{
.banner .con .nav {
	border: currentColor; border-image: none;
}
.banner .con .nav a {
	margin: 0px 5px 10px;
}
}
.about {
	width: 100%; height: auto; margin-bottom: 110px;
}
.about .about-con .tits {
	color: rgb(153, 153, 153); line-height: 18px; font-size: 16px;
}
.about .about-con .en {
	color: rgb(44, 47, 48); text-transform: uppercase; line-height: 50px; font-family: ATB; font-size: 48px;
}
.about .about-con .cn {
	color: rgb(44, 47, 48); line-height: 38px; font-size: 36px;
}
.about .about-brand {
	margin: 0px auto;
}
.about .about-brand .title {
	width: 32.9%; height: auto; margin-top: 52px; float: left;
}
.about .about-brand .title .en {
	margin-top: 21px;
}
.about .about-brand .title .cn {
	margin-top: 21px;
}
.about .about-brand .con {
	width: 38.2%; height: auto; text-align: justify; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 100px; float: left; opacity: 0.9;
}
.about .about-brand .time {
	width: 14.8%; height: auto; text-align: center; font-family: ATB; margin-top: 85px; margin-right: 7.8%; float: right;
}
.about .about-brand .time .num {
	color: rgb(173, 173, 173); line-height: 74px; font-size: 72px;
}
.about .about-brand .time .en {
	color: rgb(44, 47, 48); text-transform: uppercase; line-height: 26px; font-size: 24px; margin-top: 0px;
}
.about .about-design {
	width: 100%; height: auto; margin-top: 56px;
}
.about .about-design .pic-box1 {
	width: 50%; overflow: hidden; float: left;
}
.about .about-design .pic {
	background-position: right; transition:transform 1.5s; width: 100%; height: 620px; background-repeat: no-repeat; background-size: cover !important;
}
.about .about-design .pic-box:hover .pic {
	transform: scale(1.1);
}
.about .about-design .con {
	width: 50%; height: auto; float: right;
}
.about .about-design .con .con-new {
	width: 79.2%; height: auto;
}
.about .about-design .con .con-new .conn {
	margin: 31px auto 0px; width: 68.4%; height: auto;
}
.about .about-design .con .con-new .conn .en {
	margin-top: 40px;
}
.about .about-design .con .con-new .conn .cn {
	margin-top: 21px;
}
.about .about-design .con .con-new .conn .text {
	height: 150px; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 43px;
}
.about .about-design .con .con-new .conn .line {
	background: rgb(153, 153, 153); width: 1px; height: 150px; margin-top: 74px; margin-left: 2px;
}
.about .about-box {
	margin: 120px auto 0px;
}
.about .about-box .box-left {
	width: 27.6%; height: auto;
}
.about .about-box .box-left .con {
	width: 100%; height: auto;
}
.about .about-box .box-left .con .en {
	margin-top: 21px;
}
.about .about-box .box-left .con .cn {
	margin-top: 20px;
}
.about .about-box .box-left .con .text {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 43px;
}
.about .about-box .box-left .pic1 {
	width: 100%; height: auto; display: none;
}
.about .about-box .box-left .pic {
	width: 100%; height: auto; overflow: hidden;
}
.about .about-box .box-left .pic img {
	transition:transform 1.5s;
}
.about .about-box .box-left .pic:hover img {
	transform: scale(1.1);
}
.about .about-box .box-left.left .pic {
	margin-top: 74px;
}
.about .about-box .box-left.right .con {
	margin-top: 40px;
}
.about .about-box .box-center {
	width: 32.6%; height: 100%; overflow: hidden; margin-left: 5.9%;
}
.about .about-box .box-center img {
	transition:transform 1.5s; max-width: 100% !important;
}
.about .about-box .box-center:hover img {
	transform: scale(1.1);
}
.about .about-figure {
	background-position: center; width: 100%; height: auto; margin-top: 100px; background-repeat: no-repeat; background-size: cover !important;
}
.about .about-figure .figure-new {
	margin: 0px auto; padding-top: 130px; padding-bottom: 182px;
}
.about .about-figure .figure-new .con {
	width: 34.2%; height: auto; text-align: right;
}
.about .about-figure .figure-new .con .en {
	margin-top: 21px;
}
.about .about-figure .figure-new .con .cn {
	margin-top: 23px;
}
.about .about-figure .figure-new .con .text {
	text-align: left; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 42px;
}
.about .about-course {
	margin: 100px auto 0px;
}
.about .about-course .pic {
	width: 50%; height: auto; overflow: hidden; float: left;
}
.about .about-course .pic img {
	transition:transform 1.5s;
}
.about .about-course .pic:hover img {
	transform: scale(1.1);
}
.about .about-course .con {
	width: 50%; height: auto; float: left;
}
.about .about-course .con .con-new {
	margin: 0px auto; width: 68.4%; height: auto;
}
.about .about-course .con .con-new .tits {
	margin-top: 19px;
}
.about .about-course .con .con-new .en {
	margin-top: 21px;
}
.about .about-course .con .con-new .cn {
	margin-top: 21px;
}
.about .about-course .con .con-new .text {
	text-align: justify; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 42px;
}
.about .about-course .con .con-new .more {
	background: rgb(176, 165, 161); border-radius: 27px; border: 1px solid rgb(176, 165, 161); transition:background 0.5s, color 0.5s; border-image: none; width: 198px; height: 54px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 54px; font-family: ATB; font-size: 16px; margin-top: 44px; display: block;
}
@media all and (min-width:1024px)
{
.about .about-course .con .con-new .more:hover {
	background: rgb(118, 107, 103); border: 1px solid rgb(118, 107, 103); border-image: none; color: rgb(255, 255, 255);
}
}
@media all and (max-width:1540px)
{
.about .about-course .con .con-new .en {
	margin-top: 10px;
}
.about .about-course .con .con-new .cn {
	margin-top: 10px;
}
.about .about-course .con .con-new .text {
	margin-top: 25px;
}
.about .about-course .con .con-new .more {
	margin-top: 30px;
}
}
@media all and (max-width:1500px)
{
.about .about-figure .figure-new {
	padding-top: 80px; padding-bottom: 100px;
}
}
@media all and (max-width:1320px)
{
.about .about-brand .title {
	width: 38%;
}
.about .about-brand .time {
	width: 20%; margin-right: 2%;
}
.about .about-design .con .con-new {
	width: auto; padding-right: 6%;
}
.about .about-design .con .con-new .conn {
	width: 80%;
}
.about .about-course .pic {
	overflow: hidden;
}
.about .about-course .pic img {
	width: 120%; margin-left: -10%;
}
.about .about-course .con .con-new {
	width: 85%;
}
.about .about-course .con .con-new .tits {
	margin-top: 9px;
}
.about .about-course .con .con-new .text {
	margin-top: 10px;
}
.about .about-course .con .con-new .more {
	border-radius: 21px; height: 42px; line-height: 42px; margin-top: 20px;
}
.about .about-con .en {
	line-height: 30px; font-size: 34px;
}
.about .about-con .cn {
	line-height: 24px; font-size: 24px;
}
}
@media all and (max-width:1200px)
{
.about .about-figure {
	margin-top: 60px;
}
.about .about-figure .figure-new {
	padding-top: 50px; padding-bottom: 70px;
}
.about .about-figure .figure-new .con .en {
	margin-top: 10px;
}
.about .about-figure .figure-new .con .cn {
	margin-top: 7px;
}
.about .about-figure .figure-new .con .text {
	margin-top: 20px;
}
}
@media all and (max-width:1170px)
{
.about .about-brand .title {
	width: 32%;
}
.about .about-brand .con {
	width: 42.2%;
}
}
@media all and (max-width:1024px)
{
.about {
	margin-bottom: 60px;
}
.about .about-con .en {
	line-height: 36px; font-size: 34px;
}
.about .about-con .cn {
	line-height: 32px; font-size: 30px;
}
.about .about-brand .title {
	margin-top: 40px;
}
.about .about-brand .title .en {
	margin-top: 10px;
}
.about .about-brand .title .cn {
	margin-top: 10px;
}
.about .about-brand .con {
	margin-top: 70px;
}
.about .about-brand .time {
	margin-top: 40px;
}
.about .about-brand .time .num {
	line-height: 48px; font-size: 46px;
}
.about .about-brand .time .en {
	line-height: 20px; font-size: 18px; margin-top: 7px; margin-bottom: 5px;
}
.about .about-design .pic {
	height: 480px;
}
.about .about-design .con .con-new .conn {
	margin: 20px auto 0px;
}
.about .about-design .con .con-new .conn .en {
	margin-top: 20px;
}
.about .about-design .con .con-new .conn .cn {
	margin-top: 10px;
}
.about .about-design .con .con-new .conn .text {
	margin-top: 15px;
}
.about .about-design .con .con-new .conn .line {
	margin-top: 10px;
}
.about .about-box {
	margin: 60px auto 0px;
}
.about .about-box .box-left {
	width: 30%;
}
.about .about-box .box-left .con .en {
	margin-top: 10px;
}
.about .about-box .box-left .con .cn {
	margin-top: 10px;
}
.about .about-box .box-left .con .text {
	margin-top: 15px;
}
.about .about-box .box-center {
	margin-left: 3.8%;
}
.about .about-course {
	margin: 50px;
}
}
@media all and (max-width:940px)
{
.about .about-figure .figure-new {
	padding-top: 20px; padding-bottom: 30px;
}
}
@media all and (max-width:840px)
{
.about .about-course .pic img {
	width: 140%; margin-left: -20%;
}
}
@media all and (max-width:790px)
{
.about .about-figure {
	background-position: right top; margin-top: 40px; background-size: 150% !important;
}
.about .about-figure .figure-new {
	padding-top: 50%;
}
.about .about-figure .figure-new .con {
	width: 100%; text-align: left;
}
.about .about-course {
	margin: 0px auto;
}
.about .about-course .pic {
	width: 100%; float: none;
}
.about .about-course .pic img {
	width: 100%; margin-left: 0px;
}
.about .about-course .con {
	width: 100%; float: none;
}
.about .about-course .con .con-new {
	width: 100%;
}
.about .about-course .con .con-new .tits {
	margin-top: 20px;
}
}
@media all and (max-width:760px)
{
.about .about-box {
	margin-top: 30px;
}
.about .about-box .box-left {
	width: 48%;
}
.about .about-box .box-center {
	display: none;
}
}
@media all and (max-width:720px)
{
.about .about-design .pic {
	height: 330px;
}
.about .about-design .con .con-new .conn {
	margin: 10px auto 0px;
}
.about .about-design .con .con-new .conn .en {
	margin-top: 10px;
}
.about .about-design .con .con-new .conn .text {
	height: auto;
}
.about .about-design .con .con-new .conn .line {
	display: none;
}
}
@media all and (max-width:600px)
{
.about {
	margin-bottom: 40px;
}
.about .about-brand .title {
	margin-top: 30px;
}
.about .about-con .tits {
	line-height: 16px; font-size: 14px;
}
.about .about-con .en {
	line-height: 24px; font-size: 22px;
}
.about .about-con .cn {
	line-height: 20px; font-size: 18px;
}
.about .about-brand .title {
	width: 100%;
}
.about .about-brand .con {
	width: 100%; font-size: 12px; margin-top: 20px;
}
.about .about-brand .time {
	display: none;
}
.about .about-design {
	margin-top: 25px;
}
}
@media all and (max-width:520px)
{
.about .about-design .pic-box {
	width: 100%; float: none;
}
.about .about-design .pic {
	width: 100%;
}
.about .about-design .con .con-new {
	width: 100%; padding-right: 0px;
}
.about .about-design .con .con-new .conn {
	width: 92%;
}
}
@media all and (max-width:500px)
{
.about .about-design .pic-box1 {
	width: 100%; float: none;
}
.about .about-design .con {
	width: 100%; margin-top: 20px; float: none;
}
.about .about-box .box-left {
	width: 100%; margin-bottom: 30px;
}
.about .about-box .box-left .pic1 {
	display: block;
}
.about .about-box .box-left .pic2 {
	display: none;
}
.about .about-box .box-left .con {
	margin-top: 20px;
}
.about .about-box .box-left.right .con {
	margin-top: 20px;
}
.about .about-figure {
	margin-top: 0px;
}
}
.project {
	width: 100%; height: auto;
}
.project .project-con .en {
	color: rgb(44, 47, 48); text-transform: uppercase; line-height: 50px; font-family: ATB; font-size: 48px;
}
.project .project-con .cn {
	color: rgb(44, 47, 48); line-height: 38px; font-size: 36px; margin-top: 21px;
}
.project .project-con .text {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 42px;
}
.project .project-con .more {
	border-radius: 27px; border: 1px solid rgb(219, 219, 219); transition:background 0.5s, color 0.5s; border-image: none; width: 198px; height: 54px; text-align: center; color: rgb(44, 47, 48); line-height: 54px; font-family: ATB; font-size: 16px; margin-top: 44px; display: block;
}
@media all and (min-width:1024px)
{
.project .project-con .more:hover {
	background: rgb(44, 47, 48); border: 1px solid rgb(44, 47, 48); border-image: none; color: rgb(255, 255, 255);
}
}
.project .project-box {
	background-position: center; width: 100%; height: auto; background-repeat: no-repeat; background-size: cover !important;
}
.project .project-box .box-new {
	margin: 0px auto; padding-top: 100px; padding-bottom: 135px;
}
.project .project-box .box-new .con {
	width: 30.3%; height: auto;
}
.project .project-box1 {
	width: 100%; height: auto;
}
.project .project-box1 .box {
	width: 50%; height: auto; padding-top: 76px; padding-bottom: 220px; position: relative; background-size: 100% !important; -webkit-background-size: 100%;
}
.project .project-box1 .box .con {
	width: 760px; height: auto;
}
.project .project-box1 .box .con .con-new {
	width: 60.5%; height: auto; margin-left: 10%;
}
.project .project-box2 {
	background-position: center; width: 100%; height: auto; background-repeat: no-repeat; background-size: cover !important;
}
.project .project-box2 .box-new {
	margin: 0px auto; padding-top: 93px; padding-bottom: 364px;
}
.project .project-box2 .box-new .con {
	width: 50%; height: auto; float: left;
}
.project .project-box2 .box-new .con .con-new {
	width: 60.5%; height: auto;
}
.project .project-box2 .box-new .con-right {
	width: 50%; height: auto; margin-top: 80px; float: left;
}
.project .project-box2 .box-new .con-right .more {
	border-radius: 27px; border: 1px solid rgb(219, 219, 219); transition:background 0.5s, color 0.5s; border-image: none; width: 198px; height: 54px; text-align: center; color: rgb(44, 47, 48); line-height: 54px; font-family: ATB; font-size: 16px; margin-left: 200px; float: left; display: block;
}
@media all and (min-width:1024px)
{
.project .project-box2 .box-new .con-right .more:hover {
	background: rgb(44, 47, 48); border: 1px solid rgb(44, 47, 48); border-image: none; color: rgb(255, 255, 255);
}
}
.project .project-box2 .box-new .con-right .line {
	background: rgb(221, 221, 221); width: 150px; height: 1px; margin-top: 27px; float: right;
}
.project .project-box3 {
	width: 100%; height: auto; position: relative;
}
.project .project-box3 .pic {
	background-position: right; width: 50%; height: 580px; float: left; background-repeat: no-repeat; background-size: cover !important;
}
.project .project-box3 .pic img {
	display: none;
}
.project .project-box3 .con {
	width: 50%; height: auto; float: left;
}
.project .project-box3 .con .con-new {
	width: 79.2%; height: auto; margin-top: 90px;
}
.project .project-box3 .con .con-new .conn {
	width: 60.5%; margin-left: 25%;
}
@media all and (max-width:1300px)
{
.project .project-box1 .box {
	padding-top: 40px; padding-bottom: 320px;
}
}
@media all and (max-width:1220px)
{
.project .project-box1 .box .con {
	margin: 0px auto; width: 80%;
}
.project .project-box1 .box .con .con-new {
	width: 100%; margin-left: 0px;
}
.project .project-box2 .box-new .con-right .more {
	margin-left: 20%;
}
}
@media all and (max-width:1024px)
{
.project .project-box1 .box {
	padding-top: 40px;
}
}
@media all and (max-width:1000px)
{
.project .project-con .en {
	line-height: 36px; font-size: 34px;
}
.project .project-con .cn {
	line-height: 28px; font-size: 26px;
}
.project .project-con .text {
	margin-top: 25px;
}
.project .project-con .more {
	margin-top: 30px;
}
.project .project-box .box-new {
	padding-top: 50px; padding-bottom: 75px;
}
.project .project-box .box-new .con {
	width: 40%;
}
.project .project-box3 .pic {
	height: 450px;
}
.project .project-box3 .con .con-new {
	width: 100%;
}
.project .project-box3 .con .con-new .conn {
	margin: 0px auto; width: 92%;
}
}
@media all and (max-width:960px)
{
.project .project-box2 .box-new {
	padding-top: 60px; padding-bottom: 200px;
}
.project .project-box2 .box-new .con .con-new {
	width: 90%;
}
.project .project-box2 .box-new .con-right .more {
	margin-left: 0px; float: right;
}
.project .project-box2 .box-new .con-right .line {
	display: none;
}
}
@media all and (max-width:640px)
{
.project .project-con .en {
	line-height: 30px; font-size: 28px;
}
.project .project-con .cn {
	line-height: 24px; font-size: 22px; margin-top: 10px;
}
.project .project-con .text {
	margin-top: 15px;
}
.project .project-con .more {
	width: 120px; height: 33px; line-height: 33px; font-size: 16px;
}
.project .project-box .box-new .con {
	width: 60%;
}
}
@media all and (max-width:560px)
{
.project .project-box1 .box .con {
	width: 94%;
}
.project .project-box2 .box-new {
	padding-top: 30px;
}
.project .project-box2 .box-new .con {
	width: 100%; float: none;
}
.project .project-box2 .box-new .con-right {
	width: 100%; margin-top: 30px; float: none;
}
.project .project-box2 .box-new .con-right .more {
	border-radius: 16px; width: 120px; height: 33px; line-height: 33px; font-size: 16px; float: left;
}
}
@media all and (max-width:530px)
{
.project .project-con .en {
	line-height: 24px; font-size: 24px;
}
.project .project-con .cn {
	line-height: 18px; font-size: 18px;
}
.project .project-con .text {
	display: none;
}
.project .project-box1 .box {
	width: 100%; padding-bottom: 120px; float: none;
}
.project .project-box3 .pic {
	background: none !important; width: 100%; height: auto; float: none;
}
.project .project-box3 .pic img {
	display: block;
}
.project .project-box3 .con {
	left: 0px; top: 40px; width: 100%; position: absolute;
}
.project .project-box2 .box-new {
	width: 88%;
}
.project .project-box .box-new {
	width: 88%;
}
.project .project-box1 .box .con {
	width: 88%;
}
.project .project-box3 .con .con-new {
	width: 100%; margin-top: 0px; margin-bottom: 40px;
}
.project .project-box3 .con .con-new .conn {
	width: 88%;
}
}
.video {
	background: rgb(246, 246, 246); width: 100%; height: auto;
}
.video .content {
	margin: 0px auto; padding-top: 60px; padding-bottom: 95px;
}
.video .content .box {
	width: 100%; height: auto;
}
.video .content .box .item {
	background: rgb(255, 255, 255); width: 48.7%; height: auto;
}
.video .content .box .item a {
	width: 100%; height: auto;
}
.video .content .box .item a .pic {
	width: 100%; height: auto; overflow: hidden; position: relative;
}
.video .content .box .item a .pic .img {
	transition:transform 0.5s;
}
.video .content .box .item a .pic .icon {
	background-position: 0% 0%; left: 35px; width: 48px; height: 48px; bottom: 30px; position: absolute; background-image: url("index_files/video_icon.png"); background-attachment: scroll; background-repeat: no-repeat; background-size: cover !important; background-origin: padding-box; background-clip: border-box; background-color: transparent;
}
.video .content .box .item a .tits {
	margin: 0px auto; width: 91.8%; height: 80px; color: rgb(44, 47, 48); line-height: 80px; overflow: hidden; font-family: ATB; font-size: 24px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
@media all and (min-width:1024px)
{
.video .content .box .item:hover a .pic .img {
	transform: scale(1.1);
}
}
.video .content .list {
	width: 100%; height: auto; overflow: hidden; margin-top: 40px;
}
.video .content .list ul {
	width: 110%; height: auto; padding-bottom: 30px;
}
.video .content .list ul li {
	background: rgb(255, 255, 255); width: 28.7%; height: auto; overflow: hidden; margin-right: 2.5%; margin-bottom: 40px; float: left;
}
.video .content .list ul li a {
	width: 100%; height: auto;
}
.video .content .list ul li a .pic {
	width: 100%; height: auto; overflow: hidden; position: relative;
}
.video .content .list ul li a .pic .img {
	transition:transform 0.5s;
}
.video .content .list ul li a .pic .icon {
	background-position: 0% 0%; left: 35px; width: 48px; height: 48px; bottom: 30px; position: absolute; background-image: url("index_files/video_icon.png"); background-attachment: scroll; background-repeat: no-repeat; background-size: cover !important; background-origin: padding-box; background-clip: border-box; background-color: transparent;
}
.video .content .list ul li a .tits {
	margin: 0px auto; width: 91.8%; height: 56px; color: rgb(44, 47, 48); line-height: 56px; overflow: hidden; font-family: ATB; font-size: 16px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
@media all and (min-width:1024px)
{
.video .content .list ul li:hover a .pic .img {
	transform: scale(1.1);
}
}
.video .click-close {
	background: url("index_files/nav_close_b.png") no-repeat center rgb(255, 255, 255); top: 0px; width: 40px; height: 40px; right: 0px; display: none; position: fixed; z-index: 20000000;
}
@media all and (max-width:1024px)
{
.video .content {
	padding-top: 40px; padding-bottom: 50px;
}
.video .content .box .item a .tits {
	height: 50px; line-height: 50px; font-size: 18px;
}
.video .content .list {
	margin-top: 30px;
}
.video .content .list ul li a .tits {
	height: 50px; line-height: 50px; font-size: 18px;
}
}
@media all and (max-width:800px)
{
.video .content {
	padding-top: 40px; padding-bottom: 50px;
}
.video .content .box .item a .pic .icon {
	left: 15px; width: 28px; height: 28px; bottom: 15px;
}
.video .content .list {
	margin-top: 30px;
}
.video .content .list ul {
	padding-bottom: 10px;
}
.video .content .list ul li a .pic .icon {
	left: 15px; width: 28px; height: 28px; bottom: 15px;
}
}
@media all and (max-width:540px)
{
.video .content {
	padding-top: 20px; padding-bottom: 30px;
}
.video .content .box .item a .tits {
	height: 40px; line-height: 40px; font-size: 16px;
}
.video .content .list ul li {
	width: 44.7%;
}
.video .content .list ul li a .tits {
	height: 40px; line-height: 40px; font-size: 16px;
}
}
@media all and (max-width:414px)
{
.video .content .box .item {
	width: 100%; margin-bottom: 10px; float: none !important;
}
.video .content .list {
	margin-top: 0px;
}
.video .content .list ul li {
	width: 100%; margin-right: 0px; margin-bottom: 10px; float: none;
}
}
.news {
	background: rgb(246, 246, 246); width: 100%; height: auto; padding-bottom: 80px;
}
.news .list {
	margin: 60px auto 0px; width: 1280px; overflow: hidden; max-width: 94%;
}
.news .list ul li {
	width: 100%; height: auto; padding-bottom: 30px; margin-bottom: 30px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.news .list ul li .pic {
	width: 24.9%; height: auto; overflow: hidden; float: left; display: block;
}
.news .list ul li .pic img {
	transition:1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s;
}
.news .list ul li .con {
	width: 73%; height: auto; float: right;
}
.news .list ul li .con .tits {
	height: 34px; color: rgb(44, 47, 48); line-height: 34px; overflow: hidden; font-size: 32px; margin-top: 8px; display: block; -ms-text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.news .list ul li .con .tit {
	height: 96px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 25px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.news .list ul li .con .tit1 {
	width: 100%; height: auto; margin-top: 10px;
}
.news .list ul li .con .tit1 .top {
	width: 54px; height: 17px; float: left; position: relative;
}
.news .list ul li .con .tit1 .share {
	background: url("index_files/news_icon1.png") no-repeat right; width: 54px; height: 17px; color: rgb(153, 153, 153); line-height: 17px; font-size: 14px; position: relative;
}
.news .list ul li .con .tit1 .share-new {
	left: -1px; top: 17px; width: 84px; height: auto; overflow: hidden; display: none; position: absolute;
}
.news .list ul li .con .tit1 .share-new a {
	background-position: center; margin: 0px auto; padding: 0px; border: 1px solid rgb(234, 234, 234); transition:0.5s; border-image: none; width: 40px; height: 40px; float: left; display: block; background-repeat: no-repeat; background-color: rgb(255, 255, 255);
}
.news .list ul li .con .tit1 .share-new a.bds_qzone {
	border-right-color: currentColor; border-bottom-color: currentColor; border-right-width: medium; border-bottom-width: medium; border-right-style: none; border-bottom-style: none; background-image: url("index_files/header_kj.png");
}
.news .list ul li .con .tit1 .share-new a.bds_qzone:hover {
	background-image: url("index_files/header_kj_h.png");
}
.news .list ul li .con .tit1 .share-new a.bds_tsina {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; background-image: url("index_files/header_wb.png");
}
.news .list ul li .con .tit1 .share-new a.bds_tsina:hover {
	background-image: url("index_files/header_wb_h.png");
}
.news .list ul li .con .tit1 .share-new a.bds_douban {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none; background-image: url("index_files/header_db.png");
}
.news .list ul li .con .tit1 .share-new a.bds_douban:hover {
	background-image: url("index_files/header_db_h.png");
}
.news .list ul li .con .tit1 .share-new a.bds_weixin {
	background-image: url("index_files/header_wx.png");
}
.news .list ul li .con .tit1 .share-new a.bds_weixin:hover {
	background-image: url("index_files/header_wx_h.png");
}
.news .list ul li .con .tit1 .share-new a:hover {
	background-color: rgb(176, 165, 161);
}
.news .list ul li .con .tit1:hover .share {
	background: url("index_files/news_icon1_h.png") no-repeat right; color: rgb(176, 165, 161);
}
.news .list ul li .con .tit1 .top:hover .share-new {
	display: block;
}
.news .list ul li .con .tit1 .time {
	color: rgb(153, 153, 153); line-height: 17px; font-size: 16px; float: right;
}
@media all and (min-width:1024px)
{
.news .list ul li:hover .pic img {
	transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);
}
.news .list ul li:hover .con .tits {
	color: rgb(176, 165, 161);
}
}
@media all and (max-width:1350px)
{
.news .list ul li .con .tits {
	height: 26px; line-height: 26px; font-size: 24px; margin-top: 0px;
}
.news .list ul li .con .tit {
	margin-top: 15px;
}
}
@media all and (max-width:1170px)
{
.news .list ul li .pic {
	width: 29%;
}
.news .list ul li .con {
	width: 67%;
}
}
@media all and (max-width:980px)
{
.news .list ul li .con .tit {
	height: 48px; margin-top: 10px; -webkit-line-clamp: 2;
}
}
@media all and (max-width:660px)
{
.news .list {
	margin: 30px auto 0px;
}
.news .list ul li {
	padding-bottom: 20px; margin-bottom: 20px;
}
.news .list ul li .pic {
	width: 100%; float: none;
}
.news .list ul li .con {
	width: 100%; margin-top: 15px; float: none;
}
}
@media all and (max-width:500px)
{
.news .list ul li .con .tits {
	height: 20px; line-height: 20px; font-size: 20px;
}
}
.news-details {
	width: 100%; height: auto; padding-bottom: 40px; margin-top: 98px;
}
.news-details .details-banner {
	background-position: center; width: 100%; height: 280px; background-repeat: no-repeat;
}
.news-details .content {
	margin: 0px auto; width: 1200px; height: auto; max-width: 94%;
}
.news-details .content .top {
	width: 100%; height: auto; margin-top: 2%;
}
.news-details .content .top .tits {
	text-align: center; color: rgb(51, 51, 51); line-height: 46px; font-size: 36px;
}
.news-details .content .top .tag {
	width: 100%; height: auto; text-align: center; font-size: 0px; margin-top: 1%;
}
.news-details .content .top .tag .t {
	background-position: left; margin: 0px 20px 10px; color: rgb(153, 153, 153); line-height: 16px; padding-left: 24px; font-size: 16px; display: inline-block; background-repeat: no-repeat;
}
.news-details .content .top .tag .t.t1 {
	background-image: url("index_files/info_icon1.png");
}
.news-details .content .top .tag .t.t2 {
	background-image: url("index_files/info_icon2.png");
}
.news-details .content .top .tag .t.t3 {
	background-image: url("index_files/info_icon3.png");
}
.news-details .content .con {
	margin: 2.5% auto 0px; width: 900px; text-align: justify; color: rgb(51, 51, 51); line-height: 24px !important; padding-bottom: 20px; font-size: 16px !important; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid; max-width: 100%;
}
.news-details .content .con p span {
	font-size: 16px;
}
.news-details .content .con img {
	margin: 10px auto !important; display: block; max-width: 100%;
}
.news-details .content .con .share {
	margin: 50px auto 0px; width: 100%; height: auto;
}
.news-details .content .con .share span {
	color: rgb(153, 153, 153); line-height: 16px; font-size: 14px; margin-right: 10px; float: right;
}
.news-details .content .con .share a {
	background-position: center; margin: 0px; padding: 0px; width: 16px; height: 16px; float: right; display: inline-block; background-size: cover;
}
.news-details .content .con .share a.bds_tsina {
	margin: 0px 10px 0px 0px; background-image: url("index_files/info_wb.png");
}
.news-details .content .con .share a.bds_weixin {
	margin: 0px 10px 0px 0px; background-image: url("index_files/info_wx.png");
}
.news-details .content .con .share a.bds_qzone {
	background-image: url("index_files/info_qq.png");
}
.news-details .content .paging {
	margin: 15px auto 0px; width: 900px; max-width: 100%;
}
.news-details .content .paging p {
	width: 100%; line-height: 30px; font-size: 16px;
}
.news-details .content .paging p a {
	color: rgb(51, 51, 51);
}
.news-details .content .paging .return-list {
	border-radius: 23px; border: 1px solid rgb(221, 221, 221); transition:0.5s; border-image: none; width: 140px; height: 45px; text-align: center; color: rgb(153, 153, 153); line-height: 45px; font-size: 16px; margin-top: 20px; float: right; display: block;
}
@media all and (min-width:1024px)
{
.news-details .content .paging p a:hover {
	color: rgb(176, 165, 161);
}
.news-details .content .paging .return-list:hover {
	border: 1px solid rgb(176, 165, 161); border-image: none; color: rgb(255, 255, 255); background-color: rgb(176, 165, 161);
}
}
@media all and (max-width:1024px)
{
.news-details .details-banner {
	display: none;
}
.news-details .content {
	padding-top: 5%;
}
.news-details {
	margin-top: 80px;
}
}
@media all and (max-width:730px)
{
.news-details {
	margin-top: 60px;
}
}
@media all and (max-width:690px)
{
.news-details .content {
	margin: 8% auto 0px; max-width: 88%;
}
.news-details .content .top .tag .t {
	font-size: 14px;
}
.news-details .content .top .tits {
	line-height: 40px; font-size: 28px;
}
.news-details .content .con {
	margin: 5% auto 0px;
}
.news-details .content .top .tag {
	margin-top: 15px;
}
}
@media all and (max-width:455px)
{
.news-details {
	margin-top: 50px;
}
.news-details .content .top .tits {
	line-height: 30px; font-size: 18px;
}
.news-details .content .top .tag .t {
	margin-right: 5px;
}
.news-details .content .con {
	line-height: 24px !important;
}
.news-details .content .con span {
	font-size: 12px !important;
}
.news-details .content .paging p {
	line-height: 24px; font-size: 14px;
}
}
.activity {
	background: rgb(246, 246, 246); width: 100%; height: auto; padding-bottom: 80px;
}
.activity .list {
	margin: 60px auto 0px; overflow: hidden;
}
.activity .list ul {
	width: 100%; height: auto; padding-bottom: 10px;
}
.activity .list ul li {
	background: rgb(255, 255, 255); width: 32%; height: auto; margin-right: 2%; margin-bottom: 40px; float: left;
}
.activity .list ul li:nth-child(3n) {
	margin-right: 0%;
}
.activity .list ul li a {
	width: 100%; height: auto; padding-bottom: 38px; display: block;
}
.activity .list ul li a .top {
	margin: 0px auto; width: 91.9%; height: 80px;
}
.activity .list ul li a .top .time {
	background: url("index_files/time.png") no-repeat left; color: rgb(153, 153, 153); line-height: 20px; padding-left: 30px; font-size: 14px; margin-top: 30px; float: left;
}
.activity .list ul li a .top .time span {
	color: rgb(51, 51, 51);
}
.activity .list ul li a .top .tag {
	background: rgb(176, 165, 161); border-radius: 12px; width: 76px; height: 24px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; margin-top: 28px; float: right;
}
.activity .list ul li a .top .tag.over {
	background: rgb(176, 165, 161);
}
.activity .list ul li a .top .tag.green {
	background: rgb(130, 208, 75);
}
@media all and (max-width:1240px)
{
.activity .list ul li a .top .time {
	width: calc(100% - 30px); margin-top: 15px;
}
.activity .list ul li a .top .tag {
	margin-top: 5px;
}
}
.activity .list ul li a .pic {
	width: 100%; height: auto; overflow: hidden;
}
.activity .list ul li a .pic img {
	transition:transform 0.5s;
}
.activity .list ul li a .con {
	margin: 30px auto 0px; width: 91.9%; height: auto;
}
.activity .list ul li a .con .tits {
	transition:color 0.5s; width: 100%; height: 26px; color: rgb(44, 47, 48); line-height: 26px; overflow: hidden; font-size: 24px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.activity .list ul li a .con .text {
	width: 100%; height: 48px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 18px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.activity .list ul li a .con .more {
	color: rgb(153, 153, 153); line-height: 18px; font-family: ATB; font-size: 16px; margin-top: 20px;
}
@media all and (min-width:1024px)
{
.activity .list ul li:hover a .pic img {
	transform: scale(1.1);
}
.activity .list ul li:hover a .con .tits {
	color: rgb(176, 165, 161);
}
}
@media all and (max-width:1024px)
{
.activity .list ul li {
	width: 48%; margin-right: 4%;
}
.activity .list ul li:nth-child(3n) {
	margin-right: 4%;
}
.activity .list ul li:nth-child(2n) {
	margin-right: 0px;
}
}
@media all and (max-width:900px)
{
.activity {
	padding-bottom: 50px;
}
.activity .list {
	margin: 30px auto 0px;
}
.activity .list ul li a .top {
	height: 60px;
}
.activity .list ul li a .top .time {
	width: auto; margin-top: 20px;
}
.activity .list ul li a .top .tag {
	margin-top: 18px;
}
.activity .list ul li a .con {
	margin: 20px auto 0px;
}
.activity .list ul li a .con .tits {
	height: 20px; line-height: 20px; font-size: 18px;
}
.activity .list ul li a .con .text {
	margin-top: 10px;
}
}
@media all and (max-width:800px)
{
.activity .list ul li {
	margin-bottom: 20px;
}
.activity .list ul li a {
	padding-bottom: 20px;
}
.activity .list ul li a .top .time {
	padding-left: 25px;
}
.activity .list ul li a .top .tag {
	width: 60px;
}
}
@media all and (max-width:750px)
{
.activity .list ul li a .top .tag {
	display: none;
}
}
@media all and (max-width:620px)
{
.activity .list ul {
	width: 100%;
}
.activity .list ul li {
	width: 100%; margin-right: 0px; float: none;
}
}
.history {
	width: 100%; height: auto; overflow: hidden; padding-bottom: 160px;
}
.history .content {
	margin: 0px auto; padding-top: 100px;
}
.history .content .tabs {
	margin: 0px auto; width: 325px; height: 48px; position: relative;
}
.history .content .tabs a {
	border: 1px solid rgb(219, 219, 219); border-image: none; height: 46px; color: rgb(51, 51, 51); line-height: 46px; font-size: 16px; float: left; display: block; background-repeat: no-repeat;
}
.history .content .tabs a.a1 {
	background-position: 44px; width: 87px; padding-left: 74px; border-right-color: currentColor !important; border-right-width: medium !important; border-right-style: none !important; border-top-left-radius: 23px; border-bottom-left-radius: 23px; background-image: url("index_files/history_icon1.png");
}
.history .content .tabs a.a2 {
	background-position: 36px; width: 102px; padding-left: 59px; border-left-color: currentColor !important; border-left-width: medium !important; border-left-style: none !important; float: right; border-top-right-radius: 23px; border-bottom-right-radius: 23px; background-image: url("index_files/history_icon2.png");
}
.history .content .tabs a.on {
	border: 1px solid rgb(25, 29, 28); border-image: none; color: rgb(255, 255, 255); background-color: rgb(25, 29, 28);
}
.history .content .tabs a.on.a1 {
	background-image: url("index_files/history_icon1_h.png");
}
.history .content .tabs a.on.a2 {
	background-image: url("index_files/history_icon2_h.png");
}
.history .content .tabs span {
	background: rgb(219, 219, 219); left: 162px; top: 0px; width: 1px; height: 48px; display: block; position: absolute;
}
.history .content .content-new {
	width: 100%; height: auto; margin-top: 20px;
}
.history .content .content-new .box {
	width: 100%; height: auto;
}
.history .content .content-new .box .con-list {
	width: 100%; height: auto; overflow: hidden; margin-top: 20px; margin-bottom: 30px; position: relative;
}
.history .content .content-new .box .con-list ul {
	width: 100%; height: auto;
}
.history .content .content-new .box .con-list ul li {
	width: 100%; height: auto; float: left; display: none;
}
.history .content .content-new .box .con-list ul li.on {
	display: block;
}
.history .content .content-new .box .con-list ul li .list {
	width: 100%; height: auto; overflow: hidden;
}
.history .content .content-new .box .con-list ul li .list dl {
	width: 100%; height: auto;
}
.history .content .content-new .box .con-list ul li .list dl dd {
	width: 100%; height: auto; float: left;
}
.history .content .content-new .box .con-list ul li .list dl dd .item {
	margin: 0px auto; width: 64.6%; height: auto;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .con {
	width: 49%; height: auto; margin-top: 145px; float: left;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .con .year {
	color: rgb(51, 51, 51); line-height: 74px; font-family: ATB; font-size: 72px;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .con .txt {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 26px;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .pic {
	width: 43.8%; height: 100%; text-align: center; margin-top: 10%; float: right; position: relative;
}
.history .content .content-new .box.b .con-list ul li .list dl dd .item .pic {
	background-position: center; background-image: url("index_files/waikuang.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .pic img {
	max-height: 100%; max-width: 100%;
}
.history .content .content-new .box.b .con-list ul li .list dl dd .item .pic img {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; max-height: 80%; max-width: 80%;
}
.history .content .content-new .box .con-list .a {
	background-position: center; transition:0.5s; top: 50%; width: 56px; height: 56px; margin-top: -28px; display: block; position: absolute; z-index: 10; background-repeat: no-repeat; background-size: cover !important;
}
.history .content .content-new .box .con-list .a.prev {
	left: 0px; background-image: url("index_files/history_prev.png");
}
.history .content .content-new .box .con-list .a.next {
	right: 0px; background-image: url("index_files/history_next.png");
}
.history .content .content-new .box .con-list .a.prev:hover {
	background-image: url("index_files/history_prev_h.png");
}
.history .content .content-new .box .con-list .a.next:hover {
	background-image: url("index_files/history_next_h.png");
}
.history .content .content-new .box .year-list {
	background-position: 77px 48.4px; width: 100%; height: auto; overflow: hidden; padding-left: 102px; position: relative; background-repeat: repeat-x; background-size: 9.8%; -webkit-background-size: 9.8%;
}
.history .content .content-new .box .year-list ul {
	width: 100%; height: auto;
}
.history .content .content-new .box .year-list ul li {
	width: 142px; height: 80px; float: left; position: relative; z-index: 10; cursor: pointer;
}
.history .content .content-new .box .year-list ul li .line {
	border-radius: 100px; left: 50%; top: 48px; width: 10px; height: 10px; margin-left: -5px; position: absolute; background-size: 100%; background-color: rgb(153, 153, 153);
}
.history .content .content-new .box .year-list ul li .year {
	transition:top 1s, color 1s; left: 0px; top: 64px; width: 100%; height: auto; text-align: center; color: rgb(153, 153, 153); line-height: 14px; font-family: ATB; font-size: 14px; position: absolute;
}
.history .content .content-new .box .year-list ul li .icon {
	background: url("index_files/history_icon3.png") no-repeat center; transition:top 1s, opacity 1s; left: 0px; top: 82px; width: 100%; height: 8px; position: absolute; opacity: 0;
}
.history .content .content-new .box .year-list ul li.on .year {
	top: -5px; color: rgb(51, 51, 51); line-height: 36px; font-size: 36px;
}
.history .content .content-new .box .year-list ul li.on .icon {
	top: 72px; opacity: 1;
}
.history .content .content-new .box .year-list .bg {
	background: url("index_files/nn.png") repeat-x; left: 0px; top: 48px; width: 100%; height: 10px; position: absolute; z-index: 9;
}
.history .content .content-new .box.on {
	display: block;
}
@media all and (max-width:1200px)
{
.history .content .content-new .box .con-list ul li .list dl dd .item .con {
	margin-top: 70px;
}
}
@media all and (max-width:1024px)
{
.history {
	padding-bottom: 100px;
}
.history .content {
	margin: 0px auto; padding-top: 70px;
}
.history .content .content-new .box .con-list ul li .list dl dd .item {
	width: 80%;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .con {
	margin-top: 50px;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .con .year {
	line-height: 50px; font-size: 48px;
}
.history .content .content-new .box .year-list {
	padding-left: 0px;
}
.history .content .content-new .box .year-list ul li.on .year {
	top: 10px; line-height: 28px; font-size: 26px;
}
}
@media all and (max-width:800px)
{
.history {
	padding-bottom: 60px;
}
.history .content {
	margin: 0px auto; padding-top: 50px;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .con .year {
	line-height: 42px; font-size: 40px;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .con .txt {
	margin-top: 10px;
}
}
@media all and (max-width:660px)
{
.history .content .content-new .box .con-list .a {
	width: 40px; height: 40px; margin-top: -20px;
}
.history .content .tabs {
	width: 200px; height: 38px;
}
.history .content .tabs a {
	height: 36px; line-height: 36px; font-size: 14px;
}
.history .content .tabs a.a1 {
	background-position: 14px; width: 64px; padding-left: 34px; background-size: 14px; -webkit-background-size: 14px;
}
.history .content .tabs a.a2 {
	background-position: 10px; width: 68px; padding-left: 30px;
}
.history .content .tabs span {
	left: 99px; height: 38px;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .pic {
	width: 100%; margin-top: 0px; float: none;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .con {
	width: 100%; margin-top: 10px; float: none;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .con .year {
	display: none;
}
.history .content .content-new .box .year-list .bg {
	height: 1px; background-color: rgb(153, 153, 153);
}
.history .content .content-new .box .year-list ul li .list dl dd .line {
	border: 1px solid rgb(153, 153, 153); border-image: none; z-index: 5; background-color: rgb(255, 255, 255);
}
.history .content .content-new .box .year-list ul li.on .line {
	background-color: rgb(153, 153, 153);
}
.history .content .content-new .box .year-list .bg {
	top: 53px;
}
.history .content .content-new .box .year-list ul li.on .icon {
	display: none;
}
.history .content .content-new .box .con-list ul li .list dl dd .item .con .txt {
	text-align: center; margin-top: 10px;
}
}
.project-details {
	width: 100%; height: auto; padding-bottom: 50px;
}
.project-details .details-top {
	background-position: center; width: 100%; height: auto; padding-top: 142px; padding-bottom: 194px; margin-top: 98px; background-repeat: no-repeat; background-size: cover;
}
.project-details .details-top .top-new {
	margin: 0px auto; position: relative;
}
.project-details .details-top .top-new .con {
	width: 30.3%; height: auto;
}
.project-details .details-top .top-new .con .en {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 50px; font-family: ATB; font-size: 48px;
}
.project-details .details-top .top-new .con .cn {
	color: rgb(255, 255, 255); line-height: 38px; font-size: 36px; margin-top: 22px;
}
.project-details .details-top .top-new .con .txt {
	color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; margin-top: 43px;
}
.project-details .details-top .top-new .return {
	background-position: center; left: -65px; top: 0px; width: 56px; height: 56px; display: block; position: absolute; background-image: url("index_files/details_icon1.png"); background-repeat: no-repeat; background-size: cover;
}
.project-details .tabs {
	margin: 50px auto 0px; position: relative;
}
.project-details .tabs .tabs-new {
	margin: 0px auto; width: 87.8%; height: auto; overflow: hidden;
}
.project-details .tabs .tabs-new ul {
	width: 10000%; height: auto;
}
.project-details .tabs .tabs-new ul li {
	width: 69px; height: auto; margin-right: 10px; float: left; cursor: pointer;
}
.project-details .tabs .tabs-new ul li img {
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);
}
.project-details .tabs .tabs-new ul li.on img {
	-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%);
}
.project-details .tabs .a {
	background-position: center; transition:0.5s; top: 50%; width: 56px; height: 56px; margin-top: -28px; display: block; position: absolute; background-repeat: no-repeat; background-size: cover !important;
}
.project-details .tabs .a.prev {
	left: 0px; background-image: url("index_files/history_prev.png");
}
.project-details .tabs .a.next {
	right: 0px; background-image: url("index_files/history_next.png");
}
.project-details .tabs .a.prev:hover {
	background-image: url("index_files/history_prev_h.png");
}
.project-details .tabs .a.next:hover {
	background-image: url("index_files/history_next_h.png");
}
.project-details .list {
	width: 100%; height: auto; overflow: hidden; margin-top: 50px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.project-details .list ul {
	width: 100%; height: auto;
}
.project-details .list ul li {
	width: 23.9%; height: auto; padding-bottom: 209px; float: left; position: relative; cursor: pointer;
}
.project-details .list ul li .pic {
	width: 100%; height: auto; overflow: hidden;
}
.project-details .list ul li .pic img {
	transition:0.5s;
}
.project-details .list ul li .con {
	transition:bottom 0.5s, background 0.5s; left: 0px; width: 100%; height: 370px; bottom: -160px; position: absolute; z-index: 10;
}
.project-details .list ul li .con .con-new {
	margin: 0px auto; width: 80%; height: auto;
}
.project-details .list ul li .con .con-new .num {
	transition:color 0.5s; text-align: center; color: rgb(153, 153, 153); line-height: 36px; font-family: ATB; font-size: 36px; margin-top: 55px;
}
.project-details .list ul li .con .con-new .tits {
	transition:color 0.5s; width: 100%; text-align: center; color: rgb(44, 47, 48); line-height: 24px; font-size: 24px; margin-top: 15px; position: relative;
}
.project-details .list ul li .con .con-new .tits .add {
	background: url("index_files/add.png") no-repeat left; right: 0px; bottom: 5px; line-height: 14px; padding-left: 18px; font-size: 12px; display: none; position: absolute;
}
.project-details .list ul li .con .con-new .txt {
	transition:opacity 0.5s; width: 100%; height: 144px; color: rgb(255, 255, 255); line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 40px; -ms-text-overflow: ellipsis; opacity: 0; -webkit-line-clamp: 6; -webkit-box-orient: vertical;
}
@media all and (min-width:1024px)
{
.project-details .list ul li:hover .pic img {
	margin-top: -160px;
}
.project-details .list ul li:hover .con {
	background: rgb(176, 165, 161);
}
.project-details .list ul li:hover .con .con-new .num {
	color: rgb(255, 255, 255); margin-top: 40px;
}
.project-details .list ul li:hover .con .con-new .tits {
	color: rgb(255, 255, 255);
}
.project-details .list ul li:hover .con .con-new .tits .add {
	display: block;
}
.project-details .list ul li:hover .con .con-new .txt {
	opacity: 1; transform: translateY(0px);
}
}
.project-details .details-bottom {
	margin: 50px auto 0px; width: 94.8%; height: auto;
}
.project-details .details-bottom a {
	width: 49.5%; height: auto; overflow: hidden; display: block; position: relative;
}
.project-details .details-bottom a img {
	transition:transform 0.5s;
}
.project-details .details-bottom a .tits {
	top: 50%; color: rgb(255, 255, 255); line-height: 36px; font-size: 36px; margin-top: -18px; display: inline-block; position: absolute;
}
.project-details .details-bottom a .tits i {
	font-family: ATB; opacity: 0.32;
}
.project-details .details-bottom a .tits span {
	font-size: 24px;
}
.project-details .details-bottom a.prev .tits {
	background: url("index_files/details_prev.png") no-repeat left; left: 11.1%; padding-left: 40px;
}
.project-details .details-bottom a.prev .tits span {
	margin-left: 20px;
}
.project-details .details-bottom a.next .tits {
	background: url("index_files/details_next.png") no-repeat right; right: 11.1%; padding-right: 40px;
}
.project-details .details-bottom a.next .tits span {
	margin-right: 20px; float: right;
}
.project-details .details-bottom a.next .tits i {
	float: right;
}
@media all and (min-width:1024px)
{
.project-details .details-bottom a:hover img {
	transform: scale(1.1);
}
}
@media all and (max-width:1540px)
{
.project-details .details-top .top-new {
	width: 82%;
}
}
@media all and (max-width:1200px)
{
.project-details .tabs .a {
	width: 38px; height: 38px; margin-top: -19px;
}
.project-details .list ul li {
	padding-bottom: 140px;
}
.project-details .list ul li .con {
	height: 300px; bottom: -90px;
}
.project-details .list ul li .con .con-new .num {
	line-height: 22px; font-size: 20px; margin-top: 95px;
}
.project-details .list ul li .con .con-new .tits {
	font-size: 18px;
}
.project-details .list ul li .con .con-new .txt {
	margin-top: 20px;
}
}
@media all and (max-width:1200px) and (min-width:1024px)
{
.project-details .list ul li:hover .pic img {
	margin-top: -89px;
}
.project-details .list ul li:hover .con .con-new .num {
	margin-top: 20px;
}
}
@media all and (max-width:1170px)
{
.project-details .details-top .top-new {
	width: 82%;
}
.project-details .details-top .top-new .con {
	width: 49%;
}
}
@media all and (max-width:1024px)
{
.project-details .details-top {
	padding-top: 80px; padding-bottom: 100px; margin-top: 80px;
}
.project-details .details-top .top-new .con .en {
	line-height: 34px; font-size: 32px;
}
.project-details .details-top .top-new .con .cn {
	line-height: 26px; font-size: 24px; margin-top: 10px;
}
.project-details .details-top .top-new .con .txt {
	margin-top: 20px;
}
.project-details .list ul li {
	padding-bottom: 35px;
}
.project-details .list ul li .con {
	height: auto; bottom: auto; position: relative;
}
.project-details .list ul li .con .con-new .num {
	margin-top: 20px;
}
.project-details .list ul li .con .con-new .txt {
	display: none;
}
.project-details .details-bottom {
	margin: 30px auto 0px;
}
}
@media all and (max-width:930px)
{
.project-details {
	padding-bottom: 30px;
}
.project-details .details-bottom a .tits {
	line-height: 28px; font-size: 28px; margin-top: -14px;
}
.project-details .details-bottom a .tits span {
	font-size: 20px;
}
.project-details .details-bottom a.prev .tits {
	padding-left: 20px;
}
.project-details .details-bottom a.prev .tits span {
	margin-left: 10px;
}
.project-details .details-bottom a.next .tits {
	padding-right: 20px;
}
.project-details .details-bottom a.next .tits span {
	margin-right: 10px;
}
}
@media all and (max-width:730px)
{
.project-details .details-top {
	padding-top: 50px; padding-bottom: 60px; margin-top: 60px;
}
.project-details .details-top .top-new .con {
	width: 60%;
}
.project-details .details-top .top-new .return {
	left: -50px; width: 40px; height: 40px;
}
.project-details .tabs {
	margin: 30px auto 0px;
}
.project-details .list {
	margin-top: 30px;
}
}
@media all and (max-width:660px)
{
.project-details .details-bottom a .tits {
	line-height: 20px; font-size: 20px; margin-top: -10px;
}
.project-details .details-bottom a .tits span {
	font-size: 16px;
}
.project-details .details-bottom a.prev .tits {
	left: 4%;
}
.project-details .details-bottom a.next .tits {
	right: 4%;
}
}
@media all and (max-width:560px)
{
.project-details .details-top {
	padding-top: 30px; padding-bottom: 40px;
}
.project-details .details-top .top-new {
	width: 80%;
}
.project-details .details-top .top-new .con {
	width: 100%;
}
.project-details .details-top .top-new .return {
	left: -10%; width: 30px; height: 30px;
}
}
@media all and (max-width:470px)
{
.project-details {
	padding-bottom: 20px;
}
.project-details .details-bottom a {
	width: 100%; margin-bottom: 10px;
}
.project-details .details-bottom a.prev .tits {
	left: 4%;
}
.project-details .details-bottom a.next .tits {
	background: url("index_files/details_next.png") no-repeat left; left: 4%; right: auto; padding-right: 0px; padding-left: 20px;
}
.project-details .details-bottom a.next .tits i {
	float: left;
}
.project-details .details-bottom a.next .tits span {
	float: left;
}
}
@media all and (max-width:455px)
{
.project-details .details-top {
	margin-top: 50px;
}
}
.product {
	width: 100%; height: auto; padding-top: 98px;
}
.product .box {
	margin: 57px auto 0px;
}
.product .box .title {
	text-align: center; color: rgb(51, 51, 51); line-height: 38px; font-size: 36px;
}
.product .box .search {
	margin: 40px auto 0px; border-radius: 5px; border: 1px solid rgb(219, 219, 219); border-image: none; width: 578px; height: 60px;
}
.product .box .search .text {
	background: none; border: currentColor; border-image: none; width: 480px; height: 60px; color: rgb(153, 153, 153); line-height: 60px; padding-left: 20px; font-size: 16px; float: left;
}
.product .box .search .submit {
	background: url("index_files/product_search.png") no-repeat center; border: currentColor; border-image: none; width: 66px; height: 60px; float: right;
}
.product .box .nav {
	width: 100%; height: auto; overflow: hidden; margin-top: 50px;
}
.product .box .nav a {
	width: 20%; height: 160px; margin-top: -1px; margin-left: -1px; border-top-color: rgb(234, 234, 234); border-left-color: rgb(234, 234, 234); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; float: left;
}
.product .box .nav a .item {
	transition:transform 0.5s; width: 100%; height: auto;
}
.product .box .nav a .item .icon {
	width: 100%; height: 40px; margin-top: 24px; position: relative;
}
.product .box .nav a .item .icon .ycTbAct {
	transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; max-height: 100%; opacity: 1; background-size: auto 90% !important; -webkit-background-size: auto 90%;
}
.product .box .nav a .item .icon .ycTbAct-h {
	transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; max-height: 100%; opacity: 0; background-size: auto 90% !important; -webkit-background-size: auto 90%;
}
.product .box .nav a:hover .item .icon .ycTbAct {
	opacity: 0;
}
.product .box .nav a:hover .item .icon .ycTbAct-h {
	opacity: 1;
}
.product .box .nav a:nth-child(1) .item .icon .ycTbAct {
	background-size: auto 72% !important; -webkit-background-size: auto 72%;
}
.product .box .nav a .item .cn {
	width: 100%; height: auto; text-align: center; color: rgb(51, 51, 51); line-height: 22px; font-size: 16px; margin-top: 10px;
}
.product .box .nav a .item .en {
	text-align: center; color: rgb(51, 51, 51); line-height: 16px; font-size: 12px; margin-top: 5px;
}
@media all and (min-width:1024px)
{
.product .box .nav a:hover .item {
	transform: translateY(-10px);
}
}
.product .box1 {
	width: 100%; height: auto;
}
.product .box1 .title {
	text-align: center; color: rgb(51, 51, 51); line-height: 38px; font-size: 36px; margin-top: 87px;
}
.product .box1 .list {
	width: 100%; height: auto; overflow: hidden; margin-top: 40px; position: relative;
}
.product .box1 .list ul {
	width: 100%; height: auto;
}
.product .box1 .list ul li {
	position: relative;
}
.product .box1 .list ul li .bbg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 5; background-color: rgba(255, 255, 255, 0.5);
}
.product .box1 .list ul li.swiper-slide-active .bbg {
	display: none;
}
.product .box1 .list ul li .item {
	left: 18%; top: 65%; width: 40px; height: 40px; position: absolute; z-index: 10;
}
.product .box1 .list ul li .item .item-click {
	width: 40px; height: 40px; position: relative;
}
.product .box1 .list ul li .item .item-click .icon {
	background: url("index_files/product_click.png") no-repeat; transition:transform 0.5s; left: 0px; top: 0px; width: 40px; height: 40px; position: absolute; z-index: 5;
}
.product .box1 .list ul li .item .item-click .bg {
	border-radius: 26px; transition:transform 0.5s; left: 7px; top: 7px; width: 26px; height: 26px; position: absolute; z-index: 3; opacity: 0.3; background-color: rgb(255, 255, 255);
}
.product .box1 .list ul li .item .con {
	background: url("index_files/product_bg.png") no-repeat; left: 40px; width: 318px; height: 201px; bottom: 8px; display: none; position: absolute;
}
.product .box1 .list ul li .item .con .con-new {
	width: 300px; height: 201px; float: right;
}
.product .box1 .list ul li .item .con .con-new .top {
	width: 100%; height: 46px;
}
.product .box1 .list ul li .item .con .con-new .top .pic {
	background: rgb(255, 255, 255); width: 100px; height: 100px; margin-top: -54px; float: left; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.product .box1 .list ul li .item .con .con-new .top .pic img {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; max-height: 100%; max-width: 100%;
}
.product .box1 .list ul li .item .con .con-new .top .tits {
	color: rgb(255, 255, 255); line-height: 46px; font-size: 16px; margin-left: 20px; float: left;
}
.product .box1 .list ul li .item .con .con-new .conn {
	background: rgb(255, 255, 255); width: 100%; height: 108px;
}
.product .box1 .list ul li .item .con .con-new .conn .conn-new {
	margin: 0px auto; width: 260px; height: auto; color: rgb(102, 102, 102); line-height: 20px; padding-top: 10px; font-size: 12px;
}
.product .box1 .list ul li .item .con .con-new .more {
	width: 100%; height: 46px;
}
.product .box1 .list ul li .item .con .con-new .more span {
	color: rgb(255, 255, 255); line-height: 46px; font-size: 12px; margin-left: 114px; float: left;
}
.product .box1 .list ul li .item .con .con-new .more i {
	background: url("index_files/product_more.png") no-repeat; width: 15px; height: 4px; margin-top: 22px; margin-left: 10px; float: left;
}
.product .box1 .list ul li .item.i1 {
	left: 18%; top: 65%;
}
.product .box1 .list ul li .item.i2 {
	left: 55%; top: 32%;
}
@media all and (min-width:1024px)
{
.product .box1 .list ul li .item:hover .item-click .icon {
	transform: rotate(360deg);
}
.product .box1 .list ul li .item:hover .item-click .bg {
	transform: scale(1.5);
}
}
.product .box1 .list .btns {
	margin: 35px auto 0px; height: 15px; position: relative;
}
.product .box1 .list .btns .swiper-scrollbar {
	background: rgb(234, 234, 234); margin: 0px auto; top: 5px; width: 93%; height: 4px; opacity: 1 !important;
}
.product .box1 .list .btns .swiper-scrollbar .swiper-scrollbar-drag {
	background: rgb(51, 51, 51);
}
.product .box1 .list .a {
	background-position: center; top: 50%; width: 40px; height: 68px; margin-top: -34px; position: absolute; z-index: 10; background-image: url("index_files/banner_btn.png"); background-repeat: no-repeat;
}
@media all and (max-width:750px)
{
.product .box1 .list .a {
	display: none;
}
.product .box1 .list ul li .item .item-click {
	display: none;
}
}
.product .box1 .list .a.prev {
	left: 1%;
}
.product .box1 .list .a.next {
	right: 1%; transform: rotate(180deg);
}
.product .box1 .list .btns .a {
	top: 0px; width: 23px; height: 15px; margin-top: 0px; position: absolute;
}
.product .box1 .list .btns .a.prev {
	background: url("index_files/product_prev.png") no-repeat; left: 0px;
}
.product .box1 .list .btns .a.next {
	background: url("index_files/product_next.png") no-repeat; right: 0px;
}
@media all and (min-width:1024px)
{
.product .box1 .list .btns .a.prev:hover {
	background: url("index_files/product_prev_h.png") no-repeat;
}
.product .box1 .list .btns .a.next:hover {
	background: url("index_files/product_next_h.png") no-repeat;
}
}
.product .product-bottom {
	width: 100%; height: auto; margin-top: 95px;
}
.product .product-bottom a {
	background-position: center; width: 50%; height: auto; padding-top: 95px; padding-bottom: 125px; float: left; background-repeat: no-repeat; background-size: cover;
}
.product .product-bottom a .con {
	transition:transform 0.5s; width: 52%; height: auto; color: rgb(255, 255, 255); margin-left: 10.4%;
}
.product .product-bottom a .con .tits {
	text-transform: uppercase; line-height: 38px; font-family: ATB; font-size: 36px;
}
.product .product-bottom a .con .text {
	width: 100%; height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 20px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.product .product-bottom a .con .icon {
	background: url("index_files/product_icon1.png") no-repeat center; width: 48px; height: 48px; margin-top: 24px;
}
@media all and (min-width:1024px)
{
.product .product-bottom a:hover .con {
	transform: translateY(-20px);
}
}
@media all and (max-width:1024px)
{
.product .box {
	margin: 30px auto 0px;
}
.product .box .title {
	line-height: 28px; font-size: 26px;
}
.product .box .search {
	margin: 20px auto 0px;
}
.product .box .nav {
	margin-top: 20px;
}
.product .box1 .title {
	line-height: 28px; font-size: 26px; margin-top: 55px;
}
.product .product-bottom {
	margin-top: 45px;
}
}
@media all and (max-width:840px)
{
.product .product-bottom a {
	padding-top: 40px; padding-bottom: 60px;
}
.product .product-bottom a .con {
	margin: 0px auto; width: 80%;
}
.product .product-bottom a .con .tits {
	line-height: 28px; font-size: 26px;
}
.product .product-bottom a .con .text {
	margin-top: 10px;
}
.product .product-bottom a .con .icon {
	width: 30px; height: 30px; background-size: cover !important;
}
}
@media all and (max-width:730px)
{
.product {
	padding-top: 60px;
}
}
@media all and (max-width:640px)
{
.product .box .nav a {
	width: 33.3%; border-top-color: currentColor; border-bottom-color: rgb(234, 234, 234); border-top-width: medium; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid;
}
.product .box .nav a:last-child {
	border-right-color: rgb(234, 234, 234); border-right-width: 1px; border-right-style: solid;
}
.product .box .search {
	width: 92%; height: 40px;
}
.product .box .search .text {
	width: 60%; height: 40px; line-height: 40px; font-size: 14px;
}
.product .box .search .submit {
	width: 40px; height: 40px;
}
.product .box1 .list {
	margin-top: 20px;
}
.product .product-bottom a {
	width: 100%;
}
}
@media all and (max-width:460px)
{
.product .box .title {
	line-height: 22px; font-size: 20px;
}
.product .box1 .title {
	line-height: 22px; font-size: 20px; margin-top: 25px;
}
.product .box1 .list .btns {
	margin: 15px auto 0px;
}
}
@media all and (max-width:455px)
{
.product {
	padding-top: 50px;
}
}
.product-list {
	width: 100%; height: auto; margin-top: 98px;
}
.product-list .list-top {
	background: rgb(213, 222, 229); width: 100%; height: 118px;
}
.product-list .list-top .top-left {
	width: 25%; height: 100%; float: left; position: relative;
}
.product-list .list-top .top-left .search {
	width: 250px; height: 22px; margin-top: 48px; margin-right: 50px; float: right;
}
.product-list .list-top .top-left .search .submit {
	background: url("index_files/product_search1.png") no-repeat center; border: currentColor; border-image: none; width: 22px; height: 22px; float: right;
}
.product-list .list-top .top-left .search .text {
	background: none; border: currentColor; border-image: none; width: 210px; height: 22px; text-align: right; color: rgb(121, 136, 143); line-height: 22px; font-size: 12px;
}
.product-list .list-top .top-left .line {
	background: rgb(234, 234, 234); top: 0px; width: 1px; height: 100%; right: 0px; position: absolute;
}
.product-list .list-top .top-right {
	background: rgb(176, 165, 161); width: 75%; height: 100%; float: left;
}
.product-list .list-top .top-right .nav {
	width: 100%; margin-top: 34px;
}
.product-list .list-top .top-right .nav .nav-new {
	width: auto; margin-left: 52px;
}
.product-list .list-top .top-right .nav a {
	padding: 0px 28px; border-radius: 5px; transition:background 0.5s; height: 50px; color: rgb(255, 255, 255); line-height: 50px; font-size: 14px; margin-right: 5px; float: left; display: block;
}
.product-list .list-top .top-right .nav a.on {
	background: rgb(74, 186, 232);
}
@media all and (min-width:1024px)
{
.product-list .list-top .top-right .nav a:hover {
	background: rgb(74, 186, 232);
}
}
.product-list .content {
	background: rgb(239, 244, 247); width: 100%; height: auto;
}
.product-list .content .nav {
	width: 25%; height: auto; float: left;
}
.product-list .content .nav a {
	transition:background 0.5s; width: 100%; height: 79px; color: rgb(51, 51, 51); line-height: 79px; font-size: 16px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.product-list .content .nav a i {
	width: 27px; height: 100%; margin-left: 16%; float: left; display: block; position: relative;
}
.product-list .content .nav a i img {
	margin: auto; transition:0.3s linear; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; max-width: 100%; -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; -moz-transition: all linear 0.3s;
}
.product-list .content .nav a i img:last-child {
	opacity: 0;
}
.product-list .content .nav a:hover img:last-child {
	opacity: 1;
}
.product-list .content .nav a:hover img:first-child {
	opacity: 0;
}
.product-list .content .nav a span {
	margin-left: 20px; float: left;
}
.product-list .content .nav a.on {
	background: rgb(255, 255, 255);
}
@media all and (min-width:1024px)
{
.product-list .content .nav a:hover {
	background: rgb(255, 255, 255);
}
}
.product-list .content .list {
	background: rgb(255, 255, 255); width: 75%; height: auto; overflow: hidden; padding-bottom: 160px; float: left;
}
.product-list .content .list ul {
	width: 100%; height: auto; padding-bottom: 30px;
}
.product-list .content .list ul li {
	width: 33.33%; height: auto; margin-left: -1px; border-bottom-color: rgb(234, 234, 234); border-left-color: rgb(234, 234, 234); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; float: left; position: relative;
}
.product-list .content .list ul li .a {
	width: 100%; height: auto; padding-bottom: 45px; display: block;
}
.product-list .content .list ul li .a .item {
	margin: 0px auto; width: 79.2%; height: auto; padding-top: 20px;
}
.product-list .content .list ul li .a .item .pic {
	width: 100%; height: 235px; position: relative;
}
.product-list .content .list ul li .a .item .pic img {
	margin: auto; transition:transform 0.5s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; max-height: 100%; max-width: 100%;
}
.product-list .content .list ul li .a .item .tits {
	height: 20px; color: rgb(44, 47, 48); line-height: 20px; overflow: hidden; font-size: 18px; margin-top: 22px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.product-list .content .list ul li .a .item .con {
	width: 100%; height: 72px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 14px; margin-top: 22px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.product-list .content .list ul li .tag {
	top: 60px; width: 40px; right: 8%; position: absolute; z-index: 10;
}
.product-list .content .list ul li .tag .shop {
	background-position: center; transition:background 0.5s; width: 40px; height: 40px; display: block; background-image: url("index_files/shop.png"); background-repeat: no-repeat;
}
@media all and (min-width:1024px)
{
.product-list .content .list ul li .tag .shop:hover {
	background-image: url("index_files/shop_h.png"); background-color: rgb(176, 165, 161);
}
}
.product-list .content .list ul li .tag .share {
	width: 40px; height: 40px; margin-top: 10px; position: relative; cursor: pointer;
}
.product-list .content .list ul li .tag .share .icon {
	background-position: center; width: 100%; height: 40px; background-image: url("index_files/share.png"); background-repeat: no-repeat;
}
.product-list .content .list ul li .tag .share .share-new {
	top: 40px; width: 83px; height: auto; right: -1px; overflow: hidden; display: none; position: absolute;
}
.product-list .content .list ul li .tag .share .share-new a {
	background-position: center; margin: -1px auto 0px -1px; padding: 0px; border: 1px solid rgb(234, 234, 234); transition:0.5s; border-image: none; width: 40px; height: 40px; float: left; display: block; background-repeat: no-repeat; background-color: rgb(255, 255, 255);
}
.product-list .content .list ul li .tag .share .share-new a.bds_qzone {
	background-image: url("index_files/header_kj.png");
}
.product-list .content .list ul li .tag .share .share-new a.bds_qzone:hover {
	background-image: url("index_files/header_kj_h.png");
}
.product-list .content .list ul li .tag .share .share-new a.bds_tsina {
	background-image: url("index_files/header_wb.png");
}
.product-list .content .list ul li .tag .share .share-new a.bds_tsina:hover {
	background-image: url("index_files/header_wb_h.png");
}
.product-list .content .list ul li .tag .share .share-new a.bds_douban {
	background-image: url("index_files/header_db.png");
}
.product-list .content .list ul li .tag .share .share-new a.bds_douban:hover {
	background-image: url("index_files/header_db_h.png");
}
.product-list .content .list ul li .tag .share .share-new a.bds_weixin {
	background-image: url("index_files/header_wx.png");
}
.product-list .content .list ul li .tag .share .share-new a.bds_weixin:hover {
	background-image: url("index_files/header_wx_h.png");
}
.product-list .content .list ul li .tag .share .share-new a:hover {
	background-color: rgb(176, 165, 161);
}
.product-list .content .list ul li .tag .share:hover .icon {
	background-image: url("index_files/share_h.png"); background-color: rgb(176, 165, 161);
}
.product-list .content .list ul li .tag .share:hover .share-new {
	display: block;
}
@media all and (min-width:1024px)
{
.product-list .content .list ul li:hover .a .item .pic img {
	transform: scale(1.1);
}
}
@media all and (max-width:1320px)
{
.product-list .list-top .top-right .nav .nav-new a {
	padding: 0px 10px;
}
}
@media all and (max-width:1200px)
{
.product-list .content .list ul li .a .item .pic {
	height: 200px;
}
}
@media all and (max-width:1024px)
{
.product-list {
	margin-top: 80px;
}
.product-list .list-top {
	height: 80px;
}
.product-list .list-top .top-left .search {
	margin-top: 29px; margin-right: 25px;
}
.product-list .list-top .top-right .nav {
	margin-top: 15px; -ms-overflow-x: scroll;
}
.product-list .list-top .top-right .nav .nav-new {
	width: 120%;
}
.product-list .content .nav a {
	height: 64px; line-height: 64px; font-size: 16px;
}
.product-list .content .list {
	padding-bottom: 60px;
}
.product-list .content .list ul li .a {
	padding-bottom: 20px;
}
.product-list .content .list ul li .a .item .pic {
	height: 200px;
}
.product-list .content .list ul li .a .item .tits {
	height: 18px; line-height: 18px; font-size: 16px; margin-top: 10px;
}
.product-list .content .list ul li .a .item .con {
	height: 60px; line-height: 20px; margin-top: 10px;
}
.product-list .content .list ul li .tag {
	display: none;
}
}
@media all and (max-width:730px)
{
.product-list {
	margin-top: 60px;
}
.product-list .list-top {
	height: 60px;
}
.product-list .list-top .top-left .search {
	width: 235px; margin-top: 19px; margin-right: 10px;
}
.product-list .list-top .top-right .nav {
	margin-left: 30px;
}
.product-list .list-top .top-right .nav .nav-new {
	margin-left: 0px;
}
.product-list .list-top .top-right .nav a {
	padding: 0px 15px; height: 30px; line-height: 30px;
}
.product-list .content .nav {
	display: none;
}
.product-list .content .nav a {
	height: 50px; line-height: 50px; font-size: 14px;
}
.product-list .content .nav a i {
	margin-left: 6%;
}
.product-list .content .nav a span {
	margin-left: 10px;
}
.product-list .content .list ul {
	padding-bottom: 0px; margin-bottom: 30px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-list .content .list ul li {
	width: 50%;
}
.product-list .content .list ul li:last-child {
	border-width: medium 1px medium medium; border-style: none solid none none; border-color: currentColor rgb(234, 234, 234) currentColor currentColor; border-image: none;
}
}
@media all and (max-width:530px)
{
.product-list .list-top .top-left {
	display: none;
}
.product-list .list-top .top-right {
	width: 100%;
}
.product-list .content .nav {
	width: 60px;
}
.product-list .content .nav a i {
	width: 100%; margin-left: 0px;
}
.product-list .content .nav a i img {
	max-width: 24px;
}
.product-list .content .nav a span {
	display: none;
}
.product-list .content .list {
	width: auto; float: none;
}
.product-list .content .list ul li .a .item .pic {
	height: 220px;
}
}
@media all and (max-width:455px)
{
.product-list .content .list ul li {
	width: 50%;
}
.product-list {
	margin-top: 50px;
}
}
@media all and (max-width:400px)
{
.product-list .content .list {
	width: auto; float: none;
}
}
.product-details {
	width: 100%; height: auto; margin-top: 98px;
}
.product-details .pic-list {
	width: 50%; height: 100%; float: left; position: relative;
}
.product-details .pic-list .img-big {
	width: 100%; height: 75%; overflow: hidden; margin-top: 5%;
}
.product-details .pic-list .img-big ul {
	width: 100%; height: 100%;
}
.product-details .pic-list .img-big ul li {
	width: 100%; height: 100%; float: left; display: none; position: relative;
}
.product-details .pic-list .img-big ul li img {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; max-height: 98%; max-width: 98%;
}
.product-details .pic-list .small-box {
	width: 100%; height: 20%;
}
.product-details .pic-list .small-box .small-list {
	margin: 0px auto; width: 390px; height: auto; text-align: center; overflow: hidden; font-size: 0px;
}
.product-details .pic-list .small-box .small-list ul {
	width: 100%; height: auto; display: inline-block;
}
.product-details .pic-list .small-box .small-list ul li {
	border: 1px solid rgb(170, 170, 170); border-image: none; width: 88px; height: 88px; margin-right: 10px; float: left; position: relative; cursor: pointer;
}
.product-details .pic-list .small-box .small-list ul li img {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; max-height: 100%; max-width: 100%;
}
.product-details .pic-list .small-box .small-list ul li.on {
	border: 1px solid rgb(51, 51, 51); border-image: none;
}
.product-details .pic-list .small-box .small-list ul li:last-child {
	margin-right: 0px;
}
.product-details .content {
	background: rgb(242, 242, 242); width: 50%; height: 100%; overflow: hidden; float: left; position: relative;
}
.product-details .content .content-new {
	width: 64.6%; height: auto; padding-top: 100px; padding-bottom: 80px; margin-left: 10.4%;
}
.product-details .content .content-new img {
	height: auto !important; max-width: 100%;
}
.product-details .content .content-new .tits {
	color: rgb(27, 27, 27); line-height: 26px; font-size: 26px;
}
.product-details .content .content-new .tits span {
	float: left;
}
.product-details .content .content-new .tits .ewm {
	width: 22px; height: 26px; margin-right: 30px; float: right; position: relative;
}
.product-details .content .content-new .tits .ewm i {
	background: url("index_files/d_wx.png") no-repeat center; width: 22px; height: 18px; display: block; cursor: pointer;
}
.qr_code {
	background: rgb(255, 255, 255); padding: 10px; border: 2px solid rgb(92, 93, 97); border-image: none; top: 30px; width: 144px; height: 144px; right: -35px; display: none; position: absolute; z-index: 500;
}
.qr_code::before {
	top: -9px; width: 0px; height: 0px; right: 38px; margin-left: -8px; border-right-color: transparent; border-bottom-color: rgb(92, 93, 97); border-left-color: transparent; border-right-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; display: block; position: absolute; content: "";
}
.product-details .content .content-new .tits .ewm.open .qr_code {
	display: block;
}
.product-details .content .content-new .tit {
	color: rgb(44, 47, 48); text-transform: uppercase; line-height: 24px; font-family: ATB; font-size: 24px; margin-top: 24px;
}
.product-details .content .content-new .tit1 {
	color: rgb(92, 93, 97); line-height: 20px; font-size: 18px; margin-top: 22px;
}
.product-details .content .content-new .color {
	width: 100%; height: auto; margin-top: 47px;
}
.product-details .content .content-new .color .t {
	color: rgb(102, 102, 102); text-transform: uppercase; line-height: 26px; font-family: ATB; font-size: 24px;
}
.product-details .content .content-new .color .tt {
	width: 100%; height: auto; margin-top: 20px;
}
.product-details .content .content-new .color .tt span {
	padding: 1px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 50px; height: 35px; margin-right: 8px; margin-bottom: 5px; float: left; display: block;
}
.product-details .content .content-new .tit2 {
	width: 100%; height: auto; line-height: 26px; padding-bottom: 20px; font-size: 24px; margin-top: 47px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-details .content .content-new .txt {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 14px; margin-top: 16px;
}
.product-details .content .content-new .txt table {
	width: 100% !important;
}
.product-details .content .content-new .txt table tr td {
	width: 50%;
}
.product-details .content .content-new .txt p {
	width: 50%; float: left;
}
.product-details .content .content-new .txt span {
	color: rgb(102, 102, 102);
}
.product-details .content .content-new .con {
	width: 100%; height: auto; color: rgb(102, 102, 102) !important; margin-top: 38px;
}
.product-details .content .content-new .con {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px;
}
.product-details .content .content-new .con .t {
	width: 100%; height: auto; line-height: 24px; font-size: 14px;
}
.product-details .content .content-new .con .ttt1 {
	width: 100%; height: auto; line-height: 26px; padding-bottom: 20px; font-size: 24px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-details .content .content-new .con .tttt {
	line-height: 24px; font-size: 14px; margin-top: 16px;
}
.product-details .content .content-new .con .t1 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 14px; margin-top: 16px;
}
.product-details .content .content-new .con .text {
	color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 15px !important;
}
.product-details .content .content-new .con img {
	height: auto !important; display: block; max-width: 100%;
}
.product-details .content .content-new .dd {
	width: 100%; height: auto; margin-top: 8%;
}
.product-details .content .content-new .dd .t {
	color: rgb(44, 47, 48); line-height: 24px; padding-bottom: 16px; font-size: 24px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-details .content .content-new .dd .t span {
	color: rgb(154, 155, 155); font-size: 14px;
}
.product-details .content .content-new .dd .tt {
	width: 100%; height: auto;
}
.product-details .content .content-new .dd .tt ul li {
	padding: 20px 0px; width: 100%; height: auto; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-details .content .content-new .dd .tt ul li span {
	color: rgb(102, 102, 102); line-height: 40px; padding-left: 20px; font-size: 14px; position: relative;
}
.product-details .content .content-new .dd .tt ul li span::before {
	border-radius: 5px; border: 2px solid rgb(170, 172, 172); border-image: none; left: 0px; top: 50%; width: 5px; height: 5px; margin-top: -4px; position: absolute; content: "";
}
.product-details .content .content-new .dd .tt ul li .a {
	background-position: center; border-radius: 5px; border: 1px solid rgb(254, 3, 53); border-image: none; width: 45px; height: 38px; margin-left: 5px; float: right; background-repeat: no-repeat;
}
.product-details .content .content-new .dd .tt ul li .a.download {
	background-image: url("index_files/x22.png");
}
.product-details .content .content-new .dd .tt ul li .a.view {
	background-image: url("index_files/x11.png");
}
.product-details .content .content-new .dd .tt ul li .a:hover {
	background-color: rgb(248, 60, 98);
}
.product-details .content .content-new .dd .tt ul li .a.download:hover {
	background-image: url("index_files/x22_h.png");
}
.product-details .content .content-new .dd .tt ul li .a.view:hover {
	background-image: url("index_files/x11_h.png");
}
.product-details .content .content-new .shop {
	width: 100%; margin-top: 4%;
}
.product-details .content .content-new .shop .t {
	background: rgb(254, 3, 53); width: 137px; height: 52px; text-align: center; color: rgb(255, 255, 255); line-height: 52px; font-size: 16px; float: left;
}
.product-details .content .content-new .shop .t span {
	background: url("index_files/ggg_icon1.png") no-repeat left; padding-left: 28px;
}
.product-details .content .content-new .shop .tt {
	background: rgb(35, 24, 21); width: 270px; float: left;
}
.product-details .content .content-new .shop .tt a {
	width: 90px; height: 52px; text-align: center; color: rgb(255, 255, 255); line-height: 52px; font-size: 16px; float: left; display: block;
}
.product-details .content .content-new .shop .tt a span {
	padding-left: 20px;
}
.product-details .content .content-new .shop .tt a span.s1 {
	background: url("index_files/ggg_icon2.png") no-repeat left;
}
.product-details .content .content-new .shop .tt a span.s2 {
	background: url("index_files/ggg_icon3.png") no-repeat left;
}
.product-details .content .content-new .shop .tt a span.s3 {
	background: url("index_files/ggg_icon4.png") no-repeat left;
}
.product-details .content .content-new .shop .tt a:hover span {
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-details .content .content-new .return-list {
	border-radius: 23px; border: 1px solid rgb(221, 221, 221); transition:0.5s; border-image: none; width: 140px; height: 45px; text-align: center; color: rgb(153, 153, 153); line-height: 45px; font-size: 16px; margin-top: 20px; float: right; display: block;
}
@media all and (min-width:1024px)
{
.product-details .content .content-new .return-list:hover {
	border: 1px solid rgb(176, 165, 161); border-image: none; color: rgb(255, 255, 255); background-color: rgb(176, 165, 161);
}
}
@media all and (max-width:500px)
{
.product-details .content .content-new .tits .ewm {
	display: none;
}
.product-details .content .content-new .shop .t {
	width: 100px; font-size: 14px;
}
.product-details .content .content-new .shop .tt {
	width: 180px;
}
.product-details .content .content-new .shop .tt a {
	width: 60px; font-size: 14px;
}
}
.product-details .content .mCSB_scrollTools {
	width: 5px;
}
.product-details .content .mCSB_scrollTools .mCSB_draggerRail {
	background: none; width: 5px; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid;
}
.product-details .content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgb(0, 0, 0); width: 5px;
}
.product-details .content .return-top {
	background: url("index_files/top.png") no-repeat; top: 35%; width: 38px; height: 43px; right: 6%; display: block; position: fixed;
}
.product-details .fix-bottom {
	background: rgba(44, 47, 48, 0.9); width: 50%; height: 70px; right: 0px; bottom: 0px; position: fixed; z-index: 100;
}
.product-details .fix-bottom .a {
	width: 18.5%; height: 100%; text-align: center; border-right-color: rgba(255, 255, 255, 0.1); border-right-width: 1px; border-right-style: solid; float: left; display: block;
}
.product-details .fix-bottom .a span {
	color: rgb(255, 255, 255); line-height: 70px; padding-left: 25px; font-size: 14px; display: inline-block;
}
.product-details .fix-bottom .a span.s1 {
	background: url("index_files/product_icon10.png") no-repeat left;
}
.product-details .fix-bottom .a span.s2 {
	background: url("index_files/product_icon11.png") no-repeat left;
}
.product-details .fix-bottom .a1 {
	background: rgb(254, 3, 53); width: 29.2%; height: 100%; text-align: center; float: right;
}
.product-details .fix-bottom .a1 span {
	background: url("index_files/product_icon12.png") no-repeat left; color: rgb(255, 255, 255); line-height: 70px; padding-left: 32px; font-size: 14px; display: inline-block;
}
@media all and (max-width:1540px)
{
.product-details .content .content-new {
	width: 80%; margin-left: 10%;
}
.product-details .content .return-top {
	right: 2%;
}
}
@media all and (max-width:1366px)
{
.product-details .pic-list .img-big {
	height: 70%;
}
}
@media all and (max-width:1024px)
{
.product-details {
	height: auto !important; margin-top: 80px;
}
.product-details .pic-list {
	width: 100%; height: auto; float: none;
}
.product-details .pic-list .img-big {
	height: 400px;
}
.product-details .pic-list .small-box {
	padding: 10px 0px; height: 85px;
}
.product-details .content {
	width: 100%; height: auto !important;
}
.product-details .content .content-new {
	margin: 0px auto; width: 92%; padding-top: 40px; padding-bottom: 80px;
}
.product-details .content .content-new .tit {
	line-height: 34px; font-size: 32px; margin-top: 15px;
}
.product-details .content .content-new .tit1 {
	line-height: 28px; font-size: 26px; margin-top: 10px;
}
.product-details .content .content-new .color {
	margin-top: 20px;
}
.product-details .content .content-new .color .tt {
	margin-top: 10px;
}
.product-details .content .content-new .tit2 {
	line-height: 20px; padding-bottom: 10px; font-size: 18px; margin-top: 25px;
}
.product-details .content .content-new .con {
	margin-top: 25px;
}
.product-details .content .content-new .con .t {
	line-height: 20px; padding-bottom: 10px; font-size: 18px;
}
.product-details .content .content-new .con .ttt1 {
	line-height: 20px; padding-bottom: 10px; font-size: 18px;
}
.product-details .content .return-top {
	display: none;
}
.product-details .fix-bottom {
	width: 100%; height: 60px;
}
.product-details .fix-bottom .a span {
	line-height: 60px;
}
.product-details .fix-bottom .a1 span {
	line-height: 60px;
}
.product-details .content .content-new .txt p {
	width: auto; float: none;
}
}
@media all and (max-width:730px)
{
.product-details {
	margin-top: 60px;
}
}
@media all and (max-width:530px)
{
.product-details .content .content-new .tit {
	line-height: 24px; font-size: 22px;
}
.product-details .content .content-new .tit1 {
	line-height: 22px; font-size: 20px;
}
.product-details .fix-bottom .a {
	width: 25%;
}
.product-details .fix-bottom .a1 {
	width: 35%;
}
}
@media all and (max-width:455px)
{
.product-details {
	margin-top: 50px;
}
.product-details .pic-list {
	width: 100%; height: auto; float: none;
}
.product-details .pic-list .img-big {
	
}
.product-details .pic-list .small-box {
	padding: 10px 0px; height: 60px;
}
.product-details .pic-list .small-box .small-list {
	width: 270px;
}
.product-details .pic-list .small-box .small-list ul li {
	width: 58px; height: 58px;
}
}
@media all and (max-width:380px)
{
.product-details .fix-bottom .a {
	width: 30%;
}
.product-details .fix-bottom .a1 {
	width: 39%;
}
}
.service {
	width: 100%; height: auto;
}
.service .title {
	text-align: center; color: rgb(51, 51, 51); line-height: 20px; font-size: 20px; margin-top: 20px; display: none;
}
@media all and (max-width:600px)
{
.service .title {
	display: block;
}
}
.service .list {
	margin: 50px auto 100px; overflow: hidden;
}
.service .list ul {
	width: 110%; height: auto; padding-bottom: 10px;
}
.service .list ul li {
	width: 28.1%; height: auto; padding-bottom: 37px; margin-right: 3.2%; margin-bottom: 50px; border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: solid; float: left; cursor: pointer;
}
.service .list ul li a {
	width: 100%; height: auto; display: block;
}
.service .list ul li a .pic {
	width: 100%; height: auto; overflow: hidden;
}
.service .list ul li a .pic img {
	transition:transform 0.5s; height: 330px;
}
.service .list ul li a .tits {
	height: 26px; color: rgb(44, 47, 48); line-height: 26px; overflow: hidden; font-family: ATB; font-size: 24px; margin-top: 29px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.service .list ul li a .tit {
	width: 100%; height: auto; margin-top: 20px;
}
.service .list ul li a .tit .more {
	background: url("index_files/download.png") no-repeat left; color: rgb(133, 133, 133); line-height: 18px; padding-left: 25px; font-size: 14px; float: left; display: inline-block;
}
.service .list ul li a .tit .kb {
	background: url("index_files/kb.png") no-repeat left; color: rgb(133, 133, 133); line-height: 18px; padding-left: 25px; font-size: 14px; margin-left: 15px; float: left; display: inline-block;
}
.service .list ul li a .tit .time {
	color: rgb(153, 153, 153); line-height: 17px; font-family: ATB; font-size: 14px; float: right;
}
@media all and (min-width:1024px)
{
.service .list ul li:hover a .pic img {
	transform: scale(1.1);
}
.service .list ul li:hover a .tits {
	color: rgb(176, 165, 161);
}
}
@media all and (max-width:1024px)
{
.service .list ul li .tits {
	height: 20px; line-height: 20px; font-size: 18px; margin-top: 15px;
}
}
@media all and (max-width:700px)
{
.service .list {
	margin: 30px auto 60px;
}
.service .list ul li {
	width: 44.1%; padding-bottom: 25px; margin-right: 2.8%; margin-bottom: 20px;
}
.cases_index {
	margin-top: 20px;
}
}
@media all and (max-width:450px)
{
.service .list ul {
	width: 100%;
}
.service .list ul li {
	width: 100%; margin-right: 0px;
}
.service .list ul li a .tits {
	height: 20px; line-height: 20px; font-size: 20px; margin-top: 10px;
}
.service .list ul li a .tits {
	margin-top: 10px;
}
}
.service-bottom {
	background-position: center; width: 100%; height: auto; padding-top: 103px; padding-bottom: 123px; background-repeat: no-repeat; background-size: cover;
}
.service-bottom .con {
	margin: 0px auto;
}
.service-bottom .con .title {
	width: 26.3%; height: auto; text-align: right; float: left;
}
.service-bottom .con .title .en {
	color: rgb(51, 51, 51); line-height: 50px; font-family: ATB; font-size: 48px;
}
.service-bottom .con .title .cn {
	color: rgb(51, 51, 51); line-height: 38px; font-size: 36px; margin-top: 23px;
}
.service-bottom .con .con-new {
	width: 40%; height: auto; margin-top: 10px; margin-left: 150px; float: left; position: relative;
}
.service-bottom .con .con-new .txt {
	text-align: center; color: rgb(51, 51, 51); line-height: 24px; font-family: ATB; font-size: 14px;
}
.service-bottom .con .con-new .i1 {
	background: url("index_files/icon1.png") no-repeat; left: -104px; top: -17px; width: 42px; height: 33px; position: absolute;
}
.service-bottom .con .con-new .i2 {
	background: url("index_files/icon2.png") no-repeat; top: -17px; width: 42px; height: 33px; right: -104px; position: absolute;
}
@media all and (max-width:1520px)
{
.service-bottom .con .title .en {
	line-height: 38px; font-size: 36px;
}
.service-bottom .con .title .cn {
	line-height: 30px; font-size: 28px; margin-top: 15px;
}
}
@media all and (max-width:1200px)
{
.service-bottom {
	padding-top: 65px; padding-bottom: 90px;
}
}
@media all and (max-width:800px)
{
.service-bottom {
	padding-top: 30px; padding-bottom: 40px;
}
.service-bottom .con .title {
	width: 100%; text-align: left; float: none;
}
.service-bottom .con .con-new {
	width: 100%; margin-left: 0px; float: none;
}
.service-bottom .con .con-new .i1 {
	display: none;
}
.service-bottom .con .con-new .i2 {
	display: none;
}
.service-bottom .con .con-new .txt {
	text-align: left;
}
}
.service-tabs {
	margin: 0px auto; width: 100%; height: auto; text-align: center; font-size: 0px;
}
.service-tabs a {
	border: 1px solid rgb(219, 219, 219); transition:background 0.5s, color 0.5s; border-image: none; width: 104px; text-align: center; color: rgb(51, 51, 51); line-height: 46px; font-size: 16px; margin-left: -1px; display: inline-block;
}
.service-tabs a:first-child {
	width: 128px; border-top-left-radius: 23px; border-bottom-left-radius: 23px;
}
.service-tabs a:last-child {
	width: 126px; border-top-right-radius: 23px; border-bottom-right-radius: 23px;
}
.service-tabs a.a1 {
	width: 128px; border-top-left-radius: 23px; border-bottom-left-radius: 23px;
}
.service-tabs a.a2 {
	width: 126px; border-top-right-radius: 23px; border-bottom-right-radius: 23px;
}
.service-tabs a.on {
	background: rgb(25, 29, 28); color: rgb(255, 255, 255);
}
@media all and (min-width:1024px)
{
.service-tabs a:hover {
	background: rgb(25, 29, 28); color: rgb(255, 255, 255);
}
}
.service-tabs.m a {
	width: 230px;
}
.service-tabs.m a.a1 {
	width: 240px;
}
.service-tabs.m a.a2 {
	width: 219px;
}
.service-tabs-m {
	width: 100%; height: 50px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: none; -ms-overflow-y: scroll;
}
.service-tabs-m ul {
	width: 500px; height: auto;
}
.service-tabs-m ul li {
	width: 100px; height: 47px; text-align: center; line-height: 47px; font-size: 16px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 3px; border-bottom-style: solid; float: left;
}
.service-tabs-m ul li a {
	color: rgb(51, 51, 51);
}
.service-tabs-m ul li.on {
	border-bottom-color: rgb(0, 0, 0); border-bottom-width: 3px; border-bottom-style: solid;
}
.water {
	width: 100%; height: auto;
}
.water .content {
	margin: 0px auto; padding-top: 100px;
}
.water .content .title {
	width: 100%; height: auto; text-align: center; color: rgb(44, 47, 48); line-height: 38px; font-size: 36px; margin-top: 50px;
}
.water .content .list {
	margin: 50px auto 80px; overflow: hidden;
}
.water .content .list ul {
	width: 110%; height: auto; padding-bottom: 40px;
}
.water .content .list ul li {
	width: 20.3%; height: auto; padding-bottom: 27px; margin-right: 3.2%; margin-bottom: 40px; border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.water .content .list ul li .pic {
	background: rgb(241, 240, 247); width: 100%; height: 180px; overflow: hidden; position: relative;
}
.water .content .list ul li .pic img {
	margin: auto; transition:transform 0.5s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.water .content .list ul li .tits {
	height: 20px; color: rgb(44, 47, 48); line-height: 20px; overflow: hidden; font-family: ATB; font-size: 18px; margin-top: 19px; -ms-text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.water .content .list ul li .tits i {
	color: rgb(153, 153, 153); line-height: 20px; font-family: ATB; font-size: 14px; float: right;
}
.water .content .list ul li .tit {
	width: 100%; height: auto; margin-top: 17px;
}
.water .content .list ul li .tit .more {
	background: url("index_files/download.png") no-repeat left; color: rgb(133, 133, 133); line-height: 18px; padding-left: 25px; font-size: 14px; float: left; display: inline-block;
}
.water .content .list ul li .tit .kb {
	background: url("index_files/kb.png") no-repeat left; color: rgb(133, 133, 133); line-height: 18px; padding-left: 25px; font-size: 14px; margin-left: 15px; float: left; display: inline-block;
}
.water .content .list ul li .tit .time {
	
}
@media all and (min-width:1024px)
{
.water .content .list ul li:hover .pic img {
	transform: scale(1.1);
}
.water .content .list ul li:hover .tits {
	color: rgb(176, 165, 161);
}
}
@media all and (max-width:1100px)
{
.water .content {
	margin: 0px auto; padding-top: 60px;
}
.water .content .title {
	line-height: 30px; font-size: 28px; margin-top: 25px;
}
.water .content .list {
	margin: 30px auto 60px;
}
.water .content .list ul li {
	width: 28.8%; margin-right: 2.2%; margin-bottom: 30px;
}
}
@media all and (max-width:800px)
{
.water .content .list ul li {
	width: 44.2%; padding-bottom: 20px;
}
}
@media all and (max-width:620px)
{
.water .content .service-tabs a {
	width: 70px; line-height: 34px; font-size: 14px;
}
.water .content .service-tabs a.a1 {
	width: 97px;
}
.water .content .service-tabs a.a2 {
	width: 100px;
}
}
@media all and (max-width:540px)
{
.water .content .list ul li .tit {
	height: 41px;
}
.water .content .list ul li .tit .more {
	float: none; display: block;
}
.water .content .list ul li .tit .kb {
	margin-top: 5px; margin-left: 0px; float: none; display: block;
}
.water .content .title {
	line-height: 20px; font-size: 20px;
}
}
@media all and (max-width:445px)
{
.water .content {
	padding-top: 0px;
}
.water .service-tabs-m {
	display: block;
}
.water .content {
	margin: 0px auto;
}
.water .content .service-tabs {
	display: none;
}
.water .content .title {
	line-height: 24px; font-size: 22px;
}
}
@media all and (max-width:360px)
{
.water .content .list ul {
	width: 100%;
}
.water .content .list ul li {
	width: 100%; margin-right: 0px;
}
}
.choose {
	width: 100%; height: auto;
}
.choose .content {
	margin: 100px auto 0px;
}
.choose .content .title {
	width: 100%; height: auto; text-align: center; color: rgb(44, 47, 48); line-height: 38px; font-size: 36px; margin-top: 50px;
}
.choose .content .gg {
	background: rgb(43, 47, 47); width: 100%; height: 280px; margin-top: 44px; position: relative;
}
.choose .content .gg img {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.choose .content .list {
	width: 100%; height: auto; overflow: hidden; margin-top: 40px; margin-bottom: 43px;
}
.choose .content .list ul {
	width: 110%; height: auto;
}
.choose .content .list ul li {
	width: 100%; height: auto; margin-right: 2.3%; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.choose .content .list ul li .tits {
	background: url("index_files/choose_icon.png") no-repeat left; padding: 40px 0px 40px 25px; color: rgb(44, 47, 48); line-height: 20px; font-size: 18px; cursor: pointer;
}
@media all and (min-width:1024px)
{
.choose .content .list ul li:hover .tits {
	background: url("index_files/choose_icon_h.png") no-repeat left; color: rgb(176, 165, 161);
}
}
.choose .content .list ul li.on .tits {
	background: url("index_files/choose_icon_h.png") no-repeat left; color: rgb(176, 165, 161);
}
.choose .content .list ul li .tit {
	padding: 36px; width: calc(100% - 72px); color: rgb(102, 102, 102); line-height: 28px; font-size: 16px; border-top-color: rgb(234, 234, 234); border-top-width: 1px; border-top-style: solid; display: none;
}
.choose .content .list ul li .tit span {
	width: 25px; float: left; display: block;
}
.choose .content .list ul li .tit i {
	width: calc(100% - 25px); float: left; display: block;
}
@media all and (max-width:1070px)
{
.choose .content .service-tabs a {
	width: 70px; line-height: 34px; font-size: 14px;
}
.choose .content .service-tabs a.a1 {
	width: 97px;
}
.choose .content .service-tabs a.a2 {
	width: 100px;
}
.choose .content .title {
	line-height: 28px; font-size: 26px;
}
}
@media all and (max-width:760px)
{
.choose .service-tabs-m {
	display: block;
}
.choose .service-tabs-m ul {
	width: 900px;
}
.choose .content {
	margin: 0px auto;
}
.choose .content .service-tabs {
	display: none;
}
.choose .content .title {
	margin-top: 30px;
}
.choose .content .gg {
	margin-top: 25px;
}
}
@media all and (max-width:700px)
{
.choose .content .list ul li .tits {
	background: url("index_files/choose_icon.png") no-repeat left 18px; padding: 15px 0px 15px 25px; font-size: 16px;
}
.choose .content .list ul li .tit {
	padding: 15px; line-height: 24px; font-size: 14px;
}
}
@media all and (max-width:540px)
{
.choose .content .title {
	line-height: 20px; font-size: 20px; margin-top: 20px;
}
.choose .content .list {
	margin-top: 20px; margin-bottom: 10px;
}
.choose .content .list ul {
	width: 100%;
}
.choose .content .list ul li {
	width: 100%; height: auto !important; float: none;
}
}
.maintain {
	width: 100%; height: auto;
}
.maintain .content {
	width: 100%; height: auto; margin-top: 100px;
}
.maintain .content .list {
	margin-top: 60px; 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; position: relative;
}
.maintain .content .list .item {
	width: 25%; height: 100%; margin-left: -1px; border-left-color: rgb(219, 219, 219); border-left-width: 1px; border-left-style: solid; float: left;
}
.maintain .content .list .item .con {
	margin: 38px auto 60px; width: 79.2%; height: auto;
}
.maintain .content .list .item .con .num {
	text-align: center; color: rgb(51, 51, 51); line-height: 38px; font-family: ATB; font-size: 36px;
}
.maintain .content .list .item .con .tits {
	text-align: center; color: rgb(44, 47, 48); line-height: 26px; font-size: 24px; margin-top: 23px;
}
.maintain .content .list .item .con .tit {
	color: rgb(102, 102, 102); line-height: 24px; font-family: ATB; font-size: 14px; margin-top: 32px;
}
.maintain .content .list .item .con .conn {
	height: 400px; color: rgb(102, 102, 102); line-height: 24px; font-family: ATB; font-size: 14px; margin-top: 32px;
}
.maintain .content .box {
	margin: 55px auto 0px; padding-bottom: 80px;
}
.maintain .content .box .con {
	margin: 0px auto; width: 84.2%; height: auto;
}
.maintain .content .box .con .icon {
	background: url("index_files/maintain_icon.png") no-repeat; margin: 0px auto; width: 39px; height: 39px;
}
.maintain .content .box .con .tits {
	text-align: center; color: rgb(51, 51, 51); line-height: 26px; font-size: 24px; margin-top: 17px;
}
.maintain .content .box .con .tit {
	text-align: center; color: rgb(102, 102, 102); line-height: 24px; font-family: ATB; font-size: 14px; margin-top: 18px;
}
@media all and (max-width:1024px)
{
.maintain .content {
	margin-top: 40px;
}
}
@media all and (max-width:850px)
{
.maintain .content .list {
	margin-top: 30px;
}
.maintain .content .list .item {
	width: 50%; margin-top: -1px; border-top-color: rgb(219, 219, 219); border-top-width: 1px; border-top-style: solid;
}
.maintain .content .list .item .con {
	margin: 25px auto 30px; width: 90%;
}
.maintain .content .list .item .con .num {
	line-height: 30px; font-size: 28px;
}
.maintain .content .list .item .con .tits {
	line-height: 20px; font-size: 18px; margin-top: 10px;
}
.maintain .content .list .item .con .tit {
	margin-top: 20px;
}
.maintain .content .list .item .con .conn {
	margin-top: 20px;
}
}
@media all and (max-width:720px)
{
.maintain .content .service-tabs a {
	width: 160px; font-size: 14px;
}
}
@media all and (max-width:640px)
{
.maintain .content .list .item {
	width: 100%; height: auto !important;
}
}
@media all and (max-width:500px)
{
.maintain .title {
	text-align: center; color: rgb(51, 51, 51); line-height: 20px; font-size: 20px; margin-top: 20px; display: block;
}
.maintain .content {
	margin: 20px auto 0px;
}
.maintain .service-tabs-m ul {
	width: 570px;
}
.maintain .service-tabs-m ul li {
	width: 190px;
}
.maintain .content .service-tabs {
	display: none;
}
}
.after-sales {
	width: 100%; height: auto;
}
.after-sales .content {
	width: 100%; height: auto; padding-bottom: 95px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.after-sales .content .after-top {
	margin: 70px auto 62px; width: 94.5%; position: relative;
}
.after-sales .content .after-top .contact {
	width: 33.3%; height: auto; float: left;
}
.after-sales .content .after-top .contact .icon {
	width: 16%; height: auto; margin-top: 34px; margin-left: 10.5%; float: left;
}
.after-sales .content .after-top .contact .con {
	width: 58%; height: auto; margin-left: 39%; float: left; position: relative;
}
.after-sales .content .after-top .contact .con::after {
	background-position: center; left: -70px; top: 0px; width: 38px; height: 37px; position: absolute; content: ""; background-image: url("index_files/x1_icon1.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.after-sales .content .after-top .contact .con .tits {
	color: rgb(51, 51, 51); line-height: 18px; font-size: 18px;
}
.after-sales .content .after-top .contact .con .tel {
	color: rgb(51, 51, 51) !important; line-height: 38px; font-family: ATB; font-size: 36px; margin-top: 9px;
}
.after-sales .content .after-top .contact .con .tit {
	color: rgb(153, 153, 153); line-height: 16px; font-size: 14px; margin-top: 13px;
}
.after-sales .content .after-top .contact .con .tit1 {
	color: rgb(51, 51, 51); line-height: 20px; font-size: 18px; margin-top: 26px;
}
.after-sales .content .after-top .contact .con .tit1 span {
	font-family: ATB;
}
.after-sales .content .after-top .add {
	width: 33.3%; height: auto; float: left;
}
.after-sales .content .after-top .add .icon {
	width: 16%; height: auto; margin-top: 34px; margin-left: 9%; float: left;
}
.after-sales .content .after-top .add .con {
	width: 61%; height: auto; margin-left: 33%; float: left; position: relative;
}
.after-sales .content .after-top .add .con::after {
	background-position: center; left: -73px; top: 0px; width: 42px; height: 38px; position: absolute; content: ""; background-image: url("index_files/x1_icon2.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.after-sales .content .after-top .add .con .tits {
	color: rgb(51, 51, 51); line-height: 18px; font-size: 18px;
}
.after-sales .content .after-top .add .con .tit {
	color: rgb(51, 51, 51); line-height: 22px; font-size: 16px;
}
.after-sales .content .after-top .add .con .tit1 {
	color: rgb(51, 51, 51) !important; line-height: 26px; font-family: ATB; font-size: 14px; margin-top: 12px;
}
.after-sales .content .after-top .add .con .tit1 span {
	color: rgb(102, 102, 102);
}
.after-sales .content .after-top .table-box {
	width: 33.3%; height: auto; float: left;
}
.after-sales .content .after-top .table-box .icon {
	width: 16%; margin-top: 34px; margin-left: 6%; float: left;
}
.after-sales .content .after-top .table-box .table-new {
	width: 60%; margin-left: 30%; float: left; position: relative;
}
.after-sales .content .after-top .table-box .table-new::after {
	background-position: center; left: -73px; top: 0px; width: 40px; height: 37px; position: absolute; content: ""; background-image: url("index_files/x1_icon3.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.after-sales .content .after-top .table-box .table-new .t {
	width: 100%; height: auto; margin-bottom: 10px;
}
.after-sales .content .after-top .table-box .table-new .t span {
	width: 75px; height: auto; color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; float: left; display: block;
}
.after-sales .content .after-top .table-box .table-new .t .text {
	background: none; border: 1px solid rgb(225, 225, 225); border-image: none; width: calc(100% - 78px); height: 28px; color: rgb(51, 51, 51); line-height: 30px; text-indent: 1rem; font-size: 14px; float: left;
}
.after-sales .content .after-top .table-box .table-new .t .txt {
	background: none; padding: 0px 1rem; border: 1px solid rgb(225, 225, 225); border-image: none; width: calc(100% - 78px - 2rem); height: 60px; color: rgb(51, 51, 51); line-height: 30px; font-size: 14px; float: left;
}
.after-sales .content .after-top .table-box .table-new .submit {
	background: rgb(25, 29, 28); border: currentColor; border-image: none; width: calc(100% - 70px); height: 34px; text-align: center; color: rgb(255, 255, 255); line-height: 34px; font-size: 14px; margin-left: 70px;
}
.after-sales .content .after-top .line {
	background: rgb(234, 234, 234); left: 33.3%; top: 0px; width: 1px; height: 160px; position: absolute;
}
.after-sales .content .after-top .line1 {
	left: 66.6%;
}
.after-sales .content .content-new {
	width: 100%; height: auto; position: relative;
}
.after-sales .content .content-new .map {
	width: 100%; height: 680px;
}
.after-sales .content .content-new .tabs {
	left: 0px; top: -85px; width: 100%; height: auto; margin-left: 0%; position: absolute; z-index: 10;
}
.after-sales .content .content-new .tabs a {
	background: rgb(255, 255, 255); border: 1px solid rgb(219, 219, 219); border-image: none; width: 128px; height: 46px; text-align: center; color: rgb(51, 51, 51); line-height: 46px; font-size: 16px; margin-left: -1px; float: left; display: block;
}
.after-sales .content .content-new .tabs a.a1 {
	border-top-left-radius: 23px; border-bottom-left-radius: 23px;
}
.after-sales .content .content-new .tabs a.a2 {
	border-top-right-radius: 23px; border-bottom-right-radius: 23px;
}
.after-sales .content .content-new .tabs a.on {
	background: rgb(25, 29, 28); color: rgb(255, 255, 255);
}
.after-sales .content .content-new .box {
	margin: 150px auto 0px; position: relative; z-index: 20;
}
.after-sales .content .content-new .box .box-top {
	width: 100%; height: auto; display: flex; position: relative; z-index: 100; justify-content: center;
}
.after-sales .content .content-new .box .box-top .item {
	background: rgb(255, 255, 255); width: 27%; height: 58px; margin-right: 0.6%; float: left; box-shadow: 0px 3px 1px rgba(0,0,0,0.15);
}
.after-sales .content .content-new .box .box-top .item .icon {
	background-position: center; width: 58px; height: 100%; border-right-color: rgb(234, 234, 234); border-right-width: 1px; border-right-style: solid; float: left; background-repeat: no-repeat; background-size: auto;
}
.after-sales .content .content-new .box .box-top .item .icon.i1 {
	background-image: url("index_files/after_icon4.png");
}
.after-sales .content .content-new .box .box-top .item .icon.i2 {
	background-image: url("index_files/after_icon5.png");
}
.after-sales .content .content-new .box .box-top .item .icon.i3 {
	background-image: url("index_files/after_icon6.png");
}
.after-sales .content .content-new .box .box-top .item .select {
	height: 100%; margin-left: 59px; position: relative; cursor: pointer;
}
.after-sales .content .content-new .box .box-top .item .select .tits {
	color: rgb(153, 153, 153); line-height: 58px; font-size: 18px; margin-left: 14px;
}
.after-sales .content .content-new .box .box-top .item .select ul {
	background: rgb(255, 255, 255); left: 0px; top: 58px; width: 100%; height: auto; border-top-color: rgb(234, 234, 234); border-top-width: 1px; border-top-style: solid; display: none; position: absolute; z-index: 10; -ms-overflow-y: scroll; max-height: 240px;
}
.after-sales .content .content-new .box .box-top .item .select ul li {
	transition:color 0.5s, background 0.5s; width: 100%; height: 40px; color: rgb(153, 153, 153); line-height: 40px; font-size: 16px;
}
.after-sales .content .content-new .box .box-top .item .select ul li span {
	margin-left: 14px;
}
@media all and (min-width:1024px)
{
.after-sales .content .content-new .box .box-top .item .select ul li:hover {
	background: rgb(176, 165, 161); color: rgb(255, 255, 255);
}
}
.after-sales .content .content-new .box .box-top .submit {
	background: rgb(51, 51, 51); border: currentColor; border-image: none; width: 17%; height: 58px; color: rgb(255, 255, 255); line-height: 58px; font-size: 18px; float: right;
}
.after-sales .content .content-new .box .box-new {
	background: rgb(255, 255, 255); width: 100%; height: auto; margin-top: 30px; box-shadow: 0px 3px 1px rgba(0,0,0,0.15);
}
.after-sales .content .content-new .box .box-new .title {
	width: 100%; height: 79px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.after-sales .content .content-new .box .box-new .title .tits {
	color: rgb(153, 153, 153); line-height: 79px; font-size: 18px; margin-left: 30px;
}
.after-sales .content .content-new .box .box-new .title .tits span {
	color: rgb(51, 51, 51); font-family: ATB;
}
.after-sales .content .content-new .box .box-new .list {
	padding: 0px 10px 55px;
}
.after-sales .content .content-new .box .box-new .list ul {
	width: 100%; height: auto;
}
.after-sales .content .content-new .box .box-new .list ul li {
	margin: 32px 1.3% 0px; width: 30.7%; height: auto; padding-bottom: 12px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid; float: left; position: relative; cursor: pointer;
}
.after-sales .content .content-new .box .box-new .list ul li .tits {
	color: rgb(51, 51, 51); line-height: 16px; font-size: 14px;
}
.after-sales .content .content-new .box .box-new .list ul li .tit {
	height: 100px; color: rgb(51, 51, 51) !important; line-height: 20px; font-size: 12px; margin-top: 11px;
}
.after-sales .content .content-new .box .box-new .list ul li .add {
	top: -8px; width: 32px; height: 32px; right: 8%; display: block; position: absolute; z-index: 10; background-image: url("index_files/dd.png"); background-repeat: no-repeat;
}
.after-sales .content .content-new .box .box-new .more {
	width: 100%; height: 69px; text-align: center; color: rgb(51, 51, 51); line-height: 69px; font-size: 12px; border-top-color: rgb(234, 234, 234); border-top-width: 1px; border-top-style: solid; display: block;
}
@media all and (max-width:1535px)
{
.after-sales .content .after-top .add .con {
	width: 75%; margin-left: 25%;
}
}
@media all and (max-width:1500px)
{
.after-sales .content .after-top .contact .con {
	width: 70%; margin-left: 23%;
}
.after-sales .content .after-top .add .con {
	width: 75%; margin-left: 25%;
}
.after-sales .content .after-top .table-box .table-new {
	width: 75%; margin-left: 24%;
}
.service .list ul li a .pic img {
	height: 300px;
}
}
@media all and (max-width:1400px)
{
.service .list ul li a .pic img {
	height: 260px;
}
}
@media all and (max-width:1340px)
{
.after-sales .content .after-top .contact .con {
	width: 82%; margin-left: 18%;
}
.after-sales .content .after-top .contact .con::after {
	left: -45px; width: 30px; height: 29px;
}
.after-sales .content .after-top .add .con {
	width: 82%; margin-left: 18%;
}
.after-sales .content .after-top .add .con::after {
	left: -49px; width: 30px; height: 27px;
}
.after-sales .content .after-top .table-box .table-new {
	width: 80%; margin-left: 20%;
}
.after-sales .content .after-top .table-box .table-new::after {
	left: -47px; width: 30px; height: 27px;
}
.service .list ul li a .pic img {
	height: 240px;
}
}
@media all and (max-width:1180px)
{
.after-sales .content .after-top .add {
	width: 38.3%;
}
.after-sales .content .after-top .table-box {
	width: 28.3%;
}
.after-sales .content .after-top .line1 {
	left: 71.6%;
}
}
@media all and (max-width:1100px)
{
.after-sales .content .after-top .contact .con {
	width: 82%; margin-left: 16%;
}
.after-sales .content .after-top .add .con {
	width: 82%; margin-left: 17%;
}
.after-sales .content .after-top .table-box .table-new {
	width: 82%; margin-left: 17%;
}
.service .list ul li a .pic img {
	height: 200px;
}
}
@media all and (max-width:1100px)
{
.after-sales .content .after-top .add .con .tit {
	line-height: 20px; font-size: 15px;
}
.after-sales .content .after-top .contact .con .tel {
	line-height: 32px; font-size: 30px;
}
}
@media all and (max-width:1024px)
{
.after-sales .content .after-top .contact {
	margin: 0px auto 30px; width: 600px; float: none; max-width: 100%;
}
.after-sales .content .after-top .contact .con {
	width: calc(100% - 60px); margin-left: 60px;
}
.after-sales .content .after-top .add {
	margin: 0px auto; width: 600px; float: none; max-width: 100%;
}
.after-sales .content .after-top .add .con {
	width: calc(100% - 60px); margin-left: 60px;
}
.after-sales .content .after-top .add .con::after {
	width: 30px;
}
.after-sales .content .after-top .table-box {
	margin: 30px auto 0px; width: 600px; float: none; max-width: 100%;
}
.after-sales .content .after-top .table-box .table-new {
	width: calc(100% - 60px); margin-left: 60px;
}
.after-sales .content .after-top .table-box .table-new::after {
	width: 30px;
}
.after-sales .content .after-top .line {
	display: none;
}
.after-sales .content .content-new #mapiframe {
	display: none;
}
.after-sales .content .content-new .tabs {
	margin: 0px auto; left: 0px; top: 0px; position: relative;
}
.after-sales .content .content-new .map {
	height: 460px;
}
.after-sales .content .content-new .box {
	margin: 20px auto 0px;
}
.after-sales .content .content-new .box .box-new .title {
	border-top-color: rgb(234, 234, 234); border-top-width: 1px; border-top-style: solid;
}
.after-sales .content .content-new .box .box-top .item {
	height: 48px;
}
.after-sales .content .content-new .box .box-top .item .icon {
	width: 48px;
}
.after-sales .content .content-new .box .box-top .item .select {
	margin-left: 49px;
}
.after-sales .content .content-new .box .box-top .item .select .tits {
	line-height: 48px; font-size: 16px;
}
.after-sales .content .content-new .box .box-top .item .select ul {
	top: 48px;
}
.after-sales .content .content-new .box .box-top .submit {
	height: 48px; line-height: 48px; font-size: 16px;
}
.after-sales .content .content-new .box .box-new .title {
	height: 60px;
}
.after-sales .content .content-new .box .box-new .title .tits {
	line-height: 60px;
}
}
@media all and (max-width:940px)
{
.after-sales .content {
	padding-bottom: 60px;
}
.after-sales .content .after-top {
	margin: 40px auto 30px;
}
.after-sales .content .after-top .contact .icon {
	margin-top: 0px;
}
.after-sales .content .after-top .contact .con .tel {
	line-height: 28px; font-size: 26px;
}
.after-sales .content .after-top .table-box .icon {
	margin-top: 0px;
}
.after-sales .content .after-top .add .icon {
	margin-top: 0px;
}
}
@media all and (max-width:800px)
{
.after-sales .content .content-new .box .box-new .list ul li {
	width: 46.7%;
}
}
@media all and (max-width:640px)
{
.after-sales .content {
	padding-bottom: 40px;
}
.after-sales .content .after-top .contact {
	width: 100%; margin-bottom: 30px;
}
.after-sales .content .after-top .table-box {
	width: 100%; margin-top: 30px; max-width: 100%;
}
.after-sales .content .after-top .contact .icon {
	width: 88px;
}
.after-sales .content .after-top .table-box .icon {
	width: 88px;
}
.after-sales .content .after-top .add {
	width: 100%;
}
.after-sales .content .after-top .add .icon {
	width: 88px;
}
.after-sales .content .after-top .line {
	display: none;
}
.after-sales .content .content-new .box .box-top .item {
	width: 48%; margin-right: 2%; margin-bottom: 10px;
}
.after-sales .content .content-new .box .box-top .submit {
	width: 48%; margin-right: 2%;
}
.after-sales .content .content-new .box .box-new {
	margin-top: 10px;
}
.after-sales .content .content-new .box .box-new .more {
	height: 49px; line-height: 49px;
}
}
@media all and (max-width:560px)
{
.after-sales .content .content-new .box .box-new .list ul li {
	margin: 20px 0px 0px; width: 100%; padding-bottom: 20px;
}
.after-sales .content .content-new .box .box-new .list ul li .tit {
	height: auto;
}
}
@media all and (max-width:480px)
{
.after-sales .content .after-top .contact .icon {
	width: 60px; margin-left: 0px;
}
.after-sales .content .after-top .contact .con .tits {
	font-size: 16px;
}
.after-sales .content .after-top .add .icon {
	width: 60px; margin-left: 0px;
}
.after-sales .content .after-top .table-box .icon {
	width: 60px; margin-left: 0px;
}
.after-sales .content .after-top .add .con {
	width: 77%;
}
.after-sales .content .after-top .table-box .table-new {
	width: 77%;
}
.after-sales .content .after-top .add .con .tits {
	line-height: 16px; font-size: 16px;
}
.after-sales .content .after-top .add .con .tit {
	line-height: 14px; font-size: 14px;
}
}
@media all and (max-width:430px)
{
.after-sales .content .after-top .contact .icon {
	width: 16%;
}
.after-sales .content .after-top .table-box .icon {
	width: 16%;
}
.after-sales .content .after-top .add .icon {
	width: 16%;
}
}
@media all and (max-width:400px)
{
.after-sales .content .content-new .tabs {
	width: 280px;
}
.after-sales .content .content-new .tabs a {
	width: 98px; height: 34px; line-height: 34px;
}
.after-sales .content .content-new .box .box-top .item {
	width: 100%; margin-right: 0px;
}
.after-sales .content .content-new .box .box-top .submit {
	width: 100%; margin-right: 0px;
}
.after-sales .content .content-new .box .box-new {
	margin-top: 10px; border-top-color: rgb(234, 234, 234); border-top-width: 1px; border-top-style: solid;
}
.after-sales .content .content-new .box .box-new .title {
	height: 40px;
}
.after-sales .content .content-new .box .box-new .title .tits {
	line-height: 40px; font-size: 15px;
}
}
.table {
	width: 100%; height: 100%; display: table;
}
.table .table-cell {
	width: 100%; height: 100%; vertical-align: middle; display: table-cell;
}
.technology {
	width: 100%; height: auto;
}
.technology .tabs {
	background: rgb(255, 255, 255); left: 0px; top: 98px; width: 100%; height: 57px; border-top-color: rgb(234, 234, 234); border-top-width: 1px; border-top-style: solid; position: fixed; z-index: 100;
}
.technology .tabs #menu {
	margin-top: 11px; margin-left: 33px; float: left;
}
.technology .tabs #menu li {
	padding: 0px 25px; border-radius: 17px; transition:background 0.5s; height: 34px; margin-right: 10px; float: left;
}
.technology .tabs #menu li a {
	transition:color 0.5s; width: 100%; height: auto; color: rgb(51, 51, 51); line-height: 34px; font-size: 14px; display: block;
}
.technology .tabs #menu li.active {
	background: rgb(176, 165, 161);
}
.technology .tabs #menu li.active a {
	color: rgb(255, 255, 255);
}
@media all and (min-width:1024px)
{
.technology .tabs #menu li:hover {
	background: rgb(176, 165, 161);
}
.technology .tabs #menu li:hover a {
	color: rgb(255, 255, 255);
}
}
.technology .tabs .nav {
	float: right;
}
.technology .tabs .nav a {
	background: rgb(176, 165, 161); padding: 0px 42px; color: rgb(255, 255, 255); line-height: 57px; font-size: 14px; float: left; display: inline-block;
}
.technology .tabs .nav a.on {
	background: rgb(51, 51, 51);
}
.technology .tabs.t {
	top: 0px;
}
.technology .box1 {
	background-position: center; width: 100%; height: auto; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover;
}
.technology .box1 .box-new {
	margin: 0px auto; width: 100%; height: auto; padding-top: 10%;
}
.technology .box1 .box-new .tits {
	transition:transform 0.5s, opacity 0.5s; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 48px; opacity: 0; transform: translateY(-50px);
}
.technology .box1 .box-new .tits span {
	background-position: left; padding-left: 96px; background-repeat: no-repeat;
}
.technology .box1 .box-new .tit {
	margin: 1.5% auto 0px; transition:transform 0.5s, opacity 0.5s; width: 630px; height: auto; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; max-width: 92%; opacity: 0; transform: translateY(-50px);
}
.technology .box1 .box-new .con {
	margin: 0px auto; width: 1230px;
}
.technology .box1 .box-new .con .img {
	transition:transform 0.5s, opacity 0.5s; width: 69.1%; height: auto; float: left; opacity: 0; transform: translateY(50px);
}
.technology .box1 .box-new .con .con-new {
	margin-top: 10%; margin-left: -6%; float: left; position: relative;
}
.technology .box1 .box-new .con .con-new .yuan-box {
	transition:; width: 186px; height: 186px; position: relative; opacity: 0; transform: translateY(50px);
}
.technology .box1 .box-new .con .con-new .yuan {
	background-position: center; margin: auto; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; position: absolute; background-image: url("index_files/yuan.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.technology .box1 .box-new .con .con-new .yuan1 {
	background-position: center; margin: auto; left: 0px; top: 0px; width: 152px; height: 152px; right: 0px; bottom: 0px; position: absolute; background-image: url("index_files/yuan1.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.technology .box1 .box-new .con .con-new .yuan2 {
	background-position: center; margin: auto; left: 0px; top: 0px; width: 130px; height: 130px; right: 0px; bottom: 0px; position: absolute; background-image: url("index_files/yuan2.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.technology .box1 .box-new .con .con-new .yuan3 {
	background-position: center; margin: auto; left: 0px; top: 0px; width: 104px; height: 104px; right: 0px; bottom: 0px; position: absolute; background-image: url("index_files/yuan3.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.technology .box1 .box-new .con .con-new .t {
	left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 186px; font-size: 18px; position: absolute;
}
.technology .box1 .box-new .con .con-new .list {
	left: 143px; top: 70px; width: 230px; position: absolute;
}
.technology .box1 .box-new .con .con-new .list li {
	transition:transform 0.5s, opacity 0.5s; width: 100%; opacity: 0; transform: translateY(50px);
}
.technology .box1 .box-new .con .con-new .list li.l1 {
	transition-delay: 0.8s;
}
.technology .box1 .box-new .con .con-new .list li.l2 {
	transition-delay: 1s;
}
.technology .box1 .box-new .con .con-new .list li.l3 {
	transition-delay: 1.2s;
}
.technology .box1 .box-new .con .con-new .list li.l4 {
	transition-delay: 1.4s;
}
.technology .box1 .box-new .con .con-new .list li .line {
	background-position: right; width: 76px; height: 24px; float: left; background-repeat: no-repeat;
}
.technology .box1 .box-new .con .con-new .list li .line.line1 {
	background-image: url("index_files/cc_line1.png");
}
.technology .box1 .box-new .con .con-new .list li .line.line2 {
	background-image: url("index_files/cc_line2.png");
}
.technology .box1 .box-new .con .con-new .list li .line.line3 {
	background-image: url("index_files/cc_line3.png");
}
.technology .box1 .box-new .con .con-new .list li .line.line4 {
	background-image: url("index_files/cc_line4.png");
}
.technology .box1 .box-new .con .con-new .list li .ttt {
	width: 150px; color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; float: right;
}
.technology .box1 .box-new .con .con-new .li {
	transition:; left: -192px; top: 200px; width: 200px; height: 1px; position: absolute; opacity: 0; transform: rotate(-20deg); background-color: rgb(48, 172, 213); -webkit-transition: top 0.5s, opacity 0.5s; -o-transition: top 0.5s, opacity 0.5s;
}
.pic-box {
	top: 50%; width: 224px; height: auto; right: 1%; position: absolute; z-index: 1000; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.pic-box .yuan-box {
	width: 224px; height: 224px; position: relative;
}
.pic-box .yuan-box .yuan {
	background-position: center; animation:yuan 3s linear infinite; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url("index_files/cc_yuan1.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.pic-box .yuan-box .yuan1 {
	background-position: center; margin: auto; animation:yuan1 3s linear infinite; left: 0px; top: 0px; width: 87.5%; height: 87.5%; right: 0px; bottom: 0px; position: absolute; background-image: url("index_files/cc_yuan2.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.pic-box .yuan-box .yuan2 {
	background-position: center; margin: auto; animation:yuan 3s linear infinite; left: 0px; top: 0px; width: 75%; height: 75%; right: 0px; bottom: 0px; position: absolute; background-image: url("index_files/cc_yuan3.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.pic-box .yuan-box .pic {
	background-position: center; margin: auto; left: 0px; top: 0px; width: 70.5%; height: 70.5%; right: 0px; bottom: 0px; position: absolute; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.pic-box .t {
	text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; margin-top: 15px;
}
@media all and (max-width:1570px)
{
.pic-box {
	width: 180px;
}
.pic-box .yuan-box {
	width: 180px; height: 180px;
}
}
@media all and (max-width:1470px)
{
.technology .box1 .box-new .con {
	width: 76%;
}
}
.technology .box1.on .box-new .tits {
	opacity: 1; transform: translateY(0px);
}
.technology .box1.on .box-new .tit {
	opacity: 1; transform: translateY(0px);
}
.technology .box1.on .box-new .pic {
	opacity: 1; transform: translateY(0px);
}
.technology .box1.on .box-new .con .img {
	opacity: 1; transform: translateY(0px);
}
.technology .box1.on .box-new .con .con-new .li {
	top: 146px; opacity: 1;
}
.technology .box1.on .box-new .con .con-new .yuan-box {
	opacity: 1; transform: translateY(0px);
}
.technology .box1.on .box-new .con .con-new .list li {
	opacity: 1; transform: translateY(0px);
}
.technology .box2 {
	width: 100%; height: 100%; position: relative; background-size: cover !important;
}
.technology .box2 .vidbacking-active-block-back {
	background-size: cover !important;
}
.technology .box2 .con {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; background-image: url("index_files/cc_bg.png"); background-repeat: no-repeat; background-size: cover; background-color: rgba(0, 0, 0, 0.4); -webkit-background-size: cover;
}
.technology .box2 .con .top {
	transition:transform 0.5s, opacity 0.5s; left: 0px; top: 17%; width: 100%; height: auto; text-align: center; color: rgb(255, 255, 255); position: absolute; opacity: 0; transform: translateY(-50px);
}
.technology .box2 .con .top .en {
	line-height: 74px; font-family: ATB; font-size: 72px;
}
.technology .box2 .con .top .cn {
	text-align: center; line-height: 50px; font-size: 48px; margin-top: 1%;
}
.technology .box2 .con .top .cn span {
	background-position: left; padding-left: 100px; background-repeat: no-repeat;
}
.technology .box2 .con .top .txt {
	margin: 1.5% auto 0px; width: 880px; height: auto; line-height: 30px; font-size: 16px;
}
.technology .box2 .button {
	left: 50%; width: 60px; height: 60px; bottom: 40%; margin-left: -30px; position: absolute; z-index: 30;
}
.technology .box2 .button .play1 {
	background-position: 0% 0%; width: 100%; height: 100%; display: none; cursor: pointer; background-image: url("index_files/play.png"); background-attachment: scroll; background-repeat: no-repeat; background-size: cover !important; background-origin: padding-box; background-clip: border-box; background-color: transparent;
}
.technology .box2 .button .pause1 {
	background-position: 0% 0%; width: 100%; height: 100%; cursor: pointer; background-image: url("index_files/pause.png"); background-attachment: scroll; background-repeat: no-repeat; background-size: cover !important; background-origin: padding-box; background-clip: border-box; background-color: transparent;
}
.technology .box2 .con .bottom {
	transition:transform 0.5s, opacity 0.5s; left: 0px; width: 100%; height: auto; text-align: center; bottom: 14%; color: rgb(255, 255, 255); font-size: 0px; position: absolute; opacity: 0; transform: translateY(50px);
}
.technology .box2 .con .bottom span {
	background-position: left; margin: 0px 4%; height: 52px; line-height: 52px; padding-left: 73px; font-size: 24px; display: inline-block; background-repeat: no-repeat;
}
.technology .box2 .con .bottom span.s1 {
	background-image: url("index_files/cc_icon1.png");
}
.technology .box2 .con .bottom span.s2 {
	background-image: url("index_files/cc_icon2.png");
}
.technology .box2 .con .bottom span.s3 {
	background-image: url("index_files/cc_icon3.png");
}
.technology .box2.on .con .top {
	opacity: 1; transform: translateY(0px);
}
.technology .box2.on .con .bottom {
	opacity: 1; transform: translateY(0px);
}
.technology .box3 {
	background-position: center; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover !important;
}
.technology .box3 .con {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.technology .box3 .con .title {
	transition:0.5s; left: 0px; top: 17%; width: 100%; height: auto; text-align: center; color: rgb(255, 255, 255); line-height: 57px; font-size: 48px; position: absolute; opacity: 0; transform: translateY(40px);
}
.technology .box3 .con .title span {
	background-position: left; line-height: 57px; padding-left: 96px; display: inline-block; background-repeat: no-repeat;
}
.technology .box3 .con .bottom {
	transition:0.5s; left: 0px; width: 100%; height: auto; bottom: 10%; position: absolute; opacity: 0; transform: translateY(40px);
}
.technology .box3 .con .bottom .bottom-new {
	margin: 0px auto; width: 1250px; height: auto;
}
.technology .box3 .con .bottom .bottom-new .item {
	width: 50%; float: left;
}
.technology .box3 .con .bottom .bottom-new .item img {
	float: left;
}
.technology .box3 .con .bottom .bottom-new .item .img1 {
	width: 23.68%; margin-left: 16%;
}
.technology .box3 .con .bottom .bottom-new .item .img2 {
	width: 22.72%; margin-left: 16%;
}
.technology .box3 .con .bottom .bottom-new .item .conn {
	width: 56%; float: left;
}
.technology .box3 .con .bottom .bottom-new .item .conn .tits {
	color: rgb(255, 255, 255); line-height: 24px; font-size: 24px;
}
.technology .box3 .con .bottom .bottom-new .item .conn .tit {
	color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; margin-top: 18px;
}
.technology .box3 .button {
	transition:0.5s; left: 50%; width: 60px; height: 60px; bottom: 47%; margin-left: -30px; position: absolute; z-index: 30; opacity: 0; transform: translateY(40px);
}
.technology .box3 .button .play2 {
	background-position: 0% 0%; width: 100%; height: 100%; display: none; cursor: pointer; background-image: url("index_files/play.png"); background-attachment: scroll; background-repeat: no-repeat; background-size: cover !important; background-origin: padding-box; background-clip: border-box; background-color: transparent;
}
.technology .box3 .button .pause2 {
	background-position: 0% 0%; width: 100%; height: 100%; cursor: pointer; background-image: url("index_files/pause.png"); background-attachment: scroll; background-repeat: no-repeat; background-size: cover !important; background-origin: padding-box; background-clip: border-box; background-color: transparent;
}
.technology .box3.on .con .bottom {
	opacity: 1; transform: translateY(0px);
}
.technology .box3.on .con .title {
	opacity: 1; transform: translateY(0px);
}
.technology .box3.on .button {
	opacity: 1; transform: translateY(0px);
}
.technology .box4 {
	background-position: top; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100%; background-color: rgb(24, 23, 21);
}
.technology .box4 .con {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.technology .box4 .con .pic {
	margin: 15% auto 0px; width: 65%; height: auto; position: relative;
}
.technology .box4 .con .pic .img {
	width: 100%; margin-left: -7%;
}
.technology .box4 .con .pic ul {
	top: 0px; width: 100%; height: 100%; position: absolute;
}
.technology .box4 .con .pic ul li {
	transition:0.5s; width: 13px; height: 13px; position: absolute; opacity: 0; transform: translateY(-40px);
}
.technology .box4 .con .pic ul li .icon {
	width: 13px; height: 13px; position: relative; z-index: 10;
}
.technology .box4 .con .pic ul li .icon span {
	border-radius: 13px; width: 13px; height: 13px; display: block; position: relative; z-index: 12; background-color: rgb(198, 0, 5);
}
.technology .box4 .con .pic ul li .icon::after {
	border-radius: 21px; left: -4px; top: -4px; width: 21px; height: 21px; position: absolute; z-index: 11; content: ""; background-color: rgba(255, 255, 255, 0.5);
}
.technology .box4 .con .pic ul li .icon::before {
	border-radius: 100%; animation:myfirst 1s linear infinite; left: -4px; top: -4px; width: 21px; height: 21px; position: absolute; z-index: 11; content: ""; background-color: rgba(255, 255, 255, 0.5);
}
.technology .box4 .con .pic ul li.l1 {
	left: 12.5%; top: 55%;
}
.technology .box4 .con .pic ul li.l2 {
	left: 25%; top: 29%; z-index: 1000; transition-delay: 0.2s;
}
.technology .box4 .con .pic ul li.l3 {
	left: 48%; top: 61%; transition-delay: 0.4s;
}
.technology .box4 .con .pic ul li.l4 {
	left: 72%; top: 29%; transition-delay: 0.6s;
}
.technology .box4 .con .pic ul li.l5 {
	left: 80%; top: 40%; transition-delay: 0.8s;
}
.technology .box4 .con .pic ul li.l6 {
	left: 91%; top: 48%; transition-delay: 1s;
}
.technology .box4 .con .pic ul li .line {
	transition:0.5s; width: 150px; height: 1px; right: -43px; bottom: 78px; position: absolute; opacity: 0; transform: rotate(70deg); background-color: rgb(176, 165, 161);
}
.technology .box4 .con .pic ul li .line.line1 {
	left: -48px; right: auto; transform: rotate(-75deg);
}
.technology .box4 .con .pic ul li .conn {
	padding: 25px; border-radius: 10px; border: 1px solid rgb(0, 105, 153); transition:0.5s; border-image: none; width: 310px; text-align: right; position: absolute; z-index: 8; opacity: 0; transform: translateY(20px); background-color: rgba(0, 105, 153, 0.4);
}
.technology .box4 .con .pic ul li .conn .icon1 {
	width: 100%; height: 66px;
}
.technology .box4 .con .pic ul li .conn .icon1 img {
	float: right;
}
.technology .box4 .con .pic ul li .conn .tits {
	width: 100%; color: rgb(255, 255, 255); line-height: 36px; font-size: 24px;
}
.technology .box4 .con .pic ul li .conn .tit {
	width: 100%; color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; margin-top: 10px;
}
.technology .box4 .con .pic ul li .conn.c1 {
	left: -407px; top: -200px;
}
.technology .box4 .con .pic ul li .conn.c2 {
	left: 46px; top: -200px; text-align: left;
}
.technology .box4 .con .pic ul li .conn.c2 .icon1 img {
	float: left;
}
.technology .box4 .con .pic ul li.on .line {
	opacity: 1;
}
.technology .box4 .con .pic ul li.on .conn {
	opacity: 1; transform: translateY(0px);
}
.technology .box4.on .con .pic ul li {
	opacity: 1; transform: translateY(0px);
}
.technology .box5 {
	width: 100%; height: 100%; background-size: cover !important;
}
.technology .box5 .box-new {
	margin: 0px auto; width: 835px; height: 100%; max-width: 92%;
}
.technology .box5 .box-new .con {
	width: 100%; height: auto;
}
.technology .box5 .box-new .con .tits {
	transition:transform 0.5s, opacity 0.5s; text-align: center; color: rgb(255, 255, 255); line-height: 46px; font-size: 46px; opacity: 0; transform: translateY(-50px);
}
.technology .box5 .box-new .con .tits span {
	background-position: left bottom; padding-top: 10px; padding-left: 230px; background-repeat: no-repeat;
}
.technology .box5 .box-new .con .tit {
	transition:transform 0.5s, opacity 0.5s; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-size: 16px; margin-top: 3%; opacity: 0; transform: translateY(-50px);
}
.technology .box5 .box-new .con .list {
	width: 100%; height: 340px; margin-top: 15%; position: relative; z-index: 10;
}
.technology .box5 .box-new .con .list ul {
	width: 100%; height: 100%; position: relative; z-index: 10;
}
.technology .box5 .box-new .con .list ul li {
	border-radius: 100%; border: 5px solid rgb(176, 165, 161); transition:0.5s; border-image: none; width: 100px; height: 100px; text-align: center; color: rgb(255, 255, 255); line-height: 100px; font-size: 16px; position: absolute; cursor: pointer; box-shadow: 0px 0px 18px rgba(76,200,255,0.67);
}
.technology .box5 .box-new .con .list ul li.on {
	background-color: rgba(27, 165, 227, 0.57);
}
.technology .box5 .box-new .con .list ul li.i1 {
	left: 0px; bottom: 0px; opacity: 0; transform: translate(-50px, 0px);
}
.technology .box5 .box-new .con .list ul li.i2 {
	left: 16.5%; bottom: 45%; opacity: 0; transform: translate(-50px, -50px);
}
.technology .box5 .box-new .con .list ul li.i3 {
	left: 50%; top: 0px; margin-left: -55px; opacity: 0; transform: translate(0px, -50px);
}
.technology .box5 .box-new .con .list ul li.i4 {
	right: 16.5%; bottom: 45%; opacity: 0; transform: translate(50px, 50px);
}
.technology .box5 .box-new .con .list ul li.i5 {
	right: 0px; bottom: 0px; opacity: 0; transform: translate(50px, 0px);
}
.technology .box5 .box-new .con .list .txt {
	transition:transform 0.5s, opacity 0.5s; width: 100%; text-align: center; bottom: 15%; position: absolute; z-index: 6; opacity: 0; transform: translateY(50px);
}
.technology .box5 .box-new .con .list .txt .t {
	color: rgb(255, 255, 255); line-height: 36px; font-size: 36px;
}
.technology .box5 .box-new .con .list .txt .t1 {
	margin: 17px auto 0px; width: 345px; color: rgb(255, 255, 255); line-height: 26px; font-size: 16px;
}
.technology .box5.on .box-new .con .tits {
	opacity: 1; transform: translate(0px);
}
.technology .box5.on .box-new .con .tit {
	opacity: 1; transform: translate(0px);
}
.technology .box5.on .box-new .con .list ul li {
	opacity: 1 !important; transform: translate(0px) !important;
}
.technology .box5.on .box-new .con .list .txt {
	opacity: 1; transform: translate(0px);
}
.technology .box6 {
	width: 100%; height: 100%; position: relative; background-size: cover !important;
}
.technology .box6 .box-new {
	margin: 0px auto; width: 1520px; height: 100%; max-width: 94%;
}
.technology .box6 .box-new .box-left {
	transition:transform 1s, opacity 1s; width: 38.8%; height: auto; float: left; position: relative; z-index: 20; opacity: 0; transform: translateX(-50px);
}
.technology .box6 .box-new .box-left .en {
	line-height: 74px; font-family: ATB; font-size: 72px;
}
.technology .box6 .box-new .box-left .cn {
	color: rgb(0, 0, 0); line-height: 60px; font-size: 48px; margin-top: 18px;
}
.technology .box6 .box-new .box-left .cn span {
	background-position: left; padding-left: 205px; display: block; background-repeat: no-repeat;
}
.technology .box6 .box-new .box-left .tit {
	color: rgb(100, 100, 100); line-height: 24px; font-size: 14px; margin-top: 20px;
}
.technology .box6 .box-new .box-left .list {
	width: 100%; height: auto; margin-top: 60px;
}
.technology .box6 .box-new .box-left .list ul {
	width: 100%; height: auto;
}
.technology .box6 .box-new .box-left .list ul li {
	width: 45%; height: 65px;
}
.technology .box6 .box-new .box-left .list ul li .icon {
	width: 51px; height: 100%; float: left;
}
.technology .box6 .box-new .box-left .list ul li .con {
	width: calc(100% - 65px); height: 100%; color: rgb(100, 100, 100); line-height: 24px; font-size: 14px; float: right; display: table;
}
.technology .box6 .box-new .box-left .list ul li .con .t {
	width: 100%; height: 100%; color: rgb(100, 100, 100); vertical-align: middle; display: table-cell;
}
.technology .box6 .box-new .pic {
	transition:transform 1s, opacity 1s; width: 56.1%; float: right; opacity: 0; transform: translateX(50px);
}
.technology .box6.on .box-new .box-left {
	opacity: 1; transform: translateX(0px);
}
.technology .box6.on .box-new .pic {
	opacity: 1; transform: translateX(0px);
}
@media all and (max-width:1570px)
{
.technology .box4 .con .pic ul li .conn {
	width: 200px;
}
.technology .box4 .con .pic ul li .conn.c1 {
	left: -250px;
}
}
@media all and (max-width:1400px)
{
.technology .box5 .box-new .con .list {
	margin-top: 8%;
}
.technology .box5 .box-new .con {
	padding-top: 58px;
}
.technology .tabs #menu li {
	padding: 0px 10px;
}
.technology .tabs .nav a {
	padding: 0px 18px;
}
.technology .box1 .box-new {
	padding-top: 10%;
}
.technology .box1 .box-new .tits {
	line-height: 32px; font-size: 32px;
}
.technology .box1 .box-new .pic {
	width: 370px;
}
.technology .box3 .con .title {
	font-size: 36px;
}
.technology .box2 .con .top .en {
	line-height: 52px; font-size: 50px;
}
.technology .box2 .con .top .cn {
	line-height: 34px; font-size: 32px;
}
.technology .box2 .con .bottom span {
	line-height: 22px; font-size: 22px;
}
}
@media all and (max-width:1280px)
{
.technology .box6 .box-new .box-left .en {
	line-height: 52px; font-size: 50px;
}
.technology .box6 .box-new .box-left .cn {
	font-size: 36px;
}
.technology .box5 .box-right .box-new .con .tits {
	line-height: 52px; font-size: 50px;
}
.technology .box5 .box-right .box-new .con .tit {
	line-height: 38px; font-size: 36px;
}
.technology .box5 .box-right .box-new .con1 {
	margin-top: 25px;
}
.technology .box5 .box-right .box-new .con1 .list {
	margin-top: 20px;
}
.technology .box3 .box-new .con .con-new {
	margin-top: 40px;
}
.technology .box1 .con .con-new .en {
	line-height: 52px; font-size: 50px;
}
.technology .box1 .con .con-new .cn {
	line-height: 34px; font-size: 32px; margin-top: 10px;
}
.technology .box1 .con .con-new .tits {
	margin-top: 20px;
}
.technology .box1 .con .con-new .pic {
	width: 80%;
}
}
@media all and (max-width:1024px)
{
.technology {
	display: none;
}
}
.technology-m {
	width: 100%; height: auto; display: none;
}
.technology-m .box1 {
	width: 100%; height: auto; position: relative; background-image: url("index_files/tech_bg1.jpg"); background-size: cover !important;
}
.technology-m .box1 .box-new {
	width: 100%; height: auto; padding-top: 22%;
}
.technology-m .box1 .box-new .lo {
	margin: 0px auto; transition:transform 0.5s, opacity 0.5s; width: 167px; height: auto; opacity: 0; transform: translateY(-50px);
}
.technology-m .box1 .box-new .tits {
	transition:transform 0.5s, opacity 0.5s; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 48px; margin-top: 17px; opacity: 0; transform: translateY(-50px);
}
.technology-m .box1 .box-new .tit {
	margin: 5% auto 0px; transition:transform 0.5s, opacity 0.5s; width: 93.3%; height: auto; text-align: center; color: rgb(255, 255, 255); line-height: 44px; font-size: 24px; opacity: 0; transform: translateY(-50px);
}
.technology-m .box1 .box-new .img {
	margin: 15% auto 0px; transition:transform 0.5s, opacity 0.5s; width: 100%; opacity: 0; transform: translateY(-50px);
}
.technology-m .box1 .box-new .img1 {
	transition:transform 0.5s, opacity 0.5s; width: 74.6%; height: auto; margin-top: -28%; margin-left: 16.9%; position: relative; z-index: 5; opacity: 0; transform: translateY(-50px);
}
.technology-m .box1.on .box-new .lo {
	opacity: 1; transform: translateY(0px);
}
.technology-m .box1.on .box-new .tits {
	opacity: 1; transform: translateY(0px);
}
.technology-m .box1.on .box-new .tit {
	opacity: 1; transform: translateY(0px);
}
.technology-m .box1.on .box-new .img {
	opacity: 1; transform: translateY(0px);
}
.technology-m .box1.on .box-new .img1 {
	opacity: 1; transform: translateY(0px);
}
.technology-m .box2 {
	background-position: center; width: 100%; height: auto; position: relative; background-image: url("index_files/technology_bg2.jpg"); background-size: cover; -webkit-background-size: cover;
}
.technology-m .box2 .vidbacking-active-block-back {
	z-index: 10;
}
.technology-m .box2 .con {
	background-position: bottom; width: 100%; height: 100%; position: absolute; z-index: 15; background-image: url("index_files/tech_bg2.png"); background-repeat: no-repeat; background-size: 100% auto; background-color: rgba(0, 0, 0, 0.4);
}
.technology-m .box2 .con .con-new {
	margin: 0px auto; width: 92%; height: auto; text-align: center; color: rgb(255, 255, 255); padding-top: 22%;
}
.technology-m .box2 .con .con-new .lo {
	margin: 0px auto; width: 168px; height: auto;
}
.technology-m .box2 .con .con-new .cn {
	line-height: 48px; font-size: 48px; margin-top: 17px;
}
.technology-m .box2 .con .con-new .txt {
	line-height: 44px; font-size: 24px; margin-top: 5%;
}
.technology-m .box2 .con .con-new .click-box {
	margin: 10% auto 0px; width: 12%; height: auto;
}
.technology-m .box2 .con .con-new .click-box .play {
	width: 100%; height: auto; display: none;
}
.technology-m .box2 .con .con-new .click-box .pause {
	width: 100%; height: auto;
}
.technology-m .box2 .con .con-new .tit {
	width: 100%; height: auto; margin-top: 27%; position: relative;
}
.technology-m .box2 .con .con-new .tit .t {
	top: 0px; line-height: 30px; font-size: 30px; position: absolute;
}
.technology-m .box2 .con .con-new .tit .t.y1 {
	left: 0px;
}
.technology-m .box2 .con .con-new .tit .t.y2 {
	left: 0px; width: 100%;
}
.technology-m .box2 .con .con-new .tit .t.y3 {
	right: 0px;
}
.technology-m .box2 .con .con-new .tit .t p {
	margin-top: 30px;
}
.technology-m .box2.on .con .con-new .js {
	opacity: 1; transform: translateY(0px);
}
.js {
	transition:0.5s; opacity: 0; transform: translateY(40px);
}
.technology-m .box3 {
	width: 100%; height: auto; background-size: cover !important;
}
.technology-m .box3 .vv {
	width: 100%; height: 55%;
}
.technology-m .box3 .vv .con {
	width: 100%; height: auto; padding-top: 17%;
}
.technology-m .box3 .vv .con .lo {
	margin: 0px auto; width: 118px; height: auto;
}
.technology-m .box3 .vv .con .tits {
	text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 48px; margin-top: 27px;
}
.technology-m .box3 .vv .con .click-box {
	margin: 25% auto 0px; width: 9%; height: auto;
}
.technology-m .box3 .vv .con .click-box .play3 {
	width: 100%; height: auto; display: none;
}
.technology-m .box3 .vv .con .click-box .pause3 {
	width: 100%; height: auto;
}
.technology-m .box3 .box-new {
	margin: 0px auto; width: 100%; height: 45%; background-color: rgb(32, 30, 29);
}
.technology-m .box3 .box-new .con {
	margin: 0px auto; width: 92%; height: auto; color: rgb(255, 255, 255);
}
.technology-m .box3 .box-new .con .con-new {
	width: 100%; height: auto; padding-top: 6%;
}
.technology-m .box3 .box-new .con .con-new .item {
	width: 100%; height: auto; margin-bottom: 5%;
}
.technology-m .box3 .box-new .con .con-new .item .img {
	width: 22.3%; height: auto; float: left;
}
.technology-m .box3 .box-new .con .con-new .item .cc {
	width: 77.7%; float: left;
}
.technology-m .box3 .box-new .con .con-new .item .tits {
	line-height: 32px; font-size: 30px;
}
.technology-m .box3 .box-new .con .con-new .item .tit {
	line-height: 40px; font-size: 24px; margin-top: 3%;
}
.technology-m .box3.on .js-m {
	opacity: 1; transform: translateY(0px);
}
.technology-m .box4 {
	background-position: top; width: 100%; height: auto; background-repeat: no-repeat; background-size: 100%; background-color: rgb(24, 23, 21);
}
.technology-m .box4 .box-new {
	margin: 0px auto; width: 92%; height: auto; padding-top: 13%;
}
.technology-m .box4 .box-new .lo {
	margin: 0px auto; width: 163px; height: auto;
}
.technology-m .box4 .box-new .tits {
	text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 48px; margin-top: 13px;
}
.technology-m .box4 .box-new .list {
	margin: 80% auto 0px; width: 85%; height: auto;
}
.technology-m .box4 .box-new .list .item {
	width: 100%; height: auto; margin-bottom: 5%;
}
.technology-m .box4 .box-new .list .item .icon {
	width: 100%; height: 66px; text-align: center;
}
.technology-m .box4 .box-new .list .item .tits {
	width: 100%; text-align: center; margin-top: 10px;
}
.technology-m .box4 .box-new .list .item .tits .tits-new {
	background-position: left; padding-left: 40px; display: inline-block; background-repeat: no-repeat; background-size: 20%; -webkit-background-size: 20%;
}
.technology-m .box4 .box-new .list .item .tits .tits-new.ii {
	background-size: 16%; -webkit-background-size: 16%;
}
.technology-m .box4 .box-new .list .item .tits .tits-new.ii1 {
	background-size: 24%; -webkit-background-size: 24%;
}
.technology-m .box4 .box-new .list .item .tits .tits-new .cn {
	text-align: left; color: rgb(176, 165, 161); line-height: 20px; font-size: 20px;
}
.technology-m .box4 .box-new .list .item .tits .tits-new .en {
	text-align: left; color: rgb(176, 165, 161); line-height: 12px; font-family: ATB; font-size: 12px; margin-top: 5px;
}
.technology-m .box4 .box-new .list .item .tit {
	text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 24px; margin-top: 4%; min-height: 80px;
}
.technology-m .box4 .box-new .list .btns {
	width: 100%; height: auto; text-align: center; font-size: 0px; margin-top: 6%;
}
.technology-m .box4 .box-new .list .btns span {
	margin: 0px 10px; border-radius: 100%; width: 20px; height: 20px; display: inline-block; opacity: 1; background-color: rgb(138, 138, 136);
}
.technology-m .box4 .box-new .list .btns span.swiper-pagination-bullet-active {
	background-color: rgb(176, 165, 161);
}
.technology-m .box4.on .js-m {
	opacity: 1; transform: translateY(0px);
}
.technology-m .box5 {
	width: 100%; height: auto; padding-top: 10%; padding-bottom: 15%; background-size: cover !important;
}
.technology-m .box5 .pic {
	margin: 10% auto 0px; width: 98%;
}
.technology-m .box5 .pic img {
	width: 100%;
}
.technology-m .box5 .con {
	margin: 10% auto 0px; width: 92%; height: auto;
}
.technology-m .box5 .con .lo {
	margin: 0px auto; width: 179px; height: auto;
}
.technology-m .box5 .con .cn {
	text-align: center; color: rgb(0, 0, 0); line-height: 50px; font-size: 48px; margin-top: 3%;
}
.technology-m .box5 .con .txt {
	color: rgb(100, 100, 100); line-height: 40px; font-size: 24px; margin-top: 6%;
}
.technology-m .box5 .con .list {
	width: 100%; height: auto; margin-top: 9%;
}
.technology-m .box5 .con .list ul {
	width: 100%; height: auto;
}
.technology-m .box5 .con .list ul li {
	width: 45%; height: 65px; margin-bottom: 4%;
}
.technology-m .box5 .con .list ul li .icon {
	width: 51px; height: 100%; float: left;
}
.technology-m .box5 .con .list ul li .conn {
	width: calc(100% - 65px); height: 100%; color: rgb(100, 100, 100); line-height: 34px; font-size: 20px; float: right; display: table;
}
.technology-m .box5 .con .list ul li .conn .t {
	width: 100%; height: 100%; color: rgb(100, 100, 100); vertical-align: middle; display: table-cell;
}
.technology-m .box5.on .js-m {
	opacity: 1; transform: translateY(0px);
}
.technology-m .box6 {
	background-position: center; width: 100%; height: auto; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.technology-m .box6 .box-new {
	width: 100%; height: auto; padding-top: 16%;
}
.technology-m .box6 .box-new .lo {
	margin: 0px auto; width: 210px; height: auto;
}
.technology-m .box6 .box-new .tits {
	text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 48px; margin-top: 27px;
}
.technology-m .box6 .box-new .tit {
	margin: 20px auto 0px; width: 92%; color: rgb(255, 255, 255); line-height: 40px; font-size: 22px;
}
.technology-m .box6 .box-new .list {
	margin: 24% auto 0px; width: 82.7%; height: auto; overflow: hidden; padding-top: 30px; padding-bottom: 30px;
}
.technology-m .box6 .box-new .list ul {
	width: 1000%; height: auto; position: relative;
}
.technology-m .box6 .box-new .list ul li {
	margin: 0px 5.1%; border-radius: 100%; border: 4px solid rgb(176, 165, 161); border-image: none; width: 17.7%; height: 110px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 30px; float: left; box-sizing: border-box;
}
.technology-m .box6 .box-new .list ul li.on {
	width: 33.5%; height: 208px; box-shadow: 0px 0px 30px rgba(76,200,255,1); background-color: rgba(27, 165, 227, 0.57);
}
.technology-m .box6 .box-new .con {
	margin: 5% auto 0px; width: 79.3%; height: auto;
}
.technology-m .box6 .box-new .con .line {
	margin: 0px auto; width: 23%; height: 1px; background-color: rgb(255, 255, 255);
}
.technology-m .box6 .box-new .con .txt {
	text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 30px; margin-top: 6%;
}
.technology-m .box6.on .js-m {
	opacity: 1; transform: translateY(0px);
}
@media all and (max-width:1024px)
{
.technology-m {
	display: block;
}
}
@media all and (max-width:655px)
{
.technology-m .box2 .con .con-new .lo {
	width: 110px;
}
.technology-m .box2 .con .con-new .cn {
	line-height: 34px; font-size: 34px;
}
.technology-m .box2 .con .con-new .txt {
	line-height: 38px; font-size: 20px;
}
.technology-m .box2 .con .con-new .tit .t {
	line-height: 22px; font-size: 22px;
}
.technology-m .box2 .con .con-new .tit .t img {
	width: 50px;
}
.technology-m .box2 .con .con-new .tit .t p {
	margin-top: 15px;
}
}
@media all and (max-width:540px)
{
.technology-m .box1 .box-new {
	padding-top: 17%;
}
.technology-m .box1 .box-new .lo {
	width: 100px;
}
.technology-m .box1 .box-new .tits {
	line-height: 22px; font-size: 22px;
}
.technology-m .box1 .box-new .tit {
	width: 80%; line-height: 26px; font-size: 14px;
}
.technology-m .box1 .box-new .img {
	margin: 3% 0px 0px;
}
.technology-m .box1 .box-new .tits {
	margin-top: 10px;
}
.technology-m .box1 .box-new .tit {
	margin: 3% auto 0px;
}
.technology-m .box2 .con .con-new .cn {
	line-height: 22px; font-size: 22px;
}
.technology-m .box2 .con .con-new .txt {
	line-height: 24px; font-size: 14px;
}
.technology-m .box2 .con .con-new .tit .t {
	line-height: 16px; font-size: 16px;
}
.technology-m .box2 .con .con-new .tit .t img {
	width: 50px;
}
.technology-m .box2 .con .con-new .tit .t p {
	margin-top: 15px;
}
.technology-m .box4 .box-new {
	padding-top: 17%;
}
.technology-m .box4 .box-new .lo {
	width: 90px;
}
.technology-m .box4 .box-new .tits {
	line-height: 22px; font-size: 22px;
}
.technology-m .box4 .box-new .list .item .tits {
	line-height: 18px; font-size: 18px;
}
.technology-m .box4 .box-new .list .item .tit {
	line-height: 24px; font-size: 14px; min-height: 48px;
}
.technology-m .box4 .box-new .list .btns span {
	width: 10px; height: 10px;
}
.technology-m .box3 .vv .con .lo {
	width: 80px;
}
.technology-m .box3 .vv .con .tits {
	line-height: 22px; font-size: 22px;
}
.technology-m .box3 .box-new .con .con-new .item .tits {
	line-height: 18px; font-size: 18px;
}
.technology-m .box3 .box-new .con .con-new .item .tit {
	line-height: 24px; font-size: 14px;
}
.technology-m .box5 .con .lo {
	width: 100px;
}
.technology-m .box5 .con .cn {
	line-height: 22px; font-size: 22px;
}
.technology-m .box5 .con .txt {
	line-height: 24px; font-size: 14px;
}
.technology-m .box5 .con .list ul li {
	width: 48%; height: 50px;
}
.technology-m .box5 .con .list ul li .icon {
	width: 30px; background-size: 100% auto !important; -webkit-background-size: 100% auto;
}
.technology-m .box5 .con .list ul li .conn {
	width: calc(100% - 40px); line-height: 20px; font-size: 14px;
}
.technology-m .box6 .box-new .tits {
	line-height: 22px; font-size: 22px;
}
.technology-m .box6 .box-new .lo {
	width: 130px;
}
.technology-m .box6 .box-new .tit {
	line-height: 26px; font-size: 16px;
}
.technology-m .box6 .box-new .list ul li {
	border: 2px solid rgb(176, 165, 161); border-image: none; font-size: 16px;
}
.technology-m .box6 .box-new .list ul li.on {
	font-size: 18px;
}
.technology-m .box6 .box-new .con .txt {
	line-height: 24px; font-size: 16px;
}
}
.fp-auto-height {
	height: auto !important;
}
.fp-auto-height .fp-tableCell {
	height: auto !important;
}
.loading {
	margin: 0px auto; width: 56px; height: 56px; position: relative;
}
.loading .bg {
	background: url("index_files/loading.png") no-repeat; animation:animationOne 0.5s linear infinite; left: 0px; top: 0px; width: 56px; height: 56px; position: absolute;
}
.loading span {
	width: 100%; text-align: center; color: rgb(153, 153, 153); line-height: 12px; padding-top: 19px; font-family: ATB; font-size: 12px; display: block;
}
.anchorBL {
	display: none !important;
}
.search-list {
	width: 100%; height: auto; padding-top: 98px; padding-bottom: 5%; background-color: rgb(246, 246, 246);
}
.search-list .list {
	margin: 0px auto;
}
.search-list .list .title {
	text-align: center; color: rgb(44, 47, 48); line-height: 50px; font-size: 48px; margin-top: 5%;
}
.search-list .list .txt {
	width: 100%; height: auto; text-align: center; color: rgb(44, 47, 48); line-height: 24px; font-size: 24px; margin-top: 2%;
}
.search-list .list .txt span {
	color: rgb(255, 0, 0);
}
.search-list .list ul {
	width: 100%; height: auto; padding-bottom: 30px; margin-top: 3%;
}
.search-list .list ul li {
	width: 100%; height: auto; margin-bottom: 10px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.search-list .list ul li a {
	width: 100%; height: auto; color: rgb(44, 47, 48); line-height: 40px; padding-bottom: 10px; display: block;
}
.search-list .list ul li a .tits {
	width: 80%; overflow: hidden; font-size: 24px; float: left; -ms-text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.search-list .list ul li a .tits span {
	color: rgb(255, 0, 0);
}
.search-list .list ul li a .tit {
	font-size: 18px; float: right;
}
@media all and (min-width:1024px)
{
.search-list .list ul li:hover a .tits {
	color: rgb(176, 165, 161);
}
}
@media all and (max-width:1024px)
{
.search-list {
	padding-top: 80px;
}
.search-list .list .title {
	line-height: 34px; font-size: 32px;
}
.search-list .list .txt {
	line-height: 18px; font-size: 18px;
}
.search-list .list ul li a {
	line-height: 30px;
}
.search-list .list ul li a .tits {
	height: 30px; font-size: 20px;
}
.search-list .list ul li a .tit {
	font-size: 16px;
}
}
@media all and (max-width:730px)
{
.search-list {
	padding-top: 60px;
}
}
@media all and (max-width:550px)
{
.search-list .list .title {
	line-height: 26px; font-size: 24px;
}
.search-list .list .txt {
	line-height: 14px; font-size: 14px;
}
.search-list .list ul li a .tits {
	font-size: 16px;
}
.search-list .list ul li a .tit {
	font-size: 14px;
}
}
.layui-layer {
	max-width: 90%;
}
.js-m {
	transition:transform 0.5s, opacity 0.5s; opacity: 0; transform: translateY(50px);
}
.js-m1 {
	transition:transform 0.5s, opacity 0.5s; opacity: 0; transform: translateY(-50px);
}
.js-m2 {
	transition:transform 0.5s, opacity 0.5s; opacity: 0; transform: translateX(-50px);
}
.js-m3 {
	transition:transform 0.5s, opacity 0.5s; opacity: 0; transform: translateX(50px);
}
.animate {
	opacity: 1; transform: translate(0px);
}
.pagefy {
	width: 100%; height: auto; text-align: center; font-size: 0px;
}
.pagefy a {
	padding: 5px 10px; border: 1px solid rgb(170, 170, 170); border-image: none; color: rgb(102, 102, 102); font-size: 14px; cursor: pointer;
}
.pagefy a:hover {
	background: rgb(176, 165, 161); border: 1px solid rgb(176, 165, 161); border-image: none; color: rgb(255, 255, 255);
}
.pagefy span {
	background: rgb(176, 165, 161); padding: 5px 10px; border: 1px solid rgb(176, 165, 161); border-image: none; color: rgb(255, 255, 255); font-size: 14px; cursor: pointer;
}
.home {
	margin: 0px; padding: 20px 0px; width: 100%; text-align: center; color: rgb(119, 119, 119); line-height: 16px; font-size: 16px; display: none;
}
.home a {
	margin: 0px 10px; color: rgb(27, 27, 27);
}
.home span {
	margin: 0px 10px;
}
@media all and (max-width:1024px)
{
.home {
	
}
}
.join {
	width: 100%; height: auto; margin-top: 98px;
}
@media all and (max-width:1024px)
{
.join {
	margin-top: 80px;
}
}
@media all and (max-width:730px)
{
.join {
	margin-top: 60px;
}
}
@media all and (max-width:455px)
{
.join {
	margin-top: 50px;
}
}
.join .join-banner {
	width: 100%; height: auto; position: relative;
}
.join .join-banner .con {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.join .join-banner .con .con-new {
	margin: 0px auto; width: 795px; height: auto; max-width: 94%;
}
.join .join-banner .con .con-new .tits {
	margin: 0px auto; width: 257px; height: auto; max-width: 90%;
}
.join .join-banner .con .con-new .tit {
	text-align: center; color: rgb(255, 255, 255); line-height: 68px; font-size: 48px; margin-top: 1%;
}
.join .join-banner .con .con-new .tit1 {
	text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-size: 16px; margin-top: 6%; opacity: 0.9;
}
@media all and (max-width:1024px)
{
.join .join-banner .con .con-new {
	width: 80%;
}
.join .join-banner .con .con-new .tit {
	line-height: 56px; font-size: 36px;
}
}
@media all and (max-width:730px)
{
.join .join-banner .img {
	width: 120%; margin-left: -10%;
}
.join .join-banner .con .con-new .tits {
	width: 180px;
}
.join .join-banner .con .con-new .tit {
	line-height: 40px; font-size: 28px;
}
}
@media all and (max-width:500px)
{
.join .join-banner .img {
	width: 140%; margin-left: -20%;
}
.join .join-banner .con .con-new {
	width: 90%;
}
.join .join-banner .con .con-new .tits {
	width: 140px;
}
.join .join-banner .con .con-new .tit {
	line-height: 30px; font-size: 20px;
}
.join .join-banner .con .con-new .tit1 {
	font-size: 14px;
}
}
.join-box1 {
	background-position: center; width: 100%; height: auto; padding-top: 6%; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.join-box1 .box-new {
	width: 100%; height: auto;
}
.join-box1 .box-new .title {
	text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 45px;
}
.join-box1 .box-new .title .t {
	display: inline-block;
}
.join-box1 .box-new .title span {
	float: left;
}
.join-box1 .box-new .title i {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 48px; font-family: Arial; font-size: 53px; margin-top: 3px; margin-left: 5px; float: left; display: block;
}
.join-box1 .box-new .list {
	padding: 6% 30px; width: calc(100% - 60px); height: auto; position: relative;
}
.join-box1 .box-new .list ul li {
	width: 24%; height: auto; margin-right: 1.3%; float: left; position: relative;
}
.join-box1 .box-new .list ul li:last-child {
	margin-right: 0px;
}
.join-box1 .box-new .list ul li .pic {
	transition:transform 1s; width: 100%; height: auto; position: relative; z-index: 3; -webkit-transition: transform 1s; -o-transition: transform 1s;
}
.join-box1 .box-new .list ul li .con {
	transition:width 1s, margin 1s; width: 100%; height: 460px; margin-top: -35%; position: relative; z-index: 5; -webkit-transition: width 1s, margin 1s; -o-transition: width 1s, margin 1s;
}
.join-box1 .box-new .list ul li .con .num {
	text-align: center; color: rgb(255, 255, 255); line-height: 36px; padding-top: 10%; font-family: Arial; font-size: 36px;
}
.join-box1 .box-new .list ul li .con .tits {
	text-align: center; color: rgb(255, 255, 255); line-height: 26px; font-size: 24px; margin-top: 5px;
}
.join-box1 .box-new .list ul li .con .txt {
	margin: 8% auto auto; width: 78%; height: auto; color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; opacity: 0;
}
.join-box1 .box-new .list ul li .con .txt p {
	width: calc(100% - 14px); height: auto; padding-left: 14px; position: relative;
}
.join-box1 .box-new .list ul li .con .txt p::before {
	background: rgb(255, 255, 255); border-radius: 3px; left: 0px; top: 11px; width: 3px; height: 3px; position: absolute; content: "";
}
.join-box1 .box-new .list .a {
	background: url("index_files/banner_btn.png") no-repeat; top: 35%; width: 40px; height: 68px; position: absolute; z-index: 10;
}
.join-box1 .box-new .list .a.prev {
	left: 0%;
}
.join-box1 .box-new .list .a.next {
	right: 0%; transform: rotate(180deg);
}
@media all and (min-width:1024px)
{
.join-box1 .box-new .list ul li:hover {
	z-index: 5;
}
.join-box1 .box-new .list ul li:hover .pic {
	transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3);
}
.join-box1 .box-new .list ul li:hover .con {
	background: rgb(176, 165, 161); width: 130%; margin-left: -15%;
}
.join-box1 .box-new .list ul li:hover .con .txt {
	opacity: 0.9;
}
}
@media all and (max-width:1400px)
{
.join-box1 .box-new .list ul li .con {
	margin-top: -50%;
}
}
@media all and (max-width:1100px)
{
.join-box1 .box-new .list ul li .con .num {
	line-height: 24px; font-size: 24px;
}
.join-box1 .box-new .list ul li .con .tits {
	line-height: 20px; font-size: 18px;
}
}
@media all and (max-width:1024px)
{
.join-box1 .box-new .list {
	padding: 6% 20px; width: calc(100% - 40px);
}
.join-box1 .box-new .list ul li .con {
	background: rgb(176, 165, 161); width: 100%; height: auto; padding-bottom: 20px;
}
.join-box1 .box-new .list ul li .con .txt {
	opacity: 0.9;
}
.join-box1 .box-new .list ul li .con .num {
	padding-top: 5%;
}
.join-box1 .box-new .title {
	line-height: 34px; font-size: 32px;
}
.join-box1 .box-new .title .t i {
	line-height: 34px; font-size: 34px;
}
}
@media all and (max-width:730px)
{
.join-box1 .box-new .list {
	padding: 6% 0px; width: 94%;
}
.join-box1 .box-new .title {
	line-height: 30px; font-size: 26px;
}
.join-box1 .box-new .title .t i {
	line-height: 30px; font-size: 28px;
}
}
@media all and (max-width:600px)
{
.join-box1 .box-new .list .a {
	width: 20px;
}
}
.join-box2 {
	background-position: center; padding: 6% 0px; width: 100%; height: auto; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.join-box2 .con {
	margin: auto; width: 920px; height: auto; max-width: 94%;
}
.join-box2 .con .tits {
	margin: 0px auto; width: 420px; height: auto; max-width: 60%;
}
.join-box2 .con .tit {
	text-align: center; color: rgb(255, 255, 255); line-height: 68px; font-size: 48px; margin-top: 2%;
}
.join-box2 .con .tit1 {
	text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-size: 16px; margin-top: 4%; opacity: 0.9;
}
@media all and (max-width:1024px)
{
.join-box2 .con .tit {
	line-height: 56px; font-size: 36px;
}
}
@media all and (max-width:600px)
{
.join-box2 .con .tit {
	line-height: 40px; font-size: 28px;
}
}
@media all and (max-width:450px)
{
.join-box2 .con .tit {
	line-height: 30px; font-size: 20px;
}
.join-box2 .con .tit1 {
	line-height: 20px; font-size: 14px;
}
}
.join-box3 {
	background-position: center; width: 100%; padding-top: 5%; padding-bottom: 2%; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.join-box3 .box-new {
	margin: 0px auto; width: 1520px; height: auto; max-width: 94%;
}
.join-box3 .box-new .title {
	text-align: center; color: rgb(0, 0, 0); line-height: 48px; font-size: 45px;
}
.join-box3 .box-new .title .t {
	display: inline-block;
}
.join-box3 .box-new .title span {
	float: left;
}
.join-box3 .box-new .title i {
	color: rgb(44, 47, 48); text-transform: uppercase; line-height: 48px; font-family: Arial; font-size: 53px; margin-top: 3px; margin-left: 5px; float: left; display: block;
}
.join-box3 .box-new .list {
	width: 100%; height: auto; overflow: hidden; margin-top: 5%;
}
.join-box3 .box-new .list ul {
	margin: 0px auto; width: 100%; height: auto; overflow: hidden; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.join-box3 .box-new .list ul.u {
	width: 75%; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.join-box3 .box-new .list ul.u li {
	width: 33.3%;
}
.join-box3 .box-new ul li {
	width: calc(25% - 1px); height: 254px; margin-left: -1px; border-left-color: rgb(234, 234, 234); border-left-width: 1px; border-left-style: solid; float: left;
}
.join-box3 .box-new ul li .con {
	margin: 0px auto; width: 260px; height: auto; max-width: 90%;
}
.join-box3 .box-new ul li .con .icon {
	background-position: center; width: 100%; height: 46px; margin-top: 32px; background-repeat: no-repeat;
}
.join-box3 .box-new ul li .con .tits {
	width: 100%; height: auto; text-align: center; margin-top: 10px;
}
.join-box3 .box-new ul li .con .tits .cn {
	color: rgb(51, 51, 51); line-height: 18px; font-size: 18px;
}
.join-box3 .box-new ul li .con .tits .en {
	color: rgb(51, 51, 51); line-height: 16px; font-size: 12px; margin-top: 6px;
}
.join-box3 .box-new ul li .con .tit {
	text-align: center; color: rgb(0, 0, 0); line-height: 24px; font-size: 14px; margin-top: 24px;
}
@media all and (max-width:1024px)
{
.join-box3 .box-new .title {
	line-height: 34px; font-size: 32px;
}
.join-box3 .box-new .title .t i {
	line-height: 34px; font-size: 34px;
}
}
@media all and (max-width:800px)
{
.join-box3 .box-new .list ul {
	border: currentColor; border-image: none;
}
.join-box3 .box-new .list ul.u {
	width: 100%;
}
.join-box3 .box-new .list ul li {
	border-width: medium 1px 1px medium; border-style: none solid solid none; border-color: currentColor rgb(234, 234, 234) rgb(234, 234, 234) currentColor; border-image: none; width: 50%;
}
.join-box3 .box-new .list ul.u li {
	width: 50%;
}
}
@media all and (max-width:730px)
{
.join-box3 .box-new .title {
	line-height: 30px; font-size: 26px;
}
.join-box3 .box-new .title .t i {
	line-height: 30px; font-size: 28px;
}
}
.join-box4 {
	width: 100%; height: auto; padding-top: 0px;
}
.join-box4 .box-new {
	margin: 0px auto; width: 1520px; height: auto; max-width: 94%;
}
.join-box4 .box-new.b1 {
	width: 100%; margin-top: 2%; max-width: 100%;
}
.join-box4 .box-new .title {
	text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 45px;
}
.join-box4 .box-new .title .t {
	display: inline-block;
}
.join-box4 .box-new .title span {
	float: left;
}
.join-box4 .box-new .title i {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 48px; font-family: Arial; font-size: 53px; margin-top: 3px; margin-left: 5px; float: left; display: block;
}
.join-box4 .box-new .list {
	width: 100%; height: auto; margin-top: 4%;
}
.join-box4 .box-new .list .item {
	width: 10.3%; height: auto; float: left;
}
.join-box4 .box-new .list .item .icon {
	width: 100%; height: 75px; text-align: center; position: relative;
}
.join-box4 .box-new .list .item .icon img {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; display: inline-block; position: absolute; max-width: 60%;
}
.join-box4 .box-new .list .item .tits {
	text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 16px; margin-top: 8%;
}
.join-box4 .box-new .list span {
	background-position: center; width: 2.5%; height: 75px; float: left; display: block; background-image: url("index_files/join_icon16.png"); background-repeat: no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto;
}
.join-box4 .box-new .list1 {
	width: 100%; height: auto; margin-top: 0px; position: relative;
}
.join-box4 .box-new .list1 ul li {
	width: 62.5%; height: auto; float: left; position: relative;
}
.join-box4 .box-new .list1 ul li .bg {
	background: rgba(255, 255, 255, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.join-box4 .box-new .list1 ul li.swiper-slide-active .bg {
	display: none;
}
.join-box4 .box-new .list1 .a {
	top: 50%; width: 44px; height: 27px; margin-top: -13.5px; position: absolute; z-index: 10;
}
.join-box4 .box-new .list1 .a.prev {
	background: url("index_files/081002.png") no-repeat; left: 1%;
}
.join-box4 .box-new .list1 .a.next {
	background: url("index_files/081003.png") no-repeat; right: 1%;
}
@media all and (max-width:1024px)
{
.join-box4 .box-new .title {
	line-height: 34px; font-size: 32px;
}
.join-box4 .box-new .title .t i {
	line-height: 34px; font-size: 34px;
}
}
@media all and (max-width:800px)
{
.join-box4 .box-new .list .item {
	width: 20.6%;
}
.join-box4 .box-new .list span {
	width: 5.5%;
}
.join-box4 .box-new .list span:nth-child(8) {
	display: none;
}
.join-box4 .box-new .list .item .tits {
	line-height: 20px; font-size: 14px;
}
}
@media all and (max-width:730px)
{
.join-box4 .box-new .title {
	line-height: 30px; font-size: 26px;
}
.join-box4 .box-new .title .t i {
	line-height: 30px; font-size: 28px;
}
}
@media all and (max-width:420px)
{
.join-box4 .box-new .list .item {
	margin-bottom: 10px;
}
.join-box4 .box-new .list .item .icon {
	height: 60px;
}
}
.join-box5 {
	background-position: center; width: 100%; height: auto; padding-top: 7%; padding-bottom: 7%; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.join-box5 .box-new .title {
	text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 45px;
}
.join-box5 .box-new .title .t {
	display: inline-block;
}
.join-box5 .box-new .title span {
	float: left;
}
.join-box5 .box-new .title i {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 48px; font-family: Arial; font-size: 53px; margin-top: 3px; margin-left: 5px; float: left; display: block;
}
.join-box5 .box-new .table-box {
	margin: 4% auto 0px; width: 797px; height: auto; max-width: 94%;
}
.join-box5 .box-new .table-box .t {
	width: 100%; height: auto; margin-bottom: 32px;
}
.join-box5 .box-new .table-box .t .tt {
	color: rgb(255, 255, 255); line-height: 20px; font-size: 18px;
}
.join-box5 .box-new .table-box .t .text {
	background: none; border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(255, 255, 255); border-image: none; width: 100%; height: 22px; color: rgb(139, 139, 139); line-height: 22px; font-size: 14px; margin-top: 8px;
}
.join-box5 .box-new .table-box .t .txt {
	background: rgba(255, 255, 255, 0.1); padding: 5px 14px; border: currentColor; border-image: none; width: calc(100% - 28px); height: 190px; color: rgb(139, 139, 139); line-height: 26px; font-size: 14px; margin-top: 14px;
}
.join-box5 .box-new .submit {
	background: rgb(254, 3, 53); margin: 38px auto 0px; border: currentColor; border-image: none; width: 180px; height: 60px; text-align: center; color: rgb(255, 255, 255); line-height: 60px; font-size: 18px; display: block;
}
@media all and (max-width:1024px)
{
.join-box5 .box-new .title {
	line-height: 34px; font-size: 32px;
}
.join-box5 .box-new .title .t i {
	line-height: 34px; font-size: 34px;
}
}
@media all and (max-width:730px)
{
.join-box5 .box-new .title {
	line-height: 30px; font-size: 26px;
}
.join-box5 .box-new .title .t i {
	line-height: 30px; font-size: 28px;
}
}
@media all and (max-width:600px)
{
.join-box4 .box-new .list1 .a {
	width: 20px;
}
}
@media all and (max-width:550px)
{
.join-box5 .box-new .table-box .t {
	margin-bottom: 20px;
}
.join-box5 .box-new .submit {
	margin: 20px auto 0px; width: 160px; height: 35px; line-height: 35px; font-size: 16px;
}
}
.pic-tk {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 10000;
}
.pic-tk .bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.5);
}
.pic-tk .pic {
	left: 50%; top: 50%; width: 778px; height: auto; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.pic-tk .pic img {
	width: 100%;
}
@media all and (max-width:800px)
{
.pic-tk .pic {
	width: 90%;
}
}
.cot {
	margin: 2% auto 6%; width: 1100px; height: auto;
}
.cot table {
	border: 1px solid rgb(234, 234, 234); border-image: none; width: 100%; height: auto; color: rgb(102, 102, 102); line-height: 26px; font-size: 16px;
}
.cot table tr {
	border: 1px solid rgb(234, 234, 234); border-image: none; width: 100%;
}
.cot table tr td {
	padding: 10px; border: 1px solid rgb(234, 234, 234); border-image: none;
}
.cot table tr td p {
	padding-left: 10px;
}
@media all and (max-width:1150px)
{
.cot {
	width: 94%;
}
.cot table {
	line-height: 24px; font-size: 14px;
}
.cot table tr td {
	padding: 5px;
}
.cot table tr td p {
	padding-left: 0px;
}
}
.xxx {
	top: 50%; width: 80px; height: auto; right: 0px; position: fixed; transform: translateY(-50%);
}
.xxx .close {
	background-position: center; width: 80px; height: 80px; display: block; background-image: url("index_files/xx1_icon1.png"); background-repeat: no-repeat; background-color: rgb(246, 246, 246);
}
.xxx .xxx-new {
	width: 100%; height: auto; margin-top: 2px;
}
.xxx .xxx-new a {
	width: 80px; height: 80px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: block; background-color: rgb(246, 246, 246);
}
.xxx .xxx-new a:last-child {
	border: currentColor; border-image: none;
}
.xxx .xxx-new a .icon {
	background-position: bottom; transition:0.5s; width: 100%; height: 27px; padding-top: 15px; background-repeat: no-repeat; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
}
.xxx .xxx-new a p {
	transition:0.5s; text-align: center; color: rgb(102, 102, 102); line-height: 14px; font-size: 14px; margin-top: 9px; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
}
.xxx .xxx-new a .icon.i1 {
	background-image: url("index_files/xx1_icon2.png");
}
.xxx .xxx-new a .icon.i2 {
	background-image: url("index_files/xx1_icon3.png");
}
.xxx .xxx-new a .icon.i3 {
	background-image: url("index_files/xx1_icon4.png");
}
.xxx .xxx-new a .icon.i4 {
	background-image: url("index_files/xx1_icon5.png");
}
.xxx .xxx-new a .icon.i5 {
	background-image: url("index_files/xx1_icon6.png");
}
.xxx .xxx-new a .icon.i6 {
	background-image: url("index_files/xx1_icon7.png");
}
.xxx .xxx-new a:hover .icon.i1 {
	background-image: url("index_files/xx1_icon2_h.png");
}
.xxx .xxx-new a:hover .icon.i2 {
	background-image: url("index_files/xx1_icon3_h.png");
}
.xxx .xxx-new a:hover .icon.i3 {
	background-image: url("index_files/xx1_icon4_h.png");
}
.xxx .xxx-new a:hover .icon.i4 {
	background-image: url("index_files/xx1_icon5_h.png");
}
.xxx .xxx-new a:hover .icon.i5 {
	background-image: url("index_files/xx1_icon6_h.png");
}
.xxx .xxx-new a:hover .icon.i6 {
	background-image: url("index_files/xx1_icon7_h.png");
}
.xxx .xxx-new a:hover p {
	color: rgb(176, 165, 161);
}
.BMap_bubble_title {
	line-height: 18px !important; font-size: 14px !important;
}
.BMap_bubble_content {
	line-height: 16px !important; font-size: 12px !important;
}
.jmAllMK02::after {
	height: 0px; overflow: hidden; clear: both; display: block; content: "";
}
.jmAllMK03::after {
	height: 0px; overflow: hidden; clear: both; display: block; content: "";
}
.jmAllMK04::after {
	height: 0px; overflow: hidden; clear: both; display: block; content: "";
}
.jmAllMK05::after {
	height: 0px; overflow: hidden; clear: both; display: block; content: "";
}
.jmAllMK06::after {
	height: 0px; overflow: hidden; clear: both; display: block; content: "";
}
.jmAllMK07::after {
	height: 0px; overflow: hidden; clear: both; display: block; content: "";
}
.jmAllMK07 .w1200::after {
	height: 0px; overflow: hidden; clear: both; display: block; content: "";
}
.tmsqCon::after {
	height: 0px; overflow: hidden; clear: both; display: block; content: "";
}
.jmxzBan {
	color: rgb(51, 51, 51);
}
.jmxzBanCon {
	left: 50%; top: 0px; width: 100%; bottom: 0px; position: absolute; z-index: 3; max-width: 1200px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.jmxzBanConNr {
	left: 50%; top: 22%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.jmxzBanConNr .tits {
	text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 74px; font-family: ATB; font-size: 72px;
}
.jmxzBanConNr .tit {
	text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 48px; margin-top: 5px;
}
.jmxzBanConZx {
	margin: 80px auto 0px; border-radius: 21px; border: 1px solid rgb(221, 221, 221); transition:0.5s; border-image: none; width: 178px; height: 43px; text-align: center; color: rgb(153, 153, 153); line-height: 43px; font-size: 20px; cursor: pointer;
}
.jmxzBanConZx a {
	color: rgb(255, 255, 255);
}
@media all and (min-width:1024px)
{
.jmxzBanConZx:hover {
	border: 1px solid rgb(176, 165, 161); border-image: none; color: rgb(255, 255, 255); background-color: rgb(176, 165, 161);
}
}
.jmAllMKZ {
	margin: 0px auto; padding: 5% 0px; width: 1200px; max-width: 92%;
}
.jmAllMKZ .con-left {
	width: 45%; height: auto; float: left;
}
.jmAllMKZ .con-left .jmAllMKTit01 {
	text-align: left; color: rgb(51, 51, 51); font-size: 20px; font-weight: bold;
}
.jmAllMKZ .con-left .jmAllMKTit02 {
	text-align: left; color: rgb(153, 153, 153); text-transform: uppercase; font-size: 12px;
}
.jmAllMKZ .con-left .jmAllMKTit03 {
	color: rgb(153, 153, 153); line-height: 24px; font-size: 14px; margin-top: 20px;
}
.jmAllMKZ .list {
	width: calc(50% - 1px); height: auto; border-top-color: rgb(229, 229, 229); border-right-color: rgb(229, 229, 229); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; float: right;
}
.jmAllMKZ .list li {
	width: calc(25% - 1px); height: 149px; border-bottom-color: rgb(229, 229, 229); border-left-color: rgb(229, 229, 229); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; float: left;
}
.jmAllMKZ .list li .icon {
	width: 100%; height: 35px; margin-top: 22px; position: relative;
}
.jmAllMKZ .list li .icon img {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; max-height: 100%;
}
.jmAllMKZ .list li .t {
	margin: 12px auto 0px; width: 80%; height: 36px; text-align: center; color: rgb(102, 102, 102); line-height: 18px; font-size: 14px;
}
.jmAllMKZ .list li .num {
	text-align: center; color: rgb(51, 51, 51); line-height: 24px; font-family: Arial; font-size: 24px; font-weight: bold; margin-top: 6px;
}
.jmAllMK-new {
	margin: 0px auto; padding: 4% 0px 5%; width: 1200px; height: auto; max-width: 93%;
}
.jmAllMK-new .jmAllMK05 {
	margin-top: 2%;
}
@media all and (max-width:930px)
{
.jmAllMKZ .con-left {
	width: 100%; float: none;
}
.jmAllMKZ .list {
	width: calc(100% - 1px); margin-top: 4%; float: none;
}
}
@media all and (max-width:500px)
{
.jmAllMKZ .list li {
	width: calc(50% - 1px);
}
.jmAllMKZ .list li .t {
	width: 100%;
}
.jmAllMKZ .con-left .jmAllMKTit03 {
	display: none;
}
}
.w1200 {
	width: 93%; margin-right: auto; margin-left: auto; max-width: 1200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.jmAllMKTit01 {
	text-align: center; font-size: 20px;
}
.jmAllMKTit02 {
	text-align: center; color: rgb(153, 153, 153); text-transform: uppercase; font-size: 12px;
}
.jmAllMK01 {
	text-align: center; color: rgb(153, 153, 153); line-height: 2; font-size: 14px; margin-top: 2.6%;
}
.floatl {
	float: left;
}
.floatr {
	float: right;
}
.jmAllMK02 {
	margin-top: 2.6%; position: relative;
}
.jmAllMK02 .floatl {
	width: 51.7%; position: relative;
}
.jmAllMK02 .floatr {
	width: 40%; padding-top: 26px; float: right;
}
.jmAllMK02 .floatr .tits {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 24px; position: relative;
}
.jmAllMK02 .floatr .tits span {
	left: 60px; top: -22px; position: absolute; z-index: -1;
}
.jmAllMK02 .floatr .tit {
	color: rgb(153, 153, 153); line-height: 24px; font-size: 14px; margin-top: 22px;
}
.jmAllMK02 .floatr .item-box {
	width: 100%; height: auto; margin-top: 16%;
}
.jmAllMK02 .floatr .item-box .item {
	text-align: center; border-right-color: rgb(233, 233, 233); border-right-width: 1px; border-right-style: solid; float: left;
}
.jmAllMK02 .floatr .item-box :last-child.item {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.jmAllMK02 .floatr .item-box .item.it1 {
	width: 23.75%;
}
.jmAllMK02 .floatr .item-box .item.it2 {
	width: 38.2%;
}
.jmAllMK02 .floatr .item-box .item.it3 {
	width: 31.25%;
}
.jmAllMK02 .floatr .item-box .item .num {
	text-align: center; color: rgb(51, 51, 51); line-height: 48px; font-family: Arial; font-size: 48px;
}
.jmAllMK02 .floatr .item-box .item .num i {
	display: inline-block;
}
.jmAllMK02 .floatr .item-box .item .num span {
	font-size: 26px; vertical-align: super; display: inline-block;
}
.jmAllMK02 .floatr .item-box .item .num.i1 {
	margin-top: -10px; -moz-margin-top: 0;
}
.jmAllMK02 .floatr .item-box .item .t {
	color: rgb(153, 153, 153); line-height: 16px; font-size: 16px; margin-top: 11px;
}
.img-responsive {
	width: 100%; height: auto; display: block;
}
.img-responsive01 {
	height: auto; display: inline-block; max-width: 100%;
}
.jmAllMK02LcON {
	left: 50%; top: 50%; margin-top: -44px; margin-left: -44px; position: absolute;
}
.jmAllMK02LcON img {
	display: block;
}
.jmAllMK02List {
	
}
.jmAllMK02List li {
	margin: 20px 0px 0px; height: 81px; text-align: center; color: rgb(102, 102, 102); line-height: 81px; font-size: 18px; background-color: rgb(250, 250, 250);
}
.jmAllMK02List li:nth-child(1) {
	margin-top: 0px;
}
.jmAllMK02List li:hover {
	color: rgb(255, 255, 255); background-color: rgb(179, 179, 179);
}
.bjHuise {
	background: rgb(246, 246, 246);
}
.jmAllMK03 {
	
}
.jmAllMK0301 {
	
}
.jmAllMK0301Ico {
	margin: 0px auto; border-radius: 50%; border: 1px solid rgb(230, 230, 230); border-image: none; width: 78px; height: 78px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.jmAllMK0301Ico img {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.jmAllMK03 li {
	background: rgb(255, 255, 255); margin: 2% 2% 0px 0px; width: 32%; height: 300px; text-align: center; float: left; position: relative;
}
.jmAllMK03 li .jmAllMK0301 {
	transition:0.5s; padding-top: 80px; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
}
.jmAllMK03 li .jmAllMK0301 .jmAllMK0301Tit {
	text-align: center; color: rgb(51, 51, 51); line-height: 20px; font-size: 18px; margin-top: 18px;
}
.jmAllMK03 li .jmAllMK0301 .txt {
	margin: 15px auto 0px; transition:0.5s; width: 85.3%; height: auto; text-align: left; color: rgb(51, 51, 51); line-height: 20px; font-size: 14px; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
}
.jmAllMK03 li:hover .jmAllMK0301 {
	padding-top: 40px;
}
.jmAllMK03 li:hover .jmAllMK0301 .txt {
	opacity: 1;
}
@media all and (max-width:960px)
{
.jmAllMK03 li {
	padding: 80px 0px; height: auto;
}
.jmAllMK03 li .jmAllMK0301 {
	padding-top: 0px;
}
.jmAllMK03 li:hover .jmAllMK0301 {
	padding-top: 0px;
}
.jmAllMK03 li .jmAllMK0301 .txt {
	display: none !important;
}
}
.jmAllMK03Pos .fon14 {
	height: 182px; color: rgb(153, 153, 153); line-height: 26px; overflow: hidden; font-size: 14px;
}
.jmAllMK03Pos .jmxzBanConZx {
	margin: 8px auto 0px; font-size: 18px;
}
.jmAllMK03Pos {
	background: rgb(255, 255, 255); transition:0.5s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transition: all 0.5s; -o-transition: all 0.5s;
}
.jmAllMK03PosNr {
	padding: 9% 8% 0px;
}
.jmAllMK03 li:nth-child(3n) {
	margin-right: 0px;
}
.jmAllMK03 li:hover .jmAllMK03Pos {
	opacity: 1; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1);
}
.jmAllMKPz {
	background-position: center; width: 100%; height: auto; position: relative; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.jmAllMKPz .con {
	padding-top: 3.3%;
}
.jmAllMKPz .con .jmAllMKTit01 {
	color: rgb(255, 255, 255);
}
.jmAllMKPz .con .jmAllMKTit02 {
	color: rgb(255, 255, 255);
}
.jmAllMKPz .con .jmAllMKTit03 {
	margin: 40px auto 0px; width: 510px; height: auto; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-size: 14px; max-width: 94%;
}
.jmAllMKPz .con .con-new {
	width: 100%; height: auto; margin-top: 6%;
}
.jmAllMKPz .con .con-new .pic {
	width: 31%; margin-left: 16.6%; float: left;
}
.jmAllMKPz .con .con-new .conn {
	width: 42%; margin-top: 5%; float: right;
}
.jmAllMKPz .con .con-new .conn .t {
	width: 272px; margin-left: -40px;
}
.jmAllMKPz .con .con-new .conn .t1 {
	color: rgb(255, 255, 255); line-height: 28px; font-size: 16px; margin-top: 4px;
}
.jmAllMKPz .con .con-new .conn .t1 span {
	font-size: 14px;
}
.jmAllMKPz .con .con-new .conn .t2 {
	color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; margin-top: 16px;
}
.jmAllMKPz .con .con-new .conn .t3 {
	width: 100%; height: auto; margin-top: 46px;
}
.jmAllMKPz .con .con-new .conn .t3 .item {
	width: 105px; float: left;
}
.jmAllMKPz .con .con-new .conn .t3 .item p {
	color: rgb(255, 255, 255); line-height: 22px; font-size: 12px; margin-top: 4px;
}
@media all and (max-width:1100px)
{
.jmAllMKPz .con .con-new .pic {
	width: 41%; margin-left: 6%;
}
.jmAllMKPz .con .con-new .conn {
	width: 50%;
}
.jmAllMKPz .con .con-new .conn .t3 {
	margin-top: 20px;
}
}
.jmAllMKPzCon {
	background: rgb(255, 255, 255); padding: 3% 0px 0px; width: 93%; margin-top: 2%; margin-right: auto; margin-left: auto; max-width: 1618px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.jmAllMKPzCon01 {
	text-align: center; color: rgb(153, 153, 153); font-size: 14px;
}
.jmAllMKPzCon02 {
	margin: 2.2% auto 0px; width: 90%;
}
.jmAllMK04 {
	
}
.jmAllMK04Bot {
	color: rgb(102, 102, 102); font-size: 14px; margin-top: 10px;
}
.jmAllMK04 li {
	margin: 2% 2% 0px 0px; padding: 53px 0px 0px; width: 23.5%; height: 203px; text-align: center; float: left; box-sizing: border-box; background-color: rgb(250, 250, 250); -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.jmAllMK04 li:nth-child(4n) {
	margin-right: 0px;
}
.jmAllMK04Ico img:nth-child(1) {
	display: inline-block;
}
.jmAllMK04Ico img:last-of-type {
	display: none;
}
.jmAllMK04 li:hover .jmAllMK04Ico img:last-of-type {
	display: inline-block;
}
.jmAllMK04 li:hover .jmAllMK04Ico img:nth-child(1) {
	display: none;
}
.jmAllMK04 li:hover .jmAllMK04Bot {
	color: rgb(51, 51, 51);
}
.jmAllMK.pt0 {
	background-position: center; padding-top: 0px; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;
}
.jmAllMK05 {
	
}
.jmAllMK05 li {
	margin: 2% 2% 0px 0px; padding: 4% 2% 0px; width: 23.5%; height: 238px; text-align: center; float: left; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.8); -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.jmAllMK0502 {
	color: rgb(102, 102, 102); font-size: 16px; margin-top: 5%;
}
.jmAllMK0503 {
	color: rgb(153, 153, 153); font-size: 14px; margin-top: 3%;
}
.jmAllMK05 li:nth-child(4n) {
	margin-right: 0px;
}
.jmAllMK0501 img:nth-child(1) {
	display: inline-block;
}
.jmAllMK0501 img:last-of-type {
	display: none;
}
.jmAllMK05 li:hover .jmAllMK0501 img:nth-child(1) {
	display: none;
}
.jmAllMK05 li:hover .jmAllMK0501 img:last-of-type {
	display: inline-block;
}
.jmAllMK05 li:hover .jmAllMK0502 {
	color: rgb(51, 51, 51);
}
.jmAllMK05 li:hover .jmAllMK0503 {
	color: rgb(51, 51, 51);
}
.jmAllMK06 {
	
}
.jmAllMK06 li {
	margin: 2% 2% 0px 0px; padding: 5% 6% 0px; width: 32%; height: 242px; text-align: center; float: left; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.8); -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.jmAllMK06 li:nth-child(3n) {
	margin-right: 0px;
}
.jmAllMK06 li:hover .jmAllMK0501 img:nth-child(1) {
	display: none;
}
.jmAllMK06 li:hover .jmAllMK0501 img:last-of-type {
	display: inline-block;
}
.jmAllMK06 li:hover .jmAllMK0502 {
	color: rgb(51, 51, 51);
}
.jmAllMK06 li:hover .jmAllMK0503 {
	color: rgb(51, 51, 51);
}
.jmAllMK.bjzcH {
	padding-top: 4%;
}
.jmAllMK.pb0 {
	padding-bottom: 0px;
}
.jmAllMK07 {
	background: rgb(255, 255, 255); padding: 3% 0px 7%; width: 93%; margin-top: 2%; margin-right: auto; margin-left: auto; max-width: 1618px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.jmAllMK07mk {
	width: 80px; text-align: center; float: left; position: relative;
}
.jmAllMK07mk .bg {
	border-radius: 100%; border: 1px solid rgb(207, 207, 207); border-image: none; left: 50%; top: 50%; width: 128px; height: 128px; position: absolute; z-index: 4; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
@media all and (max-width:900px)
{
.jmAllMK07mk .bg {
	width: 100px; height: 100px;
}
}
@media all and (max-width:650px)
{
.jmAllMK07mk .bg {
	display: none;
}
}
.jmAllMK07mk02 {
	color: rgb(102, 102, 102); font-size: 16px; margin-top: 5px; position: relative; z-index: 5;
}
.jmAllMK07mkHr {
	background: rgb(204, 204, 204); width: 200px; height: 1px; margin-top: 28px; float: left; position: relative; z-index: 3;
}
.jmAllMK07mkHr img {
	left: 50%; top: 50%; margin-top: -6px; margin-left: -3px; display: block; position: absolute;
}
.jmAllMK07mk01 {
	position: relative; z-index: 5;
}
.jmAllMK07mk01 img:nth-child(1) {
	display: inline-block;
}
.jmAllMK07mk01 img:last-of-type {
	display: none;
}
.jmAllMK07mk:hover .jmAllMK07mk01 img:nth-child(1) {
	display: none;
}
.jmAllMK07mk:hover .jmAllMK07mk01 img:last-of-type {
	display: inline-block;
}
.jmAllMK07mk:hover .jmAllMK07mk02 {
	color: rgb(51, 51, 51);
}
.jmAllMK07Sh {
	background: rgb(204, 204, 204); margin: 8px 39px 8px 0px; width: 1px; height: 100px; position: relative; z-index: 3;
}
.jmAllMK07Sh img {
	left: 50%; top: 50%; margin-top: -3px; margin-left: -6px; display: block; position: absolute;
}
.jmAllMK08 .jmAllMK07mk {
	float: right;
}
.jmAllMK08 .jmAllMK07mkHr {
	float: right;
}
.jmAllMK07mk01 {
	height: 50px;
}
.tmsqCon {
	margin-top: 4%;
}
.tmsqConInp {
	border: 1px solid rgb(229, 229, 229); border-image: none; width: calc(100% - 15px); height: 40px; padding-left: 15px; font-size: 14px; margin-top: 27px; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.tmsqConInp.mt0 {
	margin-top: 0px;
}
.tmsqCon .floatl {
	width: 49%;
}
.tmsqCon .floatr {
	border: 1px solid rgb(229, 229, 229); border-image: none; width: 49%;
}
.tmsqCon .floatr textarea {
	background: rgb(255, 255, 255); padding: 6px 10px; border: currentColor; border-image: none; width: 100%; height: 172px; font-size: 14px; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.jmxzBanConZx.jmsqBut {
	margin: 5% auto 0px; border-radius: 31px; width: 233px; height: 62px; line-height: 62px; font-size: 18px;
}
.jmxzBanConZx.jmsqBut button {
	background: none; border: currentColor; border-image: none; width: 100%; height: 100%; color: rgb(153, 153, 153);
}
.jmxzBanConZx:hover button {
	color: rgb(255, 255, 255);
}
.jmAllMK04 li:hover {
	box-shadow: 0px 0px 26px #cccccc; -webkit-box-shadow: 0px 0px 26px #cccccc; -moz-box-shadow: 0px 0px 26px #cccccc; -ms-box-shadow: 0px 0px 26px #cccccc; -o-box-shadow: 0px 0px 26px #cccccc;
}
.jmAllMK03 li:hover {
	box-shadow: 0px 0px 26px #cccccc; -webkit-box-shadow: 0px 0px 26px #cccccc; -moz-box-shadow: 0px 0px 26px #cccccc; -ms-box-shadow: 0px 0px 26px #cccccc; -o-box-shadow: 0px 0px 26px #cccccc;
}
.jmAllMK05 li:hover {
	box-shadow: 0px 0px 26px #cccccc; -webkit-box-shadow: 0px 0px 26px #cccccc; -moz-box-shadow: 0px 0px 26px #cccccc; -ms-box-shadow: 0px 0px 26px #cccccc; -o-box-shadow: 0px 0px 26px #cccccc;
}
.jmAllMK06 li:hover {
	box-shadow: 0px 0px 26px #cccccc; -webkit-box-shadow: 0px 0px 26px #cccccc; -moz-box-shadow: 0px 0px 26px #cccccc; -ms-box-shadow: 0px 0px 26px #cccccc; -o-box-shadow: 0px 0px 26px #cccccc;
}
.jmFixR {
	top: 50%; width: 80px; right: 10px; position: fixed; z-index: 9999; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.jmFixRCon {
	background: rgb(255, 255, 255); border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(230, 230, 230) rgb(230, 230, 230) currentColor; border-image: none;
}
.jmFixRCon li {
	height: 64px; text-align: center; padding-top: 1px; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid; position: relative; cursor: pointer;
}
.jmFixRCon li:hover {
	background: rgb(176, 165, 161);
}
.jmFixRCon01 {
	margin-top: 10px;
}
.jmFixRCon01 img:nth-child(1) {
	display: inline-block;
}
.jmFixRCon01 img:last-of-type {
	display: none;
}
.jmFixRCon li:hover .jmFixRCon01 img:nth-child(1) {
	display: none;
}
.jmFixRCon li:hover .jmFixRCon01 img:last-of-type {
	display: inline-block;
}
.jmFixRCon02 {
	color: rgb(102, 102, 102); font-size: 14px;
}
.jmFixRCon li:hover .jmFixRCon02 {
	color: rgb(255, 255, 255);
}
.jmFixRConNr {
	background: rgb(176, 165, 161); transition:0.3s linear; top: 0px; width: 0px; height: 65px; right: 100%; color: rgb(255, 255, 255); overflow: hidden; padding-top: 14px; font-size: 14px; position: absolute; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; -moz-transition: all linear 0.3s;
}
.jmFixRConNr p {
	line-height: 1.3; white-space: nowrap;
}
.jmFixRCon li:hover .jmFixRConNr {
	width: 140px;
}
.jmFixRTop {
	background: url("index_files/jmr01.png") no-repeat top; width: 80px; height: 60px; text-align: center; padding-top: 1px; cursor: pointer;
}
.jmFixRTop img {
	margin-top: 25px;
}
.jmAllMK {
	padding: 5% 0px;
}
.quality {
	width: 100%; height: auto; padding-bottom: 5%; display: none; background-color: rgb(247, 247, 247);
}
.quality .title {
	width: 100%; height: auto; padding-top: 7%; background-color: rgb(255, 255, 255);
}
.quality .jmAllMKTit03 {
	background: rgb(255, 255, 255); margin: 0px auto; width: 70%; text-align: center; color: rgb(51, 51, 51); line-height: 20px; padding-top: 3%; font-size: 14px;
}
.quality .pic {
	background: rgb(255, 255, 255); width: 100%; height: auto; padding-top: 6%;
}
.quality .con {
	margin: -12% auto 0px; width: 92%; height: auto; padding-bottom: 10%; position: relative; z-index: 10; box-shadow: 0px 10px 20px rgba(0,0,0,0.15); background-color: rgb(255, 255, 255);
}
.quality .con .con-new {
	margin: 0px auto; width: 73.9%; height: auto;
}
.quality .con .con-new .t {
	margin: 0px auto; width: 53.3%; height: auto; padding-top: 10%;
}
.quality .con .con-new .t1 {
	text-align: center; color: rgb(51, 51, 51); line-height: 24px; font-size: 16px; margin-top: 15px;
}
.quality .con .con-new .t1 span {
	font-size: 14px;
}
.quality .con .con-new .t2 {
	text-align: center; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px; margin-top: 20px;
}
.quality .con .con-new .t3 {
	width: 100%; height: auto; text-align: center; margin-top: 10%;
}
.quality .con .con-new .t3 .item {
	width: 105px; text-align: left; display: inline-block;
}
.quality .con .con-new .t3 .item p {
	color: rgb(102, 102, 102); line-height: 22px; font-size: 12px; margin-top: 4px;
}
@media all and (max-width:450px)
{
.quality .jmAllMKTit03 {
	width: 80%;
}
.quality .con .con-new {
	width: 90%;
}
}
@media all and (max-width:750px)
{
.jmAllMK03 li {
	padding: 0px; width: 100%; position: relative;
}
.jmAllMK03 li .jmAllMK0301 .b {
	left: 0px; top: 50%; width: 31.3%; float: left; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.jmAllMK03 li .jmAllMK0301 .txt {
	width: 62.3%; text-align: justify; color: rgb(51, 51, 51); line-height: 28px; padding-top: 3%; padding-bottom: 4%; font-size: 18px; margin-top: 0px; margin-right: 3.2%; float: right; display: block !important; opacity: 1;
}
.jmAllMKPz {
	display: none;
}
.quality {
	display: block;
}
}
@media all and (max-width:580px)
{
.jmAllMK02 .floatr .tits {
	line-height: 20px; font-size: 20px;
}
.jmAllMK02 .floatr .tits span {
	left: 10%; width: 100%;
}
.jmAllMK02 .floatr .item-box {
	margin-top: 5%;
}
.jmAllMK02 .floatr .item-box .item .num {
	line-height: 32px; font-size: 32px;
}
.jmAllMK02 .floatr .item-box .item .num sup {
	font-size: 18px;
}
.jmAllMK02 .floatr .item-box .item .num.i1 {
	margin-top: -5px; -moz-margin-top: 0;
}
.jmAllMK02 .floatr .item-box .item .t {
	line-height: 14px; font-size: 14px;
}
.jmAllMK03 li {
	height: 180px;
}
.jmAllMK03 li .jmAllMK0301 .txt {
	line-height: 24px; font-size: 14px;
}
.jmAllMK03 li .jmAllMK0301 .jmAllMK0301Tit {
	line-height: 16px; font-size: 14px; margin-top: 8px;
}
}
@media all and (max-width:700px)
{
.jmAllMKPz .con .jmAllMKTit03 {
	margin: 15px auto 0px;
}
.jmAllMKPz .con {
	top: 6%;
}
.imgg {
	width: 300%; margin-left: -100%;
}
}
@media all and (max-width:900px)
{
.jmFixR {
	display: none;
}
}
@media only screen and (max-width:1080px) and (min-width:100px)
{
.jmAllMK02List li {
	height: 60px; line-height: 60px; font-size: 16px;
}
}
@media only screen and (max-width:815px) and (min-width:100px)
{
.jmAllMK02 .floatr .item-box .item .num span {
	font-size: 20px;
}
.jmAllMK02 .floatl {
	width: 100%; margin-top: 20px;
}
.jmAllMK02 .floatr {
	width: 100%; position: static; transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);
}
.jmAllMK02List li {
	margin: 10px 0px 0px; height: 45px; line-height: 45px; font-size: 14px;
}
.jmAllMK02List li:nth-child(1) {
	margin-top: 10px;
}
.jmAllMK02 .floatr .item-box {
	margin-top: 5%;
}
}
@media only screen and (max-width:600px) and (min-width:100px)
{
.jmAllMK02LcON img {
	width: 50px;
}
.jmAllMK02LcON {
	margin-top: -25px; margin-left: -25px;
}
}
@media only screen and (max-width:640px) and (min-width:100px)
{
.jmAllMK0301Ico {
	width: 80px; height: 80px;
}
.jmAllMK0301Tit {
	font-size: 16px;
}
.jmAllMK03 li:hover .jmAllMK03Pos {
	display: none;
}
}
@media only screen and (max-width:920px) and (min-width:100px)
{
.jmAllMK04 li {
	width: 49%;
}
.jmAllMK04 li:nth-child(4n) {
	margin-right: 2%;
}
.jmAllMK04 li:nth-child(2n) {
	margin-right: 0px;
}
}
@media only screen and (max-width:550px) and (min-width:100px)
{
.jmAllMK04Ico img {
	width: 40px;
}
.jmAllMK04 li {
	padding: 36px 0px 0px; height: 150px;
}
}
@media only screen and (max-width:1030px) and (min-width:100px)
{
.jmAllMK05 li {
	width: 49%;
}
.jmAllMK05 li:nth-child(4n) {
	margin-right: 2%;
}
.jmAllMK05 li:nth-child(2n) {
	margin-right: 0px;
}
}
@media only screen and (max-width:920px) and (min-width:100px)
{
.jmAllMK06 li {
	width: 49%;
}
.jmAllMK06 li:nth-child(2n) {
	margin-right: 0px;
}
.jmAllMK06 li:nth-child(3n) {
	width: 100%;
}
}
@media only screen and (max-width:580px) and (min-width:100px)
{
.jmAllMK0501 img {
	width: 40px;
}
.jmAllMK06 li {
	height: 173px;
}
.jmAllMK05 li {
	height: 173px;
}
.jmAllMK0503 {
	overflow: hidden; margin-top: 5px; -ms-word-break: break-all; -ms-text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.jmAllMK0502 {
	margin-top: 4px;
}
}
@media only screen and (max-width:1440px) and (min-width:100px)
{
.jmAllMK07mk {
	width: 10%;
}
.jmAllMK07mkHr {
	width: 12.5%;
}
.jmAllMK07Sh {
	margin-right: 4.6%;
}
}
@media only screen and (max-width:900px) and (min-width:100px)
{
.jmAllMK07mk01 img {
	height: 24px;
}
.jmAllMK07mk01 {
	height: 30px;
}
.jmAllMK07mkHr {
	margin-top: 21px;
}
}
@media only screen and (max-width:650px) and (min-width:100px)
{
.jmAllMK07mkHr {
	display: none;
}
.jmAllMK07mk {
	width: 20%; margin-top: 5%;
}
.jmAllMK07Sh {
	display: none;
}
.jmAllMK08 .jmAllMK07mk {
	float: left;
}
.jmAllMK07mk02 {
	font-size: 14px;
}
}
@media only screen and (max-width:710px) and (min-width:100px)
{
.join-box4 .box-new .list1 .a {
	display: none;
}
}
@media only screen and (max-width:800px) and (min-width:100px)
{
.tmsqCon .floatr textarea {
	height: 157px;
}
.tmsqConInp {
	margin-top: 20px;
}
.jmxzBanConZx.jmsqBut {
	height: 50px; line-height: 50px; font-size: 18px; font-weight: bold;
}
}
@media only screen and (max-width:500px) and (min-width:100px)
{
.tmsqCon .floatl {
	width: 100%;
}
.tmsqConInp {
	width: 100%; margin-top: 10px;
}
.tmsqCon .floatr {
	width: 100%; margin-top: 10px;
}
.tmsqCon .floatr textarea {
	padding: 6px 15px;
}
}
@media only screen and (max-width:1024px) and (min-width:100px)
{
.jmxzBanConNr .tits {
	line-height: 1.2; font-size: 50px;
}
.jmxzBanConNr .tit {
	line-height: 1.2; font-size: 32px;
}
.jmxzBanConZx {
	font-size: 16px; margin-top: 15px;
}
}
@media only screen and (max-width:640px) and (min-width:100px)
{
.jmxzBanConNr .tits {
	line-height: 1.2; font-size: 34px;
}
.jmxzBanConNr .tit {
	line-height: 1.2; font-size: 26px;
}
.jmxzBanConZx {
	font-size: 16px; margin-top: 15px;
}
}
@media only screen and (max-width:460px) and (min-width:100px)
{
.jmxzBanConNr .tits {
	line-height: 1.2; font-size: 24px;
}
.jmxzBanConNr .tit {
	line-height: 1.2; font-size: 16px;
}
.jmxzBanConZx {
	width: 130px; height: 36px; line-height: 36px; font-size: 14px; margin-top: 15px;
}
}
.return-top {
	background-position: top; width: 80px; height: 60px; text-align: center; right: 2%; bottom: 3%; padding-top: 1px; display: block; position: fixed; z-index: 10000; cursor: pointer; background-image: url("index_files/jmr01.png"); background-attachment: scroll; background-repeat: no-repeat; background-size: cover !important; background-origin: padding-box; background-clip: border-box; background-color: transparent; -webkit-background-size: cover;
}
.return-top img {
	margin-top: 25px;
}
@media all and (max-width:750px)
{
.return-top {
	width: 40px; height: 30px;
}
.return-top img {
	margin: 12px auto 0px; width: 18px; display: block;
}
}
.bottom-box {
	background-position: center; width: 100%; height: auto; margin-top: 6%; background-size: cover; -webkit-background-size: cover;
}
.bottom-box .bottom-new {
	margin: 0px auto; padding: 5% 0px; width: 1200px; height: auto; text-align: center; max-width: 92%;
}
.bottom-box .bottom-new .item {
	margin: 0px 90px; color: rgb(255, 255, 255); display: inline-block;
}
.bottom-box .bottom-new .item .item-left {
	text-align: right; margin-top: 6px; float: left;
}
.bottom-box .bottom-new .item .item-left .t {
	line-height: 36px; font-size: 30px;
}
.bottom-box .bottom-new .item .item-left .t1 {
	text-transform: uppercase; line-height: 20px; font-size: 12px; margin-top: 7px;
}
.bottom-box .bottom-new .item .line {
	margin: 0px 30px; width: 1px; height: 75px; float: left; background-color: rgb(188, 188, 189);
}
.bottom-box .bottom-new .item .item-right {
	text-align: left; line-height: 36px; font-size: 24px; margin-top: 3px; float: left;
}
.bottom-box .bottom-new .item .item-right span {
	font-size: 18px;
}
@media all and (max-width:1290px)
{
.bottom-box .bottom-new .item {
	margin: 0px 40px;
}
}
@media all and (max-width:1060px)
{
.bottom-box .bottom-new .item .item-left .t {
	line-height: 28px; font-size: 22px;
}
.bottom-box .bottom-new .item .item-right {
	line-height: 28px; font-size: 18px;
}
.bottom-box .bottom-new .item .line {
	margin: 0px 15px; height: 66px;
}
}
@media all and (max-width:870px)
{
.bottom-box .bottom-new .item {
	margin: 0px 0px 3%; width: 100%; display: block;
}
.bottom-box .bottom-new .item .item-left {
	width: 43.5%;
}
.bottom-box .bottom-new .item .item-right {
	width: 47.8%;
}
.bottom-box .bottom-new .item .item-left .t1 {
	line-height: 14px;
}
}
#newBridge .nb-icon-wrap {
	width: 60px; height: 60px;
}
#newBridge .nb-invite-wrap-base {
	display: none !important;
}
.social {
	margin: 5% auto 6%;
}
.social .s-box {
	width: 100%; height: auto; margin-top: 5%; position: relative;
}
.social .s-box .pic {
	width: 50%; float: left;
}
.social .s-box .con {
	top: 0px; width: 40%; height: 100%; right: 5%; position: absolute;
}
.social .s-box .con .t {
	color: rgb(51, 51, 51); line-height: 24px; font-size: 24px;
}
.social .s-box .con .t1 {
	color: rgb(153, 153, 153); line-height: 26px; font-size: 16px; margin-top: 10px;
}
.social .tabs {
	width: 100%; height: auto; text-align: center; font-size: 0px; margin-top: 3%;
}
.social .tabs a {
	margin: 0px 15px; border: 1px solid rgb(102, 102, 102); border-image: none; width: 148px; height: 48px; text-align: center; color: rgb(102, 102, 102); line-height: 48px; font-size: 18px; display: inline-block;
}
.social .tabs a.on {
	border: 1px solid rgb(176, 165, 161); border-image: none; color: rgb(255, 255, 255); background-color: rgb(176, 165, 161);
}
.social .list {
	width: 100%; height: auto; margin-top: 3%; background-color: rgb(255, 255, 255);
}
.social .list ul li .tits {
	padding: 0px 5%; width: 90%; height: 60px; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px; border-bottom-style: solid; position: relative; cursor: pointer;
}
.social .list ul li .tits .t {
	color: rgb(102, 102, 102); line-height: 60px; font-size: 14px; float: left;
}
.social .list ul li .tits .t.t1 {
	width: 37.5%; color: rgb(51, 51, 51); font-size: 16px !important;
}
.social .list ul li .tits .t.t2 {
	width: 22.6%;
}
.social .list ul li .tits .t.t3 {
	width: 13%;
}
.social .list ul li .tits .t.t4 {
	width: 15.6%;
}
.social .list ul li .tits .t.t5 {
	width: 10.9%;
}
.social .list ul li .tits .t.t6 {
	border: 1px solid rgb(204, 204, 204); transition:0.5s; border-image: none; width: calc(11.4% - 2px); height: 48px; text-align: center; color: rgb(135, 135, 135); line-height: 48px; font-size: 18px; margin-top: 43px; display: block;
}
@media all and (min-width:1024px)
{
.social .list ul li .tits .t.t6:hover {
	border: 1px solid rgb(222, 176, 26); border-image: none; color: rgb(255, 255, 255); background-color: rgb(222, 176, 26);
}
}
.social .list ul li .tits .more-click {
	background-position: center; top: 0px; width: 10%; height: 100%; right: 0px; position: absolute; background-image: url("index_files/campus_icon2.png"); background-repeat: no-repeat; background-size: 20px; -webkit-background-size: 20px;
}
.social .list ul li .con {
	margin: 0px auto; padding: 45px 5% 60px; width: 90%; height: auto; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px; border-bottom-style: solid; display: none;
}
.social .list ul li .con .con-left {
	width: 100%; height: auto; color: rgb(102, 102, 102); line-height: 26px; font-size: 14px; float: left;
}
.social .list ul li .con .con-left .apply {
	border: currentColor; border-image: none; width: 150px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; margin-top: 40px; display: block; background-color: rgb(25, 29, 28);
}
.social .list ul li.on .tits .more-click {
	background-image: url("index_files/campus_icon2_h.png");
}
.social .more {
	margin: 4% auto 0px; width: 180px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; font-size: 18px; display: block; position: relative; background-color: rgb(176, 165, 161);
}
.social .more span {
	background-position: right; display: inline-block; position: relative; z-index: 5; background-repeat: no-repeat;
}
.social .more::after {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 4; content: ""; background-color: rgb(176, 165, 161);
}
@media all and (min-width:1024px)
{
.social .more:hover::after {
	animation:hoverAnimation 0.5s linear;
}
}
@media all and (max-width:1366px)
{
.social .title .tits {
	font-size: 30px;
}
}
@media all and (max-width:1280px)
{
.social .list ul li .tits {
	padding: 0px 3%; width: 94%;
}
.social .list ul li .tits .t.t2 {
	width: 15.6%;
}
.social .list ul li .tits .more-click {
	width: 9.5%; background-size: 20px;
}
.social .list ul li .con {
	padding: 4% 3%; width: 94%;
}
.social .list ul li .con .con-left {
	line-height: 26px; font-size: 16px;
}
.social .list ul li .con .con-right .table-box .text {
	font-size: 16px;
}
.social .list ul li .con .con-right .table-box .t1 {
	font-size: 16px;
}
.social .list ul li .con .con-right .table-box .t1 .tt1 {
	margin-right: 20px;
}
.social .list ul li.on .tits .t {
	font-size: 16px;
}
}
@media all and (max-width:1024px)
{
.social {
	margin: 0px auto 130px;
}
.social .title .tits {
	font-size: 30px; margin-left: 0px;
}
.social .title .search-box {
	width: 60%; margin-right: 0px;
}
}
@media all and (max-width:800px)
{
.social .list ul li .tits .t.t1 {
	width: 45.5%;
}
.social .list ul li .tits .t.t2 {
	width: 26%;
}
.social .list ul li .tits .t.t4 {
	width: 21.6%;
}
.social .list ul li .tits .t.t3 {
	display: none;
}
.social .list ul li .tits .t.t5 {
	display: none;
}
.social .list ul li .con .con-left {
	width: 100%; float: none;
}
.social .list ul li .con .con-right {
	width: 100%; margin-top: 3%; float: none;
}
}
@media all and (max-width:768px)
{
.social {
	margin: 0px auto 8%;
}
.social .s-box .pic {
	width: 100%; float: none;
}
.social .s-box .con {
	margin: 3% auto 0px; width: 90%; right: auto; position: relative;
}
.social .s-box .con .t {
	line-height: 18px; font-size: 18px;
}
.social .s-box .con .t1 {
	line-height: 24px; font-size: 14px;
}
.social .list ul li .con .con-left .apply {
	width: 120px; height: 35px; line-height: 35px; font-size: 16px; margin-top: 20px;
}
.social .tabs a {
	width: 120px; height: 35px; line-height: 35px; font-size: 16px;
}
.product-details .pic-list .img-big ul li a {
	width: 100%; height: 100%;
}
.product-details .pic-list .img-big ul li img {
	max-height: 100%; max-width: 100%;
}
}
@media all and (max-width:640px)
{
.social .title .tits {
	width: 100%; line-height: 24px; font-size: 20px; float: none;
}
.social .title .search-box {
	width: 100%; margin-top: 20px; float: none;
}
.social .title .search-box .text {
	height: 38px; line-height: 38px; font-size: 14px;
}
.social .title .search-box .submit {
	height: 40px; line-height: 40px; font-size: 16px;
}
.social .list ul li .con .con-left {
	line-height: 24px; font-size: 14px;
}
}
@media all and (max-width:450px)
{
.social .list ul li .tits {
	height: 50px;
}
.social .list ul li .tits .t {
	line-height: 50px; font-size: 16px;
}
.social .list ul li .tits .t.t1 {
	width: 90%; font-size: 16px !important;
}
.social .list ul li .tits .t.t2 {
	display: none;
}
.social .list ul li .tits .t.t4 {
	display: none;
}
.social .list ul li .tits .more-click {
	background-size: 15px;
}
.social .more {
	width: 130px; height: 38px; line-height: 38px; font-size: 14px;
}
}
.verifyPassword {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 110000;
}
.verifyPassword .bg {
	width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);
}
.verifyPassword .con {
	margin: auto; padding: 20px; left: 0px; top: 0px; width: 225px; height: 120px; right: 0px; bottom: 0px; position: absolute; background-color: rgb(255, 255, 255);
}
.verifyPassword .con .tits {
	color: rgb(176, 165, 161); line-height: 24px; font-size: 18px;
}
.verifyPassword .con .text {
	border: 1px solid rgb(153, 153, 153); border-image: none; width: 100%; height: 33px; color: rgb(153, 153, 153); line-height: 33px; text-indent: 1em; font-size: 16px; margin-top: 10px;
}
.verifyPassword .con .submit {
	margin: 15px auto 0px; border: currentColor; border-image: none; width: 100px; height: 34px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; display: block; background-color: rgb(176, 165, 161);
}
.verifyPassword .con .close {
	background-position: center; top: 10px; width: 16px; height: 16px; right: 10px; display: block; position: absolute; background-image: url("index_files/nav_close_b.png"); background-repeat: no-repeat; background-size: 10px;
}
.index .index-nav .nav-new a.on .cn {
	color: rgb(176, 165, 161);
}
.index.w1520 {
	margin: 0px auto;
}
.cases_nav .nav-new {
	padding-bottom: 24px; border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: solid;
}
.cases_nav .nav-new a.on {
	font-weight: bold;
}
.case_listdiv {
	height: 40px; display: none;
}
.index .cases_nav .nav-new a .item .cn {
	color: rgb(176, 165, 161);
}
.index .cases_nav .nav-new a.on .cn {
	color: rgb(51, 51, 51);
}
.pageNav {
	text-align: right; padding-top: 10px; font-family: Arial,Helvetica,sans-serif;
}
.pageNav a {
	background: rgb(231, 231, 231); margin: 0px 3px; width: 28px; height: 28px; text-align: center; line-height: 28px; display: inline-block;
}
.pageNav span {
	background: rgb(231, 231, 231); margin: 0px 3px; width: 28px; height: 28px; text-align: center; line-height: 28px; display: inline-block;
}
.pageNav span.info {
	background: none;
}
.pageNav a:hover {
	background: rgb(255, 83, 79); color: rgb(255, 255, 255);
}
.pageNav span.current {
	background: rgb(255, 83, 79); color: rgb(255, 255, 255);
}
.pageNavLeft {
	text-align: left;
}
.pageNavCenter {
	text-align: center;
}
.pageNavRight {
	text-align: right;
}
.notdata {
	margin: 20px 0px; border: 1px dashed rgb(204, 204, 204); border-image: none; text-align: center; line-height: 35px;
}
.notdataw {
	padding: 50px 0px; color: rgb(255, 255, 255);
}
.loading-wrap {
	width: 100%; text-align: center; bottom: 50px; margin-top: 10px; display: none;
}
.loading {
	background: url("../../../../Public/images/loading.gif") no-repeat 10px; padding: 5px 5px 5px 50px; border-radius: 5px; color: rgb(51, 51, 51); line-height: 28px; font-size: 14px; display: inline-block; position: relative;
}
.topbar_box {
	top: 40%; width: 3em; right: 0px; position: fixed; z-index: 100; -webkit-transition: all .5s ease;
}
.topbar_box img {
	width: 100%;
}
.topbar_box .topbar_ico {
	left: 27%; top: 34%; position: absolute; z-index: 501;
}
.topbar_box .topbar_ico:focus {
	outline: 0px;
}
.topbar_box .icon-bar {
	margin: 5px 0px; width: 1.5em; height: 2px; display: block; background-color: rgb(127, 127, 127);
}
.topbar_box .topbar_ico .top {
	-webkit-transform: translateY(6px) rotateZ(90deg); -webkit-transition: all 0.5s ease;
}
.topbar_box .topbar_ico .bottom {
	-webkit-transform: translateY(-8px) rotateZ(0deg); -webkit-transition: all 0.5s ease;
}
.topbar_box .topbar_ico .middle {
	width: 0px;
}
.topbar_box_cut .topbar_ico .top {
	-webkit-transform: translateY(6px) rotateZ(45deg);
}
.topbar_box_cut .topbar_ico .bottom {
	-webkit-transform: translateY(-8px) rotateZ(-45deg);
}
.topbar_m {
	left: 0px; top: 0px; width: 125%; position: absolute;
}
.topbar_m a {
	background: rgb(255, 255, 255); padding: 8px; border-radius: 50%; width: 36px; height: 36px; overflow: hidden; display: block;
}
.topbar_m img {
	width: 100%;
}
.topbar_box .topbar_m1 {
	border-radius: 100%; left: 0%; top: 20%; position: absolute; opacity: 0; box-shadow: 0px 0px 2px #999; -webkit-transition: all 0.5s ease;
}
.topbar_box .topbar_m2 {
	border-radius: 100%; left: 0%; top: 20%; position: absolute; opacity: 0; box-shadow: 0px 0px 2px #999; -webkit-transition: all 0.5s ease;
}
.topbar_box .topbar_m3 {
	border-radius: 100%; left: 0%; top: 20%; position: absolute; opacity: 0; box-shadow: 0px 0px 2px #999; -webkit-transition: all 0.5s ease;
}
.topbar_box .topbar_m4 {
	border-radius: 100%; left: 0%; top: 20%; position: absolute; opacity: 0; box-shadow: 0px 0px 2px #999; -webkit-transition: all 0.5s ease;
}
.topbar_box .topbar_m5 {
	border-radius: 100%; left: 0%; top: 20%; position: absolute; opacity: 0; box-shadow: 0px 0px 2px #999; -webkit-transition: all 0.5s ease;
}
.topbar_box_cut .topbar_m1 {
	left: -40%; top: -109%; position: absolute; opacity: 1;
}
.topbar_box_cut .topbar_m2 {
	left: -163%; top: -55%; position: absolute; opacity: 1;
}
.topbar_box_cut .topbar_m3 {
	left: -241%; top: 19%; position: absolute; opacity: 1;
}
.topbar_box_cut .topbar_m3 a {
	text-align: center;
}
.topbar_box_cut .topbar_m3 img {
	margin: 0px auto; max-width: 30px;
}
.topbar_box_cut .topbar_m4 {
	left: -189%; top: 96%; position: absolute; opacity: 1;
}
.topbar_box_cut .topbar_m5 {
	left: -42%; top: 155%; position: absolute; opacity: 1;
}
.topbar_box .quartercircle {
	background: rgb(255, 255, 255); width: 6.8em; height: 6.8em; position: relative; z-index: 500; box-shadow: 1px 0px 18px #7f7f7f; -webkit-border-radius: 6.8em 6.8em 6.8em 6.8em;
}
@media all and (max-width:1024px)
{
.index.w1520 {
	width: 100%;
}
.index .cases_nav .nav-new {
	padding: 12px 0px !important;
}
.index .cases_nav .nav-new a .item {
	padding-top: 0px !important;
}
.index .cases_nav .nav-new a .item .cn {
	padding-top: 0px !important;
}
.casess_index.on {
	left: 0px; top: 50px; position: fixed; z-index: 999;
}
.after-sales .content .content-new .tabs a.on {
	font-size: 24px !important;
}
}
#emptymap {
	display: none;
}
.topbar_m b {
	left: -40px; top: 13px; font-size: 18px; font-weight: 500; position: absolute; z-index: 3;
}