html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
	margin: 0;
	padding: 0
}
@font-face {
	font-family: 'iconfont';
	src: url("http://at.alicdn.com/t/font_893078_juhyeejhlsq.eot");
	src: url("http:http://at.alicdn.com/t/font_893078_juhyeejhlsq.eot?#iefix") format("embedded-opentype"), url("http://at.alicdn.com/t/font_893078_juhyeejhlsq.woff") format("woff"), url("http://at.alicdn.com/t/font_893078_juhyeejhlsq.ttf") format("truetype"), url("http://at.alicdn.com/t/font_893078_juhyeejhlsq.svg#iconfont") format("svg")
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}
body {
	color: #333;
	background: #f3f6f9;
	font-size: 14px;
	font-family: "Roboto", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif
}
a {
	text-decoration: none;
	color: #000
}
a:hover, a:focus {
	color: #ef5516;
	text-decoration: none
}
.w_col {
	max-width: 1440px;
	margin: 0 auto
}
@media (max-width: 1681px) {
.w_col {
	max-width: 1300px
}
}
@media (max-width: 1440px) {
.w_col {
	max-width: 1200px
}
}
@media (max-width: 1380px) {
.w_col {
	max-width: 1100px
}
}
@media (max-width: 1288px) {
.w_col {
	max-width: 1000px
}
}
.w {
	max-width: 1400px;
	margin: 0 auto
}
@media (max-width: 1440px) {
.w {
	max-width: 1300px
}
}
@media (max-width: 1380px) {
.w {
	max-width: 1200px
}
}
.WinH {
	position: relative
}
.p20 {
	padding: 20px !important
}
.pages {
	text-align: center;
	padding: 0 0 10px
}
.pages a {
	display: block;
	width: 80px;
	height: 34px;
	line-height: 32px;
	font-size: 14px;
	background: none;
	color: #999;
	border: 1px solid #999
}
.pages a:hover {
	color: #999
}
.text-center {
	text-align: center
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0 0 30px 0;
	border-radius: 0px
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 16px;
	margin-left: 0px;
	line-height: 1.42857143;
	color: #fff;
	text-decoration: none;
	background-color: #999;
	border: none;
	font-size: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	z-index: 3;
	color: #fff;
	background: #ef5516
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #ef5516;
	border-color: #ef5516
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: regular;
	src: url("http://lib.baomitu.com/fonts/roboto/roboto-regular.eot");
	src: local("Roboto"), local("Roboto-Normal"), url("http:http://lib.baomitu.com/fonts/roboto/roboto-regular.eot?#iefix") format("embedded-opentype"), url("http:http://lib.baomitu.com/fonts/roboto/roboto-regular.woff2") format("woff2"), url("http://lib.baomitu.com/fonts/roboto/roboto-regular.woff") format("woff"), url("http://lib.baomitu.com/fonts/roboto/roboto-regular.ttf") format("truetype"), url("http://lib.baomitu.com/fonts/roboto/roboto-regular.svg#Roboto") format("svg")
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url("http://lib.baomitu.com/fonts/roboto/roboto-500.eot");
	src: local("Roboto"), local("Roboto-Normal"), url("http:http://lib.baomitu.com/fonts/roboto/roboto-500.eot?#iefix") format("embedded-opentype"), url("http:http://lib.baomitu.com/fonts/roboto/roboto-500.woff2") format("woff2"), url("http://lib.baomitu.com/fonts/roboto/roboto-500.woff") format("woff"), url("http://lib.baomitu.com/fonts/roboto/roboto-500.ttf") format("truetype"), url("http://lib.baomitu.com/fonts/roboto/roboto-500.svg#Roboto") format("svg")
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url("http://lib.baomitu.com/fonts/roboto/roboto-700.eot");
	src: local("Roboto"), local("Roboto-Normal"), url("http:http://lib.baomitu.com/fonts/roboto/roboto-700.eot?#iefix") format("embedded-opentype"), url("http:http://lib.baomitu.com/fonts/roboto/roboto-700.woff2") format("woff2"), url("http://lib.baomitu.com/fonts/roboto/roboto-700.woff") format("woff"), url("http://lib.baomitu.com/fonts/roboto/roboto-700.ttf") format("truetype"), url("http://lib.baomitu.com/fonts/roboto/roboto-700.svg#Roboto") format("svg")
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url("http://lib.baomitu.com/fonts/roboto/roboto-300.eot");
	src: local("Roboto"), local("Roboto-Normal"), url("http:http://lib.baomitu.com/fonts/roboto/roboto-300.eot?#iefix") format("embedded-opentype"), url("http:http://lib.baomitu.com/fonts/roboto/roboto-300.woff2") format("woff2"), url("http://lib.baomitu.com/fonts/roboto/roboto-300.woff") format("woff"), url("http://lib.baomitu.com/fonts/roboto/roboto-300.ttf") format("truetype"), url("http://lib.baomitu.com/fonts/roboto/roboto-300.svg#Roboto") format("svg")
}
.Validform_checktip {
	margin-left: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	color: #999;
	font-size: 12px
}
.Validform_right {
	color: #71b83d;
	padding-left: 20px;
	background: url(/home/css/images/right.png) no-repeat left center
}
.Validform_wrong {
	color: red;
	padding-left: 20px;
	white-space: nowrap;
	background: url(/home/css/images/error.png) no-repeat left center
}
.Validform_loading {
	padding-left: 20px;
	background: url(/home/css/images/onLoad.gif) no-repeat left center
}
.Validform_error {
	background-color: #ffe7e7
}
#Validform_msg {
	color: #7d8289;
	font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
	width: 280px;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	background: #fff;
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 19891016;
	display: none;
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
	box-shadow: 2px 2px 0 rgba(0,0,0,0.1)
}
#Validform_msg .iframe {
	position: absolute;
	left: 0px;
	top: -1px;
	z-index: -1
}
#Validform_msg .Validform_title {
	line-height: 25px;
	height: 25px;
	text-align: left;
	font-weight: bold;
	padding: 0 8px;
	color: #fff;
	position: relative;
	background-color: #999;
	background: -moz-linear-gradient(top, #999, #666 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666')
}
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
	line-height: 22px;
	position: absolute;
	right: 8px;
	top: 0px;
	color: #fff;
	text-decoration: none
}
#Validform_msg a.Validform_close:hover {
	color: #ccc
}
#Validform_msg .Validform_info {
	padding: 8px;
	border: 1px solid #bbb;
	border-top: none;
	text-align: left
}
.page_404 {
	width: 100%;
	background: #fff;
	position: relative
}
.page_404 .inner {
	width: 800px;
	height: 550px;
	padding: 425px 0 0;
	background: url("/home/image/404.jpg") center center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -275px
}
.page_404 .inner span.txt {
	display: block;
	font-size: 20px;
	color: #999;
	text-align: center;
	margin-bottom: 20px
}
.page_404 .inner .btn {
	width: 100%
}
.page_404 .inner .btn ul {
	text-align: center
}
.page_404 .inner .btn ul li {
	display: inline-block;
	width: 90px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 6px
}
.page_404 .inner .btn ul li a {
	display: block
}
.page_404 .inner .btn ul li:nth-child(1) a {
	background: #ef5516;
	color: #fff
}
.page_404 .inner .btn ul li:nth-child(2) {
	line-height: 36px
}
.page_404 .inner .btn ul li:nth-child(2) a {
	border: 2px solid #ef5516;
	color: #ef5516
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 40px;
	right: 20px;
	z-index: 100;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(/home/image/backtotop.png) no-repeat 0px 0px
}
@media (max-width: 668px) {
#toTop {
	right: 10px;
	bottom: 70px
}
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	background: url(/home/image/backtotop.png) no-repeat 0px -40px
}
#toTop:active, #toTop:focus {
	outline: none
}
@font-face {
	font-family: "socialshare";
	src: url("http://file.tqchina.cn/sharejs/fonts/iconfont.eot");
	src: url("http:http://file.tqchina.cn/sharejs/fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("http://file.tqchina.cn/sharejs/fonts/iconfont.woff") format("woff"), url("http://file.tqchina.cn/sharejs/fonts/iconfont.ttf") format("truetype"), url("http://file.tqchina.cn/sharejs/fonts/iconfont.svg#iconfont") format("svg")
}
.social-share {
	font-family: "socialshare" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}
.social-share * {
	font-family: "socialshare" !important
}
.social-share .icon-tencent:before {
	content: "\f07a"
}
.social-share .icon-qq:before {
	content: "\f11a"
}
.social-share .icon-weibo:before {
	content: "\f12a"
}
.social-share .icon-wechat:before {
	content: "\f09a"
}
.social-share .icon-douban:before {
	content: "\f10a"
}
.social-share .icon-heart:before {
	content: "\f20a"
}
.social-share .icon-like:before {
	content: "\f00a"
}
.social-share .icon-qzone:before {
	content: "\f08a"
}
.social-share .icon-linkedin:before {
	content: "\f01a"
}
.social-share .icon-diandian:before {
	content: "\f05a"
}
.social-share .icon-facebook:before {
	content: "\f03a"
}
.social-share .icon-google:before {
	content: "\f04a"
}
.social-share .icon-twitter:before {
	content: "\f06a"
}
.social-share a {
	position: relative;
	text-decoration: none;
	margin: 0 0 0 20px;
	display: inline-block;
	outline: none
}
.social-share .social-share-icon {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 18px;
	border-radius: 50%;
	line-height: 30px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	transition: background 0.6s ease-out 0s
}
.social-share .social-share-icon:hover {
	background: #fff;
	color: #fff
}
.social-share .icon-weibo {
	background: #d81e06
}
.social-share .icon-weibo:hover {
	color: #d81e06
}
.social-share .icon-tencent {
	color: #56b6e7;
	border-color: #56b6e7
}
.social-share .icon-tencent:hover {
	background: #56b6e7
}
.social-share .icon-qq {
	color: #56b6e7;
	border-color: #56b6e7
}
.social-share .icon-qq:hover {
	background: #56b6e7
}
.social-share .icon-qzone {
	color: #FDBE3D;
	border-color: #FDBE3D
}
.social-share .icon-qzone:hover {
	background: #FDBE3D
}
.social-share .icon-douban {
	color: #33b045;
	border-color: #33b045
}
.social-share .icon-douban:hover {
	background: #33b045
}
.social-share .icon-linkedin {
	color: #0077B5;
	border-color: #0077B5
}
.social-share .icon-linkedin:hover {
	background: #0077B5
}
.social-share .icon-facebook {
	background: #44619D
}
.social-share .icon-facebook:hover {
	color: #44619D
}
.social-share .icon-google {
	color: #db4437;
	border-color: #db4437
}
.social-share .icon-google:hover {
	background: #db4437
}
.social-share .icon-twitter {
	background: #55acee
}
.social-share .icon-twitter:hover {
	color: #55acee
}
.social-share .icon-diandian {
	color: #307DCA;
	border-color: #307DCA
}
.social-share .icon-diandian:hover {
	background: #307DCA
}
.social-share .icon-wechat {
	position: relative;
	background: #7bc549
}
.social-share .icon-wechat:hover {
	color: #7bc549
}
.social-share .icon-wechat .wechat-qrcode {
	display: none;
	border: 1px solid #eee;
	position: absolute;
	z-index: 9;
	top: -205px;
	left: -84px;
	width: 200px;
	height: 192px;
	color: #666;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 2px 10px #aaa;
	transition: all 200ms;
	-webkit-tansition: all 350ms;
	-moz-transition: all 350ms
}
.social-share .icon-wechat .wechat-qrcode.bottom {
	top: 40px;
	left: -84px
}
.social-share .icon-wechat .wechat-qrcode.bottom:after {
	display: none
}
.social-share .icon-wechat .wechat-qrcode h4 {
	font-weight: normal;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	color: #777
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
	width: 105px;
	margin: 10px auto
}
.social-share .icon-wechat .wechat-qrcode .qrcode table {
	margin: 0 !important
}
.social-share .icon-wechat .wechat-qrcode .help p {
	font-weight: normal;
	line-height: 16px;
	padding: 0;
	margin: 0
}
.social-share .icon-wechat .wechat-qrcode:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -13px;
	width: 0;
	height: 0;
	border-width: 8px 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent
}
.social-share .icon-wechat:hover .wechat-qrcode {
	display: block
}
#warper #sidebar-wrapper {
	width: 200px;
	height: 100%;
	padding: 20px;
	left: -250px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#warper #sidebar-wrapper a.logo {
	display: block;
	float: none;
	width: 100%
}
#warper #sidebar-wrapper a.logo img {
	width: 100%
}
#warper.toggled #sidebar-wrapper {
	left: 0;
	z-index: 101;
	overflow-y: scroll;
	background-color: #f5f5f5;
	border-color: #f5f5f5
}
.hamburger {
	position: absolute;
	right: 10px;
	top: 12px;
	z-index: 10000;
	width: 20px;
	height: 16px;
	background: transparent;
	border: none
}
.hamburger:hover, .hamburger:focus, .hamburger:active {
	outline: none
}
.hamburger.is-closed:before {
	content: '';
	display: block;
	width: 100px;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-closed:hover:before {
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(-100px, 0, 0);
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0
}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom {
	background-color: #fff
}
.hamburger.is-closed .hamb-top {
	top: 0px;
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-closed .hamb-middle {
	top: 50%;
	margin-top: -1px
}
.hamburger.is-closed .hamb-bottom {
	bottom: 0px;
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-closed:hover .hamb-top {
	top: 0;
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-closed:hover .hamb-bottom {
	bottom: 0;
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
	background-color: #fff
}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom {
	top: 50%;
	margin-top: -2px
}
.hamburger.is-open .hamb-top {
	-webkit-transform: rotate(45deg);
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08)
}
.hamburger.is-open .hamb-middle {
	display: none
}
.hamburger.is-open .hamb-bottom {
	-webkit-transform: rotate(-45deg);
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08)
}
.hamburger.is-open:before {
	content: '';
	display: block;
	width: 100px;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all .35s ease-in-out
}
.hamburger.is-open:hover:before {
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(-100px, 0, 0);
	-webkit-transition: all .35s ease-in-out
}
.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 100
}
.target-fix {
	position: relative;
	top: 0px;
	display: block;
	height: 1px;
	background: none;
	overflow: hidden;
	outline: 0;
	text-decoration: none;
	border: none
}
.target-fix:focus {
	outline: 0
}
body, html {
	width: 100%;
	height: 100%
}
#warper {
	padding: 0 40px 40px
}
@media (max-width: 1180px) {
#warper {
	padding: 0 10px 10px
}
}
header {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center
}
@media (max-width: 668px) {
header {
	height: 80px
}
}
header a.logo {
	width: 210px
}
@media (max-width: 668px) {
header a.logo {
	width: 175px
}
}
header a.logo img {
	width: 100%
}
header .head_search {
	margin-left: auto;
	flex-shrink: 0;
	width: 260px;
	height: 40px;
	line-height: 40px;
	position: relative
}
@media (max-width: 1180px) {
header .head_search {
	display: none
}
}
header .head_search .search-form {
	width: 100%;
	height: 40px;
	background: #fff;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px
}
header .head_search .search-form label {
	font-weight: normal;
	margin-bottom: 0;
	width: 100%;
	padding: 0 40px 0 0
}
header .head_search .search-form label .search-field {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 0 0 20px;
	border: none;
	background: none;
	outline: 0;
	text-transform: uppercase
}
@media (max-width: 1681px) {
header .head_search .search-form label .search-field {
	font-size: 12px
}
}
header .head_search .search-form .search-submit {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	outline: 0;
	color: #0067e6;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9
}
header .head_search .search-form .search-submit i.iconfont {
	font-size: 20px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center
}
@media (max-width: 1681px) {
header .head_search .search-form .search-submit {
	text-align: left
}
}
@media (max-width: 1681px) {
header .head_search {
	width: 200px
}
}
@media (max-width: 1611px) {
header .head_search {
	width: 150px;
	position: relative
}
header .head_search .search-form {
	width: 40px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
header .head_search .search-form .search-submit {
	width: 40px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	text-align: center
}
header .head_search:hover .search-form {
	width: 200px
}
}
header .head_lang {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	margin: 0 0 0 30px
}
@media (max-width: 1681px) {
header .head_lang {
	margin-left: 20px
}
}
@media (max-width: 1180px) {
header .head_lang {
	margin-left: auto;
	margin-right: 20px
}
}
header .head_lang a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background: #0067e6;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 40px
}
header .head_phone {
	flex-shrink: 0;
	margin: 0 0 0 30px;
	width: 184px;
	height: 40px;
	text-align: center;
	color: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1681px) {
header .head_phone {
	margin-left: 20px
}
}
@media (max-width: 1180px) {
header .head_phone {
	display: none
}
}
header .head_phone p {
	display: block;
	width: 100%;
	height: 100%;
	background: #0067e6;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px
}
header .head_phone p i.iconfont {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	font-size: 20px
}
header .head_phone p span {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
	font-family: 'Roboto';
	font-weight: 700;
	font-size: 16px
}
@media (max-width: 1611px) {
header .head_phone {
	width: 40px;
	position: relative
}
header .head_phone p {
	overflow: hidden;
	position: absolute;
	right: 0;
	z-index: 11;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
header .head_phone:hover p {
	width: 184px
}
}
header .head_m_nav {
	display: none
}
@media (max-width: 1180px) {
header .head_m_nav {
	display: block;
	flex-shrink: 0;
	position: relative;
	width: 40px;
	height: 40px;
	background: #0067e6;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px
}
}
.nav_pc {
	margin-left: 30px;
	width: 1000px;
	height: 100px
}
@media (max-width: 1681px) {
.nav_pc {
	width: 900px
}
}
@media (max-width: 1288px) {
.nav_pc {
	width: 800px
}
}
@media (max-width: 1180px) {
.nav_pc {
	display: none
}
}
.top_menu {
	z-index: 100
}
.top_menu ul li.m {
	display: block;
	float: left;
	width: 12.5%;
	height: 100px;
	position: relative
}
.top_menu ul li.m h3 {
	display: block;
	font-size: 16px;
	line-height: 100px;
	text-align: center;
	color: #333;
	position: relative
}
@media (max-width: 1288px) {
.top_menu ul li.m h3 {
	font-size: 14px
}
}
.top_menu ul li.m h3:after {
	content: '';
	width: 0;
	height: 0;
	border-bottom: 5px solid #ef5516;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -5px;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.top_menu ul li.m h3 a {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	position: relative
}
.top_menu ul li.m h3 a:after {
	content: '';
	display: block;
	width: 0%;
	height: 1px;
	line-height: 1px;
	background: #ef5516;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 2;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.top_menu ul li.m.on h3:after {
	opacity: 1;
	filter: alpha(opacity=100)
}
.top_menu ul li.m.on h3 a {
	color: #ef5516
}
.top_menu ul li.m.on h3 a:after {
	width: 100%;
	left: 0%
}
.top_menu ul li.m .sub-menu {
	display: none;
	width: 120px;
	padding: 10px;
	background: rgba(239,85,22,0.8);
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -60px;
	z-index: 100
}
.top_menu ul li.m .sub-menu li {
	display: block;
	width: 100%
}
.top_menu ul li.m .sub-menu li h3:after {
	display: none
}
.top_menu ul li.m .sub-menu li a {
	display: block;
	width: 100%;
	height: 41px;
	line-height: 40px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	text-align: center;
	font-size: 14px;
	color: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.top_menu ul li.m .sub-menu li a:hover {
	border-bottom: 1px solid rgba(255,255,255,0.3);
	color: rgba(255,255,255,0.6)
}
.top_menu ul li.m .sub-menu li a:after {
	display: none
}
.top_menu ul li.m .sub-menu li:last-child a {
	height: 40px;
	border-bottom: none
}
.top_menu ul li.m.current-menu-item>h3 a, .top_menu ul li.m.current-menu-parent>h3 a {
	color: #ef5516
}
.top_menu ul li.m.current-menu-item>h3 a:after, .top_menu ul li.m.current-menu-parent>h3 a:after {
	width: 100%;
	left: 0%
}
.m_nav {
	margin: 30px 0 0
}
.m_nav li.m {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background: none;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0;
	box-shadow: none
}
.m_nav li.m .panel-title {
	line-height: 40px
}
.m_nav li.m .panel-title a {
	display: block;
	float: left;
	width: 60%;
	color: #333;
	text-decoration: none;
	font-size: 14px
}
.m_nav li.m .panel-title a.switch {
	display: block;
	float: right;
	width: 20px;
	height: 40px;
	color: #333;
	position: relative
}
.m_nav li.m .panel-title a.switch i {
	display: block;
	width: 10px;
	height: 20px;
	text-align: right;
	font-style: normal;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	z-index: 3
}
.m_nav li.m .panel-title a.switch i:after {
	content: '\e638';
	font-family: 'iconfont';
	font-size: 16px;
	display: block;
	width: 10px;
	height: 20px;
	line-height: 20px;
	color: #666
}
.m_nav li.m .panel-title a.switch[aria-expanded="true"] i {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}
.m_nav li.m .panel-collapse li {
	display: block;
	text-indent: 10px
}
.m_nav li.m .panel-collapse li h4 {
	line-height: 30px
}
.m_nav li.m .panel-collapse li h4 a {
	display: block;
	font-size: 12px
}
.m_nav li.m .panel-collapse .panel-body {
	border-top: none;
	padding: 15px 0
}
.m_nav li.m .panel-collapse .panel-body:before, .m_nav li.m .panel-collapse .panel-body:after {
	display: none
}
.m_nav li.m .panel-collapse .panel-body ul {
	margin: 0;
	padding: 0
}
.m_nav li.m .panel-collapse .panel-body ul li {
	display: block
}
.m_nav li.m .panel-collapse .panel-body ul li a {
	display: block;
	line-height: 30px;
	color: #666;
	text-indent: 20px
}
.index_banner {
	width: 100%;
	position: relative;
	overflow: hidden
}
.index_banner .swiper-slide {
	width: 100%
}
.index_banner .swiper-slide .inner {
	display: block;
	width: 100%;
	position: relative
}
.index_banner .swiper-slide .inner .txt {
	width: 100%;
	height: 240px;
	padding: 0 10%;
	color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -120px;
	z-index: 2
}
@media (max-width: 1180px) {
.index_banner .swiper-slide .inner .txt {
	height: 150px;
	margin-top: -75px
}
}
@media (max-width: 668px) {
.index_banner .swiper-slide .inner .txt {
	top: 80px;
	margin-top: 0;
	padding: 0 20px
}
}
.index_banner .swiper-slide .inner .txt .t_cn {
	font-size: 40px;
	line-height: 60px;
	font-weight: bold
}
@media (max-width: 1440px) {
.index_banner .swiper-slide .inner .txt .t_cn {
	font-size: 30px;
	line-height: 40px
}
}
@media (max-width: 1180px) {
.index_banner .swiper-slide .inner .txt .t_cn {
	font-size: 20px;
	line-height: 30px
}
}
.index_banner .swiper-slide .inner .txt i.line {
	display: block;
	width: 660px;
	height: 1px;
	line-height: 1px;
	background: rgba(255,255,255,0.3);
	margin: 30px 0
}
@media (max-width: 1440px) {
.index_banner .swiper-slide .inner .txt i.line {
	width: 550px;
	margin: 20px 0
}
}
@media (max-width: 668px) {
.index_banner .swiper-slide .inner .txt i.line {
	width: 80%
}
}
.index_banner .swiper-slide .inner .txt .t_en {
	font-size: 16px;
	line-height: 30px;
	font-weight: 300;
	text-transform: uppercase
}
@media (max-width: 1180px) {
.index_banner .swiper-slide .inner .txt .t_en {
	font-size: 14px;
	line-height: 20px
}
}
.index_banner .swiper-slide .inner img {
	width: 100%
}
.index_banner .swiper-slide .inner .img {
	display: block
}
@media (max-width: 668px) {
.index_banner .swiper-slide .inner .img {
	display: none
}
}
.index_banner .swiper-slide .inner .mimg {
	display: none
}
@media (max-width: 668px) {
.index_banner .swiper-slide .inner .mimg {
	display: block
}
}
.index_banner .banner_page {
	position: absolute;
	left: 10%;
	bottom: 140px;
	z-index: 20;
	text-align: left
}
@media (max-width: 1681px) {
.index_banner .banner_page {
	bottom: 110px
}
}
@media (max-width: 1611px) {
.index_banner .banner_page {
	bottom: 100px
}
}
@media (max-width: 1440px) {
.index_banner .banner_page {
	bottom: 120px
}
}
@media (max-width: 1180px) {
.index_banner .banner_page {
	bottom: 80px
}
}
@media (max-width: 968px) {
.index_banner .banner_page {
	bottom: 30px
}
}
@media (max-width: 668px) {
.index_banner .banner_page {
	left: 20px
}
}
.index_banner .banner_page li.swiper-pagination-bullet {
	width: 46px;
	height: 3px;
	outline: 0;
	-moz-border-radius: 0%;
	-webkit-border-radius: 0%;
	border-radius: 0%;
	background: #fff;
	margin: 0 10px 0 0;
	opacity: 1;
	filter: alpha(opacity=100)
}
.index_banner .banner_page li.swiper-pagination-bullet-active {
	background: #ef5516
}
.index_intro {
	margin: 20px 0 40px;
	padding: 40px 20px 0 40px;
	background: #fff
}
@media (max-width: 1180px) {
.index_intro {
	padding: 20px 20px 0 20px;
	margin-bottom: 20px
}
}
@media (max-width: 968px) {
.index_intro {
	padding: 20px
}
}
.index_intro_txt {
	float: left;
	width: 28%;
	position: relative
}
@media (max-width: 1180px) {
.index_intro_txt {
	width: 40%
}
}
@media (max-width: 668px) {
.index_intro_txt {
	float: none;
	width: 100%
}
}
.index_intro_txt .title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size: 30px;
	color: #333
}
.index_intro_txt .title:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-right: 14px;
	width: 44px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("/home/image/logo_small.jpg")
}
@media (max-width: 1440px) {
.index_intro_txt .title {
	font-size: 24px
}
}
@media (max-width: 1180px) {
.index_intro_txt .title {
	font-size: 20px
}
}
@media (max-width: 668px) {
.index_intro_txt .title {
	text-align: center
}
}
.index_intro_txt .des {
	margin: 20px 0 0px;
	text-align: justify;
	font-size: 18px;
	line-height: 34px;
	color: #666
}
@media (max-width: 1440px) {
.index_intro_txt .des {
	font-size: 17px;
	line-height: 26px
}
}
.index_intro_txt .des p {
	margin-bottom: 10px;
	text-indent: 28px
}
.index_intro_txt .more {
	display: block;
	width: 100%;
	height: 40px;
	margin-top: 100px;
	position: relative
}
@media (max-width: 1440px) {
.index_intro_txt .more {
	margin-top: 40px
}
}
@media (max-width: 668px) {
.index_intro_txt .more {
	margin-top: 20px
}
}
.index_intro_txt .more a {
	display: block;
	float: right;
	margin-right: -40px;
	width: 160px;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 30px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	background: #ef5516;
	-webkit-clip-path: polygon(10% 0%, 100% 0%, 84% 100%, 0% 100%);
	clip-path: polygon(10% 0%, 100% 0%, 84% 100%, 0% 100%)
}
@media (max-width: 1180px) {
.index_intro_txt .more a {
	float: left;
	width: 120px;
	padding: 0;
	text-align: center;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}
}
@media (max-width: 668px) {
.index_intro_txt .more {
	margin-bottom: 20px
}
.index_intro_txt .more a {
	float: none;
	margin: 0 auto
}
}
.index_intro_list {
	float: right;
	width: 72%;
	height: 360px;
	position: relative
}
@media (max-width: 1611px) {
.index_intro_list {
	height: 380px
}
}
@media (max-width: 1440px) {
.index_intro_list {
	height: 320px
}
}
@media (max-width: 1180px) {
.index_intro_list {
	width: 60%
}
}
@media (max-width: 668px) {
.index_intro_list {
	float: none;
	width: 100%;
	height: auto
}
}
.index_intro_list ul {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10
}
@media (max-width: 668px) {
.index_intro_list ul {
	width: auto;
	display: block;
	margin: 0 -10px;
	padding: 0;
	float: none
}
}
.index_intro_list ul li {
	display: block;
	width: 29%;
	height: 100%;
	position: absolute;
	bottom: -20px
}
@media all and (-ms-high-contrast: none) and (max-width: 1681px), (-ms-high-contrast: active) and (max-width: 1681px) {
.index_intro_list ul li {
	width: 264px;
	height: 320px
}
}
@media all and (-ms-high-contrast: none) and (max-width: 1440px), (-ms-high-contrast: active) and (max-width: 1440px) {
.index_intro_list ul li {
	width: 264px;
	height: 320px
}
}
@supports (-ms-ime-align: auto) {
@media (max-width: 1681px) {
.index_intro_list ul li {
width:264px;
height:320px
}
}
@media (max-width: 1440px) {
.index_intro_list ul li {
width:264px;
height:320px
}
}
}
@media (max-width: 1180px) {
.index_intro_list ul li {
	float: left;
	width: 50%;
	height: 140px;
	position: static;
	left: auto !important;
	bottom: auto !important;
	right: auto !important;
	top: auto !important;
	padding: 0 0 0 20px;
	margin-bottom: 20px
}
}
@media (max-width: 668px) {
.index_intro_list ul li {
	float: none;
	width: 100%;
	padding: 0 10px;
	height: 150px
}
.index_intro_list ul li:last-child {
	margin-bottom: 0
}
}
.index_intro_list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	text-align: center;
	color: #fff;
	-webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)
}
@media (max-width: 1180px) {
.index_intro_list ul li a {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}
}
.index_intro_list ul li a:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.index_intro_list ul li a:after {
	display: none
}
}
@supports (-ms-ime-align: auto) {
.index_intro_list ul li a:after {
display:none
}
}
.index_intro_list ul li a .title {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -55px;
	z-index: 3
}
@media (max-width: 1440px) {
.index_intro_list ul li a .title {
	margin-top: -45px
}
}
.index_intro_list ul li a .title b {
	display: block;
	font-size: 24px;
	line-height: 30px
}
@media (max-width: 1440px) {
.index_intro_list ul li a .title b {
	font-size: 20px
}
}
.index_intro_list ul li a .title em {
	display: block;
	text-transform: uppercase;
	font-style: normal;
	font-size: 20px;
	font-weight: lighter;
	line-height: 60px
}
@media (max-width: 1440px) {
.index_intro_list ul li a .title em {
	font-size: 16px;
	line-height: 40px
}
}
.index_intro_list ul li a .title span.icon {
	height: 20px;
	position: relative
}
.index_intro_list ul li a .title span.icon i:before {
	content: '';
	display: block;
	width: 14px;
	height: 2px;
	line-height: 2px;
	background: rgba(255,255,255,0.6);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -7px;
	margin-top: -1px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_intro_list ul li a .title span.icon i:after {
	content: '';
	display: block;
	width: 14px;
	height: 2px;
	line-height: 2px;
	background: rgba(255,255,255,0.6);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -7px;
	margin-top: -1px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_intro_list ul li a:hover:after {
	background: rgba(0,0,0,0.3)
}
.index_intro_list ul li a:hover span.icon i:before {
	background: #fff;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}
.index_intro_list ul li a:hover span.icon i:after {
	background: #fff;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}
.index_intro_list ul li:nth-child(1) {
	left: 0
}
@media all and (-ms-high-contrast: none) and (max-width: 1681px), (-ms-high-contrast: active) and (max-width: 1681px) {
.index_intro_list ul li:nth-child(1) {
	left: 50px
}
}
@media all and (-ms-high-contrast: none) and (max-width: 1440px), (-ms-high-contrast: active) and (max-width: 1440px) {
.index_intro_list ul li:nth-child(1) {
	left: 0px
}
}
@supports (-ms-ime-align: auto) {
@media (max-width: 1681px) {
.index_intro_list ul li:nth-child(1) {
left:50px
}
}
@media (max-width: 1440px) {
.index_intro_list ul li:nth-child(1) {
left:0px
}
}
}
.index_intro_list ul li:nth-child(1) a {
	background-image: url("/home/image/index_intro_01.jpg")
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.index_intro_list ul li:nth-child(1) a {
	background-image: url("/home/image/index_intro_01_ie.png")
}
}
@media all and (-ms-high-contrast: none) and (max-width: 1681px), (-ms-high-contrast: active) and (max-width: 1681px) {
.index_intro_list ul li:nth-child(1) a {
	background-image: url("/home/image/index_intro_01_ie_s.png")
}
}
@supports (-ms-ime-align: auto) {
.index_intro_list ul li:nth-child(1) a {
background-image:url("/home/image/index_intro_01_ie.png")
}
@media (max-width: 1681px) {
.index_intro_list ul li:nth-child(1) a {
background-image:url("/home/image/index_intro_01_ie_s.png")
}
}
}
.index_intro_list ul li:nth-child(2) {
	right: 47%
}
.index_intro_list ul li:nth-child(2) a {
	background-image: url("/home/image/index_intro_02.jpg")
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.index_intro_list ul li:nth-child(2) a {
	background-image: url("/home/image/index_intro_02_ie.png")
}
}
@media all and (-ms-high-contrast: none) and (max-width: 1681px), (-ms-high-contrast: active) and (max-width: 1681px) {
.index_intro_list ul li:nth-child(2) a {
	background-image: url("/home/image/index_intro_02_ie_s.png")
}
}
@supports (-ms-ime-align: auto) {
.index_intro_list ul li:nth-child(2) a {
background-image:url("/home/image/index_intro_02_ie.png")
}
@media (max-width: 1681px) {
.index_intro_list ul li:nth-child(2) a {
background-image:url("/home/image/index_intro_02_ie_s.png")
}
}
}
.index_intro_list ul li:nth-child(3) {
	right: 23.5%
}
.index_intro_list ul li:nth-child(3) a {
	background-image: url("/home/image/index_intro_03.jpg")
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.index_intro_list ul li:nth-child(3) a {
	background-image: url("/home/image/index_intro_03_ie.png")
}
}
@media all and (-ms-high-contrast: none) and (max-width: 1681px), (-ms-high-contrast: active) and (max-width: 1681px) {
.index_intro_list ul li:nth-child(3) a {
	background-image: url("/home/image/index_intro_03_ie_s.png")
}
}
@supports (-ms-ime-align: auto) {
.index_intro_list ul li:nth-child(3) a {
background-image:url("/home/image/index_intro_03_ie.png")
}
@media (max-width: 1681px) {
.index_intro_list ul li:nth-child(3) a {
background-image:url("/home/image/index_intro_03_ie_s.png")
}
}
}
.index_intro_list ul li:nth-child(4) {
	right: 0
}
.index_intro_list ul li:nth-child(4) a {
	background-image: url("/home/image/index_intro_04.jpg")
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.index_intro_list ul li:nth-child(4) a {
	background-image: url("/home/image/index_intro_04_ie.png")
}
}
@media all and (-ms-high-contrast: none) and (max-width: 1681px), (-ms-high-contrast: active) and (max-width: 1681px) {
.index_intro_list ul li:nth-child(4) a {
	background-image: url("/home/image/index_intro_04_ie_s.png")
}
}
@supports (-ms-ime-align: auto) {
.index_intro_list ul li:nth-child(4) a {
background-image:url("/home/image/index_intro_04_ie.png")
}
@media (max-width: 1681px) {
.index_intro_list ul li:nth-child(4) a {
background-image:url("/home/image/index_intro_04_ie_s.png")
}
}
}
.index_product {
	width: 100%;
	height: 230px;
	margin: 0 0 40px;
	background-image: linear-gradient(to right, #35d5ad, #00c7ce, #00b5ec, #009dfa, #437dee)
}
@media (max-width: 1180px) {
.index_product {
	height: 360px;
	padding: 20px 20px 0 0
}
}
@media (max-width: 968px) {
.index_product {
	height: 380px
}
}
@media (max-width: 668px) {
.index_product {
	padding: 20px 20px 0;
	height: auto;
	background-image: linear-gradient(to right bottom, #35d5ad, #00c7ce, #00b5ec, #009dfa, #437dee)
}
}
.index_product .inner {
	width: 100%;
	height: 100%;
	color: #fff;
	position: relative
}
.index_product .inner .img {
	float: left;
	width: 35%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
@media (max-width: 1681px) {
.index_product .inner .img {
	width: 34%;
	background-repeat: no-repeat;
	background-position: bottom right;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}
}
@media (max-width: 1180px) {
.index_product .inner .img {
	float: left;
	width: 50%
}
}
@media (max-width: 668px) {
.index_product .inner .img {
	float: none;
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-position: bottom center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain
}
}
.index_product .inner .txt {
	float: right;
	width: 65%;
	height: 100%;
	display: table
}
@media (max-width: 1180px) {
.index_product .inner .txt {
	width: 50%;
	height: auto;
	display: block
}
}
@media (max-width: 668px) {
.index_product .inner .txt {
	float: none;
	width: 100%
}
}
.index_product .inner .txt_inner {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding: 0 460px 0 0
}
@media (max-width: 1440px) {
.index_product .inner .txt_inner {
	padding: 0 330px 0 0
}
}
@media (max-width: 1180px) {
.index_product .inner .txt_inner {
	display: block;
	padding: 0
}
}
.index_product .inner .txt_inner .t {
	display: block;
	font-size: 26px;
	line-height: 60px;
	font-weight: bold
}
@media (max-width: 668px) {
.index_product .inner .txt_inner .t {
	text-align: center
}
}
.index_product .inner .txt_inner .des {
	font-size: 14px;
	line-height: 24px;
	font-weight: lighter
}
@media (max-width: 1440px) {
.index_product .inner .txt_inner .des {
	font-size: 12px;
	line-height: 22px
}
}
@media (max-width: 668px) {
.index_product .inner .txt_inner .des {
	font-weight: normal;
	text-align: center
}
}
.index_product .inner .txt_inner .button {
	width: 410px;
	height: 50px;
	border: 2px solid #fff;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	position: absolute;
	right: 40px;
	top: 50%;
	margin-top: -25px
}
@media (max-width: 1681px) {
.index_product .inner .txt_inner .button {
	width: 380px
}
}
@media (max-width: 1440px) {
.index_product .inner .txt_inner .button {
	width: 300px;
	right: 20px
}
}
@media (max-width: 1180px) {
.index_product .inner .txt_inner .button {
	position: static;
	right: auto;
	bottom: auto;
	margin-top: 20px
}
}
@media (max-width: 668px) {
.index_product .inner .txt_inner .button {
	margin: 20px auto 0
}
}
.index_product .inner .txt_inner .button a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 48px;
	text-align: right;
	font-size: 20px;
	color: #fff;
	padding: 0 60px 0 0;
	position: relative
}
@media (max-width: 1440px) {
.index_product .inner .txt_inner .button a {
	font-size: 16px;
	padding: 0 20px 0 0
}
}
.index_product .inner .txt_inner .button a .icon {
	display: block;
	width: 30px;
	height: 40px;
	background: url("/home/image/index_product_hand.png");
	position: absolute;
	left: 48px;
	top: 20px;
	z-index: 2
}
@media (max-width: 1440px) {
.index_product .inner .txt_inner .button a .icon {
	left: 30px
}
}
.index_product .inner .txt_inner .button a p {
	display: block
}
.index_product .inner .txt_inner .button a p b {
	margin: 0 10px
}
.index_news {
	padding: 40px;
	background: #fff;
	margin-bottom: 40px
}
@media (max-width: 668px) {
.index_news {
	padding: 20px
}
}
.index_news .inner {
	position: relative
}
.index_news .inner .index_news_page {
	height: 12px;
	text-align: right;
	position: absolute;
	right: 0;
	top: 6px
}
@media (max-width: 668px) {
.index_news .inner .index_news_page {
	display: none
}
}
.index_news .inner .index_news_page li.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #b5b5b5;
	margin: 0 0 0 8px;
	opacity: 1;
	filter: alpha(opacity=100)
}
.index_news .inner .index_news_page li.swiper-pagination-bullet-active {
	background: #ef5516;
	border-color: #ef5516
}
.index_news .inner .index_news_arrow {
	width: 50px;
	height: 50px;
	border: 1px solid #b5b5b5;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	color: #b5b5b5;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 2
}
@media (max-width: 668px) {
.index_news .inner .index_news_arrow {
	width: 40px;
	height: 40px;
	margin-top: -20px
}
}
.index_news .inner .index_news_arrow i.iconfont {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	line-height: 50px;
	font-size: 30px
}
@media (max-width: 668px) {
.index_news .inner .index_news_arrow i.iconfont {
	height: 40px;
	line-height: 40px;
	font-size: 20px
}
}
.index_news .inner .index_news_arrow.index_news_prev {
	left: -65px
}
@media (max-width: 1180px) {
.index_news .inner .index_news_arrow.index_news_prev {
	left: -25px
}
}
@media (max-width: 668px) {
.index_news .inner .index_news_arrow.index_news_prev {
	left: -20px
}
}
.index_news .inner .index_news_arrow.index_news_next {
	right: -65px
}
@media (max-width: 1180px) {
.index_news .inner .index_news_arrow.index_news_next {
	right: -25px
}
}
@media (max-width: 668px) {
.index_news .inner .index_news_arrow.index_news_next {
	right: -20px
}
}
.index_news .inner .index_news_arrow:hover {
	border-color: #ef5516;
	color: #ef5516
}
.index_news_title {
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 20px;
	color: #333;
	font-weight: bold
}
.index_news_title i.iconfont {
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 24px;
	color: #666;
	font-weight: normal;
	margin: 0 10px 0 0
}
.index_news_list {
	overflow: hidden;
	margin: 25px 0 0
}
.index_news_list .swiper-slide a {
	display: block;
	padding: 10px;
	border: 1px solid #ededed;
	background: #f9f9f9
}
.index_news_list .swiper-slide a .img {
	display: block;
	width: 100%;
	height: 230px;
	overflow: hidden
}
@media (max-width: 1440px) {
.index_news_list .swiper-slide a .img {
	height: 180px
}
}
.index_news_list .swiper-slide a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s
}
.index_news_list .swiper-slide a b.t {
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	font-weight: normal;
	margin: 10px 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_news_list .swiper-slide a em.date {
	display: block;
	font-size: 12px;
	color: #878787;
	font-weight: lighter;
	line-height: 20px;
	font-style: normal
}
.index_news_list .swiper-slide a .des {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	margin: 10px 0
}
.index_news_list .swiper-slide a span.more {
	display: block;
	font-size: 12px;
	color: #666;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_news_list .swiper-slide a span.more i.iconfont {
	font-size: 12px;
	color: #666;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index_news_list .swiper-slide a:hover .img span {
	-webkit-transform: scale(1.07, 1.07);
	-moz-transform: scale(1.07, 1.07);
	-o-transform: scale(1.07, 1.07);
	transform: scale(1.07, 1.07)
}
.index_news_list .swiper-slide a:hover b.t {
	color: #ef5516
}
.index_news_list .swiper-slide a:hover span.more {
	color: #ef5516
}
.index_news_list .swiper-slide a:hover span.more i.iconfont {
	margin-left: 10px;
	color: #ef5516
}
footer {
	background: #2e3c4d
}
.foot_top {
	height: 380px;
	overflow: hidden;
	background: #2e3c4d;
	position: relative
}
@media (max-width: 1440px) {
.foot_top {
	height: 250px
}
}
@media (max-width: 1180px) {
.foot_top {
	height: auto;
	padding: 20px 0
}
}
@media (max-width: 668px) {
.foot_top {
	padding-bottom: 60px
}
}
.foot_top_logo {
	width: 380px;
	height: 100%;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,0.2);
	position: absolute;
	left: 0px;
	top: 40px;
	z-index: 1
}
@media (max-width: 1611px) {
.foot_top_logo {
	width: 300px
}
}
@media (max-width: 1440px) {
.foot_top_logo {
	width: 250px;
	padding: 0 40px
}
}
@media (max-width: 1380px) {
.foot_top_logo {
	width: 200px
}
}
@media (max-width: 1180px) {
.foot_top_logo {
	display: none
}
}
.foot_top_logo img {
	max-width: 100%
}
.foot_top_nav {
	width: 100%;
	height: 100%;
	padding: 0 250px 100px 420px;
	color: #fff;
	position: absolute;
	left: 0px;
	top: 40px;
	z-index: 2
}
@media (max-width: 1611px) {
.foot_top_nav {
	padding: 0 250px 100px 340px
}
}
@media (max-width: 1440px) {
.foot_top_nav {
	padding: 0 180px 0px 280px
}
}
@media (max-width: 1380px) {
.foot_top_nav {
	padding: 0 160px 100px 240px
}
}
@media (max-width: 1180px) {
.foot_top_nav {
	display: none
}
}
.foot_top_nav_inner {
	float: left;
	width: 76%
}
.foot_top_nav_inner #menu-navigation-1 li {
	display: block;
	float: left;
	width: 16.66%
}
.foot_top_nav_inner #menu-navigation-1 li.menu-item-10, .foot_top_nav_inner #menu-navigation-1 li.menu-item-277 {
	display: none
}
.foot_top_nav_inner #menu-navigation-1 li h6.title {
	display: block;
	margin-bottom: 12px
}
.foot_top_nav_inner #menu-navigation-1 li h6.title a {
	display: block;
	font-size: 16px;
	color: #fff
}
.foot_top_nav_inner #menu-navigation-1 li .sub-menu li {
	display: block;
	width: 100%
}
.foot_top_nav_inner #menu-navigation-1 li .sub-menu li h6.title {
	margin-bottom: 0
}
.foot_top_nav_inner #menu-navigation-1 li .sub-menu li h6.title a {
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: rgba(255,255,255,0.5)
}
.foot_top_nav_contact {
	float: right;
	width: 24%
}
.foot_top_nav_contact .t {
	display: block;
	margin-bottom: 12px;
	font-size: 16px;
	color: #fff
}
.foot_top_nav_contact .txt {
	font-size: 14px;
	line-height: 30px;
	color: rgba(255,255,255,0.5)
}
.foot_top_nav_contact .txt a {
	color: rgba(255,255,255,0.5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.foot_top_nav_contact .txt a:hover {
	color: #fff
}
.foot_top_qr {
	width: 180px;
	position: absolute;
	right: 40px;
	top: 40px;
	z-index: 1
}
@media (max-width: 1440px) {
.foot_top_qr {
	width: 120px
}
}
@media (max-width: 1380px) {
.foot_top_qr {
	width: 120px;
	right: 30px
}
}
@media (max-width: 1180px) {
.foot_top_qr {
	position: static;
	margin: 0 auto
}
}
.foot_top_qr img {
	width: 100%
}
.foot_top_qr span {
	display: block;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	letter-spacing: 1px
}
@media (max-width: 1440px) {
.foot_top_qr span {
	font-size: 12px;
	letter-spacing: 0px
}
}
.foot_copyright {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #1b2836;
	color: #a0a0a0;
	padding: 0 40px
}
@media (max-width: 1180px) {
.foot_copyright {
	display: none;
	font-size: 12px
}
}
@media (max-width: 968px) {
.foot_copyright {
	height: auto;
	line-height: 24px;
	padding: 20px
}
}
@media (max-width: 668px) {
.foot_copyright {
	padding-bottom: 70px
}
}
.foot_copyright a {
	color: #a0a0a0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.foot_copyright a:hover {
	color: #fff
}
.foot_copyright p {
	display: block;
	float: left;
	width: 50%
}
@media (max-width: 968px) {
.foot_copyright p {
	float: none;
	width: 100%;
	text-align: center
}
}
.foot_copyright p:last-child {
	text-align: right
}
@media (max-width: 968px) {
.foot_copyright p:last-child {
	text-align: center
}
}
.title01 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px
}
@media (max-width: 668px) {
.title01 {
	font-size: 20px;
	margin-bottom: 20px
}
}
.title01 span {
	display: inline-block;
	vertical-align: bottom;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
	opacity: .6;
	filter: alpha(opacity=60)
}
@media (max-width: 668px) {
.title01 span {
	font-size: 14px
}
}
.title01 span em {
	display: inline-block;
	font-style: normal;
	margin: 0 5px 0 10px
}
.title01 span.down {
	display: block;
	opacity: 1;
	filter: alpha(opacity=100)
}
.title01 span.down i {
	display: block;
	width: 30px;
	height: 1px;
	line-height: 1px;
	margin: 10px auto;
	background: #fff
}
.intro_about {
	padding: 100px 0;
	position: relative
}
@media (max-width: 1440px) {
.intro_about {
	padding: 40px 0
}
}
@media (max-width: 1180px) {
.intro_about {
	padding: 40px
}
}
@media (max-width: 668px) {
.intro_about {
	padding: 40px 20px
}
}
.intro_about:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.intro_about .w_col {
	position: relative;
	z-index: 2
}
.intro_about .txt {
	width: 60%;
	color: #fff;
	font-size: 16px;
	line-height: 28px
}
@media (max-width: 1440px) {
.intro_about .txt {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 1180px) {
.intro_about .txt {
	width: 100%
}
}
.intro_about .txt a {
	color: #fff
}
.intro_about .list ul {
	margin: 0 -15px
}
.intro_about .list ul li {
	display: block;
	float: left;
	width: 25%;
	padding: 0 15px;
	margin: 50px 0 0
}
@media (max-width: 1440px) {
.intro_about .list ul li {
	margin: 20px 0 0
}
}
@media (max-width: 668px) {
.intro_about .list ul li {
	width: 50%
}
}
.intro_about .list ul li span {
	display: block;
	width: 100%;
	height: 180px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 10px;
	border: 1px solid #f4f4f4
}
@media (max-width: 1440px) {
.intro_about .list ul li span {
	height: 150px
}
}
@media (max-width: 1180px) {
.intro_about .list ul li span {
	height: 100px
}
}
.intro_president {
	background: #e8edf3;
	padding: 100px 0
}
.intro_president .txt {
	position: relative;
	z-index: 2
}
.intro_president .txt .img {
	position: relative
}
.intro_president .txt .img img {
	max-width: 100%;
	position: relative;
	z-index: 2
}
.intro_president .txt_loc {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3
}
.intro_president .txt_loc_inner {
	width: 100%;
	height: 100%;
	display: table
}
.intro_president .txt_loc_inner .des {
	height: auto;
	display: table-cell;
	vertical-align: middle
}
.intro_president .txt_loc_inner .des_inner {
	background: rgba(255,255,255,0.9);
	padding: 40px 40px 40px 40px;
	color: #666;
	font-size: 16px;
	line-height: 28px;
	-webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 0px 30px rgba(0,0,0,0.08);
	box-shadow: 0 0px 30px rgba(0,0,0,0.08)
}
.intro_president .txt_loc_inner .des_inner p {
	text-indent: 32px;
	margin-bottom: 15px
}
.intro_honor {
	background: #fff;
	padding: 100px 0 50px
}
@media (max-width: 1440px) {
.intro_honor {
	padding: 60px 0 40px
}
}
@media (max-width: 1180px) {
.intro_honor {
	padding: 40px
}
}
@media (max-width: 668px) {
.intro_honor {
	padding: 40px 20px
}
}
.intro_honor .w_col {
	position: relative
}
.intro_honor .w_col .intro_honor_page {
	height: 12px;
	text-align: right;
	position: absolute;
	right: 0;
	top: 6px
}
@media (max-width: 668px) {
.intro_honor .w_col .intro_honor_page {
	display: none
}
}
.intro_honor .w_col .intro_honor_page li.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #b5b5b5;
	margin: 0 0 0 8px;
	opacity: 1;
	filter: alpha(opacity=100)
}
.intro_honor .w_col .intro_honor_page li.swiper-pagination-bullet-active {
	background: #ef5516;
	border-color: #ef5516
}
.intro_honor .w_col .intro_honor_arrow {
	width: 50px;
	height: 50px;
	border: 1px solid #b5b5b5;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	color: #b5b5b5;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 2
}
@media (max-width: 668px) {
.intro_honor .w_col .intro_honor_arrow {
	width: 40px;
	height: 40px;
	margin-top: -20px
}
}
.intro_honor .w_col .intro_honor_arrow i.iconfont {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	line-height: 50px;
	font-size: 30px
}
@media (max-width: 668px) {
.intro_honor .w_col .intro_honor_arrow i.iconfont {
	height: 40px;
	line-height: 40px;
	font-size: 20px
}
}
.intro_honor .w_col .intro_honor_arrow.intro_honor_prev {
	left: -65px
}
@media (max-width: 1180px) {
.intro_honor .w_col .intro_honor_arrow.intro_honor_prev {
	left: -25px
}
}
@media (max-width: 668px) {
.intro_honor .w_col .intro_honor_arrow.intro_honor_prev {
	left: -20px
}
}
.intro_honor .w_col .intro_honor_arrow.intro_honor_next {
	right: -65px
}
@media (max-width: 1180px) {
.intro_honor .w_col .intro_honor_arrow.intro_honor_next {
	right: -25px
}
}
@media (max-width: 668px) {
.intro_honor .w_col .intro_honor_arrow.intro_honor_next {
	right: -20px
}
}
.intro_honor .w_col .intro_honor_arrow:hover {
	border-color: #ef5516;
	color: #ef5516
}
.intro_honor .intro_honor_list {
	overflow: hidden;
	margin: 25px 0 0
}
.intro_honor .intro_honor_list .swiper-slide a {
	display: block;
	padding: 10px;
	border: 1px solid #ededed;
	background: #f9f9f9
}
.intro_honor .intro_honor_list .swiper-slide a .img {
	display: block;
	width: 100%;
	height: 300px;
	overflow: hidden;
	text-align: center
}
@media (max-width: 1440px) {
.intro_honor .intro_honor_list .swiper-slide a .img {
	height: 180px
}
}
.intro_honor .intro_honor_list .swiper-slide a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s
}
.intro_honor .intro_honor_list .swiper-slide a .img img {
	max-width: 100%;
	height: 300px
}
@media (max-width: 1440px) {
.intro_honor .intro_honor_list .swiper-slide a .img img {
	height: 180px
}
}
.intro_honor .intro_honor_list .swiper-slide a span.t {
	display: block;
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
	text-align: center
}
@media (max-width: 1180px) {
.intro_honor .intro_honor_list .swiper-slide a span.t {
	font-size: 14px;
	height: 48px;
	line-height: 24px;
	padding: 0 20px
}
}
.intro_honor .intro_honor_list .swiper-slide a:hover .img span {
	-webkit-transform: scale(1.07, 1.07);
	-moz-transform: scale(1.07, 1.07);
	-o-transform: scale(1.07, 1.07);
	transform: scale(1.07, 1.07)
}
.intro_history {
	padding: 100px 0;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
@media (max-width: 1440px) {
.intro_history {
	padding: 60px 0
}
}
@media (max-width: 1180px) {
.intro_history {
	padding: 40px
}
}
@media (max-width: 668px) {
.intro_history {
	padding: 40px 20px
}
}
.intro_history_list {
	margin: 80px 0;
	overflow: hidden;
	position: relative
}
@media (max-width: 1440px) {
.intro_history_list {
	margin: 50px 0 30px
}
}
@media (max-width: 668px) {
.intro_history_list {
	margin: 20px 0
}
}
.intro_history_list:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	line-height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 4px;
	z-index: 1
}
.intro_history_list .swiper-slide {
	color: #fff;
	padding: 60px 30px 0 0;
	background: url("/home/image/intro_history_list_line.png") 30px top no-repeat
}
@media (max-width: 668px) {
.intro_history_list .swiper-slide {
	text-align: center;
	padding: 60px 0 0;
	background: url("/home/image/intro_history_list_line.png") center top no-repeat
}
}
.intro_history_list .swiper-slide b.t {
	display: block;
	font-family: 'hnlt';
	font-size: 32px
}
@media (max-width: 1440px) {
.intro_history_list .swiper-slide b.t {
	font-size: 20px
}
}
.intro_history_list .swiper-slide .txt {
	font-size: 16px;
	line-height: 28px;
	margin: 10px 0 0
}
@media (max-width: 1440px) {
.intro_history_list .swiper-slide .txt {
	font-size: 14px;
	line-height: 26px
}
}
.intro_history_arrow {
	position: relative;
	text-align: center
}
.intro_history_arrow div[role="button"] {
	display: inline-block;
	width: 42px;
	height: 42px;
	border: 1px solid #fff;
	text-align: center;
	margin: 0 10px;
	outline: 0;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.intro_history_arrow div[role="button"] i.iconfont {
	font-size: 20px;
	color: #fff;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center
}
.intro_history_arrow div[role="button"]:hover {
	border-color: #ef5516
}
.intro_history_arrow div[role="button"]:hover i.iconfont {
	color: #ef5516
}
.intro_culture {
	padding: 100px 0;
	background: #fff
}
@media (max-width: 1440px) {
.intro_culture {
	padding: 60px 0
}
}
@media (max-width: 1180px) {
.intro_culture {
	padding: 40px
}
}
@media (max-width: 668px) {
.intro_culture {
	padding: 40px 20px
}
}
.intro_culture .list ul li {
	display: block;
	float: left;
	width: 16.666%
}
@media (max-width: 968px) {
.intro_culture .list ul li {
	width: 33.33%
}
}
@media (max-width: 668px) {
.intro_culture .list ul li {
	width: 50%;
	margin-bottom: 10px
}
}
.intro_culture .list ul li .inner .icon {
	width: 100px;
	height: 100px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin: 0 auto 30px;
	background: #ef5516;
	text-align: center;
	color: #fff;
	padding: 20px 0 0
}
@media (max-width: 668px) {
.intro_culture .list ul li .inner .icon {
	margin-bottom: 10px
}
}
.intro_culture .list ul li .inner .icon i.iconfont {
	display: block;
	font-size: 30px;
	text-align: center;
	line-height: 40px
}
.intro_culture .list ul li .inner .icon b {
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px
}
.intro_culture .list ul li .inner .txt {
	text-align: center;
	padding: 0 24px;
	height: 40px;
	line-height: 20px
}
@media (max-width: 1180px) {
.intro_culture .list ul li .inner .txt {
	height: auto
}
}
@media (max-width: 668px) {
.intro_culture .list ul li .inner .txt {
	padding: 0 10px;
	height: 60px
}
}
.intro_show {
	padding: 100px 0;
	background: #e8edf3
}
@media (max-width: 1440px) {
.intro_show {
	padding: 60px 0
}
}
@media (max-width: 1180px) {
.intro_show {
	padding: 40px
}
}
@media (max-width: 668px) {
.intro_show {
	padding: 40px 20px
}
}
.intro_show .w_col {
	position: relative
}
.intro_show .w_col .inner {
	position: relative
}
.intro_show .w_col .intro_show_page {
	height: 12px;
	text-align: right;
	position: absolute;
	right: 0;
	top: 6px
}
@media (max-width: 668px) {
.intro_show .w_col .intro_show_page {
	display: none
}
}
.intro_show .w_col .intro_show_page li.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #b5b5b5;
	margin: 0 0 0 8px;
	opacity: 1;
	filter: alpha(opacity=100)
}
.intro_show .w_col .intro_show_page li.swiper-pagination-bullet-active {
	background: #ef5516;
	border-color: #ef5516
}
.intro_show .w_col .intro_show_arrow {
	width: 50px;
	height: 50px;
	border: 1px solid #b5b5b5;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	color: #b5b5b5;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 2
}
@media (max-width: 668px) {
.intro_show .w_col .intro_show_arrow {
	width: 40px;
	height: 40px;
	margin-top: -20px
}
}
.intro_show .w_col .intro_show_arrow i.iconfont {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	line-height: 50px;
	font-size: 30px
}
@media (max-width: 668px) {
.intro_show .w_col .intro_show_arrow i.iconfont {
	height: 40px;
	line-height: 40px;
	font-size: 20px
}
}
.intro_show .w_col .intro_show_arrow.intro_show_prev {
	left: -65px
}
@media (max-width: 1180px) {
.intro_show .w_col .intro_show_arrow.intro_show_prev {
	left: -25px
}
}
@media (max-width: 668px) {
.intro_show .w_col .intro_show_arrow.intro_show_prev {
	left: -20px
}
}
.intro_show .w_col .intro_show_arrow.intro_show_next {
	right: -65px
}
@media (max-width: 1180px) {
.intro_show .w_col .intro_show_arrow.intro_show_next {
	right: -25px
}
}
@media (max-width: 668px) {
.intro_show .w_col .intro_show_arrow.intro_show_next {
	right: -20px
}
}
.intro_show .w_col .intro_show_arrow:hover {
	border-color: #ef5516;
	color: #ef5516
}
.intro_show .intro_show_list {
	overflow: hidden;
	margin: 25px 0 0
}
.intro_show .intro_show_list .swiper-slide a {
	display: block;
	padding: 10px;
	border: 1px solid #ededed;
	background: #f9f9f9
}
.intro_show .intro_show_list .swiper-slide a .img {
	display: block;
	width: 100%;
	height: 150px;
	text-align: center
}
.intro_show .intro_show_list .swiper-slide a .img img {
	width: 100%;
	height: 150px
}
.intro_show .intro_show_list .swiper-slide a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition: all 1s
}
.intro_show .intro_show_list .swiper-slide a span.t {
	display: block;
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
	text-align: center
}
.intro_show .intro_show_list .swiper-slide a:hover .img span {
	-webkit-transform: scale(1.07, 1.07);
	-moz-transform: scale(1.07, 1.07);
	-o-transform: scale(1.07, 1.07);
	transform: scale(1.07, 1.07)
}
.n_banner {
	width: 100%;
	height: 500px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: table
}
@media (max-width: 1440px) {
.n_banner {
	height: 250px
}
}
.n_banner:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.n_banner_contact img {
	display: none
}
@media (max-width: 668px) {
.n_banner_contact {
	height: auto
}
.n_banner_contact img {
	display: block;
	width: 100%
}
}
.n_banner_contact:after {
	display: none
}
.n_banner .txt {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 2
}
.n_banner .txt b.t {
	display: block;
	font-size: 40px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	overflow: hidden
}
@media (max-width: 1440px) {
.n_banner .txt b.t {
	font-size: 36px;
	height: 36px;
	line-height: 36px
}
}
@media (max-width: 668px) {
.n_banner .txt b.t {
	font-size: 24px;
	line-height: 30px;
	line-height: 30px
}
}
.n_banner .txt .des {
	width: 60%;
	margin: 20px auto;
	font-size: 18px;
	line-height: 32px
}
@media (max-width: 1440px) {
.n_banner .txt .des {
	width: 70%;
	font-size: 16px
}
}
@media (max-width: 1180px) {
.n_banner .txt .des {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 968px) {
.n_banner .txt .des {
	width: 90%
}
}
@media (max-width: 668px) {
.n_banner .txt .des {
	line-height: 24px
}
}
.n_banner .sub_nav {
	text-align: center
}
@media (max-width: 668px) {
.n_banner .sub_nav {
	overflow: hidden;
	padding: 0 10px
}
}
@media (max-width: 668px) {
.n_banner .sub_nav ul {
	margin: 0 -5px
}
}
.n_banner .sub_nav ul li {
	display: inline-block;
	margin: 0 6px
}
@media (max-width: 668px) {
.n_banner .sub_nav ul li {
	float: left;
	width: 33.33%;
	margin: 0 0 10px;
	padding: 0 5px
}
}
.n_banner .sub_nav ul li a {
	display: block;
	color: #333;
	padding: 8px 20px;
	background: #fff;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.n_banner .sub_nav ul li:hover a, .n_banner .sub_nav ul li.current-cat a {
	background: #ef5516;
	color: #fff
}
.n_warp {
	background: #fff;
	padding: 80px 0
}
@media (max-width: 1440px) {
.n_warp {
	padding: 40px 0
}
}
.n_warp_content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px
}
.n_warp .location {
	margin: 0 0 20px;
	font-size: 12px;
	color: #999
}
.n_warp .location:before {
	content: '\e7c6';
	font-family: 'iconfont';
	font-size: 14px;
	margin-right: 10px
}
.n_warp .location a {
	color: #999
}
.news_list {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px
}
@media (max-width: 1440px) {
.news_list {
	padding: 0 40px
}
}
@media (max-width: 668px) {
.news_list {
	padding: 0 20px
}
}
.news_list ul li {
	display: block;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee
}
@media (max-width: 668px) {
.news_list ul li {
	margin-bottom: 20px;
	padding-bottom: 20px
}
}
.news_list ul li a {
	display: block;
	width: 100%;
	height: 180px;
	position: relative
}
@media (max-width: 1440px) {
.news_list ul li a {
	height: 160px
}
}
@media (max-width: 668px) {
.news_list ul li a {
	height: auto;
	padding: 10px;
	border: 1px solid #ededed;
	background: #f9f9f9
}
}
.news_list ul li a .date {
	float: left;
	width: 90px;
	height: 100px;
	text-align: center;
	padding: 10px 0 0;
	font-size: 18px;
	font-weight: 500;
	background: #eee;
	color: #666;
	line-height: 30px
}
@media (max-width: 668px) {
.news_list ul li a .date {
	display: none
}
}
.news_list ul li a .date span {
	display: block;
	font-size: 46px;
	font-weight: 700;
	height: 50px;
	line-height: 50px
}
.news_list ul li a .txt {
	width: 100%;
	height: 100%;
	padding: 0 280px 0 120px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
@media (max-width: 668px) {
.news_list ul li a .txt {
	position: static;
	padding: 0
}
}
.news_list ul li a .txt b.t {
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	position: relative;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.news_list ul li a .txt b.t {
	font-size: 16px
}
}
@media (max-width: 668px) {
.news_list ul li a .txt b.t {
	margin: 10px 0;
	line-height: 22px;
	height: auto
}
}
.news_list ul li a .txt b.t:after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	line-height: 1px;
	background: #ef5516;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.news_list ul li a .txt .m_date {
	display: none
}
@media (max-width: 668px) {
.news_list ul li a .txt .m_date {
	display: block
}
}
.news_list ul li a .txt .des {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	margin: 20px 0
}
@media (max-width: 1440px) {
.news_list ul li a .txt .des {
	font-size: 12px;
	line-height: 22px
}
}
@media (max-width: 1180px) {
.news_list ul li a .txt .des {
	height: 44px;
	overflow: hidden
}
}
@media (max-width: 668px) {
.news_list ul li a .txt .des {
	height: auto;
	font-size: 14px;
	line-height: 24px
}
}
.news_list ul li a .txt .more {
	display: block;
	width: 90px;
	height: 30px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #ddd;
	color: #333;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.news_list ul li a .txt .more span {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
	font-size: 12px
}
.news_list ul li a .txt .more i {
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 28px;
	position: relative;
	margin-left: 5px
}
.news_list ul li a .txt .more i:before {
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	line-height: 2px;
	background: #a0a0a0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -1px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.news_list ul li a .txt .more i:after {
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	line-height: 2px;
	background: #a0a0a0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -1px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.news_list ul li a .thumb {
	float: right;
	width: 250px;
	height: 100%;
	overflow: hidden;
	background: #eee;
	overflow: hidden
}
@media (max-width: 668px) {
.news_list ul li a .thumb {
	float: none;
	width: 100%;
	height: 180px
}
}
.news_list ul li a .thumb span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.news_list ul li a:hover .txt b.t {
	color: #ef5516
}
.news_list ul li a:hover .txt b.t:after {
	width: 100%
}
.news_list ul li a:hover .txt .more i:before {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}
.news_list ul li a:hover .txt .more i:after {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}
.news_list ul li a:hover .thumb span {
	-webkit-transform: scale(1.07, 1.07);
	-moz-transform: scale(1.07, 1.07);
	-o-transform: scale(1.07, 1.07);
	transform: scale(1.07, 1.07)
}
.news_list.no_img ul li a {
	height: auto
}
.news_list.no_img ul li a .txt {
	padding: 0 0px 0 120px
}
.wp-pagenavi {
	text-align: center
}
.wp-pagenavi span, .wp-pagenavi a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ddd;
	margin: 0 5px;
	color: #666
}
.wp-pagenavi a {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.wp-pagenavi a:hover {
	background: #0067e6;
	color: #fff
}
.news_content .news_title {
	display: block;
	text-align: center;
	line-height: 30px
}
.news_content .news_title h1 {
	width: 80%;
	margin: 0 auto;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold
}
@media (max-width: 668px) {
.news_content .news_title h1 {
	font-size: 18px;
	width: 100%
}
}
.news_content .news_title p {
	font-size: 14px;
	color: #999;
	line-height: 40px;
	border-bottom: 1px solid #eee
}
.news_content .content {
	padding: 20px 0 0;
	font-size: 16px;
	line-height: 28px
}
@media (max-width: 668px) {
.news_content .content {
	font-size: 14px;
	line-height: 24px
}
}
.news_content .content p {
	text-indent: 2em;
	margin-bottom: 10px
}
.news_content .content p>img {
	margin-left: -2em
}
.news_content .content img {
	max-width: 100% !important;
	height: auto !important
}
.news_content .content .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.news_content .content table {
	width: 100% !important;
	border: 1px solid #999 !important
}
.news_content .content table td {
	padding: 10px
}
.news_content .tags_related {
	display: block;
	width: 100%;
	line-height: 30px;
	position: relative;
	border: 1px solid #eee;
	margin-top: 30px
}
.news_content .tags_related .title {
	font-size: 16px
}
.news_content .tags_related .title span {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #eee;
	text-indent: 20px
}
.news_content .tags_related .title span i {
	margin-right: 10px
}
.news_content .tags_related ul {
	padding: 20px
}
.news_content .tags_related ul li {
	display: block
}
.service_warp {
	background: #fff;
	margin: 0 auto
}
.service_warp .title {
	text-align: center
}
.service_warp_index {
	padding: 0 50px
}
.service_warp_index_item {
	float: left;
	width: 50%
}
.service_warp_index_01 {
	font-size: 14px;
	line-height: 24px
}
.service_warp_index_01 strong {
	font-size: 16px
}
.service_warp_index_01 p {
	margin-bottom: 20px
}
@media (max-width: 1180px) {
.service_warp {
	padding: 0 40px
}
}
@media (max-width: 668px) {
.service_warp {
	padding: 0 20px
}
}
.service_warp .row {
	margin: 0;
	padding: 0
}
.service_warp .img {
	padding: 0
}
.service_warp .img .inner {
	position: relative
}
.service_warp .img .inner img {
	width: 100%;
	position: relative;
	z-index: 2
}
.service_warp .txt {
	font-size: 14px;
	line-height: 24px;
	padding: 10px 0 0 6%
}
@media (max-width: 668px) {
.service_warp .txt {
	padding: 20px 0
}
}
.service_warp .txt p {
	margin-bottom: 20px
}
.service_warp .txt .links a.more {
	margin: 30px 0 0;
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #0067e6;
	text-align: center;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 668px) {
.service_warp .txt .links a.more {
	margin: 10px 0 0
}
}
.service_warp .txt .links a.more i.iconfont {
	margin-right: 10px
}
.service_warp .txt .links a.more:hover {
	background: #ef5516
}
.job_list_w {
	margin: 0 auto;
	padding: 0 20px
}
.job_list {
	width: 100%
}
.job_list_title {
	background: #eee;
	line-height: 60px;
	margin-bottom: 20px;
	position: relative
}
@media (max-width: 668px) {
.job_list_title {
	line-height: 40px;
	margin-bottom: 10px
}
}
.job_list_title span {
	display: block;
	float: left;
	width: 30%;
	padding: 0 20px;
	font-weight: normal;
	color: #666;
	font-size: 14px
}
@media (max-width: 668px) {
.job_list_title span {
	width: 33.33%;
	padding: 0 10px
}
}
.job_list_title.s {
	line-height: 40px;
	margin-bottom: 0px;
	background: #fff
}
.job_list_content {
	padding: 0
}
.job_list_content .panel {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 10px;
	border: 1px solid #eee
}
.job_list_content .panel .panel-heading {
	padding: 0
}
.job_list_content .panel .panel-heading .panel-title {
	line-height: 40px
}
.job_list_content .panel .panel-heading .panel-title a.switch {
	display: block;
	width: 100%;
	color: #333;
	position: relative
}
.job_list_content .panel .panel-heading .panel-title a.switch .icon {
	float: right;
	margin: 0 20px 0 0
}
@media (max-width: 668px) {
.job_list_content .panel .panel-heading .panel-title a.switch .icon {
	float: none;
	margin: 0;
	position: absolute;
	right: 10px;
	top: 0px
}
}
.job_list_content .panel .panel-heading .panel-title a.switch .icon i {
	display: block;
	width: 12px;
	height: 40px;
	position: relative;
	margin-left: 10px
}
.job_list_content .panel .panel-heading .panel-title a.switch .icon i:before {
	content: '';
	display: block;
	width: 12px;
	height: 2px;
	line-height: 2px;
	background: #9f9f9f;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -1px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.job_list_content .panel .panel-heading .panel-title a.switch .icon i:after {
	content: '';
	display: block;
	width: 12px;
	height: 2px;
	line-height: 2px;
	background: #9f9f9f;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -1px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.job_list_content .panel .panel-heading .panel-title a.switch[aria-expanded="true"] {
	color: #ef5516;
	border-bottom: 1px solid #d0d0d0
}
.job_list_content .panel .panel-heading .panel-title a.switch[aria-expanded="true"] .job_list_title.s span {
	color: #000;
	font-weight: bold
}
.job_list_content .panel .panel-heading .panel-title a.switch[aria-expanded="true"] .icon i:before {
	background: #0067e6;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}
.job_list_content .panel .panel-heading .panel-title a.switch[aria-expanded="true"] .icon i:after {
	background: #0067e6;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg)
}
.job_list_content .panel.activestate {
	border-color: #999
}
.job_list_content .panel.activestate .panel-heading .panel-title a.switch[aria-expanded="true"] {
	border-color: #999;
	background: #0067e6
}
.job_list_content .panel .panel-collapse .panel-body {
	border-top: none;
	padding: 20px;
	font-size: 14px;
	line-height: 28px;
	color: #666
}
@media (max-width: 668px) {
.job_list_content .panel .panel-collapse .panel-body {
	padding: 10px
}
}
.job_list_content .panel .panel-collapse .panel-body:before, .job_list_content .panel .panel-collapse .panel-body:after {
	display: none
}
.job_list_content .panel .panel-collapse .panel-body .txt_side {
	float: left;
	width: 30%
}
@media (max-width: 668px) {
.job_list_content .panel .panel-collapse .panel-body .txt_side {
	float: none;
	width: 100%
}
}
.job_list_content .panel .panel-collapse .panel-body .txt_content {
	float: right;
	width: 69%
}
@media (max-width: 668px) {
.job_list_content .panel .panel-collapse .panel-body .txt_content {
	float: none;
	width: 100%
}
}
.job_list_content .panel .panel-collapse .panel-body .txt_contact {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e3e3e3;
	font-size: 14px;
	color: #333
}
.job_list_content .panel .panel-collapse .panel-body .txt_contact i.iconfont {
	margin-right: 5px
}
@media (max-width: 668px) {
.job_list_content .panel .panel-collapse .panel-body .txt_contact b.t {
	display: block
}
}
.job_list_content .panel .panel-collapse .panel-body table {
	width: 100% !important;
	margin: 20px 0;
	border: 1px solid #999 !important
}
.job_list_content .panel .panel-collapse .panel-body table td {
	padding: 10px
}
.contact {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px
}
.contact .inner .h {
	height: 400px
}
@media (max-width: 668px) {
.contact .inner .h {
	height: auto
}
}
.contact .inner .contact_map {
	float: left;
	width: 50%
}
@media (max-width: 668px) {
.contact .inner .contact_map {
	float: none;
	width: 100%;
	height: 300px
}
}
.contact .inner .contact_map #map01 {
	width: 100%;
	height: 100%
}
.contact .inner .contact_txt {
	float: right;
	width: 50%;
	padding: 0 40px;
	font-size: 18px;
	line-height: 36px;
	display: table
}
@media (max-width: 668px) {
.contact .inner .contact_txt {
	float: none;
	width: 100%;
	padding: 40px 0;
	font-size: 16px;
	line-height: 30px
}
}
.contact .inner .contact_txt .txt {
	display: table-cell;
	vertical-align: middle
}
.contact .inner .contact_txt .txt b.t {
	display: block;
	font-size: 20px
}
.pro_banner_txt {
	width: 800px;
	height: 130px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -100px;
	z-index: 9;
	font-size: 50px;
	line-height: 50px
}
@media (max-width: 1440px) {
.pro_banner_txt {
	font-size: 40px
}
}
@media (max-width: 968px) {
.pro_banner_txt {
	width: 100%;
	padding: 0 140px;
	left: 0;
	margin-left: 0
}
}
@media (max-width: 668px) {
.pro_banner_txt {
	padding: 0 50px;
	font-size: 30px
}
}
.pro_banner_txt span {
	display: block;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: normal
}
@media (max-width: 1440px) {
.pro_banner_txt span {
	font-size: 20px
}
}
@media (max-width: 668px) {
.pro_banner_txt span {
	line-height: 30px
}
}
.pro_banner_txt p {
	font-size: 18px;
	font-weight: normal;
	line-height: 30px
}
@media (max-width: 1440px) {
.pro_banner_txt p {
	font-size: 14px;
	line-height: 26px
}
}
.pro_banner_txt a.zoom {
	display: block;
	width: 170px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #0067e6;
	color: #fff;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	margin: 20px auto 0;
	font-size: 16px;
	font-weight: normal;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 1440px) {
.pro_banner_txt a.zoom {
	font-size: 14px
}
}
.pro_banner_txt a.zoom i.iconfont {
	font-weight: normal;
	margin-right: 10px
}
.pro_banner_txt a.zoom:hover {
	background: #ef5516
}
.pro_banner {
	width: 100%;
	overflow: hidden;
	position: relative
}
.pro_banner .pro_banner_list {
	position: relative;
	z-index: 2
}
.pro_banner .pro_banner_list .swiper-slide .bg {
	width: 100%;
	height: 700px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
@media (max-width: 1440px) {
.pro_banner .pro_banner_list .swiper-slide .bg {
	height: 600px
}
}
@media (max-width: 1180px) {
.pro_banner .pro_banner_list .swiper-slide .bg {
	height: 500px
}
}
@media (max-width: 968px) {
.pro_banner .pro_banner_list .swiper-slide .bg {
	height: 400px
}
}
@media (max-width: 668px) {
.pro_banner .pro_banner_list .swiper-slide .bg {
	height: 300px
}
}
.pro_banner .pro_banner_list .swiper-slide:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	opacity: 1;
	filter: alpha(opacity=100)
}
.pro_banner .pro_banner_page {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 50px;
	z-index: 20;
	text-align: center
}
@media (max-width: 668px) {
.pro_banner .pro_banner_page {
	bottom: 20px
}
}
.pro_banner .pro_banner_page li.swiper-pagination-bullet {
	width: 46px;
	height: 3px;
	outline: 0;
	-moz-border-radius: 0%;
	-webkit-border-radius: 0%;
	border-radius: 0%;
	background: #fff;
	margin: 0 10px 0 0;
	opacity: 1;
	filter: alpha(opacity=100)
}
.pro_banner .pro_banner_page li.swiper-pagination-bullet-active {
	background: #ef5516
}
.pro_banner .pro_banner_arrow {
	width: 50px;
	height: 60px;
	outline: 0;
	background: rgba(255,255,255,0.4);
	text-align: center;
	color: #333;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	z-index: 20;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 668px) {
.pro_banner .pro_banner_arrow {
	width: 30px;
	height: 40px;
	margin-top: -20px
}
}
.pro_banner .pro_banner_arrow i.iconfont {
	display: inline-block;
	vertical-align: top;
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none
}
@media (max-width: 668px) {
.pro_banner .pro_banner_arrow i.iconfont {
	height: 40px;
	line-height: 40px;
	font-size: 20px
}
}
.pro_banner .pro_banner_arrow.pro_banner_prev {
	left: 20px
}
@media (max-width: 1180px) {
.pro_banner .pro_banner_arrow.pro_banner_prev {
	left: 25px
}
}
@media (max-width: 668px) {
.pro_banner .pro_banner_arrow.pro_banner_prev {
	left: 10px
}
}
.pro_banner .pro_banner_arrow.pro_banner_next {
	right: 20px
}
@media (max-width: 1180px) {
.pro_banner .pro_banner_arrow.pro_banner_next {
	right: 25px
}
}
@media (max-width: 668px) {
.pro_banner .pro_banner_arrow.pro_banner_next {
	right: 10px
}
}
.pro_banner .pro_banner_arrow:hover {
	background: #ef5516;
	color: #fff
}
.pro_nav {
	display: none;
	padding: 0 40px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50
}
@media (max-width: 1180px) {
.pro_nav {
	padding: 0 10px
}
}
.pro_nav.move {
	display: block
}
.pro_nav .inner {
	background: #fff;
	height: 40px;
	-webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 30px rgba(0,0,0,0.2);
	box-shadow: 0 0px 30px rgba(0,0,0,0.2)
}
@media (max-width: 668px) {
.pro_nav .inner {
	height: 60px
}
}
.pro_nav .inner ul {
	display: block;
	height: 100%;
	text-align: center
}
.pro_nav .inner ul li {
	display: inline-block;
	margin: 5px
}
@media (max-width: 668px) {
.pro_nav .inner ul li {
	float: left;
	width: 33.33%;
	margin: 0
}
}
.pro_nav .inner ul li a {
	display: block;
	line-height: 30px;
	padding: 0 20px;
	position: relative
}
.pro_nav .inner ul li a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 5px solid #ef5516;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	left: 50%;
	bottom: 10px;
	margin-left: -5px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pro_nav .inner ul li a:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	line-height: 10px;
	background: #999;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px
}
@media (max-width: 668px) {
.pro_nav .inner ul li:nth-child(3) a:after {
	display: none
}
}
.pro_nav .inner ul li:last-child a:after {
	display: none
}
.pro_nav .inner ul li.active a {
	color: #ef5516
}
.pro_nav .inner ul li.active a:before {
	bottom: 0;
	opacity: 1;
	filter: alpha(opacity=100)
}
.pro_sec_prefix {
	position: relative;
	top: -40px;
	display: block;
	height: 1px;
	background: none;
	overflow: hidden;
	outline: 0;
	text-decoration: none;
	border: none
}
.pro_title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px
}
@media (max-width: 668px) {
.pro_title {
	margin-bottom: 0
}
}
.pro_title:before, .pro_title:after {
	content: '';
	margin: 20px 10px 0;
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 2px;
	line-height: 2px;
	background: #333
}
.pro_title span {
	display: inline-block;
	font-size: 30px;
	font-weight: bold
}
@media (max-width: 1440px) {
.pro_title span {
	font-size: 26px
}
}
@media (max-width: 668px) {
.pro_title span {
	font-size: 20px
}
}
.pro_d_shadow {
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0);
	box-shadow: 0 10px 20px rgba(0,0,0,0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pro_d_shadow:hover {
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	box-shadow: 0 10px 20px rgba(0,0,0,0.05)
}
.pro_d1 {
	width: 100%;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	padding: 50px 0;
	background: #fff;
	margin: 40px 0
}
@media (max-width: 1440px) {
.pro_d1 {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 1180px) {
.pro_d1 {
	margin: 20px 0;
	padding: 40px
}
}
@media (max-width: 668px) {
.pro_d1 {
	padding: 40px 20px;
	margin: 10px 0
}
}
.pro_d1 h1.title {
	font-size: 30px;
	margin-bottom: 20px
}
.pro_d1 .size {
	text-align: center;
	margin-top: 30px;
	overflow: hidden
}
@media (max-width: 668px) {
.pro_d1 .size {
	margin-top: 10px
}
}
@media (max-width: 668px) {
.pro_d1 .size ul {
	margin: 0 -5px
}
}
.pro_d1 .size ul li {
	display: inline-block;
	margin: 0 6px;
	height: 40px
}
@media (max-width: 968px) {
.pro_d1 .size ul li {
	margin: 0 4px
}
}
@media (max-width: 668px) {
.pro_d1 .size ul li {
	display: block;
	float: left;
	width: 50%;
	padding: 0 5px;
	margin: 0 0 10px
}
.pro_d1 .size ul li:last-child {
	width: 100%
}
}
.pro_d1 .size ul li span {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	background: #0067e6;
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
@media (max-width: 968px) {
.pro_d1 .size ul li span {
	padding: 0 15px;
	margin: 0 4px
}
}
@media (max-width: 668px) {
.pro_d1 .size ul li span {
	margin: 0;
	padding: 0
}
}
.pro_d1 .size ul li span:hover {
	background: #ef5516
}
.pro_d1 img {
	max-width: 100%
}
.pro_d2 {
	width: 100%;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	padding: 50px 0;
	background: #fff;
	margin: 0 0 40px
}
@media (max-width: 1440px) {
.pro_d2 {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 1180px) {
.pro_d2 {
	padding: 40px 40px 20px;
	margin: 0 0 20px
}
}
@media (max-width: 668px) {
.pro_d2 {
	padding: 40px 20px 20px;
	margin: 0 0 10px
}
}
.pro_table {
	font-size: 14px;
	margin-top: 30px
}
@media (max-width: 1440px) {
.pro_table {
	font-size: 12px
}
}
@media (max-width: 668px) {
.pro_table {
	margin-top: 10px
}
}
.pro_table td {
	vertical-align: middle
}
.pro_table table thead {
	background: #81D4FA;
	color: #01579B
}
.pro_table table thead td {
	font-weight: bold;
	vertical-align: middle
}
.pro_table table tbody {
	background: #f7f7f7;
	vertical-align: middle
}
.pro_table .table-bordered>tbody>tr>td, .pro_table .table-bordered>tbody>tr>th, .pro_table .table-bordered>tfoot>tr>td, .pro_table .table-bordered>tfoot>tr>th, .pro_table .table-bordered>thead>tr>td, .pro_table .table-bordered>thead>tr>th {
	border: 1px solid #fff;
	vertical-align: middle;
	padding: 8px
}
@media (max-width: 1440px) {
.pro_table .table-bordered>tbody>tr>td, .pro_table .table-bordered>tbody>tr>th, .pro_table .table-bordered>tfoot>tr>td, .pro_table .table-bordered>tfoot>tr>th, .pro_table .table-bordered>thead>tr>td, .pro_table .table-bordered>thead>tr>th {
	padding: 5px;
	font-size: 12px
}
}
.pro_table .table-striped>tbody>tr(odd) {
background-color:#f5f5f5
}
.pro_table .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #E1F5FE
}
.pro_table .table-hover>tbody>tr:hover {
	background-color: #0067e6
}
.pro_table .table-hover>tbody>tr:hover>td {
	color: #fff
}
.pro_d3 {
	width: 100%;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	padding: 50px 0;
	background: #fff;
	margin: 0 0 40px
}
@media (max-width: 1440px) {
.pro_d3 {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 1180px) {
.pro_d3 {
	padding: 40px 40px 20px;
	margin: 0 0 20px
}
}
@media (max-width: 668px) {
.pro_d3 {
	padding: 40px 20px 20px;
	margin: 0 0 10px
}
}
.pro_d3 .inner {
	position: relative
}
.pro_d3 .inner .pro_eq_page {
	height: 12px;
	text-align: right;
	position: absolute;
	right: 0;
	top: 6px
}
.pro_d3 .inner .pro_eq_page li.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #b5b5b5;
	margin: 0 0 0 8px;
	opacity: 1;
	filter: alpha(opacity=100)
}
.pro_d3 .inner .pro_eq_page li.swiper-pagination-bullet-active {
	background: #ef5516;
	border-color: #ef5516
}
.pro_d3 .inner .pro_eq_arrow {
	width: 50px;
	height: 50px;
	border: 1px solid #b5b5b5;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	color: #b5b5b5;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 2
}
@media (max-width: 668px) {
.pro_d3 .inner .pro_eq_arrow {
	width: 40px;
	height: 40px;
	margin-top: -20px
}
}
.pro_d3 .inner .pro_eq_arrow i.iconfont {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	line-height: 50px;
	font-size: 30px
}
@media (max-width: 668px) {
.pro_d3 .inner .pro_eq_arrow i.iconfont {
	height: 40px;
	line-height: 40px;
	font-size: 20px
}
}
.pro_d3 .inner .pro_eq_arrow.pro_eq_prev {
	left: -65px
}
@media (max-width: 1180px) {
.pro_d3 .inner .pro_eq_arrow.pro_eq_prev {
	left: -25px
}
}
@media (max-width: 668px) {
.pro_d3 .inner .pro_eq_arrow.pro_eq_prev {
	left: -20px
}
}
.pro_d3 .inner .pro_eq_arrow.pro_eq_next {
	right: -65px
}
@media (max-width: 1180px) {
.pro_d3 .inner .pro_eq_arrow.pro_eq_next {
	right: -25px
}
}
@media (max-width: 668px) {
.pro_d3 .inner .pro_eq_arrow.pro_eq_next {
	right: -20px
}
}
.pro_d3 .inner .pro_eq_arrow:hover {
	border-color: #ef5516;
	color: #ef5516
}
.pro_d3 .pro_eq_list {
	overflow: hidden;
	margin: 25px 0 0
}
.pro_d3 .pro_eq_list .swiper-slide a {
	display: block;
	padding: 10px;
	border: 1px solid #ededed;
	background: #f9f9f9
}
.pro_d3 .pro_eq_list .swiper-slide a .img {
	display: block;
	width: 100%;
	text-align: center
}
.pro_d3 .pro_eq_list .swiper-slide a .img img {
	height: 150px
}
.pro_d3 .pro_eq_list .swiper-slide a span.t {
	display: block;
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
	text-align: center
}
.pro_d3 .pro_eq_list .swiper-slide a:hover .img span {
	-webkit-transform: scale(1.07, 1.07);
	-moz-transform: scale(1.07, 1.07);
	-o-transform: scale(1.07, 1.07);
	transform: scale(1.07, 1.07)
}
.pro_d4 {
	width: 100%;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	padding: 50px 0;
	background: #fff;
	margin: 0 0 40px
}
@media (max-width: 1440px) {
.pro_d4 {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 1180px) {
.pro_d4 {
	padding: 40px 40px 20px;
	margin: 0 0 20px
}
}
@media (max-width: 668px) {
.pro_d4 {
	padding: 40px 20px 20px;
	margin: 0 0 10px
}
}
.pro_d4 .pro_compare {
	margin-top: 30px
}
.pro_d4 .pro_compare .hd {
	overflow: hidden
}
.pro_d4 .pro_compare .hd ul {
	text-align: center
}
@media (max-width: 668px) {
.pro_d4 .pro_compare .hd ul {
	margin: 0 -5px
}
}
.pro_d4 .pro_compare .hd ul li {
	display: inline-block;
	margin: 0 6px
}
@media (max-width: 668px) {
.pro_d4 .pro_compare .hd ul li {
	display: block;
	float: left;
	width: 50%;
	margin: 0 0 10px;
	padding: 0 5px
}
}
.pro_d4 .pro_compare .hd ul li span {
	display: block;
	padding: 0 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	background: #f5f5f5;
	border: 1px solid #eee;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px
}
@media (max-width: 968px) {
.pro_d4 .pro_compare .hd ul li span {
	padding: 0 20px
}
}
@media (max-width: 668px) {
.pro_d4 .pro_compare .hd ul li span {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 0
}
}
.pro_d4 .pro_compare .hd ul li.on span {
	background: #0067e6;
	color: #fff
}
.pro_d5 {
	width: 100%;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	padding: 50px 0;
	background: #fff;
	margin: 0 0 40px
}
@media (max-width: 1440px) {
.pro_d5 {
	font-size: 14px;
	line-height: 26px
}
}
@media (max-width: 1180px) {
.pro_d5 {
	padding: 40px 40px 20px;
	margin: 0 0 20px
}
}
@media (max-width: 668px) {
.pro_d5 {
	padding: 40px 20px 10px;
	margin: 0 0 10px
}
}
.pro_d5 .txt {
	width: 70%;
	margin: 0 auto;
	line-height: 40px
}
@media (max-width: 1180px) {
.pro_d5 .txt {
	line-height: 30px
}
}
@media (max-width: 668px) {
.pro_d5 .txt {
	width: 100%;
	line-height: 26px;
	padding: 0 20px
}
}
.cast_list {
	margin-top: 30px
}
.cast_list .hd {
	overflow: hidden
}
.cast_list .hd ul {
	text-align: center
}
@media (max-width: 668px) {
.cast_list .hd ul {
	margin: 0 -5px
}
}
.cast_list .hd ul li {
	display: inline-block;
	margin: 10px 6px 30px
}
@media (max-width: 668px) {
.cast_list .hd ul li {
	display: block;
	float: left;
	width: 50%;
	margin: 0 0 10px;
	padding: 0 5px
}
}
.cast_list .hd ul li span {
	display: block;
	padding: 0 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	background: #f5f5f5;
	border: 1px solid #eee;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px
}
@media (max-width: 968px) {
.cast_list .hd ul li span {
	padding: 0 20px
}
}
@media (max-width: 668px) {
.cast_list .hd ul li span {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 0
}
}
.cast_list .hd ul li.on span {
	background: #0067e6;
	color: #fff
}
.cast_list_bd {
	margin: 0;
	padding: 0
}
@media (max-width: 668px) {
.cast_list_bd .row {
	margin: 0 -5px
}
}
@media (max-width: 668px) {
.cast_list_bd .row .item {
	padding: 0 5px;
	margin-bottom: 10px
}
}
.cast_list_bd .row .item a {
	display: block;
	padding: 10px;
	border: 1px solid #ededed;
	background: #f9f9f9
}
.cast_list_bd .row .item a .img {
	display: block;
	width: 100%;
	overflow: hidden;
	text-align: center
}
.cast_list_bd .row .item a .img img {
	max-width: 100%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.cast_list_bd .row .item a span.t {
	display: block;
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
	text-align: center
}
.cast_list_bd .row .item a:hover .img img {
	-webkit-transform: scale(1.07, 1.07);
	-moz-transform: scale(1.07, 1.07);
	-o-transform: scale(1.07, 1.07);
	transform: scale(1.07, 1.07)
}
.search_list {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px
}
.search_list ul li {
	display: block;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee
}
.search_list ul li a {
	display: block;
	width: 100%;
	height: 150px;
	position: relative
}
.search_list ul li a .txt {
	width: 100%;
	height: 100%;
	padding: 0 280px 0 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
.search_list ul li a .txt b.t {
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	position: relative;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.search_list ul li a .txt b.t:after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	line-height: 1px;
	background: #ef5516;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.search_list ul li a .txt .des {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	margin: 20px 0
}
.search_list ul li a .txt .more {
	display: block;
	width: 90px;
	height: 30px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #ddd;
	color: #333;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.search_list ul li a .txt .more span {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
	font-size: 12px
}
.search_list ul li a .txt .more i {
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 28px;
	position: relative;
	margin-left: 5px
}
.search_list ul li a .txt .more i:before {
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	line-height: 2px;
	background: #a0a0a0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -1px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.search_list ul li a .txt .more i:after {
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	line-height: 2px;
	background: #a0a0a0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -1px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.search_list ul li a .txt.wide {
	padding-right: 0
}
.search_list ul li a .thumb {
	float: right;
	width: 250px;
	height: 100%;
	overflow: hidden;
	background: #eee;
	overflow: hidden
}
.search_list ul li a .thumb span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.search_list ul li a:hover .txt b.t {
	color: #ef5516
}
.search_list ul li a:hover .txt b.t:after {
	width: 100%
}
.search_list ul li a:hover .txt .more i:before {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}
.search_list ul li a:hover .txt .more i:after {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}
.search_list ul li a:hover .thumb span {
	-webkit-transform: scale(1.07, 1.07);
	-moz-transform: scale(1.07, 1.07);
	-o-transform: scale(1.07, 1.07);
	transform: scale(1.07, 1.07)
}
.search_list.no_img ul li a {
	height: auto
}
.search_list.no_img ul li a .txt {
	padding: 0 0px 0 120px
}
.purchase_list {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px
}
.purchase_list ul {
	margin: 0 -15px
}
.purchase_list ul li {
	display: block;
	float: left;
	width: 20%;
	padding: 0 15px;
	margin-bottom: 30px
}
@media (max-width: 968px) {
.purchase_list ul li {
	width: 50%
}
}
@media (max-width: 668px) {
.purchase_list ul li {
	width: 100%;
	margin-bottom: 20px
}
}
.purchase_list ul li a {
	display: block;
	padding: 10px 10px 0;
	border: 1px solid #eee
}
.purchase_list ul li a img {
	width: 100%
}
.purchase_list ul li a span.t {
	display: block;
	line-height: 40px;
	font-size: 14px;
	text-align: center
}
.foot_bar {
	display: none
}
@media (max-width: 668px) {
.foot_bar {
	display: block;
	width: 100%;
	height: 60px;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 90;
	-webkit-box-shadow: 0px -2px 10px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -2px 10px 2px rgba(0,0,0,0.1);
	box-shadow: 0px -2px 10px 2px rgba(0,0,0,0.1)
}
}
.foot_bar ul {
	margin: 0;
	padding: 0
}
.foot_bar ul li {
	display: block;
	float: left;
	width: 25%;
	padding: 4px 0 0
}
.foot_bar ul li a {
	display: block;
	width: 100%;
	text-align: center;
	color: #666
}
.foot_bar ul li a i.iconfont {
	display: block;
	font-size: 24px
}
.foot_bar ul li a span {
	display: block
}
