@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	padding-right: 0px!important;
	position: relative;
	overflow-x: hidden;
}

@media(min-width:1600px) {
body {
	padding-top: 80px!important;
}
}

@media(max-width:1600px) {
body {
	padding-top: 70px!important;
	
}
}
* {
	font-family: Arial, "微软雅黑", Microsoft YaHei;
}
@font-face {
	font-family: 'Impact';
	src: url(../font/impact.ttf), url(../font/impact.ttf);
	font-weight: normal;
	font-style: normal;
}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
input {
	margin: 0;
	outline: none
}
a {
	text-decoration: none;
}
a:link {
	color: inherit;
}/*未访问样式*/
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
a:hover,a:focus,input:hover,input:focus,button:focus,button:hover{outline:none;}
h1 {
	margin: 0px;
}
i {
	font-weight: normal;
}
hr {
	border: none;
	border-top: 1px solid #f0f0f0;
	margin: 10px 0px;
}
img {
	max-width: 100%;
}
pre {
	display: block;
	border: none;
	background: none;
	padding: 0px;
	white-space: pre-wrap;
	font-family: "微软雅黑", Microsoft YaHei;
}
::-webkit-scrollbar-track {
background:#CCC;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-thumb {
background:#4d4d4d;
}
/*滚动条设置*/
.hbcord li {display: inline-block;margin-right: 4px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.hbcord li.active {background: rgb(29,161,235);color: #fff;border: 1px solid #009688;}
.hbcord li a {display: block;text-align: center;}
/*表格边框样式*/
table, tbody, tr, td {
	border: none;
}
table tr {
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
table td {
	font-size: 14px;
	line-height: 24px;
	padding: 15px;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	;
}
table td p {
	margin: 0px;
}
/*boostrap遮罩层导致页面抖动*/
.modal-open {
	overflow: scroll !important;
}

/*页面内容宽度*/
@media(min-width:1600px) {
.container {
	width: 82%;
}
}

@media(max-width:1600px) and (min-width:992px) {
.container {
	width: 92%;
}
}

@media(max-width:992px) and (min-width:768px) {
.container {
	width: 96%;
}
}
/*页面haed*/
#haed-nav {
	position: fixed;
	z-index: 999;
	width: 100vw;
	height: 80px;
	line-height: 80px;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
	transition: all .3s;
}
#haed-nav .container {
	position: relative;
	width: 96%;
	height: inherit;
}
.navbar-header {
	height: inherit;
}
/*logo设置*/
.navbar-brand {
	position: relative;
	z-index: 9;
	display: flex;
	align-items: center;
	height: inherit;
	padding: 0px!important;
	margin: 0px!important;
}
.navbar-brand h1 {
	height: auto;
	font-size: 0px;
}
.navbar-brand img {
	max-width: auto;
	height: 60px;
	transition: all .3s;
}
/*语言*/
.language {
	margin: 0 25px;
	position: relative;
}
b.arrow {
	display: inline-block;
	margin-left: 4px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	transform: translate(0%, -3px) rotate(135deg);
}
.language a {
	font-size: 16px;
}
.language .dropdown-menu {
	top: 100%;
	margin: 0;
	border: none;
	border-radius: 0 0 3px 3px;
	background: rgba(255,255,255,0.95);
}
.language .dropdown-menu li {
	display: block;
	width: auto;
	height: auto;
	line-height: normal;
}
.language .dropdown-menu li a {
	position: relative;
	z-index: 3;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 0px 15px;
	font-size: 14px;
	line-height: 38px;
	height: 36px;
	color: #666;
	transition: all ease .3s;
}
.language .dropdown-menu li a:hover {
	color: #fff;
	background: none;
}
.language .dropdown-menu li a:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0%;
	width: 0%;
	height: 100%;
	background-color: #0b64b0;
	transition: all ease .3s;
}
.language .dropdown-menu li a:hover:after {
	content: "";
	width: 100%;
}
/*热线*/
.nav-hotline {
	display: flex;
	align-items: center;
	height: auto;
}
.nav-hotline span {
	display: block;
	margin-right: 10px;
	font-size: 46px;
	color: #808080;
}
.nav-hotline>div {
	line-height: 0px;
}
.nav-hotline>div small {
	font-size: 11px;
	line-height: 18px;
	color: #999;
}
.nav-hotline>div p {
	margin: 0px;
	font-size: 18px;
	line-height: 26px;
	color: rgb(11, 100, 176);
	letter-spacing: 1px;
}
/*搜索*/
.search-button{
	position: absolute;
	z-index: 2;
	right: 0px;
	font-size: 0px;
	padding: 0px;
	display:block;
	border:none;
	background: none;
}
.search-button span{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 26px;
	color: #666;
	text-align: center;
	vertical-align: middle;
	transition:all .3s; 
}
.search-button:hover span{
	color: #1da1eb;
}
.search-content{
	position: absolute;
	z-index: 3;
	right: 0px;
	top:0;
	width: 0%;
	height: 100%;
	font-size: 0px;
	background: #fff;
	text-align: center;
	visibility: hidden;
	overflow: hidden;
	transition:all .4s;
}
.search-content.oppen{
	width: 100%;
	visibility: visible;
}
.search-content form{
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 50px;
	height: 40px;
	line-height: 40px;
	padding-right: 50px;
	border-left: 2px solid #ccc;
	transition:all .4s;   
}
.search-content.oppen form{
	width: 500px;
	transition-delay: 0.8s;
}
.search-content input{
	display: inline-block;
	width: 100%;
	height: 39px;
	line-height: 40px;
	font-size: 22px;
	padding: 0px 10px;
	border: none;
	background: none;
	vertical-align: middle;
	opacity: 0;
	transition:all .4s;   
}
.search-content.oppen input{
	opacity: 1;
	transition-delay: 0.9s;
}
.search-content button{
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 0px;
	display: inline-block;
	width: 50px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	border: none;
	background: none;
	vertical-align: middle;
}
.search-content button span{
	font-size:28px;
	color: #666;
	transition:all .4s;
}
.search-content button:hover span{
	color: #0199f1;
}
.submit-close{
	margin-top: 15px;
	float: right;
	display: inline-block;
}

@media(min-width:992px) and (max-width:1400px) {
.nav-hotline {
	display: none;
}
}

@media(max-width:992px) {
.nav-hotline span {
	margin-right: 6px;
	font-size: 36px;
}
.nav-hotline>div small {
	font-size: 11px;
	line-height: 15px;
}
.nav-hotline>div p {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}
.search-content{
	position: fixed;
	top:70px;
	width: 100%;
	height: 0%;
	background: #f7f7f7;
}
.search-content.oppen{
	height:70px;
	visibility: visible;
}

.search-button{
	right: 50px;
}
}

@media(max-width:768px) {
.nav-hotline {
	display: none;
}
.search-content{
	padding-left: 10px;
	padding-right: 50px;
}
.search-content.oppen form{
	width:100%;
	border-left: none;
}
.search-content button span{
	font-size:22px;
}
.search-content input{
	display: inline-block;
	width: 100%;
	height: 39px;
	line-height: 40px;
	font-size: 18px;
}
}


/*导航设置*/
.navbar-nav .dropdown-menu {
	position: absolute;
	z-index: 1;
	background: none;
	box-shadow: none;
	border: none;
}
.navbar-nav {
	height: inherit;
}
.navbar-nav>li {
	height: inherit;
	line-height: inherit;
	display: flex;
	align-items: center;
	margin: 0px 30px;
}
.navbar-nav>li>a {
	position: relative;
	z-index: 1;
	height: inherit;
	color: #4d4d4d;
	font-size: 16px;
	line-height: inherit;
	padding: 0px 5px;
	text-align: center;
	overflow: hidden;
}
.navbar-nav>li:hover>a {
	color: #0b64b0;
	background: none;
}
.navbar-nav>li.on>a {
	color: #0b64b0;
}
.navbar-nav>li.on>a:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 0%;
	width: 100%;
	height: 3px;
	background-color: #0b64b0;
	transition: all .3s;
}
.navbar-nav .dropdown-menu {
	top: 100%;
	left: 0%;
	padding: 10px 0;
	border: none;
	background: rgba(255,255,255,0.95);
}
.navbar-nav>li:last-of-type .dropdown-menu {
	left: auto;
	right: 0;
}
.navbar-nav .dropdown-menu li {
	display: block;
	width: auto;
	height: auto;
	line-height: normal;
}
.navbar-nav .dropdown-menu li a {
	position: relative;
	z-index: 3;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 0px 15px;
	font-size: 14px;
	line-height: 38px;
	height: 36px;
	color: #666;
	transition: all ease .3s;
}
.navbar-nav .dropdown-menu li a:hover {
	color: #fff;
	background: none;
}
.navbar-nav .dropdown-menu li a:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0%;
	width: 0%;
	height: 100%;
	background-color: #0b64b0;
	transition: all ease .3s;
}
.navbar-nav .dropdown-menu li a:hover:after {
	content: "";
	width: 100%;
}
/*导航栏变化*/
.body-scroll #haed-nav {
	height: 70px;
	line-height: 70px;
	transition: all ease .5s;
}
.body-scroll #haed-nav .navbar-brand img {
	max-width: auto;
	height: 50px;
}
@media (min-width: 992px) {
#haed-nav .navbar-nav{
		padding-right: 50px;
}
}
@media (max-width: 1600px) {
#haed-nav {
	height: 70px;
	line-height: 70px;
}
#haed-nav .navbar-brand img {
	height: 45px;
}
.body-scroll #haed-nav .navbar-brand img {
	max-width: auto;
	height: 40px;
}
.language a {
	font-size: 15px;
}
.navbar-nav>li {
	margin: 0px 22px;
}
.navbar-nav>li>a {
	position: relative;
	font-size: 15px;
}
}

@media (max-width: 1200px) {
#haed-nav .navbar-brand img {
	height: 40px;
}
.navbar-nav>li {
	margin: 0px 12px;
}
}

@media(max-width:992px) {
#haed-nav .navbar-nav {
	display: none;
}
}

@media (max-width: 768px) {
.navbar-header {
	padding: 0px 3vw;
}
}
/*移动端菜单2*/
#menuNav {
	font-family: '微软雅黑';
	position: fixed;
	z-index: 1001;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s linear 0.6s;
	-moz-transition: all 0.5s linear 0.6s;
	-ms-transition: all 0.5s linear 0.6s;
	-o-transition: all 0.5s linear 0.6s;
	transition: all 0.5s linear 0.6s;
}
#menuNav.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#menuNav.open:after {
	content: "";
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	transition-delay: 0.4s;
}
#menuNav-close {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 10px;
	display: block;
	width: 48px;
	height: 48px;
	text-align: center;
	color: #333;
	background: none;
	border: none;
}
#menuNav-close span {
	display: inline-block;
	font-size: 28px;
	line-height: 48px;
	color: #333;
}
.navList {
	position: absolute;
	z-index: 2;
	left: 26%;
	bottom: 15vh;
	width: 30%;
}
.navList li {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s
}
#menuNav.open .navList li {
	transform: none;
	opacity: 1;
	visibility: visible;
}
.navList>li>a {
	position: relative;
	display: block;
	font-size: 28px;
	line-height: 1.2;
	padding: 2vh 0;
	color: #4d4d4d;
}
.navList>li:hover>a {
	color: #ccc;
}
.navList {
	counter-reset: compteListe;
}
.navList>li>a::before {
	counter-increment: compteListe 1;
	content: "0" counter(compteListe);
	color: #0b64b0;
	position: absolute;
	font: 400 normal 12px/12px 'mono';
	right: calc(100% + 68px);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}
.navList>li>a:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 0%;
	width: 0%;
	height: 1px;
	background-color: rgba(0,0,0,0.3);
	transition: all .4s;
}
.navList>li:hover>a:after {
	content: "";
	width: 100%;
}
.navList>li>a>span {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding-right: 20px;
	background: #000;
}
.navList li .dropdown-menu {
	position: absolute;
	left: 100%;
	top: 0px;
	padding-left: 25px;
	background: none;
	border: none;
	box-shadow: none;
}
.navList li .dropdown-menu a {
	font-size: 16px;
	line-height: 1.2;
	padding: 1vh 0;
	color: #666;
}
.navList li .dropdown-menu a:hover {
	color: #4d4d4d;
	background: none;
}

@media (max-width: 1200px) {
.navList>li>a {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2;
	padding: 1.5vh 0;
	color: #4d4d4d;
}
.navList li .dropdown-menu a {
	font-size: 15px;
	line-height: 1.2;
	padding: 1vh 0;
	color: #666;
}
}

@media (min-width: 998px) {
#menuNav:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 56%;
	width: 1px;
	height: 0%;
	background-color: rgba(0,0,0,0.6);
	transition-delay: 0.2s;
	transition: all .3s;
}
}

@media (max-width: 998px) {
#menuNav-logo {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	height: 70px;
	padding: 0 5vw;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
#menuNav-logo img {
	height: 40px;
}
#menuNav-close {
	top: 12px;
}
#menuNav:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 70px;
	left: 15%;
	width: 1px;
	height: 0%;
	background-color: rgba(0,0,0,0.6);
	transition-delay: 0.2s;
	transition: all .3s;
}
.navList {
	top: 90px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding-left: 25%;
	padding-right: 20px;
	margin: 0px;
	width: 100%;
	overflow-y: scroll;
}
.navList>li {
	margin-bottom: 15px;
}
.navList>li>a {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2;
	padding: 1vh 0;
	color: #0b64b0;
}
.navList>li:hover>a {
	color: #4d4d4d;
}
/* 父级下的递增数字 */
.navList {
	counter-reset: compteListe;
}
.navList>li>a::before {
	counter-increment: compteListe 1;
	content: "0" counter(compteListe);
	color: #0b64b0;
	position: absolute;
	font: 400 normal 12px/12px 'mono';
	right: 118%;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}
.navList>li>a:after {
	display: none;
}
.navList>li>a>span {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding-right: 20px;
	background: #000;
}
.navList li .dropdown-menu {
	position: static;
	display: block;
	float: none;
	padding-left: 10px;
	margin: 0px;
}
.navList li .dropdown-menu a {
	font-size: 14px;
}
.navList li .dropdown-menu a:hover, .navList li .dropdown-menu a:focus {
	color: #4d4d4d;
	background: none;
}
}
.nav-button {
	display: none;
	align-items: center;
	height: inherit;
	position: absolute;
	z-index: 2;
	right: 10px;
	top: 0%;
	background: none;
	border: none;
}
.nav-button span {
	display: inline-block;
	font-size: 32px;
	line-height: 42px;
	height: 42px;
	color: #666;
}

@media (max-width: 992px) {
.nav-button {
	display: flex;
}
}

@media (max-width: 768px) {
.nav-button {
	right: 0vw;
}
}

/*首页滚屏设置*/
@media (min-width: 1600px) {
#fullpage {
	margin-top: -80px;
}
}

@media (max-width: 1600px) {
#fullpage {
	margin-top: -70px;
}
}

@media (max-width:992px) {
#fullpage {
	margin-top: 0px;
}
}
#menu {
	position: fixed;
	z-index: 9;
	top: 55%;
	right: 0;
	padding-left: 20px;
	transform: translate(0%, -50%);
	transition: transform 0.4s;
}
#menu li {
	margin: 20px 0px;
}
#menu a {
	display: block;
	padding-right: 15px;
	color: #fff;
	opacity: 0.6;
	overflow: hidden;
	transition: all .4s;
}
#menu .active a, #menu a:hover {
	opacity: 1;
}
#menu a p, #menu a span, #menu a small {
	color: inherit;
}
#menu a p, #menu a small {
	display: block;
	margin: 0 0 0 70px;
	line-height: 20px;
}
#menu a p {
	font-size: 14px;
	margin-top: 10px;
}
#menu a small {
	font-size: 15px;
}
#menu a span {
	display: block;
	float: left;
	width: 56px;
	height: 56px;
	line-height: 56px;
	font-size: 30px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
}
.body-scroll #menu {
	border:1px solid  rgba(0,0,0,0.1);
	border-right: none;
	border-radius: 6px 0px 0px 6px;
	transform: translate(100%, -50%);
}
.body-scroll #menu:hover {
	opacity: 1;
	transform: translate(0%, -50%);
	transition: transform 0.4s;
	background: rgba(255,255,255,0.7);
}
#menu:before {
	content: "";
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: -20px;
	margin-top: -30px;
	width: 20px;
	height: 60px;
	border:1px solid  rgba(0,0,0,0.1);
	border-right: 1px solid rgba(255,255,255,0.4);
	background:url(../images/menu.png) center no-repeat,rgba(255,255,255,0.8);
	border-radius: 3px 0px 0px 3px;
	transition: all .3s;
}
.body-scroll #menu:before {
	content: "";
	opacity: 1;
}
.body-scroll #menu:after {
	content: "";
	position: absolute;
	z-index: -2;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	opacity: 0;
	border-radius: 6px 0px 0px 6px;
	transition: all .3s;
}
.body-scroll #menu:hover:after {
	content: "";
	opacity: 1;
}
.body-scroll #menu a {
	color: #666;
}
.body-scroll #menu .active a, .body-scroll #menu a:hover {
	color: #0199f1;
}
.body-scroll #menu a span {
	width:46px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #666;
}
.body-scroll #menu .active a span, .body-scroll #menu a:hover span {
	border: 1px solid #0199f1;
}
.body-scroll #menu a p, .body-scroll #menu a small {
	display: block;
	margin: 0 0 0 60px;
	line-height: 20px;
}
#menu a p {
	font-size: 14px;
	margin-top: 0px;
}
@media (max-width: 992px) {
#menu {
	display: none;
}
.section, .fp-tableCell {
	height: auto!important;
}
}
/*背景图*/
.gray-bg {
	background-color: #f7f7f7;
}
.point-bg {
	background-image: url(../images/img-point.png);
	background-repeat: repeat;
}
.point-bg2 {
	background-image: url(../images/img-point-bg.jpg);
	background-repeat: repeat;
}
@media (min-width: 992px) {
.layer{
	visibility: hidden;
	animation-name: none;
}
.animated .layer{
	visibility: visible;
	animation-name:bounceInUp;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
	animation-duration: 2s;
}
.animated .layer:nth-of-type(1){
	animation-delay: 0.15s;
}
}
.slogan {
	padding-top: 12vh !important;
	padding-bottom: 12vh !important;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.bg-box {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.big_bg {
	position: absolute;
	z-index: -9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: transform ease .45s;
}
.inside_bg.big_bg:before {
	display: none;
}
.big_bg img {
	position: absolute;
	z-index: -2;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
}

@media(min-width:768px) {
.big_bg .bimg-pc {
	display: block;
}
.big_bg .bimg-mobile {
	display: none;
}
}

@media(max-width:768px) {
.big_bg {
	height: 100%;
}
.big_bg .bimg-pc {
	display: none;
}
.big_bg .bimg-mobile {
	display: block;
}
}
/*首页框架*/

.index-title {
	position: relative;
	z-index: 3;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.index-title:before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 3px;
	background-color: #0b64b0;
	transition: all .3s;
}
.index-title h3 {
	font-size: 42px;
	color: #333;
}
.index-title p {
	font-size: 16px;
	color: #666;
}

@media(min-width:992px) {
.index-content {
	height: 70vh;
}
}

@media(max-width:992px) {
.index-content {
	padding: 5vh 0px;
}
.index-title h3 {
	font-size: 24px;
	color: #333;
}
.index-title p {
	font-size: 14px;
}
}
/*首页关于*/
#point {
	position: absolute;
	z-index: 1;
	left: 0%;
	top: 0%;
	bottom: 0;
	right: 0;
	transform: translate(-50%, -50%);
}
#point img {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
}
#point div:nth-of-type(1) img {
	-webkit-animation: shake 4.5s ease infinite;
	animation: shake 4.5s ease infinite;
}
#point div:nth-of-type(2) img {
	-webkit-animation: shake 6s ease infinite;
	animation: shake 6s ease infinite;
}
 @keyframes shake {
 0% {
-webkit-transform: translate(-50%, -48%);
transform: translate(-50%, -48%);
}
 50% {
-webkit-transform: translate(-50%, -54%);
transform: translate(-50%, -54%);
}
 100% {
-webkit-transform: translate(-50%, -48%);
transform: translate(-50%, -48%);
}
}
@-webkit-keyframes shake {
 0% {
-webkit-transform: translate(-50%, -48%);
transform: translate(-50%, -48%);
}
 50% {
-webkit-transform: translate(-50%, -54%);
transform: translate(-50%, -54%);
}
 100% {
-webkit-transform: translate(-50%, -48%);
transform: translate(-50%, -48%);
}
}
.index-about {
	position: relative;
	z-index: 5;
}
.index-about-nav {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 55vh;
}
.index-about-nav li a {
	position: relative;
	z-index: 1;
	display: block;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	overflow: hidden;
	transition: all ease .4s;
}
.index-about-nav li a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 0%;
	height: 0%;
	background-color: #fff;
	border-radius: 50%;
	transition: all ease .5s;
}
.index-about-nav li a:hover:before {
	content: "";
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #0b64b0;
}
.index-about-nav li a span {
	display: block;
	color: #0b64b0;
	transition: all ease .4s;
}
.index-about-nav li a p {
	display: block;
	line-height: 1em;
	color: #0b64b0;
	transition: all ease .4s;
}
.index-about-nav li a:hover span, .index-about-nav li a:hover p {
	color: #fff;
}

@media(min-width:1400px) {
.index-about-nav li a {
	width: 200px;
	height: 200px;
}
.index-about-nav li a span {
	margin-top: 50px;
	font-size: 60px;
	line-height: 60px;
}
.index-about-nav li a p {
	margin-top: 15px;
	font-size: 18px;
}
}

@media(min-width:992px) {
.index-about-nav li {
	position: absolute;
	z-index: 2;
	transform: translate(-50%, 0%);
}
.index-about-nav li:nth-of-type(1) {
	left: 20%;
	top: 20%;
}
.index-about-nav li:nth-of-type(2) {
	left: 35%;
	top: 60%;
}
.index-about-nav li:nth-of-type(3) {
	right: 35%;
	top: 25%;
}
.index-about-nav li:nth-of-type(4) {
	right: 15%;
	top: 35%;
}
}

@media(max-width:1400px) {
.index-about-nav li a {
	width: 160px;
	height: 160px;
}
.index-about-nav li a span {
	margin-top: 30px;
	font-size: 48px;
	line-height: 48px;
}
.index-about-nav li a p {
	margin-top: 15px;
	font-size: 16px;
}
}

@media(max-width:992px) {
.index-about-nav {
	width: 90%;
	padding: 0px;
	margin: auto;
	height: auto;
	font-size: 0px;
	text-align: center;
}
.index-about-nav li {
	display: inline-block;
	box-sizing: border-box;
	width: 25%;
	text-align: center;
}
.index-about-nav li a {
	display: inline-block;
	width: 120px;
	height: 120px;
}
.index-about-nav li a span {
	margin-top: 25px;
	font-size: 42px;
	line-height: 42px;
}
.index-about-nav li a p {
	margin-top: 12px;
	font-size: 14px;
}
}

@media(max-width:768px) {
.index-about-nav {
	width: 80%;
	padding: 0px;
}
.index-about-nav li {
	width: 50%;
	padding: 5px 10px;
}
.index-about-nav li a {
	display: inline-block;
	width: 100px;
	height: 100px;
}
.index-about-nav li a span {
	margin-top: 15px;
	font-size: 36px;
	line-height: 36px;
}
.index-about-nav li a p {
	margin-top: 10px;
	font-size: 14px;
}
}

/* 首页产品 */
@media(min-width:992px) {
#product-m {
	display: none;
}
.index-product {
	display: flex;
	justify-content: space-between;
	padding: 0 15%;
}
}

@media(max-width:992px) {
#product-m {
	display: block;
}
.index-product {
	display: none;
}
}
.product-left {
	position: relative;
	margin-top: 35px;
	width: 32vw;
	height: 32vw;
}
.product-left .product-l-svg {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.product-left .svg1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #888;
	stroke-width: 1;
	stroke-dasharray: 3130;
	stroke-dashoffset: 800;
	-webkit-transform: rotateY(180deg) rotateZ(-45deg);
	transform: rotateY(180deg) rotateZ(-45deg);
}
.product-left .svg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #0199f1;
	stroke-width: 2;
	stroke-dasharray: 3130;
	stroke-dashoffset: 3130;
	-webkit-transform: rotateY(180deg) rotateZ(-45deg);
	transform: rotateY(180deg) rotateZ(-45deg);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.product-left[data-value="0"] .svg2 {
	stroke-dashoffset: 3130;
}
.product-left[data-value="1"] .svg2 {
	stroke-dashoffset: 2839;
}
.product-left[data-value="2"] .svg2 {
	stroke-dashoffset: 2548;
}
.product-left[data-value="3"] .svg2 {
	stroke-dashoffset: 2257;
}
.product-left[data-value="4"] .svg2 {
	stroke-dashoffset: 1966;
}
.product-left[data-value="5"] .svg2 {
	stroke-dashoffset: 1675;
}
.product-left[data-value="6"] .svg2 {
	stroke-dashoffset: 1384;
}
.product-left[data-value="7"] .svg2 {
	stroke-dashoffset: 1093;
}
.product-left[data-value="8"] .svg2 {
	stroke-dashoffset: 802;
}
.product-left .dots {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.product-left .dots .dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	position: absolute;
	background: #0199f1;
}
.product-left .dots .dot:nth-of-type(1) {
	top: 14.4%;
	right: 14.0%;
}
.product-left .dots .dot:nth-of-type(2) {
	top: 0.65%;
	right: 40%;
}
.product-left .dots .dot:nth-of-type(3) {
	top: 3.5%;
	right: 68.5%;
}
.product-left .dots .dot:nth-of-type(4) {
	top: 21%;
	right: 90.5%;
}
.product-left .dots .dot:nth-of-type(5) {
	top: 49%;
	right: 99.3%;
}
.product-left .dots .dot:nth-of-type(6) {
	top: 76.5%;
	right: 91.3%;
}
.product-left .dots .dot:nth-of-type(7) {
	top: 95.0%;
	right: 70%;
}
.product-left .dots .dot:nth-of-type(8) {
	top: 98.7%;
	right: 41.6%;
}
.product-left .dots .dot:nth-of-type(9) {
	top: 86%;
	right: 15.5%;
}
.product-l-list a {
	font-size: 14px;
	color: #333;
	position: absolute;
	z-index: 4;
	width: 90px;
	cursor: pointer;
}
.product-l-list a.on {
	color: #0199f1;
}
.product-l-list a:nth-of-type(1) {
	top: 12%;
	left: 90%;
}
.product-l-list a:nth-of-type(2) {
	top: -4%;
	left: 65%;
}
.product-l-list a:nth-of-type(3) {
	top: -2%;
	right: 67%;
}
.product-l-list a:nth-of-type(4) {
	top: 16%;
	right: 92%;
}
.product-l-list a:nth-of-type(5) {
	top: 48%;
	right: 103%;
}
.product-l-list a:nth-of-type(6) {
	top: 75%;
	right: 96%;
}
.product-l-list a:nth-of-type(7) {
	top: 97%;
	right: 74%;
}
.product-l-list a:nth-of-type(8) {
	top: 103%;
	right: 43%;
}

@media (max-width: 992px) {
#product-m .item {
	text-align: center;
}
#product-m {
	padding: 5vh 0;
	width: 80%;
	margin: auto;
}
#product-m h3 {
	margin: 20px 0px 20px;
}
#product-m .item {
	text-align: center;
}
#product-m img {
	display: inline-block;
	margin-bottom: 10px;
	max-width: 400px;
}
}
/*新闻上半部分*/
.index-news1 {
	width: 100%;
}
.index-news1 .index-title{
	display: none;
	margin: 30px 0;
}
.index-news2 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.index-news-box {
	height: 100%;
	padding: 6px 4px;
}
.index-news-box>div {
	width: 100%;
	height: 100%;
	padding: 4%;
	background: #f6f6f6;
	overflow: hidden;
}
.index-news-box>div>h3 {
	font-size: 30px;
	margin: 0px;
}
.index-news-box>div>p {
	font-size: 24px;
	line-height: 1em;
	color: #999;
}
.index-news-box>div>a {
	display: inline-block;
	float: right;
	padding: 0 20px;
	margin-top: 15px;
	font-size: 12px;
	line-height: 28px;
	color: #0b64b0;
	border: 1px solid #0b64b0;
	border-radius: 14px;
	transition: all .3s;
}
.index-news-box>div>a:hover {
	color: #fff;
	border: 1px solid #0b64b0;
	background: #0b64b0;
}
.index-news-list {
	margin-top: 30px;
}
.index-news-list>li {
	margin: 6px 0;
}
.index-news-list>li a {
	display: flex;
	width: 100%;
	overflow: hidden;
}
.index-news-list>li a .index-news-img {
	width: 23%;
	overflow: hidden;
}
.index-news-list>li a .index-news-text {
	width: 77%;
	padding-left: 15px;
}
.index-news-list>li a .index-news-text p {
	width: 100%;
	margin: 3px 0 8px;
	font-size: 16px;
	line-height: 22px;
	color: #4d4d4d;
}

@media (min-width: 992px) {
.index-news1 {
	height: 60vh;
}
.index-news2 {
	height: 40vh;
}
.index-news-list>li a .index-news-text p {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.index-news-list>li a .index-news-text span {
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	height: 36px;
	color: #999;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index-news-box {
	width: 25%;
}
}

@media (max-width: 1600px) {
.index-news-list>li a .index-news-text p {
	margin: 5px 0 5px;
}
}

@media (max-width: 1200px) {
.index-news-box>div>h3 {
	font-size: 24px;
}
.index-news-box>div>p {
	font-size: 18px;
	line-height: 1em;
}
.index-news-list>li a .index-news-text p {
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	height: 52px;
	display: block;
	display: -webkit-box;
	white-space: normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index-news-list>li a .index-news-text span {
	display: none;
}
}

@media (max-width: 992px) {
.index-news1 {
	height: 60vh;
}
.index-news-list>li a .index-news-text p {
	margin: 0;
	font-size: 15px;
	line-height: 24px;
	height: 48px;
}
.index-news-box {
	width: 50%;
}
}

@media (max-width: 768px) {
.index-news1 {
	height: auto;
	margin-bottom: 30px;
}
.index-news1 .index-title{
	display: block;
}
.index-news-box {
	width: 100%;
}
.index-news2 {
	display: none;
}
.index-news-list>li a .index-news-text p {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
}
}
/*首页页脚*/
#foot {
	position: relative;
}
#foot:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 8px;
	left: 0%;
	width: 100%;
	height: 6px;
	background-color: #fff;
}
.foot {
	padding: 0px 5% 35px;
	padding-top: 60px;
	background: #1da1eb;
	color: #fff;
	overflow: hidden;
}
.foot-logo {
	float: left;
	width: 25%;
}
.foot-nav {
	float: left;
	width: 60%;
}
.foot-code {
	float: left;
	width: 15%;
	text-align: center;
}
.foot-code p{
	margin: 10px 0;
}
.foot-logo img.foot-logo-img {
	margin: 0 0 20px;
}
.foot-logo h3 {
	display: none;
}
.foot-logo p {
	position: relative;
	padding-left: 40px;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 0px;
	font-size: 15px;
}
.foot-logo em {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 28px;
	line-height: 30px;
}
.foot-logo strong {
	display: inline-block;
	width: 100%;
	line-height: 1.5em;
}
#foot-nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0 6%;
	margin: 0px;
	overflow: hidden;
}
#foot-nav .panel {
	display: table-cell;
	border: none;
	background: none;
	box-shadow: none;
}
#foot-nav .panel + .panel {
	margin-top: 0px;
}
#foot-nav .panel-heading {
	font-size: 0px;
	border-radius: 0px;
	overflow: hidden;
	padding: 0px;
	background: none;
}
#foot-nav .panel-heading a {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 100%;
	font-size: 15px;
	padding: 0px 0px 12px;
	margin-bottom: 16px;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
#foot-nav .panel-heading a:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 0%;
	width: 50px;
	height: 1px;
	background-color: rgba(255,255,255,0.6);
	transition: all .3s;
}
#foot-nav .panel-body {
	border: none;
	padding: 0px;
	margin: 0px;
}
#foot-nav .panel-body a, #foot-nav .panel-body p {
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}
#foot-nav .panel-body i {
	display: inline-block;
	float: left;
	margin-right: 4px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 18px;
	color: #ccc;
}
#foot-nav .panel-body p {
	display: inline-block;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
}
#foot-nav .panel-body a:hover {
	color: #ccc;
}
.foot-copyright {
	background: #0b64b0;
	padding: 5px 5% 0px;
	line-height: 20px;
	color: #ccc;
}
.foot-copyright>div {
	padding: 15px 0;
	overflow: hidden;
}
.foot-copyright>div.foot-link {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.foot-link a, .foot-link span {
	display: inline-block;
}
.foot-link a {
	margin-right: 10px;
}
.foot-copyright .copyright-l {
	float: left;
	width: 70%;
}
.foot-copyright .copyright-l a {
	display: inline-block;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #666;
}
.foot-copyright .copyright-r {
	float: right;
	width: 30%;
	text-align: right;
}

@media (min-width: 992px) {
#fullpage .foot {
	height: calc(60vh - 70px);
}
#fullpage .foot-copyright {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
}
}

@media (max-width: 1200px) {
.foot-logo {
	float: left;
	width: 30%;
}
.foot-nav {
	float: left;
	width: 70%;
}
.foot-code {
	display: none;
}
}

@media (max-width: 992px) {
.foot-logo {
	float: left;
	width: 60%;
}
.foot-nav {
	display: none;
}
.foot-code {
	display: block;
	float: left;
	width: 40%;
	padding: 15px 15px 0;
}
.foot-copyright .foot-link {
	display: none;
}
.foot-logo p {
	margin-left:0px;
	padding-left: 35px;
	font-size: 14px;
}
.foot-logo strong{width: auto;}
.foot-logo em{
	font-size:22px;
	line-height: 20px;
}
}

@media (max-width: 768px) {
.foot {
	padding-top: 30px;
}
.foot-logo {
	padding: 20px 5% 0;
	width:100%;
}
.foot-logo img.foot-logo-img{
	display: none;
}


.foot-logo h3 {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0px 0px 20px;
	padding-bottom: 15px;
	text-align: center;
}
.foot-logo h3:after{ content:""; position: absolute;  z-index:-1;bottom: 0px;left: 50%;width:40px;height:2px; margin-left: -20px; background-color:#fff;}
.foot-code {
	width: 100%;
	text-align: center;
}
.foot-copyright .copyright-l {
	width: 100%;
}
.foot-copyright .copyright-r {
	width: 100%;
	text-align: left;
}
}
/*============ 首页end ============*/

/*内页公共*/
/*内页banner*/
.inside-banner {
	position: relative;
	z-index: 1;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.inside-text {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	padding: 0 10%;
}
.inside-text>div {
	width: 100%;
	text-align: center;
}

.banner-nav{
	width: 100%;
	height: 600px;
	display: flex;
}
.banner-nav a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0px 5%;
	background-size: cover;
	background-position: center;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
}
.banner-nav a>div{
	width: 100%;
	text-align: center;
}
.banner-nav a .banner-title{
	position: relative;
	display: inline-block;
	margin: auto;
	margin-bottom: 30px;
	width: 140px;
	height: 140px;
	line-height: 140px;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	border-radius: 50%;
	background: rgba(248,93,95,0.9);
}
.banner-nav a strong{
	display: inline-block;
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}
.banner-nav a p{text-align: left;
	color: #666;
}




@media(min-width:768px) {
.inside-banner {
	height: 300px;
}
.inside-banner img {
	display: none;
}
.inside-text>div h3 {
	font-size: 30px;
	font-weight: bold;
	color: #333;
}
.inside-text>div p {
	font-size: 18px;
	color: #333;
}
}

@media(min-width:992px) {
.inside-banner {
	height: 420px;
}
.inside-text>div h3 {
	font-size: 36px;
}
.inside-text>div p {
	font-size: 22px;
}
.banner-nav{
	height: 420px;
}
.banner-nav a>div{
	transform:translate(0%,0px);
	transition:all .4s;    
}
.banner-nav a:hover>div{
	transform:translate(0%,-20px);
}
}

@media(min-width:1200px) {
.inside-banner {
	height: 600px;
}
.inside-text>div h3 {
	margin: 0 0 20px;
	font-size: 48px;
}
.inside-text>div p {
	font-size: 26px;
}
.banner-nav{
	height: 600px;
}
}
@media(max-width:992px) {
.banner-nav{
	height: 360px;
}
.banner-nav-text{
	display: none;
}
}
@media(max-width:768px) {
.inside-banner {
	background: none!important;
}
.inside-text>div h3 {
	margin: 0 0 10px;
	font-size: 24px;
}
.inside-text>div p {
	font-size: 16px;
}
.banner-nav{
	height: 220px;
}
.banner-nav a .banner-title{
	margin-bottom: 20px;
	width: 120px;
	height: 120px;
	line-height: 120px;
	font-size: 18px;
}
	
}
/*内页导航*/
.inside-nav {
	margin-bottom: 60px;
	background: #1da1eb;
	color: #fff;
}
.inside-nav .container{
	display: flex;
}
.nav-icon {
	margin-right: 20px;
	font-size: 18px;
	line-height: 70px;
	color: #fff;
	white-space:nowrap;
}
.nav-icon span {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 12px;
	font-size: 30px;
	color: #fff;
}
.nav-icon a{
	display: inline-block;
	padding: 0px 6px 0px 15px;
	font-size: 16px;
	color: #ccc;
	vertical-align:bottom;
	transition:all .3s; 
}
.nav-icon a:hover{
	color: #fff;
}
.nav-icon a span {
	margin-right:4px;
	font-size:24px;
	color: inherit;
}
.right-nav {
}
.right-nav li {
	float: left;
}
.right-nav li a {
	position: relative;
	display: inline-block;
	padding: 0px 40px;
	font-size: 18px;
	line-height: 70px;
	color: #fff;
}
.right-nav li.on a {
	color: #1da1eb;
	background: #fff;
}
.right-nav li a:after {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: 0px;
	left: 0%;
	width: 0%;
	height: 3px;
	background-color: rgba(255,255,255,0.5);
	transition: all .3s;
}
.right-nav li a:hover:after {
	content: "";
	width: 100%;
}
.inside-nav2{
	text-align: center;
}
.inside-nav2 li{
	display: inline-block;
	margin: 6px;
}
.inside-nav2 li a{
	display: inline-block;
	padding: 0px 20px;
	font-size: 16px;
	line-height: 36px;
	color: #333;
	background: #f5f5f5;
	border:1px solid #f5f5f5;
	transition: all .3s;
}
.inside-nav2 li a:hover{
	color: #1da1eb;
	border:1px solid #1da1eb;
}
.inside-nav2 li.on a{
	color: #fff;
	background: #1da1eb;
	border:1px solid #1da1eb;
}
@media(max-width:1200px) {
.nav-icon {
	width: 20%;
	font-size: 16px;
	line-height: 50px;
}
.nav-icon span {
	margin-right: 10px;
	font-size: 24px;
	color: #fff;
}
.right-nav {
	width: 80%;
}
.right-nav li a {
	padding: 0px 30px;
	font-size: 16px;
	line-height: 50px;
}
}

@media(max-width:992px) {
.inside-nav {
	margin-bottom: 40px;
}
.inside-nav .container{
	width: 100%;
	padding: 0px;
	flex-wrap: wrap;
}
.nav-icon {
	padding: 0px 5vw;
	width: 100%;
	font-size: 14px;
}
.nav-icon span {
	margin-right: 10px;
	font-size: 24px;
}
.nav-icon a{
	font-size: 14px;
	float: right;
}
.nav-icon a span {
	margin-right: 4px;
	font-size:18px;
}
.right-nav{
	padding: 15px 5vw;
	width: 100%;
	background: #f7f7f7;
}
.right-nav li{
	padding: 4px;
}
.right-nav li a {
	font-size: 14px;
	line-height: 36px;
	padding: 0px 25px;
	color: #666;
	background: #fff;
}
.right-nav li.on a {
	color: #fff;
	background: #1da1eb;
}
.inside-nav2 li a{
	font-size: 14px;
}

}
@media(max-width:768px) {
.right-nav li{
	width: 50%;
	padding: 4px;
}	
.right-nav li a{
	width: 100%;
	padding: 0px;
	line-height: 28px;
	text-align: center;
	border: 4px solid #ebebeb;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}	
.right-nav li.on a{
	border: 4px solid #1da1eb;
}	
.inside-nav2 li{
	display: inline-block;
	margin: 3px;
}

}
/*盒子边距*/
.padding-box {
	padding-top: 10vh;
	padding-bottom: 10vh;
}
.margin-bottom {
	margin-bottom: 10vh;
}

@media(max-width:992px) {
.padding-box {
	padding-top: 7vh;
	padding-bottom: 7vh;
}
.margin-bottom {
	margin-bottom: 7vh;
}
}

@media(max-width:768px) {
.padding-box {
	padding-top: 5vh;
	padding-bottom: 5vh;
}
.margin-bottom {
	margin-bottom: 5vh;
}

}
/*信息盒子*/
.info {
	font-size: 18px;
	color: #4d4d4d;
	line-height: 1.75em;
}

@media(max-width:992px) {
.info {
	font-size: 15px;
}
}
/*关于我们*/
.about-data-row {
	padding-top: 30px;
	padding-bottom: 90px;
}
.about-data {
	padding: 60px 15px 0;
	text-align: center;
}
.about-data p {
	margin: 0px;
}
.about-data p strong {
	display: inline-block;
	position: relative;
	font-size: 60px;
	line-height: 1em;
	color: #f33142;
}
.about-data p strong:after {
	content: "+";
	position: absolute;
	z-index: 1;
	top: 8px;
	left: 100%;
	margin-left: 10px;
	font-size: 18px;
	line-height: 1em;
	font-weight: bold;
	color: #f33142;
}
.about-data span {
	font-size: 20px;
	font-weight: bold;
	color: #4d4d4d;
}

@media(max-width:992px) {
.about-data {
	padding: 30px 15px;
}
.about-data p strong {
	font-size: 40px;
}
.about-data span {
	font-size: 16px;
}
}

@media(max-width:768px) {
.about-data {
	padding: 15px;
}
}
.inside-title {
	margin-bottom: 40px;
}
.inside-title h3 {
	margin: 10px;
}
.inside-title h3 span {
	position: relative;
	display: inline-block;
	padding: 0px 20px;
	font-size: 30px;
	line-height: 1em;
	color: #4d4d4d;
	background: #fff;
}
.inside-title h3 span:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: -50%;
	width: 200%;
	height: 1px;
	background: #ccc;
}
.inside-title p {
	font-size: 15px;
	line-height: 1em;
	color: #999;
	text-transform: Uppercase;
}

@media(max-width:992px) {
.inside-title h3 span {
	padding: 0px 15px;
	font-size: 24px;
}
.inside-title p {
	font-size: 13px;
}
}
/*发展历程*/
.course ul {
	overflow: hidden;
	background: url(../images/img-course-bg.jpg) center repeat-y;
}
.course ul ol {
	position: relative;
	padding: 0px;
	width: 100%;
	background-position: center;
	background-size: cover;
}
.course ul ol .course-banner-text {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.course ul:nth-of-type(Odd) ol .course-banner-text {
	left: 0;
}
.course ul:nth-of-type(even) ol .course-banner-text {
	right: 0;
}
.course ul:nth-of-type(1) ol .course-banner-text {
	background: rgba(233,32,52,0.7);
}
.course ul:nth-of-type(2) ol .course-banner-text {
	background: rgba(52,176,24,0.7);
}
.course ul:nth-of-type(3) ol .course-banner-text {
	background: rgba(11,100,176,0.7);
}
.course ul ol .course-banner-text .course-svg {
	position: relative;
	z-index: 1;
	max-width: 50%;
	height: auto;
}
.course ul ol .course-banner-text .course-svg-text {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 50%;
	transform: translate(-25%, -50%);
}
.course-svg-text p {
	line-height: 1em;
}
.course-svg-text span {
	line-height: 1em;
}

@media(min-width:768px) {
.course ul li {
	position: relative;
	display: flex;
	padding: 0 12%;
	margin: 80px 0;
	min-height: 80px;
}
.course ul li .course-title {
	padding: 15px 0;
	width: 50%;
}
.course ul li .course-text {
	position: relative;
	padding: 30px 0 0;
	width: 50%;
	font-size: 20px;
	line-height: 1.75em;
}
.course ul li:nth-of-type(Odd) .course-title {
	order: 2;
	text-align: left;
	padding-left: 100px;
}
.course ul li:nth-of-type(even) .course-title {
	order: 1;
	text-align: right;
	padding-right: 100px;
}
.course ul li:nth-of-type(Odd) .course-text {
	order: 1;
	text-align: right;
	padding-right: 100px;
}
.course ul li:nth-of-type(even) .course-text {
	order: 2;
	text-align: left;
	padding-left: 100px;
}
.course ul li .course-text:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 42px;
	width: 11px;
	height: 11px;
	background-color: #f33142;
	border-radius: 50%;
}
.course ul li:nth-of-type(Odd) .course-text:after {
	content: "";
	right: 68px;
}
.course ul li:nth-of-type(even) .course-text:after {
	content: "";
	left: 68px;
}
.course-time {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 50%;
	margin-left: -45px;
	width: 90px;
	height: 90px;
	line-height: 90px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	background: #f33142;
	border-radius: 50%;
}
}

@media(min-width:1200px) {
.course ul ol {
	height: 560px;
}
.course ul ol .course-banner-text {
	width: 30%;
}
.course-svg-text p {
	font-size: 36px;
}
.course-svg-text span {
	font-size: 24px;
}
}

@media(max-width:1200px) {
.course ul ol {
	height: 400px;
}
.course ul ol .course-banner-text {
	width: 38%;
}
.course-svg-text p {
	font-size: 30px;
}
.course-svg-text span {
	font-size: 20px;
}
}

@media(max-width:992px) {
.course ul ol .course-banner-text {
	width: 45%;
}
.course ul ol {
	height: 300px;
}
.course-svg-text p {
	font-size: 24px;
}
.course-svg-text span {
	font-size: 16px;
}
}

@media(max-width:768px) {
.course ul {
	background: url(../images/img-course-bg.jpg) 40px 0px repeat-y;
}
.course ul ol .course-banner-text {
	width: 100%;
}
.course ul ol .course-banner-text .course-svg-text {
	position: static;
	transform: translate(0%, 0%);
	width: 100%;
	text-align: center;
}
.course ul ol {
	height: 200px;
}
.course ul ol svg {
	display: none;
}
.course ul li {
	position: relative;
	min-height: 60px;
	padding-left: 90px;
	padding-right: 15px;
	margin: 40px 0;
}
.course ul li .course-title {
	overflow: hidden;
}
.course ul li .course-text {
	padding-top: 20px;
	font-size: 15px;
	line-height: 1.75em;
}
.course ul li .course-time {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 14px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: #f33142;
	border-radius: 50%;
}
}
/*企业荣誉*/
.honor-box {
	background: #f2f2f2;
}
.honor-list {
	padding: 15px;
}
.honor-list a {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.show-img {
	position: absolute;
	z-index: 2;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 6px solid #fff;
	overflow: hidden;
}
.show-img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	transition: all ease .4s;
}
.honor-list a:hover .show-img img {
	transform: scale(1.2);
}
.show-name {
	position: absolute;
	z-index: 4;
	bottom: 0px;
	left: 0px;
	right: 0px;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	transform: translate(0%, 110%);
	transition: all ease .4s;
}
.honor-list a:hover .show-name {
	transform: translate(0%, 0%);
}

/*公益*/
.responsibility-center {
	width: 100%;
	padding: 40px;
	padding-bottom: 10px;
	margin: auto;
	font-size: 15px;
	line-height: 1.75em;
	border:1px solid #ebebeb;

}
.responsibility-haed {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 40px;
	text-align: center;
}
.responsibility-haed h2 {
	font-size: 24px;
}
.responsibility-page {
	padding: 20px 0px;
	margin: 40px auto 0px;
	font-size: 0px;
	text-align: center;
	border-top: 1px solid #ebebeb;
}
.responsibility-page a {
	display: inline-block;
	padding: 0px 15px;
	font-size: 14px;
	line-height: 20px;
	color: #808080;
	transition: all ease .3s;
}
.responsibility-page a:hover {
	color: #1da1eb;
}
a.return {
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}



.responsibility-sidebar{
	
}
#responsibility-sidebar{
	padding: 20px;
	border:1px solid #ebebeb;
}
#responsibility-sidebar .panel,
#responsibility-sidebar .panel-default > .panel-heading,
#responsibility-sidebar .panel-collapse .panel-body{
	border:none!important;
	border-radius: 0;
	-webkit-box-shadow:none;
	box-shadow: none;
	padding: 0px;
	background: none;
}

#responsibility-sidebar .panel-heading a{
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left: 20px;
	font-size: 16px;
	color: #f33142;
	font-weight: bold;
	margin-bottom: 6px;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}
#responsibility-sidebar .panel-heading .collapsed{
	color: #333;
}

#responsibility-sidebar .panel-heading a:before{ content:""; position: absolute;  z-index:1;top: 4px;left: 0%;width: 12px;;height: 12px; border:2px solid #f33142; border-radius: 50%;}
#responsibility-sidebar .panel-collapse .panel-body{
	padding-left: 20px;
	margin-bottom: 12px;
}
#responsibility-sidebar .panel-collapse .panel-body li a{
	position: relative;
	display: inline-block;
	padding-left: 13px;
	font-size: 13px;
	line-height: 24px;
	color: #666;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
	transition: all ease .3s;
}
#responsibility-sidebar .panel-collapse .panel-body li a:hover{
	color: #1da1eb;
}

#responsibility-sidebar .panel-collapse .panel-body li a:before{
content:""; position: absolute;  z-index:1;top: 8px;left: 0%;
width:0;
height:0;
border-top:3px solid transparent;
border-bottom:3px solid transparent;
border-left:6px solid #ccc;
}
@media(max-width:1200px) {
	.responsibility-sidebar{
		display: none;
	}
}
@media(max-width:768px) {
.responsibility-center {
	padding: 20px;
}
}


/*产品*/
body.product {
	padding: 0px!important;
	margin-right: 5px;
	font-size: 15px;
	line-height: 1.75em;
}
.product-list {
	display: flex;
	flex-wrap: wrap;
}
.product-list li a{
	position: relative;
	display: flex;
	padding: 5vh 6vw;
}
.product-list li a iframe,.product-list li a .inside-product{
	display: none;
}
.product-list li .product-text {
	display: flex;
}
.product-list li .product-img {
	display: flex;
	align-items: center;
	text-align: center;
}
.product-list li .product-text>div, .product-list li .product-img>div {
	width: 100%;
}
.product-list li .product-text h3 {
	line-height: 1.4em;
	color: #333;
	transition: all .3s;
}
.product-list li .product-text span {
	color: #333;
	text-transform: Uppercase;
}
.product-list li .product-text h4 {
	line-height: 1.4em;
	color: #333;
}
.product-list li .product-text p {
	line-height: 1.5em;
	color: #666;
}
.product-list li .product-text i {
	display: inline-block;
	margin-top: 15px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #333;
	border-radius: 50%;
	overflow: hidden;
	transition: all .3s;
}
.product-list li:hover .product-text i {
	background: #1da1eb;
}
.zoom-img{
	overflow: hidden;
}
.zoom-img img{
	transform:scale(1); transition:all .4s;  
	overflow: hidden;
}
.zoom-img:hover img{
	transform:scale(1.2); transition:all .4s;  
	overflow: hidden;
}
.product-list li .product-img p {
	margin: 10px 0 0;
}

@media(min-width:992px) {
.product-list li{
	width: 50%;
	transition: all .4s;
}
.product-list li:hover {
	position: relative;
	z-index: 4;
}
.product-list li:nth-of-type(1), .product-list li:nth-of-type(4), .product-list li:nth-of-type(5), .product-list li:nth-of-type(8), .product-list li:nth-of-type(9) {
	background: #f7f7f7;
}
.product-list li:nth-of-type(2), .product-list li:nth-of-type(3), .product-list li:nth-of-type(6), .product-list li:nth-of-type(7), .product-list li:nth-of-type(10) {
	background: #fff;
}
.product-list li{ margin-top: -1px; border-top:1px  solid #e0e0e0;border-bottom:1px  solid #e0e0e0;}
.product-list li:nth-of-type(odd){ border-right:1px  solid #e0e0e0;}
	
.product-list li:hover .product-text h3 {
	color: #1da1eb;
}
}
@media(min-width:1600px) {
.product-list li .product-text {
	width: 60%
}
.product-list li .product-img {
	width: 40%;
}
.product-list li .product-text h3 {
	margin: 0px;
	font-size: 30px;
}
.product-list li .product-text span {
	font-size: 14px;
}
.product-list li .product-text h4 {
	margin: 40px 0 10px;
	font-size: 22px;
}
.product-list li .product-text p {
	font-size: 16px;
}
}

@media(max-width:1600px) {
.product-list li a{
	padding: 4vh 5vw;
}
.product-list li .product-text {
	width: 60%
}
.product-list li .product-img {
	width: 40%;
}
.product-list li .product-text h3 {
	margin: 0px;
	font-size: 24px;
}
.product-list li .product-text span {
	font-size: 14px;
}
.product-list li .product-text h4 {
	margin: 30px 0 10px;
	font-size: 18px;
}
.product-list li .product-text p {
	font-size: 14px;
}
}

@media(max-width:992px) {
.product-list li a{
	flex-wrap: wrap;
	padding: 30px 3vw;
}
.product-list li:nth-of-type(Odd ) {
	background: #fff;
}
.product-list li:nth-of-type(even ) {
	background: #f7f7f7;
}
.product-list li .product-text {
	width: 60%;
	order: 2;
	padding-top: 30px;
	padding-left: 20px;
}
.product-list li .product-img {
	width: 40%;
	order: 1;
}
}

@media(max-width:768px) {
.product-list li .product-text {
	width: 100%;
	order: 1;
	padding-top: 30px;
	padding-left: 20px;
}
.product-list li .product-text h4, .product-list li .product-text p, .product-list li .product-text i {
	display: none;
}
.product-list li .product-img {
	width: 100%;
}
}

/*弹出框*/
#product-box .modal-dialog {
	margin: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#product-box .modal-header{
	position: relative;
	z-index: 1;
}
#product-box .modal-title{
	font-size: 22px;
	line-height: 24px;
}
#product-box .modal-header .close{
	position: absolute;
	z-index: 1;
	top:0px;
	left: 100%;
	width: 56px;
	height: 56px;
	padding: 15px;
	text-align: center;
	background: rgba(0,0,0,0.3);
	opacity: 1;
}
#product-box .modal-header .close svg{
	fill: #fff;
}
#product-box .modal-header .close:hover svg{
	fill: #ccc;
}

#product-box .modal-content {
	border-radius: 0px;
	border: none;
	width: 100%;
}
#product-box .modal-body {
	width: 100%;
	padding: 0px;
}
#product {
	padding: 30px;
	width: 100%;
	height: 60vh;
	border: none;
	overflow-y: auto;
}

@media (min-width: 992px) {
#product-box .modal-dialog {
	width: 800px;
}
}

@media (min-width: 1200px) {
#product-box .modal-dialog {
	width: 1000px;
}
}

@media (max-width: 768px) {
#product-box .modal-dialog {
	margin: 0px;
	width: 90%;
	left: 5%;
	top: 50%;
	transform: translate(0%, -50%);
}
#product-box .modal-header .close{
	position: absolute;
	z-index: 1;
	top:auto;
	bottom: 100%;
	left: auto;
	right: 0;
	width: 46px;
	height: 46px;
	padding: 10px;
}
#product-box .modal-body {
	width: 100%;
}
#product {
	padding: 15px;
}
}


/*视频弹出*/



/*科研列表*/
.research-list {
	margin-top: -60px;
	overflow: hidden;
}

@media(max-width:992px) {
.research-list {
	margin-top: -40px;
}
}

@media(max-width:768px) {
.research-list {
	margin-top: -30px;
}
}
.research-list li {
	position: relative;
	height: calc(100vh - 80px);
	overflow: hidden;
}
.research-list li .research-box {
	display: flex;
	align-items: center;
	width: 60%;
	height: 100%;
	padding: 0 7vw;
}
.research-list li:nth-of-type(Odd) .research-box {
	padding-right: 10vw;
	background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,1) 100%);
}
.research-list li:nth-of-type(even) .research-box {
	float: right;
	padding-left: 10%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,1) 100%);
}
.research-list li .research-box div {
	width: 100%;
}
.research-list li h4, .research-list li h3, .research-list li p {
	color: #333;
	line-height: 1.5em;
	margin: 0px;
}
.research-list li h4 {
	font-weight: bold;
}
.research-list li hr {
	border: none;
	border-top: 1px solid #1da1eb;
}
a.research-more {
	display: inline-block;
	padding: 0px 25px;
	margin-top: 5vh;
	font-size: 16px;
	line-height: 38px;
	color: #1da1eb;
	border: 1px solid #1da1eb;
	background: rgba(255,255,255,0.6);
	border-radius: 21px;
}
a.research-more:hover {
	color: #fff;
	border: 1px solid #1da1eb;
	background: #1da1eb;
}

@media(min-width:768px) {
.research-list li h4 {
	font-size: 24px;
}
.research-list li h3 {
	font-size: 24px;
}
.research-list li p {
	font-size: 18px;
}
.research-list li hr {
	margin: 20px 0 30px;
}
}

@media(min-width:992px) {
.research-list li h4 {
	font-size: 36px;
}
.research-list li h3 {
	font-size: 36px;
}
.research-list li p {
	font-size: 18px;
}
.research-list li hr {
	margin: 20px 0 40px;
}
}

@media(min-width:1200px) {
.research-list li h4 {
	font-size: 42px;
}
.research-list li h3 {
	font-size: 42px;
}
.research-list li p {
	font-size: 20px;
}
.research-list li hr {
	margin: 30px 0 50px;
}
}

@media(min-width:1600px) {
.research-list li h4 {
	font-size: 56px;
}
.research-list li h3 {
	font-size: 56px;
}
.research-list li p {
	font-size: 24px;
}
.research-list li hr {
	margin: 40px 0 70px;
}
}

@media(max-width:992px) {
a.research-more {
	padding: 0px 20px;
	margin-top: 5vh;
	font-size: 14px;
	line-height: 32px;
	color: #fff;
	border: 1px solid #1da1eb;
	background: #1da1eb;
	border-radius: 21px;
}
}

@media(max-width:768px) {
.research-list li {
	height: auto;
}
.research-list li .research-box {
	display: block;
	align-items: center;
	width: 80%;
	height: 100%;
	padding: 40px 30px;
}
.research-list li h4 {
	font-size: 18px;
}
.research-list li h3 {
	font-size: 18px;
}
.research-list li p {
	font-size: 15px;
}
.research-list li hr {
	margin: 20px 0 20px;
}
a.research-more {
	margin-top: 4vh;
	font-size: 12px;
	line-height: 32px;
}
}
/*科研团队*/
.team-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.team-list li {
	display: block;
	width: 33.33%;
	padding: 30px;
}
.team-list li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
	background: #f7f7f7;
	text-align: center;
	transition: all ease .4s;
}
.team-list li a .team-img {
	display: inline-block;
	width: 80%;
	max-width: 200px;
	margin: 5%;
	border-radius: 50%;
	overflow: hidden;
}
.team-list li a .team-img img {
	width: 100%;
}
.team-list li a strong {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	margin: 20px 0;
	color: #333;
	transition: all ease .4s;
}
.team-list li a p {
	padding: 0px 10%;
	font-size: 16px;
	line-height: 1.75em;
	color: #666;
	text-align: left;
}

@media(min-width:992px) {
.team-list li a {
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transform: translate(0%, 0%);
}
.team-list li a:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
	transform: translate(0%, -20px);
}
.team-list li a:hover strong {
	color: #1da1eb;
	transition: all ease .4s;
}
}

@media(max-width:1200px) {
.team-list li {
	display: block;
	width: 50%;
	padding: 20px;
}
}

@media(max-width:992px) {
.team-list li {
	padding: 15px;
}
.team-list li a p {
	padding: 0px 5%;
	font-size: 15px;
	line-height: 1.75em;
	color: #666;
	text-align: left;
}
}

@media(max-width:768px) {
.team-list li {
	width: 100%;
}
.team-list li a p {
	padding: 0px 5%;
	font-size: 15px;
	line-height: 1.75em;
	color: #666;
	text-align: left;
}
}
.team-box {
	display: flex;
	margin-bottom: 30px;
}
.team-box, .team-introduction {
	max-width: 1300px;
	margin: 0 auto 50px;
}
.team-box .team-l {
	width: 30%;
}
.team-box .team-l img {
	display: inline-block;
}
.team-box .team-r {
	width: 70%;
	padding-left: 5%;
}
.team-box .team-r strong {
	display: inline-block;
	margin: 30px 0;
	font-size: 24px;
}
.team-box .team-r p {
	font-size: 16px;
	line-height: 2em;
	color: #666;
}
.team-introduction p {
	font-size: 16px;
	line-height: 2em;
	color: #666;
}
/*信息图片*/
.info-bg {
	padding: 10vh 0px;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
.info-bg>div {
	width: 92%;
	max-width: 1200px;
	margin: auto;
	padding: 50px;
	background: rgba(255,255,255,0.6);
	font-size: 16px;
	line-height: 1.75em;
}
/*学术平台*/
.academic-list li {
	margin: 10vh 0;
}
.academic-list li a .academic-r strong {
	display: inline-block;
	width: 100%;
	color: #333;
	transition: all ease .4s;
}
.academic-list li a:hover .academic-r strong {
	color: #1da1eb;
}
.academic-list li a .academic-r p {
	color: #666;
}
.academic-list li a .academic-r span {
	color: #fff;
	background: #ccc;
	transition: all ease .4s;
}
.academic-list li a:hover .academic-r span {
	background: #1da1eb;
}
.academic-list li a:hover .academic-r span:hover {
	background: #f33142;
}

@media(min-width:768px) {
.academic-list li a {
	display: flex;
	height: 260px;
}
.academic-list li a .academic-l, .academic-list li a .academic-r {
	position: relative;
	width: 50%;
	overflow: hidden;
}
.academic-list li:nth-of-type(Odd) a .academic-l, .academic-list li:nth-of-type(even) a .academic-r {
	order: 1;
	margin-right: 20px;
}
.academic-list li:nth-of-type(even) a .academic-l, .academic-list li:nth-of-type(Odd) a .academic-r {
	order: 2;
	margin-left: 20px;
}
.academic-list li a .academic-l>div {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	transition: all ease .4s;
}
.academic-list li a:hover .academic-l>div {
	transform: scale(1.1);
	transition: all ease .4s;
}
.academic-list li a .academic-r strong {
	display: inline-block;
	width: 100%;
	margin: 15px 0;
	font-size: 18px;
	color: #1da1eb;
}
.academic-list li a .academic-r p {
	font-size: 14px;
	line-height: 24px;
	height: 96px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.academic-list li a .academic-r span {
	position: absolute;
	z-index: 2;
	left: 0;
	right: auto;
	bottom: 10%;
	display: inline-block;
	padding: 0 20px;
	font-size: 14px;
	line-height: 36px;
	background: #1da1eb;
}
}

@media(min-width:992px) {
.academic-list li a {
	height: 320px;
}
.academic-list li a .academic-r strong {
	color: #333;
}
.academic-list li a:hover .academic-r strong {
	color: #1da1eb;
}
.academic-list li a .academic-r p {
	font-size: 16px;
	line-height: 30px;
	height: 120px;
	color: #666;
}
.academic-list li a .academic-r span {
	position: absolute;
	z-index: 2;
	left: auto;
	right: 15px;
	bottom: 10%;
	display: inline-block;
	padding: 0 25px;
	font-size: 14px;
	line-height: 38px;
	background: #ccc;
}
}

@media(min-width:1200px) {
.academic-list li a {
	height: 400px;
}
.academic-list li:nth-of-type(Odd) a .academic-l, .academic-list li:nth-of-type(even) a .academic-r {
	margin-left: 30px;
}
.academic-list li:nth-of-type(even) a .academic-l, .academic-list li:nth-of-type(Odd) a .academic-r {
	margin-left: 30px;
}
.academic-list li a .academic-r strong {
	margin: 15px 0;
	font-size: 24px;
}
.academic-list li a .academic-r p {
	font-size: 18px;
	line-height: 36px;
	height: 144px;
	color: #666;
}
.academic-list li a .academic-r span {
	position: absolute;
	z-index: 2;
	left: auto;
	right: 15px;
	bottom: 10%;
	padding: 0 30px;
	font-size: 16px;
	line-height: 42px;
}
}

@media(max-width:768px) {
.academic-list li {
	margin: 5vh 0;
}
.academic-list li a .academic-l {
	position: relative;
	width: 100%;
	height: 0px;
	padding-bottom: 60%;
}
.academic-list li a .academic-l>div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.academic-list li a .academic-r strong {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	margin: 25px 0 15px;
	color: #1da1eb;
}
.academic-list li a .academic-r p {
	font-size: 14px;
	line-height: 24px;
	max-height: 96px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.academic-list li a .academic-r span {

	display: none;
}
}
/*产品备研*/
.research-product ul {
	margin-bottom: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.research-product ul ol {
	width: 100%;
	padding: 10px 0px;
	margin-bottom: 40px;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	border-bottom: 1px solid #1da1eb;
}
.research-product ul ol span {
	display: inline-block;
	float: left;
	margin-right: 15px;
	font-size: 36px;
	line-height: inherit;
	color: #1da1eb;
	font-weight: normal;
}
.research-product ul li {
	display: block;
	width: 22%;
	font-size: 20px;
	color: #999;
}
.research-product ul li dl {
	text-align: right;
}
.research-product ul li dl dt {
	margin-bottom: 30px;
	font-size: 22px;
	line-height: 30px;
	color: #333;
	font-weight: normal;
}
.research-product ul li dl dt span {
	display: inline-block;
	float: right;
	margin-left: 10px;
	font-size: 28px;
	color: #999;
}
.research-product ul li dl dt p {
	clear: both;
	margin: 10px 0;
	width: 100%;
	font-size: 30px;
	color: #1da1eb;
	font-weight: bold;
}
.research-product ul li dl dd {
	margin: 10px 0;
	font-size: 20px;
	color: #999;
}

@media(max-width:1200px) {
.research-product ul li {
	width: 25%;
	font-size: 18px;
}
.research-product ul li dl dt {
	margin-bottom: 20px;
}
.research-product ul li dl dd {
	font-size: 18px;
}
}

@media(max-width:992px) {
.research-product ul ol {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 30px;
}
.research-product ul ol span {
	margin-right: 10px;
	font-size: 30px;
}
.research-product ul li {
	width: 25%;
	font-size: 18px;
}
.research-product ul li dl dt {
	font-size: 18px;
	line-height: 24px;
}
.research-product ul li dl dt span {
	font-size: 24px;
}
.research-product ul li dl dt p {
	font-size: 24px;
}
.research-product ul li dl dd {
	font-size: 16px;
}
}

@media(max-width:768px) {
.research-product ul li {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 18px;
	text-align: left;
	border-bottom: 1px dashed #ebebeb;
}
.research-product ul li dl {
	text-align: left;
}
.research-product ul li dl dt span {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}
}
/*新闻列表*/
.news-list li {
	position: relative;
	display: flex;
	margin: 50px 0;
	border: 20px solid #fff;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transition: all ease .4s;
}
.news-list li:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
.news-list li .news-img {
	width: 50%;
	margin-right: 20px;
}
.news-list li .news-img a {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 60%;
	overflow: hidden;
}
.news-list li .news-img a div {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	padding-bottom: 60%;
	background-position: center;
	background-size: cover;
	transform: scale(1.1);
	transition: all ease .5s;
	overflow: hidden;
}
.news-list li:hover .news-img a div {
	transform: scale(1);
}
.news-list li .news-text {
	position: relative;
	width: 50%;
	margin-left: 20px;
	padding-right: 20px;
}
.news-list li .news-text .news-title {
	display: block;
	width: 100%;
	margin: 20px 0px;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.news-list li .news-text .news-title:hover {
	color: #1da1eb;
}
.news-list li .news-text .news-title span {
	display: inline-block;
	vertical-align: text-bottom;
	padding: 0px 15px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	background: #f33142;
}
.news-list li .news-text>p {
	font-size: 16px;
	line-height: 32px;
	height: 128px;
	color: #666;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-list li .news-text .news-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px solid #ebebeb;
}
.news-list li .news-text .news-bottom p {
	margin: 25px 0px;
	font-size: 16px;
	line-height: 20px;
	color: #999;
}
.news-list li .news-text .news-bottom span {
	display: inline-block;
	margin-right: 6px;
	margin-left: 30px;
	font-size: 18px;
	line-height: 20px;
}
.news-list li .news-text .news-bottom span:first-child {
	margin-left: 0px;
}

@media(max-width:992px) {
.news-list li {
	border: 10px solid #fff;
}
.news-list li .news-text .news-title {
	margin: 10px 0px 15px;
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.news-list li .news-text>p {
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	color: #666;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-list li .news-text .news-bottom {
	position: static;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px solid #ebebeb;
}
.news-list li .news-text .news-bottom p {
	margin: 10px 0px;
	font-size: 12px;
	line-height: 20px;
	color: #999;
}
.news-list li .news-text .news-bottom p span {
	font-size: 16px;
}
}

@media(max-width:768px) {
.news-list li {
	display: block;
	margin: 15px 0;
}
.news-list li .news-img {
	width: 100%;
}
.news-list li .news-text {
	width: 100%;
	margin: 20px 0 0px;
	padding: 0px;
}
}
/*新闻中心*/
.news-center {
	width: 96%;
	max-width: 1200px;
	padding: 40px;
	margin: auto;
	font-size: 15px;
	line-height: 1.75em;
	background: #f7f7f7;
}
.news-haed {
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 40px;
	text-align: center;
}
.news-haed h2 {
	font-size: 24px;
}
.new-page {
	padding: 20px 0px;
	margin: 40px auto 0px;
	font-size: 0px;
	text-align: center;
	border-top: 1px solid #d1d1d1;
}
.new-page a {
	display: inline-block;
	padding: 0px 15px;
	font-size: 14px;
	line-height: 20px;
	color: #808080;
	transition: all ease .3s;
}
.new-page a:hover {
	color: #1da1eb;
}
a.return {
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
}

@media(max-width:768px) {
.news-center {
	padding: 20px;
}
}
/*加盟*/
.cooperation li {
	display: flex;
	padding: 10px 0px;
	margin: 25px 0;
	background: #f7f7f7;
	transition: all .3s;
}
.cooperation li:hover {
	background: #00a0e9;
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.cooperation li .cooperation-text {
	width: 80%;
	padding-left: 40px;
	color: #4d4d4d;
	transition: all .3s;
}
.cooperation li:hover .cooperation-text {
	color: #fff;
}
.cooperation li .cooperation-text h2 {
	font-size: 24px;
	color: inherit;
}
.cooperation li .cooperation-text p {
	font-size: 18px;
	line-height: 1.75em;
	color: inherit;
}
.cooperation li .cooperation-link {
	width: 20%;
	padding-top: 30px;
	text-align: center;
}
.cooperation li .cooperation-link a {
	display: inline-block;
	padding: 0px 25px;
	font-size: 16px;
	line-height: 36px;
	color: #333;
	background: #fff;
	border-radius: 18px;
	transition: all .3s;
}
.cooperation li .cooperation-link a:hover {
	color: #fff;
	background: #1da1eb;
}

@media(max-width:992px) {
.cooperation li {
	display: block;
}
.cooperation li:hover {
	background: #f7f7f7;
}
.cooperation li .cooperation-text {
	width: 100%;
	padding: 10px 30px;
}
.cooperation li:hover .cooperation-text {
	color: #4d4d4d;
}
.cooperation li .cooperation-link {
	width: 100%;
	padding: 15px 30px;
	text-align: left;
}
.cooperation li .cooperation-link a {
	color: #fff;
	background: #1da1eb;
}
}

/*jiameng */
.joins li{
	display: block;
	overflow: hidden;
	padding: 40px 0px;
	border-bottom: 1px solid #ebebeb;
}
.joins li>img{
	float: left;
	width: 30%;
}
.joins li>div{
	float: right;
	width: 70%;
	padding-left: 4%;
}
.joins li>div>h3{
	position: relative;
	z-index: 1;
	margin: 20px 0;
	font-size: 24px;
	color: #333;
}
.joins li>div>h3>span{
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 0px;
	font-size: 42px;
	line-height: 0.9em;
	text-transform:Uppercase;
	font-weight: bold;
	color: #ebebeb;
}
.joins li>div p{
	font-size: 15px;
	line-height: 30px;
	color: #666;
}
.joins li>div hr{
	margin: 15px 0 25px;
	border:nonr;
	border-top:1px dashed #ebebeb;
}
.joins li>div a.joins-onlink{
	display: inline-block;
	padding: 0px 25px;
	font-size: 15px;
	line-height: 34px;
	color: #fff;
	border-radius: 18px;
	background: #1da1eb;
	transition:all .3s; 
}
.joins li>div a.joins-onlink:hover{
	background: #f33142;
}
@media(max-width:1200px) {
.joins li>div>h3{
	margin: 10px 0 15px;
	font-size: 22px;
}
.joins li>div>h3>span{
	font-size: 36px;
}
.joins li>div p{
	font-size: 14px;
	line-height: 24px;
}
.joins li>div hr{
	margin: 15px 0 25px;
	border:nonr;
	border-top:1px dashed #ebebeb;
}
.joins li>div a.joins-onlink{
	display: inline-block;
	padding: 0px 25px;
	font-size: 15px;
	line-height: 34px;
	color: #fff;
	border-radius: 18px;
	background: #1da1eb;
	transition:all .3s; 
}
.joins li>div a.joins-onlink:hover{
	background: #f33142;
}
}
@media(max-width:768px) {
.joins li>img{
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.joins li>div{
	float: none;
	width: 100%;
	padding: 0px;
}
}


/*加入我们*/
#join {
	width: 96%;
	max-width: 1200px;
	margin: auto;
}
#join .panel {
	position: relative;
	margin: 25px 0px;
	border: none;
	box-shadow: none;
	background: none;
}
#join .panel.show {
	background: #f4f4f4;
}
#join .panel .panel-heading {
	margin: auto;
	padding: 0px;
	border: none;
	background: none;
}
#join .panel .panel-heading a {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	padding: 15px 120px 15px 40px;
	font-size: 18px;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	transition: all .3s;
}
#join .panel .panel-heading a.accordion-toggle {
	color: #fff;
	background: #1da1eb;
	transition: all .3s;
}
#join .panel .panel-heading a.accordion-toggle.collapsed {
	color: #333333;
	background: #f2f2f2;
}
#join .panel .panel-heading a h3 {
	margin: 10px 0;
}
#join .panel .panel-heading a.accordion-toggle:after {
	content: "收起";
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 40px;
	margin-top: -18px;
	display: inline-block;
	padding: 0px 30px;
	font-size: 15px;
	line-height: 36px;
	color: #1da1eb;
	background-color: #fff;
	border-radius: 18px;
	transition: all .3s;
}
#join .panel .panel-heading a.accordion-toggle.collapsed:after {
	content: "展开";
	color: #333;
	background-color: #fff;
	border-radius: 15px;
	transition: all .3s;
}
#join p {
	font-size: 15px;
	line-height: 1.75em;
	color: #666;
}
#join .panel-collapse {
	background: #f7f7f7;
	transition: all .3s;
}
#join .panel-body {
	padding: 40px;
	border: none;
	background: url(../images/join-bg.png) bottom no-repeat;
	background-size: 100% auto;
}
#join .panel-body hr {
	margin: 25px 0px;
	border-color: #e0e0e0;
}
#join .panel-body a.join-link {
	display: inline-block;
	padding: 0px 25px;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
	background: #1da1eb;
	border-radius: 30px;
	transition: all .3s;
}
#join .panel-body a.join-link:hover {
	background: #e1b418;
}
#join .panel-body a.join-link span {
	display: inline-block;
	margin-left: 15px;
	font-size: 18px;
	transition: all .3s;
}
#join .panel-body a.join-link:hover span {
	margin-left: 25px;
}

@media(min-width:768px) {
#join .panel-body .row>div:first-child {
	padding-right: 25px;
}
#join .panel-body .row>div:last-child {
	padding-left: 25px;
}
}

@media(max-width:992px) {
#join .panel .panel-heading a {
	padding: 12px 120px 12px 30px;
	font-size: 16px;
	line-height: 20px;
}
#join .panel .panel-heading a h3 {
	font-size: 22px;
}
#join .panel-body {
	padding: 30px;
}
}

@media(max-width:768px) {
#join .panel-body .row>div {
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 1px solid #e0e0e0;
}
}
/*联系*/
.contact {
	margin: 0 0 80px;
}
.contact-text {
	max-width: 800px;
	margin: auto;
}
.contact-text p {
	position: relative;
	padding-left: 120px;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
}
.contact-text p i {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	font-size: 30px;
	color: #1da1eb;
}
.contact-text p strong {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 60px;
	display: inline-block;
	margin-right: 20px;
}

@media(max-width:992px) {
.contact {
	margin: 0 0 60px;
}
.contact-text p {
	padding-left: 80px;
	font-size: 16px;
	line-height: 24px;
}
.contact-text p i {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	font-size: 24px;
	color: #1da1eb;
}
.contact-text p strong {
	left: 40px;
	margin-right: 15px;
}
}
/*地图*/
#map-canvas {
	position: relative;
	z-index: 1;
	height: 400px;
	width: 100%;
	margin: 0px 0 50px;
	padding: 0px;
}
#map-canvas #bt{
	position: absolute;
	z-index: 3;
	right: 0;
	top:20px;
	display: inline-block;
	padding: 0px 16px;
	background: #0199f1;
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	border-radius: 6px 0 0 6px;
}
@media(min-width:992px) {
	#map-canvas #bt{
		display: none;
	}
}
.content-window-card {
	position: relative;
	box-shadow: none;
	bottom: 0;
	left: 0;
	width: auto;
	padding: 0;
}
.content-window-card p {
	height: 2rem;
}
.custom-info {
	border: solid 1px silver;
}
div.info-top {
	display: none;
	position: relative;
	background: none repeat scroll 0 0 #fff;
	border-radius: 5px 5px 0 0;
}
div.info-top div {
	display: inline-block;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	padding: 0 10px;
}
div.info-top img {
	position: absolute;
	top: 10px;
	right: 10px;
	transition-duration: 0.25s;
}
div.info-top img:hover {
	box-shadow: 0px 0px 5px #000;
}
div.info-middle {
	min-width: 120px;
	font-size: 14px;
	padding: 10px 20px;
	line-height: 20px;
	overflow: hidden;
}
div.info-bottom {
	height: 0px;
	width: 100%;
	clear: both;
	text-align: center;
}
div.info-bottom img {
	position: relative;
	z-index: 104;
}
div.info-bottom span {
	margin-left: 5px;
	font-size: 11px;
}
.info-middle img {
	float: left;
	max-width: 120px !important;
}
/**/



/*后台翻页按钮*/
.hbcord{
	margin-top: 30px;
}
.hbcord li{
	padding: 0px;
	margin: 15px 3px;
}
.hbcord li a,.hbcord li span{
	display: inline-block;
	padding: 8px 12px;
	font-size: 15px;
	line-height: 20px;
}
@media (min-width: 768px) {
	.col-sm-38 {
        width: 20%;
    }
}
.xf-page{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:39.7px 0 0px; text-transform:uppercase;clear: both;}
.xf-page ul {display: block; display: flex; align-items: center; justify-content: center;}
.xf-page ul li {display: inline-block;width: auto; border-radius: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; border: none; overflow: hidden; background: none;}

.xf-page .pagination{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:auto; padding-top:20px;}
.xf-page .pagination a,.xf-page .pagination span{display:inline-block; padding:0 20px;line-height:36px;font-size:14px;margin:0 5px;color: #666;background: #fff;-webkit-transition:0.5s;transition:0.5s;}
.xf-page .pagination span.current,.xf-page .pagination a:hover,.xf-page li.active span{color:#fff; border-color:rgb(11, 100, 176); background:rgb(11, 100, 176);}