@font-face {
	font-family: "NHK";
	src: url("../fonts/neuehanskendrick-regular.woff2") format("woff2"), 
	url("../fonts/neuehanskendrick-regular.woff") format("woff"), 
	url("../fonts/neuehanskendrick-regular.ttf") format("truetype"), 
	url("../fonts/neuehanskendrick-regular.eot") format("embedded-opentype"), 
	url("../fonts/neuehanskendrick-regular.svg") format("svg"), 
	url("../fonts/neuehanskendrick-regular.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

.NHK {font-family: 'arial'; }

.left {float: left; }

.right {float: right; }

.main {width: 100%;overflow: hidden;height: auto; }

.table {width: 100%;height: 100%;display: table; }
.table .table-cell {width: 100%;height: 100%;vertical-align: middle;display: table-cell; }

.bgc {background-size: cover;background-repeat: no-repeat;background-position: center; }

.w1520 {width: 92%;max-width: 1520px;height: auto;margin: 0 auto;position: relative; }

.w1400 {width: 92%;max-width: 1400px;height: auto;margin: 0 auto;position: relative; }

.w1200 {width: 92%;max-width: 1200px;height: auto;margin: 0 auto;position: relative; }

.w1380 {width: 92%;max-width: 1380px;height: auto;margin: 0 auto;position: relative; }

.w1280 {width: 92%;max-width: 1280px;height: auto;margin: 0 auto;position: relative; }

.w1440 {width: 92%;max-width: 1440px;height: auto;margin: 0 auto;position: relative; }

.headerBox {width: 100%;height: auto;position:fixed;top: 0;left: 0;z-index: 100; }
.headerBox .header {height: 90px;background-color: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; }
.headerBox .header .w1400 {position: auto; }
.headerBox .header .logo {width: 175px;height: auto;padding-top: 20px;margin-left: -12px;display: block;float: left; }
.headerBox .header .search {width: 23px;height: 25px;float: right;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url("../images/search.png");margin-top: 33px; }
.headerBox .header .lanBox {width: 90px;height: auto;float: right;margin-top: 30px;margin-right: 30px; }
.headerBox .header .lanBox .tits {width: 88px;height: 28px;border: 1px solid #ccc;display: block;text-align: center;border-radius: 14px; }
.headerBox .header .lanBox .tits span {padding-left: 32px;display: inline-block;font-size: 16px;line-height: 28px;color: #333;font-family: Arial;text-transform: uppercase;background-repeat: no-repeat;background-position: left center;background-image: url("../images/lan.png"); }
.headerBox .header .nav {float: right;margin-right: 30px; }
.headerBox .header .nav ul li {float: left;margin: 0 22px;position: relative; }
.headerBox .header .nav ul li .tits {font-size: 16px;line-height: 90px;color: #333;display: block;position: relative;text-decoration: none;}
.headerBox .header .nav ul li .tits:after {width: 0;height: 2px;bottom: 0;left: 50%;background-color: #1D2088;content: '';transition: width .5s,left .5s;position: absolute; }
.headerBox .header .nav ul li .mnav {width: 120px;left: 50%;top: 90px;padding-top: 10px;margin-left: -60px;position: absolute;overflow: hidden;display: none; }
.headerBox .header .nav ul li:nth-child(2) .mnav{width: 190px;margin-left: -95px;}
.headerBox .header .nav ul li .mnav .icon {width: 100%;height: 10px;position: absolute;top: 0;left: 0;display: block;background-image: url("../images/my_ico21.png");background-position: center;background-repeat: no-repeat; }
.headerBox .header .nav ul li .mnav dl {width: 100%;height: auto;background-color: rgba(0, 0, 0, 0.6);padding: 10px 0;border-radius: 10px; }
.headerBox .header .nav ul li .mnav dl dt {text-align: center;font-size: 14px;font-weight: bold;line-height: 32px;background-size: cover;background-repeat: no-repeat;background-position: center;color: #1D2088;}

.headerBox .header .nav ul li .mnav dl dd {text-align: center;font-size: 14px;line-height: 32px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.headerBox .header .nav ul li .mnav dl dd a {width: 100%;height: auto;display: block;color: #fff; }

@media (min-width: 1024px) {
	.headerBox .header .nav ul li .mnav dl dd:hover a {  text-decoration: underline; } 
  
}
@media (min-width: 1024px) {
	
	.headerBox .header .nav ul li:hover .tits {color: #1D2088; text-decoration: none;}
	.headerBox .header .nav ul li:hover .tits:after {width: 100%;left: 0; } 

}

.headerBox .header .nav ul li.on .tits {color: #1D2088; }
.headerBox .header .nav ul li.on .tits:after {width: 100%;left: 0; }
.headerBox .header .nav-m {width: 100%;height: calc(100vh - 50px);background-color: #fff;position: fixed;top: 50px;left: 0;border-top: 1px solid #999;display: none; }
.headerBox .header .nav-m ul {padding-top: 40px; }
.headerBox .header .nav-m ul li {margin-bottom: 20px;text-align: center; }
.headerBox .header .nav-m ul li .tits {text-align: center;color: #6e6e6e;font-size: 18px;display: block; }
.headerBox .header .nav-m ul li dl {width: 100%;height: auto;display: none;margin-top: 10px; }
.headerBox .header .nav-m ul li dl dd a {width: 100%;font-size: 14px;line-height: 32px;color: #a6a6a6;display: block; }
.headerBox .header .searchBox {position: absolute;top: 90px;right: 0;background-color: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 10px 15px;display: none; }
.headerBox .header .searchBox .text {width: 140px;height: 30px;border: none;border-bottom: 1px solid #999;background: none;font-size: 14px;line-height: 30px;color: #666;float: left; }
.headerBox .header .searchBox .submit {width: 30px;height: 30px;float: left;background: none;border: none;background-position: center;background-repeat: no-repeat;background-image: url("../images/search.png"); }
.headerBox .header .navLine {width: 22px;height: 20px;margin-left: 5px;margin-top: 18px;float: right;display: none;margin-left: 15px;position: relative; }
.headerBox .header .navLine span {display: block;width: 100%;height: 2px;background: #333;position: relative;background-repeat: no-repeat;transition: .3s;-webkit-transition: .3s; }
.headerBox .header .navLine span:nth-child(1), .headerBox .header .navLine span:nth-child(2) {margin-bottom: 5px; }
.headerBox .header .navLine.on span:nth-child(1) {transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 7px; }
.headerBox .header .navLine.on span:nth-child(2) {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);top: 0; }
.headerBox .header .navLine.on span:nth-child(3) {display: none; }

@media (max-width: 1530px) {
	
	.headerBox .header .nav ul li {margin: 0 15px; }
	.headerBox .header .nav {margin-right: 10px; }
	.headerBox .header .lanBox {margin-right: 15px; } 

}

@media (max-width: 1350px) {
	.headerBox .header .nav ul li {margin: 0 10px; }
	.headerBox .header .lanBox {width: 70px; }
	.headerBox .header .lanBox .tits {width: 68px; }
	.headerBox .header .lanBox .tits span {background-size: 16px;padding-left: 20px; } 

}

@media (max-width: 1240px) {
	
	.headerBox .header .logo {width: 125px;padding-top: 27px; }
	.headerBox .header .search {margin-right: -23px; }

}

@media (max-width: 1150px) {
	
	.headerBox .header .nav ul li {	margin: 0 8px; }
	.headerBox .header .lanBox {margin-right: 5px; }
	.headerBox .header .nav ul li .tits {	font-size: 14px; } 

}

@media (max-width: 1024px) {
	.headerBox {height: 50px;position: relative; }
	.headerBox .header {width: 100%;max-width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 100;border-radius: 0; }
	.headerBox .header .logo {width: 105px;padding-top: 10px;margin-left: 0; }
	.headerBox .header .nav {display: none; }
	.headerBox .header .search {display: none; }
	.headerBox .header .lanBox {display: none; }
	.headerBox .header .navLine {display: block; }

}

.index-banner {width: 100%;height: 100vh;position: relative; }
.index-banner ul {width: 100%;height: 100%; }
.index-banner ul li {width: 100%;height: 100%;position: relative; }
.index-banner ul li .con {width: 100%;height: auto;position: absolute;top: 32%;left: 0;text-align: center;color: #fff; }
.index-banner ul li .con .en {text-transform: uppercase;font-size: 16px;line-height: 16px;font-family: Arial;letter-spacing: 3px;opacity: 0;transform: translateY(30px);transition: all .5s; }
.index-banner ul li .con .cn {font-size: 48px;line-height: 48px;font-weight: bold;margin-top: 18px;opacity: 0;transform: translateY(30px);transition: all .5s .2s; }
.index-banner ul li .con .line {width: 40px;height: 2px;background-color: #fff;margin: 28px auto 0;opacity: 0;transform: translateY(30px);transition: all .5s .4s; }
/* .index-banner ul li .con .txt {font-size: 28px;line-height: 28px;margin-top: 35px;opacity: 0;transform: translateY(30px);transition: all .5s .6s; } */

.index-banner ul li .con .txt {font-size: 16px;line-height: 16px;margin-top: 35px;opacity: 0;transform: translateY(30px);transition: all .5s .6s; } 

.index-banner ul li .con .txt-area{ width: 40%; margin: auto;  position: relative; margin-top: 35px;;opacity: 0;transform: translateY(30px);transition: all .5s .6s; }

.index-banner ul li .con .txt-area .chat-area{z-index: 1; flex-direction: column;  justify-content: flex-start; align-items: flex-start;padding: 10px;display: flex;overflow: hidden; background-color: rgb(243,244,246); box-shadow: 0px 0px 0px 0.5px #dce0e9;border-radius: 10px;}

.index-banner ul li .con .txt-area .chat-area .chat-input-area{width: 100%; }
.index-banner ul li .con .txt-area .chat-area .chat-input-area textarea{width: 100%;border:none;background: none; color:#333;font-size: 15px; padding: 6px;}

.index-banner ul li .con .txt-area .chat-area .chat-send-area{--function-row-offset: 2px;width: calc(100% - 2px);padding-left: 2px;flex-wrap: wrap;align-items: center;margin-top: 4px;display: flex;}

.index-banner ul li .con .txt-area .chat-area .chat-send-area .chat-send-btn-area{flex:1;}
.index-banner ul li .con .txt-area .chat-area .chat-send-area .chat-send-btn-area .chat-send-btn{
	float: left;
	width: 60px;
	height: 30px;
	font-size: 12px;
	line-height: 35px;
	text-indent: 15px;
	border:1px solid #CCDAFF;
	border-radius: 6px;
	background: url('../images/send.svg') no-repeat left center / 24px 24px #CCDAFF;

}
.index-banner ul li .con .txt-area .chat-area .chat-send-area .chat-send-other{ flex:1;}
.index-banner ul li .con .txt-area .chat-area .chat-send-area .chat-send-other .chat-send-other-kt{
	float: right;
	width: 80px;
	height: 30px;
	font-size: 12px;
	line-height: 35px;
	text-indent: 15px;
	border:1px solid #1296db;
	border-radius: 6px;
	background: url('../images/aikt.svg') no-repeat 6px center / 20px 20px #1296db;

}


.index-banner ul li.swiper-slide-active .con .en {opacity: 1;transform: translateY(0); }
.index-banner ul li.swiper-slide-active .con .cn {opacity: 1;transform: translateY(0); }
.index-banner ul li.swiper-slide-active .con .line {opacity: 1;transform: translateY(0); }
.index-banner ul li.swiper-slide-active .con .txt {opacity: 1;transform: translateY(0); }

.index-banner ul li.swiper-slide-active .con .txt-area {opacity: 1;transform: translateY(0); }


.index-banner .btns {position: absolute;top: 50%;transform: translateY(-50%);right: 5.2%;z-index: 10; }
.index-banner .btns .t {padding-right: 60px;font-size: 16px;line-height: 32px;color: #fff;position: relative;cursor: pointer; }
.index-banner .btns .t span {opacity: 0; }
.index-banner .btns .t:after {width: 20px;height: 2px;opacity: 0.5;background-color: #fff;position: absolute;top: 50%;margin-top: -1px;right: 0;content: '';transition: .5s; }
.index-banner .btns .t.on span {opacity: 1; }
.index-banner .btns .t.on:after {width: 40px;opacity: 1; }
.index-banner .btns1 {position: absolute;z-index: 10;bottom: 4%;text-align: center;font-size: 0;display: none; }
.index-banner .btns1 span {width: 10px;height: 10px;opacity: 1;background: none;background-position: center;background-repeat: no-repeat;cursor: pointer;display: inline-block;margin: 0 5px;border: 1px solid #fff;border-radius: 100%; }

.index-banner .btns1 span.swiper-pagination-bullet-active {background-color: #fff; }

@media (max-width: 1366px) {
	.index-banner ul li .con .cn {font-size: 36px;line-height: 36px; } 
}

@media (max-width: 1200px) {
	.index-banner ul li .con .cn {font-size: 30px;	line-height: 30px; } 
}

@media (max-width: 1024px) {
	.index-banner {	height: calc(100vh - 50px); }
	.index-banner ul li .con .cn {font-size: 22px;line-height: 22px; } 

}

@media (max-width: 768px) {
	.index-banner ul li .con .en {letter-spacing: 0;font-size: 14px;line-height: 14px; }
	.index-banner ul li .con .cn {margin-top: 10px; }
	.index-banner ul li .con .line {height: 2px;margin: 20px auto 0; }
	.index-banner ul li .con .txt {	font-size: 16px;line-height: 24px;max-width: 90%;margin: 20px auto 0; }
	.index-banner .btns {display: none; }
	.index-banner .btns1 {display: block; }

	.index-banner ul li .con .txt-area{ width: 85%;  }

}

.indexTitle {width: 100%;text-align: center; }
.indexTitle .en {font-size: 18px;line-height: 18px;text-transform: uppercase;color: #c0c2cc;letter-spacing: 4px;font-family: Arial; }
.indexTitle .cn {font-size: 36px;line-height: 36px;color: #707070;margin-top: 27px; }
.indexTitle .line {width: 42px;height: 3px;margin: 29px auto 0;background-color: #888; }

@media (max-width: 1366px) {
	.indexTitle .cn {font-size: 30px;line-height: 30px;margin-top: 13px; }
	.indexTitle .en {font-size: 16px;line-height: 16px;letter-spacing: 2px; }
	.indexTitle .line {margin: 20px auto 0; } 

}

@media (max-width: 1024px) {
	.indexTitle .cn {font-size: 22px;line-height: 22px;margin-top: 10px; }
	.indexTitle .en {font-size: 14px;line-height: 14px; }
	.indexTitle .line {height: 2px;margin: 10px auto 0; } 

}

.index .index-about {width: 100%;height: auto;position: relative; }
.index .index-about .box {width: 100%;height: auto;position: relative;padding-top: 6.3%;padding-bottom: 5.2%; }
.index .index-about .box .bg {width: 32.5%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;background-color: #f8f8f8;display: none; }
.index .index-about .box .w1400 .img {width: 4.7%;top: 0;right: 0;position: absolute;z-index: -1; }
.index .index-about .box .w1400 .pic {width: 57.6%;float: left;height: auto; }
.index .index-about .box .w1400 .con {/*width: 35.4%;height: auto;float: right;*/padding-top: 20px; }
.index .index-about .box .w1400 .con .en {font-size: 16px;line-height: 16px;text-transform: uppercase;color: #808080;font-family: Arial;letter-spacing: 4px; }
.index .index-about .box .w1400 .con .cn {font-size: 42px;line-height: 42px;color: #707070;margin-top: 28px; }
.index .index-about .box .w1400 .con .line {width: 42px;height: 3px;background-color: #888;margin-top: 30px; }
.index .index-about .box .w1400 .con .txt {font-size: 14px;line-height: 20px;color: #808080;margin-top: 30px; }
.index .index-about .box .w1400 .con .more {width: 180px;height: 50px;border-radius: 25px;background-image: url("../images/bg1.png");text-align: center;display: block;margin:auto;margin-top: 30px;}
.index .index-about .box .w1400 .con .more span {display: inline-block;font-size: 16px;line-height: 55px;padding-right: 54px;background-image: url("../images/icon1.png");background-repeat: no-repeat;background-position: right center;color: #fff;letter-spacing: 3px; }
.index .index-about .box1 {padding-bottom: 6.5%; }
.index .index-about .box1 .item {width: 17.1%;height: auto;float: left;margin-right: 3.625%; }
.index .index-about .box1 .item:last-child {margin-right: 0; }
.index .index-about .box1 .item .t {font-size: 14px;line-height: 47px;color: #808080; }
.index .index-about .box1 .item .t span {font-size: 60px;line-height: 47px;font-family: Arial;color: #1D2088;margin-right: 20px; }
.index .index-about .box1 .item .t1 {font-size: 18px;line-height: 18px;color: #333;margin-top: 10px; }
.index .index-product {width: 100%;height: auto;background-position: center;background-size: cover;background-repeat: no-repeat;padding: 5.2% 0; }

.index .index-product .en{color:#fff;}
.index .index-product .cn{color:#fff;}
.index .index-product .line{background-color:#fff;}

.about_js{margin-bottom:50px; color:#777; }
.about_js img{ max-width:100%; height:auto; margin-bottom:30px;}


.index .index-product .itemBox {width: 100%;text-align: center;font-size: 0;margin-top: 6%; }
.index .index-product .itemBox .item {width: 12.5%;height: auto;margin: 0 4%;display: inline-block; }
.index .index-product .itemBox .item a {width: 100%;height: auto;display: block;text-decoration:none;}
.index .index-product .itemBox .item a .icon {width: 100%;height: auto;box-sizing: border-box;border: 4px solid #ebebeb;border-radius: 100%;overflow: hidden;position: relative;background-color: #fff;background-size: cover;background-repeat: no-repeat;background-position: center; }
.index .index-product .itemBox .item a .icon img {position: relative;z-index: 4; }
.index .index-product .itemBox .item a .icon img.img1 {display: block; }
.index .index-product .itemBox .item a .icon img.img2 {display: none; }
.index .index-product .itemBox .item a .icon .bg {background-image: url("../images/bg3.png");background-size: cover;background-repeat: no-repeat;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 100%;overflow: hidden;transform: scale(0);transition: transform 0.7s ease-out; }
.index .index-product .itemBox .item a p {text-align: center;font-size: 16px;line-height: 16px;color: #fff;margin-top: 20px; }

@media (min-width: 1024px) {
	.index .index-product .itemBox .item:hover a .icon .bg {transform: scale(1.1); }
	.index .index-product .itemBox .item:hover a .icon img.img1 {display: none; }
	.index .index-product .itemBox .item:hover a .icon img.img2 {display: block; }
	.index .index-product .itemBox .item:hover a p {color: #b5cde7; } 

}

.index .index-product .more {width: 180px;height: 50px;border-radius: 25px;text-align: center;font-size: 16px;line-height: 55px;/*background-image: url("../images/bg2.png");*/background:linear-gradient(to right,#0a72db, #34ac8b);display: block;margin: 5% auto 1.5%;color:#fff;}

@media (min-width: 1024px) {
	.index .index-product .more:hover {	background-image: url("../images/bg1.png");	text-decoration:none;color: #fff; }

}

.index .index-case {padding: 5.3% 0; }
.index .index-case .btns {margin-top: -40px; }
.index .index-case .btns .btns-new {float: right;margin-right: 24px; }
.index .index-case .listBox {width: calc(100% - 100px);margin: 50px auto 0;position: relative; }
.index .index-case .listBox .a {width: 40px;height: 40px;display: block;position: absolute;top: 50%;margin-top: -20px;z-index: 10;0display: none; }
.index .index-case .listBox .a.prev {background-image: url("../images/prev.png");left: -45px; }
.index .index-case .listBox .a.next {background-image: url("../images/next.png");right: -45px; }


@media (min-width: 1024px) {
	
	.index .index-case .listBox .a:hover.prev {	background-image: url("../images/prev_h.png"); }
	.index .index-case .listBox .a:hover.next {	background-image: url("../images/next_h.png"); }

}

@media (max-width: 1200px) {
	.index .index-case .listBox .a {display: block; }

}
.index .index-case .list {width: 100%;height: auto;position: relative; }
.index .index-case .list ul {width: 100%;height: auto; }
.index .index-case .list ul li {width: 22.9%;float: left;margin-right: 2.8%;overflow: hidden;border-radius: 3px; }
.index .index-case .list ul li:last-child {margin-right: 0; }
.index .index-case .list ul li a {width: 100%;height: auto;display: block;position: relative; }
.index .index-case .list ul li a .bg {width: 100%;height: 100%;background-image: url("../images/bg4.png");position: absolute;top: 0;left: 0;opacity: 0;transition: opacity .5s; }
.index .index-case .list ul li a .con {
width: calc(100% - 60px);
height: auto;
position: absolute;
bottom: -9%;
left: 30px;
color: #fff;
transition: bottom .5s; }
.index .index-case .list ul li a .con .icon {
width: 100%;
height: 63px;
position: relative; }
.index .index-case .list ul li a .con .icon img {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); }
.index .index-case .list ul li a .con .tits {
font-size: 24px;
line-height: 24px;
font-weight: bold;
margin-top: 15px; }
.index .index-case .list ul li a .con .tit {
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
font-family: Arial;
margin-top: 14px; }
.index .index-case .list ul li a .con .more {
width: 22px;
height: auto;
margin-top: 85px; }


@media (min-width: 1024px) {
	.index .index-case .list ul li:hover a .bg {
	opacity: 1; }
	.index .index-case .list ul li:hover a .con {
	bottom: 9%; }

}




.index .index-case .moreClick {
width: 180px;
height: 50px;
border-radius: 25px;
text-align: center;
font-size: 16px;
line-height: 50px;
background-image: url("../images/bg2.png");
letter-spacing: 4px;
display: block;
margin: 4.2% auto 0;
color: #3d82d0; }

@media (min-width: 1024px) {
	.index .index-case .moreClick:hover {
	background-image: url("../images/bg1.png");
	color: #fff; }

}

.index-case-list{ margin-top:50px;}		
.index-case-list img{width:100%; height:auto;}
.index-case-list a{ color:#333;}
.index-case-list .listpic{position:relative; margin:15px 0;}

.index-case-list .listpic .txts{width:100%; height:55px; overflow:hidden; line-height:55px; text-align:center; display:block; background:#ededed; font-size:16px;}

.index-case-list .listpic .cover{background-image:url(../images/case_bg.png);width:100%;height:100%;opacity:0;position:absolute;transform:translateY(20px);-webkit-transform:translateY(20px);transition:600ms;-webkit-transition:600ms;z-index:7;top:-20px; left:0; }

.index-case-list .listpic .link{background-image:url(../../images/link.png); width:50px;height:50px;opacity:0;position:absolute;transform:translateY(20px);-webkit-transform:translateY(20px);transition:600ms;-webkit-transition:600ms;z-index:7;top:25%; left:45%; }

.index-case-list .listpic:hover .cover{opacity:1;}
.index-case-list .listpic:hover .link{opacity:1;}
.index-case-list:hover a{ text-decoration:none; }


.index .index-advertise {
width: 100%;
height: auto;
/*padding-top: 5.2%; */

}
.index .index-advertise .box {
width: 100%;
position: relative;
height: auto;
margin-top: 38px; }
.index .index-advertise .box .box-new {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.index .index-advertise .box .box-new .w1400 {
height: 100%; }
.index .index-advertise .box .box-new .w1400 .item {
width: 33.3333333333%;
height: 100%;
position: relative;
float: left;
transition: background 0.5s; }
.index .index-advertise .box .box-new .w1400 .item .con {
width: 100%;
height: auto;
color: #fff;
padding-top: 61%;
transition: .5s;
position: relative;
z-index: 4; }
.index .index-advertise .box .box-new .w1400 .item .con .icon {
width: 100%;
height: 72px;
position: relative;
opacity: 1;
transition: .5s; }
.index .index-advertise .box .box-new .w1400 .item .con .icon img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%; }
.index .index-advertise .box .box-new .w1400 .item .con .tits {
text-align: center;
font-size: 24px;
line-height: 26px;
font-weight: bold;
margin-top: 9%; }
.index .index-advertise .box .box-new .w1400 .item .con .txt {
width: 360px;
max-width: 90%;
margin: 14px auto 0;
font-size: 14px;
line-height: 20px;
text-align: center;
opacity: 0;
transition: .5s; }
.index .index-advertise .box .box-new .w1400 .item .img {
width: 100%;
height: auto;
position: absolute;
bottom: 5%;
left: 0;
opacity: 0;
transition: .2s; }

@media (min-width: 1024px) {
	.index .index-advertise .box .box-new .w1400 .item:hover {
	background-image: url("../images/bg5.png"); }
	.index .index-advertise .box .box-new .w1400 .item:hover .con {
	padding-top: 52%; }
	.index .index-advertise .box .box-new .w1400 .item:hover .con .icon {
	  opacity: 1; }
	.index .index-advertise .box .box-new .w1400 .item:hover .con .txt {
	  opacity: 1; }
	.index .index-advertise .box .box-new .w1400 .item:hover .img {
	opacity: 1;
	bottom: 8%; }

}


.index .index-layout {
width: 100%;
height: auto;
padding-top: 3.8%;
padding-bottom: 4.2%; }
.index .index-layout .con {
width: 1036px;
margin: 45px auto 0;
max-width: 100%; }
.index .index-layout .con .txt {
text-align: center;
font-size: 14px;
line-height: 24px;
color: #808080; }
.index .index-layout .con .tit {
font-size: 18px;
line-height: 28px;
color: #666;
margin-top: 18px;
text-align: center; }
.index .index-layout .con .list {
width: 100%;
height: auto;
margin-top: 40px; }
.index .index-layout .con .list .btns {
text-align: center;
width: 100%;
height: auto;
margin-top: 40px;
font-size: 0; }
.index .index-layout .con .list .btns span {
width: 12px;
height: 12px;
opacity: 1;
background: none;
background-position: center;
background-size: cover;
background-image: url("../images/btns_icon.png");
cursor: pointer;
margin: 0 10px;
display: inline-block; }
.index .index-layout .con .list .btns span.swiper-pagination-bullet-active {
background-image: url("../images/btns_icon_h.png"); }


@media (max-width: 1366px) {
	.index .index-about .box .w1400 .con .cn {
	font-size: 32px;
	line-height: 32px;
	margin-top: 20px; }
	.index .index-about .box .w1400 .con .line {
	margin-top: 20px; }
	.index .index-about .box .w1400 .con .more {
	margin-top: 40px; }
	.index .index-about .box1 .item .t {
	line-height: 44px; }
	.index .index-about .box1 .item .t span {
	font-size: 44px;
	margin-right: 6px; }
	.index .index-case .list ul li a .con {
	bottom: -16%; }
	.index .index-case .list ul li a .con .tits {
	font-size: 20px;
	line-height: 20px; }

}


@media (max-width: 1200px) {
	.index .index-about .box .w1400 .con {
	width: 39%; }
	.index .index-about .box .w1400 .con .cn {
	font-size: 26px;
	line-height: 26px;
	margin-top: 15px; }
	.index .index-about .box .w1400 .con .line {
	margin-top: 15px; }
	.index .index-about .box .w1400 .con .more {
	margin-top: 30px; }
	.index .index-about .box1 .item .t1 {
	font-size: 16px;
	line-height: 16px;
	margin-top: 0px; }
	.index .index-case .list ul li {
	width: 31%;
	margin-right: 3.5%; }
	.index .index-advertise .box .box-new .w1400 .item .con .tits {
	font-size: 20px;
	line-height: 20px;
	margin-top: 4%; }

}


@media (max-width: 1024px) {
	.index .index-product .itemBox .item {
	width: 33.3333333333%;
	margin: 0 0 25px 0; }
	.index .index-product .itemBox .item a .icon {
	width: 100px;
	border: 2px solid #ebebeb;
	margin: 0 auto; }
	.index .index-product .itemBox .item a p {
	margin-top: 10px; }
	.index .index-case .list ul li {
	width: 48.5%;
	margin-right: 3%; }
	.index .index-case .list ul li a .bg {
	opacity: .5; }
	.index .index-case .list ul li a .con {
	bottom: 4%; }
	.index .index-case .list ul li a .con .more {
	margin-top: 20px; }
	.index .index-case .list ul li a .con .tits {
	font-size: 18px;
	line-height: 18px;
	margin-top: 10px; }
	.index .index-case .list ul li a .con .icon {
	height: 45px; }
	.index .index-case .list ul li a .con .icon img {
	max-height: 100%; }
	.index .index-case .list ul li a .con .tit {
	font-size: 14px;
	margin-top: 5px; }
	.index .index-advertise .box .box-new .w1400 {
	width: 100%;
	max-width: 100%; }
	.index .index-advertise .box .box-new .w1400 .item {
	background-image: url("../images/bg5.png"); }
	.index .index-advertise .box .box-new .w1400 .item .con {
	padding-top: 52%; }
	.index .index-advertise .box .box-new .w1400 .item .con .icon {
	opacity: 1;
	height: 36px; }
	.index .index-advertise .box .box-new .w1400 .item .con .txt {
	opacity: 1; }
	.index .index-advertise .box .box-new .w1400 .item .img {
	opacity: 1;
	bottom: 8%; }

}

@media (max-width: 900px) {
	.index .index-about .box .w1400 .pic {
	width: 100%;
	float: none; }
	.index .index-about .box .w1400 .con {
	width: 100%;
	float: none;
	padding-top: 15px; }
	.index .index-about .box .bg {
	display: none; }
	.index .index-about .box .w1400 .con .en {
	letter-spacing: 0; }
	.index .index-about .box .w1400 .con .cn {
	font-size: 22px;
	line-height: 22px;
	margin-top: 10px; }
	.index .index-about .box .w1400 .con .line {
	margin-top: 5px;
	height: 3px; }
	.index .index-about .box .w1400 .con .txt {
	margin-top: 20px; }
	.index .index-about .box .w1400 .con .more {
	width: 120px;
	height: 33px;
	line-height: 33px;
	font-size: 14px; }
	.index .index-about .box .w1400 .con .more span {
	line-height: 33px;
	padding-right: 30px;
	font-size: 14px;
	background-size: 18px auto; }
	.index .index-about .box1 .item {
	width: 33.3333333333%;
	margin-right: 0;
	margin-bottom: 20px; }
	.index .index-about .box1 .item .t {
	line-height: 30px; }
	.index .index-about .box1 .item .t span {
	font-size: 30px; }
	.index .index-about .box1 .item .t1 {
	font-size: 12px;
	line-height: 12px; }

}


@media (max-width: 768px) {
	.index .index-product .itemBox .item a .icon {width: 70px; }
	.index .index-product .itemBox .item a p {font-size: 14px; }
	.index .index-product .more {width: 120px;	height: 33px;font-size: 14px;line-height: 35px; }
	.index .index-case .listBox {width: 100%;margin: 20px 0; }
	.index .index-case .listBox .a {width: 30px;height: 30px; }
	.index .index-case .listBox .a.prev {left: 0;background-image: url("../images/prev_h.png"); }
	.index .index-case .listBox .a.next {right: 0;background-image: url("../images/next_h.png"); }
	.index .index-case .list {width: calc(100% - 70px);margin: 0 auto; }
	.index .index-case .list ul li {width: 100%;margin-right: 20px; }
	.index .index-case .moreClick {width: 120px;line-height: 33px;font-size: 14px;height: 33px; }
	.index .index-advertise .box .box-new {position: relative;top: auto;left: auto;	height: auto; }
	.index .index-advertise .box .box-new .w1400 {height: auto; }
	.index .index-advertise .box .box-new .w1400 .item {width: 100%;height: auto;float: none; }
	.index .index-advertise .box .box-new .w1400 .item .con {padding: 10% 0; }
	.index .index-advertise .box .box-new .w1400 .item .con .icon img {display: block; }
	.index .index-advertise .box {margin-top: 20px; }
	.index .index-advertise .box img {display: none; }
	.index .index-layout .con {	margin: 20px auto 0; }
	.index .index-layout .con .tit {font-size: 14px;line-height: 20px;margin-top: 5px; }
	.index .index-layout .con .list {margin-top: 20px; }
	.index .index-layout .con .list .btns {margin-top: 15px; }
	.index .index-case .btns .btns-new {margin-right: 0; }
	.index .index-case .btns .btns-new a {width: 30px;height: 30px;	background-size: cover; }
	.index .index-case .btns .btns-new a.prev {	margin-right: 10px; }
	.index .index-about .box1 .item:nth-child(4) {width: 40%;margin: 0 5%; }
	.index .index-about .box1 .item:nth-child(5) {width: 40%;margin-left: 0 5%; }

}

.bottom {width: 100%;height: auto;background-color: #333; }
.bottom .item {width: 33.3333333333%;float: left;height: 230px;text-align: center; }
.bottom .item .icon {width: 65px;height: auto;margin: 54px auto 0; }
.bottom .item .t {font-size: 14px;line-height: 30px;color: #999;margin-top: 5px; }
.bottom .item .t1 {font-size: 18px;line-height: 30px;color: #3d82d0; }
.bottom .item:nth-child(2) {background-color: #262626; }

@media (max-width: 1024px) {
	.bottom .item {	height: 180px; }
	.bottom .item .icon {width: 45px;margin: 35px auto 0; }
	.bottom .item .t1 {font-size: 16px;line-height: 18px; } 

}

@media (max-width: 768px) {
	.bottom .w1400 {width: 100%; }
	.bottom .w1400 .item {width: calc(100% - 60px);height: auto;position: relative;text-align: left;padding: 30px 0 30px calc(4% + 60px); }
	.bottom .w1400 .item .icon {position: absolute;top: 50%;transform: translateY(-50%);left: 4%;margin: 0; }
	.bottom .w1400 .item .t {margin-top: 0;line-height: 24px; } 

}

.footer {width: 100%;height: auto;background-color: #1c1c1c;padding-top: 50px;}

.footer .footerLeft {float: left; }
.footer .footerLeft .logo {width: 175px;height: auto; }

.footer .footerLeft .wechar {width: 330px;height: auto; }  

.footer .footerLeft .wechar img {margin-bottom: 5px;} 

.footer .footerLeft .wechar .gzh {
float:left;
width: 100px;
max-width:33.33333%;
height: auto;  text-align:center;
color:#999;
margin-right:5px;
}  

.footer .footerLeft .wechar .xmp {
float:left;
width: 100px;
max-width:33.33333%;
height: auto;

text-align:center;
color:#999;

}  

.footer .footerLeft .share {margin-top: 20px; }

.footer .footerLeft .share a {
width: 36px;
height: 36px;
padding: 0;
margin: 0;
background-color: #110f11;
border-radius: 100%;
display: block;
float: left;
background-position: center;
background-repeat: no-repeat;
margin-right: 15px;
opacity: 1; }

.footer .footerLeft .share a.bds_sqq {background-image: url("../images/qq.png"); }
.footer .footerLeft .share a.bds_weixin {background-image: url("../images/wx.png"); }
.footer .footerLeft .share a.bds_tsina {background-image: url("../images/wb.png"); }

@media (min-width: 1024px) {
	.footer .footerLeft .share a:hover {background-color: #3d82d0; }
	.footer .footerLeft .share a:hover.bds_sqq {background-image: url("../images/qq_h.png"); }
	.footer .footerLeft .share a:hover.bds_weixin {background-image: url("../images/wx_h.png"); }
	.footer .footerLeft .share a:hover.bds_tsina {background-image: url("../images/wb_h.png"); } 

}


.footer .footerLeft p {
font-size: 14px;
line-height: 14px;
color: #999;
margin-top: 0px;
margin-bottom:15px;
}

.footer .copy  {
font-size: 14px;
line-height: 14px;
color: #999;
text-align:center;
height:48px;
line-height:48px;
/*border-top:1px solid #777;*/

}
.footer .copy a {
font-size: 14px;
line-height: 14px;
color: #999;

}

.footer .links  {
font-size: 13px;
line-height: 13px;
color: #888;


line-height:26px;
border-top:1px solid #777;

}
.links a {
font-size: 13px;
line-height: 13px;
color: #777;

}


.footer .nav {
float: right;
padding-top: 8px; }
.footer .nav dl {
width: 100px;
margin-right: 40px;
float: left; 
}
/*
.footer .nav dl:nth-child(2){
width:120px;
}*/
.footer .nav dl:last-child {
margin-right: 0;
}
.footer .nav dl dt {
width: 100px;
height: 56px;
margin-bottom: 11px; }
.footer .nav dl dd{
height:30px;
overflow:hidden;
text-overflow:ellipsis;
}
.footer .nav dl dt a {
font-size: 18px;
line-height: 28px;
font-weight: bold;
color: #999;
}

@media (min-width: 1024px) {
	.footer .nav dl dt a:hover {color: #fff; } 

}

.footer .nav dl dd a {font-size: 14px;line-height: 30px;color: #808080; }

@media (min-width: 1024px) {
	.footer .nav dl dd a:hover {color: #fff; } 
}
@media (max-width: 1420px) {
	
	.footer .nav dl {margin-right: 45px; }
}

@media (max-width: 1355px) {
	.footer .nav dl {margin-right: 25px; }
}

@media (max-width: 1290px) {
	.footer .nav dl {margin-right: 15px; }
}


@media (max-width: 1240px) {
	.footer .footerLeft .logo {width: 125px; } 
}

@media (max-width: 1200px) {
	.footer .nav dl {margin-right: 15px; } 

}

@media (max-width: 1160px) {
	.footer .nav dl {margin-right: 0px; } 

}




@media (max-width: 1024px) {
	.footer {padding-top: 30px;padding-bottom: 30px; }
	.footer .nav {display: none; }
	.footer .footerLeft .logo {width: 105px; }
	.footer .footerLeft .share {margin-top: 20px; }
	.footer .footerLeft p {	margin-top: 20px; }
}

.banner {
width: 100%;
height: 480px;
position: relative; }
.banner .con {
padding-top: 190px; }
.banner .con .indexTitle .en {
color: #fff; }
.banner .con .indexTitle .cn {
color: #fff; }
.banner .con .indexTitle .line {
background-color: #fff; }
.banner .bannerNav {
width: 100%;
height: auto;
position: absolute;
left: 0;
bottom: 0; }
.banner .bannerNav .w1520 {
height: 60px;
background-color: rgba(0, 0, 0, 0.3);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden; }
.banner .bannerNav .w1520 a {
height: 60px;
display: block;
float: left;
position: relative;
text-align: center;
font-size: 18px;
line-height: 65px;
color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-decoration: none;

}
.banner .bannerNav .w1520 a:after {
width: 1px;
height: 100%;
background-color: rgba(255, 255, 255, 0.2);
position: absolute;
top: 0;
right: 0;
z-index: 4;
content: ''; }
.banner .bannerNav .w1520 a:last-child:after {
display: none; }
.banner .bannerNav .w1520 a.on {
background-image: url("../images/nav_bg.jpg"); }

@media (min-width: 1024px) {
	.banner .bannerNav .w1520 a:hover {	background-image: url("../images/nav_bg.jpg"); } 

}


.banner .bannerNav .w1520.caseNav a {
width: 20%; }
.banner .bannerNav .w1520.newsNav a {
width: 50%; }
.banner .bannerNav .w1520.productNav a {
width: 50%; }

@media (max-width: 1200px) {
	.banner {height: 380px; }
	.banner .con {padding-top: 135px; } 

}

@media (max-width: 1024px) {
	.banner .bannerNav {display: none; }
	.banner .bannerNavM {display: block; } 
}
@media (max-width: 768px) {
	.banner {height: 230px; }
	.banner .con {padding-top: 75px; }


	.footer .copy  {
	font-size: 14px;
	line-height: 14px;
	color: #999;
	text-align:center;
	height:48px;
	line-height:28px;
	/*border-top:1px solid #777;*/

	}

	.footer .links  {display:none}

}

.bannerNavM {
width: 100%;
padding: 15px 0;
position: relative;
z-index: 20;
display: none; }
.bannerNavM.bg {
background-color: #f8f8f8; }
.bannerNavM .tits {
border: 2px solid #4ea09e;
border-radius: 10px;
font-size: 14px;
line-height: 40px;
padding-left: 20px;
width: calc(100% - 0px);
color: #333; 
box-sizing:border-box;
background:#eee;

}
.bannerNavM .tits i {
width: 12px;
height: 100%;
position: absolute;
top: 0;
transform: rotateX(180deg);
right: 20px;
transition: all .5s;
background-position: center;
background-repeat: no-repeat;
background-image: url("../images/my_ico21.png"); }
.bannerNavM dl {
width: 100%;
height: auto;
position: absolute;
top: 41px;
left: 0;
border: 2px solid #4ea09e;
background-color: #fff;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
display: none;
padding: 5px 0; 
box-sizing: border-box;

}
.bannerNavM dl dd a {
width: calc(100% - 20px);
display: block;
padding-left: 20px;
font-size: 14px;
line-height: 32px;
color: #666; }

@media (max-width: 1024px) {
	.bannerNavM {display: block; }
	.bannerNavM .js-noclick.on .tits {border-bottom-left-radius: 0;border-bottom-right-radius: 0; }
	.bannerNavM .js-noclick.on .tits i {transform: rotateX(0deg); } 

}

.about .box1 {
width: 100%;
height: auto;
background-position: center 75px;
padding-bottom: 5%; }
.about .box1 .bb1 {
margin: -75px auto 0;
border-radius: 15px;
background-color: #fff;
padding-top: 4.5%;
padding-bottom: 3.4%; }
.about .box1 .bb1 .tits {
text-align: center;
font-size: 36px;
line-height: 36px;
color: #707070; }
.about .box1 .bb1 .tit {
text-align: center;
font-size: 18px;
line-height: 24px;
color: #707070;
max-width: 90%;
margin: 20px auto 0; }
.about .box1 .bb1 .itemBox {
width: 1290px;
max-width: 90%;
margin: 37px auto 0; }
.about .box1 .bb1 .itemBox .item {
width: 33.3333333333%;
height: auto;
float: left;
text-align: center; }
.about .box1 .bb1 .itemBox .item .icon {
width: 100%;
height: 47px;
position: relative; }
.about .box1 .bb1 .itemBox .item .icon img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; }
.about .box1 .bb1 .itemBox .item .t {
font-size: 18px;
line-height: 20px;
color: #666;
margin-top: 23px; }
.about .box1 .bb1 .itemBox .item .line {
width: 42px;
height: 3px;
background-color: #999;
margin: 30px auto 0; }
.about .box1 .bb1 .itemBox .item .t1 {
font-size: 18px;
line-height: 24px;
color: #707070;
margin-top: 26px; }
.about .box1 .bb1 .itemBox .item .t1 span {
font-size: 14px;
color: #999; }
.about .box1 .bb1 .itemBox .item .t2 {
font-size: 18px;
line-height: 36px;
color: #707070;
margin-top: 25px; }
.about .box1 .bb1 .itemBox .item .t2 span {
font-size: 36px; }
.about .box1 .bb2 {
margin: 5.3% auto 0;
text-align: center;
color: #707070; }
.about .box1 .bb2 .tits {
font-size: 36px;
line-height: 36px; }
.about .box1 .bb2 .tits span {
font-weight: bold; }
.about .box1 .bb2 .tit {
font-size: 24px;
line-height: 24px;
margin-top: 3.2%; }
.about .box1 .bb2 .itemBox {
width: 100%;
height: auto;
margin-top: 5.2%; }
.about .box1 .bb2 .itemBox .item {
width: 33.3333333333%;
height: auto;
float: left; }
.about .box1 .bb2 .itemBox .item .icon {
width: 92px;
height: auto;
margin: 0 auto; }
.about .box1 .bb2 .itemBox .item .t {
font-size: 24px;
line-height: 24px;
margin-top: 20px; }
.about .box1 .bb2 .itemBox .item .t1 {
width: 275px;
max-width: 90%;
margin: 23px auto 0;
font-size: 14px;
line-height: 24px;
}

.about .box2 {
text-align: center;
padding-top: 7.2%;
position: relative;
margin-bottom:80px;
}
.about .box2 .bg {
width: 37.7%;
height: calc(100% - 50px);
background-color: #f8f8f8;
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
display: none; }
.about .box2 .tits {
font-size: 36px;
line-height: 36px;
color: #707070; }
.about .box2 .tit {
font-size: 24px;
line-height: 24px;
color: #707070;
margin-top: 30px; }
.about .box2 .bb {
text-align: center;
color: #fff;
padding: 8% 0 7.2%;
margin-top: 50px; }
.about .box2 .bb .t {
font-size: 24px;
line-height: 24px;
font-weight: bold;
margin-bottom:50px;
}
.about .box2 .bb .t1 {
width:40%;
font-size: 18px;
line-height: 32px;
margin:auto;
margin-top: 42px;
text-align:center;
}

.about .box2 .bb .t1 p span {font-weight: bold; }


.about .box1 .bb3 {margin:auto; padding-top:5.2%;text-align: center;}
.about .box1 .bb3 .tits {font-size: 30px;line-height: 36px; color: #2768b7;font-weight: bold;}
.about .box1 .bb3 .tits span {font-weight: bold; color:#E60012;}

.about .box1 .bb3 .tit {width:68%; margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #888;}
.about .box1 .bb3 .tit span {font-weight: bold; color:#226072;}
.about .box1 .bb3 .titxm{ margin-top:3.8%;}

.about .box1 .bb3 .titxm img{width:135px;transition:all 0.6s;}
.about .box1 .bb3 .titxm .imgs:hover img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
.about .box1 .bb3 .titxm .xmxx{margin-top:20px; color:#555;}


.website .box1 .bb3 .titxm img{width:135px;transition:all 0.6s;}
.website .box2 {padding-top: 0 ;position: relative; margin-bottom:0;}
.website .box2 .bb {text-align: center;color: #fff;padding: 6% 0 7.2%;margin-top: 0; }

.website .box2 .bb .tits {font-size: 30px;line-height: 36px; color: #fff;font-weight: bold;}
.website .box2 .bb .tit {width:70%; margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #fff;}
.website .box2 .bb  img {width:200px; margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #fff;}

.about .box1 .bb3 .webcms img{width:800px;transition:all 0.6s;margin-top:40px; }

.about .box2 .titsj{ margin-top:3.8%;}
.about .box2 .titsj img{width:420px;transition:all 0.6s;}
.about .box2 .titsj .sjico{ margin:auto; float:none; }

.about .box2 .titsj .spjt{width:260px; height:500px; float:left;}
.about .box2 .titsj .spjt .spjt1{ width:257px; height:154px; padding-top:50px; text-align:center; margin:0 0 20px 0px; background:url(../../images/jmwz3.png) no-repeat center center;}
.about .box2 .titsj .spjt .spjt2{ width:257px; height:154px; padding-top:40px;  text-align:center; margin:10px 0 20px 80px; background:url(../../images/jmwz3.png) no-repeat center center;}
.about .box2 .titsj .spjt .spjt3{ width:257px; height:154px; padding-top:40px; text-align:center;  margin:10px 0 0 0px; background:url(../../images/jmwz3.png) no-repeat center center;}

.about .webbest{padding:5% 0;}

.about .index-about .box .w1400 .con .more {width: 180px;height: 50px;border-radius: 25px;background-image: url("../images/bg1.png");text-align: center;display: block;margin:auto;margin-top: 30px;}
.about .index-about .box .w1400 .con .more span {display: inline-block;font-size: 16px;line-height: 55px;padding-right: 54px;background-image: url("../images/icon1.png");background-repeat: no-repeat;background-position: right center;color: #fff;letter-spacing: 3px; }

.about .box1 .bb3 .markets .xmxx{margin-top:20px; color:#555; font-size:16px;}
.about .box1 .bb3 .markets .xmxx p{ color:#888; font-size:14px; width:60%; margin:auto;display:block;margin-top:10px;}

.website .box2 .bgc img {margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #fff;}

.marketlist .box2 .seomark img {width:300px; margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #fff;}

.about .box1 .bb3 .markets .yxxweb{ margin:30px 0;}
.about .box1 .bb3 .markets .yxxweb .xmxx{ text-align:left; font-size:20px; color:#2768b7;}
.about .box1 .bb3 .markets .yxxweb .xmxx p{ color:#888; font-size:14px; width:90%; margin:0 ;margin-top:10px;}

.marketlist .box2 .seotrade img {width:500px; margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #fff;}

.about .box1 .bb3 .alimail .xmxx p{ width:90%;}

.about .box1 .bb3 .alimail .imgs{ margin-bottom:10px;}
.about .box1 .bb3 .alimail .xmxx p{height:68px; overflow:hidden;}

.about .box1 .bb3 .alimail img{ width:80px;}

.about .box1 .bb3 .titxm .aliyun{ border:1px solid #efefef; padding:15px 10px;margin:5px 0; }

.about .box1 .bb3 .titxm .aliyun img{width:100%;transition:all 0.6s;}

.about .box1 .bb3 .titxm .aliyun .xmxx p{height:68px; overflow:hidden;}
.about .box2 .bb .alidd{ margin:auto; float:none;}
.about .box2 .bb .alidd img{width:100%;transition:all 0.6s;}


.about .box1 .bb3 .jinpaimail img{ width:120px;}

.marketlist .box2 .jinpaiimg img {width:370px; margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #fff;}
.marketlist .box2 .jinpaiimg p{ margin-top:20px;}



/*
.about .box1 .bb3 .g-why-select-us-feat{margin-top:36px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.about .box1 .bb3 .g-why-select-us-feat .g-why-select-us-feat-card{width:282px;height:352px;left:680px;top:834px;-webkit-box-shadow:0px 4px 8px rgba(214,225,234,0.3);-moz-box-shadow:0px 4px 8px rgba(214,225,234,0.3);box-shadow:0px 4px 8px rgba(214,225,234,0.3);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:18px 24px;background-color:#fff}
*/

@-webkit-keyframes entery{0%{background-position:0 0}to{background-position:0 -4500px}}
@-moz-keyframes entery{0%{background-position:0 0}to{background-position:0 -4500px}}
@-o-keyframes entery{0%{background-position:0 0}to{background-position:0 -4500px}}
@keyframes entery{0%{background-position:0 0}to{background-position:0 -4500px}}
@-webkit-keyframes leave{0%{background-position:0 -4500px}100%{background-position:0 0}}
@-moz-keyframes leave{0%{background-position:0 -4500px}100%{background-position:0 0}}
@-o-keyframes leave{0%{background-position:0 -4500px}100%{background-position:0 0}}
@keyframes leave{0%{background-position:0 -4500px}100%{background-position:0 0}}

.about .box1 .bb3 .g-why-select-us-feat .g-why-select-us-feat-card.feat-card-1 .g-why-select-us-feat-card-icon{background-image:url(https://cdn.kucom.net/kucomorg/images/icon-why-select-us-big-1.png)}
.about .box1 .bb3 .g-why-select-us-feat .g-why-select-us-feat-card.feat-card-2 .g-why-select-us-feat-card-icon{background-image:url(https://cdn.kucom.net/kucomorg/images/icon-why-select-us-big-2.png)}
.about .box1 .bb3 .g-why-select-us-feat .g-why-select-us-feat-card.feat-card-3 .g-why-select-us-feat-card-icon{background-image:url(https://cdn.kucom.net/kucomorg/images/icon-why-select-us-big-3.png)}
.about .box1 .bb3 .g-why-select-us-feat .g-why-select-us-feat-card.feat-card-4 .g-why-select-us-feat-card-icon{background-image:url(https://cdn.kucom.net/kucomorg/images/icon-why-select-us-big-4.png)}
.about .box1 .bb3 .g-why-select-us-feat .g-why-select-us-feat-card .g-why-select-us-feat-card-icon{background-color:#fff;display:inline-block;width:150px;height:150px;-webkit-background-size:150px 150px;-moz-background-size:150px;background-size:150px;background-position:center 0;-webkit-animation:leave 0.4s steps(15) forwards;-moz-animation:leave 0.4s steps(15) forwards;-o-animation:leave 0.4s steps(15) forwards;animation:leave 0.4s steps(15) forwards}

.about .box1 .bb3 .g-why-select-us-feat .g-why-select-us-feat-card:hover .g-why-select-us-feat-card-icon{-webkit-animation:entery 0.4s steps(15) forwards;-moz-animation:entery 0.4s steps(15) forwards;-o-animation:entery 0.4s steps(15) forwards;animation:entery 0.4s steps(15) forwards}



.wechatgzh .box1 .bb3 .titxm .xmxx {margin-top:20px; color:#2768b7; font-size:18px; font-weight:bold;}
.wechatgzh .box1 .bb3 .titxm .xmxx p{margin-top:5px; color:#555; font-size:14px; font-weight:100;}
.wechatgzh .box2 .bb  img {width:360px; margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #fff;}

.wechatgzh .box1 .bb3 .titxm .wxlist img{width:auto;transition:all 0.6s;}

.wechatgzh .box1 .bb3 .wxlist{margin-bottom:20px;}
.wechatgzh .box1 .bb3 .wxlist p{height:95px; overflow:hidden;}



@media (max-width: 1366px) {
	.about .box1 .bb1 .tits {font-size: 30px;line-height: 30px; }
	.about .box1 .bb1 .itemBox .item .t2 {line-height: 30px; }
	.about .box1 .bb1 .itemBox .item .t2 span {	font-size: 30px; }
	.about .box1 .bb2 .tits {font-size: 30px;line-height: 30px; }
	.about .box1 .bb2 .tit {font-size: 20px;line-height: 20px; }
	.about .box1 .bb2 .itemBox .item .t {font-size: 20px;line-height: 20px; }
	.about .box2 .tits {font-size: 30px;line-height: 30px; }
	.about .box2 .tit {font-size: 20px;line-height: 20px;margin-top: 25px; } 

}

@media (max-width: 1200px) {
	.about .box1 .bb1 .itemBox .item .t {margin-top: 15px; }
	.about .box1 .bb1 .itemBox .item .line {margin: 20px auto 0; }
	.about .box1 .bb1 .itemBox .item .t1 {margin-top: 20px; }
	.about .box1 .bb1 .itemBox .item .t2 {margin-top: 24px; } 
	
	.website .box2 .bb {text-align: center;color: #fff;padding: 10% 0 7.2%;margin-top: 0; }
	.website .box2 .bb .tit {width:80%; margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #fff;}
}

@media (max-width: 1024px) {
	.about .box1 .bb1 .tits {font-size: 22px;line-height: 22px; }
	.about .box1 .bb1 .itemBox .item .t2 {line-height: 22px;font-size: 16px; }
	.about .box1 .bb1 .itemBox .item .t2 span {font-size: 22px; }
	.about .box1 .bb1 .itemBox .item .t1 {font-size: 16px;line-height: 22px; }
	.about .box1 .bb2 .tits {font-size: 22px;line-height: 22px;padding-top: 30px;}
	.about .box1 .bb2 .itemBox .item .icon {width: 60px; } 

	
	.about .box1 .bb3 .tits {font-size: 30px;line-height: 36px; color: #2768b7;font-weight: bold;}
	.about .box1 .bb3 .tit {width:90%; margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #888;}
	
	.website .box2 .bb {text-align: center;color: #fff;padding: 15% 0 7.2%;margin-top: 0; }
	
	.about .box1 .bb3 .webcms img{width:100%;transition:all 0.6s;margin-top:40px; }
}

@media (max-width: 768px) {
	.about .box1 {	background-position: center 30px; }
	.about .box1 .bb1 {	margin: -30px auto 0; }
	.about .box1 .bb1 .tit {font-size: 14px;line-height: 22px;margin: 15px auto 0; }
	.about .box1 .bb1 .itemBox .item {width: 100%;float: none;margin-bottom: 25px; }
	.about .box1 .bb1 .itemBox .item .icon {height: 35px; }
	.about .box1 .bb1 .itemBox .item .icon img {max-width: 100%;max-height: 100%; }
	.about .box1 .bb1 .itemBox .item .t {font-size: 16px;line-height: 16px;margin-top: 10px; }
	.about .box1 .bb1 .itemBox .item .line {height: 2px;margin: 10px auto 0; }
	.about .box1 .bb1 .itemBox .item .t1 {font-size: 14px;margin-top: 10px; }
	.about .box1 .bb1 .itemBox .item .t2 {font-size: 14px;line-height: 20px;font-size: 20px;margin-top: 10px; }
	.about .box1 .bb2 .itemBox .item {width: 100%;float: none;margin-bottom: 25px; }
	.about .box1 .bb2 .itemBox .item .icon {width: 46px; }
	.about .box1 .bb2 .itemBox .item .t {font-size: 16px;line-height: 16px;margin-top: 10px; }
	.about .box1 .bb2 .itemBox .item .t1 {margin: 10px auto 0; }
	.about .box2 .tits {font-size: 22px;line-height: 22px; }
	.about .box2 .tit {font-size: 16px;line-height: 16px;margin-top: 15px; }
	.about .box2 .bb {margin-top: 20px; }
	.about .box2 .bb .t {font-size: 18px;line-height: 18px; }
	.about .box2 .bb .t1 {font-size: 14px;line-height: 22px;margin: 20px auto 0;max-width: 92%; }
	.about .box2 .bb .t1 p br {	display: none; } 
	
	.about .box1 .bb3 .tits {font-size: 25px;line-height: 30px; color: #2768b7;font-weight: bold;}
	.about .box1 .bb3 .tit {width:90%; margin:auto; font-size: 16px;line-height: 28px;margin-top: 2%;color: #888;}

	.website .box2 .bb {text-align: center;color: #fff;padding: 25% 0 7.2%;margin-top: 0; }
	.website .box2 .bb .tits {font-size: 25px;line-height: 30px; color: #fff;font-weight: bold;}
	.website .box2 .bb .tit {width:90%; margin:auto; font-size: 16px;line-height: 28px;margin-top: 2%;color: #fff;}
	
	
	.about .box1 .bb3 .webcms img{width:100%;transition:all 0.6s;margin-top:40px; }
	.about .box2 .titsj img{width:100%;transition:all 0.6s;}
	.about .box2 .titsj .spjt{width:100%; height:500px; float:left;}
	
	.about .box2 .titsj .spjt .spjt1{ margin-top:10px;}
	
	.about .suipian .bb {text-align: center;color: #fff;padding: 15% 0 7.2%;margin-top: 0; }
}


@media (max-width: 480px) {
	
	
	
	.about .box1 .bb3 .tits {font-size: 18px;line-height: 30px; color: #2768b7;font-weight: bold;}
	.about .box1 .bb3 .tit {width:100%; margin:auto; font-size: 15px;line-height: 28px;margin-top: 2%;color: #888;}
	
	.about .box1 .bb3 .markets .yxxweb .xmxx{ text-align:left; font-size:17px; color:#2768b7;}
	.about .box1 .bb3 .markets .yxxweb .xmxx p{ color:#888; font-size:13px; width:100%; margin:0 ;margin-top:10px;}
	.about .box1 .bb3 .markets .yxxweb img{ width:100%;margin-top:40px;}
	
	.marketlist .box2 .seotrade img {width:100%; margin:auto; font-size: 20px;line-height: 30px;margin-top: 2%;color: #fff;}
}


.culture .box1 {
background-color: #f8f8f8;
padding-top: 5.2%;
padding-bottom: 6.3%;
position: relative; }
.culture .box1 .box {
position: relative;
margin-top: 50px; }
.culture .box1 .box .con {
width: 100%;
height: 100%;
position: absolute;
top: 0;
text-align: center;
color: #fff; }
.culture .box1 .box .con .tits {
font-size: 38px;
line-height: 36px;
letter-spacing: 20px;
}
.culture .box1 .box .con .tit {
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 2px;

margin-top: 48px; }
.culture .box2 {
padding-top: 5.2%;
padding-bottom: 5%; }
.culture .box2 .itemBox {
width: 100%;
height: auto;
margin-top: 50px; }
.culture .box2 .itemBox .item {
width: 31.6%;
height: auto;
float: left;
margin-right: 2.6%; }
.culture .box2 .itemBox .item:last-child {
margin-right: 0; }
.culture .box2 .itemBox .item .pic {
width: 100%;
height: auto;
position: relative; }
.culture .box2 .itemBox .item .pic .bg {
width: 100%;
height: 100%;
opacity: 0;
top: 0;
left: 0;
position: absolute;
background-image: url("../images/culture_bg1.png");
transition: opacity .5s; }
.culture .box2 .itemBox .item .tits {
font-size: 24px;
line-height: 24px;
color: #707070;
margin-top: 23px; }
.culture .box2 .itemBox .item .tit {
font-size: 14px;
line-height: 25px;
color: #555;
width: 435px;
max-width: 90%;
margin-top: 15px;
position: relative; }
.culture .box2 .itemBox .item .tit:after {
width: 0;
height: 1px;
max-width: 90%;
background-color: #eee;
content: '';
position: absolute;
bottom: -15px;
left: 0;
transition: width .5s; }

@media (min-width: 1024px) {
	.culture .box2 .itemBox .item:hover .pic .bg {opacity: 1; }
	.culture .box2 .itemBox .item:hover .tit:after {width: 360px; } 

}


.culture .box3 {
padding-top: 5.2%;
padding-bottom: 10.2%; }
.culture .box3 .indexTitle .en {
color: #fff;
opacity: 0.7; }
.culture .box3 .indexTitle .cn {
color: #fff; }
.culture .box3 .indexTitle .line {
background-color: #fff; }
.culture .box3 .itemBox {
width: 100%;
text-align: center;
font-size: 0;
margin-top: 10.4%; }
.culture .box3 .itemBox .item {
width: 21.7%;
height: auto;
display: inline-block; }
.culture .box3 .itemBox .item .icon {
width: 100px;
height: auto;
margin: 0 auto; }
.culture .box3 .itemBox .item p {
text-align: center;
font-size: 24px;
line-height: 24px;
color: #fff;
margin-top: 25px; }
.culture .box4 {
background-position: left bottom;
padding: 6.2% 0; }
.culture .box4 .pic {
width: 50%;
float: left; }
.culture .box4 .con {
text-align: center;
width: 50%;
float: left;
padding-top: 50px; }
.culture .box4 .con .tits {
font-size: 24px;
line-height: 24px;
color: #707070;
margin-top: 72px; }
.culture .box4 .con .tit {
font-size: 24px;
line-height: 24px;
color: #555;
margin-top: 48px; }
.culture .box4 .con .tit1 {
font-size: 18px;
line-height: 18px;
margin-top: 20px; }
.culture .box5 {
background-position: center top;
background-size: 100% auto;
background-repeat: no-repeat;
padding-top: 8%;
padding-bottom: 6.2%; }
.culture .box5 .indexTitle .en {
color: #fff;
opacity: 0.8; }
.culture .box5 .indexTitle .cn {
color: #fff; }
.culture .box5 .indexTitle .t {
font-size: 24px;
line-height: 24px;
color: #fff;
margin-top: 29px; }
.culture .box5 .itemBox {
width: 100%;
height: auto;
margin-top: 8%; }
.culture .box5 .itemBox .item {
width: 31.6%;
height: auto;
float: left;
margin-right: 2.6%; }
.culture .box5 .itemBox .item:last-child {
margin-right: 0; }
.culture .box5 .itemBox .item .pic {
width: 100%;
height: auto; }
.culture .box5 .itemBox .item .t {
font-size: 24px;
line-height: 24px;
color: #707070;
margin-top: 30px; }
.culture .box5 .itemBox .item .t1 {
font-size: 16px;
line-height: 16px;
color: #555;
margin-top: 20px; }

@media (max-width: 1366px) {
	.culture .box1 .box .con .tits {
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 80px;
	margin-left: 80px; }
	.culture .box1 .box .con .tit {
	letter-spacing: 12px;
	margin-left: 12px; }
	.culture .box4 .con .tits {
	margin-top: 40px;
	font-size: 20px;
	line-height: 20px; }
	.culture .box4 .con .tit {
	font-size: 20px;
	line-height: 20px;
	margin-top: 20px; }
	.culture .box4 .con .tit1 {
	font-size: 16px;
	line-height: 16px; } 

}

@media (max-width: 1200px) {
	.culture .box2 .itemBox .item .tits {
	font-size: 20px;
	line-height: 20px; }
	.culture .box3 .itemBox .item p {
	font-size: 20px;
	line-height: 20px; }
	.culture .box5 .indexTitle .t {
	font-size: 20px;
	line-height: 20px;
	margin-top: 15px; }
	.culture .box5 .itemBox .item .t {
	font-size: 20px;
	line-height: 20px;
	margin-top: 20px; } 

}

@media (max-width: 1024px) {
	.culture .box1 .box .con .tits {
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 10px;
	margin-left: 10px; }
	.culture .box1 .box .con .tit {
	font-size: 14px;
	line-height: 14px;
	margin-top: 15px;
	letter-spacing: 2px;
	margin-left: 2px; }
	.culture .box1 .box {
	margin-top: 18px; }
	.culture .box1 .box img {
	width: 160%;
	margin-left: -30%; }
	.culture .box4 .con {
	padding-top: 25px; } 

}

@media (max-width: 768px) {
	.culture .box2 .itemBox {margin-top: 15px; }
	.culture .box2 .itemBox .item {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 25px; }
	.culture .box2 .itemBox .item .tits {
	font-size: 18px;
	line-height: 18px;
	margin-top: 10px; }
	.culture .box2 .itemBox .item .tit {margin-top: 10px; }
	.culture .box3 .itemBox .item {	width: 31%; }
	.culture .box3 .itemBox .item .icon {width: 60px; }
	.culture .box3 .itemBox .item p {
	font-size: 14px;
	line-height: 14px;
	margin-top: 10px; }
	.culture .box4 .pic {
	width: 100%;
	float: none; }
	.culture .box4 .con {
	width: 100%;
	padding-top: 15px; }
	.culture .box4 .con .tits {
	margin-top: 20px;
	font-size: 16px;
	line-height: 16px; }
	.culture .box4 .con .tit {
	font-size: 16px;
	line-height: 16px;
	margin-top: 10px; }
	.culture .box4 .con .tit1 {
	font-size: 14px;
	line-height: 14px;
	margin-top: 10px; }
	.culture .box5 {
	background-size: 160% auto; }
	.culture .box5 .itemBox .item {
	width: 100%;
	float: none;
	margin-bottom: 25px; }
	.culture .box5 .indexTitle .t {
	font-size: 16px;
	line-height: 16px;
	margin-top: 10px; }
	.culture .box5 .itemBox .item .t1 {	margin-top: 5px; } 

}

.honor {
background-color: #f2f2f2; }
.honor .box1 {
width: 100%;
background-color: #fff;
padding: 5.2% 0;
position: relative; }
.honor .box1 .pic {
width: 49.25%;
height: auto;
float: left; }
.honor .box1 .con {
width: 44.2%;
height: auto;
float: right;
padding-top: 20px; }
.honor .box1 .con .tits {
width: 100%;
height: auto; }
.honor .box1 .con .tits img {
width: 72px;
float: left;
display: block; }
.honor .box1 .con .tits .tt {
float: left;
margin-left: 20px;
color: #333;
padding-top: 3px; }
.honor .box1 .con .tits .tt .t {
font-size: 18px;
line-height: 18px;
font-weight: bold; }
.honor .box1 .con .tits .tt .t1 {
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
font-family: Arial;
margin-top: 10px; }
.honor .box1 .con .tit {
font-size: 18px;
line-height: 18px;
color: #333;
margin-top: 48px; }
.honor .box1 .con .tit1 {
font-size: 24px;
line-height: 24px;
color: #333;
margin-top: 20px; }
.honor .box1 .con .tit2 {
margin-top: 50px; }
.honor .box1 .con .tit2 .t {
width: 218px;
height: 37px;
background-image: url("../images/honor_bg1.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
padding-left: 36px;
font-size: 14px;
line-height: 37px;
color: #fff;
position: relative;
margin-bottom: 10px; }
.honor .box1 .con .tit2 .t:after {
width: 5px;
height: 5px;
background-color: #fff;
position: absolute;
left: 20px;
top: 16px;
content: ''; }
.honor .box1 .bg {
width: 33.6%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #f8f8f8;
z-index: 0; }
.honor .list {
padding: 5.2% 0; }
.honor .list ul li {
width: 30%;
margin-right: 5%;
margin-bottom: 50px;
background-color: #fff;
float: left; }
.honor .list ul li .pic {
width: 100%;
height: auto; }
.honor .list ul li p {
width: calc(100% - 40px);
padding: 0 20px;
font-size: 16px;
line-height: 20px;
color: #333;
padding-top: 17px;
padding-bottom: 25px; }
.honor .list ul li:nth-child(3n) {
margin-right: 0; }
.honor .list .more {
width: 180px;
height: 50px;
border-radius: 25px;
text-align: center;
font-size: 16px;
line-height: 50px;
background-image: url("../images/bg2.png");
letter-spacing: 4px;
display: block;
margin: 0 auto;
color: #3d82d0; }

@media (min-width: 1024px) {
	.honor .list .more:hover {background-image: url("../images/bg1.png");color: #fff; } 

}

@media (max-width: 1366px) {
	.honor .list ul li {margin-bottom: 70px; } 

}

@media (max-width: 1200px) {
	.honor .list ul li {
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 40px; }
	.honor .box1 .con {width: 47%; }
	.honor .box1 .con .tit {margin-top: 25px; }
	.honor .box1 .con .tit1 {
	font-size: 20px;
	line-height: 20px;
	margin-top: 15px; }
	.honor .box1 .con .tit2 {margin-top: 30px; }
	.honor .box1 .con .tits img {width: 65px; } 

}

@media (max-width: 1024px) {
	.honor .box1 .con .tits .tt {width: calc(100% - 85px); } 

}

@media (max-width: 768px) {
	.honor .box1 .pic {
	width: 100%;
	float: none; }
	.honor .box1 .con {
	width: 100%;
	float: none; }
	.honor .box1 .con .tits .tt {
	margin-top: 0;
	margin-left: 10px; }
	.honor .box1 .con .tit {
	font-size: 15px;
	line-height: 15px;
	margin-top: 15px; }
	.honor .box1 .con .tit1 {
	font-size: 18px;
	line-height: 18px; }
	.honor .box1 .con .tit2 {
	margin-top: 20px; }
	.honor .list ul li {
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 20px; }
	.honor .list ul li:nth-child(3n) {
	margin-right: 3%; }
	.honor .list ul li:nth-child(2n) {
	margin-right: 0; }
	.honor .list ul li p {
	width: calc(100% - 20px);
	padding: 0 10px;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 14px; }
	.honor .list .more {
	width: 120px;
	line-height: 33px;
	height: 33px;
	letter-spacing: 0;
	border-radius: 17px;
	background-size: cover;
	font-size: 14px; } 

}

.union {
padding-top: 7.6%; }
.union .box {
margin-bottom: 8%; }
.union .box .item .itemLeft {
width: 100%;
color: #707070;
text-align: center; }
.union .box .item .itemLeft .t {
font-size: 36px;
line-height: 36px; }
.union .box .item .itemLeft .t1 {
font-size: 16px;
line-height: 16px;
margin-top: 20px;
color: #333; }
.union .box .item .itemLeft .line {
width: 42px;
height: 3px;
background-color: #888;
margin: 30px auto 0; }
.union .box .item .con {
width: 595px;
max-width: 100%;
margin: 30px auto 0;
font-size: 14px;
line-height: 24px;
color: #707070; }
.union .box .picBox {
width: 100%;
height: auto;
margin-top: 45px; }
.union .box .picBox img {
width: 49.2%; }

@media (max-width: 1366px) {
	.union .box .item .itemLeft .t {font-size: 30px;line-height: 30px; } 

}

@media (max-width: 1024px) {
	.union .box .item .itemLeft .t {
	font-size: 22px;
	line-height: 22px; }
	.union .box .item .itemLeft .t1 {margin-top: 10px; }
	.union .box .item .itemLeft .line {height: 2px;margin-top: 15px; } 

}

@media (max-width: 768px) {
	.union .box .item .itemLeft {width: 100%;float: none; }
	.union .box .item .con {
	width: 100%;
	float: none;
	margin-top: 15px;
	max-width: 100%; }
	.union .box .picBox {margin-top: 20px; }
	.union .box .picBox img {
	width: 100%;
	display: block;
	float: none;
	margin-bottom: 5px; } 

}

.case {
background-color: #f8f8f8;
padding-top: 4.7%;
padding-bottom: 4.2%; }
.case ul li {
width: 31.9%;
height: auto;
float: left;
margin-right: 2.15%;
margin-bottom: 33px;
background-color: #fff; }
.case ul li:nth-child(3n) {
margin-right: 0; }
.case ul li a {
width: 100%;
height: auto;
display: block; }
.case ul li a .pic {
width: 100%;
height: auto;
background-size: cover;
background-position: center;
padding-top: 66.4%;
position: relative; }
.case ul li a .pic .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url("../images/case_bg.png");
opacity: 0;
transition: .5s; }
.case ul li a .con {
width: 390px;
max-width: calc(100% - 60px);
padding: 28px 30px 16px; }
.case ul li a .con .tits {
font-size: 22px;
line-height: 30px;
height: 60px;
color: #707070;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.case ul li a .con .line {
width: 30px;
height: 1px;
background-color: #999;
margin-top: 35px; }
.case ul li a .con .time {
font-size: 16px;
line-height: 18px;
color: #999;
font-family: Arial;
margin-top: 20px; }

@media (min-width: 1024px) {
	.case ul li:hover a .pic .bg {opacity: 1; } 

}

.case .more, .proCase .more, .productNew .mores {
width: 180px;
height: 50px;
border-radius: 25px;
text-align: center;
font-size: 16px;
line-height: 50px;
background-image: url("../images/bg1.png");
letter-spacing: 4px;
display: block;
margin: 27px auto 0;
color: #fff;
}

@media (max-width: 1366px) {
	.case ul li a .con .tits {font-size: 18px; } 
}

@media (max-width: 1200px) {
	.case ul li a .con {max-width: calc(100% - 30px);padding: 20px 15px 10px; } 

}

@media (max-width: 768px) {
	.case ul li {
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 3%; }
	.case ul li:nth-child(3n) {
	margin-right: 3%; }
	.case ul li:nth-child(2n) {
	margin-right: 0; }
	.case ul li a .con {
	padding-top: 10px; }
	.case ul li a .con .tits {
	font-size: 16px;
	line-height: 24px;
	height: 48px; }
	.case ul li a .con .line {
	margin-top: 15px; }
	.case ul li a .con .time {
	font-size: 14px;
	margin-top: 10px; }
	.case .more {
	width: 120px;
	height: 33px;
	line-height: 33px;
	letter-spacing: 0;
	margin: 20px auto 0;
	background-size: cover;
	font-size: 14px; } 

}

@media (max-width: 500px) {
	.case ul li {width: 100%;float: none;margin-right: 0; } 

}

.caseInfo {
padding: 5.2% 0;
position: relative; }
.caseInfo .bg {
width: 33.6%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #f8f8f8;
z-index: 0; }
.caseInfo .pic {
width: 44.7%;
height: auto;
float: left; }
.caseInfo .con {
width: 51%;
float: right;
padding-top: 65px; }
.caseInfo .con .tits {
width: 510px;
max-width: 100%;
font-size: 30px;
line-height: 40px;
color: #707070; }
.caseInfo .con .tit {
font-size: 16px;
line-height: 26px;
color: #555;
width: 720px;
max-width: 100%;
margin-top: 30px; }
.caseInfo .con .more {
width: 180px;
height: 50px;
border-radius: 25px;
text-align: center;
font-size: 16px;
line-height: 50px;
background-image: url("../images/bg2.png");
letter-spacing: 4px;
display: block;
color: #3d82d0;
margin-top: 45px; }

@media (min-width: 1024px) {
	.caseInfo .con .more:hover {background-image: url("../images/bg1.png");	color: #fff; } 

}

.caseInfo .paging {margin-top: 20px; }
.caseInfo .paging a {float: right;padding-left: 40px;font-size: 16px;color: #707070;background-position: left center;background-repeat: no-repeat;background-image: url("../images/return1.png");line-height: 32px; }

@media (max-width: 1366px) {
	.caseInfo .con {padding-top: 25px; }
	.caseInfo .con .tits {font-size: 24px;line-height: 34px; } 

}

@media (max-width: 1200px) {
	.caseInfo .con {padding-top: 0px; }
	.caseInfo .con .tits {font-size: 22px;line-height: 30px; }
	.caseInfo .con .tit {margin-top: 15px; }
	.caseInfo .con .more {margin-top: 25px; } 

}

@media (max-width: 768px) {
	.caseInfo .pic {
	width: 100%;
	float: none; }
	.caseInfo .con {
	width: 100%;
	margin-top: 15px; }
	.caseInfo .con .tits {
	font-size: 18px;
	line-height: 26px; }
	.caseInfo .con .tit {
	font-size: 14px;
	line-height: 24px; }
	.caseInfo .con .more {
	width: 120px;
	height: 33px;
	line-height: 33px;
	background-size: cover;
	font-size: 14px;
	margin-top: 15px; }
	.caseInfo .bg {	display: none; }
	.caseInfo .paging a {
	font-size: 14px;
	line-height: 26px;
	background-size: auto 100%;
	padding-left: 32px; } 

}

.news {
padding: 4.2% 0; }
.news ul li {
border-bottom: 1px solid #dfdfdf;
padding: 50px 0; }
.news ul li a {
width: 100%;
height: auto;
display: block; }
.news ul li a .pic {
width: 33.3%;
height: auto;
overflow: hidden;
float: left; }
.news ul li a .pic .img {
width: 100%;
background-size: cover;
background-position: center;
padding-top: 65.3%;
transition: all 1.5s; }
.news ul li a .con {
width: 63%;
height: auto;
float: right;
padding-top: 50px; }
.news ul li a .con .time {
font-size: 18px;
line-height: 18px;
color: #666;
font-family: Arial; }
.news ul li a .con .tits {
font-size: 24px;
line-height: 30px;
color: #707070;
width: 695px;
max-width: 100%;
margin-top: 20px; }



.news ul li a .jobcon {
width: 63%;
height: auto;
float: right;
padding-top: 20px; }

.news ul li a .con .jobtit
{
font-size: 24px;
color: #707070;
margin-bottom: 20px;
}


.news ul li a .con .job_tits {
font-size: 16px;
line-height: 28px;
color: #707070;
width: 100%;
max-width: 100%;
margin-top: 0; }


.news ul li a .con .tit1 {
width: 180px;
height: 50px;
border-radius: 25px;
text-align: center;
font-size: 16px;
line-height: 50px;
background-image: url("../images/bg2.png");
display: block;
color: #3d82d0;
margin-top: 45px; }

@media (min-width: 1024px) {
	.news ul li:hover a .pic .img {	transform: scale(1.1); }
	.news ul li:hover a .con .tit1 {background-image: url("../images/bg1.png");	color: #fff; } 

}


.news .more {
width: 180px;
height: 50px;
border-radius: 25px;
text-align: center;
font-size: 16px;
line-height: 50px;
background-image: url("../images/bg1.png");
letter-spacing: 4px;
display: block;
margin: 60px auto 0;
color: #fff; }
@media (max-width: 1366px) {
	.news ul li a .con {padding-top: 30px; }
	.news ul li a .con .tits {font-size: 20px;line-height: 26px; } 
}
@media (max-width: 1200px) {
	.news ul li a .con {padding-top: 20px; }
	.news ul li a .con .tit1 {margin-top: 25px; } 

}
@media (max-width: 768px) {
	.news ul li {padding: 20px 0; }
	.news ul li a .pic {width: 100%;float: none; }
	.news ul li a .con {width: 100%;padding-top: 15px;float: none; }
	.news ul li a .con .time {font-size: 14px;line-height: 14px; }
	.news ul li a .con .tits {
	font-size: 16px;
	margin-top: 10px; }
	.news ul li a .con .tit1 {
	width: 120px;
	height: 33px;
	line-height: 33px;
	background-size: cover;
	font-size: 14px;
	margin-top: 15px; }
	.news .more {
	width: 120px;
	height: 33px;
	line-height: 33px;
	background-size: cover;
	font-size: 14px;
	letter-spacing: 0;
	margin: 30px auto 0; } 

}

.join .box1 {
background-color: #f8f8f8;
padding: 5.2% 0; }
.join .box1 .pic {
width: 47.1%;
height: auto;
float: left; }
.join .box1 .con {
width: 45.3%;
height: auto;
float: right;
color: #707070;
padding-top: 75px; }
.join .box1 .con .tits {
font-size: 36px;
line-height: 36px;
color: #707070; }
.join .box1 .con .line {
width: 100px;
height: 3px;
background-image: url("../images/join_line.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 37px; }
.join .box1 .con .tit {
font-size: 20px;
line-height: 36px;
margin-top: 35px; }
.join .list {
padding-top: 4.8%;
padding-bottom: 5.2%; }
.join .list ul {
border-top: 1px solid #e5e5e5; }
.join .list ul li {
border-bottom: 1px solid #e5e5e5;
padding: 10px 0; }
.join .list ul li .tits {
font-size: 16px;
line-height: 80px;
color: #707070;
position: relative;
cursor: pointer; }
.join .list ul li .tits .t {
margin-left: 20px;
width: 25.7%;
float: left; }
.join .list ul li .tits i {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
right: 20px;
margin-top: -20px;
display: block;
background-image: url("../images/join_icon.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.join .list ul li .tits.on i {
background-image: url("../images/join_icon_h.png"); }
.join .list ul li .con {
width: calc(80% - 20px);
padding-left: 20px;
padding-bottom: 32px;
display: none; }
.join .list ul li .con .t {
font-size: 14px;
line-height: 24px;
color: #666; }
.join .list ul li .con .t span {
width: 180px;
display: block;
float: left; }
.join .list ul li .con .item {
font-size: 14px;
line-height: 24px;
color: #666;
margin-top: 23px; }
.join .list ul li .con .item span {
color: #707070; }
.join .list ul li .con .apply {
width: 140px;
height: 44px;
border-radius: 22px;
text-align: center;
font-size: 14px;
line-height: 44px;
background-image: url("../images/bg1.png");
display: block;
color: #fff;
margin-top: 25px;
display: none; }
.join .list .more {
width: 180px;
height: 50px;
border-radius: 25px;
text-align: center;
font-size: 16px;
line-height: 50px;
background-image: url("../images/bg2.png");
letter-spacing: 4px;
display: block;
color: #3d82d0;
margin: 50px auto 0; }

@media (min-width: 1024px) {
	.join .list .more:hover {background-image: url("../images/bg1.png");color: #fff; } 

}

@media (max-width: 1366px) {
	.join .box1 .con .tits {font-size: 30px;line-height: 30px; } 

}

@media (max-width: 1200px) {
	.join .box1 .con {padding-top: 40px; }
	.join .list ul li .tits {line-height: 60px; } 

}

@media (max-width: 1024px) {
	.join .box1 .con .tits {font-size: 22px;line-height: 22px; }
	.join .box1 .con .line {margin-top: 20px; }
	.join .box1 .con .tit {font-size: 18px;line-height: 28px; }
	.join .list ul li .tits .t {width: 35%; } 

}

@media (max-width: 768px) {
	.join .box1 .pic {
	width: 100%;
	float: none; }
	.join .box1 .con {
	width: 100%;
	float: none;
	padding-top: 15px; }
	.join .box1 .con .tits {
	font-size: 18px;
	line-height: 18px; }
	.join .box1 .con .tit {
	font-size: 14px;
	line-height: 22px;
	margin-top: 15px; }
	.join .list ul li .tits {
	line-height: 40px; }
	.join .list ul li .tits .t {
	width: 100%;
	margin-left: 10px; }
	.join .list ul li .tits .t:nth-child(2) {
	display: none; }
	.join .list ul li .tits i {
	width: 30px;
	height: 30px;
	right: 0;
	margin-top: -15px; }
	.join .list ul li .con {
	width: calc(100% - 10px);
	padding-left: 10px;
	padding-bottom: 20px; }
	.join .list .more {
	width: 120px;
	height: 33px;
	font-size: 14px;
	line-height: 33px;
	background-size: cover;
	letter-spacing: 0;
	margin: 20px auto 0; } 

}

/* AI聊天机器人 */
.ai_chat_box{
	background-color: #f6f6f6;
	padding: 8% 0 0 0; 
}
.ai_chat_box .box{
	width: 100%;
	height: calc(100vh - 154px);
	background-color: #fff;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 0px 0.5px #dce0e9;
	z-index: 1;

}
.ai_chat_box .tsfont{width: 100%; text-align: center; padding-top: 15px; color: #666;position:absolute; z-index: 100; bottom: 5px;left:0; }

.ai_chat_box .box .ai_chat_list{width: 100%; height: 100%; overflow-y: scroll; position: absolute; z-index: 99; top:0; left: 0;}
.ai_chat_list_box{width: 80%; margin: auto; padding: 50px 0 0 0 ; display: flex; flex-direction: column; }
.ai_chat_list_box .user_request{ flex:1; }

.ai_chat_list_box .user_request .user_request_text {display: flex; justify-content: flex-end; }
.ai_chat_list_box .user_request .user_request_text  .user_request_text_content{
	font-size:16px;
    line-height: 28px;
    color: #262626;
    padding: calc((44px - 28px) / 2) 20px;
    box-sizing: border-box;
    word-break: break-word;
    background-color: #eff6ff;
    border-radius: 14px;
    max-width: calc(100% - 48px);
}

.ai_chat_list .ai_chat_list_box .ai_response .ai_response_text h1,.ai_response_text h2,.ai_response_text h3,.ai_response_text h4,.ai_response_text p{padding: calc((44px - 28px) / 2) 20px; }


.ai_chat_list .start-tip{position: absolute;top: 35%; width: 80%;text-align: center; }
.ai_chat_list .start-tip img{ width: 50px;height: auto; margin-bottom: 20px;}
.ai_chat_list .start-tip .cn{font-size: 30px;color:#1296db; font-weight: 600; margin-bottom: 15px;}
.ai_chat_list .start-tip .txt{font-size: 15px;color:#888; }

.ai_chat_list .ai_chat_list_box .ai_response .ai_response_text ul {margin-left:  20px;;}
.ai_chat_list .ai_chat_list_box .ai_response .ai_response_text ul li{ padding-left: 20px; list-style:disc; list-style-position: inside; }
.ai_chat_list .ai_chat_list_box .ai_response .ai_response_text li p{display: inline-block;padding-left:0; }

.ai_chat_list_box .ai_response{ flex:1; }
.ai_chat_list_box .ai_response .ai_response_img{margin:10px 0; border-bottom:1px solid #ccc; padding-bottom:6px;}
.ai_chat_list_box .ai_response .ai_response_img img{width:40px;height:auto;}
.ai_chat_list_box .ai_response .ai_response_img span{font-size:18px; font-weight:600; padding-left:10px;}



.ai_chat_box .box  .chat-area-box{width: 98%; height: 140px; position:absolute; z-index: 100; bottom: 0;left:0; background: #fff;  }
.ai_chat_box .box .txt-area{ width: 80%; margin: auto;  }

.ai_chat_box .box .txt-area .chat-area{z-index: 1; flex-direction: column;  justify-content: flex-start; align-items: flex-start;padding: 10px;display: flex;overflow: hidden; background-color: rgb(243,244,246); box-shadow: 0px 0px 0px 0.5px #dce0e9; border-radius: 10px;}

.ai_chat_box .box .txt-area .chat-area .chat-input-area{width: 100%; }
.ai_chat_box .box .txt-area .chat-area .chat-input-area textarea{width: 100%;border:none;background: none; color:#333;font-size: 15px; padding: 6px;}

.ai_chat_box .box .txt-area .chat-area .chat-send-area{--function-row-offset: 2px;width: calc(100% - 2px);padding-left: 2px;flex-wrap: wrap;align-items: center;margin-top: 4px;display: flex;}

.ai_chat_box .box .txt-area .chat-area .chat-send-area .chat-send-btn-area{flex:1;}
.ai_chat_box .box .txt-area .chat-area .chat-send-area .chat-send-btn-area .chat-send-btn{
	float: left;
	width: 60px;
	height: 30px;
	color:#fff;
	font-size: 12px;
	line-height: 35px;
	text-indent: 15px;
	border:1px solid #CCDAFF;
	border-radius: 6px;
	background: url('../images/send.svg') no-repeat left center / 24px 24px #CCDAFF;

}
.ai_chat_box .box .txt-area .chat-area .chat-send-area .chat-send-other{ flex:1;}
.ai_chat_box .box .txt-area .chat-area .chat-send-area .chat-send-other .chat-send-other-kt{
	float: right;
	width: 80px;
	height: 30px;
	color:#fff;
	font-size: 12px;
	line-height: 35px;
	text-indent: 15px;
	border:1px solid #1296db;
	border-radius: 6px;
	background: url('../images/aikt.svg') no-repeat 6px center / 20px 20px #1296db;

}

/* ai图片处理 */
.ai_chat_box .box .upload-area-box{width: 98%; height: 140px; position:absolute; z-index: 100; bottom: 20px;background: #fff;  padding: 20px 0;  }
.ai_chat_box .box .upload-area-box .upload-area{ width: 60%; margin: auto; }

.photo-upload-box .tsfont{width: 100%;text-align: center; color: #666; background-color: #fff;position:absolute; z-index: 100; bottom: 0;left:0;  }

.photo-upload-box .photo-ai-preview{display: flex; padding: 15px;}

.photo-upload-box .photo-ai-preview #upload-photo{flex:1;}

.photo-upload-box .photo-ai-preview #response-photo-preview{flex:1; background: url("../images/tmbg.jpg"); position: relative;}
.photo-upload-box .photo-ai-preview #response-photo-preview .tools{ display: none; width: 100%; background:#89873c; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: absolute; top: 0; left: 0; }
.photo-upload-box .photo-ai-preview #response-photo-preview .tools .tools-box{ width: 82%; padding: 5px 0; margin:auto; display: flex; }
.photo-upload-box .photo-ai-preview #response-photo-preview .tools .tools-box a{ flex:1; }

.photo-upload-box .photo-ai-preview #response-photo-preview:hover .tools{display: block;}


#fuse-cert-photo-direction .layui-row{ width: 95%; margin:auto;}
#fuse-cert-photo-direction .layui-row .grid-box{ padding: 0 15px;}
#fuse-cert-photo-direction .layui-row .grid-box .grid-content{text-align: center; line-height: 32px; }
#fuse-cert-photo-direction .layui-row .grid-box .grid-bg{width: 120px; height: 150px; cursor: pointer; margin: auto; border-radius: 5px; border: 3px solid #efefef;}
#fuse-cert-photo-direction .layui-row .grid-box .grid-bg:hover{ border: 3px solid #0da4eb; }


#fuse-cert-photo-direction .layui-row .grid-box .grid-bg1{ background: #00BFF3;}
#fuse-cert-photo-direction .layui-row .grid-box .grid-bg2{ background: #FF0000;}
#fuse-cert-photo-direction .layui-row .grid-box .grid-bg3{ background: #FFFFFF;}
#fuse-cert-photo-direction .layui-row .grid-box .grid-bg4{ background: linear-gradient(to bottom,#3492CF,#BCDBED);}
#fuse-cert-photo-direction .layui-row .grid-box .grid-bg5{ background: #3BA5FE;}
#fuse-cert-photo-direction .layui-row .grid-box .grid-bg6{ background: #A2140D;}


#cert-photo-preview img{max-height: 600px; display: block; margin: auto;} 



.contact .box1 {
background-color: #f6f6f6;
/*background-image: url("../images/contact_bg.jpg");*/
background-position: right top;
background-size: cover;
position: relative;
padding: 5.8% 0; }
.contact .box1 .map {margin-top:60px;width: 50%;float: left;}

.contact .box1 .map img{width: 100%;height:auto;}

.contact .box1 .con {width: 44.4%;height: auto;float: right;color: #707070;padding-top: 93px; }

.contact .box1 .con .tits {
font-size: 30px;
line-height: 44px;
color: #b10202; }
.contact .box1 .con .tit {
font-size: 16px;
line-height: 42px;
margin-top: 52px; }
.contact .box1 .con .tit .t {
width: calc(100% - 32px);
background-position: left center;
background-repeat: no-repeat;
padding-left: 32px; }

.contact .box1 .con .tit .t.t1 {background-image: url("../images/contact_icon1.png"); }
.contact .box1 .con .tit .t.t2 {background-image: url("../images/contact_icon2.png"); }
.contact .box1 .con .tit .t.t3 {background-image: url("../images/contact_icon3.png"); }
.contact .box1 .con .tit .t.t4 {background-image: url("../images/contact_icon4.png"); }
.contact .box1 .con .tit .t.t5 {background-image: url("../images/contact_icon5.png"); }
.contact .box1 .con .tit .t.t6 {background-image: url("../images/contact_icon6.png"); }


.contact .box1 .bg {
width: 35.4%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #f3f3f3;
z-index: 0; }
.contact .box2 {
background-position: center bottom;

background-repeat: no-repeat;
background-size: cover;
padding-top: 4.2%;
padding-bottom: 8%; }
.contact .box2 .box {
position: relative;
margin-top: 5%; }
.contact .box2 .box .pic {
width: 45.1%;
height: auto;
float: left;
margin-left: 2.3%; }
.contact .box2 .box .con {
width: 45%;
float: right;
border: 1px solid #efefef;
background-color: #fcfcfc;
border-radius: 15px;
padding-top: 50px;
padding-bottom: 60px;
position: absolute;
right: 3.3%;
top: 50%;
transform: translateY(-50%); }
.contact .box2 .box .con .con-new {
width: 600px;
max-width: 90%;
margin: 0 auto; }
.contact .box2 .box .con .con-new .tits {
font-size: 30px;
line-height: 30px;
color: #707070;
font-weight: bold; }
.contact .box2 .box .con .con-new .tit {
display:flex;
flex-wrap:wrap;
margin-top: 30px; }
.contact .box2 .box .con .con-new .tit .t {
width:50%;
font-size: 16px;
line-height: 54px;
border-bottom: 1px solid #eaeae9;
float: left;
position: relative;
margin-bottom: 10px; }
.contact .box2 .box .con .con-new .tit .t:nth-child(2n) {
float: right; }
.contact .box2 .box .con .con-new .tit .t:nth-child(2n):after {
width: 100px;
height: 1px;
left: -50px;
bottom: -1px;
position: absolute;
content: '';
background-color: #eaeae9; }


.contact .box2 .qrcode .lxewm{
	text-align:center;
	font-size:0.7rem;
	width:100px;
	height:140px;
	margin-right:10px;
	color:#666;
}
.contact .box2 .qrcode img{
	width:100px;
	height:100px;

}	




.contact .box3 {
padding-top: 5.6%;
padding-bottom: 5.2%; }
.contact .box3 .tits {
text-align: center;
font-size: 16px;
line-height: 24px;
color: #707070;
margin-top: 37px; }
.contact .box3 .tableBox {
width: 100%;
height: auto;
margin-top: 56px; }
.contact .box3 .tableBox .t span {
width: 60px;
height: auto;
display: block;
float: left;
font-size: 16px;
line-height: 50px;
color: #707070; }
.contact .box3 .tableBox .t span em {
color: #c30000; }
.contact .box3 .tableBox .t .tt {
width: 47.7%;
height: auto;
margin-bottom: 30px; }
.contact .box3 .tableBox .t .tt .text {
width: calc(100% - 2px);
padding-left: 20px;
height: 48px;
border: 1px solid #adadad;
border-radius: 8px;
background: none;
float: left;
font-size: 14px;
line-height: 30px;
color: rgba(0, 0, 0, 0.5); }
.contact .box3 .tableBox .t .txt {
width: calc(100% - 22px);
border: 1px solid #adadad;
border-radius: 8px;
height: 230px;
font-size: 14px;
line-height: 30px;
color: rgba(0, 0, 0, 0.5);
padding: 10px 20px; }
.contact .box3 .tableBox .submit {
width: 180px;
height: 50px;
border-radius: 25px;
text-align: center;
font-size: 16px;
line-height: 50px;
background-image: url("../images/bg1.png");
letter-spacing: 4px;
display: block;
color: #fff;
border: none;
margin-top: 42px; }

@media (max-width: 1366px) {
	.contact .box1 .con .tits {
	font-size: 30px;
	line-height: 38px; }
	.contact .box2 .box .con .con-new .tit .t {
	width: 100%;
	float: none;
	line-height: 38px; }
	.contact .box2 .box .con .con-new .tit .t:nth-child(2n):after {
	display: none; }
	.contact .box2 .box .con {
	padding-top: 30px;
	padding-bottom: 50px; }
	.contact .box2 .box .con .con-new .tits {
	font-size: 26px;
	line-height: 26px; }
	.contact .box2 .box .con .con-new .tit {
	margin-top: 25px; } 

}
@media (max-width: 1024px) {
	.contact .box1 .con .tits {
	font-size: 22px;
	line-height: 30px; }
	.contact .box2 .box .con {
	padding-top: 20px;
	padding-bottom: 40px; }
	.contact .box2 .box .con .con-new .tits {
	font-size: 20px;
	line-height: 20px; }
	.contact .box2 .box .con .con-new .tit {
	margin-top: 15px; } 

}

@media (max-width: 900px) {
	
	.contact .box1 .map {margin-top:60px;width: 40%;float: left;}

	.contact .box1 .con {width: 55%;height: auto;float: right;color: #707070;padding-top: 60px; }
		
	.contact .box1 .con .tit {font-size: 16px;line-height: 32px;margin-top: 12px; }
	
	.contact .box2 .box .pic {
	width: 90%;
	margin: 0 auto;
	float: none; }
	
	.contact .box2 .box .con {
	width: 100%;
	max-width: 90%;
	margin: 15px auto 0;
	position: relative;
	top: auto;
	right: auto;
	float: none;
	transform: translateY(0); }
	.contact .box2 .box .con .con-new .tit .t {
	font-size: 15px;
	line-height: 34px; } 

}

@media (max-width: 768px) {
	
	.contact .box3 .tableBox .t .tt .text {
	width: calc(96% - 2px);
	}
	.contact .box3 .tableBox .t .txt {
	width: calc(96% - 22px);
	}
	
	.contact .box1 .map {
	margin-top:0;
	width: 100%;
	height: auto;
	float: none; }
	.contact .box1 .con {
	width: 100%;
	float: none;
	padding-top: 25px; }
	.contact .box1 .con .tits {
	font-size: 18px;
	line-height: 26px; }
	.contact .box1 .con .tit {
	margin-top: 15px;
	font-size: 14px;
	line-height: 30px; }
	.contact .box3 .tableBox .t .tt {
	width: 100%;
	float: none;
	margin-bottom: 10px; }
	.contact .box3 .tableBox .t span {
	font-size: 14px;
	line-height: 40px; }
	.contact .box3 .tableBox .t .tt .text {
	height: 38px; }
	.contact .box3 .tableBox {
	margin-top: 20px; }
	.contact .box3 .tits {
	font-size: 14px;
	line-height: 22px;
	margin-top: 15px; }
	.contact .box3 .tableBox .t .txt {
	line-height: 22px; }
	.contact .box3 .tableBox .t .txt {
	height: 168px; }
	.contact .box3 .tableBox .submit {
	width: 120px;
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	background-size: cover;
	margin-top: 20px; }
	
	
	.contact .box2 .qrcode img{
		width:120px;
		height:120px;
		margin-right:15px;
		}	

}

.anchorBL {
display: none !important; }

.academy .box1 {
background-color: #f8f8f8;
padding-top: 5.2%;
padding-bottom: 5%;
overflow: hidden; }
.academy .box1 .title {
text-align: center; }
.academy .box1 .title .cn {
font-size: 36px;
line-height: 36px;
color: #707070; }
.academy .box1 .title .en {
font-size: 16px;
line-height: 18px;
color: #333;
margin-top: 18px;
font-family: Arial; }
.academy .box1 .box {
width: 680px;
margin: 4.5% auto 0;
max-width: 92%;
position: relative;
z-index: 4; }
.academy .box1 .box .item {
width: 140px;
height: auto;
text-align: center; }
.academy .box1 .box .item .img {
width: 100%;
height: auto; }
.academy .box1 .box .item .cn {
font-size: 24px;
line-height: 24px;
color: #707070;
margin-top: 30px; }
.academy .box1 .box .item .en {
font-size: 14px;
line-height: 14px;
color: #333;
font-family: Arial;
margin-top: 14px; }
.academy .box1 .box .icon {
width: 26px;
height: 26px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../images/academy_icon.png"); }
.academy .box1 .box0 {
margin-top: 14px; }
.academy .box1 .box0 .tits {
width: 235px;
height: auto;
position: relative;
margin: 0 auto; }
.academy .box1 .box0 .tits span {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
font-size: 24px;
line-height: 42px;
color: #fff;
text-align: center; }
.academy .box1 .box0 .tits .line {
width: 498%;
height: 498%;
border-radius: 100%;
border: 1px solid #aaa;
position: absolute;
top: -199%;
left: -199%;
z-index: 0;
animation: ripple 4.5s ease-out 0.2s infinite; }
.academy .box1 .box0 .tits .line:after {
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 1px solid #aaa;
position: absolute;
border-radius: 100%;
content: '';
animation: ripple 4.5s ease-out 0.4s infinite; }
.academy .box1 .box0 .tits .line:before {
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 1px solid #aaa;
position: absolute;
border-radius: 100%;
content: '';
animation: ripple 4.5s ease-out 1.6s infinite; }
.academy .box1 .box0 .txt {
text-align: center;
font-size: 18px;
line-height: 30px;
color: #707070;
margin-top: 73px;
position: relative;
z-index: 4; }
.academy .box2 {
padding: 5.2% 0; }
.academy .box2 .item {
width: 48.4%;
height: auto; }
.academy .box2 .item p {
text-align: center;
font-size: 18px;
line-height: 20px;
color: #707070;
margin-top: 17px; }

@media (max-width: 1366px) {
	.academy .box1 .title .cn {font-size: 30px;line-height: 30px; } 

}
@media (max-width: 1200px) {
	.academy .box1 .box .item .img {
	width: 100px;
	margin: 0 auto; }
	.academy .box1 .box .item .cn {
	margin-top: 20px;
	font-size: 20px;
	line-height: 20px; }
	.academy .box1 .box0 .tits {
	width: 195px; }
	.academy .box1 .box0 .tits span {
	font-size: 20px;
	line-height: 30px; }
	.academy .box1 .box0 .txt {
	font-size: 16px;
	margin-top: 50px; } 

}

@media (max-width: 1024px) {
	.academy .box1 .title .cn {
	font-size: 22px;
	line-height: 22px; }
	.academy .box1 .title .en {
	font-size: 14px;
	line-height: 16px;
	margin-top: 10px; } 

}

@media (max-width: 768px) {
	.academy .box1 .box .item .img {width: 60px; }
	.academy .box1 .box .item .cn {font-size: 16px;line-height: 16px;margin-top: 10px; }
	.academy .box1 .box .item .en {margin-top: 5px; }
	.academy .box1 .box .icon {width: 20px;height: 20px; }
	.academy .box1 .box0 .tits {width: 125px; }
	.academy .box1 .box0 .tits span {font-size: 16px;line-height: 24px; }
	.academy .box1 .box0 .txt {	font-size: 14px;line-height: 24px;margin-top: 30px; }
	.academy .box2 .item {width: 100%;float: none;margin-right: 0;margin-bottom: 20px; }
	.academy .box2 .item p {font-size: 14px;line-height: 14px;margin-top: 10px; } 

}

.workstation .box1 {
padding: 5.2% 0; }
.workstation .box1 .title {
text-align: center; }
.workstation .box1 .title .cn {
font-size: 36px;
line-height: 36px;
color: #707070; }
.workstation .box1 .title .en {
font-size: 16px;
line-height: 18px;
color: #333;
margin-top: 18px;
font-family: Arial; }
.workstation .box1 .box-new {
margin-top: 6.2%; }
.workstation .box1 .box-new .pic {
width: 34.7%;
height: auto;
float: left; }
.workstation .box1 .box-new .con {
width: 49.2%;
float: right;
height: auto;
padding-top: 28px; }
.workstation .box1 .box-new .con .tits {
font-size: 24px;
line-height: 42px;
color: #707070; }
.workstation .box1 .box-new .con .tits span {
font-weight: bold; }
.workstation .box1 .box-new .con .picBox {
margin-top: 41px; }
.workstation .box1 .box-new .con .picBox img {
width: 133px;
margin-right: 20px; }
.workstation .box2 {
background-color: #f2f2f2;
padding: 4.2% 0; }
.workstation .box2 .t {
width: 26.3%;
float: left; }
.workstation .box2 .t.t1 {
margin-left: 10.5%; }
.workstation .box2 .tits {
width: 100%;
height: auto;
font-size: 18px;
line-height: 50px;
color: #fff;
font-weight: bold;
background-position: center;
background-repeat: no-repeat;
background-image: url("../images/workstation_bg.jpg");
background-size: cover; }
.workstation .box2 ul li {
font-size: 14px;
line-height: 50px;
color: #333;
border-bottom: 1px solid #ccc; }
.workstation .box2 ul li .t.t1 {
font-weight: bold;
color: #707070; }

@media (max-width: 1366px) {
	.workstation .box1 .title .cn {font-size: 30px;	line-height: 30px; }
	.workstation .box2 .t.t1 {margin-left: 5%; }
	.workstation .box2 .t.t2 {width: 45%; }
	.workstation .box2 .t.t3 {width: 20%; } 

}
@media (max-width: 1200px) {
	.workstation .box1 .box-new .pic {width: 44.7%; }
	.workstation .box1 .box-new .con .tits {font-size: 20px;line-height: 30px; } 

}

@media (max-width: 1024px) {
	.workstation .box1 .title .cn {font-size: 22px;line-height: 22px; }
	.workstation .box1 .title .en {font-size: 14px;line-height: 16px;margin-top: 10px; }
	.workstation .box1 .box-new .con {padding-top: 0; }
	.workstation .box1 .box-new .con .picBox {margin-top: 20px; }
	.workstation .box1 .box-new .con .picBox img {width: 100px; } 

}

@media (max-width: 768px) {
	.workstation .box1 .box-new .pic {width: 100%;float: none; }
	.workstation .box1 .box-new .con {width: 100%;float: none;margin-top: 20px; }
	.workstation .box1 .box-new .con .tits {font-size: 16px;line-height: 20px; }
	.workstation .box2 .tits {font-size: 16px;line-height: 40px; }
	.workstation .box2 .box {width: 100%;overflow-x: scroll; }
	.workstation .box2 .box .tits {width: 800px; }
	.workstation .box2 .box ul {width: 800px; }
	.workstation .box2 .box ul li {line-height: 40px; } 

}

.property .box1 {
max-width: 92%;
margin: 0 auto;
text-align: center;
padding: 5.2% 0; }
.property .box1 .t1 {
font-size: 16px;
line-height: 18px;
color: #333; }
.property .box1 .t1 i {
padding-left: 50px;
color: #707070;
font-weight: bold;
position: relative; }
.property .box1 .t1 i:after {
width: 30px;
height: 1px;
top: 9px;
left: 10px;
background-color: #707070;
content: '';
position: absolute; }
.property .box1 .t2 {
font-size: 36px;
line-height: 36px;
color: #707070;
margin-top: 28px; }
.property .box1 .t3 {
font-size: 16px;
line-height: 24px;
color: #333;
margin-top: 50px; }
.property .box2 {
background-color: #f8fafb;
padding: 4.2% 0; }
.property .box2 .title {
text-align: center;
color: #707070; }
.property .box2 .title img {
width: 60px;
display: block;
margin: 0 auto; }
.property .box2 .title .t {
font-size: 36px;
line-height: 36px;
margin-top: 30px;
color: #707070; }
.property .box2 .title .t1 {
font-size: 18px;
line-height: 18px;
margin-top: 20px; }
.property .box2 .list {
margin-top: 55px; }
.property .box2 .list ul {
overflow: hidden; }
.property .box2 .list ul li {
width: 19%;
margin-right: 1.25%;
float: left;
padding-bottom: 2000px;
margin-bottom: -2000px;
border-right: 1px solid #e6e6e6;
box-sizing: border-box; }
.property .box2 .list ul li:last-child {
margin-right: 0;
border-right: none; }
.property .box2 .list ul li .year {
font-size: 48px;
line-height: 48px;
color: #ccc;
font-weight: bold;
font-family: Arial;
padding-top: 45px; }
.property .box2 .list ul li .con {
margin-top: 36px;
padding-bottom: 18px; }
.property .box2 .list ul li .con .t {
font-size: 14px;
line-height: 20px;
color: #666;
margin-bottom: 8px; }
.property .box2 .list ul li .con .t span {
width: 80px;
display: block;
float: left;
color: #707070;
font-weight: bold;
font-family: Arial; }
.property .box2 .list ul li .con .t i {
width: calc(100% - 100px);
display: block;
float: left; }
.property .box3 {
padding: 5.2% 0; }
.property .box3 .title {
text-align: center; }
.property .box3 .title .cn {
font-size: 36px;
line-height: 36px;
color: #707070; }
.property .box3 .title .en {
font-size: 16px;
line-height: 16px;
color: #333;
margin-top: 20px; }
.property .box3 .bb1 {
margin-top: 50px; }
.property .box3 .bb1 .pic {
width: 44.3%;
float: left; }
.property .box3 .bb1 .con {
width: 49.5%;
float: right;
padding-top: 25px; }
.property .box3 .bb1 .con .itemBox {
width: 100%;
height: auto; }
.property .box3 .bb1 .con .itemBox .item {
float: left;
margin-right: 80px; }
.property .box3 .bb1 .con .itemBox .item .tits {
font-size: 24px;
line-height: 48px;
color: #808080; }
.property .box3 .bb1 .con .itemBox .item .tits span {
font-weight: bold;
font-size: 48px;
color: #1D2088;
font-family: Arial; }
.property .box3 .bb1 .con .itemBox .item .tit {
font-size: 18px;
line-height: 18px;
color: #333;
margin-top: 7px; }
.property .box3 .bb1 .con .itemBox .item .line {
width: 42px;
height: 3px;
background-color: #1D2088;
margin-top: 20px; }
.property .box3 .bb1 .con .list {
width: 100%;
height: auto;
margin-top: 40px; }
.property .box3 .bb1 .con .list .tits {
font-size: 18px;
line-height: 18px;
color: #707070; }
.property .box3 .bb1 .con .list ul {
margin-top: 28px; }
.property .box3 .bb1 .con .list ul li {
width: calc(38.5% - 40px);
height: auto;
margin-right: 11.5%;
border-bottom: 1px solid #e6e6e6;
float: left;
padding-left: 40px;
font-size: 14px;
line-height: 46px;
color: #333;
background-position: left center;
background-repeat: no-repeat;
background-image: url("../images/property_icon2.png");
margin-bottom: 18px; }
.property .box3 .bb2 {
margin-top: 50px; }
.property .box3 .bb2 .tits {
width: 20%;
height: 87px;
background-image: url("../images/property_bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
font-size: 24px;
line-height: 30px;
color: #fff;
text-align: center;
padding-top: 33px;
float: left; }
.property .box3 .bb2 .tits span {
font-size: 18px; }
.property .box3 .bb2 .itemBox {
width: 80%;
height: auto;
float: left; }
.property .box3 .bb2 .itemBox .item:nth-child(1) {
border-bottom: 1px solid #fff; }
.property .box3 .bb2 .itemBox .item .t {
float: left;
width: 25%;
box-sizing: border-box;
border-left: 1px solid #fff;
background-color: #f7f9fa;
font-size: 14px;
line-height: 60px;
color: #333; }
.property .box3 .bb2 .itemBox .item .t:nth-child(1) {
border-left: none;
font-size: 16px;
color: #0054a6; }
.property .box3 .bb2 .itemBox .item .t:nth-child(2n) {
background-color: #f0f1f2; }
.property .box3 .bb2 .itemBox .item .t .t1 {
width: calc(100% - 90px);
float: left;
padding-left: 30px; }
.property .box3 .bb2 .itemBox .item .t .t2 {
width: 60px;
box-sizing: border-box;
border-left: 1px solid #fff;
font-weight: bold;
font-family: Arial;
float: left;
text-align: center; }
.property .box4 {
padding: 5.2% 0;
background-color: #f0f1f2; }
.property .box4 .title {
text-align: center; }
.property .box4 .title .cn {
font-size: 36px;
line-height: 36px;
color: #707070; }
.property .box4 .title .en {
font-size: 16px;
line-height: 16px;
color: #333;
margin-top: 20px; }
.property .box4 .list {
margin-top: 50px; }
.property .box4 .list ul li {
width: 22.4%;
height: auto;
margin-right: 3.4%;
float: left;
background-color: #fff;
border-radius: 10px;
margin-bottom: 50px;
overflow: hidden;
padding-bottom: 30px; }
.property .box4 .list ul li:nth-child(4n) {
margin-right: 0; }
.property .box4 .list ul li .pic {
width: 100%;
height: auto; }
.property .box4 .list ul li p {
text-align: center;
font-size: 16px;
line-height: 18px;
height: 18px;
overflow: hidden;
color: #707070;
margin-top: 18px; }
.property .box4 .list .more {
width: 240px;
height: 50px;
border-radius: 25px;
text-align: center;
font-size: 16px;
line-height: 50px;
background-image: url("../images/bg1.png");
letter-spacing: 4px;
display: block;
color: #fff;
margin: 30px auto 0; }

@media (max-width: 1366px) {
	.property .box1 .t2 {font-size: 30px;line-height: 30px; }
	.property .box2 .title .t {font-size: 30px;	line-height: 30px; }
	.property .box3 .title .cn {font-size: 30px;line-height: 30px; }
	.property .box4 .title .cn {font-size: 30px;line-height: 30px; }
	.property .box2 .list ul li .year {font-size: 36px;line-height: 36px; }
	.property .box2 .list ul li .con .t span {width: 60px; }
	.property .box2 .list ul li .con .t i {	width: calc(100% - 70px); }
	.property .box3 .bb1 .con .itemBox .item .tits {line-height: 36px; }
	.property .box3 .bb1 .con .itemBox .item .tits span {font-size: 36px; }
	.property .box3 .bb1 .con .list ul li {margin-bottom: 10px;	line-height: 40px; }
	.property .box3 .bb1 .con .list {margin-top: 20px; }
	.property .box3 .bb1 .con .list ul {margin-top: 10px; } 

}

@media (max-width: 1200px) {
	.property .box1 .t3 {	margin-top: 30px; }
	.property .box2 .list ul li {width: 32%;margin-right: 2%;height: 210px;padding-bottom: 0;margin-bottom: 20px; }
	.property .box2 .list ul li:nth-child(3n) {margin-right: 0;	border-right: none; }
	.property .box2 .list ul li .year {	padding-top: 20px;font-size: 30px;	line-height: 30px; }
	.property .box3 .bb1 .con .list ul li {width: calc(45% - 26px);	padding-left: 26px;	margin-right: 5%; }
	.property .box3 .bb1 .con .itemBox .item .tits {line-height: 30px; }
	.property .box3 .bb1 .con .itemBox .item .tits span {font-size: 30px; }
	.property .box3 .bb1 .con {	padding-top: 5px; }
	.property .box3 .bb1 {margin-top: 30px; }
	.property .box3 .bb2 .itemBox .item .t .t1 {width: calc(100% - 55px);padding-left: 10px; }
	.property .box3 .bb2 .itemBox .item .t .t2 {width: 45px; }
	.property .box3 .bb2 .tits {font-size: 20px;line-height: 28px; }
	.property .box3 .bb2 .tits span {font-size: 16px; }
	.property .box3 .bb2 {	margin-top: 30px; }
	.property .box4 .list ul li {width: 31%;margin-right: 3.5%;	margin-bottom: 3.5%; }
	.property .box4 .list ul li:nth-child(4n) {	margin-right: 3.5%; }
	.property .box4 .list ul li:nth-child(3n) {	margin-right: 0; } 

}

@media (max-width: 1024px) {
		
	.property .box1 .t2 {font-size: 22px;line-height: 22px; }
	.property .box2 .title .t {font-size: 22px;	line-height: 22px; }
	.property .box3 .title .en {font-size: 14px;line-height: 14px;	margin-top: 10px; }
	.property .box3 .title .cn {font-size: 22px;line-height: 22px; }
	.property .box4 .title .cn {font-size: 22px;line-height: 22px; }
	.property .box4 .title .en {font-size: 14px;line-height: 14px;margin-top: 10px; }
	.property .box2 .title .t1 {font-size: 14px;line-height: 14px;margin-top: 10px; }
	.property .box2 .title img {width: 40px; }
	.property .box2 .list ul li .con {margin-top: 20px; }
	.property .box2 .title .t {margin-top: 15px; }
	.property .box3 .bb1 .con .itemBox .item .tit {	font-size: 14px;line-height: 14px; }
	.property .box3 .bb1 .con .itemBox .item .tits {font-size: 16px;line-height: 22px; }
	.property .box3 .bb1 .con .itemBox .item .tits span {font-size: 22px; }
	.property .box3 .bb2 .tits {width: 100%;height: auto;line-height: 40px;padding-top: 0;	font-size: 18px; }
	.property .box3 .bb2 .tits br {	display: none; }
	.property .box3 .bb2 .tits span {font-size: 14px; }
	.property .box3 .bb2 .itemBox {	width: 100%; }
	.property .box3 .bb2 .itemBox .item .t {line-height: 45px; }
	.property .box3 .bb2 {	margin-top: 15px; } 

}


@media (max-width: 900px) {
	.property .box3 .bb1 .pic {	width: 100%;float: none; }
	.property .box3 .bb1 .con {width: 100%;	float: none;padding-top: 15px; }
	.property .box3 .bb1 .con .itemBox .item .line {margin-top: 10px;height: 2px; }
	.property .box3 .bb1 .con .list .tits {font-size: 16px;	line-height: 16px; }
	.property .box3 .bb1 .con .list ul li {	width: calc(100% - 26px);margin-right: 0; }
	.property .box3 .bb1 {	margin-top: 15px; }
	.property .box4 .list ul li {
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 3%;
	padding-bottom: 10px; }
	.property .box4 .list ul li:nth-child(3n) {	margin-right: 3%; }
	.property .box4 .list ul li:nth-child(2n) {	margin-right: 0; }
	.property .box4 .list ul li p {
	font-size: 14px;
	line-height: 16px;
	height: auto;
	margin-top: 5px;
	height: 32px;
	max-width: 90%;
	margin: 5px auto 0; } 

}

@media (max-width: 830px) {
	.property .box3 .bb2 .itemBox .item .t {width: 50%; }
	.property .box3 .bb2 .itemBox .item .t:nth-child(2n) {border-bottom: 1px solid #fff; }
	.property .box3 .bb2 .itemBox .item:nth-child(1) {border-bottom: none; }
	.property .box3 .bb2 .itemBox .item .t:nth-child(1) {font-size: 14px; }
	.property .box3 .bb2 .itemBox .item .t {font-size: 12px; } 

}

@media (max-width: 768px) {
	.property .box1 .t1 {
	font-size: 14px;
	line-height: 16px; }
	.property .box1 .t2 {
	font-size: 18px;
	line-height: 18px;
	margin-top: 13px; }
	.property .box1 .t3 {
	font-size: 14px;
	line-height: 22px; }
	.property .box2 .list ul li {
	width: 100%;
	float: none;
	margin-right: 0;
	border-right: none;
	height: auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e6e6; }
	.property .box2 .list ul li .year {
	font-size: 24px;
	line-height: 24px;
	padding-top: 0; }
	.property .box2 .list ul li .con {
	padding-bottom: 0;
	margin-top: 10px; }
	.property .box4 .list .more {
	width: 120px;
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	margin: 20px auto 0;
	letter-spacing: 0; } 

}

.product {
background-color: #f8f8f8;
padding: 4.5% 0; }
.product ul li {
width: 49%;
margin-bottom: 30px;
border-radius: 10px;
background-color: #fff;
border: 1px solid #dedede;
box-sizing: border-box; }
.product ul li a {
width: 100%;
height: auto;
position: relative;
display: block; }
.product ul li a .pic {
width: 51%;
height: 250px;
padding: 7.5% 0;
position: relative; }
.product ul li a .pic img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 80%;
max-height: 100%; }
.product ul li a .con {
width: 49%;
height: 100%;
position: absolute;
top: 0;
right: 0; }
.product ul li a .con .tits {
font-size: 24px;
line-height: 26px;
color: #2768b7;
font-weight: bold; }
.product ul li a .con .tit {
font-size: 16px;
line-height: 24px;
color: #333;
font-family: Arial;
margin-top: 12px; }

@media (max-width: 1200px) {
	.product ul li a .con .tits {font-size: 20px;line-height: 20px; }
	.product ul li a .pic {	padding: 0; } 

}


@media (max-width: 950px) {
	.product ul li {width: 100%;float: none;margin-right: 0;margin-bottom: 10px; }
	.product ul li a .con .tit {word-wrap: break-word; }
	.product ul li a .pic {height: 200px; }
	.product ul li a .pic img {max-height: 60%;max-width: 70%; }
	.product ul li a .con .tits {font-size: 16px;line-height: 16px; }
	.product ul li a .con .tit {font-size: 14px;line-height: 22px; }

}

.productInfo {
padding-bottom: 4%; }
.productInfo .box1 {
padding-top: 4.5%;
padding-bottom: 6.5%; }
.productInfo .box1 .tits {
text-align: center;
font-size: 36px;
line-height: 36px;
color: #707070; }
.productInfo .box1 .list {
width: 510px;
height: auto;
position: relative;
margin: 60px auto 0; }
.productInfo .box1 .list .bg {
width: 100%;
height: auto;
position: relative;
z-index: 1; }
.productInfo .box1 .list ul {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2; }
.productInfo .box1 .list ul li {
font-size: 16px;
line-height: 34px;
color: #707070;
position: absolute;
width: 250px;
cursor: pointer; }
.productInfo .box1 .list ul li:after {
content: '';
width: 34px;
height: 34px;
background-image: url("../images/product_icon.png");
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0; }
.productInfo .box1 .list ul li.left {
padding-right: 45px;
text-align: right; }
.productInfo .box1 .list ul li.left:after {
right: 0; }
.productInfo .box1 .list ul li.right {
padding-left: 45px;
text-align: left; }
.productInfo .box1 .list ul li.right:after {
left: 0; }
.productInfo .box1 .list ul li:nth-child(1) {
top: 27.8%;
right: 92.7%; }
.productInfo .box1 .list ul li:nth-child(2) {
top: 27.8%;
left: 92.7%; }
.productInfo .box1 .list ul li:nth-child(3) {
top: 66%;
right: 92.7%; }
.productInfo .box1 .list ul li:nth-child(4) {
top: 66%;
left: 92.7%; }
.productInfo .box1 .list ul li:nth-child(5) {
top: 0.6%;
right: 65.8%; }
.productInfo .box1 .list ul li:nth-child(6) {
top: 0.6%;
left: 65.8%; }
.productInfo .box1 .list ul li:nth-child(7) {
bottom: 0.6%;
right: 65.8%; }
.productInfo .box1 .list ul li:nth-child(8) {
bottom: 0.6%;
left: 65.8%; }
.productInfo .box1 .list ul li:nth-child(9) {
top: 46.4%;
right: 96.5%; }
.productInfo .box1 .list ul li:nth-child(10) {
top: 46.4%;
left: 96.6%; }
.productInfo .box1 .list ul li:nth-child(11) {
top: 11.5%;
right: 81.8%; }
.productInfo .box1 .list ul li:nth-child(12) {
top: 11.5%;
left: 81.8%; }
.productInfo .box1 .list ul li.on:after {
background-image: url("../images/product_icon_h.png"); }
.productInfo .box1 .list .pic {
width: 100%;
height: 100%;
z-index: 0;
position: absolute;
top: 0;
left: 0; }
.productInfo .box1 .list .pic .img {
width: 100%;
height: 100%;
position: relative;
display: none; }
.productInfo .box1 .list .pic .img img {
max-width: 50%;
max-height: 50%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto; }
.productInfo .box1 .titBox {
width: 100%;
margin-top: 15px;
display: none; }
.productInfo .box1 .titBox p {
text-align: center;
font-size: 16px;
line-height: 18px;
color: #707070;
display: none; }
.productInfo .box2 {
background-size: cover;
background-position: center bottom;
background-image: url("../images/info_bg1.jpg");
background-repeat: no-repeat;
padding-top: 5.2%;
padding-bottom: 12%; }
.productInfo .box2 .tits {
text-align: center;
font-size: 36px;
line-height: 36px;
color: #707070; }
.productInfo .box2 .list {
margin-top: 6.3%; }
.productInfo .box2 .list ul li {
width: 20%;
float: left;
text-align: center; }
.productInfo .box2 .list ul li .icon {
width: 170px;
height: auto;
position: relative;
box-sizing: border-box;
border: 3px solid #ebebeb;
background-color: #fff;
overflow: hidden;
border-radius: 100%;
margin: 0 auto; }
.productInfo .box2 .list ul li .icon img {
position: relative;
z-index: 4; }
.productInfo .box2 .list ul li .icon .img1 {
display: block; }
.productInfo .box2 .list ul li .icon .img2 {
display: none; }
.productInfo .box2 .list ul li .icon .bg {
background-image: url("../images/bg3.png");
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
top: 0;
left: 0;
z-index: 2;
border-radius: 100%;
overflow: hidden;
transform: scale(0);
transition: transform 0.7s ease-out; }
.productInfo .box2 .list ul li p {
font-size: 18px;
line-height: 24px;
color: #333;
margin-top: 30px; }


@media (min-width: 1024px) {
	.productInfo .box2 .list ul li:hover .icon .img1 {display: none; }
	.productInfo .box2 .list ul li:hover .icon .img2 {display: block; }
	.productInfo .box2 .list ul li:hover .icon .bg {opacity: 1;transform: scale(1); } 

}


.productInfo .box3 {
padding: 5.2% 0; }
.productInfo .box3 .tits {
text-align: center;
font-size: 36px;
line-height: 36px;
color: #707070; }
.productInfo .box3 .list {
margin-top: 4%; }
.productInfo .box3 .list ul li {
width: 100%;
height: auto; }
.productInfo .box3 .list ul li .picLeft {
width: 60.3%;
float: left; }
.productInfo .box3 .list ul li .picRight {
width: 35.2%;
height: auto;
float: right;
padding-top: 25px; }
.productInfo .box3 .list ul li .picRight p {
text-align: center;
font-size: 16px;
line-height: 20px;
color: #707070;
margin-top: 12px; }
.productInfo .box3 .list .btns {
width: 100%;
text-align: center;
font-size: 0;
margin-top: 45px; }
.productInfo .box3 .list .btns span {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 100%;
background: none;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../images/btns_icon.png");
opacity: 1;
margin: 0 10px; }
.productInfo .box3 .list .btns span.swiper-pagination-bullet-active {
background-image: url("../images/btns_icon_h.png"); }
.productInfo .paging a {
float: right;
padding-left: 40px;
font-size: 16px;
color: #707070;
background-position: left center;
background-repeat: no-repeat;
background-image: url("../images/return1.png");
line-height: 32px; }

@media (max-width: 1366px) {
	.productInfo .box2 .list ul li .icon {width: 130px; }
	.productInfo .box1 .tits {font-size: 30px;line-height: 30px; }
	.productInfo .box2 .tits {font-size: 30px;line-height: 30px; }
	.productInfo .box3 .tits {font-size: 30px;line-height: 30px; } 

}

@media (max-width: 1200px) {
	.productInfo .box2 .list ul li p {font-size: 16px;line-height: 22px; } 

}

@media (max-width: 1024px) {
	.productInfo .box1 .list {width: 350px; }
	.productInfo .box1 .list ul li.right {font-size: 14px;line-height: 28px; }
	.productInfo .box1 .tits {font-size: 22px;line-height: 22px; }
	.productInfo .box2 .tits {font-size: 22px;line-height: 22px; }
	.productInfo .box3 .tits {font-size: 22px;line-height: 22px; }
	.productInfo .box2 .list ul li .icon {width: 80px; }
	.productInfo .box2 .list ul li p {font-size: 14px;line-height: 22px;max-width: 90%;margin: 10px auto 0; }
	.productInfo .box2 .list ul li p br {	display: none; }

}

@media (max-width: 890px) {
	.productInfo .box2 .list ul {text-align: center;font-size: 0; }
	.productInfo .box2 .list ul li {width: 33.3333333333%;float: none;display: inline-block;margin-bottom: 20px; }
	.productInfo .box3 .list ul li .picLeft {width: 100%;float: none; }
	.productInfo .box3 .list ul li .picRight {width: 100%;padding-top: 15px; }
	.productInfo .box3 .list .btns {margin-top: 15px; }
	.productInfo .box1 .list {	margin: 30px auto 0; }
	.productInfo .box2 {padding-bottom: 6%; }

}


@media (max-width: 768px) {
	.productInfo .box1 .list {width: 300px; }
	.productInfo .box1 .list ul li {width: 34px;height: 34px;padding: 0 !important; }
	.productInfo .box1 .list ul li span {display: none; }
	.productInfo .box1 .titBox {display: block; }
	.productInfo .box1 .list ul li:nth-child(5) {top: -1.4%;right: 63.2%; }
	.productInfo .box1 .list ul li:nth-child(6) {top: -1.4%;left: 62.6%; }
	.productInfo .box1 .list ul li:nth-child(1) {top: 25.8%;right: 90.7%; }
	.productInfo .box1 .list ul li:nth-child(2) {top: 25%;left: 90.7%; }
	.productInfo .box1 .list ul li:nth-child(3) {top: 63.8%;right: 90.7%; }
	.productInfo .box1 .list ul li:nth-child(4) {top: 63.8%;left: 90.7%; }
	.productInfo .box1 .list ul li:nth-child(7) {bottom: -1.4%;right: 63.8%; }
	.productInfo .box1 .list ul li:nth-child(8) {bottom: -1.4%;	left: 63.8%; }
	.productInfo .paging a {font-size: 14px;line-height: 26px;background-size: auto 100%;padding-left: 32px; }

}

.welfare .box1 {
position: relative;
padding: 5.2% 0 2%; }
.welfare .box1 .bg {
width: 33.6%;
height: 100%;
background-color: #f8f8f8;
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: none; }
.welfare .box1 .pic {
width: 49.25%;
overflow: hidden;
border-radius: 5px;
float: left; }
.welfare .box1 .con {
width: 46.9%;
height: auto;
float: right;
color: #707070;
padding-top: 30px; }
.welfare .box1 .con .tits {
font-size: 36px;
line-height: 36px; }
.welfare .box1 .con .tit {
font-size: 16px;
line-height: 28px;
margin-top: 18px;
margin-bottom: 55px; }
.welfare .box1 .con .tit1 {
font-size: 16px;
line-height: 18px; }
.welfare .box1 .con .tit2 {
font-size: 24px;
line-height: 44px;
margin-top: 30px;
margin-bottom: 15px; }
.welfare .box1 .con .tit2 span {
font-size: 60px;
font-family: Arial; }
.welfare .box2 {
width: 100%;
height: auto;
background-color: #f2f3f2;
margin-top: 5.2%;
position: relative;
overflow: hidden; }
.welfare .box2 .bg {
width: 1520px;
height: 1520px;
border: 1px solid #007479;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 1;
border-radius: 100%;
opacity: 0.2;
animation: ripple 4.5s ease-out 0.2s infinite; }
.welfare .box2 .bg:after {
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 1px solid #007479;
position: absolute;
border-radius: 100%;
content: '';
animation: ripple 4.5s ease-out 0.4s infinite; }
.welfare .box2 .bg:before {
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 1px solid #007479;
position: absolute;
border-radius: 100%;
content: '';
animation: ripple 4.5s ease-out 1.6s infinite; }

@media (max-width: 1520px) {
	.welfare .box2 .bg {width: 1300px;height: 1300px; } 

}

@media (max-width: 1300px) {
	.welfare .box2 .bg {width: 1000px;height: 1000px;animation: ripple 3s ease-out 0.2s infinite; }
	.welfare .box2 .bg:after {animation: ripple 3s ease-out 0.4s infinite; }
	.welfare .box2 .bg:before {	animation: ripple 3s ease-out 1s infinite; } 

}

@media (max-width: 1000px) {
	.welfare .box2 .bg {width: 700px;height: 700px; } 

}

@media (max-width: 700px) {
.welfare .box2 .bg {width: 400px;height: 400px;animation: ripple 2s ease-out 0.2s infinite; }
.welfare .box2 .bg:after {animation: ripple 2s ease-out 0.4s infinite; }
.welfare .box2 .bg:before {animation: ripple 2s ease-out 1s infinite; }

}
.welfare .box2 .w1200 {
background-image: url("../images/map.png");
background-size: 80.9% auto;
background-position: center;
background-repeat: no-repeat;
padding: 6% 0; }
.welfare .box2 .year {
width: 60px;
float: left;
position: relative;
z-index: 4; }
.welfare .box2 .year .a {
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: cover;
display: block;
margin: 0 auto; }
.welfare .box2 .year .a.prev {
background-image: url("../images/top.png"); }
.welfare .box2 .year .a.next {
background-image: url("../images/bottom.png"); }

@media (min-width: 1024px) {
	.welfare .box2 .year .a:hover.prev {background-image: url("../images/top_h.png"); }
	.welfare .box2 .year .a:hover.next {background-image: url("../images/bottom_h.png"); }

}
.welfare .box2 .year .year-new {
width: 100%;
height: 600px; }
.welfare .box2 .year .year-new ul li {
font-size: 18px;
line-height: 100px;
height: 100px;
cursor: pointer;
text-align: center; }
.welfare .box2 .year .year-new ul li.on {
color: #009150; }
.welfare .box2 .con {
width: 81.4%;
position: absolute;
top: 0;
right: 0;
height: 100%;
z-index: 4; }
.welfare .box2 .con .item {
width: 100%;
height: auto;
display: none;
overflow: hidden;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%); }
.welfare .box2 .con .item .list ul li .conLeft {
width: 47%;
height: auto;
float: left;
color: #333; }
.welfare .box2 .con .item .list ul li .conLeft .tits {
font-size: 14px;
line-height: 14px;
color: #333; }
.welfare .box2 .con .item .list ul li .conLeft .tit {
font-size: 30px;
line-height: 44px;
color: #707070;
margin-top: 30px; }
.welfare .box2 .con .item .list ul li .conLeft .tit span {
font-size: 60px;
font-family: Arial; }
.welfare .box2 .con .item .list ul li .conLeft .tit1 {
margin-top: 33%; }
.welfare .box2 .con .item .list ul li .conLeft .tit1 .t {
padding-left: 28px;
font-size: 14px;
line-height: 30px;
color: #333;
background-position: left center;
background-repeat: no-repeat;
background-image: url("../images/welfare_icon1.png");
margin-bottom: 15px; }
.welfare .box2 .con .item .list ul li .conRight {
width: 53%;
float: right; }
.welfare .box2 .con .item .list ul li .conRight .time {
font-size: 18px;
line-height: 18px;
font-family: Arial;
color: #666; }
.welfare .box2 .con .item .list ul li .conRight .tit {
font-size: 18px;
line-height: 32px;
color: #707070;
margin-top: 35px; }
.welfare .box2 .con .item .btns {
width: 100%;
height: auto;
position: absolute;
bottom: 0;
right: 0;
z-index: 15; }
.welfare .box2 .con .item .btns .btns-new {
float: right; }
.welfare .box2 .con .item .btns .btns-new span {
width: 28px;
height: 28px;
display: block;
float: left;
opacity: 1;
background: none;
background-position: center;
background-repeat: no-repeat;
background-image: url("../images/welfare_icon2.png");
cursor: pointer; }
.welfare .box2 .con .item .btns .btns-new span.swiper-pagination-bullet-active {
background-image: url("../images/welfare_icon2_h.png");
background-size: cover; }


@media (max-width: 1366px) {
	.welfare .box1 .con .tits {line-height: 30px;font-size: 30px; }
	.welfare .box1 .con .tit2 {line-height: 34px; }
	.welfare .box1 .con .tit2 span {font-size: 44px; }
	.welfare .box2 .con .item .list ul li .conLeft .tit {line-height: 34px; }
	.welfare .box2 .con .item .list ul li .conLeft .tit span {font-size: 44px; }

}

@media (max-width: 1024px) {
	.welfare .box1 .con .tits {font-size: 22px;line-height: 22px; }
	.welfare .box1 .con .tit2 {line-height: 28px;margin-top: 13px;margin-bottom: 5px; }
	.welfare .box1 .con .tit2 span {font-size: 36px; }
	.welfare .box1 .con .tit {font-size: 14px;line-height: 24px;margin-bottom: 20px;margin-top: 10px; }
	.welfare .box1 .con .tit1 {font-size: 14px;line-height: 16px; }
	.welfare .box2 .con .item .list ul li .conLeft .tit {line-height: 28px; }
	.welfare .box2 .con .item .list ul li .conLeft .tit span {font-size: 36px; }
	.welfare .box2 .con .item .list ul li .conRight .tit {font-size: 16px;line-height: 26px; } 

}

@media (max-width: 768px) {
	.welfare .box1 .pic {width: 100%;float: none; }
	.welfare .box1 .con {width: 100%;padding-top: 15px;float: none; }
	.welfare .box1 .bg {display: none; }
	.welfare .box1 .con .tits {font-size: 18px;line-height: 18px; }
	.welfare .box1 .con .tit2 {line-height: 20px;font-size: 16px;margin-bottom: 10px; }
	.welfare .box1 .con .tit2 span {font-size: 28px; }
	.welfare .box2 .con .item .list ul li .conLeft .tit {line-height: 20px;	font-size: 16px; }
	.welfare .box2 .con .item .list ul li .conLeft .tit span {font-size: 28px; }
	.welfare .box2 .year {
	width: 100%;
	float: none;
	margin-top: 20px; }
	.welfare .box2 .year .a {
	float: left;
	width: 30px;
	height: 30px;
	transform: rotate(-90deg); }
	.welfare .box2 .con {
	width: 100%;
	position: relative;
	height: auto; }
	.welfare .box2 .con .item {
	position: relative;
	top: auto;
	transform: translateY(0);
	left: auto; }
	.welfare .box2 .year .year-new {
	height: 30px;
	width: calc(100% - 60px);
	float: left; }
	.welfare .box2 .year .year-new ul li {line-height: 30px;font-size: 14px; }
	.welfare .box2 .con .item .table {	display: block; }
	.welfare .box2 .con .item .table .table-cell {	display: block; }
	.welfare .box2 .con .item .list ul li .conLeft {width: 100%;float: none; }
	.welfare .box2 .con .item .list ul li .conRight {width: 100%;float: none;margin-top: 20px; }
	.welfare .box2 .con .item .list ul li .conRight .tit {font-size: 14px;line-height: 24px;margin-top: 10px; }
	.welfare .box2 .con .item .list ul li .conLeft .tit1 {margin-top: 10px; }
	.welfare .box2 .con .item .list ul li .conLeft .tit1 .t {margin-bottom: 0; }
	.welfare .box2 .con .item .list ul li .conLeft .tit {margin-top: 10px; }
	.welfare .box2 .con .item .btns {position: relative;bottom: auto;margin-top: 15px; }
	.welfare .box2 .con .item .btns .btns-new span {width: 20px;height: 20px; }

}

.newsInfo {
width: 100%;
height: auto;
padding-top: 80px;
padding-bottom: 5.2%; }
.newsInfo .content {
/*width: 1200px;*/
height: auto;
margin: 0 auto;
max-width: 100%; }
.newsInfo .content .tits {
text-align: center;
font-size: 30px;
line-height: 36px;
color: #707070; }
.newsInfo .content .time {
font-size: 16px;
line-height: 20px;
color: #666;
text-align: center;
margin-top: 25px; }
.newsInfo .content .time span {
color: #333; }
.newsInfo .content .con {
font-size: 16px;
line-height: 24px;
color: #333;
border-top: 1px solid #e6e6e6;
margin-top: 47px;
padding-top: 6%; }
.newsInfo .content .con img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto !important; }

.newsInfo .content .newsContent{
	font-size: 15px;
	line-height: 26px;
	color: #333;
	
}
.newsInfo .content .newsContent img{
	
	max-width:100%;
	margin:0px auto;
}

.newsInfo .content .newsContent pre{
	
	padding:10px;
	border: dotted 1px #ccc;
    background: #f7f7f7;
	overflow-y: hidden;
    overflow-x: auto;
}


.newsInfo .content .biaoqian{
	margin-top:20px;
	color:#333;
}
.newsInfo .content .biaoqian span{
	font-weight:bold;
	color:#000;
}
.newsInfo .content .biaoqian a{
	font-weight:100;
	color:#333;
	display: inline-block;

}
.newsInfo .content .biaoqian a:hover{

	color:#3d82d0;
}



.newsInfo .paging {
width: 100%;
height: auto;
margin-top: 6.8%;
position: relative; }
.newsInfo .paging .t {
width: 45%;
height: auto;
font-size: 16px;
line-height: 40px; }
.newsInfo .paging .t .p {
width: 120px;
height: 40px;
border: 1px solid #3d82d0;
box-sizing: border-box;
text-align: center !important;
float: left;
color: #3d82d0;
display: block; }
.newsInfo .paging .t a {
width: calc(100% - 140px);
float: right;
height: 40px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: block;
color: #707070; }

@media (min-width: 1024px) {
	.newsInfo .paging .t a:hover {color: #3d82d0; }
}

.newsInfo .paging .t.right .p {
float: right; }
.newsInfo .paging .t.right a {
float: left;
text-align: right; }
.newsInfo .paging .return {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-image: url("../images/return.png");
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -10px; }
.newsInfo .paging .return span {
width: 50px;
display: block;
position: absolute;
top: 24px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
line-height: 18px;
color: #666;
text-align: center; }
.newsInfo .img1 {
position: absolute;
right: 0;
width: 26.8%;
top: 85%; }
.newsInfo .img2 {
width: 73.75%;
position: absolute;
top: 140%;
left: 0; }

@media (max-width: 1366px) {
	.newsInfo .content .tits {
	font-size: 24px;
	line-height: 30px; }
	.newsInfo .content .time {margin-top: 30px; }
	.newsInfo .content .con {margin-top: 30px; } 

}

@media (max-width: 1024px) {
	.newsInfo {	padding-top: 20px; }
	.newsInfo .content .tits {
	font-size: 18px;
	line-height: 24px; }
	.newsInfo .content .time {
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px; }
	.newsInfo .content .con {
	padding-top: 25px;
	margin-top: 20px;
	font-size: 14px;
	line-height: 22px; }
	.newsInfo .paging .t .p {
	width: 80px;
	height: 33px;
	line-height: 30px;
	font-size: 14px; }
	.newsInfo .paging .t a {
	width: calc(100% - 100px);
	line-height: 35px;
	height: 35px; } 

}

@media (max-width: 768px) {
	.newsInfo .paging .t a {display: none; }
	.newsInfo .paging .return {	top: 7px; }

}

@-webkit-keyframes ripple {
	0% {
	opacity: 0;
	transform: scale(0.1); }
	50% {
	opacity: 1; }
	100% {
	opacity: 0;
	transform: scale(1); }

}
.history {
padding-top: 5.2%;
padding-bottom: 5.2%; }
.history .year {
position: relative; }
.history .year .yearList {
width: 100%;
height: 40px;
padding-top: 44px;
overflow: hidden; }
.history .year .yearList:after {
width: 100%;
height: 1px;
background-color: #eaeaea;
position: absolute;
bottom: 20px;
left: 0;
content: '';
z-index: 3; }
.history .year .yearList ul {
position: relative;
z-index: 4; }
.history .year .yearList ul li {
width: 16.6666666667%;
float: left;
position: relative;
cursor: pointer; }
.history .year .yearList ul li .print {
width: 36px;
height: 36px;
background-position: center;
background-repeat: no-repeat;
background-image: url("../images/year.png");
margin: 0 auto;
transition: all .5s; }
.history .year .yearList ul li .t {
width: 100%;
position: absolute;
bottom: 40px;
left: 0;
text-align: center;
font-size: 16px;
color: #666;
transition: all .5s; }
.history .year .yearList ul li.on .print {
background-image: url("../images/year_h.png"); }
.history .year .yearList ul li.on .t {
font-size: 30px;
color: #3d82d0;
line-height: 30px;
bottom: 55px; }
.history .year .a {
width: 40px;
bottom: 0;
height: 40px;
position: absolute;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: block;
border-radius: 100%;
background-color: #fff;
z-index: 10; }
.history .year .a.prev {
left: -56px;
background-image: url("../images/left.png"); }
.history .year .a.next {
right: -56px;
background-image: url("../images/right.png"); }
.history .conList {
width: calc(100% - 16.66667% + 36px);
height: auto;
margin: 4% auto 0; }
.history .conList ul li .t {
margin-bottom: 20px;
color: #828282; }
.history .conList ul li .t span {
font-size: 18px;
line-height: 30px;
color: #666;
float: left;
width: 85px;
letter-spacing: -1px; }
.history .conList ul li .t span em {
color: #000;
font-size: 30px; }
.history .conList ul li .t i {
font-size: 16px;
line-height: 30px;
color: #333;
float: left;
width: calc(100% - 85px);
display: block;
margin-top: 5px; }

@media (max-width: 1366px) {
	.history .year .a.prev {left: -20px; }
	.history .year .a.next {right: -20px; }
}

@media (max-width: 1200px) {
	.history .year .yearList ul li.swiper-slide-active .t {
	font-size: 22px;
	line-height: 22px;
	bottom: 50px; } 

}


@media (max-width: 768px) {
	.history .year .yearList {
	height: 30px;
	padding-top: 30px;
	width: calc(100% - 40px);
	padding: 30px 20px 0; }
	.history .year .yearList ul li {
	width: 25%; }
	.history .year .yearList ul li .print {
	width: 30px;
	height: 30px;
	background-size: 20px; }
	.history .year .yearList ul li .t {
	bottom: 30px;
	font-size: 14px;
	line-height: 14px; }
	.history .year .yearList ul li.swiper-slide-active .print {
	background-size: 24px; }
	.history .year .yearList ul li.swiper-slide-active .t {
	font-size: 18px;
	line-height: 18px;
	bottom: 34px; }
	.history .year .a {
	width: 30px;
	height: 30px; }
	.history .year .a.prev {left: -15px; }
	.history .year .a.next {right: -15px; }
	.history .year .yearList:after {bottom: 15px; }
	.history .conList {width: calc(100% - 20px); }
	.history .conList ul li .t span {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0;
	width: 70px; }
	.history .conList ul li .t span em {font-size: 18px; }
	.history .conList ul li .t i {
	font-size: 14px;
	line-height: 22px;
	width: calc(100% - 70px);
	margin-top: 0; } 

}

.graphicNew {padding: 1% 0 5% 0;}

.productNew {
padding: 5.7% 0; }
.productNew ul li {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 50px;
padding-bottom: 50px; }
.productNew ul li a {
width: 100%;
height: auto;
display: block; }
.productNew ul li a .pic {
width: 42.1%;
float: left;
overflow: hidden; }
.productNew ul li a .pic img {
transition: all 1.5s; }
.productNew ul li a .con {
width: 50%;
float: right;
padding-top: 15px; }
.productNew ul li a .con .tits {
font-size: 30px;
line-height: 42px;
color: #2768b7;
font-family: Arial;
text-transform: uppercase; }
.productNew ul li a .con .tit {
font-size: 22px;
line-height: 40px;
color: #808080;
height: 40px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 14px; }

.productNew ul li a .con .tit_ms {
font-size: 16px;
line-height: 25px;
color: #808080;

display: -webkit-box;
/*-webkit-line-clamp: 2;*/
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 10px; }

.productNew ul li a .con .web_ms {
font-size: 16px;
line-height: 30px;
color: #808080;

display: -webkit-box;
/*-webkit-line-clamp: 2;*/
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 14px; }

.productNew ul li a .con .web_ms p {
background:url('../images/stybg.png') left center no-repeat;
text-indent:26px;
line-height: 32px;
height: 30px;
overflow: hidden;
display:block;

}

.productNew ul li a .con .more {
width: 180px;
height: 50px;
border-radius: 25px;
background-image: url("../images/bg1.png");
text-align: center;
display: block;
margin-top: 52px; }
.productNew ul li a .con .more span {
display: inline-block;
font-size: 16px;
line-height: 55px;
padding-right: 54px;
background-image: url("../images/icon1.png");
background-repeat: no-repeat;
background-position: right center;
color: #fff;
letter-spacing: 3px; }
/*.productNew ul li:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0; }*/

@media (min-width: 1024px) {
	.productNew ul li:hover a .pic img {transform: scale(1.1); }
}

@media (max-width: 1366px) {
	.productNew ul li a .con .tits {
	font-size: 30px;
	line-height: 34px; }
	.productNew ul li {
	padding-bottom: 40px;
	margin-bottom: 40px; }

}


@media (max-width: 1200px) {
	
	.productNew ul li a .con {
	padding-top: 10px; }
	.productNew ul li a .con .tits {
	font-size: 26px;
	line-height: 30px; }
	.productNew ul li a .con .tit {
	font-size: 16px;
	line-height: 26px;
	height: 52px; }
	.productNew ul li {
	padding-bottom: 30px;
	margin-bottom: 30px; } 

}

@media (max-width: 1024px) {
	.productNew ul li a .con .more {margin-top: 25px; }

}

@media (max-width: 900px) {
	.productNew ul li a .con {
	padding-top: 10px; }
	.productNew ul li a .con .tits {
	font-size: 26px;
	line-height: 26px; 
	margin-top:15px;
	} 

}

@media (max-width: 768px) {
	.productNew ul li {	padding-bottom: 15px;margin-bottom: 15px; }
	.productNew ul li a .pic {width: 100%;float: none; }
	.productNew ul li a .con {width: 100%;float: none; }
	.productNew ul li a .con .tit {
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	margin-top: 6px; }

	.productNew ul li a .con .web_ms {
	font-size: 14px;
	line-height: 30px;
	color: #808080;

	display: -webkit-box;
	/*-webkit-line-clamp: 2;*/
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 0px; }

	.productNew ul li a .con .web_ms p {
	background:url('../images/stybg.png') left center no-repeat;
	text-indent:26px;
	line-height: 32px;
	height: 30px;
	overflow: hidden;
	display:block;

	}

	.productNew ul li a .con .more {
	width: 120px;
	height: 33px;
	border-radius: 16px;
	background-size: cover;
	margin-top: 10px; }
	.productNew ul li a .con .more span {
	line-height: 33px;
	padding-right: 30px;
	font-size: 13px;
	background-size: 18px auto;
	letter-spacing: 0px;

	}

}

.banner .bannerNav .w1520.productNewNav a {
width: 16.6666666667%; }

.infoNew .box1 {
padding-top: 5.7%;
padding-bottom: 8.2%;
background-image: url("../images/bg1.jpg"); }
.infoNew .box1 .title {
text-align: center; }
.infoNew .box1 .title .tits {
font-size: 36px;
line-height: 36px;
color: #000; }
.infoNew .box1 .title .tits span {
background-image: -webkit-linear-gradient(to right, #3d82d0, #438dbd 25%, #50a398 50%, #56b084 75%, #5cba73);
background-image: linear-gradient(to right, #3d82d0, #438dbd 25%, #50a398 50%, #56b084 75%, #5cba73);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.infoNew .box1 .title .tit {
font-size: 18px;
line-height: 24px;
color: #464646;
margin-top: 17px; }
.infoNew .box1 .videoBox {
cursor: pointer;
width: 100%;
position: relative;
margin-top: 47px; }
.infoNew .box1 .videoBox.x{
width: 1072px;
margin: 0 auto;
max-width: 100%;
}
.infoNew .box1 .videoBox img{
width: 100%;
}
.infoNew .box1 .videoBox .icon {
width: 80px;
height: 80px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
background-size: cover;
background-image: url("../images/video.png"); }
.infoNew .box2 .item {
background-image: url("../images/bg2.jpg");
background-color: #121217; }
.infoNew .box2 .item .w1520 .pic {
width: 50%;
float: right; }
.infoNew .box2 .item .w1520 .con {
width: 40.5%;
left: 3.9%;
top: 50%;
transform: translateY(-50%);
position: absolute; }
.infoNew .box2 .item .w1520 .con .tits {
font-size: 36px;
color: #fff;
line-height: 48px; }
.infoNew .box2 .item .w1520 .con .txt {
font-size: 18px;
line-height: 32px;
color: #fff;
opacity: 0.7;
margin-top: 20px; }
.infoNew .box2 .item:nth-child(2n) {
background-image: url("../images/bg3.jpg");
background-color: #f2f4f7; }
.infoNew .box2 .item:nth-child(2n) .pic {
float: left; }
.infoNew .box2 .item:nth-child(2n) .con {
right: 3.9%;
left: auto; }
.infoNew .box2 .item:nth-child(2n) .con .tits {
color: #262626; }
.infoNew .box2 .item:nth-child(2n) .con .tits span {
background-image: -webkit-linear-gradient(to right, #3d82d0, #438dbd 25%, #50a398 50%, #56b084 75%, #5cba73);
background-image: linear-gradient(to right, #3d82d0, #438dbd 25%, #50a398 50%, #56b084 75%, #5cba73);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: block; }
.infoNew .box2 .item:nth-child(2n) .con .txt {
color: #565656;
opacity: 1; }

@media (max-width: 1366px) {
	.infoNew .box1 .title .tits {
	font-size: 30px;
	line-height: 30px; }
	.infoNew .box2 .item .w1520 .con .tits {
	font-size: 30px;
	line-height: 34px; }
	.infoNew .box2 .item .w1520 .con .txt {
	font-size: 16px;
	line-height: 28px; }

}


@media (max-width: 1200px) {
	.infoNew .box1 .title .tits {
	font-size: 26px;
	line-height: 26px; }
	.infoNew .box2 .item .w1520 .con .tits {
	font-size: 26px;
	line-height: 34px; }
	.infoNew .box2 .item .w1520 .con {
	width: 50%;
	left: 0; }
	.infoNew .box2 .item:nth-child(2n) .con {
	right: 0;
	left: auto; }
	.infoNew .box1 .title .tit {
	font-size: 16px;
	line-height: 22px; }

}

@media (max-width: 900px) {
	.infoNew .box1 .title .tits {
	font-size: 22px;
	line-height: 22px; }
	.infoNew .box2 .item .w1520 .con .tits {
	font-size: 22px;
	line-height: 30px; }
	.infoNew .box2 .item .w1520 .pic {
	width: 100%;
	float: none; }
	.infoNew .box2 .item .w1520 .con {
	top: 0;
	transform: translateY(0);
	position: relative;
	left: auto !important;
	right: auto !important;
	width: 100%;
	padding: 15px 0; }

}


@media (max-width: 768px) {
	.infoNew .box1 .title .tit {
	font-size: 14px;
	line-height: 22px;
	margin-top: 5px; }
	.infoNew .box1 .videoBox {
	margin-top: 20px; }
	.infoNew .box1 .videoBox .icon {
	width: 40px;
	height: 40px; }
	.infoNew .box2 .item .w1520 .con .tits {
	font-size: 20px;
	line-height: 26px; }
	.infoNew .box2 .item .w1520 .con .txt {
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px; } 

}

.proService .box1 {
padding-top: 5.3%;
padding-bottom: 6%; }
.proService .box1 img {
display: block;
max-width: 100%;
margin: 0 auto;
height: auto !important; }
.proService .box2 {
background-color: #f2f4f7;
padding-top: 4.9%;
padding-bottom: 40px; }
.proService .box2 .item {
margin-bottom: 6.7%; }
.proService .box2 .item .tits {
font-size: 36px;
line-height: 36px;
color: #333; }
.proService .box2 .item .tit {
font-size: 14px;
line-height: 24px;
color: #686868;
margin-top: 37px; }

@media (max-width: 1366px) {
	.proService .box2 .item .tits {	font-size: 30px;line-height: 30px; } 

}

@media (max-width: 1200px) {
	.proService .box2 .item .tits {	font-size: 26px;line-height: 26px; }
	.proService .box2 .item .tit {margin-top: 20px; } 

}

@media (max-width: 900px) {
	.proService .box2 .item .tits {font-size: 22px;line-height: 22px; }
	.proService .box2 .item .tit {margin-top: 10px; }
	.proService .box2 {	padding-bottom: 20px; }

}

.process .box1 {
padding-top: 5.7%; }
.process .box1 .title {
text-align: center;
font-size: 36px;
line-height: 36px;
color: #333; }
.process .box1 .pic {
width: 100%;
height: auto;
background-color: #f2f4f7;
margin-top: 60px;
padding-top: 37px;
padding-bottom: 55px; }
.process .box2 {
padding-top: 5.2%;
padding-bottom: 5.8%; }
.process .box2 .con {
width: 80.2%;
margin: 0 auto;
text-align: center; }
.process .box2 .con .title {
font-size: 36px;
line-height: 36px;
color: #333;
margin-bottom: 36px; }
.process .box2 .con .tit {
font-size: 15px;
line-height: 24px;
color: #686868; }
.process .box2 .con .tit1 {
font-size: 24px;
line-height: 36px;
color: #2768b7;
margin-top: 58px;
margin-bottom: 10px; }
.process .box2 .con .tit1 span {
font-weight: bold;
font-size: 36px; }
.process .box2 .con1 {
width: 91.2%;
margin: 43px auto 0; }
.process .box2 .con1 ul li {
width: 21.8%;
float: left;
margin-left: -2.3%;
position: relative;
cursor: pointer; }
.process .box2 .con1 ul li:nth-child(1) {
margin-left: 0; }
.process .box2 .con1 ul li img.img2 {
display: none; }
.process .box2 .con1 ul li p {
text-align: center;
font-size: 24px;
line-height: 30px;
color: #666;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
padding-left: 3%; }
.process .box2 .con1 ul li.on img.img1 {
display: none; }
.process .box2 .con1 ul li.on img.img2 {
display: block; }
.process .box2 .con1 ul li.on p {
color: #fff; }
.process .box2 .con2 {
width: 80.2%;
margin: 27px auto 0; }
.process .box2 .con2 .item {
display: none; }
.process .box2 .con2 .item .tits {
font-size: 30px;
line-height: 30px;
color: #333; }
.process .box2 .con2 .item .txt {
font-size: 15px;
line-height: 24px;
color: #686868;
margin-top: 15px; }

@media (max-width: 1366px) {
	
	.process .box1 .title {	font-size: 30px;line-height: 30px; }
	.process .box2 .con .title {font-size: 30px;line-height: 30px; }
	.process .box2 .con .tit1 span {font-size: 30px; }
	.process .box2 .con2 .item .tits {font-size: 26px;line-height: 26px; }
	.process .box2 .con .tit1 {font-size: 20px;line-height: 30px; }
	.process .box2 .con1 ul li p {font-size: 20px;line-height: 26px; }

}

@media (max-width: 1200px) {
	.process .box1 .title {
	font-size: 26px;
	line-height: 26px; }
	.process .box2 .con .title {
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 20px; }
	.process .box2 .con .tit1 span {
	font-size: 26px; }
	.process .box2 .con2 .item .tits {
	font-size: 22px;
	line-height: 22px; }
	.process .box2 .con .tit1 {
	font-size: 18px;
	line-height: 26px;
	margin-top: 30px; }
	.process .box2 .con1 ul li p {
	font-size: 18px;
	line-height: 26px; }
	.process .box1 .pic {margin-top: 40px; }

}

@media (max-width: 768px) {
	.process .box2 .con {width: 100%; }
	.process .box1 .title {
	font-size: 22px;
	line-height: 22px; }
	.process .box2 .con .title {
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 20px; }
	.process .box2 .con .tit1 span {
	font-size: 22px; }
	.process .box2 .con2 .item .tits {
	font-size: 18px;
	line-height: 18px; }
	.process .box2 .con .tit1 {
	font-size: 16px;
	line-height: 20px;
	margin-top: 30px; }
	.process .box2 .con1 ul li p {
	font-size: 13px;
	line-height: 20px; }
	.process .box2 .con1 {
	width: 100%;
	margin-top: 20px; }
	.process .box2 .con .tit {
	font-size: 14px; }
	.process .box2 .con2 {
	width: 100%;
	margin: 15px auto 0; }
	.process .box1 .pic {
	margin-top: 20px;
	padding: 15px 0 20px; }

}

.proCase {
padding-top: 5.7%;
padding-bottom: 3.6%; }
.proCase ul li {
background-color: #f2f4f7;
margin-bottom: 60px; }
.proCase ul li a {
width: 100%;
height: auto;
display: block; }
.proCase ul li a .pic {
width: 486px;
float: left;
overflow: hidden; }
.proCase ul li a .pic img {
transition: all 1.5s; }
.proCase ul li a .con {
width: calc(100% - 486px - 40px - 50px);
float: right;
margin-right: 40px;
padding-top: 48px; }
.proCase ul li a .con .tits {
font-size: 24px;
line-height: 24px;
height: 24px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: #2768b7; }
.proCase ul li a .con .tit {
font-size: 18px;
line-height: 30px;
color: #808080;
height: 60px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 12px; }
.proCase ul li a .con .line {
width: 30px;
height: 2px;
background-color: #ababac;
margin-top: 24px; }
.proCase ul li a .con .time {
font-size: 16px;
line-height: 16px;
color: #999;
font-family: Arial;
margin-top: 9px; }
.proCase ul li a .con .more {
width: 180px;
height: 50px;
border-radius: 25px;
background-image: url("../images/bg1.png");
text-align: center;
display: block;
margin-top: 27px; }
.proCase ul li a .con .more span {
display: inline-block;
font-size: 16px;
line-height: 50px;
padding-right: 54px;
background-image: url("../images/icon1.png");
background-repeat: no-repeat;
background-position: right center;
color: #fff;
letter-spacing: 3px; }

@media (min-width: 1024px) {
.proCase ul li:hover a .pic img {transform: scale(1.1); }

}

@media (max-width: 1366px) {
	.proCase ul li a .con .tit {
	font-size: 16px;
	line-height: 26px;
	height: 52px;
	} 

}

@media (max-width: 1200px) {
	.proCase ul li a .pic {	width: 400px; }
	.proCase ul li a .con {
	width: calc(100% - 400px - 30px - 30px);
	margin-right: 30px;
	padding-top: 30px; }
	.proCase ul li {
	margin-bottom: 40px; }
	.proCase ul li a .con .tits {
	font-size: 20px;
	line-height: 20px;
	height: 20px; }

}

@media (max-width: 900px) {
	
	.proCase ul li a .pic {	width: 100%;float: none; }
	.proCase ul li a .con {
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
	float: none; }
	.proCase ul li a .con .tits {
	font-size: 16px;
	line-height: 22px;
	height: auto; }
	.proCase ul li a .con .tit {
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	margin-top: 5px; }
	.proCase ul li a .con .line {
	margin-top: 10px; }
	.proCase ul li a .con .time {
	font-size: 14px;
	line-height: 14px;
	margin-top: 5px; }
	.proCase ul li a .con .more {
	width: 120px;
	height: 33px;
	border-radius: 16px;
	background-size: cover;
	margin-top: 15px; }
	.proCase ul li a .con .more span {
	line-height: 33px;
	padding-right: 30px;
	font-size: 14px;
	background-size: 18px auto; }
	.proCase ul li {margin-bottom: 15px; } 

}

.proContact {
width: 100%;
height: auto;
position: relative; }
.proContact .map {
width: 100%;
height: 800px; }
.proContact .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5); }
.proContact .con {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5; }
.proContact .con .w1520 {
height: 100%; }
.proContact .con .box {
width: 44.7%;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-color: #fff; }
.proContact .con .box .conn {
width: calc(100% - 80px);
margin: 0 auto 0;
padding-top: 27px;
padding-bottom: 40px; }
.proContact .con .box .conn .tits {
font-size: 30px;
line-height: 30px;
color: #2768b7; }
.proContact .con .box .conn .tit {
font-size: 18px;
line-height: 40px;
color: #808080;
margin-top: 20px; }
.proContact .con .box .conn .tit .t {
width: calc(100% - 32px);
background-position: left center;
background-repeat: no-repeat;
padding-left: 32px; }
.proContact .con .box .conn .tit .t.t1 {
background-image: url("../images/contact_icon1.png"); }
.proContact .con .box .conn .tit .t.t2 {
background-image: url("../images/contact_icon2.png"); }
.proContact .con .box .conn .tit .t.t3 {
background-image: url("../images/contact_icon3.png"); }

@media (max-width: 1600px) {
	.proContact .con .box .conn .tits {
	font-size: 24px;
	line-height: 24px; } 
}

@media (max-width: 1366px) {
	.proContact .con .box .conn .tit {
	font-size: 16px;
	line-height: 32px; } 

}

@media (max-width: 1200px) {
	.proContact .con .box .conn .tits {font-size: 20px;line-height: 20px; }
	.proContact .con .box .conn {width: calc(100% - 40px); }

}


@media (max-width: 1024px) {
	.proContact .map {height: 320px; }
	.proContact .bg {display: none; }
	.proContact .con {
	width: 100%;
	position: relative;
	top: 0;
	transform: translateY(0);
	margin-top: 15px; }
	.proContact .con .box {
	width: 100%;
	position: relative;
	top: auto;
	transform: translateY(0); }
	.proContact .con .box .conn {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px; }
	.proContact .con .box .conn .tits {
	font-size: 18px;
	line-height: 18px; }
	.proContact .con .box .conn .tit {
	font-size: 14px;
	line-height: 30px; } 

}

.BMapLabel {
width: 170px !important;
font-weight: bold !important;
font-size: 14px !important;
line-height: 55px !important;
color: #000;
text-align: center;
border: none !important;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
left: -70px !important;
top: -65px !important; }

.proDownload {
padding-top: 3.3%;
padding-bottom: 4.7%; }
.proDownload ul li {
background-color: #f2f4f7;
margin-bottom: 20px; }
.proDownload ul li a {
width: 100%;
display: block;
height: auto; }
.proDownload ul li a span {
width: calc(36.8% - 94px);
padding-left: 94px;
font-size: 24px;
line-height: 90px;
height: 90px;
float: left;
display: block;
color: #333;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.proDownload ul li a i {
margin-left: 30px;
padding-left: 36px;
font-size: 18px;
line-height: 90px;
color: #2768b7;
background-position: left center;
float: left;
display: block;
background-repeat: no-repeat;
background-image: url("../images/icon1.png"); }
.proDownload ul li a i em {
border-bottom: 1px solid #2768b7; }

@media (max-width: 1366px) {
	.proDownload ul li a span {
		font-size: 20px;
		width: calc(36.8% - 60px);
		padding-left: 60px;
	} 
}

@media (max-width: 768px) {
	.proDownload ul li a {	padding: 10px 0; }
	.proDownload ul li a span {
	font-size: 16px;
	line-height: 30px;
	width: 90%;
	margin: 0 auto;
	padding-left: 0;
	float: none;
	height: auto; 
	}
	.proDownload ul li a i {
	width: 90%;
	float: none;
	margin: 0 auto;
	font-size: 14px;
	line-height: 30px;
	box-sizing: border-box;
	background-size: 20px;
	padding-left: 26px; 
	}
	
	.proDownload ul li {	margin-bottom: 10px; }

}

.w1266 {
width: 92%;
max-width: 1266px;
height: auto;
margin: 0 auto;
position: relative; }

.service .box1 {
padding-top: 4.6%;
padding-bottom: 3.9%; }
.service .box1 .item {
width: 25%;
float: left;
cursor: pointer; }
.service .box1 .item .icon {
width: 53.7%;
box-sizing: border-box;
border: 3px solid #ebebeb;
border-radius: 100%;
position: relative;
margin: 0 auto; }
.service .box1 .item .icon img {
position: relative;
z-index: 5; }
.service .box1 .item .icon img.img2 {
display: none; }
.service .box1 .item .icon .bg {
background-image: url("../images/bg3.png");
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
border-radius: 100%;
overflow: hidden;
transform: scale(0);
transition: transform 0.7s ease-out; }
.service .box1 .item p {
text-align: center;
font-size: 18px;
line-height: 20px;
color: #000;
margin-top: 18px; }

@media (min-width: 1024px) {
	.service .box1 .item:hover .icon img.img1 {display: none; }
	.service .box1 .item:hover .icon img.img2 {	display: block; }
	.service .box1 .item:hover .icon .bg {	transform: scale(1); }

}


.service .box2 {
background-color: #f9f9f9;
padding-bottom: 4.4%;
padding-top: 4.2%; }
.service .box2 .title {
text-align: center; }
.service .box2 .title .en {
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
color: #c0c2cc;
letter-spacing: 4px;
opacity: 0.7; }
.service .box2 .title .cn {
font-size: 36px;
line-height: 36px;
color: #000;
margin-top: 17px; }
.service .box2 .title .line {
width: 42px;
height: 3px;
margin: 30px auto 0;
background-color: #000; }
.service .box2 .title .t {
font-size: 16px;
line-height: 22px;
color: #666;
margin-top: 37px; }
.service .box2 .tableBox {
margin-top: 58px; }
.service .box2 .tableBox span {
float: left;
width: 60px;
font-size: 16px;
line-height: 50px;
color: #000; }
.service .box2 .tableBox span i {
color: #c30000; }
.service .box2 .tableBox .text {
background: none;
width: calc(100% - 60px);
height: 50px;
box-sizing: border-box;
border: 1px solid #aeaeae;
border-radius: 8px;
float: left;
padding-left: 20px;
font-size: 14px;
line-height: 30px;
color: #9f9f9f; }
.service .box2 .tableBox .txt {
background: none;
width: calc(100% - 60px);
height: 250px;
box-sizing: border-box;
border: 1px solid #aeaeae;
border-radius: 8px;
float: left;
padding: 10px 20px;
font-size: 14px;
line-height: 30px;
color: #9f9f9f; }
.service .box2 .tableBox .t {
margin-bottom: 30px; }
.service .box2 .tableBox .t .tt {
width: 48.2%;
float: left; }
.service .box2 .tableBox .t .tt:nth-child(2n) {
float: right; }
.service .box2 .tableBox .submit {
background: none;
border: none;
width: 180px;
height: 50px;
font-size: 16px;
line-height: 50px;
color: #fff;
/*background-color: #fff;*/
display: block;
background-size: cover;
background-image: url("../images/bg1.png");
background-repeat: no-repeat;
margin-left: 60px;
margin-top: 40px;
}
.service .box3 {
padding-top: 4.2%;
padding-bottom: 4.4%; }
.service .box3 .title {
text-align: center;
position: relative; }
.service .box3 .title .en {
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
color: #c0c2cc;
letter-spacing: 4px;
opacity: 0.7; }
.service .box3 .title .cn {
font-size: 36px;
line-height: 36px;
color: #777;
margin-top: 17px; }
.service .box3 .title .line {
width: 42px;
height: 3px;
margin: 30px auto 0;
background-color: #777; }
.service .box3 .title .searchBox {
width: 377px;
height: auto;
border: 1px solid #d4d4d4;
position: absolute;
top: 38px;
right: 0; }
.service .box3 .title .searchBox .text {
width: 100%;
height: 61px;
border: none;
background: none;
box-sizing: border-box;
padding-left: 26px;
font-size: 18px;
line-height: 30px;
color: #999; }
.service .box3 .title .searchBox .submit {
width: 30px;
height: 30px;
position: absolute;
top: 15px;
right: 28px;
border: none;
background: none;
background-repeat: no-repeat;
background-image: url("../images/search.png");
background-position: center; }
.service .box3 .list {
margin-top: 62px;
background-image: url("../images/line.png");
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: left top; }


.service .box3 .list ul{padding-top:20px;}

.service .box3 .list ul li {
border-bottom: 1px solid #e5e5e5;
height:40px;
line-height:40px;
margin:5px 0;
cursor: pointer;
text-indent:20px;
background:url('../images/sj.png') 5px center no-repeat;

}
.service .box3 .list ul li .t {
font-size: 18px;
line-height:41px;
color: #565656;

}

.service .box3 .list ul li .t:hover {

color: #01589f;

}

.service .box3 .list ul li .t span {
width: calc(100% - 150px);
float: left;
display: block;
height:40px;
overflow:hidden;
}

.service .box3 .list ul li .t date {
width: 150px;
float: right;
display: block;
text-align:right;
font-weight:100;
color:#aaa;

}



.service .box3 .list ul li .t i {
width: 14px;
height: 30px;
float: right;
display: block;
background-position: center;
background-repeat: no-repeat;
background-image: url("../images/icon6.png");
margin-right: 20px; }
.service .box3 .list ul li .t.on {
color: #008cd6; }
.service .box3 .list ul li .t.on i {
background-image: url("../images/icon6_h.png"); }
.service .box3 .list ul li .con {
width: calc(100% - 70px);
font-size: 16px;
line-height: 27px;
color: #777;
margin-top: 20px;
display: none; }
.service .box3 .list .moreClick {
width: 180px;
height: 50px;
font-size: 16px;
line-height: 50px;
color: #fff;
background-color: #fff;
display: block;
background-size: cover;
background-image: url("../images/bg1.png");
background-repeat: no-repeat;
margin: 52px auto 0;
text-align: center; }
.service .box3 .list .ewm {
width: 160px;
height: auto;
background-color: #fff;
border: 1px solid #e5e5e5;
padding: 5px;
margin: 30px auto 0; }
.service .box3 .list .ewm p {
text-align: center;
color: #565656;
font-size: 14px; }


.service .box3 .xglist .xgt{font-size:20px; line-height:60px;height:60px; font-weight:bold; padding-top: 15px;}
.service .box3 .xglist ul{ padding-top:0;}
.service .box3 .xglist ul li{ width:45%; height:40px; margin:0; margin-right:5%; overflow:hidden; text-indent:20px; line-height:40px; float:left; border-bottom: dashed 1px #eee;}
.service .box3 .xglist ul li a{color:#333; display:block;}
.service .box3 .xglist ul li a:hover{color:#2578d7;}




@media (max-width: 1024px) {
	.service .box3 .list .ewm {display: none; }

}
@media (max-width: 1366px) {
	.service .box2 .title .cn {
	font-size: 30px;
	line-height: 30px;
	margin-top: 13px; }
	.service .box3 .title .cn {
	font-size: 30px;
	line-height: 30px;
	margin-top: 13px; }
	.service .box2 .title .en {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 2px; }
	.service .box3 .title .en {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 2px; }
	.service .box2 .title .line {margin: 20px auto 0; }
	.service .box3 .title .line {margin: 20px auto 0; }
}

@media (max-width: 1200px) {
	.service .box2 .title .cn {
	font-size: 26px;
	line-height: 26px; }
	.service .box3 .title .cn {
	font-size: 26px;
	line-height: 26px; }

}

@media (max-width: 1024px) {
	.service .box2 .title .cn {
	font-size: 22px;
	line-height: 22px;
	margin-top: 10px; }
	.service .box3 .title .cn {
	font-size: 22px;
	line-height: 22px;
	margin-top: 10px; }
	.service .box2 .title .line {
	height: 2px;
	margin: 10px auto 0; }
	.service .box3 .title .line {
	height: 2px;
	margin: 10px auto 0; }

}

@media (max-width: 768px) {
	.service .box1 .item .icon {width: 80%;border-width: 1px;}
	.service .box1 .item p {font-size: 14px;line-height: 16px;margin-top: 10px; }
	.service .box2 .title .t {font-size: 14px;margin-top: 15px; }
	.service .box2 .tableBox .t {margin-bottom: 0; }
	.service .box2 .tableBox .t .tt {width: 100%;margin-bottom: 10px;float: none !important; }
	.service .box2 .tableBox span {
	font-size: 14px;
	line-height: 38px;
	width: 45px; }
	.service .box2 .tableBox .text {
	height: 38px;
	padding-left: 10px;
	line-height: 26px;
	width: calc(100% - 45px); }
	.service .box2 .tableBox .txt {
	height: 100px;
	line-height: 26px;
	padding: 5px 10px;
	width: calc(100% - 45px); }
	.service .box2 .tableBox {
	margin-top: 20px; }
	.service .box2 .tableBox .submit {
	width: 120px;
	height: 34px;
	background-size: cover;
	border-radius: 17px;
	font-size: 14px;
	margin-top: 20px;
	margin-left: 45px;
	line-height: 34px; }
	.service .box3 .title .searchBox {
	width: 100%;
	position: relative;
	top: 0;
	right: 0;
	margin-top: 20px; }
	.service .box3 .title .searchBox .text {
	height: 40px;
	line-height: 30px;
	font-size: 14px;
	padding-left: 10px; }
	.service .box3 .title .searchBox .submit {
	top: 5px;
	right: 10px;
	background-size: 20px; }


	.service .box3 .list ul li {padding: 0;	}
	.service .box3 .list ul li .t {	line-height:41px;font-size: 16px;}

	.service .box3 .list ul li .t span {
	width: calc(100% - 0px);
	float: left;
	display: block;
	height:40px;
	overflow:hidden;
	}

	.service .box3 .list ul li .t date {display:none;}

	.service .box3 .list {margin-top: 25px; }
	.service .box3 .list .moreClick {
	width: 120px;
	height: 34px;
	line-height: 34px;
	background-size: cover;
	font-size: 14px;
	margin: 20px auto 0;
	border-radius: 17px; }
	.service .box3 .list ul li .con {
	font-size: 14px;
	margin-top: 10px;
	line-height: 24px; }


	.service .box3 .xglist .xgt{font-size:20px; line-height:60px;height:60px; font-weight:bold; padding-top: 15px;}

	.service .box3 .xglist ul {padding-top:0}
	.service .box3 .xglist ul li{ width:100%; height:40px; margin:0; margin-right:0; overflow:hidden; text-indent:20px; line-height:40px; float:left; border-bottom: dashed 1px #eee;}
	.service .box3 .xglist ul li a{color:#333;}
	.service .box3 .xglist ul li a:hover{color:#2578d7;}

	.about_ms{display:none;}


}

.servicePage {
padding: 5.2% 0;
font-size: 16px;
line-height: 24px;
color: #333; }
.servicePage img {
max-width: 100%;
display: block;
margin: 0 auto;
height: auto !important; }


.support{
padding: 5.2% 0;
}
.support .item{
margin-bottom: 7.5%;
}
.support .item:last-child{
margin-bottom: 0;
}
.support .item .tits{
text-align: center;
font-size: 32px;
line-height: 34px;
color: #595757;
}

.support .item .con{
width: 810px;
margin: 26px auto 0;
max-width: 100%;
}
.support .item .con .tit{
font-size: 18px;
line-height: 30px;
color: #595757;
}
.support .item .con .tit p{
margin-bottom: 14px;
}
.support .item .con .tit p strong{
color: #595757;
}
.support .item .pic{
margin-top: 43px;
}
.support .item .pic .img{
width: 49.2%;
float: left;
}
.support .item .pic .img:nth-child(2n){
float: right;
}

@media (max-width: 1200px){
	.support .item .tits{
	font-size: 26px;
	line-height: 28px;
	}
	.support .item .con .tit{
	font-size: 16px;
	line-height: 28px;
	}
}
@media (max-width: 768px){
	.support .item .tits{
	font-size: 22px;
	line-height: 24px;
	}
	.support .item .con{
	margin: 15px auto 0;
	}
	.support .item .con .tit{
	font-size: 14px;
	line-height: 22px;
	}
	.support .item .con .tit p{
	margin-bottom: 8px;
	}
	.support .item .pic{
	margin-top: 15px;
	}
	.support{
	padding-bottom: 30px;
	}
}


.infoNew .box3 .item1{
position: relative;
margin-bottom: 10px;
}
.infoNew .box3 .item1 .con{
width: 100%;
position: absolute;
top: 0;
left: 0;
padding-top: 3.9%;
}
.infoNew .box3 .item1 .con .title{
color: #fff;
text-align: center;
}
.infoNew .box3 .item1 .con .title .tits{
font-size: 52px;
line-height: 54px;
font-weight: bold;
}
.infoNew .box3 .item1 .con .title .tit{
font-size: 24px;
line-height: 26px;
margin-top: 21px;
}

.infoNew .box3 .item1 .con .content{
margin-top: 4.3%;
}

.infoNew .box3 .item1 .con .content .conLeft{
width: 415px;
float: right;
}
.infoNew .box3 .item1 .con .content .conLeft .it{
width: 45.3%;
float: left;
border-radius: 20px;
border: 1px solid #fff;
height: 142px;
box-sizing: border-box;
margin-right: 9.4%;
margin-bottom: 9.4%;
text-align: center;
}
.infoNew .box3 .item1 .con .content .conLeft .it:nth-child(2n){
margin-right: 0;
}
.infoNew .box3 .item1 .con .content .conLeft .it .t{
font-size: 25px;
line-height: 27px;
color: #fff;
padding-top: 28px;
}
.infoNew .box3 .item1 .con .content .conLeft .it .t1{
font-size: 36px;
line-height: 38px;
color: #fff;
background-image: -webkit-linear-gradient(to right, #3d82d0, #438dbd 25%, #50a398 50%, #56b084 75%, #5cba73);
background-image: linear-gradient(to right, #3d82d0, #438dbd 25%, #50a398 50%, #56b084 75%, #5cba73);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 22px;
}
.infoNew .box3 .item1 .con .content .conLeft .it .t2{
font-size: 29px;
line-height: 31px;
color: #fff;
background-image: -webkit-linear-gradient(to right, #3d82d0, #438dbd 25%, #50a398 50%, #56b084 75%, #5cba73);
background-image: linear-gradient(to right, #3d82d0, #438dbd 25%, #50a398 50%, #56b084 75%, #5cba73);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 8px;
}

.infoNew .box3 .item1 .con .content.x{
margin-top: 32px;
}
.infoNew .box3 .item1 .con .content.x .conLeft{
width: 100%;
text-align: center;
font-size: 0;
}
.infoNew .box3 .item1 .con .content.x .conLeft .it{
width: 225px;
height: 87px;
margin: 0 46px;
display: inline-block;
float: none;
}
.infoNew .box3 .item1 .con .content.x .conLeft .it .t{
padding-top: 10px;
}
.infoNew .box3 .item1 .con .content.x .conLeft .it .t1{
font-size: 32px;
line-height: 34px;
margin-top: 5px;
}


.infoNew .box3 .item{
position: relative;
margin-bottom: 10px;
}
.infoNew .box3 .item .con{
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
padding-top: 15.1%;
}
.infoNew .box3 .item .con .conNew{
text-align: right;
color: #fff;
}
.infoNew .box3 .item .con .conNew.x{
color: #000;
}
.infoNew .box3 .item.item2 .con .conNew{
text-align: left;
}
.infoNew .box3 .item .con .conNew .tits{
font-size: 52px;
line-height: 54px;
font-weight: bold;
}
.infoNew .box3 .item .con .conNew .tits span{
font-size: 80px;
background-image: -webkit-linear-gradient(to right, #3d82d0, #438dbd 25%, #50a398 50%, #56b084 75%, #5cba73);
background-image: linear-gradient(to right, #3d82d0, #438dbd 25%, #50a398 50%, #56b084 75%, #5cba73);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.infoNew .box3 .item .con .conNew .tit{
font-size: 20px;
line-height: 28px;
margin-top: 27px;
}

.infoNew .box1.x{
padding-top: 2.7%;
}
.infoNew .box1 .tx{
text-align: center;
font-size: 40px;
line-height: 60px;
color: #000; 
margin-bottom: 30px;
}
.infoNew .box1 .tx span{
font-weight: bold;
}


@media (max-width: 1366px){
	.infoNew .box3 .item1 .con .title .tits{font-size: 40px;line-height: 42px;}
	.infoNew .box3 .item1 .con .title .tit{font-size: 20px;line-height: 22px;}
	.infoNew .box3 .item1 .con .content .conLeft .it .t{font-size: 20px;line-height: 22px;padding-top: 13px;}
	.infoNew .box3 .item1 .con .content .conLeft .it .t1{font-size: 26px;line-height: 28px;}
	.infoNew .box3 .item1 .con .content .conLeft .it .t2{font-size: 23px;line-height: 25px;}
	.infoNew .box3 .item1 .con .content .conLeft .it{height: 110px;}
	.infoNew .box3 .item .con .conNew .tits{font-size: 40px;line-height: 42px;}
	.infoNew .box3 .item .con .conNew .tits span{font-size: 64px;}
	.infoNew .box3 .item .con .conNew .tit{font-size: 16px;line-height: 26px;margin-top: 20px;}

	.infoNew .box1 .tx{	font-size: 30px;line-height: 50px;	}

	.infoNew .box3 .item1 .con .content.x .conLeft .it .t1{font-size: 24px;line-height: 26px;}
	.infoNew .box3 .item1 .con .content.x .conLeft .it{	height: 78px;}
	.infoNew .box3 .item1 .pic{width: 140%;margin-left: -20%;}

}

@media (max-width: 1200px){
	.infoNew .box3 .item1 .con .content .conLeft{width: 345px;}
	.infoNew .box3 .item1 .con .content .conLeft .it{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	}
	.infoNew .box3 .item1 .con .title .tits{
	font-size: 28px;
	line-height: 30px;
	}
	.infoNew .box3 .item1 .con .title .tit{
	font-size: 16px;
	line-height: 18px;
	margin-top: 10px;
	}
	.infoNew .box3 .item1 .con .content .conLeft .it .t{
	font-size: 16px;
	line-height: 18px;
	}
	.infoNew .box3 .item1 .con .content .conLeft .it .t1{
	font-size: 20px;
	line-height: 22px;
	margin-top: 16px;
	}
	.infoNew .box3 .item1 .con .content .conLeft .it .t2{font-size: 18px;line-height: 20px;	}
	.infoNew .box3 .item1 .con .content .conLeft .it{height: 90px;}

	.infoNew .box3 .item .con .conNew .tits{font-size: 28px;line-height: 30px;}
	.infoNew .box3 .item .con .conNew .tits span{font-size: 40px;}

	.infoNew .box1 .tx{
	font-size: 24px;
	line-height: 40px;
	}

	.infoNew .box3 .item1 .con .content.x .conLeft .it{
	margin: 0 20px;
	width: 180px;
	height: 70px;
	}
	.infoNew .box3 .item1 .con .content.x .conLeft .it .t1{
	font-size: 20px;
	line-height: 22px;
	}

}

@media (max-width: 768px){
	.infoNew .box3 .item1 .pic{	width: 140%;}
	.infoNew .box3 .item1 .con{
	position: relative;
	top: auto;
	left: auto;
	padding-bottom: 20px;
	}
	.infoNew .box3 .item1 .con .title .tits{
	font-size: 22px;
	line-height: 24px;
	}
	.infoNew .box3 .item1 .con .content .conLeft{
	width: 80%;
	float: none;
	margin: 0 auto 0;
	}

	.infoNew .box3 .item .pic{width: 140%;}
	.infoNew .box3 .item.item2 .pic{margin-left: -40%;}
	.infoNew .box3 .item .con{
	position: relative;
	top: auto;
	left: auto;
	padding-top: 25px;
	padding-bottom: 30px;
	}
	.infoNew .box3 .item .con .conNew{	text-align: left;	}
	.infoNew .box3 .item .con .conNew .tits{
	font-size: 22px;
	line-height: 24px;
	}
	.infoNew .box3 .item .con .conNew .tit{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
	}

	.infoNew .box1 .tx{
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
	}

	.infoNew .box3 .item1 .con .content.x .conLeft .it{
	width: 32%;
	float: left;
	margin: 0;
	margin-right: 2%;
	}
	.infoNew .box3 .item1 .con .content.x .conLeft .it:last-child{margin-right: 0;}
	.infoNew .box3 .item1 .con .content.x{margin-top: 15px;}
}


.process .box3 {
padding-top: 5.2%;
padding-bottom: 4.4%;
}
.process .box3 .title{
text-align: center;
font-size: 30px;
line-height: 32px;
color: #595757;
font-weight: bold;
}
.process .box3 .itemBox{
margin-top: 4.3%;
}
.process .box3 .itemBox .item{
width: 30.9%;
float: left;
margin-right: 3.65%;
}
.process .box3 .itemBox .item:last-child{
margin-right: 0;
}
.process .box3 .itemBox .item .tits{
text-align: center;
font-size: 22px;
line-height: 24px;
color: #2b61ac;
margin-bottom: 27px;
}
.process .box3 .itemBox .item .t{
width: calc(100% - 30px);
margin: 30px auto 0;
text-align: center;
font-size: 18px;
line-height: 26px;
color: #595757;
}

.process .box3 .tableBox{
margin-top: 5.4%;
}
.process .box3 .tableBox table{
width: 100%;
display: table;
}
.process .box3 .tableBox table tr{
width: 100%;
display: table;
}
.process .box3 .tableBox table th{
height: 80px;
text-align: center;
font-size: 22px;
line-height: 28px;
color: #fff;
background-color: #2b61ac;
box-sizing: border-box;
border-right: 2px solid #fff;
font-weight: normal;
}
.process .box3 .tableBox table th:last-child{
border-right: none;
}
.process .box3 .tableBox table tr .t1{
width: 20.6%;
}
.process .box3 .tableBox table tr .t2{
width: 12.2%;
}
.process .box3 .tableBox table tr .t3{
width: 17.5%;
}
.process .box3 .tableBox table tr .t4{
width: 17.5%;
}
.process .box3 .tableBox table tr .t5{
width: 32.2%;
}


.process .box3 .tableBox table tr{
background-color: #dee7f8;
}
.process .box3 .tableBox table tr:nth-child(2n){
background-color: #f0f4f9;
}

.process .box3 .tableBox table tr td{
font-size: 18px;
line-height: 24px;
color: #595757;
text-align: center;
height: 80px;
box-sizing: border-box;
border-right: 2px solid #fff;
}
.process .box3 .tableBox table tr td:last-child{
border-right: none;
}
.process .box3 .tableBox table tr td.t5 p{
text-align: left;
padding: 0 25px;
}

/*酷站*/
.coolweb_tit{width:40%; padding-top:50px; line-height:26px; margin:auto;}
.coolweb_so{ font-size:15px; padding-top:2% }
.coolweb_so_lm{ margin:10px 0;}
.coolweb_so_zt{ font-weight:bolder;font-size:18px; }

.coolweb_so_xm{line-height:26px;}
.coolweb_so_xm a{ color:#333;font-size:15px; display:inline-block;  }

.coolweb_so_xm img.act{ border:2px solid #1d7ba7;}
.coolweb_so_xm a.on{ color:red;font-weight:bold; }

.coolweb_so_xm .all{ color:red;font-size:15px; font-weight:bold; }





@media (max-width: 1366px){
	.process .box3 .title{font-size: 24px;line-height: 26px;}
	.process .box3 .itemBox .item .tits{font-size: 20px;line-height: 22px;	margin-bottom: 20px;}
	.process .box3 .itemBox .item .t{margin: 20px auto 0;}
	.process .box3 .tableBox table th{font-size: 18px;}
	.process .box3 .tableBox table tr td{font-size: 16px;}
	
	.coolweb_tit{width:50%; padding-top:50px; line-height:26px; margin:auto;}
}

@media (max-width: 1200px){
	.process .box3 .itemBox .item .t{	font-size: 16px;	}
	
	.coolweb_tit{width:60%; padding-top:50px; line-height:26px; margin:auto;}
}

@media (max-width: 1024px){

	.coolweb_tit{width:60%; padding-top:40px; line-height:26px; margin:auto;}
}

@media (max-width: 768px){
	
	.process .box3 .title{	font-size: 20px;line-height: 22px;}
	.process .box3 .itemBox .item{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}
	.process .box3 .itemBox .item .tits{font-size: 16px;line-height: 18px;margin-bottom: 10px;}
	.process .box3 .itemBox .item .t{width: calc(100% - 20px);font-size: 14px;line-height: 24px;margin: 5px auto 0;}

	.process .box3 .tableBox{overflow-x: scroll;}
	.process .box3 .tableBox table{	width: 800px;}

	.process .box3 .tableBox table th{font-size: 14px;line-height: 22px;height: 60px;}
	.process .box3 .tableBox table tr td{font-size: 14px;height: 60px;}
	.process .box3 .tableBox table tr td p{padding: 0 5px !important;}
	
	
	.coolweb_tit{width:80%; padding-top:0px; line-height:26px; margin:auto;}
	.coolweb_so_zt{ font-weight:bolder;font-size:18px; height:38px;line-height:38px;margin-bottom: 10px;border-bottom: 1px solid #eee; }
	
	.footer .footerLeft {float:none; }
	.footer .footerLeft .wechar{ margin:auto;}

}


/*# sourceMappingURL=style.css.map */

.respective-16-9{
position:relative;
width:100%;
height:0;
padding-bottom:56.25%;
}
.respective-16-9 video,.respective-16-9 iframe,.respective-16-9 embed
{
position:absolute;
left:0;
height:0;
width:100%;
height:100%;
}

.lzimg{display:block; width:36px; height:36px;}
.lzimg img{width: 100%;height: 100%;border-radius: 50%; /* -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/}

.lzimg:hover img{filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: url(grayscale.svg#greyscale); /* Firefox 3.5+ */
    filter: none; /* IE6-9 */}


	
	
/*分页*/
.pagelist{ line-height:45px;text-align:center; margin-top:40px;}
.pagelist ul{list-style-type:none;}
.pagelist li{ width:auto; height:35px; line-height:40px; display:inline-block; margin:0 1px; border:1px solid #CCC; padding:0 12px; cursor:pointer; }

.pagelist ul a{ color:#333;}
.pagelist li:hover{ background:url('../images/page_bg.png') center no-repeat;color:#fff;}
.pagelist li:hover a{ color:#fff;}

.pagelist li.currentlist{ background:url('../images/page_bg.png') center no-repeat;color:#fff;}