html {
	background: rgb(255, 255, 255); font-size: 62.5%;}
body {
	color: rgb(51, 51, 51); font-family: "Microsoft YaHei",SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif; font-size: 1.4rem;}
html {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
body {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
address {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
blockquote {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
div {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
dl {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
form {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
h1 {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
h2 {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
h3 {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
h4 {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
h5 {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
h6 {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
ol {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
p {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
pre {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
table {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
ul {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
dd {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
dl {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
dt {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
li {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
tbody {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
td {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
tfoot {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
th {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
thead {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
tr {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
button {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
del {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
ins {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
map {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
object {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
a {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
abbr {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
acronym {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
b {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
bdo {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
big {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
br {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
cite {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
code {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
dfn {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
em {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
i {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
img {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
kbd {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
q {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
samp {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
small {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
span {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
strong {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
sub {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
sup {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
tt {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
var {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
legend {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
fieldset {
	margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased;}
table {
	width: 100%; border-collapse: collapse; border-spacing: 0;}
fieldset {
	border: 0px currentColor; border-image: none;}
img {
	border: 0px currentColor; border-image: none;}
img {
	-ms-interpolation-mode: bicubic; max-width: 100%;}
object {
	-ms-interpolation-mode: bicubic; max-width: 100%;}
a {
	color: rgb(51, 51, 51); text-decoration: none;}
a:hover {
	color: rgb(0, 54, 111); text-decoration: none;}
input[type='button'] {
	border: 0px currentColor; border-image: none; cursor: pointer; background-color: transparent;}
address {
	font-style: normal; font-weight: 400;}
caption {
	font-style: normal; font-weight: 400;}
cite {
	font-style: normal; font-weight: 400;}
code {
	font-style: normal; font-weight: 400;}
dfn {
	font-style: normal; font-weight: 400;}
em {
	font-style: normal; font-weight: 400;}
strong {
	font-style: normal; font-weight: 400;}
th {
	font-style: normal; font-weight: 400;}
var {
	font-style: normal; font-weight: 400;}
ul {
	list-style: none;}
ol {
	list-style: none;}
li {
	list-style: none;}
.tc {
	text-align: center !important;}
.tl {
	text-align: left !important;}
.tr {
	text-align: right !important;}
.pa {
	position: absolute;}
.pr {
	position: relative;}
h1 {
	font-size: 100%;}
h2 {
	font-size: 100%;}
h3 {
	font-size: 100%;}
h4 {
	font-size: 100%;}
h5 {
	font-size: 100%;}
h6 {
	font-size: 100%;}
q::before {
	content: none;}
q::after {
	content: none;}
input {
	font-weight: inherit;}
textarea {
	font-weight: inherit;}
select {
	font-weight: inherit;}
input {
	vertical-align: middle;}
select {
	vertical-align: middle;}
textarea {
	vertical-align: middle;}
button {
	vertical-align: middle;}
.ie_bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 99998; opacity: 0.7; background-color: rgb(0, 0, 0);}
.ie9tips {
	margin: -150px 0px 0px -200px; left: 50%; top: 50%; width: 400px; height: 300px; text-align: center; color: rgb(255, 255, 255); line-height: 1.8; position: fixed; z-index: 99999;}
.ie9tips a {
	color: red;}
.ie9tips img {
	margin: 0px auto; display: block; opactiy: 0.9;}
.ie9tips p {
	margin: 10px auto; width: 420px; color: rgb(255, 255, 255); line-height: 1.8; padding-top: 10px;}
.clearFix {
	clear: both;}
.clearFix::after {
	clear: both; display: block; content: "";}
.clear {
	width: 100%; overflow: hidden;}
.imgResponsive {
	width: 100%; height: 0px; overflow: hidden; padding-bottom: 55.41%; display: block;}
.imgResponsive img {
	transition:0.35s ease-in-out; width: 100%;}
.imgResponsive img:hover {
	opacity: 0.95; transform: scale(1.05);}
.header {
	transition:0.3s ease-in-out; left: 0px; top: 0px; width: 100%; height: auto;   position: fixed; z-index: 990; min-width: 300px;background-color:#fff;}
.top {
	margin: 0px auto; padding: 0px 20px 0px; max-width:1500px; min-width:300px;}
.black_bg01 {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; opacity: 0.7; background-color: rgb(0, 0, 0);}
.logo {
	padding: 25px 0px; width: 300px; float: left;}
.logo img {
	width: 100%; display: block;}
	
.topNav {
	height: 110px; background:#006ec0; top:0px;  position:relative;  float:right; width:60px;}

.topNav a {
	padding: 0px 12px; color: rgb(255, 255, 255); float: left;}
.topNav a:hover {
	padding: 1px 12px; color: rgb(255, 255, 255);}
.topNav > div a:first-child {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;}
.topRight {
	float: right;}
.topNav a.searchBtn {
	background: url(../images/search.png) no-repeat center; padding: 0px 10px; width: 40px; height: 100px; cursor: pointer;}
	
	
	
.nav {
	height: 59px; font-size: 0px; white-space: nowrap; position: relative; margin-top:30px; float:left; margin-right:30px; }
.nav ul > li {
	display: inline-block; position: relative;}
.nav ul > li:first-child::before {
	display: none;}
.nav ul li > a {
	padding:0px 18px; height: 46px; text-align: center; color:#333; line-height: 46px; font-size: 1.7rem; display: block;}
.nav ul li.on > a {
	background: url(../images/nav_bg.png); color: rgb(255, 255, 255);}
.nav ul li:hover > a {
	background: url(../images/nav_bg.png); color: rgb(255, 255, 255);}
.nav ul li.on .subNav {
	display: block;}
.subNav {
	background:#daefff; left: 0px; top: 46px; width: 100%; font-size: 14px; display: none; position: absolute;
}
.subNav dd {}
.subNav a {
	padding: 9px 5px; text-align: center; color: rgb(0, 64, 152); line-height: 1.3; display: block; white-space: normal;}
.subNav a:hover {
	background: url(../images/nav_hover.png); color: rgb(255, 255, 255);}
	
	
.currents.header {}
.currents.header .top {
	width: 1300px; padding-top: 0px; position: relative; z-index: 5;}
.currents.header .topNav {
	display: none;}
.currents.header .logo {
	padding: 0px 0px 10px 0px; border: currentColor; border-image: none; width: 150px;}
.currents.header .logo img {}
.currents.header .topRight {
	margin-left: 432px; float: none;}
.currents.header .nav {
	border: currentColor; border-image: none; height: 50px; line-height: 50px; z-index: 1010;}
.currents.header .nav li {
	background: none; border: currentColor; border-image: none; padding-top: 0px;}
.currents.header .nav::before {
	opacity: 1;}
.currents.header .subNav {
	top: 50px;}
.currents.header .nav-wrapper {
	height: 56px;}
.currents.header .nav ul > li {
	width: 12%;}
.currents.header .nav ul li > a {
	padding: 0px; height: 50px; line-height: 50px; font-size: 16px;}
.currents.header .nav ul li.on > a {
	color: rgb(255, 255, 255);}
.currents.header .nav ul li:hover > a {
	color: rgb(255, 255, 255);}
.flipInY {
	display: block; visibility: visible !important; animation-name: flipInY; animation-duration: 0.2s; animation-timing-function: ease-in-out; -webkit-animation-name: flipInY; -webkit-animation-duration: 0.2s; -webkit-animation-timing-function: ease-in-out;}
.serWrap {
	height: 0px; overflow: hidden;}
#ser {
	padding: 20px 0px; width: 100%; overflow: hidden; border-bottom-color: rgb(237, 237, 237); border-bottom-width: 1px; border-bottom-style: solid; display: none; background-color: rgb(255, 255, 255);}
.ser {
	margin: 0px auto; width: 600px; height: 38px; line-height: 34px; position: relative; z-index: 9999994; background-color: rgb(255, 255, 255);}
.search input {
	background: none; border: currentColor; border-image: none; top: 0px; height: 34px; color: rgb(38, 38, 38); line-height: 34px; padding-left: 0px; position: absolute;}
.search input.notxt {
	padding: 0px 0px 0px 7px; border: 1px solid rgb(191, 191, 191); border-image: none; width: 83%; color: rgb(164, 164, 164);}
.search input.notxt1 {
	border: 1px solid rgb(15, 80, 53); border-image: none; width: 15%; height: 36px; right: 0px; color: rgb(255, 255, 255); overflow: hidden; padding-right: 0px; position: absolute; cursor: pointer; background-color: rgb(0, 54, 111);}
.goTop {
	border-radius: 50%; transition:none; width: 50px; height: 50px; text-align: center; right: 20px; bottom: 40px; color: rgb(255, 255, 255); line-height: 50px; font-size: 25px !important; display: none; position: fixed; z-index: 9999999; background-color: rgb(0, 54, 111);}
.goTop:hover {
	color: rgb(255, 255, 255); background-color: rgb(228, 104, 86);}
	





	
.mobile {
	top: 0px;
	width: 100%;
	height: 40px;
	right: 0px;
	display: none;
	position: relative;
	z-index: 99;
	background-color:#006ec0;
}
.mobile-inner-header {
	top: 0px; width: 100%; height: 40px; right: 0px; position: absolute; z-index: 2;}
.mobile-inner-header-icon {
	transition:background 0.5s; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 25px; float: right; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;}
.mobile-inner-header-icon:hover {
	cursor: pointer;}
.mobile-inner-header-icon span {
	left: calc((100% - 25px) /2); top: calc((100% - 1px) /3); width: 25px; height: 2px; position: absolute; background-color: rgb(255, 255, 255);}
.mobile-inner-header-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {
	animation-name: clickfirst; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-click span:nth-child(2) {
	animation-name: clicksecond; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon {
	width: 50px; height: 40px; text-align: right; color: rgb(255, 255, 255); margin-right: 5px; float: right; position: relative; cursor: pointer;}
.mobile-inner-header-icon-click {
	margin-top: 5px;}
.mobile-inner-header-icon-out span {
	width: 22px; height: 2px; display: none; background-color: rgb(255, 255, 255);}
.iconfont.mobile-inner-header-icon {
	text-align: center; line-height: 40px; font-size: 30px; font-weight: bold;}
.mobile-inner-header-icon-out span:nth-child(1) {
	animation-name: outfirst; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-out span:nth-child(2) {
	animation-name: outsecond; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-out span:nth-child(2) {
	animation-name: outthird; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon span:nth-child(1) {
	transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {
	transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3) {
	transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {
	animation-name: clickfirst; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-click span:nth-child(2) {
	animation-name: clicksecond; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-click span:nth-child(3) {
	animation-name: clickthird; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-out span:nth-child(1) {
	animation-name: outfirst; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-out span:nth-child(2) {
	animation-name: outsecond; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-header-icon-out span:nth-child(3) {
	animation-name: outthird; animation-duration: 0.5s; animation-fill-mode: both;}
.mobile-inner-nav {
	left: 0px; top: 40px; width: 100%; padding-top: 10px; padding-bottom: 25px; display: none; position: absolute; background-color: rgb(0, 54, 111);}
.mobile-inner-nav a {
	transition:0.5s; width: 100%; color: rgb(255, 255, 255); line-height: 45px; font-size: 1.4rem; text-decoration: none; border-bottom-color: rgb(34, 74, 117); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.mobile-inner-nav a:hover {
	color: rgb(255, 255, 255);}
.mobile-inner-nav li {
	padding: 0px 20px; position: relative;}
.mobile-inner-nav li a {
	text-indent: 15px;}
.mobile-inner-nav li strong {
	transition:0.5s; top: 0px; width: 40px; height: 45px; text-align: center; right: 20px; color: rgb(170, 170, 170); line-height: 40px; font-size: 2.5rem; position: absolute; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.mobile-inner-nav a {
	animation-name: returnToNormal; animation-duration: 0.5s; animation-fill-mode: both; -webkit-animation-name: returnToNormal; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both;}
.mobile_subNav {
	padding-left: 10px; display: none;}
.mobile-inner-nav dd a {
	height: 35px; line-height: 35px; font-size: 1.2rem; border-bottom-color: rgba(219, 219, 219, 0.2); border-bottom-width: 1px; border-bottom-style: dotted;}
.mobile_search {
	margin: 10px 20px 0px; height: 36px; overflow: hidden; clear: both; border-bottom-color: rgb(34, 74, 117); border-bottom-width: 1px; border-bottom-style: solid; position: relative;}
.mobile_search input.notxt {
	border: currentColor; border-image: none; width: 60%; color: rgb(255, 255, 255); margin-left: 45px;height:30px;}
.mobile_search input.notxt1 {
	background: url(../images/serbtn.png) no-repeat center; border: currentColor; border-image: none; left: 0px; width: 55px; right: auto;}
.mobile-link {
	padding-left: 10px; float: left;}
.mobile-link a {
	margin: 0px 5px; height: 40px; color: rgb(184, 193, 188); line-height: 40px;}
.mobile-link02 {
	margin: 0px 20px;}
.mobile-inner-nav .mobile-link02 a {
	margin: 0px 7px; width: auto; float: left;}
.wrap_footer {
	background: url(../images/footer_bg.jpg) no-repeat top / cover; position: relative;}
.footer {
	margin: 0px auto;
	padding: 20px 0px 18px;
	width: 1300px;}
.footer_lf {
	width: 27%; float: left;}

.address {
	line-height: 36px; padding-top: 9px; margin-top: 20px; border-top-color: rgb(92, 118, 142); border-top-width: 0px; border-top-style: solid;}
.address .lf {
	width: 48px; color: rgb(255, 255, 255); float: left;}
.address .rt {
	color: rgb(255, 255, 255); margin-left: 55px; display: block;}
.address .span1 {
	margin-left: 10px; float: right;}
.address .span2 {
	margin-left: 12px; float: right;}
.address p {
	color: rgb(255, 255, 255); line-height: 36px;}
.footer_md {
	width: 47%;
	text-align: center;
	padding-top: 45px;
	float: left;}
.footer_rt {
	padding: 30px 0px; width: 21%; float: right;}
.footer_rt > p {
	 padding-bottom: 5px;}
.footer_rt > p span {
	color: rgb(255, 255, 255);}
.footer_rt > p a {
	color: rgb(255, 255, 255); margin-right: 10px;}



.footerLink {
	padding: 3px 0px 4px; width: 100%; font-size: 0px; margin-top: 3px; position: relative;
}
.footerLink::before {
	left: 0px; top: 0px; width: 100%; height: 0px; position: absolute; content: ""; opacity: 0.3; background-color: rgb(255, 255, 255);
}
.footerLink li {
	vertical-align: middle; display: inline-block;
}
.footerLink li > a {
	border-radius: 50%; border: 1px solid rgb(255, 255, 255); transition:0.3s ease-in-out; border-image: none; width: 50px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 27px; margin-right: 35px; margin-left:10px; display: block;
}
.footerLink li > a:hover {
	border-color: rgb(230, 22, 45); background-color: rgb(230, 22, 45);
}
.footerLink li > a.iconxinlang:hover {
	border-color: rgb(230, 22, 45); background-color: rgb(230, 22, 45);
}
.footerLink li span{
	font-size:12px; float:left; text-align:center; color:#fff; width:70px; margin: 6px auto;
	}


.links {
	float: right;
}
.links > span {
	width: 45px; display: block;
}
.icondouyin{
	background:url(../images/douyin.png) no-repeat center;
}

.iconxiaobao{
	background:url(../images/ydxb.png) no-repeat center;
}

.iconkuaishou{
	background:url(../images/kuaishou.png) no-repeat center;
}

.iconbilibili{
	background:url(../images/bilibili.png) no-repeat center;
}

.iconweixin{
	background:url(../images/weixin.png) no-repeat center;
}

.iconweibo{
	background:url(../images/weibo.png) no-repeat center;
}



.footer_icon {
	left: 50%; width: 161px; bottom: 3px; margin-left: -77px; position: absolute;
}

.footer_triangle {
	left: 50%; width: 0px; height: 0px; bottom: 94px; margin-left: -60px; border-right-color: transparent; border-bottom-color: rgb(0, 0, 0); border-left-color: transparent; border-right-width: 60px; border-bottom-width: 64px; border-left-width: 60px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; opacity: 0.3;}
.iconxinlang::before {
	padding-top: 3px; display: block;}
.code {
	position: relative;}
.code i {
	left: 50%; width: 98px; height: 98px; bottom: 78px; margin-left: -65px; display: none; position: absolute;}
@media screen and (max-width:1600px)
{
.nav ul li > a {
	padding: 0px 16px;}
.nav ul li > a {
	font-size: 1.6rem;}
}
@media screen and (max-width:1420px)
{
.top {
	padding: 0px 30px;}
.logo {
	padding: 25px 0px; width: 250px;}
.subNav {
	width: 120px;}
.nav ul li > a {
	font-size: 1.5rem;}

.topNav {
	 height: 100px;}
.nav {
	height: 49px;}
.nav ul li > a {
	height: 47px; line-height: 47px;}
.topNav a.searchBtn {
	width: 32px; height: 100px;}
.subNav {
	top: 47px;}
.black_bg01 {
	top: 0px;}
}
@media screen and (max-width:1386px)
{
.footer {
	width: 1300px;}

}
@media screen and (max-width:1260px)
{
.nav ul li > a {
	padding: 0px 10px;}
.top {
	padding: 0px 20px;}
	
	.footer {
	width: 1200px;}
	
	
	.footer_lf {
	width: 30%; float: left;}

.footer_md {
	width: 40%;
	text-align: center;
	padding-top: 45px;
	float: left;}
.footer_rt {
	padding: 30px 0px; width: 24%; float: right;}
	
}

@media screen and (max-width:1100px)
{
.logo {
	
	width: 200px;
}
.top {
	padding: 0px 15px;
}
.nav ul li > a {
	padding: 0px 7px;
}

.footer {
	width: 1000px;}
	
		.footer_lf {
	width: 36%; float: left;}

.footer_md {
	width: 30%;
	text-align: center;
	padding-top: 45px;
	float: left;}
.footer_rt {
	padding: 30px 0px; width: 30%; float: right;}
}
@media screen and (max-width:1020px)
{
.footer {
	width: auto; padding-right: 15px; padding-left: 15px;
}
.footer_md {
	display: none;
}

.footer_rt {
	padding: 0px;
}
.wrap_footer::before {
	height: 50px;
}
.footer_icon {
	width: 90px; margin-left: -45px;
}
.footer_triangle {
	bottom: 50px; margin-left: -42px; border-right-color: transparent; border-bottom-color: rgb(0, 0, 0); border-left-color: transparent; border-right-width: 40px; border-bottom-width: 42px; border-left-width: 40px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
}
.address {
	line-height: 1.5;
}
.footer_lf {
	width: 40%;
}
.footer_rt {
	width: 30%;
}
}
@media screen and (max-width:998px)
{
.header {
	padding-top: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none; position: static; background-color:#ffffff;
}
.topRight {
	display: none;
}
.mobile {
	display: block;
}
.logo {
	margin: 0px auto; padding: 20px 0px; float: none;
}
.logo img {
	padding: 0px;
}

.footer_lf {
	width: 49%;
}
.footer_rt {
	width: 40%;
}

.footerLink {
	padding: 1px 0px 1px; width: 100%; font-size: 0px; margin-top: 0px; position: relative;
}

}
@media screen and (max-width:767px)
{
.footer_lf {
	width: 98%; float: none;
}
.footer_rt {
	margin: 0px auto; width: 98%; padding-top: 5px; float: none; 
}
.footerLink {
	padding-top: 20px;
}
.footerLink li {
	vertical-align: middle; display: inline-block; width:33%;
}
.footerLink li > a {
	border-radius: 50%; border: 1px solid rgb(255, 255, 255); transition:0.3s ease-in-out; border-image: none; width: 50px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 48px; font-size: 27px; margin-right: 35px; margin-left:20px; display: block;
}
.footerLink li > a:hover {
	border-color: rgb(230, 22, 45); background-color: rgb(230, 22, 45);
}
.footerLink li > a.iconxinlang:hover {
	border-color: rgb(230, 22, 45); background-color: rgb(230, 22, 45);
}
.footerLink li span{
	font-size:12px; float:left; text-align:center; color:#fff; width:auto; margin: 6px auto; margin-left:20px;
	}
.address {
	margin: 20px auto 0px; max-width: 350px;
}
}
@media screen and (max-width:480px)
{


.wechatList {
	right: -10px;
}
.address {
	font-size: 12px;
}
.footer_rt {
	font-size: 12px;
}
.address .lf {
	width: 40px;
}
.address .rt {
	margin-left: 40px;
}
.logo img {
	
}
.logo {
	padding: 10px 0px; width: 160px;
}
}





.index_intro {
	padding-top: 50px;
	padding-bottom: 50px;
	
}



.index_intro .txt {
	width: 48%; float:right;
	padding-right: 0px;
	padding-left: 30px;
}

.index_intro .txt .des {
	font-size:1.6rem;
	line-height:200%;
	color: #333;
	
}



.index_intro .txt .icons {
	margin: 30px 0;
	display: block;
}

.index_intro .txt .icons>ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}


.index_intro .txt .icons>ul>li {
	list-style-type: none;
	margin-right: 80px;
	margin-left: 80px;
}


.index_intro .txt .icons>ul>li>a {
	display: block
}

.index_intro .txt .icons>ul>li>a .icon {
	width: 82px;
	height: 82px;
	border: 1px solid #006ec0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}



.index_intro .txt .icons>ul>li>a .icon {
	width: 52px;
	height: 32px;
	color: #006ec0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 10px;background-color: #006ec0;
}



.index_intro .txt .icons>ul>li>a .icon img{
	width: 32px;
	height: 32px;padding: 2px;
}


.index_intro .txt .icons>ul>li>a span {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin-top: 10px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}


.index_intro .txt .icons>ul>li>a:hover .icon {
	background-color: #006ec0;
	border-color: #006ec0;
	opacity: 0.8;
}

.index_intro .txt .icons>ul>li>a:hover .icon {
	color: #fff
}

.index_intro .txt .icons>ul>li>a:hover span {
	color: #006ec0
}

.index_intro .txt .more {
	border-radius: 20px;
	background-color: #006ec0;
	text-align: center;
	width: 200px; 
	margin:0 auto;
	overflow:hidden;
	left:-35%;
}

.index_intro .txt .more a {
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	
	
	color: #fff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}


.index_intro .txt .more a:hover {
	background-color: #006ec0
}

.index_intro .img {
	width: 47%; float:left;
	padding: 0 10px 0 10px;
	position: relative
}


.index_intro .img img {
	width: 100%;
	position: relative;
	z-index: 2
}


/*右侧滚动图片*/
.slideBox{width:100%; height:420px; overflow:hidden; position:relative; float:right;}
.slideBox .hd{height:30px; overflow:hidden; position:absolute; right:5px; bottom:10px; z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left; margin:6px 8px 0 0; width:15px; height:15px; background:#fff; cursor:pointer; border-radius:100%;}
.slideBox .hd ul li.on{background:#006ec0; color:#fff; width:20px; height:20px; margin-top:4px;}
.slideBox .bd{position:relative; height:100%; z-index:0; overflow:hidden;}
.slideBox .bd li{zoom:1; vertical-align:middle;position:relative;width:100%; height:100%; display:block;}
.slideBox .bd img{width:100%; height:420px; display:block;}
.slideBox .bd li .bg{ width:100%; height:40px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;}
.slideBox .bd li .title{width:100%; height:40px; line-height:40px; font-family:Microsoft YaHei,SimHei,simsun; font-size:16px; font-weight:bold; left:0; bottom:0; position:absolute; z-index:2;}
.slideBox .bd li .title a{ color:#fff; padding-left:15px;  }
.slideBox .bd li .title a:hover{ color:#d12e33;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{position:absolute; left:0%; top:50%; margin-top:-35px; display:block; width:68px; height:68px;  filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{left:auto; right:0%; background-position:8px 5px;background: url(../images/right.png) 0px 0px no-repeat;}
.slideBox .prev{l background-position:8px 5px;background: url(../images/left.png) 0px 0px no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{display:none;}
.slideBox .nextStop{display:none;}





.index_title {
	margin: 0;
	padding: 0
}
.index_title span {
	display: block;
	font-size: 22px;
	line-height: 22px;
	margin: 0 0 10px;
	color: #006ec0;
	font-family: "CenturyGothicRegular"
}
.index_title b {
	display: block;
	font-size: 40px;
	line-height: 40px;
	color: #000
}
.index_title:after {
	content: "";
	display: block;
	width: 60px;
	height: 1px;
	line-height: 1px;
	background-color: #006ec0;
	margin: 20px 0 30px
}

.index_title.white_line:after {
	background-color: #fff
}
.index_title.center {
	text-align: center
}
.index_title.center:after {
	margin-left: auto;
	margin-right: auto
}






@media screen and (max-width:998px)
{
	.index_intro .txt {
	width: 98%; 
	padding-right: 10px;
	padding-left: 10px;
}

.index_intro .img {
	width: 98%; 
	padding: 0 ;
	position: relative;
display:none;
}
	
	
	.index_title {
	margin: 0;
	padding: 0
}
.index_title span {
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 5px;
	color: #006ec0;
	font-family: "CenturyGothicRegular"
}
.index_title b {
	display: block;
	font-size: 28px;
	line-height: 30px;
	color: #000
}
.index_title:after {
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	line-height: 1px;
	background-color: #006ec0;
	margin: 10px 0 20px
}

.index_intro .txt .icons>ul>li>a span {
	display: block;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	margin-top: 5px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}
.index_intro .txt .icons>ul>li {
    list-style-type: none;
    margin-right: 18px;
    margin-left: 18px;
}
.slideBox{width:100%; height:auto; overflow:hidden; position:relative; float:right;}
.slideBox .hd{height:30px; overflow:hidden; position:absolute; right:5px; bottom:10px; z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left; margin:6px 8px 0 0; width:15px; height:15px; background:#fff; cursor:pointer; border-radius:100%;}
.slideBox .hd ul li.on{background:#006ec0; color:#fff; width:20px; height:20px; margin-top:4px;}
.slideBox .bd{position:relative; height:100%; z-index:0; overflow:hidden;}
.slideBox .bd li{zoom:1; vertical-align:middle;position:relative;width:100%; height:100%; display:block;}
.slideBox .bd img{width:100%; height:auto; display:block;}

.index_intro .txt .more {
	border-radius: 20px;
	background-color: #006ec0;
	text-align: center;
	width: 50%; 
	margin:0 auto;
	overflow:hidden;
	left:-25%;
}


}




.bigbox {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .bigbox {
    margin-bottom: 10px;
  }
}
.picbox {
  margin: 0;
}
@media (max-width: 768px) {
  .picbox {
    margin-bottom: 20px;
  }
}
.picbox img {
  width: 100%;
  background: #a7939c;
height: 227px;
    object-fit: cover;
}
.picbox .msg {
  padding: 20px 0px;
}
.picbox .msg h5 {
  font-weight: bolder;
  font-size: 16px;
line-height:24px;
}
.picbox .msg p,
.picbox .msg span {
	overflow: hidden;
	color: #999;
	font-size: 14px;
	line-height: 22px;
}
.bottom ul li {
	margin-bottom: 20px;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.bottom ul li .date {
  color: #999;
  display: inline-block;
  margin-right: 10px;
}
.bottom ul li a {
  color: #333;
}
h5 a {
  color: #333;
}
.col-sm-6 {
  width:47%;
  float:left;
 }
 
 
 
 
 .list {
  overflow: hidden;
}
 .list li {
  height: 65px;
  margin-bottom: 20px;
  padding: 0;
  position: relative;
}
 .list li .time {
  width: 65px;
  border: 1px solid #ccc;
  font-size: 16px;
  text-align: center;
  overflow: hidden;
}
 .list li .time .date {
  display: inline-block;
  height: 36px;
  color: #006ec0;
  line-height: 36px;
}
 .list li .time .year {
  display: inline-block;
  width: 100%;
  height: 26px;
  line-height:26px;
  font-size: 14px;
  color: #fff;
  background: #006ec0;
}
 .list li .word {
	position: absolute;
	left: 90px;
	top: 4px;
	font-size: 16px;
	line-height:28px;
	overflow: hidden;
	text-overflow: ellipsis;
}
 .list li .word a {
  color: #333;
}
#index .learn {
  background: url('../images/header/lecture_mobile.png') no-repeat;
  background-position: center;
  background-size: cover;
  padding: 60px 0px;
  overflow: hidden;
}
@media (min-width: 768px) {
  #index .learn {
    background: url('../images/header/lecture.png') no-repeat;
    padding: 70px 0px 200px;
    background-size: cover;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #index .learn {
    padding-bottom: 100px;
  }
}
#index .learn .title {
  margin-bottom: 50px;
}

#index .learn .title .chinese {
  color: #fff;
  font-size: 28px;
  font-family: ;
  display: inline-block;
  margin-right: 15px;
}
#index .learn .title .english {
  font-size: 18px;
  color: #a8b7e2;
}
#index .learn .title .english b {
  font-weight: 100;
  font-size: 20px;
}
#index .learn .title .more {
  margin-top: -17px;
  display: inline-block;
  color: #f9fafd;
  position: relative;
  padding-right: 30px;
  font-size: 14px;
}
@media (min-width: 768px) {
  #index .learn .title .more {
    margin-top: 16px;
    font-size: 14px;
  }
}




.index_pro {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../images/index_pro_bg.jpg);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.index_pro_title {
	width:15%; float:left;
}
.index_pro_title .index_title {
	padding: 110px 0 0 10px
}
.index_pro_title .index_title b {
	color: #fff
}
.index_pro_list {
	float:right;
	width: 83%;
	padding-top: 100px;
	padding-bottom: 50px;
}
.index_pro_list>ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.index_pro_list>ul>li {
	list-style-type: none;
	width: 33.33%;
	border-left: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2)
}

.index_pro_list>ul>li .item {
	width: 100%;
	height: 100%;
	position: relative
}

.index_pro_list>ul>li .item_before {
	width: 100%;
	height: 100%;
	padding: 70px 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.index_pro_list>ul>li .item_before .txt {
	max-width: 210px;
	color: #fff
}

.index_pro_list>ul>li .item_before .txt .t {
	color: #fff
}

.index_pro_list>ul>li .item_before .txt .t b {
	display: block;
	font-size: 20px
}
.index_pro_list>ul>li .item_before .txt .t span {
	display: block;
	font-size: 20px;
	font-family: "CenturyGothicRegular"
}

.index_pro_list>ul>li .item_before .txt .more {
	margin-top: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}


.index_pro_list>ul>li .item_before .icon svg {
	vertical-align: top;
	width: 100%;
	height: 100%;
	color: #fff;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.index_pro_list>ul>li .item_after {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,64,152,0.8);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.index_pro_list>ul>li .item_after .inner {
	padding: 30px;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.index_pro_list>ul>li .item_after .inner .icon {
	margin-right: 30px;
	width: 90px;
	height: auto;
	text-align: center;
	position: relative;
	padding-bottom: 30px
}

.index_pro_list>ul>li .item_after .inner .icon svg {
	width: 50px;
	height: 50px;
	color: #fff
}

.index_pro_list>ul>li .item_after .inner .icon b {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #fff;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	top: 50px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.index_pro_list>ul>li .item_after .inner .list {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.index_pro_list>ul>li .item_after .inner .list ul {
	margin: 0 -5px;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.index_pro_list>ul>li .item_after .inner .list ul>li {
	list-style-type: none;
	padding: 0 5px;
	width: 50%;
	margin-bottom: 5px
}

.index_pro_list>ul>li .item_after .inner .list ul>li a {
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #fff
}
 

/*产品优势*/
.chara{font-family: "Microsoft Yahei";line-height:28px;height:auto;padding:66px 0 50px;color: #fff;overflow: hidden;clear: both;background:#000;text-align: center;}
.chara .til01,.chara .til01 p{color: #fff;}

.procl{	width:19%;	height:auto;float:left;	margin:0 0 20px 1%;}
.procl .procl_1{ display:block; width:100%;  position:relative; z-index:9; overflow:hidden;}
.procl .procl_1 img{ min-height:290px;}
.procla_cate{ position:absolute; z-index:999; top:30px; left:30px; padding:0 15px; height:25px; background:url(../images/i_case_icon.png) repeat; line-height:25px; text-align:center; color:#fff;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.procla{ position:absolute; z-index:99; width:100%; bottom:0; left:0; background:url(../images/cp_bg.png) repeat-x top ; padding-top:70px;padding-bottom:40px}
.proclac{ width:90%; height:auto; margin:0 auto;}
.proclac_t{
	font-size: 18px;
	color: #fff;
	padding-bottom: 8px;
	margin-bottom: 0;
}
.proclac_t a{
	font-size: 18px;
	color: #fff;
}
.proclac_c{width:90%; height:auto; margin:0 auto; font-size:14px;line-height:40px; overflow:hidden; color:#fff;}

.proclb{ text-align:left; position:absolute; z-index:100; width:100%; height:100%; background:#006ec0; left:0;opacity: 0; position: absolute; top: 0; transform: scale(0.8);padding:0px}
.proclb_t{ float:left; width:100%; font-size:20px; color:#fff; padding-top:20px;padding-left:20px; }
.proclb_c{float:left;font-size:14px; line-height:25px; color:#fff;padding-left:20px;padding-right:20px;}
.proclb_c li{float:left;padding-right:20px;}
.procl a{color:#fff;}
.procl a:hover{color:#F00;opacity: 0.9;transform: scale(1.1); transition: all 0.3s ease-out 0.3s;}
.procl .procl_1:hover img{opacity: 0.8; top:-10px;  transition: all 0.3s ease-out 0.3s;}
.procl .procl_1:hover .proclb_t{ font-size:22px; color:#F00; }







/*title*/
.isolution{ padding:70px 0 100px 0;}
.isolutiont{ text-align:center;}
.isolutiont_cn{
	font-size: 30px;
	color: #006ec0;
	padding: 10px 0 10px 0;
	font-weight: 400;
	letter-spacing: 3px;
}
.isolutiont_cn span{ color:#000000;}
.isolutiont_en{
	font-size:30px;
	color:#006ec0;
	font-family:Arial, Helvetica, sans-serif;
	width:400px;
	height:auto;
	background:url(../images/isolutiont_en_bg.jpg) repeat-x 50%;
	margin:0 auto;
	text-align:center;
	text-transform: uppercase;
}
.isolutiont_en p{ display:inline-block; padding:0 25px; background:#fff; font-size:30px; line-height:30px;font-family:Arial, Helvetica, sans-serif;}

.index_news .isolutiont_en p{ background:#eee;}



/*title*/


.home2{position:relative;padding:60px 0 60px 0; background-repeat: no-repeat;	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../images/case_bg.jpg);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
	}
.home2 .line1{top:0;}
.home2 .list{margin-top:50px;padding:0;width:102%;}
.home2 .list .item{display:inline-block;overflow:hidden; width:18%;margin:0 10px 15px;position:relative;opacity:0;background:#ddd;transform:translateY(100px);-webkit-transform:translateY(100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.home2 .list .item:nth-child(4n-3){transition-delay:0.4s;-webkit-transition-delay:0.2s;}
.home2 .list .item:nth-child(4n-2){transition-delay:0.4s;-webkit-transition-delay:0.0s;}
.home2 .list .item:nth-child(4n-1){transition-delay:0.8s;-webkit-transition-delay:0.1s;}
.home2 .list .item:nth-child(4n){transition-delay:0.2s;-webkit-transition-delay:0.2s;}

.home2.show .list .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.home2 .list .item img{width:100%;height:auto;vertical-align:top;transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .logo{height:100%;position:absolute;left:0;top:0;width:100%;background-position:center center;background-repeat:no-repeat;}
.home2 .list .item .mask{background:#006ec0;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0.9;filter:alpha(opacity='100');
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .mask .cell{position:absolute;left:0;top:40%;width:100%;margin-top:-60px;}
.home2 .list .item .mask .h3{
	font-size: 20px;
	color: #fff;
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
}
.home2 .list .item .mask p{
	font-size:14px;
	color:#fff;
text-align:left;
padding:0 5px;
	margin-top:0px;
	transform:translateY(10px);
	-webkit-transform:translateY(10px);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;
}
.home2 .list .item .mask p img{width:40px;height:40px; margin:auto;}

.home2 .list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}
.home2 .list .item .more{position:absolute;left:0;top:0;width:100%;height:100%;}
.home2 .button{margin-top:40px;text-align:center;}
.home2 .button a{display:inline-block;min-width:250px;height:58px;line-height:58px;border:2px solid #777;font-size:30px;color:#333;margin:0 20px;padding:0 20px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.home2 .button a:hover{background:#445e9f;color:#fff;border-color:#445e9f;}
.home2 .button a h3{display:inline-block;color:inherit;font-size:inherit;}

@media screen and (max-width: 996px) {
	
.home2 .list {
    margin-top: 20px;
    padding: 0;
    width: 100%;
}
.home2 .list .item{
width:46%;
margin:0 1.5% 15px;
}

 .isolutiont_en{width:100%;}
  #index .learn .title {
    margin-bottom: 10px;
  }
.home2{padding:30px 0;}
.home2 .list .item .mask .cell{position:absolute;left:0;top:0%;width:100%;margin-top:0px;}
.home2 .list .item .mask .h3{
	font-size: 17px;
	color: #fff;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
}
.index_pro_title {
	width:100%; float:left;
}
.index_pro_title .index_title {
	padding: 40px 0 0 10px
}
.index_pro_list {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.procl{width:48%;}
.procl .procl_1 img {
    min-height: 170px;
}
.index_intro{
padding-top:25px;
padding-bottom:25px;
}

}

.row.bottom {
    clear: both;
}
.weibox::before{
    content: "\f83f";
 background-image: url(../images/weibox.png);}
.douyinx::before{
    content: "\f83f";
 background-image: url(../images/douyinx.png);}
.weixinx::before{
    content: "\f83f";
 background-image: url(../images/weixinx.png);}
.toutiaox::before{
    content: "\f83f";
 background-image: url(../images/toutiaox.png);}