* {
	box-sizing: border-box;
	outline: 0
}
body {
	color: #555;
	line-height: 24px;
	font-size: 14px;
	font-weight: lighter;
	font-family: "Microsoft YaHei", "arial"
}
a {
	color: #444;
	outline: none;
	text-decoration: none;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}
a:hover {
	color: #0c4270
}
textarea {
	-webkit-appearance: none
}
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
	margin: 0;
	padding: 0
}
ol, ul {
	list-style: none
}
img {
	border: 0;
	max-width: 100%;
	vertical-align: top
}
table {
	border-collapse: collapse;
	width: 100%
}
input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
	cursor: pointer;
	outline: none
}
input[type='checkbox'], input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}
textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'], input[type='button'] {
	padding: 0;
	color: #666;
	margin: 0;
	outline: none
}
.vcenter {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	vertical-align: middle
}
.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}
.container {
	width: 1258px;
	margin: 0 auto;
	position: relative
}
@media (max-width:1260px) {
.container {
	width: 100%;
	padding: 0 15px
}
}
.header {
	background: #0c4270
}
.header .top {
	padding: 10px 0;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid #235c8c
}
.header .top a {
	color: #ef801a
}
.header .tel img {
	max-height: 25px;
	margin-right: 5px
}
.header .logo {
	float: left;
	padding-top: 5px
}
.header .logo img {
	max-height: 50px
}
.header .right {
	float: right;
	text-align: right
}
.header .nav {
	float: left
}
.header .nav li {
	float: left;
	margin-left: 5px;
	line-height: 60px;
	position: relative
}
.header .nav li>a {
	color: #fff;
	padding: 0 35px;
	display: block;
	font-size: 16px
}
.header .nav li a:hover {
	color: #fff;
	background: #ef801a
}
.header .nav .subnav {
	top: 60px;
	left: 0;
	z-index: 9;
	display: none;
	width: 100%;
	padding-top: 10px;
	background: #ef801a;
	padding-bottom: 10px;
	position: absolute
}
.header .nav .subnav a {
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	display: block;
	text-align: left;
	margin: 0;
	text-align: center;
	padding: 3px 10px
}
.header .nav .subnav a:hover {
	color: #333;
	background: #fff
}
.header .nav li:hover>a {
	color: #fff;
	background: #ef801a
}
.header .nav .active>a {
	color: #fff;
	background: #ef801a
}
.header .nav li:hover .subnav {
	display: block
}
.header .search {
	padding-top: 15px;
	display: inline-block;
	position: relative
}
.header .search img {
	max-height: 30px
}
.header .searchbox {
	right: 10px;
	bottom: -102px;
	z-index: 99;
	display: none;
	position: absolute
}
.header .searchbox input {
	width: 230px;
	font-size: 14px;
	color: #666;
	background: rgba(255,255,255,0.7);
	border: 0;
	padding: 7px 40px 7px 15px;
	background: #fff;
	font-family: "微软雅黑"
}
.header .searchbox .btn img {
	margin-left: -30px;
	max-height: 20px;
	margin-top: 8px
}
@media (max-width:1200px) {
.header {
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 99;
	border-bottom: solid 2px #0c4270;
	background: #0c4270;
	position: fixed
}
.header .logo {
	padding-left: 15px;
	padding-top: 0;
	margin-top: 5px
}
.header .logo img {
	max-height: 40px
}
.header .right {
	display: none
}
.header .nav {
	display: none
}
.header .top {
	display: none
}
}
.phone-nav {
	right: 10px;
	top: 7px;
	position: absolute;
	width: 78px;
	height: 87px;
	display: none;
	background: url("../images/menu.png") no-repeat center;
	background-size: 40px 36px;
	margin: 0 0 0 5px
}
@media (max-width:1260px) {
.phone-nav {
	display: block
}
}
@media (max-width:1260px) {
.phone-nav {
	height: 50px;
	width: 50px
}
}
.phone-nav {
	right: 10px;
	top: 7px;
	position: absolute;
	width: 35px;
	height: 35px;
	display: none;
	background: url("../images/menu.png") no-repeat center #0c4270;
	background-size: 30px 26px;
	margin: 0 0 0 5px
}
@media (max-width:1260px) {
.phone-nav {
	display: block
}
}
.phone-subnav {
	width: 100%;
	position: fixed;
	left: 0;
	height: 100%;
	top: 0;
	background: rgba(255,255,255,0.98);
	z-index: 99999;
	margin: 0 auto;
	display: none
}
.phone-subnav .close {
	padding: 20px 40px;
	display: block
}
.phone-subnav .close img {
	max-height: 40px
}
.phone-subnav ul {
	height: 90%;
	overflow-y: scroll;
	margin: 0 30px
}
@media (max-width:360px) {
.phone-subnav ul {
	height: 410px
}
}
.phone-subnav ul li {
	position: relative;
	border-top: 1px solid #dadada
}
.phone-subnav ul li i {
	position: absolute;
	right: 10px;
	top: 5px;
	text-align: center;
	line-height: 30px;
	display: block;
	border-radius: 100%;
	font-style: inherit;
	cursor: pointer
}
.phone-subnav ul li i:after {
	content: "+";
	color: #666;
	font-size: 24px;
	cursor: pointer;
	text-align: center
}
.phone-subnav ul li .menu {
	color: #333;
	font-size: 16px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 40px 0 20px;
	display: block;
	cursor: pointer;
	text-align: left;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.05)
}
.phone-subnav ul li .menu>a {
	display: block;
	color: #333
}
.phone-subnav ul li .menu02>a {
	color: #0c4270
}
.phone-subnav ul li .menu03 {
	display: block;
	padding: 10px 0
}
.phone-subnav ul li .menu03 a {
	color: #888;
	font-size: 13px;
	line-height: 20px;
	padding-top: 0
}
.phone-subnav ul li div {
	display: none;
	padding-bottom: 15px
}
.phone-subnav ul li div a {
	color: #666;
	line-height: 20px;
	padding: 5px 10px 5px 20px;
	display: block;
	height: auto;
	font-weight: 100;
	position: relative
}
.phone-subnav ul li div em {
	display: block;
	font-style: inherit
}
.phone-subnav ul li div em>a {
	color: #666;
	font-size: 12px;
	display: block;
	padding: 5px 5px 5px 48px;
	line-height: 18px
}
.phone-subnav ul .active i:after {
	content: "-"
}
.footer {
	padding-top: 70px;
	background: #111523
}
.footer .copy {
	padding: 30px 0;
	color: #bababa;
	text-align: center;
	border-top: solid 1px #191d2e
}
.footer .copy a {
	padding-left: 10px;
	color: #bababa
}
.footer .copy a:hover {
	color: #fff
}
@media (max-width:1200px) {
.footer {
	padding-top: 0
}
.footer .copy {
	border-top: 0;
	padding: 15px 0
}
}
.footer-nav {
	padding-bottom: 100px
}
.footer-nav li {
	float: left;
	width: 15%;
	padding-right: 15px;
	line-height: 26px
}
.footer-nav li h3 {
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px
}
.footer-nav li a {
	color: #bababa;
	display: block
}
.footer-nav li a:hover {
	color: #fff s
}
.footer-nav .contact {
	float: right;
	width: 20%;
	color: #fff;
	padding-left: 65px;
	position: relative;
	padding-right: 0
}
.footer-nav .contact img {
	top: 0;
	left: 0;
	position: absolute
}
.footer-nav .contact h3 {
	margin-bottom: 0
}
.footer-nav .contact .tel {
	font-size: 25px;
	margin-bottom: 20px;
	font-family: arial
}
.footer-nav .contact .tel a {
	color: #fff
}
.footer-nav .contact .service {
	color: #fff;
	margin-top: 5px;
	text-align: center;
	background: #0c4270
}
@media (max-width:1370px) {
.footer-nav .contact {
	padding-left: 60px
}
.footer-nav .contact img {
	left: 0
}
}
@media (max-width:1200px) {
.footer-nav {
	display: none
}
}
.banner {
	width: 100%;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center
}
@media (max-width:1200px) {
.banner {
	margin-top: 50px
}
}
.banner .pic {
	width: 100%;
	overflow: hidden
}
.banner .slick-dots li button {
	cursor: pointer;
	margin: 0 5px;
	vertical-align: top;
	border-radius: 0;
	width: 28px;
	height: 14px;
	border-radius: 10px;
	background: none;
	background: #000;
	-webkit-transition: all .6s ease-out;
	transition: all .6s ease-out;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center
}
@media (max-width:1200px) {
.banner .slick-dots li button {
	height: 6px
}
}
.banner .slick-dots li.slick-active button {
	background: #ef801a
}
.banner .slick-dots {
	bottom: 30px
}
@media (max-width:1200px) {
.banner .slick-dots {
	bottom: 15px
}
}
.index-about {
	height: 155px;
	color: #fff;
	position: relative;
	background: url(../images/index-bg.png) repeat-y top center
}
.index-about .leftbox {
	width: 30%;
	float: left;
	padding-top: 25px
}
.index-about .leftbox h3 {
	font-size: 40px;
	line-height: 40px;
	padding-bottom: 15px;
	position: relative;
	font-weight: normal
}
.index-about .leftbox h3:before {
	width: 54px;
	height: 2px;
	content: "";
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0
}
.index-about .leftbox p {
	line-height: 18px;
	padding: 15px 40px 0 0
}
.index-about .rightbox {
	width: 70%;
	float: left;
	padding-left: 60px;
	padding-top: 36px
}
.index-about .rightbox li {
	width: 25%;
	float: left;
	text-align: left
}
.index-about .rightbox li .number span {
	font-size: 50px;
	line-height: 50px;
	font-family: 'DIN Condensed Bold'
}
.index-about .rightbox li .number em {
	vertical-align: top;
	font-style: normal;
	font-size: 30px;
	font-weight: bold;
	margin-top: 25px;
	display: inline-block
}
@media (max-width:1200px) {
.index-about .leftbox {
	min-height: 155px;
	background: #0c4270
}
.index-about .leftbox h3 {
	font-size: 20px;
	line-height: 30px
}
.index-about .rightbox li .number span {
	font-size: 30px
}
.index-about .rightbox li .number i {
	font-size: 16px;
	margin-top: 10px
}
}
@media (max-width:1000px) {
.index-about {
	display: none
}
}
.index-title {
	text-align: center
}
.index-title .t1 {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px
}
@media (max-width:1023px) {
.index-title .t1 {
	font-size: 20px
}
}
.index-recommended {
	padding-bottom: 60px
}
@media (max-width:1023px) {
.index-recommended {
	padding-bottom: 20px
}
}
.index-recommended ul {
	padding: 0 50px 0 50px
}
.index-recommended ul li {
	width: 50%;
	float: left;
	padding: 20px 15px
}
.index-recommended ul li a {
	display: block;
	position: relative
}
.index-recommended ul li .item {
	position: relative
}
.index-recommended ul li .item .pic {
	overflow: hidden;
	position: relative
}
.index-recommended ul li .item .pic:after {
	content: "";
	display: block;
	padding-bottom: 60.4%
}
.index-recommended ul li .item .pic img {
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center
}
.index-recommended ul li .item .tit {
	width: 100%;
	bottom: 0;
	left: 0;
	height: 55px;
	color: #fff;
	line-height: 55px;
	background: #333;
	overflow: hidden;
	position: absolute;
	padding: 0 30px;
	background: rgba(0,0,0,0.7)
}
.index-recommended ul li .item .cn {
	font-weight: bold;
	font-size: 18px;
	padding-right: 20px
}
.index-recommended ul li .item .en {
	font-family: arial;
	font-size: 16px
}
.index-recommended ul li .item-hover {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	opacity: 0;
	text-align: center;
	position: absolute;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
	background: #0c4270;
	background: rgba(239,128,26,0.9)
}
.index-recommended ul li .item-hover .box {
	left: 0;
	bottom: 0;
	width: 100%;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
	text-align: center;
	position: absolute
}
.index-recommended ul li .item-hover .cn {
	font-weight: bold;
	font-size: 24px;
	overflow: hidden
}
.index-recommended ul li .item-hover .en {
	font-size: 16px;
	height: 24px;
	overflow: hidden;
	font-family: arial
}
.index-recommended ul li .item-hover .txt {
	font-size: 16px;
	padding: 0 100px;
	height: 48px;
	overflow: hidden;
	margin: 20px 0 30px 0
}
.index-recommended ul li .item-hover .arrow {
	width: 43px;
	height: 43px;
	position: relative;
	display: inline-block;
	border-radius: 100%;
	background: #fff
}
.index-recommended ul li .item-hover .arrow:before, .index-recommended ul li .item-hover .arrow:after {
	content: "";
	left: 50%;
	top: 50%;
	position: absolute;
	background: #0c4270
}
.index-recommended ul li .item-hover .arrow:before {
	width: 16px;
	height: 2px;
	margin-top: -1px;
	margin-left: -8px
}
.index-recommended ul li .item-hover .arrow:after {
	width: 2px;
	height: 16px;
	margin-top: -8px;
	margin-left: -1px
}
.index-recommended ul li:hover .item .tit {
	opacity: 0
}
.index-recommended ul li:hover .item .pic img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.index-recommended ul li:hover .item-hover {
	opacity: 1
}
.index-recommended ul li:hover .item-hover .box {
	bottom: 50px
}
@media (max-width:1024px) {
.index-recommended ul {
	padding: 0 15px
}
.index-recommended ul li {
	padding: 15px
}
}
@media (max-width:555px) {
.index-recommended ul {
	padding: 0
}
.index-recommended ul li {
	padding: 10px;
	width: 100%
}
.index-recommended ul li .item .tit {
	height: 40px;
	line-height: 40px;
	padding: 0 10px
}
.index-recommended ul li .item .cn {
	font-size: 14px
}
.index-recommended ul li .item .en {
	font-size: 12px
}
.index-recommended ul li .item-hover {
	display: none
}
.index-recommended ul li:hover .item .tit {
	opacity: 1
}
}
.index-institute {
	padding: 0 0 70px 0;
	background: #0c4270
}
.index-institute .index-title {
	color: #fff
}
.index-institute .index-title .t1 {
	color: #fff
}
.index-institute .leftbox, .index-institute .rightbox {
	margin-top: 70px
}
.index-institute .leftbox {
	color: #fff;
	width: 47%;
	float: left;
	padding-top: 10px;
	line-height: 30px
}
.index-institute .rightbox {
	width: 45%;
	float: right
}
.index-institute .more {
	color: #fff;
	padding: 5px 30px;
	margin-top: 30px;
	display: inline-block;
	background: #ef801a
}
.index-institute .more:hover {
	color: #0c4270;
	background: #fff
}
@media (max-width:767px) {
.index-institute {
	padding-bottom: 15px
}
.index-institute .leftbox {
	width: 100%;
	float: none;
	margin-top: 20px
}
.index-institute .rightbox {
	width: 100%;
	float: none;
	margin-top: 20px
}
}
.index-news {
	padding: 10px 0 70px 0;
	background: #e3e3e3
}
.index-news ul {
	margin-top: 30px;
	margin-left: -10px;
	margin-right: -10px
}
@media (max-width:1280px) {
.index-news ul {
	margin-left: 0;
	margin-right: 0
}
}
.index-news li {
	float: left;
	width: 33.333%;
	padding: 0 10px
}
.index-news li .pic {
	overflow: hidden;
	position: relative
}
.index-news li .pic:after {
	content: "";
	display: block;
	padding-bottom: 50%
}
.index-news li .pic:before {
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	background: rgba(0,0,0,0.2)
}
.index-news li .pic img {
	-webkit-transition: all 600ms ease-in;
	transition: all 600ms ease-in
}
.index-news li .tit {
	height: 24px;
	color: #000;
	margin-top: 30px;
	font-size: 16px;
	margin-bottom: 10px;
	overflow: hidden
}
.index-news li .txt {
	height: 48px;
	color: #666;
	overflow: hidden;
	margin-bottom: 15px
}
.index-news li time {
	color: #999;
	font-size: 12px;
	font-family: arial
}
.index-news li:hover .pic:before {
	opacity: 1
}
.index-news li:hover .pic img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
@media (max-width:1200px) {
.index-news {
	padding-bottom: 30px
}
}
@media (max-width:767px) {
.index-news {
	padding-top: 0
}
}
@media (max-width:540px) {
.index-news ul {
	margin-top: 0
}
.index-news li {
	width: 100%;
	padding: 0;
	margin-top: 15px
}
}
.inside-banner {
	position: relative;
	text-align: center
}
@media (max-width:1200px) {
.inside-banner {
	margin-top: 50px
}
}
.inside-news {
	padding-top: 0;
	padding-bottom: 0;
	background: #fff
}
.inside-news li {
	margin-bottom: 50px
}
@media (max-width:1000px) {
.inside-news li {
	margin-bottom: 15px
}
}
.inside-news-show {
	color: #333;
	font-size: 16px;
	padding: 60px 0
}
.inside-news-show .box {
	line-height: 30px
}
.inside-news-show .font24 {
	font-size: 24px;
	line-height: 30px;
	color: #333
}
.inside-news-show h1 {
	color: #333;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	font-weight: normal
}
.inside-news-show .info {
	color: #999;
	text-align: center;
	font-size: 16px;
	margin-bottom: 40px;
	padding: 20px 0 40px 0;
	border-bottom: solid 1px #e0e0e0
}
.inside-news-show .inside-news {
	margin-top: 80px;
	padding-bottom: 0
}
.inside-news-show .inside-news .tablist {
	padding-top: 0;
	border-bottom: 0
}
.inside-news-show .inside-news .tablist li {
	padding-bottom: 0;
	margin-top: 25px
}
@media (max-width:1280px) {
.inside-news-show {
	padding: 40px 0;
	font-size: 14px;
	line-height: 20px
}
.inside-news-show .inside-news {
	margin-top: 40px
}
.inside-news-show .font24 {
	font-size: 18px;
	line-height: 24px
}
.inside-news-show h1 {
	font-size: 18px;
	line-height: 24px
}
.inside-news-show .info {
	padding: 10px 0;
	font-size: 14px;
	margin-bottom: 30px
}
}
.inside-list-page {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	margin-top: 40px;
	border-bottom: solid 2px #6d6d6d
}
.inside-list-page li {
	width: 50%;
	float: left;
	height: 50px;
	overflow: hidden;
	padding-right: 30px;
	padding-left: 30px;

}
.inside-list-page li:first-child {
	border-left: 0;
	padding-left: 0
}
.inside-list-page li:last-child {
	padding-right: 0;
	text-align: right
}
@media (max-width:767px) {
.inside-list-page {
	height:auto;
	line-height: 40px;
	margin-top: 30px
}
.inside-list-page li:last-child{ padding-left:0 !important; text-align:left;}
.inside-list-page li {
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	width: 100%
}
}
.inside-infobox {
	background: #ef801a
}
.inside-current {
	width: 30%;
	float: left;
	height: 48px;
	color: #fff;
	overflow: hidden;
	line-height: 48px
}
.inside-current a {
	color: #fff
}
.inside-current a:hover {
	font-weight: bold
}
@media (max-width:1000px) {
.inside-current {
	width: 100%;
	float: none;
	display: none
}
}
.inside-menu {
	width: 65%;
	float: right;
	text-align: right;
	font-size: 16px
}
.inside-menu a {
	color: #fff;
	height: 48px;
	padding: 0 40px;
	vertical-align: top;
	overflow: hidden;
	line-height: 48px;
	display: inline-block;
	position: relative
}
.inside-menu a:before {
	content: "";
	width: 1px;
	height: 15px;
	left: 0;
	top: 50%;
	margin-top: -8px;
	position: absolute;
	background: rgba(255,255,255,0.2)
}
.inside-menu a:first-child:before {
	display: none
}
.inside-menu a:hover {
	font-weight: bold
}
@media (max-width:1000px) {
.inside-menu {
	font-size: 14px;
	width: 100%;
	float: none;
	text-align: left
}
.inside-menu a {
	padding: 0 10px;
	height: 38px;
	line-height: 38px
}
}
.inside-menu .active {
	font-weight: bold
}
.index-title {
	padding: 60px 0;
	text-align: center;
	position: relative;
	line-height: 30px
}
.index-title:before {
	content: "";
	width: 32px;
	height: 3px;
	bottom: 40px;
	left: 50%;
	margin-left: -15px;
	background: #ef801a;
	position: absolute
}
.index-title .cn {
	color: #333;
	font-size: 26px;
	font-weight: bold
}
.index-title .en {
	color: #000;
	font-size: 24px
}
@media (max-width:1023px) {
.index-title {
	padding: 40px 0 30px 0;
	line-height: 20px
}
.index-title .cn {
	font-size: 18px
}
.index-title .en {
	font-size: 16px
}
.index-title:before {
	bottom: 10px
}
}
.inside-about {
	padding-bottom: 80px
}
@media (max-width:1200px) {
.inside-about {
	padding-bottom: 30px
}
}
.inside-about .box {
	color: #333;
	margin-top: 20px;
	text-align: justify;
	line-height: 30px;
	font-size: 16px
}
@media (max-width:1500px) {
.inside-about .box {
	padding: 0 30px
}
}
@media (max-width:767px) {
.inside-about .box {
	padding: 0 15px
}
}
.inside-about .leftbox {
	width: 54%;
	float: left
}
@media (max-width:1200px) {
.inside-about .leftbox {
	width: 100%
}
}
.inside-about .rightbox {
	width: 43%;
	float: right
}
@media (max-width:1200px) {
.inside-about .rightbox {
	display: none
}
}
.inside-about .box-02 {
	width: 800px;
	color: #999;
	margin: 0 auto;
	padding-top: 80px
}
.inside-about .box-02 .en {
	font-size: 24px;
	position: relative;
	font-family: "didot-htf-l24-light-ital"
}
.inside-about .box-02 .en span {
	color: #bbb;
	font-size: 14px;
	margin-right: 10px;
	font-family: arial;
	vertical-align: top;
	display: inline-block
}
@media (max-width:1000px) {
.inside-about .box-02 .en {
	font-size: 16px;
	line-height: 20px
}
}
.inside-about .box-02 .cn {
	font-size: 18px;
	position: relative
}
@media (max-width:1000px) {
.inside-about .box-02 .cn {
	font-size: 14px;
	line-height: 24px
}
}
.inside-about .box-02 .align {
	padding-right: 30px;
	text-align: right
}
.inside-about .box-02 em {
	color: #ddd;
	font-size: 72px;
	font-style: normal
}
.inside-about .box-02 .icon {
	top: 0;
	left: -40px;
	position: absolute
}
.inside-about .box-02 .icon02 {
	right: 0;
	bottom: -30px;
	position: absolute
}
@media (max-width:800px) {
.inside-about .box-02 {
	width: 100%;
	padding: 0 50px;
	padding-top: 30px
}
}
.inside-product {
	padding: 0
}
.inisde-tab {
	padding: 50px 0 10px 0;
	text-align: center
}
.inisde-tab a {
	line-height: 30px;
	margin-right: 3px;
	padding: 0 10px;
	color: #999898;
	font-family: arial;
	display: inline-block;
	border: solid 1px #dcdcdc
}
.inisde-tab a:hover, .inisde-tab .page-num-current {
	color: #fff;
	border-color: #ef801a;
	background: #ef801a
}
@media (max-width:1200px) {
.inisde-tab {
	padding: 30px 0
}
}
.inside-teacher ul {
	padding-top: 40px
}
@media (max-width:1023px) {
.inside-teacher ul {
	padding-top: 0
}
}
.inside-teacher li {
	width: 33.3333%;
	float: left;
	padding: 0 77px;
	line-height: 26px;
	position: relative;
	padding-bottom: 90px
}
.inside-teacher li .arrow {
	top: -80px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	position: absolute
}
.inside-teacher li .pic {
	position: relative;
	border-radius: 100%;
	border: solid 1px #e1e1e1
}
.inside-teacher li .pic:after {
	content: "";
	display: block;
	padding-bottom: 100%
}
.inside-teacher li .pic img {
	border-radius: 100%
}
.inside-teacher li .pic02 {
	position: relative
}
.inside-teacher li .pic02:after {
	content: "";
	display: block;
	padding-bottom: 100%
}
.inside-teacher li .pic02 img {
	border-radius: 100%;
	-webkit-transition: all 2s ease;
	transition: all 2s ease
}
.inside-teacher li .txtbox {
	padding: 40px 20px 0 20px
}
.inside-teacher li .tit {
	color: #282828;
	font-size: 24px;
	position: relative;
	padding-bottom: 15px
}
.inside-teacher li .tit:after {
	content: "";
	width: 24px;
	height: 3px;
	bottom: 0;
	left: 0;
	position: absolute;
	background: #0c4270
}
.inside-teacher li .en {
	font-size: 18px;
	height: 24px;
	overflow: hidden;
	font-family: arial;
	margin: 15px 0 5px 0
}
.inside-teacher li .txt {
	color: #4c4c4c;
	font-size: 15px;
	height: 234px;
	overflow: hidden
}
.inside-teacher li:hover .arrow {
	opacity: 1
}
.inside-teacher li:hover .arrow img {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}
@media (max-width:1279px) {
.inside-teacher li {
	padding: 30px
}
.inside-teacher li .txtbox {
	padding-left: 20px
}
.inside-teacher li .arrow {
	display: none
}
}
@media (max-width:680px) {
.inside-teacher li {
	width: 50%
}
}
@media (max-width:400px) {
.inside-teacher li {
	width: 100%
}
}
.inside-news-show {
	background: #fff;
	min-height: 300px
}
.inside-news-show .title {
	font-size: 24px;
	margin: 15px 0;
	text-align: center;
	color: #0c4270
}
.inside-news-show .info {
	padding-bottom: 40px;
	text-align: center;
	border-bottom: solid 1px #eee
}
.list-page {
	padding: 20px 0;
	margin-top: 40px;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5
}
.list-page li {
	height: 36px;
	line-height: 36px;
	overflow: hidden
}
.list-related-title {
	color: #0c4270;
	font-size: 20px;
	padding-top: 20px;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 15px;
	position: relative
}
.list-related-title:after {
	content: "";
	width: 6px;
	height: 2px;
	left: 0;
	top: 34px;
	position: absolute;
	background: #0c4270
}
.list-related-news li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	background: url(../images/sj-icon.jpg) no-repeat left 16px
}
.list-related-news a {
	padding-left: 15px;
	display: block
}
.list-related-news span {
	color: #999;
	font-size: 13px;
	float: right;
	font-family: arial;
	padding-left: 30px
}
.list-join {
	min-height: 500px;
	margin: 70px 0;
	padding-bottom: 70px;
	background: url(../images/join-line.jpg) repeat-y
}
.list-join li {
	position: relative
}
.list-join li span {
	color: #fff;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 30px;
	background: #5e5e5e;
	display: inline-block
}
.list-join li em {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 100%;
	border: solid 1px #f3f3f3;
	display: inline-block;
	font-style: normal;
	margin: 0 3px 0 0
}
.list-join li p {
	float: left;
	margin-top: 70px;
	position: relative
}
.list-join li .t1 {
	margin-left: 178px;
	text-align: right
}
.list-join li .t1:after {
	content: "";
	width: 10px;
	height: 10px;
	top: 14px;
	right: -30px;
	border-radius: 100%;
	position: absolute;
	background: #0c4270
}
.list-join li .t1 span {
	min-width: 345px;
	padding-left: 60px
}
.list-join li .t1 em {
	margin-left: 20px;
	margin-right: 3px
}
.list-join li .t2 {
	margin-left: 50px;
	margin-top: 130px
}
.list-join li .t2:after {
	content: "";
	width: 10px;
	height: 10px;
	top: 14px;
	left: -29px;
	border-radius: 100%;
	position: absolute;
	background: #0c4270
}
.list-join li .t2 span {
	min-width: 345px;
	padding-right: 60px
}
.list-join li .t2 em {
	margin-right: 20px;
	margin-left: 3px
}
.list-join02 {
	padding: 70px 0 40px 0;
	margin-top: 70px;
	background: #fafafa
}
.list-join02 ul {
	padding: 0 100px
}
.list-join02 li {
	width: 20%;
	float: right;
	position: relative;
	margin-bottom: 60px;
	text-align: center
}
.list-join02 li span {
	width: 90px;
	height: 90px;
	display: inline-block;
	border-radius: 100%;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	background: #c6c6c6
}
.list-join02 li p {
	margin-top: 15px
}
.list-join02 li:hover span {
	background: #0c4270
}
.list-join02 .li01:after {
	content: "";
	width: 39px;
	height: 11px;
	left: -20px;
	top: 40px;
	position: absolute;
	background: url(../images/jt1.jpg) no-repeat top center
}
.list-join02 .li02:after {
	content: "";
	width: 39px;
	height: 11px;
	left: -20px;
	top: 40px;
	position: absolute;
	background: url(../images/jt3.jpg) no-repeat top center
}
.list-join02 .li03:after {
	content: "";
	width: 8px;
	height: 26px;
	left: 900px;
	top: 160px;
	position: absolute;
	background: url(../images/jt2.jpg) no-repeat top center
}
.list-custom {
	margin-top: -40px
}
.list-custom ul {
	margin: 0 -10px
}
.list-custom li {
	float: left;
	width: 33.333%;
	padding: 0 10px;
	margin: 15px 0;
	position: relative
}
.list-custom li .pic {
	padding: 10px;
	outline: solid 1px #eee;
	overflow: hidden;
	position: relative
}
.list-custom li .pic:after {
	content: "";
	display: block;
	padding-bottom: 73.5%
}
.list-custom li .pic:before {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: "";
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out;
	position: absolute;
	background: rgba(0,0,0,0.4)
}
.list-custom li .pic img {
	-webkit-transition: all 1000ms ease-in-out;
	transition: all 1000ms ease-in-out;
	-webkit-transform-origin: bottom bottom;
	-ms-transform-origin: bottom bottom;
	transform-origin: bottom bottom
}
.list-custom li h3 {
	color: #333;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	overflow: hidden;
	font-weight: normal;
	border-bottom: solid 1px #dcdcdc
}
.list-custom li .text {
	color: #666;
	height: 24px;
	margin-top: 5px;
	overflow: hidden
}
.list-custom li .text img {
	margin-top: 3px
}
.list-custom li .mask {
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 85%;
	display: none\9;
	text-align: center;
	position: absolute;
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out;
	background: url(../images/transparent.png) repeat
}
.list-custom li .mask p {
	color: #fff;
	height: 48px;
	overflow: hidden;
	padding: 0 60px;
	margin: 0 0 50px 0;
	-webkit-transition: all 700ms ease-in-out;
	transition: all 700ms ease-in-out
}
.list-custom li .mask .topline, .list-custom li .mask .botline {
	content: "";
	height: 1px;
	top: 10px;
	left: 10px;
	z-index: 1;
	width: 0;
	position: absolute;
	background: #fff;
	-webkit-transition: all 700ms ease-in-out;
	transition: all 700ms ease-in-out
}
.list-custom li .mask .botline {
	top: auto;
	bottom: 10px
}
.list-custom li .mask .leftline, .list-custom li .mask .rightline {
	content: "";
	top: 10px;
	left: 10px;
	width: 1px;
	height: 0;
	background: #fff;
	position: absolute;
	-webkit-transition: all 700ms ease-in-out;
	transition: all 700ms ease-in-out
}
.list-custom li .mask .rightline {
	left: auto;
	right: 10px
}
.list-custom li:hover .pic:before {
	opacity: 1
}
.list-custom li:hover .pic img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.list-custom li:hover .mask {
	opacity: 1;
	display: block\9
}
.list-custom li:hover .mask p {
	margin-top: 70px
}
.list-custom li:hover .topline {
	opacity: 1;
	width: 366px
}
.list-custom li:hover .botline {
	opacity: 1;
	width: 366px
}
.list-custom li:hover .leftline {
	opacity: 1;
	height: 270px
}
.list-custom li:hover .rightline {
	opacity: 1;
	height: 271px
}
@media (max-width:1280px) {
.list-custom ul {
	margin: 0
}
}
@media (max-width:640px) {
.list-custom {
	margin-top: -20px
}
.list-custom li {
	width: 50%;
	padding: 5px;
	margin: 5px 0
}
.list-custom li h3 {
	font-size: 16px
}
}
@media (max-width:380px) {
.list-custom li {
	width: 100%
}
}
.index-course .list {
	padding-top: 20px
}
.index-course .list ul {
	overflow: hidden
}
.index-course .list li {
	float: left;
	width: 33.333%;
	padding: 0 80px;
	margin-left: -1px;
	height: 417px;
	margin-bottom: 80px;
	border-left: solid 1px #b3b3b3
}
.index-course .list li .pic {
	overflow: hidden;
	position: relative
}
.index-course .list li .pic:before {
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	position: absolute;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	background: rgba(0,0,0,0.2)
}
.index-course .list li .pic:after {
	content: "";
	display: block;
	padding-bottom: 62%
}
.index-course .list li .pic img {
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}
.index-course .list li .tit {
	color: #000;
	height: 60px;
	overflow: hidden;
	line-height: 60px;
	font-size: 24px;
	margin-top: 10px
}
.index-course .list li .txt {
	height: 44px;
	color: #666;
	overflow: hidden;
	line-height: 22px
}
.index-course .list li:hover .pic:before {
	opacity: 1
}
.index-course .list li:hover .pic img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.index-course .list li:hover .tit {
	color: #0c4270
}
@media (max-width:1460px) {
.index-course .list li {
	padding: 0 40px;
	margin-bottom: 40px;
	height: auto
}
.index-course .list li .tit {
	font-size: 18px;
	height: 40px;
	line-height: 40px
}
}
@media (max-width:1023px) {
.index-course .list li {
	padding: 0 10px
}
}
@media (max-width:480px) {
.index-course .list li {
	width: 50%
}
}
@media (max-width:400px) {
.index-course .list li {
	width: 100%
}
}
.inside-recommended {
	padding-top: 0
}
.inside-recommended ul {
	padding-top: 0
}
.index-course-02 {
	padding-top: 40px;
	padding-bottom: 80px
}
.index-course-02 dl {
	padding: 0 100px
}
.index-course-02 dl:hover dt .tit {
	right: -50px
}
.index-course-02 dt {
	width: 38%;
	float: left;
	position: relative
}
.index-course-02 dt .tit {
	right: -77px;
	bottom: 30px;
	z-index: 1;
	color: #fff;
	font-size: 15px;
	padding: 0 20px;
	line-height: 55px;
	position: absolute;
	background: #0c4270;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease
}
.index-course-02 dd {
	width: 53%;
	float: right;
	font-size: 18px;
	padding: 50px 60px;
	color: #000;
	position: relative;
	margin-top: 40px;
	line-height: 36px;
	background: #f3f3f3
}
.index-course-02 dd:before {
	content: "";
	top: 50%;
	left: -10px;
	margin-top: -4px;
	position: absolute;
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;
	border-right: solid 10px #f3f3f3
}
@media (max-width:1024px) {
.index-course-02 {
	padding-bottom: 30px
}
.index-course-02 dl {
	padding: 0 10px
}
.index-course-02 dt {
	width: 100%
}
.index-course-02 dt .tit {
	right: 0;
	bottom: 0
}
.index-course-02 dt img {
	width: 100%
}
.index-course-02 dd {
	width: 100%;
	padding: 30px;
	margin-top: 20px;
	line-height: 30px
}
.index-course-02 dl:hover dt .tit {
	right: 0
}
}
.index-course-03 {
	padding: 80px 0;
	background: #f3f3f3
}
.index-course-03 ul {
	text-align: center
}
.index-course-03 li {
	width: 216px;
	height: 216px;
	color: #333;
	margin-left: -30px;
	padding-top: 60px;
	vertical-align: top;
	font-size: 20px;
	text-align: center;
	border-radius: 100%;
	display: inline-block
}
.index-course-03 li img {
	max-height: 60px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}
.index-course-03 li p {
	margin-top: 10px
}
.index-course-03 .li01 {
	color: #fff;
	background: #0c4270
}
.index-course-03 .li02 {
	border: solid 2px #333
}
.index-course-03 li:hover img {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}
@media (max-width:1240px) {
.index-course-03 {
	padding: 50px 0
}
}
@media (max-width:1000px) {
.index-course-03 li {
	width: 130px;
	height: 130px;
	margin-left: -10px;
	font-size: 14px;
	padding-top: 20px;
	line-height: 20px
}
.index-course-03 li img {
	max-height: 40px
}
}
@media (max-width:520px) {
.index-course-03 li {
	width: 50%;
	height: 140px;
	margin-left: 0;
	font-size: 14px;
	padding-top: 30px;
	line-height: 20px;
	display: block;
	float: left;
	margin-bottom: 10px;
	border-radius: 0
}
.index-course-03 li img {
	max-height: 40px
}
}
.inside-chinese {
	color: #333;
	font-size: 16px
}
@media (max-width:1024px) {
.inside-chinese {
	font-size: 14px
}
}
.inside-chinese .inside-title-02 {
	text-align: left
}
.inside-chinese .inside-title-02 span:before {
	left: 15px;
	margin-left: 0
}
.inside-chinese .inside-title-02 em:before {
	left: 16px;
	margin-left: 0
}
.inside-chinese .box-01 {
	margin-bottom: 70px
}
.inside-chinese .box-01 .item {
	margin-top: 10px
}
.inside-chinese .box-01 .left {
	width: 37%;
	float: left;
	margin-top: 13px
}
.inside-chinese .box-01 .right {
	width: 52%;
	float: right
}
@media (max-width:1024px) {
.inside-chinese .box-01 {
	margin-bottom: 30px
}
}
@media (max-width:767px) {
.inside-chinese .box-01 .left {
	width: 100%;
	float: none
}
.inside-chinese .box-01 .right {
	width: 100%;
	float: none;
	margin-top: 15px
}
.inside-chinese .box-01 .right img {
	width: 100%
}
}
.inside-chinese .box-02 {
	margin-bottom: 70px
}
.inside-chinese .box-02 .bg {
	padding: 55px;
	text-align: center;
	background: #f7f7f7
}
@media (max-width:1024px) {
.inside-chinese .box-02 {
	margin-bottom: 30px
}
.inside-chinese .box-02 .bg {
	padding: 20px
}
}
.inside-chinese .box-03 {
	margin-bottom: 70px
}
@media (max-width:1023px) {
.inside-chinese .box-03 {
	margin-bottom: 30px
}
}
.inside-chinese .box-03 li {
	width: 48%;
	background: #f7f7f7
}
.inside-chinese .box-03 li .pic {
	width: 45%;
	float: left;
	position: relative
}
.inside-chinese .box-03 li .pic:after {
	content: "";
	display: block;
	padding-bottom: 70%
}
.inside-chinese .box-03 li .txtbox {
	width: 55%;
	float: left;
	padding: 30px;
	line-height: 30px
}
.inside-chinese .box-03 li .txtbox .t1 {
	font-size: 18px;
	font-weight: bold;
	color: #0c4270;
	margin-bottom: 5px
}
@media (max-width:1000px) {
.inside-chinese .box-03 li {
	width: 100%;
	margin-bottom: 15px
}
}
@media (max-width:640px) {
.inside-chinese .box-03 li .pic {
	width: 100%
}
.inside-chinese .box-03 li .pic img {
	width: 100%
}
.inside-chinese .box-03 li .txtbox {
	width: 100%
}
}
.inside-chinese .box-04 {
	margin-bottom: 70px
}
.inside-chinese .box-04 dt {
	width: 35%;
	float: left
}
.inside-chinese .box-04 dd {
	width: 60%;
	float: right;
	line-height: 36px
}
.inside-chinese .box-04 dd p {
	padding: 15px 0;
	border-bottom: dotted 1px #d9d9d9
}
.inside-chinese .box-04 dd p b {
	color: #0c4270
}
@media (max-width:1023px) {
.inside-chinese .box-04 {
	margin-bottom: 30px
}
.inside-chinese .box-04 dt {
	display: none
}
.inside-chinese .box-04 dd {
	width: 100%;
	float: none;
	line-height: 24px
}
}
.inside-title-02 {
	position: relative;
	padding-bottom: 70px;
	text-align: center
}
.inside-title-02 span {
	height: 48px;
	min-width: 175px;
	font-size: 20px;
	color: #fff;
	z-index: 9;
	padding: 0 40px;
	padding-top: 13px;
	font-weight: bold;
	position: relative
}
.inside-title-02 span:before {
	content: "";
	left: 50%;
	bottom: -16px;
	margin-left: -3px;
	position: absolute;
	z-index: 3;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	border-top: solid 6px #0c4270
}
.inside-title-02 span:after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	height: 48px;
	position: absolute;
	background: #0c4270
}
.inside-title-02 em {
	width: 100%;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	background: #dfdfdf;
	left: 5px;
	top: 5px;
	z-index: -1;
	height: 48px;
	position: absolute
}
.inside-title-02 em:before {
	content: "";
	left: 50%;
	bottom: -5px;
	margin-left: -3px;
	position: absolute;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	border-top: solid 6px #dfdfdf
}
@media (max-width:1024px) {
.inside-title-02 {
	padding-bottom: 40px
}
.inside-title-02 span {
	color: #333;
	height: 40px;
	font-size: 20px;
	padding-top: 11px;
	padding-left: 10px;
	padding-right: 10px
}
.inside-title-02 span:before {
	display: none
}
.inside-title-02 span:after {
	height: 40px;
	display: none
}
.inside-title-02 em {
	height: 40px;
	display: none
}
}
@media (max-width:360px) {
.inside-title-02 span {
	font-size: 12px
}
}
.inside-job li {
	height: 50px;
	font-size: 14px;
	overflow: hidden;
	line-height: 50px;
	border-bottom: solid 1px #ddd
}
.inside-job li span {
	width: 23%;
	color: #777;
	display: block;
	float: left;
	padding: 0 20px
}
.inside-job li span a {
	color: #777
}
.inside-job li b {
	font-family: arial;
	font-weight: normal;
	padding-left: 30px
}
.inside-job li .tit {
	width: 27%
}
.inside-job li .add {
	padding-left: 30px
}
.inside-job li:first-child {
	border: 0;
	font-size: 16px;
	background: #f8f8f8
}
.inside-job li:first-child span {
	color: #333
}
.inside-job li:first-child:hover span, .inside-job li:first-child:hover span a {
	color: #333
}
.inside-job li:hover span {
	color: #000
}
.inside-job li:hover span a {
	color: #000
}
@media (max-width:1200px) {
.inside-job .index-menu {
	display: none
}
}
@media (max-width:640px) {
.inside-job {
	margin-top: 30px
}
.inside-job li:first-child {
	font-size: 12px
}
.inside-job li {
	height: 40px;
	line-height: 40px;
	font-size: 12px
}
.inside-job li span {
	width: 25%;
	text-align: center;
	padding: 0 10px
}
.inside-job li .tit {
	width: 25%;
	font-size: 14px;
	padding: 0 10px
}
}
.list-job-show {
	padding: 60px 0;
	padding-top: 30px
}
.list-job-show li {
	padding: 30px 0;
	border-bottom: solid 1px #ddd
}
.list-job-show li h3 {
	color: #333;
	margin-bottom: 10px;
	font-weight: normal
}
.list-job-show .button {
	color: #fff;
	line-height: 36px;
	padding: 0 30px;
	margin-top: 40px;
	display: inline-block;
	background: #e55e04;
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out
}
.list-job-show .button:hover {
	background: #0c4270
}
.list-pro-show {
	padding-bottom: 60px
}
.list-pro-show .leftbox {
	width: 48%;
	float: left
}
.list-pro-show .leftbox .bigimg {
	position: relative
}
.list-pro-show .leftbox .bigimg .pic {
	position: relative
}
.list-pro-show .leftbox .bigimg .pic:after {
	content: "";
	display: block;
	padding-bottom: 100%
}
.list-pro-show .leftbox .bigimg .slick-prev, .list-pro-show .leftbox .bigimg .slick-next {
	border: 0;
	width: 25px;
	height: 49px
}
.list-pro-show .leftbox .bigimg .slick-prev {
	background: url(../images/left-prev.png) no-repeat top center
}
.list-pro-show .leftbox .bigimg .slick-next {
	background: url(../images/right-next.png) no-repeat top center
}
.list-pro-show .leftbox .smallimg {
	padding: 20px 0;
	border-bottom: solid 1px #dedede
}
.list-pro-show .leftbox .smallimg .pic {
	width: 103px;
	height: 78px;
	margin: 0 7px;
	cursor: pointer;
	position: relative;
	border: solid 1px #ddd
}
.list-pro-show .leftbox .smallimg .slick-current .pic {
	border-color: #e55e04
}
.list-pro-show .rightbox {
	width: 45%;
	float: right;
	font-size: 16px;
	line-height: 30px
}
.list-pro-show .rightbox h1 {
	color: #333;
	font-size: 22px;
	font-weight: normal;
	position: relative;
	padding: 50px 0
}
.list-pro-show .rightbox h1:after {
	content: "";
	height: 1px;
	width: 30px;
	bottom: 20px;
	left: 0;
	position: absolute;
	background: #999
}
.list-pro-show .rightbox .orgin {
	font-size: 20px;
	color: #0c4270;
	font-family: arial
}
.list-pro-show .rightbox .button {
	margin-top: 30px;
	line-height: 37px;
	padding: 0 30px;
	color: #fff;
	display: inline-block;
	background: #e55e04;
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out
}
.list-pro-show .rightbox .button:hover {
	background: #0c4270
}
@media (max-width:680px) {
.list-pro-show {
	padding: 0
}
.list-pro-show .leftbox, .list-pro-show .rightbox {
	width: 100%;
	float: none
}
.list-pro-show .rightbox {
	padding-left: 15px
}
}
.inside-tit {
	color: #333;
	font-size: 24px;
	margin-bottom: 40px;
	line-height: 30px
}
@media (max-width:1200px) {
.inside-tit {
	padding-left: 20px;
	font-size: 16px;
	margin-top: 40px;
	margin-bottom: 20px
}
}
.contact-map {
	width: 100%;
	z-index: 1;
	margin: 0 auto;
	height: 400px;
	border-radius: 10px;
	position: relative
}
.contact-map #l-map {
	width: 100%;
	height: 400px;
	line-height: 20px
}
.contact-map #l-map em {
	color: #e85625;
	font-size: 16px;
	display: block;
	padding-top: 5px;
	font-weight: bold;
	font-style: normal
}
.contact-map #l-map p {
	color: #666;
	font-size: 14px;
	margin-top: 5px
}
.list-video-show {
	padding-bottom: 80px;
	text-align: center;
	position: relative
}
.list-video-show .pic {
	width: 700px;
	height: 476px;
	margin: 0 auto;
	position: relative
}
.list-video-show .icon {
	top: 220px;
	left: 0;
	z-index: 9;
	width: 100%;
	text-align: center;
	position: absolute
}
.list-video-show .title {
	color: #333;
	text-align: center;
	font-size: 17px;
	margin-top: 20px
}
.insie-map .container {
	position: relative
}
.insie-map .content {
	top: 140px;
	width: 50%;
	right: 0;
	z-index: 9;
	position: absolute
}
.insie-map .tabcot {
	width: 80%;
	float: left;
	padding: 50px;
	line-height: 40px;
	min-height: 374px;
	background: #fff;
	background: rgba(255,255,255,0.9)
}
.insie-map .tabcot .box {
	display: none
}
.insie-map .tabcot .box p:first-child {
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #e6e6e6
}
@media (max-width:480px) {
.insie-map .tabcot .box p:first-child {
	font-size: 16px
}
}
.inside-message {
	background: #0c4270;
	padding: 80px 0
}
.inside-message .txt {
	color: #fff;
	text-align: center;
	line-height: 30px
}
.inside-message ul {
	margin: 0 -20px;
	padding-top: 40px
}
.inside-message li {
	overflow: hidden;
	margin-top: 40px
}
.inside-message li p {
	float: left;
	width: 33.333%;
	padding: 0 20px
}
.inside-message li p input, .inside-message li p select, .inside-message li p textarea {
	width: 100%;
	border: 0;
	height: 55px;
	color: #333;
	font-size: 15px;
	padding: 10px 20px;
	font-family: "微软雅黑";
	background: #fff
}
.inside-message li p select, .inside-message li p textarea {
	color: #888
}
.inside-message li p textarea {
	height: 230px;
	resize: none;
	padding-top: 20px
}
.inside-message li p input:focus, .inside-message li p select:focus, .inside-message li p textarea:focus {
	opacity: .7
}
.inside-message li input[type="button"], .inside-message li .tel {
	width: 20%;
	border: 0;
	color: #333;
	height: 55px;
	margin: 0 25px;
	line-height: 55px;
	font-size: 18px;
	vertical-align: top;
	background: #fff;
	display: inline-block
}
.inside-message .btn {
	text-align: center;
	margin-top: 60px
}
@media (max-width:1280px) {
.inside-message ul {
	margin: 0
}
}
@media (max-width:640px) {
.inside-message {
	padding-top: 40px
}
.inside-message ul {
	padding-top: 0
}
.inside-message li {
	margin-top: 0
}
.inside-message li p {
	width: 100%;
	margin-top: 20px
}
.inside-message li p input, .inside-message li p select, .inside-message li p textarea {
	height: 50px
}
.inside-message li p textarea {
	height: 100px
}
.inside-message li input[type="button"], .inside-message li .tel {
	margin: 0 5px;
	width: 30%;
	font-size: 15px;
	height: 50px;
	line-height: 50px
}
.inside-message .btn {
	margin-top: 30px
}
}
.inside-message .page-title {
	padding: 0
}
.inside-message .page-title h2 {
	color: #fff
}
.inside-contact .inisde-text {
	padding-top: 40px;
	border-top: solid 1px #eee
}
.inside-contact li {
	float: left;
	width: 33.333%;
	min-height: 70px;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	padding-left: 40px;
	border-left: solid 1px #eee
}
.inside-contact li:first-child {
	padding-left: 0;
	border: 0
}
@media (max-width:500px) {
.inside-contact .inisde-text {
	padding-top: 20px
}
.inside-contact li {
	width: 100%;
	border: 0;
	padding-left: 0;
	padding: 15px 0;
	border-top: solid 1px #eee
}
.inside-contact li:first-child {
	border-top: 0
}
}
.inside-honor .list ul {
	margin: 0 -10px
}
@media (max-width:1280px) {
.inside-honor .list ul {
	width: 100%;
	margin-left: 0
}
}
.inside-honor .list li {
	width: 25%;
	font-size: 14px;
	padding: 0 10px;
	margin: 20px 0;
	text-align: center
}
@media (max-width:480px) {
.inside-honor .list li {
	width: 50%;
	padding: 0 5px;
	margin-top: 0
}
}
.inside-honor .list li .item {
	position: relative
}
.inside-honor .list li .item:before {
	content: "";
	width: 89.4%;
	height: 87.5%;
	top: 5px;
	z-index: 0;
	right: -5px;
	position: absolute
}
@media (max-width:1259px) {
.inside-honor .list li .item:before {
	display: none
}
}
.inside-honor .list li .item a {
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
	position: relative;
	z-index: 1;
	border: solid 1px #ebebeb
}
.inside-honor .list li .textbox {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	opacity: 0;
	display: none\9;
	position: absolute;
	text-align: center;
	background: #0c4270;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	background: rgba(255,108,40,0.85)
}
.inside-honor .list li .textbox p {
	height: 20px;
	overflow: hidden
}
.inside-honor .list li .textbox span {
	display: block;
	margin-top: 10px
}
.inside-honor .list li .textbox span img {
	-webkit-transition: all 1500ms ease;
	transition: all 1500ms ease
}
.inside-honor .list li .icon {
	top: 50%;
	height: 60px;
	width: 100%;
	text-align: center;
	margin-top: -30px;
	position: absolute
}
.inside-honor .list li .tit {
	color: #333;
	font-size: 16px;
	height: 24px;
	overflow: hidden;
	margin-top: 30px
}
@media (max-width:1000px) {
.inside-honor .list li .tit {
	font-size: 14px;
	margin-top: 15px
}
}
.inside-honor .list li:hover .textbox {
	opacity: 1;
	display: block\9
}
.contmap {
	z-index: 5;
	margin-top: 50px;
	position: relative
}
@media (max-width:1200px) {
.contmap {
	margin-top: 20px
}
}
.contmap .amap {
	width: 100%;
	height: 500px;
	overflow: hidden
}
.contmap .ditu {
	overflow: hidden;
	position: relative;
	width: 100%;
	background: #fff;
	height: 500px
}
.contmap .ditu img {
	max-width: initial
}
.contmap .ditu #l-map {
	width: 100%;
	height: 100%
}
.contmap .ditu #l-map2 {
	width: 100%;
	height: 100%
}
.contmap .ditu #l-map3 {
	width: 100%;
	height: 100%
}
.contmap .container {
	position: relative
}
.contmap .tabcot {
	right: 145px;
	top: -520px;
	width: 40%;
	z-index: 999;
	text-align: left;
	position: absolute
}
.mapt {
	right: 0;
	top: 180px;
	width: 145px;
	z-index: 99;
	float: right;
	position: absolute
}
.mapt span {
	color: #fff;
	cursor: pointer;
	display: block;
	text-align: center;
	margin-bottom: 15px;
	line-height: 52px;
	background: #0c4270
}
@media (max-width:1200px) {
.contmap .tabcot {
	width: 60%
}
}
@media (max-width:480px) {
.contmap .tabcot {
	right: 90px;
	width: 75%;
	top: -300px;
	padding: 20px;
	font-size: 13px;
	line-height: 26px
}
.contmap .amap {
	height: 300px
}
.contmap .ditu {
	height: 300px
}
.mapt {
	top: 40px;
	right: 10px;
	width: 80px
}
.mapt span {
	width: 80px;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 5px
}
}
.insider-message {
	padding-top: 40px;
	padding-bottom: 70px;
	position: relative;
	border-top: solid 1px #d7d7d7
}
@media (max-width:767px) {
.insider-message {
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 30px
}
}
.insider-message ul {
	margin: 0 -15px
}
@media (max-width:1199px) {
.insider-message ul {
	width: 100%;
	margin-left: 0
}
}
.insider-message li {
	margin-top: 25px
}
.insider-message li p {
	padding: 0 15px;
	width: 33.333%;
	float: left;
	position: relative
}
.insider-message li label {
	top: 13px;
	left: 24px;
	color: #f30;
	position: absolute
}
.insider-message li input, .insider-message li textarea {
	padding: 10px;
	width: 100%;
	color: #000;
	font-size: 14px;
	padding-left: 20px;
	font-family: "微软雅黑";
	border: solid 1px #c9c9c9
}
.insider-message li input:focus, .insider-message li textarea:focus {
	border-color: #0c4270;
	border: solid 2px #0c4270;
	padding-top: 9px;
	padding-bottom: 9px
}
.insider-message li .code {
	width: 100%
}
.insider-message li .code input {
	width: 30%
}
.insider-message li .code img {
	margin: 0 5px
}
.insider-message li .textarea {
	width: 100%
}
.insider-message li .textarea textarea {
	height: 200px
}
.insider-message li input[type="submit"] {
	color: #fff;
	border: 0;
	width: 150px;
	background: #ef801a
}
@media (max-width:767px) {
.insider-message li {
	margin-top: 0
}
.insider-message li p {
	padding: 0;
	width: 100%;
	margin-top: 15px
}
.insider-message li .textarea textarea {
	height: 80px
}
.insider-message li label {
	left: 10px
}
.insider-message li input[type="button"] {
	width: 100px
}
}
.map {
	margin: 0 auto;
	padding-bottom: 40px;
	margin-top: -30px
}
.map dl {
	overflow: hidden;
	line-height: 30px;
	border-bottom: solid 1px #eee;
	padding: 20px 0
}
.map dl:hover {
	background: #f5f8fa
}
.map dl:hover dt a {
	color: #e0e9f3;
	font-weight: bold
}
.map dt {
	font-size: 14px;
	float: left;
	width: 10%;
	text-align: center;
	background: #0c4270
}
.map dt:hover {
	background: #0c4270
}
.map dt a {
	color: #fff;
	display: block
}
.map dt a:hover {
	color: #e0e9f3;
	font-weight: bold
}
.map dd {
	font-size: 12px;
	overflow: hidden;
	float: left;
	width: 85%
}
.map dd .p2 {
	padding: 0 0 0 20px;
	clear: both
}
.map dd .p2 a {
	color: #333;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.map dd .p2 a:hover {
	color: #0c4270
}
.map dd div {
	clear: both;
	overflow: hidden;
	padding: 0 20px 0 10px
}
.map dd div a {
	color: #333;
	float: left;
	padding: 0 10px 0 10px
}
.map dd div a:hover {
	background: #0c4270;
	color: #fff
}
@media (max-width:767px) {
.map dl {
	margin: 20px
}
.map dt {
	width: 100%
}
}
.faq {
	padding: 30px 0
}
.faq .faq-list .list_dt {
	height: 64px;
	line-height: 64px;
	border-bottom: 1px solid #f1f1f1;
	cursor: pointer;
	background: url("../images/jia.png") no-repeat center right;
	display: block
}
.faq .faq-list .list_dt span {
	background: url("../images/q.png") no-repeat center left;
	font-size: 16px;
	color: #333;
	padding-left: 35px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 20px
}
.faq .faq-list #open {
	background: url("../images/jian.png") no-repeat center right
}
.faq .faq-list .list_dd {
	display: none;
	border-bottom: 1px solid #f1f1f1;
	padding: 22px 0
}
.header .searchbox button {
	border: 0px;
	background: #ef801a;
	vertical-align: top;
	line-height: 31px;
	color: #fff;
	cursor: pointer;
}
#maximg img {
	max-width: 100%;
	height: auto !important
}