* {

	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("/style/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("/style/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: "-"

}

 

@media (max-width:1200px) {

 

}

@media (max-width:1200px) {

 

}

.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: 28px;

	border-radius: 10px;

	background: none;

	background: #fff;

	-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(/style/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

}

.inside-banner p img {
    width: 100%;
}

@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(/style/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(/style/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(/style/images/jt1.jpg) no-repeat top center

}

.list-join02 .li02:after {

	content: "";

	width: 39px;

	height: 11px;

	left: -20px;

	top: 40px;

	position: absolute;

	background: url(/style/images/jt3.jpg) no-repeat top center

}

.list-join02 .li03:after {

	content: "";

	width: 8px;

	height: 26px;

	left: 900px;

	top: 160px;

	position: absolute;

	background: url(/style/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(/style/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(/style/images/left-prev.png) no-repeat top center

}

.list-pro-show .leftbox .bigimg .slick-next {

	background: url(/style/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("/style/images/jia.png") no-repeat center right;

	display: block

}

.faq .faq-list .list_dt span {

	background: url("/style/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("/style/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

}

/*é?–é???–°é—?*/

.index_news {width:1200px; overflow:hidden; margin:0px auto; padding-top:15px;}

.index_news_l {width:590px; overflow:hidden; float:left; padding-top:7px;}

.index_news_l ul li.img {width:590px; overflow:hidden; height:120px; float:left}

.index_news_l ul li.img img {width:auto !important; overflow:hidden; display:block}

.index_news_l ul li.wz {width:370px; overflow:hidden; height:120px; float:right}

.index_news_l ul li.wz h3 {width:370px; overflow:hidden; text-align:left; font-size:16px; line-height:30px; font-weight:bold; color:#666}

.index_news_l ul li.wz h3 a {color:#666}

.index_news_l ul li.wz h3 a:hover {color:#956c32}

.index_news_l ul li.wz h2 {width:370px; overflow:hidden; height:30px; text-align:left; line-height:30px; color:#956c32; font-size:25px; font-weight:800}

.index_news_l ul li.wz p {width:370px; overflow:hidden; text-align:left; line-height:20px; padding-top:10px; font-size:14px; color:#929292}



.index_news_r {width:580px; overflow:hidden; float:right}

.index_news_rsub {width:580px; overflow:hidden; float:left; position:relative} 

.index_news_rsub .index_news_rsubTitle{clear: both; height: 40px; overflow: hidden; background:url(/style/image/hx1.jpg) bottom repeat-x} 

.index_news_rsub .index_news_rsubTitle ul{width:auto; overflow:hidden; height:40px; text-align:left; line-height:40px; font-size:14px; color:#333} 

.index_news_rsub .index_news_rsubTitle li{float: left; width:auto; height:40px; cursor: pointer; list-style-type: none; text-align:center;} 

.index_news_rsub .index_news_rsubTitle a {width:auto; overflow:hidden; height:40px; line-height:40px; background:url(/style/image/more.png) right no-repeat; padding-right:20px; float:right; font-size:12px; font-weight:100; color:#ef801a}

.index_news_rsub .index_news_rsubTitle .active{width:auto;background:url(/style/image/hx1_k.jpg) bottom repeat-x;font-size:15px;line-height:40px;color:#ef801a;font-weight:bold;margin-right:20px;} 

.index_news_rsub .index_news_rsubTitle .normal{width:auto; font-size:15px; line-height:40px; color:#333; margin-right:20px;} 

.index_news_rsub .index_news_rsubContent {width:580px; overflow:hidden; border-top:0px;}

.index_news_rsubnone {display:none;}



.studyhot_c_list {width:580px; overflow:hidden;}

.showfdcxx_main_xmdt #content {
	padding-right: 0;
}
.showfdcxx_main_xmdt .studyhot_c_list {
	width: 100%;
}

.studyhot_c_list ul { padding-top:6px;}

.studyhot_c_list ul li a {width:570px; overflow:hidden; display:block; height:27px; text-align:left; line-height:27px; font-size:14px; background:url(/style/image/list.png) left no-repeat; padding-left:10px; color:#666}

.showfdcxx_main_xmdt .studyhot_c_list ul li {
    float: left;
    margin-right: 20px;
}
.showfdcxx_main_xmdt .studyhot_c_list ul li a {
	width: 540px;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	background-image: none;
	padding-left: 0;
}

.studyhot_c_list ul li a:hover {width:570px; overflow:hidden; display:block; height:27px; text-align:left; line-height:27px; font-size:14px; background:url(/style/image/list.png) left no-repeat; padding-left:10px; color:#ef801a}

.showfdcxx_main_xmdt .studyhot_c_list ul li a:hover {
	width: 540px;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	background-image: none;
	padding-left: 0;
}

.studyhot_c_list ul li a b {float:right; font-weight:100}





/*==wang==*/

.home{position:relative; z-index: 55;margin-top: 18px;}

.home .top_wr{padding: 40px 0;overflow: hidden;}

.home .top_wr .box{float: left;height: 120px;margin-right: 30px;}

.home .top_wr .box.box1{width: 220px;border-right: 4px solid #f6f6f6;}

.home .top_wr .box.box1 .p2{margin-top:17px;}

.home .top_wr .box.box1 em{position:relative; top:5px; color: #e62b1e;font-size: 30px;padding-right: 10px; font-family: "RUBIK-REGULAR-WEBFONT";line-height: 100%;letter-spacing: -1px;}

.home .top_wr .box.box1 em.on{color: #34b933;}

.home .top_wr .box.box1 .p1{font-size: 36px; color: #666; font-family: "RUBIK-REGULAR-WEBFONT"; line-height: 30px; letter-spacing: -2px;}

.home .top_wr .box.box1 p{color: #999; letter-spacing: 0;}

.home .top_wr .box.box2{width: 450px;border-right: 4px solid #f6f6f6;padding-right: 30px;}

.home .top_wr .box.box2 h3{color: #535353;font-size: 20px;line-height: 30px;font-weight: 700;}

.home .top_wr .box.box2 strong{display: block;color: #d8d8d8;font-size: 20px;font-family: "RUBIK-REGULAR-WEBFONT";margin-bottom: 16px;}

.home .top_wr .box.box2 p{color: #535353;opacity: 0.6;filter: Alpha(opacity=60);}

.home .top_wr .box.box3{margin:0; width:470px;}

.home .top_wr .box.box3 h4{color: #ff9900;font-size: 14px;margin-bottom: 20px; font-weight: bold;}

.home .top_wr .box.box3 p{color: #535353;opacity: 0.6;filter: Alpha(opacity=60);}

.home .top_wr .box.box3 p a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}





.home .bom_wr{height:210px;}

.home .bom_wr .w1200{height:100%; position:relative;}

.home .bom_wr .a1{position:absolute; left:0; top:0; height:100%; width:250px;}

.home .bom_wr .box{

   padding: 84px 0 0 30px;

   position:absolute;

   top:0;

   height:210px;

   overflow:hidden;

   -webkit-transition: all .3s;

   -moz-transition: all .3s;

   -ms-transition: all .3s;

   -o-transition: all .3s;

   transition: all .3s;

   }

   .w1200 {

    width: 1200px;

    margin: 0 auto;

}

.home .bom_wr .box .h1_en{font-size: 24px; font-family: "RUBIK-REGULAR-WEBFONT"; line-height: 22px; margin-bottom: 8px; color:#fff; opacity:.5; filter:alpha(opacity=50); letter-spacing: -1px;}

.home .bom_wr .box .h1_cn{font-size: 18px;line-height: 24px;font-weight: bold;margin-bottom: 5px;}

.home .bom_wr .box1{z-index: 1; width:720px; padding-left: 500px; left:-500px;}

.home .bom_wr .box i{filter:alpha(opacity=0);}

.home .bom_wr .box1 .hid{position:absolute;left: 500px;top: 165px;font-size: 14px;max-width:250px;line-height: 18px;color: #fff;opacity:0;filter:alpha(opacity=0);}

.home .bom_wr .box1 .hid i{display: block; position: absolute; right: -30px; top: 2px; width: 19px; height: 14px; background: url(/style/image/i_it_icon2.png) no-repeat center;}

.home .bom_wr .box2 .hid{position:absolute;left:30px;top: 165px;font-size: 14px;width:330px;line-height: 18px;color:#fff;opacity:0;filter:alpha(opacity=0);}

.home .bom_wr .box2 .hid i{display: block; position: absolute; right: -30px; top: 2px; width: 19px; height: 14px; background: url(/style/image/i_it_icon2.png) no-repeat center;}

.home .bom_wr .box3 .hid{position:absolute;left:30px;top: 165px;font-size: 14px;width:100px;line-height: 18px;color: #ffffff;opacity:0;filter:alpha(opacity=0);}

.home .bom_wr .box3 .hid i{display: block; position: absolute; right: -30px; top: 2px; width: 19px; height: 14px; background: url(/style/image/i_it_icon2.png) no-repeat center;}

.home .bom_wr .box2{z-index: 3; width:240px; left:700px; }

.home .bom_wr .box3{z-index: 2; width:480px; left:220px; }

.home .bom_wr .box4{z-index: 4; width:760px; right:-500px;  }

.home .bom_wr .box1:hover{width:960px;}

.home .bom_wr .box2:hover{left:460px; width:480px;}

.home .bom_wr .box4:hover{width:1000px;}

.home .bom_wr .box1 .h1_cn{color: #ffffff;}

.home .bom_wr .box2 .h1_cn{color:#fff; }

.home .bom_wr .box3 .h1_cn{color: #ffffff;}

.home .bom_wr .box1 .h1_en{color: #ffffff;}

.home .bom_wr .box2 .h1_en{color:#fff;}

.home .bom_wr .box3 .h1_en{color: #ffffff;}

.home .bom_wr .box4 .h1_cn{color:#fff; opacity:.8; filter:alpha(opacity=80);}

.home .bom_wr .box4 .h1_en{color:#fff;}

.home .bom_wr .box4 .pon{position:absolute; padding-top: 54px; right:750px; top:0; width:220px;}





.home .bom_wr .box:hover .hid{

  filter:alpha(opacity=100);

-webkit-animation-duration: 1.2s;

  animation-duration: 1.2s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-delay: .3s;

  animation-delay: .3s;

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}

.home .bom_wr .box:hover .hid i{

  filter:alpha(opacity=100);

-webkit-animation-duration: 1.2s;

  animation-duration: 1.2s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-delay: .5s;

  animation-delay: .5s;

  -webkit-animation-name: goRightIn;

  animation-name: goRightIn;

}

.content {

    min-height: calc(100vh - 438px);

}



.about5 .c_w_l{width:400px;}

.about5 .c_w_r{width:800px;}

.about5 .c_w_r ul{padding-bottom: 80px;}

.about5 .c_w_r li{position:relative; padding:25px 0; border-top:2px dashed #ececec;}

.about5 .c_w_r li .bg{position:absolute; left:-440px; top:0; width:1200px; z-index: -1; height:100%; background:#ebebeb; display:none;}

.about5 .c_w_r li:first-child{border:0 none;}

.about5 .c_w_r li .time{
	position: absolute;
	left: -439px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 42px;
	color:#f90;
	line-height: 34px;
	padding-right:54px;
	width:400px;
	text-align: right;
	border-right:3px solid #f90;
	font-family: "RUBIK-REGULAR-WEBFONT";
	font-weight: normal;
	letter-spacing: -2px;
}

.about5 .c_w_r li p{color:#73706e; line-height: 18px;}

.c_w_l,.c_w_r{padding-top:80px;}

.c_w_l{float:left;position:relative;  width:400px; border-right:1px solid #ececec; padding-bottom: 20px;}

.c_w_l:after{position:absolute; top:240px; left:-40px; content:" "; display:block; width:9px; height:48px; background:url("/style/images/icon_adorn1.png") no-repeat center; display:none;}

.c_w_r{float:right; width:800px; padding-left: 40px;}

.c_brief_box .h1{font-size: 24px; color:#ff9000; line-height: 24px; letter-spacing: 10px; margin-bottom: 7px;}

.c_brief_box .h2{font-size: 32px; color:#cbc9c7; line-height: 36px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 24px; letter-spacing: -1px;}

.c_brief_box p{margin-bottom: 24px;}

.c_brief_box strong{display:block; font-size: 14px; line-height: 24px; color:#f90;}

.c_top_lump{padding-top:80px;}

.c_p:after {display:block; height:0; clear:both; content:"\200B";}

.c_p em{float:left;}

.c_p strong{float:right;}



.content p{font-size: 14px;color:#73706e;line-height: 24px; text-align: justify;}

#c_top_wr{position:relative; z-index: 5;}

#c_top_wr .t_ban{height:187px; background:no-repeat center 80px; background-attachment:fixed;}

#c_top_wr .t_ban .h1{float: right; text-align: right; font-size: 20px; line-height: 20px; color:#fff; opacity:.3; filter:alpha(opacity=30); text-align: right; letter-spacing: 9px; margin-bottom: 20px; margin-right:-8px;}

#c_top_wr .t_ban .w1200{display:none; padding:50px 0 0;}

#c_top_wr .t_ban .h2{float: right; text-align: right; font-size: 26px; line-height: 26px; color:#fff; opacity:.4; filter:alpha(opacity=40); text-align: right; letter-spacing: -2px; font-family: "RUBIK-REGULAR-WEBFONT";}

#c_top_wr .til{height:110px; border-bottom: 1px solid #ececec;}

#c_top_wr .til h1{float:left; font-size: 48px; color:#d9d7d5; line-height: 110px; font-family: "RUBIK-REGULAR-WEBFONT"; font-weight: normal;}

#c_top_wr .til,#c_top_wr .til h1,#c_top_wr .curr_wr,#c_top_wr .curr_wr .crm{-webkit-transition: height .5s;

   -moz-transition: height .5s;

    -ms-transition: height .5s;

     -o-transition: height .5s;

        transition: height .5s;}

#c_top_wr .til .sub_nav{position:relative; float:right; width:820px;}

#c_top_wr .til .sub_nav .ul{font-size: 0; letter-spacing: -4px; text-align: right;}

#c_top_wr .til .sub_nav a{display:inline-block; font-size: 14px; line-height: 110px; letter-spacing: normal; color:#726f6b; margin-left:30px; font-weight: bold; -webkit-transition: color .3s;

   -moz-transition: color .3s;

    -ms-transition: color .3s;

     -o-transition: color .3s;

        transition: color .3s;}

#c_top_wr .til .sub_nav .sub_slider{position:absolute; bottom:-1px; height:2px;/* width:50px;*/ background:#f90;}

#c_top_wr .til .sub_nav a.on{color:#f90;}

#c_top_wr .w1200{position:relative;}

/*#c_top_wr .curr_wr{position:absolute; left:0; bottom:0; height:110px; width:100%;}*/

#c_top_wr .crm{position:absolute; top:0; height:110px; line-height: 110px;/* margin-left:-40px;*/ width:370px; font-size: 0; letter-spacing: -4px;}

#c_top_wr .crm-icon{display: inline-block;width: 10px;height: 10px;background: url("/style/images/crm-icon.png") no-repeat left bottom; letter-spacing: normal;}

#c_top_wr .crm a{display:inline; background: url("/style/images/crm-arr-icon.png") no-repeat 15px center;padding-left:30px;font-size: 14px; color:#929292; letter-spacing: normal; font-weight: bold;}

.c_w_l,.c_w_r{padding-top:80px;}

.c_w_l{float:left;position:relative;  width:400px; border-right:1px solid #ececec; padding-bottom: 20px;}

.c_w_l:after{position:absolute; top:240px; left:-40px; content:" "; display:block; width:9px; height:48px; background:url("/style/images/icon_adorn1.png") no-repeat center; display:none;}

.c_w_r{float:right; width:800px; padding-left: 40px;}

.c_brief_box .h1{font-size: 24px; color:#ff9000; line-height: 24px; letter-spacing: 10px; margin-bottom: 7px;}

.c_brief_box .h2{font-size: 32px; color:#cbc9c7; line-height: 36px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 24px; letter-spacing: -1px;}

.c_brief_box p{margin-bottom: 24px;}

.c_brief_box strong{display:block; font-size: 14px; line-height: 24px; color:#f90;}

.c_top_lump{padding-top:80px;}

.c_p:after {display:block; height:0; clear:both; content:"\200B";}

.c_p em{float:left;}

.c_p strong{float:right;}

.c_w_l {

    float: left;

    position: relative;

    width: 400px;

    border-right: 0;

    padding-bottom: 20px;

}



/*新闻资讯*/

.index .news{background: #f2f2f2;padding-bottom: 70px;}

.index .news .in_title{padding-bottom: 30px;}

.index .news .hd{padding-bottom: 40px;text-align: center;}

.index .news .hd li{position: relative;display: inline-block;width: 148px;font-size: 16px;line-height: 50px;text-align: center;border-radius: 50px;margin: 0 10px;border: 1px solid #e3e3e3;background: #fff;transition: all .5s;}

.index .news .hd li a{display: block;}

.index .news .hd li.on{border-color: var(--colour1);background: var(--colour1);}

.index .news .hd li.on a{color: #fff;}

.index .news .bd{}

.index .news .bd ul{display: none;}

.index .news .bd li{float: left;width: 380px;padding: 20px;margin-right: 26px;background: #fff;box-sizing: border-box;transition: all .5s;}

.index .news .bd li:nth-child(4n){margin-right: 0;}

.index .news .bd li h3{position: absolute;bottom: 0;width: 100%;color: #fff;font-size: 16px;line-height: 40px;background: rgba(0,0,0,.5);padding: 0 10px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.index .news .bd li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}

.index .news .bd li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}

.index .news .bd li i{color: #999;font-style: normal;display: block;padding-top: 15px;padding-bottom: 5px;}

.index .news .bd li p{display: block;color: #666;line-height: 24px;height: 48px;text-align: justify;overflow: hidden;}

.index .news .bd li span{display: block;color: var(--colour1);padding-top: 15px;}

.index .news .bd li:hover{box-shadow: 0px 0px 20px #bbb;}

.index .news .bd li:hover .img img{transform: scale(1.1);}

@media (max-width: 1600px){

.index .news .bd li{width: 288px;padding: 15px;margin-right: 15px;}

.index .news .bd li h3{font-size: 14px;line-height: 35px;}

.index .news .bd li i{padding-top: 7px;padding-bottom: 3px;}

.index .news .bd li p{line-height: 22px;height: 46px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.index .news .bd li span{padding-top: 5px;}}

/*******内页样式********/

.nybanner{width: 100%;position: relative;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(/style/images/nybanner.jpg);}

.submian{padding: 30px 0;background: #f4f4f4;}

/*当前位置*/

.position{position: relative;margin-top: -50px;height: 50px;line-height: 50px;}

.position .w1200{color: #fff;text-indent: 42px;background: url(/style/images/position.png) no-repeat center left 18px;background-color: rgba(0, 0, 0, .35);}

.position a{color: #fff;}

.position a:hover{color: var(--colour1);}

/*内页左侧*/

.subleft{width: 300px;}

.subleft .title{color: #fff;font-size: 16px;line-height: 70px;text-indent: 22px;height: 70px;border: 1px solid #EF801A;background: url(/style/images/prolt.png) no-repeat center right 16px;background-color: #EF801A;}

.subleft .title span{font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-left: 3px;}

/*栏目分页*/

.subleft .leftcont .tel{background-image: url(/style/images/fl_tel_blue.png);}

.index .product ul li .img .bg{background: url(/style/images/pro_bg_blue.png);}

.subleft .lefta{margin-bottom: 20px;}

.subleft .lefta .comt{background: #ffff;padding: 20px;padding-bottom: 1px;}

.subleft .lefta .comt ul li a{display: block;color: #333;font-size: 16px;line-height: 50px;padding-left: 20px;padding-right: 45px;margin-bottom: 20px;overflow: hidden;background: #eaeaea url(../images/prolgo.png) no-repeat center right 15px;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}

.subleft .lefta .comt ul li:hover a,.subleft .lefta .comt ul li.hover a{color: #fff;background-color:#EF801A;}

.subleft .lefta .comt ul li .boxlist{display: none;position: relative;margin-top: -20px;margin-bottom: 20px;background: #eaeaea;}

.subleft .lefta .comt ul li .boxlist li a{color: #333;font-size: 14px;font-weight: normal;margin: 0;padding: 0 20px;line-height: 40px;background: none;border-top: 1px dashed #ddd;}

.subleft .lefta .comt ul li .boxlist li:first-child a{border: 0;}

.subleft .lefta .comt ul li .boxlist li a:hover,.subleft .lefta .comt ul li .boxlist li a.hover{color: var(--colour1);}

.subleft .lefta .comt ul li.hover .boxlist{display: block;}

/*联系我们*/

.subleft .leftcont{background: #fff;}

.subleft .leftcont .tel{height: 91px;text-indent: 85px;background-position: 32px 28px;background-repeat: no-repeat;border-bottom: 1px solid #eaeaea;}

.subleft .leftcont .tel p{color: #2d2d2d; font-size: 14px; line-height: 14px; padding-top: 28px;}

.subleft .leftcont .tel h3{color: #EF801A; font-size: 24px; line-height: 24px; margin-top: 7px;}

.subleft .leftcont .con{color: #2d2d2d;line-height: 30px;padding: 20px 25px;}

/*内页右侧*/

.subright{width: 875px;}

/*默认单页*/

.Aboutpage{color: #666;font-size: 14px;line-height: 28px;text-align: justify;padding: 20px;background: #fff;min-height: 550px;}

.Aboutpage img{max-width: 100%;}

.Aboutpage .t{padding: 0 0 25px;color: var(--colour1);font-size: 18px;}

.Aboutpage .t2{padding: 25px 0;color: var(--colour1);font-size: 24px;}

/*文章列表*/

.Newslist{}

.Newslist .list{margin-bottom: 20px;background: #fff;}

.Newslist .list li{border: 1px solid #dfdfdf;border-top: none;padding: 20px 30px;transition: all .5s;}

.Newslist .list li:first-child{border-top: 1px solid #dfdfdf;}

.Newslist .list li .img{position:relative;width: 180px;height: 135px;display:block;overflow: hidden;cursor: pointer;}

.Newslist .list li .img img{width: 100%;height: 100%;transition: all 0.3s ease-out 0s;}

.Newslist .list li .txt{position: relative;width: 615px;}

.Newslist .list li .txt h3{color: #333;font-size: 20px;font-weight: bold;line-height: 30px;padding-right: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}

.Newslist .list li .txt .hits{position: absolute;top: 0;right: 0;padding-left: 25px;background: url(/style/images/hits.png) no-repeat center left;color: #7a7a7a;font-size: 14px;line-height: 30px;}

.Newslist .list li .txt p{color: #7a7a7a;line-height: 25px;text-align: justify;margin-top: 15px;margin-bottom: 20px;height: 50px;overflow: hidden;}

.Newslist .list li .txt .itags{font-size: 14px;color: #787878;line-height: 20px;padding-left: 25px;background: url(/style/images/tags.png) no-repeat center left 1px;}

.Newslist .list li .txt .itags a{color: #787878;}

.Newslist .list li .txt .itags a:hover{color: var(--colour1);}

.Newslist .list li .txt .more{width: 35px;height: 35px;position: absolute;bottom: 0;right: 0;background: url(/style/images/more1.png) no-repeat center top;cursor: pointer;border-radius: 50%;transition: all .5s;}

.Newslist .list li:hover{box-shadow: 0 0 20px #dfdfdf;}

.Newslist .list li:hover .txt h3{color:var(--colour1);}

.Newslist .list li:hover .txt .more{background-image: url(/style/images/more2.png);    background-color: #ef801a;}

/*产品列表*/

.Prolist .list{float: left;width: 100%;padding-left: 0px;}

.Prolist .list li{float: left;width: 285px;margin-bottom: 10px;margin-right: 10px;padding-bottom: 20px;background: #fff;transition: all .5s;}

.Prolist .list li:nth-child(3n){margin-right: 0;}

.Prolist .list li .img{width: 100%;height: 214px;}

.Prolist .list li .img img{width: 100%;height: 100%;display: block;transition: all .5s;}

.Prolist .list li .txt{padding: 20px;padding-bottom: 0;}

.Prolist .list li .txt h3{color: #2c2c2c;font-size: 16px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.Prolist .list li .txt p{color: #6b6b6b;font-size: 14px;line-height: 22px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 15px;}

.Prolist .list li .more{padding: 20px;padding-bottom: 0;}

.Prolist .list li .more a{width: 121px;height: 42px;line-height: 42px;text-indent: 25px;background: url(/style/images/prolib.png) no-repeat center right 20px;border-radius: 0 50px 50px 0;border: 1px solid #ddd;}

.Prolist .list li .more a:hover{color: #fff;background: var(--colour1) url(../images/prolibon.png) no-repeat center right 20px;border-color: var(--colour1);}

.Prolist .list li .more a:nth-child(1){border-right: none;border-radius: 50px 0 0 50px;}

.Prolist .list li:hover{box-shadow: 0px 0px 20px #aaa;}

.Prolist .list li:hover .img img{transform: scale(1.1);}

/*图片列表*/

.Piclist .list{float: left;width: 100%;padding-left: 0px;}

.Piclist .list li{float: left;width: 285px;margin-bottom: 10px;margin-right: 10px;transition: all .5s;}

.Piclist .list li:nth-child(3n){margin-right: 0;}

.Piclist .list li .img{position: relative;width: 100%;height: 214px;overflow: hidden;}

.Piclist .list li .img img{display: block;width: 100%;height: 100%;transition: all .5s;}

.Piclist .list li h3{color: #555;font-size: 16px;text-align: center;display: block;line-height: 50px;background: #fff;padding: 0 10px;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.Piclist .list li:hover{box-shadow: 0px 0px 20px #aaa;}

.Piclist .list li:hover .img img{transform: scale(1.1);}

.Piclist .list li:hover h3{color: #fff;background: var(--colour1);}

/*留言表单*/

.formData{padding-bottom: 20px;}

.formData .item{float: left;color: #999;font-weight: normal;width: 380px;height: 45px;line-height: 45px;border: 1px solid #e4e4e4;margin-right: 75px;margin-bottom: 25px;position: relative;box-sizing: border-box;}

.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 43px;line-height: 43px;font-size: 18px;color: #666;}

.formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;}

.formData .item .txt{width: 100%;height: 43px;line-height: 43px;display: block;background: none;padding-left: 70px;border: 0 none;color: #666;box-sizing: border-box;}

.formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}

.formData .item.mr0{margin-right: 0;}

.formData .msg-box{position: absolute;left: 0;top: 0px;}

.formData .liuyan{width: 100%;height: 260px;border: 1px solid #e4e4e4;float: left;}

.formData .liuyan label{text-align: right;display: block;top: 7px;}

.formData .liuyan textarea{width: 100%;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #666;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;box-sizing: border-box;}

.formData .bot{width: 100%;}

.formData .sub{width: 232px;line-height: 42px;border: 2px solid var(--colour1);margin-right: 2px;text-align: center;background: var(--colour1);color: #FFF;cursor: pointer;font-size: 18px;display: block;outline: none;transition: all .5s;}

.formData .sub:hover{background: none;color: var(--colour1);}

.formData .yzm .txt{padding-left: 80px;}

.formData .yzm img{position: absolute;right: 0;top: 0;border: 0;display: block;}

/*内容详情页*/

.conBox{padding: 20px;background: #fff;}

.conBox .ArticleTitle h1{font-size: 24px;text-align: center;padding: 20px 0px;font-weight: bold;}

.conBox .ArticleMessage{line-height: 30px;height: 30px;margin-bottom: 10px;text-align: center;border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;}

.conBox .ArticleMessage span:first-child{margin-left:0;}

.conBox .ArticleMessage span{color: #999;margin-left: 14px;font-size: 12px;}

.conBox .ArticleMessage .jiathis_style{float: left; margin-top: 5px;}

.conBox .ArticleTencont{padding: 5px 0px 20px 0px;color: #666;font-size:14px;line-height: 28px;text-align: justify;overflow: hidden;}

.conBox .ArticleTencont img{max-width: 100%;}

.conBox #pic{width: max-content;margin: 20px auto;padding: 1px;box-shadow: 0 0 20px 0 rgba(0,0,0,.3);}

.conBox #pic img{max-width: 800px;}

/*相关新闻*/

.HotNews{padding-top: 15px;}

.HotNews .title{font-size: 22px;line-height: 50px;height: 50px;position: relative;}

.HotNews .title span{color: var(--colour1);}

.HotNews .title .more{float: right;font-size: 14px;}

.HotNews .title:after{content:" ";position: absolute;left: 0;bottom: 0;width: 24px;height: 1px;background-color: var(--colour1);}

.HotNews .box{padding: 40px;background: #fff;transition: all .5s;}

.HotNews .box .hot{width: 580px;}

.HotNews .box .hot .img{float: left;width: 206px;height: 155px;overflow: hidden;}

.HotNews .box .hot .img img{width: 100%;height: 100%;display: block;transition: all .5s;}

.HotNews .box .hot .txt{float: right;position: relative;width: 350px;height: 155px;transition: all .5s;}

.HotNews .box .hot .txt h3{font-size: 16px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.HotNews .box .hot .txt p{color: #666;font-size: 14px;line-height: 23px;overflow: hidden;margin-top: 9px;height: 75px;}

.HotNews .box .hot .txt span{color: #8e8e8e; font-size: 14px; margin-top: 5px;}

.HotNews .box .hot .txt .more{width: 35px;height: 35px;position: absolute;bottom: 0;right: 0;background: url(/style/images/more1.png) no-repeat center top;cursor: pointer;border-radius: 50%;transition: all .5s;}

.HotNews .box .list{width: 470px;height: 155px;padding-left: 34px;border-left: 1px dashed #ddd;overflow: hidden;}

.HotNews .box .list li{position: relative;font-size: 14px;line-height: 33px;border-bottom: 1px dashed #ddd;}

.HotNews .box .list li:nth-child(1){margin-top: -8px;}

.HotNews .box .list h3{padding-right: 90px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.HotNews .box .list span{position: absolute;top: 0;right: 0;color: #999;}

.HotNews .box:hover{box-shadow: 0 10px 20px 0 #ccc;}

.HotNews .box .hot:hover .img img{transform: scale(1.1);}

.HotNews .box .hot:hover .txt .more{background-image: url(/style/images/more2.png);background-color: var(--colour1);}

/*内容分页*/

.reLink{height: 38px;border: 1px solid #ddd;margin: 10px auto 10px;padding: 0px 10px;}

.reLink .prevLink, .reLink .nextLink{height: 38px;line-height: 38px;color: #666;}

.reLink .prevLink a, .reLink .nextLink a{height: 38px;line-height: 38px;color: #666;}

.reLink .prevLink a:hover, .reLink .nextLink a:hover{color: var(--colour1);}

.reLink .prevLink{float: left;}

.reLink .nextLink{float: right;}

/*浮动客服*/

.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}

.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: var(--colour1);margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}

.toolbar dd:first-child{margin-top: 0;}

.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(/style/images/toolbar.png) no-repeat center 0;}

.toolbar dd.qq i{background-position-y: 0;}

.toolbar dd.tel i{background-position-y: -30px;}

.toolbar dd.code i{background-position-y: -60px;}

.toolbar dd.top i{background-position-y: -90px;}

.toolbar dd span{display: block;color: #fff;}

.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: var(--colour1);opacity: 0;transition: all .5s;}

.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}

.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}

.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent var(--colour1);border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}

.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: var(--colour1);opacity: 0;transition: all .5s;}

.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}

.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent var(--colour1);border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}

.toolbar dd:hover{background: #333;}

.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}

.toolbar dd.code:hover .box{opacity: 1;right: 80px;}

/*↓组图样式↓*/

.HS10, .HS15{overflow:hidden;clear:both;}

.HS10{height:10px;}

.HS15{height:15px;}

.Hidden{display:none;}

.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}

.FlLeft{float:left;}

.FlRight{float:right;}

/*幻灯片区域背景*/

.MainBg{width: 100%;margin:0 auto;}

/*大图展示区域*/

.OriginalPicBorder{padding: 0;}

#OriginalPic{width: 100%;overflow:hidden;position:relative;font-size:12px;}

#OriginalPic img{display:block;min-width: 100px;max-width: 100%;margin:0 auto;}

/*鼠标手势*/

.CursorL{position:absolute;z-index:999;width:50%;height: 100%;color:#FFF;left: 0;cursor:url(/style/images/CurL.cur), auto;}

.CursorR{position:absolute;z-index:999;width:50%;height: 100%;color:#FFF;right:0;cursor:url(/style/images/CurR.cur), auto;}

/*小图预览和滑动*/

.SliderPicBorder{width: 100%;overflow:hidden;}

.ThumbPicBorder {width: 100%;margin:0 auto;background: #eeeeee;overflow: hidden;position: relative;border-radius: 5px;}

.ThumbPicBorder #btnPrev,.ThumbPicBorder #btnNext{width: 40px;height: 100px;cursor:pointer;position: absolute;left: 15px;top: 15px;}

.ThumbPicBorder #btnNext{left: auto;right: 15px;}

.ThumbPicBorder .pic{width: 700px;overflow: hidden;position: relative;margin: 15px auto;}

#ThumbPic img{border: 3px solid #ddd;cursor:pointer;background-color: #ddd;margin: 0 5px;width: 124px;height: 94px;display:block;transition: all .5s;}

#ThumbPic img.active{border: 3px solid var(--colour1);}

/*CSS3动画*/

@keyframes zy{

10%{transform: rotate(15deg);}

20%{transform: rotate(-10deg);}

30%{transform: rotate(5deg);}

40%{transform: rotate(-5deg);}

50%,100%{transform: rotate(0deg);}}

#ie{position: fixed;top: 0;width: 100%;height: 100%;z-index: 9999;background: #00aeff;}

#ie p{position: absolute;top: 50%;margin-top: -60px;left: 50%;margin-left: -540px;width: 1080px;color: #fff;font-size: 20px;line-height: 2;text-align: center;}



#maximg img{ max-width:100%; height:auto !important}

.fl{float: left;}

.fr{float: right;}

.tac{text-align: center;}

.tar{text-align: right;}

.poa{position: absolute;}

.por{position: relative;}

.hidden{display: none;}



.active {

    

    background-color: #EF801A;

}

.active a {

    color: #fff !important;

    background-color: #EF801A !important;

}









.textlist .list {

	width: 108%;

}

.textlist {

	position: relative;

	overflow: hidden;

	padding-top: 40px;

}

.textlist li {

	float: left;

	width: 47%;

	height: 120px;

	margin-right: 20px;

	transition: all 0.2s linear 0s;

	margin-bottom: 20px;

	background: #f7f7f7;

}

.textlist li a {

	

	

}

.textlist li .img {

	width: 120px;

	height: 90px;

	overflow: hidden;

	cursor: pointer;

	position: relative;

}

.textlist li .img img {

	width: 100%;

	height: 100%;

	transition: all 0.3s ease-out 0s;

}

.textlist li a:hover img {

	transform: scale(1.2, 1.2);

}

.textlist li .txt {

	width: 390px;

}

.textlist li h3 {

	font-size: 18px;

	color: #000;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.textlist li a:hover h3 {

	color: #fe0101;

}

.textlist .desc {

	line-height: 24px;

	height: 52px;

	overflow: hidden;

	margin-bottom: 5px;

	color: #999;

	cursor: pointer;

	font-size: 12px;

	padding-top: 10px;

}

.textlist span {

	display: block;

	color: #333;

	font-size: 16px;

	font-family: arial;

	font-weight: bold;

}

.nybanner {

	width: 100%;

	height: 200px;

	position: relative;

	overflow: hidden;

	background-position: center top;

	background-repeat: no-repeat;

	background-image: url(/style/images/nybanner.jpg);

}





#footer{position:relative; z-index: 99;}

.footer{height:130px; font-size: 0; letter-spacing: -4px; padding-top:30px; background: #373737;}

.footer .txt{float: left; padding-top:6px;}

.footer p{font-size: 14px; color:#aeaeae; line-height: 20px; letter-spacing: normal; font-weight: bold;}

.footer a{display:inline-block; font-size: 14px; color:#aeaeae; line-height: 20px; padding:0 9px; letter-spacing: normal; font-weight: bold;}

.footer a.id{padding:0;}

.footer .serviceti{

	display: inline-block;

	position: relative;

}

.footer .serviceti .dcserv{

		position: absolute;

		opacity: 0;

		top: -84px;

		left: -9px;

		/* background: #fff; */

		padding: 5px;

		width: 94px;

		border-radius: 0px;

		pointer-events: none;

		/* border: 3px solid #f90; */



		    height: 85px;

}

.footer .serviceti .dcserv i {

	    width: 0;

	    height: 0;

	    border: 9px solid transparent;

	    border-top-color: #f90;

	    position: absolute;

	    left: 39px;

	    top: 72px;

		

}

.footer .serviceti .dcserv .dcserv_a{

	background: #fff;

	    padding: 10px 0;

	    text-align: center;

		margin-top: -8px;

		border: 5px solid #f90;

}

.footer .serviceti .dcserv a{

	display: block;

	margin-bottom: 5px;

}

.footer .serviceti .dcserv a:hover{

	color: #f90;

}

.footer .serviceti .dcserv a:last-child{

	margin-bottom: 0;

}

.footer .serviceti:hover .dcserv{

	opacity: 1;

	pointer-events: initial;

}

.footer a:hover{color:#ff9c00;}

.footer .phone{float: left; padding-left: 10px;}

.footer .phone p{color:#ff9f00; font-size: 14px; padding-left: 40px; line-height: 33px; background:url("/static/f_icon_phone.png") no-repeat left;}

.footer .phone em{display:inline-block; vertical-align: top; font-size: 24px; color:#ff9f00; font-family: "RUBIK-REGULAR-WEBFONT"; font-weight: normal; padding-left: 8px;}

.footer .w_le .txt,.footer .w_le .phone{float: left;}

.footer .w_le{float: left; }

.footer .w_ri{float: right; line-height: 33px;}

.footer .w_ri .f_wx_box{position:relative; margin-left: 9px; display:inline-block; font-size: 14px; font-weight: bold; line-height: 33px; color:#aeaeae; letter-spacing: normal; padding-left: 48px; background:url("/static/images/icon_wx.png") no-repeat left center; cursor:pointer;}

.footer .w_ri .f_wx_box .ma{display:none; position:absolute; left:-36px; bottom:35px; width:105px; height:114px; background:url("/static/f_ma_bg.png") no-repeat center;}

.footer .w_ri .f_wx_box .ma img{position: absolute; left: 5px; top: 5px; z-index: 10; width: 95px;}

.footer .w1200{position:relative;}

.footer .reenoo{position:absolute; left:0; padding:0; top:52px;}