@charset "UTF-8";

.slick-dots,li {
	list-style: none
}

.slick-loading .slick-slide,.slick-loading .slick-track {
	visibility: hidden
}

.mfp-close,a {
	text-decoration: none
}

.mfp-arrow,.slick-slider {
	-webkit-tap-highlight-color: transparent
}

#side_btns .info-box,*,.mfp-container,.slick-slider,img.mfp-img {
	box-sizing: border-box
}

.case-item h3,.container-cases .casedoc-item,.container-yanfa .wp-caption .wp-caption-text,.home-procat p,.news-item .info h3,.news_s_item a,.pic_grid .gallery dd,.pro-item h3,.rel-item .info h3,.rel-pro-item h3,.single-nav p,.wp-caption p.wp-caption-text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

#menu-footer,.case-item,.col2_pics,.container-about .col2_pic,.container-news .so-widget-xz-taxonomy_list>ul,.container-pro-single #rel ul,.container-pro-single .btns,.container-pro-single .pro-intro,.container-service ul.after_ser,.container-tec .pages ul,.culturebox ul,.home-procat,.home-procats .so-widget-xz-loop_acf {
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 0;
	line-height: 0
}

#menu-footer:after,.case-item:after,.col2_pics:after,.container-about .col2_pic:after,.container-news .so-widget-xz-taxonomy_list>ul:after,.container-pro-single #rel ul:after,.container-pro-single .btns:after,.container-pro-single .pro-intro:after,.container-service ul.after_ser:after,.container-tec .pages ul:after,.culturebox ul:after,.home-procat:after,.home-procats .so-widget-xz-loop_acf:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
	vertical-align: top
}

.container-career .content .sec1:after,.container-career .content .sec2:after,.container-cases .casedoc-box:after,.container-contact .content:after,.container-pro .container-search:after,.container-pro .main:after,.home-page-name-box ul:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
	width: 100%
}

body,html,ul {
	margin: 0;
	padding: 0
}

body {
	background: #fff
}

* {
	font-family: '微软雅黑',sans-serif
}

h2 {
	font-size: 20px
}

:focus {
	outline: 0
}

.container-search,.main {
	width: 1200px;
	margin: 0 auto
}

img {
	max-width: 100%;
	height: auto
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.w1200{
	width:1200px;
	margin:0 auto;
}
.clearfix:after {display: block;clear: both;content: "";visibility: hidden;height: 0}
.clearfix {zoom: 1}
.clear {
	clear: both;
}
@font-face {
	font-family:iconfont;src:url(../fonts/iconfont.eot)/*tpa=http://www.cranechinese.com/style/fonts/iconfont.eot*/;src:url(../fonts/iconfont.eot)/*tpa=http://www.cranechinese.com/style/fonts/iconfont.eot*/ format("embedded-opentype"),url(../fonts/iconfont.woff)/*tpa=http://www.cranechinese.com/style/fonts/iconfont.woff*/ format("woff"),url(../fonts/iconfont.ttf)/*tpa=http://www.cranechinese.com/style/fonts/iconfont.ttf*/ format("truetype"),url(../fonts/iconfont.svg#iconfont)/*tpa=http://www.cranechinese.com/style/fonts/iconfont.svg#iconfont*/ format("svg")
}

.iconfont {
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.alignleft {
	display: inline;
	float: left
}

.alignright {
	display: inline;
	float: right
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto
}

#header .topbox,#logo,#search,.topbar>span {
	display: inline-block
}

img.alignleft {
	margin: .4em 1.6em 1.6em 0
}

img.alignright {
	margin: .4em 0 1.6em 1.6em
}

img.aligncenter {
	clear: both;
	margin-top: .4em;
	margin-bottom: 1.6em
}

#header {
	background: #ebecf0;
	position: relative;
	z-index: 999
}

#header>.container-search,#header>.main {
	/* height: 122px; */
	text-align: justify
}

#header>.container-search:after,#header>.main:after {
	display: inline-block;
	height: 0;
	width: 100%;
	content: ""
}

#header .topbox {
	vertical-align: top;
	margin-top: 10px
}

#logo {
	/* margin-top: 25px */
}

#logo:hover {
	transition: all .3s;
	opacity: .8
}

.topbar {
	text-align: right;
	color: #e4000d;
	font-size: 14px
}

#menu-main .sub-menu li,#submit {
	text-align: center;
	transition: all .3s
}

.topbar>span {
	margin-right: 20px;
	line-height: 30px;
  font-size: 26px;
}

.topbar i {
  font-size: 28px;
	color: #e4000d;
	margin-right: 3px;
	vertical-align: bottom;
	font-weight: 400
}

#footer .footer-wx,#menu-footer>li,#menu-main>li {
	vertical-align: top
}

.topbar a {
	color: inherit;
	transition: all .3s
}

.topbar a:hover {
	color: #d90f22
}

#search {
	width: 220px
}

#searchform {
	border-radius: 4px;
	line-height: 30px;
	position: relative;
	overflow: hidden;
	top: 10px
}

#s {
	border: 1px solid #d90f22;
	border-radius: 4px;
	background: 0 0;
	line-height: 28px;
	width: 100%;
	padding: 0 50px 0 10px
}

#submit {
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	height: 30px;
	border: none;
	background: #d90f22;
	display: block;
	border-radius: 2px;
	color: #fff;
	cursor: pointer
}

#submit:hover {
	width: 50px
}

#menu-main>li {
	letter-spacing: 1px;
	display: inline-block;
	margin-left: 35px; 
	font-size: 21px;
	font-weight: 700;
	color: #333;
	position: relative;
	padding-top: 10px;
	 
	
}

#menu-main>li>a {
	color: inherit;
	line-height: 60px;
	display: inline-block;
	transition: all .3s;
	padding: 0 18px;
}

#menu-main>li.current-menu-ancestor,#menu-main>li.current-menu-item,#menu-main>li.current-menu-parent,#menu-main>li.current_page_item,#menu-main>li:hover {
	color: #d90f22
}

#menu-main .sub-menu {
	display: none;
	background: rgba(255,255,255,.9);
	position: absolute;
	left: -40px;
	top: 70px;
	width: 150px;
	border-bottom: solid 5px #d90f22
}

#menu-main .sub-menu li {
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 400;
	line-height: 2.5em;
	color: #333
}

#menu-main .sub-menu li a {
	color: inherit;
	display: block;
	padding: 0 20px
}

#menu-main .sub-menu li:hover {
	background: #d90f22;
	color: #fff
}

#menu-main #menu-item-47 {
	position: static
}

#menu-main #menu-item-47 .sub-menu {
	font-size: 0;
	width: 100%;
	text-align: left;
	padding: 20px;
	position: absolute;
	left: 0;
	top: 122px
}

#menu-main #menu-item-47 .sub-menu li {
	width: 14.2%;
	display: inline-block
}

#menu-main #menu-item-47 .sub-menu li:hover {
	background: 0 0;
	color: #000
}

#menu-main #menu-item-47 .sub-menu a {
	padding-top: 130px;
	margin-bottom: 10px;
	position: relative;
	font-size: 14px;
	transition: all .3s
}

#menu-main #menu-item-47 .sub-menu a:before {
	display: block;
	transition: all .3s;
	width: 160px;
	height: 120px;
	position: absolute;
	border-radius: 10px;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	background: url(../images/pros.png)/*tpa=http://www.cranechinese.com/style/images/pros.png*/ 0 0/auto 200% no-repeat;
	filter: grayscale(1);
	opacity: .8
}

#footer .footer-menu,#footer .footer-wx,#footer .footer-wx img,#menu-footer>li {
	display: inline-block
}
#footer .footer-wx img{
	width:139px;
	float:right;
}
#menu-main #menu-item-47 .sub-menu a:hover {
	color: #d90f22
}

#menu-main #menu-item-47 .sub-menu a:hover:before {
	filter: grayscale(0);
	opacity: 1
}

#menu-main #menu-item-47 .sub-menu #menu-item-49 a:before {
	background-position: 33.33% 0
}

#menu-main #menu-item-47 .sub-menu #menu-item-50 a:before {
	background-position: 66.67% 0
}

#menu-main #menu-item-47 .sub-menu #menu-item-51 a:before {
	background-position: 100% 0
}

#menu-main #menu-item-47 .sub-menu #menu-item-52 a:before {
	background-position: 0 100%
}

#menu-main #menu-item-47 .sub-menu #menu-item-53 a:before {
	background-position: 33.33% 100%
}

#menu-main #menu-item-47 .sub-menu #menu-item-54 a:before {
	background-position: 66.67% 100%
}

#footer {
	padding-top: 45px;
	background: #3c3c3c
}

#footer .container-search,#footer .main {
	font-size: 0;
	margin-bottom: 45px
}

#footer .footer-menu {
	font-size: 14px;
	line-height: 28px;
	color: #c8c8c8;
	width: 70%
}

#footer .footer-menu a {
	color: inherit
}

#footer .footer-menu a:hover {
	color: #eee
}

#footer .footer-wx {
	width: 30%;
	font-size: 18px;
	color: #c8c8c8
}

#footer .footer-wx .txt {
	margin-top: -10px;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px
}

#footer .footer-wx .txt p {
	margin: 0;
	line-height: 1.6em;
	font-size: 12px
}

#menu-footer {
	padding-right: 138px
}

#menu-footer>li>a {
	font-size: 18px;
	line-height: 1em;
	color: #ececec!important;
	font-weight: 700;
	margin-bottom: 1em;
	display: block
}

#menu-footer>li>a:hover {
	color: #fff!important
}

#menu-footer .sub-menu {
	font-size: 14px;
	line-height: 28px
}

.footerbar p {
	border-top: dotted 1px #7f7f7f;
	line-height: 60px;
	font-size: 14px;
	color: #717171;
	text-align: center;
	margin: 0
}

.footerbar p a {
	color: inherit
}

.footerbar p a:hover {
	color: #aaa
}

.footerbar span {
	margin-right: 16px
}

#side_btns {
	position: fixed;
	opacity: .7;
	transition: opacity .5s;
	top: 60%;
	right: 0
}

#side_btns:hover,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
	opacity: 1
}

#side_btns .info-box {
	display: none;
	position: absolute;
	right: 56px;
	top: -56px;
	background: rgba(0,0,0,.8);
	height: 180px;
	padding: 20px;
	border-radius: 10px 2px 10px 10px
}

#side_btns .info-box img {
	min-width: 120px;
	display: block
}

#side_btns .info-box p {
	font-size: 12px;
	color: #ccc;
	margin: .5em 0
}

#side_btns li {
	margin-bottom: 2px;
	position: relative
}

#side_btns li>a {
	transition: background .3s;
	width: 54px;
	height: 54px;
	background: rgba(0,0,0,.1);
	border-radius: 2px;
	display: block;
	border: none;
	overflow: hidden;
	line-height: 54px;
	text-align: center;
	color: #d90f22
}

#side_btns li>a.sns {
	margin: 0;
	text-indent: 0;
	position: relative
}

#side_btns li>a.sns:after {
	content: "\e602";
	font-family: iconfont;
	font-size: 28px;
	color: #d90f22;
	position: absolute;
	left: 12px;
	top: 0
}

#side_btns li>a:hover {
	background: rgba(0,0,0,.6)
}

#side_btns li i {
	font-size: 28px
}

#side_btns li:hover .info-box {
	display: block
}

.bdshare_popup_bg,.bdshare_popup_box {
	display: none!important
}

.top_pic img {
	display: block
}

#bread-crumb {
	font-size: 16px;
	line-height: 24px;
	color: #666
}

#bread-crumb .widget_xz-breadcrumb {
	display: inline-block
}

#bread-crumb .widget_xz-breadcrumb a {
	color: inherit;
	transition: all .3s;
	margin: 0 5px
}

#bread-crumb .widget_xz-breadcrumb a:hover {
	color: #d90f22
}

#bread-crumb .widget_xz-breadcrumb .breadcrumb_last {
	margin-left: 5px
}

#bread-crumb i {
	color: #666;
	font-size: 28px;
	vertical-align: -3px
}

#breadcrumbs {
	margin: 20px 0
}

.container .menu,.secs_box .navbar ul {
	margin-top: 30px;
	margin-bottom: 30px;
	background: #ebecf0;
	display: -ms-flexbox;
	display: flex
}

.container .menu li,.secs_box .navbar ul li {
	transition: all .3s;
	margin-right: 1px;
	letter-spacing: 1px;
	display: inline-block;
	-ms-flex: 1;
	flex: 1;
	line-height: 64px;
	text-align: center;
	color: #333;
	font-size: 18px
}

.container .menu li a,.secs_box .navbar ul li a {
	color: inherit;
	display: block
}

.container .menu li.current-menu-item,.container .menu li.current-category-ancestor,.container .menu li:hover,.secs_box .navbar ul li.current-menu-item,.secs_box .navbar ul li:hover {
	background: #d90f22;
	color: #fff
}

#xz-form {
	margin-top: 60px;
	margin-bottom: 70px
}

#xz-form h2 {
	color: #333;
	font-size: 30px;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 12px
}

#xz-form h2+p {
	font-size: 16px;
	color: #999;
	margin: 0 0 40px;
	line-height: 1.1em
}

.pagenavi-box,.so-widget-xz-pagination {
	margin-top: 60px;
	color: #333
}

.pagenavi-box a,.so-widget-xz-pagination a {
	color: inherit
}

.pagenavi-box .nav-links,.so-widget-xz-pagination .nav-links {
	clear: both;
	text-align: center;
	font-size: 0
}

.pagenavi-box .page-numbers,.so-widget-xz-pagination .page-numbers {
	display: inline-block;
	width: 54px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	background: #ebecf0;
	border-radius: 2px;
	margin: 0 3px;
	transition: all .3s
}

.pagenavi-box .inpage_nav-links>span,.pagenavi-box .page-numbers.current,.pagenavi-box .page-numbers:hover,.so-widget-xz-pagination .inpage_nav-links>span,.so-widget-xz-pagination .page-numbers.current,.so-widget-xz-pagination .page-numbers:hover {
	background: #d90f22;
	color: #fff
}

.single-nav {
	border-top: solid 1px #ddd;
	margin-top: 50px;
	padding-top: 45px
}

.single-nav p {
	color: #666;
	margin: 0 0 40px;
	transition: all .3s
}

.single-nav p:hover {
	color: #d90f22
}

.single-nav p.page-pre .link:before {
	line-height: 28px;
	content: "上一篇："
}

.single-nav p.page-next .link:before {
	line-height: 28px;
	content: "下一篇："
}

.single-nav a {
	font-size: 18px;
	line-height: 28px;
	color: inherit;
	border-bottom: solid 1px;
	display: inline-block;
	vertical-align: top
}

.home-banner {
	margin-bottom: 5px;
	background: #eee
}

.home-banner .slick-slider {
	margin-bottom: 0!important;
	overflow: hidden
}

.home-banner .banner-item img {
	margin: 0 auto
}

.home-banner .slick-dots {
	bottom: 25px
}

.home-banner .slick-dots li button:before {
	font-size: 12px;
	text-shadow: 0 0 5px rgba(255,255,255,.3)
}

.home-banner:hover .slick-arrow.slick-prev {
	left: 15px
}

.home-banner:hover .slick-arrow.slick-next {
	right: 15px
}

.home-banner .slick-arrow {
	z-index: 99;
	transition: all .3s;
	display: block;
	width: 50px;
	height: 50px;
	left: -50px
}

.home-banner .slick-arrow:before {
	content: "\e610";
	font-size: 60px;
	font-family: iconfont;
	line-height: 1em;
	text-align: center;
	display: block
}

.slick-dots li button:before,.slick-next:before,.slick-prev:before {
	font-family: slick;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.home-banner .slick-arrow.slick-next {
	left: auto;
	right: -50px
}

.home-banner .slick-arrow.slick-next:before {
	content: "\e618"
}

.slick-loading .slick-list {
	background: url(../images/ajax-loader.gif)/*tpa=http://www.cranechinese.com/style/images/ajax-loader.gif*/ center center no-repeat #fff
}

@font-face {
	font-family:slick;src:url(fonts/slick.eot)/*tpa=http://www.cranechinese.com/style/css/fonts/slick.eot*/;src:url(../fonts/slick.eot)/*tpa=http://www.cranechinese.com/style/fonts/slick.eot*/ format("embedded-opentype"),url(../fonts/slick.woff)/*tpa=http://www.cranechinese.com/style/fonts/slick.woff*/ format("woff"),url(../fonts/slick.ttf)/*tpa=http://www.cranechinese.com/style/fonts/slick.ttf*/ format("truetype"),url(../fonts/slick.svg#slick)/*tpa=http://www.cranechinese.com/style/fonts/slick.svg#slick*/ format("svg");font-weight:400;font-style:normal
}

.slick-next,.slick-prev {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: 0 0;
	color: transparent;
	top: 50%;
	transform: translate(0,-50%);
	padding: 0;
	border: none;
	outline: 0
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
	outline: 0;
	background: 0 0;
	color: transparent
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
	opacity: .25
}

.slick-next:before,.slick-prev:before {
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75
}

.slick-prev {
	left: -25px
}[dir=rtl] .slick-prev {
	left: auto;
	right: -25px
}

.slick-prev:before {
	content: "←"
}

.slick-next:before,[dir=rtl] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}[dir=rtl] .slick-next {
	left: -25px;
	right: auto
}[dir=rtl] .slick-next:before {
	content: "←"
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: 0 0;
	display: block;
	height: 20px;
	width: 20px;
	outline: 0;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:focus,.slick-dots li button:hover {
	outline: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: .25
}

.slick-list,.slick-slider,.slick-track {
	position: relative;
	display: block
}

.slick-dots li.slick-active button:before {
	color: #000;
	opacity: .75
}

.slick-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
	transform: translate3d(0,0,0)
}

.slick-track {
	left: 0;
	top: 0;
	margin-left: auto;
	margin-right: auto
}

.mfp-bg,.mfp-wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%
}

.slick-track:after,.slick-track:before {
	content: "";
	display: table
}

.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after {
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.mfp-bg {
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	background: #0b0b0b
}

.mfp-wrap {
	height: 100%;
	z-index: 1043;
	outline: 0!important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px
}

.mfp-container:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none!important
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #CCC
}

.mfp-close,.mfp-preloader a:hover {
	color: #FFF
}

.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
	display: none
}

button.mfp-arrow,button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

.mfp-figure:after,.mfp-iframe-scaler iframe {
	box-shadow: 0 0 8px rgba(0,0,0,.6);
	position: absolute;
	left: 0
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	opacity: .65;
	padding: 0 0 18px 10px;
	font-style: normal;
	font-size: 28px;
	font-family: Arial,Baskerville,monospace
}

.container-cases .casedoc-item a:hover,.container-job-single .content_box h2 a:hover,.job-item h2 a:hover {
	text-decoration: underline
}

.mfp-close:focus,.mfp-close:hover {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-figure,img.mfp-img {
	line-height: 0
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: -55px 0 0;
	top: 50%;
	padding: 0;
	width: 90px;
	height: 110px
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
	opacity: 1
}

.mfp-arrow:after,.mfp-arrow:before {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: inset transparent
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left:after {
	border-right: 17px solid #FFF;
	margin-left: 31px
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right:after {
	border-left: 17px solid #FFF;
	margin-left: 39px
}

.mfp-arrow-right:before {
	border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-image-holder .mfp-content,img.mfp-img {
	max-width: 100%
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000
}

.mfp-figure:after,img.mfp-img {
	width: auto;
	height: auto;
	display: block
}

img.mfp-img {
	padding: 40px 0;
	margin: 0 auto
}

.mfp-figure:after {
	top: 40px;
	bottom: 40px;
	right: 0;
	z-index: -1;
	background: #444
}

.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0,0,0,.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0,0,0,.6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		transform: scale(.75)
	}

	.mfp-arrow-left {
		transform-origin: 0
	}

	.mfp-arrow-right {
		transform-origin: 100%
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

.case-item .thumb:hover img,.news-item .thumb:hover img,.rel-item .thumb:hover img,.rel-pro-item:hover img {
	transform: scale(1.02)
}

.mfp-bg {
	opacity: 0;
	transition: all .3s
}

.mfp-bg.mfp-ready {
	opacity: .8
}

.mfp-bg.mfp-ready.mfp-removing {
	opacity: 0
}

.case-item .thumb:hover,.news-item .thumb:hover,.rel-item .thumb:hover,.rel-pro-item:hover img {
	opacity: .9
}

.container-job-single .content_box,.job-item {
	margin-bottom: 50px;
	margin-top: 40px
}

.container-job-single .content_box h2,.job-item h2 {
	margin: 0 0 15px;
	padding-bottom: 12px;
	border-bottom: dotted 1px #ddd;
	font-size: 18px;
	line-height: 24px;
	color: #333;
	font-weight: 400
}

.container-job-single .content_box h2 i,.job-item h2 i {
	color: #d90f22;
	font-size: 24px;
	display: inline-block;
	margin-right: 12px
}

.container-job-single .content_box h2 a,.job-item h2 a {
	color: inherit
}

.container-job-single .content_box h2 span,.job-item h2 span {
	margin: 0 5px
}

.container-job-single .content_box .txt,.job-item .txt {
	font-size: 14px;
	line-height: 2em;
	color: #999;
	margin-bottom: 25px
}

.container-job-single .content_box .txt h3,.job-item .txt h3 {
	color: #666;
	font-size: 16px;
	margin: 0;
	line-height: 32px
}

.container-job-single .content_box .txt ol,.job-item .txt ol {
	padding-left: 1em
}

.container-job-single .content_box .txt ol li,.job-item .txt ol li {
	list-style: decimal
}

.container-job-single .content_box .btns a,.job-item .btns a {
	display: inline-block;
	width: 118px;
	height: 36px;
	background: #d90f22;
	color: #fff;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	letter-spacing: 1px;
	margin-right: 15px;
	border-radius: 2px;
	transition: all .3s
}

.container-job-single .content_box .btns a:hover,.job-item .btns a:hover {
	box-shadow: 0 2px 0 0 rgba(0,0,0,.5)
}

.container-job-single .content_box .btns a i,.job-item .btns a i {
	font-size: 18px;
	margin-right: 5px
}

.container-job-single .content_box {
	min-height: 400px
}

.case-item {
	margin-bottom: 38px
}

.case-item .thumb {
	display: inline-block;
	width: 413px;
	height: 232px;
	overflow: hidden;
	background: #eee;
	transition: all .5s
}

.case-item .thumb img {
	transition: all .5s;
	width: 100%;
	height: 100%;
	display: block
}

.case-item .info {
	height: 232px;
	font-size: 16px;
	line-height: 32px;
	color: #666;
	display: inline-block;
	width: 757px;
	vertical-align: top;
	border-bottom: dotted 1px #dadada
}

.news_s_item,.secs_box {
	border-bottom: dotted 1px #ddd
}

.case-item h3 {
	font-size: 24px;
	color: #333;
	line-height: 1em;
	margin: 23px 0 20px
}

.case-item h3 a {
	color: inherit;
	transition: all .3s
}

.case-item h3 a:hover {
	color: #d90f22
}

.case-item .meta {
	margin: 0;
	font-size: 14px;
	line-height: 1em;
	color: #999
}

.rel-item .info .date,.rel-item .info h3 {
	line-height: 45px;
	font-size: 12px;
	display: inline-block
}

.case-item .meta i {
	font-size: 14px;
	display: inline-block;
	margin-right: 5px
}

.case-item .txt {
	margin-top: 30px;
	height: 96px;
	overflow: hidden
}

.case-item .txt p {
	margin: 0
}

.rel-item {
	margin-bottom: 25px
}

.rel-item .thumb {
	display: block;
	height: 195px;
	overflow: hidden;
	transition: all .5s
}

.rel-item .thumb img {
	display: block;
	height: 100%;
	width: 100%;
	transition: all .5s
}

.rel-item .info {
	height: 45px;
	background: #f8f8f8;
	padding: 0 20px
}

.rel-item .info h3 {
	color: #333;
	margin: 0;
	font-weight: 400;
	width: 230px
}

.rel-item .info .date {
	color: #999;
	float: right
}

.news-item {
	box-shadow: 3px 11px 21px -18px rgba(94,98,99,.53);
	transition: all .5s;
	position: relative;
	display: inline-block;
	margin-bottom: 50px
}

.news-item:hover {
	box-shadow: 3px 11px 11px -12px rgba(94,98,99,.53)
}

.news-item .thumb {
	display: block;
	border-radius: 4px 4px 0 0;
	width: 580px;
	height: 390px;
	overflow: hidden;
	transition: all .5s
}

.news-item .thumb img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s
}

.news-item .info h3,.news_s_item,.news_s_item a,.news_s_item i {
	display: inline-block
}

.news-item .info {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 77px;
	background: rgba(248,248,248,.9);
	padding: 0 25px
}

.news-item .info h3 {
	width: 420px;
	margin: 0;
	color: #333;
	font-size: 18px;
	font-weight: 400
}

.news-item .info h3 a {
	color: inherit;
	line-height: 77px;
	transition: all .3s
}

.news-item .info h3 a:hover {
	color: #d90f22
}

.news-item .info h3 i {
	font-size: 25px;
	color: #d90f22;
	vertical-align: -3px;
	display: inline-block;
	margin-right: 5px
}

.news-item .info .meta {
	color: #999;
	font-size: 16px;
	line-height: 77px;
	float: right
}

.news_s_item {
	width: 100%;
	font-size: 16px;
	color: #666
}

.news_s_item a {
	color: inherit;
	transition: all .3s;
	line-height: 68px;
	max-width: 80%;
	vertical-align: top
}

.news_s_item a:hover {
	color: #d90f22
}

.news_s_item i {
	font-size: 20px;
	margin-left: 10px;
	vertical-align: top;
	line-height: 68px
}

.news_s_item .date {
	color: #999;
	font-size: 14px;
	line-height: 68px;
	float: right
}

.pro-item {
	width: 294px;
	float: left;
	margin-right: 8px;
	margin-bottom: 30px
}

.pro-item:nth-of-type(3n) {
	margin-right: 0
}

.pro-item .thumb {
	display: block;
	overflow: hidden;
	height: 225px
}

.pro-item .thumb:hover img {
	transform: scale(1.02);
	opacity: .9
}

.pro-item img {
	display: block;
	transition: all .5s
}

.pro-item h3 {
	letter-spacing: 1px;
	line-height: 36px;
	color: #333;
	font-size: 18px;
	margin: 0 0 4px;
	font-weight: 400;
	padding-right: 14px
}

.pro-item .txt {
	height: 42px;
	overflow: hidden;
	padding-right: 14px;
	color: #999;
	line-height: 21px;
	font-size: 14px;
	margin-bottom: 18px
}

.pro-item .txt p {
	margin: 0
}

.pro-item .more {
	width: 73px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	display: block;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-size: 14px;
	transition: all .3s
}

.pro-item .more:hover {
	border: 1px solid #d90f22;
	background: #d90f22;
	color: #fff
}

.search-item {
	margin-bottom: 20px
}

.search-item h2 {
	background: #eee;
	border-radius: 10px 10px 0 0;
	line-height: 40px;
	padding: 0 20px 0 40px;
	margin: 0;
	transition: all .3s
}

.search-item h2 a {
	font-weight: 500;
	color: #333;
	font-size: 16px;
	width: 92%;
	display: inline-block;
	transition: all .3s
}

.search-item h2 a:hover {
	color: #d90f22
}

.search-item .meta {
	float: right;
	display: inline-block;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 12px;
	color: #888;
	background: #fff;
	border-radius: 8px;
	line-height: 1.6em;
	padding: 0 6px;
	margin-top: 12px;
	margin-right: 20px
}

.search-item .meta.cat_pro {
	background: #d90f22;
	color: #fff
}

.search-item .meta.cat_case {
	background: #0162d7;
	color: #fff
}

.search-item .meta.cat_page {
	background: #999;
	color: #fff
}

.search-item .meta.cat_job {
	background: orange;
	color: #fff
}

.search-item .txt {
	background: #f8f8f8;
	padding: 18px 40px;
	border-radius: 0 0 10px 10px
}

.search-item .txt p {
	margin: 0;
	font-weight: 300;
	color: #666;
	font-size: 14px;
	line-height: 1.8em
}

.search-item:hover h2 {
	background: #ddd
}

.rel-pro-item {
	display: inline-block;
	width: 294px;
	height: 225px;
	overflow: hidden;
	position: relative
}

.rel-pro-item img {
	display: block;
	width:294px;
	height:225px;
	transition: all .5s;
}

.rel-pro-item:hover h3 {
	transform: translateY(0)
}

.rel-pro-item h3 {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,.3);
	line-height: 3em;
	padding: 0 20px;
	font-size: 14px;
	color: #fff;
	margin: 0;
	font-weight: 400;
	transform: translateY(3em);
	transition: all .5s
}

.hero {
	font-size: 50px;
	color: #333;
	font-weight: 400;
	letter-spacing: 2px;
	margin: 40px 0 18px;
	line-height: 1em;
	text-align:center;
}

.hero span {
	font-weight: 700;
	color: #d90f22
}

.hero+p {
	font-size: 18px;
	color: #999;
	line-height: 24px;
	margin: 0 0 35px;
	text-align:center;
}

.container {
	margin-bottom: 80px;
	font-size: 16px;
	line-height: 32px;
	color: #666
}

.container .sec-tit {
	display: inline-block;
	background: #d90f22;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	padding: 0 30px 0 25px;
	border-radius: 20px 20px 0;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 0
}

.container-contact .content {
	margin-top: 40px
}

.container-contact .sec1 {
	color: #353f46;
	width: 43%;
	float: left;
	margin-bottom: 90px
}

.container-contact .sec1 h2 {
	font-size: 27px;
	color: #d90f22;
	line-height: 1em;
	margin-top: 50px;
	margin-bottom: 42px;
	letter-spacing: 1px
}

.container-contact .sec1 h2:after {
	content: "";
	display: block;
	width: 80px;
	height: 2px;
	background: #353f46;
	margin-top: 25px
}

.container-contact .sec1 li {
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 24px;
	margin-left: 40px;
	position: relative
}

.container-contact .sec1 li strong {
	font-size: 18px;
	line-height: 24px
}

.container-contact .sec1 li:before {
	width: 24px;
	height: 24px;
	position: absolute;
	left: -40px;
	top: 0;
	display: block;
	font-family: iconfont;
	font-size: 24px;
	content: "\e620"
}

.container-contact .sec1 li.c_tel1:before {
	content: "\e6f4"
}

.container-contact .sec1 li.c_tel2:before {
	content: "\e75f"
}

.container-contact .sec1 li.c_fax:before {
	content: "\e603"
}

.container-contact .sec1 li.c_mail:before {
	content: "\e621"
}

.container-contact .sec1 li.c_im:before {
	content: "\e612"
}

.container-contact .sec2 {
	width: 680px;
	float: right;
	margin-bottom: 90px
}

.container-contact .sec2 iframe {
	width: 100%;
	height: 400px;
	border: none
}

.container-jobs .ls-box {
	margin-bottom: 60px
}

.container-welfare .content h3 {
	font-size: 18px;
	color: #333;
	line-height: 1em;
	margin-bottom: 14px
}

.container-welfare .content h3+p {
	margin: 0 0 28px;
	line-height: 1em
}

.container-welfare .content em {
	color: #999;
	font-style: normal
}

.container-welfare .content li {
	padding-left: 1.5em;
	position: relative
}

.container-welfare .content li:before {
	position: absolute;
	left: 0;
	top: 12px;
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	background: #d90f22
}

.container-career .content h3 {
	font-size: 18px;
	color: #333;
	line-height: 1em;
	margin: 58px 0 24px
}

.container-career .content h3 em {
	font-style: normal;
	color: #999;
	font-weight: 400;
	font-size: 14px;
	margin-left: 1.2em
}

.container-career .content p {
	margin-top: 0
}

.container-career .content img {
	display: block
}

.container-career .content .col2_pic img {
	display: inline-block
}

.container-career .content .sec1,.container-career .content .sec2 {
	margin-bottom: 100px;
	color: #999
}

.container-career .content .sec1 img,.container-career .content .sec2 img {
	max-width: 55%;
	float: left
}

.container-career .content .sec1 img+p,.container-career .content .sec2 img+p {
	display: none
}

.container-career .content .sec1 .txt,.container-career .content .sec2 .txt {
	width: 40%;
	float: right
}

.container-career .content .sec1 h3,.container-career .content .sec2 h3 {
	margin-top: 20px
}

.container-career .content .sec1 strong,.container-career .content .sec2 strong {
	font-weight: 400;
	color: #666
}

.container-career .content .sec1 li,.container-career .content .sec2 li {
	padding-left: 1.5em;
	position: relative
}

.container-career .content .sec1 li:before,.container-career .content .sec2 li:before {
	position: absolute;
	left: 0;
	top: 12px;
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	background: #d90f22
}

.container-career .content .sec2 li {
	margin-bottom: 25px
}

.container-career h2.sec-tit {
	margin-top: 60px;
	margin-bottom: 0
}

.container-career h2.sec-tit:nth-of-type(1) {
	margin-top: 0
}

.culturebox {
	letter-spacing: 1px;
	padding-top: 70px
}

.culturebox li {
	display: inline-block;
	vertical-align: top;
	padding-left: 80px;
	position: relative
}

.culturebox li h3 {
	font-size: 16px;
	color: #d90f22;
	margin: 0 0 16px;
	line-height: 1em
}

.culturebox li p {
	margin: 0;
	line-height: 22px;
	font-size: 14px;
	color: #666
}

.culturebox li:before {
	content: "\e6f6";
	position: absolute;
	left: 0;
	top: 18px;
	display: block;
	color: #d90f22;
	font-family: iconfont;
	font-size: 58px;
	line-height: 60px;
	width: 60px
}

.culturebox li.sec2:before {
	content: "\e67c"
}

.culturebox li.sec3:before {
	content: "\e607"
}

.container-about {
	color: #888;
	line-height: 24px
}

.container-about .col2_pic,.container-career .col2_pic {
	font-size: 0;
	line-height: 0;
}

.container-about .col2_pic img {
	display: inline-block;
	vertical-align: top
}

.container-about .culturebox {
	padding-bottom: 30px
}

.container-honor .content {
	font-size: 14px;
	line-height: 24px;
	color: #999
}

.container-tec {
	font-size: 14px;
	color: #999;
	line-height: 28px
}

.container-tec .pages {
	margin-top: 40px
}

.container-tec .pages li {
	display: inline-block;
	margin-bottom: 40px;
	border-radius: 10px;
	overflow: hidden
}

.container-tec .pages li a {
	display: block;
	position: relative;
	overflow: hidden
}

.container-tec .pages li img {
	display: block;
	transition: all 5s
}

.container-tec .pages li .txt {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,.5);
	margin: 0;
	line-height: 3em;
	color: #fff;
	padding: 0 20px;
	text-align: center;
	font-size: 18px;
	transition: all 1s
}

.container-tec .pages li:hover img {
	transform: scale(1.1)
}

.container-tec .pages li:hover .txt {
	background: rgba(0,0,0,.8);
	font-size: 22px
}

.container-tec .sec-tit {
	margin-bottom: 40px
}

.col2_pics .wp-caption {
	max-width: 48%;
	display: inline-block;
	vertical-align: top
}

.wp-caption {
	margin-top: 10px;
	width: auto!important
}

.wp-caption img {
	display: block
}

.wp-caption p.wp-caption-text {
	font-size: 14px;
	line-height: 34px;
	width: 80%;
	max-width: 500px;
	color: #999;
	border-top: solid 1px #ddd;
	margin: 24px 0 20px
}

.secs_box {
	padding-bottom: 30px;
	margin-bottom: 40px
}

.secs_box p {
	margin: 0 0 .5em
}

.secs_box .sec {
	display: none
}

.secs_box .sec.show {
	display: block
}

.secs_box .sec li {
	padding-left: 1.5em;
	position: relative;
	margin-bottom: .5em
}

.secs_box .sec li:before {
	position: absolute;
	left: 0;
	top: 12px;
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	background: #d90f22
}

.secs_box .sec ol {
	padding-left: 0
}

.secs_box .sec h4 {
	margin: 0
}

.secs_box .sec-tit {
	margin-top: 30px;
	margin-bottom: 15px
}

.container-zhuangbei .sec_des {
	font-size: 14px;
	line-height: 28px;
	color: #999;
	max-height: 56px;
	overflow: hidden;
	letter-spacing: 1px;
	transition: all .8s
}

.container-zhuangbei .sec_des.open {
	max-height: 1000px
}

.container-zhuangbei .sec_des li,.container-zhuangbei .sec_des ol,.container-zhuangbei .sec_des p {
	margin: 0
}

.container-zhuangbei .sec_des h3 {
	margin: 0;
	font-size: 1em
}

.container-zhuangbei .sec_des h2 {
	margin: 0;
	color: #666;
	font-size: 16px
}

.container-zhuangbei .sec_des+.more {
	display: inline-block;
	float: right;
	line-height: 24px;
	font-size: 12px;
	color: #d90f22;
	padding: 0 8px 0 12px;
	background: #eee;
	border-radius: 10px;
	margin-top: -2px;
	transition: all .3s
}

.container-zhuangbei .sec_des+.more i {
	font-size: 12px;
	line-height: 24px
}

.container-zhuangbei .sec_des+.more:hover {
	background: #d90f22;
	color: #fff
}

.pic_grid {
	clear: both;
	margin-top: 40px
}

.pic_grid .gallery dl {
	width: 32.333%!important;
	margin: 0 1.5% 2em 0!important
}

.pic_grid .gallery dl:nth-of-type(3n) {
	margin-right: 0!important
}

.pic_grid .gallery img {
	border: none!important;
	display: block;
	transition: all .3s;
	width: 100%;
}

.pic_grid .gallery dt a {
	display: block;
	overflow: hidden;
	height: 258px;
	background: #ccc
}

.pic_grid .gallery dt a:hover img {
	transform: scale(1.05);
	opacity: .8
}

.pic_grid .gallery dd {
	line-height: 44px;
	text-align: left;
	font-size: 18px;
	color: #333;
	display: block
}

.container-yanfa .videobox {
	margin-top: 36px
}

.container-yanfa .sec-tit {
	margin-bottom: 30px
}

.container-yanfa .v_pics {
	font-size: 0
}

.container-yanfa .wp-caption {
	display: inline-block;
	width: 31%!important;
	margin-right: 3.5%;
	margin-bottom: 40px
}

.container-yanfa .wp-caption:nth-of-type(3n) {
	margin-right: 0
}

.container-yanfa .wp-caption .wp-caption-text {
	margin: 0;
	line-height: 42px;
	font-size: 16px;
	color: #666;
	width: 100%;
	border-top: none
}

.container-yanfa .wp-caption img {
	display: block;
	transition: all .3s
}

.container-yanfa .wp-caption a {
	height: 159px;
	overflow: hidden;
	background: #ccc;
	display: block
}

.container-yanfa .wp-caption:hover img {
	opacity: .8
}

.container-zhiliang .gallery a {
	display: inline-block;
	border-radius: 5px;
	overflow: hidden;
	vertical-align: top;
	margin-right: 20px;
	margin-left: 20px;
	box-shadow: 0 0 12px rgba(0,0,0,.3);
	transition: all .3s
}

.container-zhiliang .gallery a:hover {
	opacity: .8;
	box-shadow: 0 0 8px rgba(0,0,0,.5)
}

.container-zhiliang .cont_box {
	font-size: 16px;
	line-height: 27px;
	color: #999
}

.container-service .form_info {
	margin-top: 70px
}

.container-service .form_info h2 {
	color: #d90f22;
	font-size: 30px;
	line-height: 1em;
	font-weight: 400;
	margin-bottom: 10px
}

.container-service .form_info h2 span {
	font-size: smaller;
	line-height: 30px
}

.container-service .form_info h2+p {
	font-size: 16px;
	line-height: 27px;
	color: #999;
	margin-top: 0;
	margin-bottom: 28px
}

.container-service p strong {
	color: #333;
	font-weight: 400;
	font-size: 14px;
	line-height: 27px
}

.container-service ul.after_ser {
	margin-top: 60px
}

.container-service ul.after_ser li {
	width: 548px;
	height: 230px;
	display: inline-block;
	vertical-align: top;
	padding: 60px 50px 30px 202px;
	font-size: 14px;
	line-height: 22px;
	color: #838c9b;
	background: url(../images/service-bg.png)/*tpa=http://www.cranechinese.com/style/images/service-bg.png*/ -22px 0 no-repeat
}

.container-service ul.after_ser li:nth-of-type(2) {
	background-position: 100% 0
}

.container-service ul.after_ser li:nth-of-type(3) {
	background-position: -22px -230px
}

.container-service ul.after_ser li:nth-of-type(4) {
	background-position: 100% -230px
}

.container-service ul.after_ser li em {
	font-style: normal;
	font-size: smaller
}

.container-network {
	margin-bottom: 0
}

.container-network .map_guoji {
	position: relative;
	margin-top: 50px;
	margin-left: 70px;
	width: 1060px;
	height: 587px;
	background: url(../images/worldmap.jpg)/*tpa=http://www.cranechinese.com/style/images/worldmap.jpg*/ no-repeat
}

.container-network .map_guonei {
	position: relative;
	margin-top: 50px;
	margin-left: 160px;
	width: 819px;
	height: 708px;
	background: url(../images/chinamap.jpg)/*tpa=http://www.cranechinese.com/style/images/chinamap.jpg*/ no-repeat
}

.container-network .point {
	width: 12px;
	height: 14px;
	background: url(../images/point.png)/*tpa=http://www.cranechinese.com/style/images/point.png*/ no-repeat;
	position: absolute;
	transition: all .3s;
	opacity: .5;
	cursor: pointer
}

.container-network .point .infobox {
	display: none;
	position: absolute;
	left: -25px;
	top: 30px;
	background: rgba(0,0,0,.6);
	border-radius: 10px;
	color: #fff;
	padding: 10px 20px
}

.container-network .point .infobox h3 {
	margin: 0;
	font-size: 16px;
	white-space: nowrap
}

.container-network .point .infobox ul {
	margin: 5px 0 10px
}

.container-network .point .infobox li {
	width: 260px;
	font-size: 14px;
	line-height: 1.6em;
	border-bottom: dotted .5px #999
}

.container-network .point .infobox li span {
	display: inline-block;
	width: 70px
}

.container-network .point .infobox:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 20px;
	top: -20px;
	border: 10px solid transparent;
	border-bottom: solid 10px rgba(0,0,0,.6)
}

.container-network .point.show,.container-network .point:hover {
	opacity: 1
}

.container-network .point.show .infobox {
	display: block
}

.container-network .map_guoji+h1 {
	margin-top: 0
}

.container-network .map_guonei+h1 {
	margin-top: 0;
	text-align: right
}

.container-network .sec_guoji,.container-network .sec_guonei {
	margin-bottom: 86px
}

.container-network .network_name {
	line-height: 24px;
	display: inline-block;
	transition: all .3s;
	cursor: pointer
}

.container-network .network_name:after {
	content: "　-　";
	font-size: 12px;
	color: #666;
	cursor: default
}

.container-network .network_name:hover {
	color: #d90f22
}

.container-network .network_name:last-child:after {
	content: ""
}

.container-network .culturebox {
	background: url(../images/line-bg.jpg)/*tpa=http://www.cranechinese.com/style/images/line-bg.jpg*/;
	padding-bottom: 40px;
	padding-top: 40px
}

.container-cases .ls-box {
	margin: 50px 0
}

.container-cases .casedoc-box {
	background: #f2f2f2;
	padding: 30px 10px 30px 100px
}

.container-cases .casedoc-box h2 {
	line-height: 1.5em;
	margin-bottom: 25px;
	letter-spacing: 2px;
	color: #333;
	font-size: 22px
}

.container-pro .procat-ls,.home-about h3,.home-tec .tec1 {
	letter-spacing: 1px
}

.container-cases .casedoc-item {
	display: block;
	float: left;
	width: 25%;
	font-size: 16px;
	line-height: 2em;
	padding-right: 30px;
	margin-bottom: 10px;
	color: #333
}

.container-cases .casedoc-item a {
	color: inherit
}

.container-cases .casedoc-item i {
	color: #d90f22;
	display: inline-block;
	margin-right: 10px
}

.container-news-single .container-search,.container-news-single .main {
	position: relative
}

.container-news-single .so-widget-xz-single {
	min-height: 600px;
	width: 67.5%
}

.container-news-single .so-widget-xz-prev_next {
	width: 67.5%
}

.container-news-single .so-widget-xz-related {
	width: 29%;
	position: absolute;
	right: 0;
	top: 0
}

.container-news-single .content_box {
	margin-top: 20px
}

.container-news-single .content_box>h2 {
	font-size: 36px;
	line-height: 1em;
	margin: 0;
	font-weight: 400;
	color: #333
}

.container-news-single .content_box>h2+p {
	margin: 18px 0 0;
	font-size: 18px;
	line-height: 1em;
	color: #333
}

.container-news-single .meta {
	margin: 22px 0;
	line-height: 32px;
	color: #999;
	font-size: 14px;
	border-bottom: solid 1px #ddd
}

.container-news-single .meta span {
	display: inline-block;
	margin-right: 25px
}

.container-news-single .meta span i {
	margin-right: 5px
}

.container-pro .container-search,.container-pro .main {
	padding-top: 20px
}

.container-pro .sidebar-pro {
	width: 290px;
	float: left
}

.container-pro .cont_body {
	width: 898px;
	float: right
}

.container-pro .procat-ls .parent-item>a {
	display: block;
	font-size: 18px;
	line-height: 56px;
	background: #ebecf0;
	margin-bottom: 7px;
	padding: 0 30px;
	color: inherit;
	transition: all .3s;
	box-shadow: 3px 11px 10px -11px rgba(94,98,99,.53)
}

.container-pro .procat-ls .parent-item.has_child {
	position: relative
}

.container-pro .procat-ls .parent-item.has_child ul {
	display: none;
	margin-top: -3px;
	margin-bottom: 7px
}

.container-pro .procat-ls .parent-item.has_child:after {
	cursor: pointer;
	content: "\e600";
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-family: iconfont;
	color: #666;
	position: absolute;
	right: 20px;
	top: 20px
}

.container-pro .procat-ls .parent-item.current-menu-item>a,.container-pro .procat-ls .parent-item:hover>a {
	color: #fff;
	background: #d90f22;
	box-shadow: 3px 11px 10px -11px rgba(217,15,34,.53)
}

.container-pro .procat-ls .parent-item.current-menu-item:after,.container-pro .procat-ls .parent-item:hover:after {
	color: #fff!important
}

.container-pro .procat-ls .parent-item.has_child.open:after {
	content: "\e608"
}

.container-pro .procat-ls .parent-item.has_child.open ul {
	display: block
}

.container-pro .procat-ls .parent-item.see_menu {
	position: relative
}

.container-pro .procat-ls .parent-item.see_menu ul {
	margin-left: -22px;
	padding-left: 15px;
	display: block;
	position: absolute;
	z-index: 99;
	left: 100%;
	top: 5px;
	transform: scale(.85);
	transform-origin: left top;
	box-shadow: 10px 5px 20px -10px rgba(0,0,0,.3)
}

.container-pro .procat-ls .parent-item.see_menu li a {
	margin-bottom: 0
}

.container-pro .procat-ls .menu-item a {
	display: block;
	line-height: 46px;
	padding: 0 30px;
	color: #666;
	font-size: 14px;
	background: #ebecf0;
	margin-bottom: 2px;
	width: 260px;
	margin-left: 14px;
	transition: all .3s
}

.container-pro .procat-ls .menu-item.current-menu-item a,.container-pro .procat-ls .menu-item:hover a {
	background: #ecc4c8;
	color: #d90f22
}

.container-search {
	margin-top: 40px
}

.home-about .home-page {
	height: 490px;
	background-color: #ccc;
	overflow: hidden
}

.home-about .info {
	width: 550px;
	height: 100%;
	float: right;
	background: rgba(1,98,215,.6);
	padding: 88px 75px;
	color: #fff;
	overflow: hidden
}

.home-about h3 {
	font-size: 30px;
	line-height: 1em;
	margin: 0 0 50px
}

.home-about .txt {
	font-size: 14px;
	line-height: 2em
}

.home-about .slick-next:before,.home-about .slick-prev:before {
	font-size: 40px;
	line-height: 40px;
	font-family: iconfont
}

.home-about .txt p {
	margin: 0
}

.home-about .slick-arrow {
	width: 50px;
	height: 50px;
	background: #d90f22;
	z-index: 99;
	transform: translateY(0);
	bottom: -10px;
	box-shadow: 3px 11px 21px -12px #d90f22;
	transition: all .3s
}

.home-about .slick-arrow:hover {
	box-shadow: 1px 8px 15px -6px #d90f22
}

.home-about .slick-prev {
	left: 0;
	top: auto
}

.home-about .slick-prev:before {
	content: "\e610"
}

.home-about .slick-next {
	right: 0;
	top: auto
}

.home-about .slick-next:before {
	content: "\e618";
	transform: translateX(2px);
	display: inline-block
}

.home-about .home-page-box {
	margin-bottom: 25px;
	box-shadow: 3px 11px 21px -12px #5e6263
}

.home-procat {
	margin-bottom: 40px;
	margin-top:20px;
}

.home-procat .pro_cat_item {
	display: inline-block;
	vertical-align: top;
	width: 117px;
	overflow: hidden
}

.home-procat a {
	position: relative;
	display: block;
	height: 89px;
	overflow: hidden;
	background: #f2f2f2
}

.home-procat img {
	display: block;
	transition: all .5s
}

.home-procat p {
	position: absolute;
	bottom: 0;
	transform: translateY(28px);
	transition: all .3s;
	width: 100%;
	line-height: 28px;
	background: #d90f22;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 0 8px;
	margin: 0
}

.home-procat li:hover p {
	transform: translateY(0)
}

.home-procat li:hover img {
	opacity: .9;
	transform: scale(1.02)
}

.home-page-name-box {
	border-bottom: solid 2px #d90f22;
	margin-bottom: 96px
}

.home-page-name-box li {
	display: inline-block;
	width: 20%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #333;
	line-height: 72px;
	cursor: pointer;
	position: relative
}

.home-page-name-box li:after {
	position: absolute;
	width: 6px;
	height: 6px;
	display: block;
	content: "";
	border: 2px solid #d90f22;
	border-radius: 6px;
	background: #fff;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s
}

.home-page-name-box li.current:after,.home-page-name-box li:hover:after {
	background: #d90f22;
	box-shadow: 0 0 0 10px rgba(217,15,34,.4)
}

.container-home .more {
	display: block;
	width: 70px;
	height: 30px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 14px;
	color: #fff;
	line-height: 28px;
	font-size: 14px;
	margin-top: 35px;
	transition: all .3s
}

.container-home .more:hover {
	border: 1px solid #d90f22;
	background: #d90f22
}

.home-tec {
	height: 527px;
	margin-bottom: 100px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.home-tec .container-search,.home-tec .main {
	position: relative
}

.home-tec .tec1 {
	color: #fff;
	width: 405px;
	padding-top: 110px;
	font-size: 14px;
	line-height: 2em
}

.home-tec .tec1 h2 {
	margin: 0 -25px 0 0;
	font-size: 50px;
	line-height: 1em;
	font-weight: 400;
	letter-spacing: 0
}

.home-tec .tec1 h2 span {
	font-weight: 700;
	color: #d90f22
}

.home-tec .tec1 p {
	font-size: 18px;
	margin: 10px 0 45px;
	line-height: 28px
}

.home-tec .tec1 p span {
	display: inline-block
}

.home-tec .tec2 {
	position: absolute;
	right: 0;
	top: -25px;
	width: 745px;
	z-index: 99
}

.home-tec .tec2>div {
	margin-right: -14px
}

.home-tec .tec2 li {
	display: block;
	float: left;
	margin-right: 14px;
	margin-bottom: 14px;
	box-shadow: 3px 11px 20px -15px #5e6263
}

.home-tec .tec2 li img {
	width: 239px;
	height: 185px;
	display: block
}

.home-tec .tec2 li:first-child img {
	width: 492px;
	height: 384px
}

.home-tec .tec2 a {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 2px
}

.home-tec .tec2 .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(217,15,34,.8);
	transform: scale(1.08);
	transition: all .4s;
	opacity: 0
}

.home-tec .tec2 .cover h3 {
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: 15px;
	right: 15px;
	margin: 0;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	font-weight: 400;
	padding: 35% 15px 15px;
	overflow: hidden
}

.container-pro-single .pics-box .slick-next,.picbox .slick-next {
	right: -50px
}

.home-tec .tec2 .cover h3:before {
	content: "\e600";
	font-family: iconfont;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-50%)
}

.container-pro-single .pics-box .slick-prev,.picbox .slick-prev {
	left: -50px
}

.home-tec .tec2 img {
	display: block;
	transition: all .4s
}

.home-tec .tec2 .home_pic-item:hover .cover {
	opacity: 1;
	transform: scale(1)
}

.home-tec .tec2 .home_pic-item:hover img {
	transform: scale(1.02)
}

.home-news>h2 {
	font-size: 30px;
	color: #333;
	margin: 0 0 23px;
	line-height: 1em
}

.home-news .so-widget-xz-query {
	display: inline-block;
	vertical-align: top
}

.home-news .so-widget-xz-query:nth-of-type(2) {
	width: 575px;
	float: right;
	margin-top: -26px;
	margin-bottom: 65px
}

.home-procats {
	clear: both
}

.home-procats img {
	display: block;
	transition: all .9s
}

.home-procats a {
	position: relative;
	display: block;
	height: 100%;
	background: #0162d7
}

.home-procats h3,.home-procats p {
	position: absolute;
	width: 100%;
	padding: 0 30px;
	margin: 0;
	color: #fff;
	letter-spacing: 1px;
	text-align: center
}

.home-procats h3 {
	font-size: 24px;
	line-height: 1em;
	top: 50px;
	transition: all .3s
}

.home-procats p {
	font-size: 14px;
	line-height: 24px;
	top: 83px;
	transition: all .6s
}

.home-procats .home_procat-item {
	display: inline-block;
	width: 288px;
	height: 390px;
	overflow: hidden
}

.home-procats .home_procat-item:hover img {
	opacity: .3;
	transform: scale(1.2)
}

.home-procats .home_procat-item:hover h3 {
	top: 25%;
	font-size: 30px
}

.home-procats .home_procat-item:hover p {
	top: 38%;
	font-size: 18px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.5)
}

.picbox .slick-next:before,.picbox .slick-prev:before {
	font-size: 40px;
	transition: all .3s;
	font-family: iconfont
}

.picbox {
	margin: 50px 70px
}

.picbox .scroll_pics_box {
	margin: 13px 50px 0
}

.picbox .slick-arrow {
	width: 38px;
	height: 160px;
	background: #ebecf0
}

.picbox .slick-prev:before {
	content: "\e610";
	color: #828383
}

.picbox .slick-prev:hover:before {
	color: #d90f22
}

.picbox .slick-next:before {
	content: "\e618";
	color: #828383
}

.picbox .slick-next:hover:before,.picbox p.tit {
	color: #d90f22
}

.picbox dl {
	display: block;
	margin: 0!important
}

.picbox dl.slick-current a {
	border: 2px solid rgba(217,15,34,.8)
}

.picbox dd {
	display: none
}

.picbox dt,.picbox dt a,.picbox dt img {
	display: block
}

.picbox dt a {
	background: #eee;
	box-shadow: none!important;
	margin: 0 10px!important;
	height: 160px;
	overflow: hidden;
	border: 2px solid transparent
}

.picbox dt img {
	border: none!important
}

.picbox p.tit {
	font-weight: 700;
	font-size: 18px;
	line-height: 32px;
	margin: 0 0 12px
}

.picbox p.tit span {
	color: #333;
	font-weight: 400
}

.picbox .show {
	height: 546px;
	overflow: hidden;
	background: #f2f2f2
}

.picbox .show img {
	width: 100%;
	max-width: none
}

.picbox .show.gaotu img {
	height: 100%;
	display: block;
	margin: 0 auto;
	width: auto
}

#pro_snav {
	position: fixed;
	top: -100px;
	width: 100%;
	background: #333;
	line-height: 3em;
	transition: all .5s;
	z-index: 999
}

#pro_snav.show {
	top: 0
}

#pro_snav a {
	display: inline-block;
	color: #fff;
	padding: 0 2em;
	transition: all .3s
}

#pro_snav a.current,#pro_snav a:hover {
	background: #d90f22
}

.container-pro-single #rel h2 {
	font-size: 30px;
	line-height: 1em;
	color: #333;
	margin: 25px 0
}

.container-pro-single .pro-content {
	margin: 40px 0 50px;
	padding-bottom: 50px;
	border-bottom: dotted 1px #ddd
}

.container-pro-single .pro-content .txt {
	font-size: 16px;
	color: #666;
	line-height: 28px;
	margin-bottom: 35px
}

.container-pro-single .pro-content .txt p {
	margin: 0
}

.container-pro-single .pro-content .txt table {
	width: 100%;
	border-collapse: collapse
}

.container-pro-single .pro-content .txt tr:nth-child(2n+1) {
	background: #e6e6e6
}

.container-pro-single .pro-content .txt tr:hover td {
	color: #d90f22
}

.container-pro-single .pro-content .txt tr:first-child {
	background: #686868
}

.container-pro-single .pro-content .txt tr:first-child td {
	color: #d9d9d9
}

.container-pro-single .pro-content .txt td {
	font-size: 14px;
	line-height: 3em;
	color: #333;
	padding: 0 8px;
	border: 1px solid #f2f2f2
}

.container-pro-single .sec-tit {
	background: 0 0;
	color: #d90f22;
	padding: 0;
	border-radius: 0;
	font-weight: 700;
	margin-bottom: 8px
}

.container-pro-single #pro_snav_bak {
	margin-top: 50px
}

.container-pro-single #pro_snav_bak a {
	display: inline-block;
	background: #ebecf0;
	line-height: 40px;
	padding: 0 30px;
	font-size: 16px;
	color: #333;
	margin-right: 20px;
	transition: all .3s
}

.container-pro-single #pro_snav_bak a.current,.container-pro-single #pro_snav_bak a:hover {
	background: #d90f22;
	border-radius: 20px 20px 0;
	color: #fff
}

.container-pro-single .pro-intro {
	margin-top: 40px
}

.container-pro-single .pro-intro .pics-box {
	width: 625px;
	display: inline-block
}

.container-pro-single .pro-intro .pro-info {
	width: 515px;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	vertical-align: top
}

.container-pro-single .pro-intro h2 {
	font-size: 36px;
	line-height: 1em;
	margin: 0;
	letter-spacing: 1px
}

.container-pro-single .pro-intro .txt {
	color: #999;
	line-height: 24px;
	font-size: 16px;
	margin: 12px 0 30px
}

.container-pro-single .pro-intro .txt p {
	margin: 0
}

.container-pro-single .pro-intro .metas {
	border-top: dotted 1px #ddd;
	border-bottom: dotted 1px #ddd;
	padding: 30px 0;
	margin-bottom: 30px
}

.container-pro-single .pro-intro .metas li {
	margin-bottom: 18px
}

.container-pro-single .pro-intro .metas li .tit {
	color: #333;
	font-weight: 700;
	display: inline-block;
	margin-right: 5px
}

.container-pro-single .btns a {
	display: inline-block;
	width: 226px;
	height: 54px;
	line-height: 54px;
	font-size: 18px;
	color: #fff;
	background: #d90f22;
	text-align: center;
	border-radius: 2px;
	transition: all .3s
}

.container-pro-single .btns a:hover {
	opacity: .9;
	box-shadow: 0 4px 0 rgba(0,0,0,.6)
}

.container-pro-single .btns a i {
	font-size: 24px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: -3px
}

.container-pro-single .btns a.btn-msg {
	background: #0162d7
}

.container-pro-single .pics-box .showpic {
	height: 450px;
	background: #f2f2f2;
	margin-bottom: 19px;
	overflow: hidden
}

.container-pro-single .pics-box .showpic img {
	display: block
}

.container-pro-single .pics-box .pic-item {
	display: inline-block
}

.container-pro-single .pics-box .so-widget-xz-loop_acf {
	margin: 0 50px
}

.container-pro-single .pics-box .so-widget-xz-loop_acf a,.container-pro-single .pics-box .so-widget-xz-loop_acf img {
	display: block;
	margin: 0 auto
}

.container-pro-single .pics-box .slick-arrow {
	width: 38px;
	height: 150px;
	background: #ebecf0
}

.container-pro-single .pics-box .slick-prev:before {
	content: "\e610";
	font-family: iconfont;
	font-size: 40px;
	transition: all .3s;
	color: #828383
}

.container-pro-single .pics-box .slick-prev:hover:before {
	color: #d90f22
}

.container-pro-single .pics-box .slick-next:before {
	content: "\e618";
	font-family: iconfont;
	font-size: 40px;
	transition: all .3s;
	color: #828383
}

.container-pro-single .pics-box .slick-next:hover:before {
	color: #d90f22
}

.container-pro-single #rel ul {
	text-align: left;
	height: 225px;
	margin-right: -8px
}

.rel-pro-item {
	display: block;
	float: left;
	margin-right: 8px
}

.container-jobs .job-item .txt {
	max-height: 180px;
	overflow: hidden;
}

.container-jobs .job-item {
	width: 45%;
	float: left;
	margin: 0 10% 4em 0;
}

.container-jobs .job-item:nth-of-type(2n) {
	margin-right: 0;
}

.container-jobs #ls-box::after {
	display: block;
	clear: both;
	content: "";
	height: 0;
}

.case_cats {
	margin: 30px 0;
	font-size: 0;
	line-height: 0;
}

.case_cats li {
	display: inline-block;
	line-height: 3em;
	background: #eee;
	margin-right: 1px;
	color: #666;
	font-size: 16px;
}

.case_cats li a {
	color: inherit;
	display: block;
	padding: 0 4em;
	transition: all .3s;
}

.case_cats li.current-menu-item a, .case_cats li:hover a {
	background: #d90f22;
	color: #fff;
}

.home-page video {
	width: 100%;
	opacity: .8;
}

.home-page .videobox {
	background: #000;
	margin-top: -80px;
}

.home-page {
	position: relative;
}

.home-page .info {
	position: absolute;
	top: 0;
	right: 0
}

.home-banner {
	max-height: 700px;
	overflow: hidden;
}

.col-3 {
	margin-top: 20px;
	columns: 3;
}

#footer .footer-wx .txt .tit {
	font-size: 14px;
	font-weight: bold;
	margin-top: 8px;
}


.wrap {width: 1200px;margin: 0 auto;overflow: hidden; *zoom:1;_zoom:1;zoom:1;}
.sy_prolist_bg { width: 100%; overflow: hidden;  }
.sy_prolist { max-width: 1230px; margin: 50px auto 0; }
.sy_prolist_tit { width: 100%; overflow: hidden; /* background:url(https://www.hxjq.cn/images/index_02bg.jpg) no-repeat center top;*/ margin: 0 auto 20px; }
.sy_prolist_tit h2 { font-size: 42px; color: #000; padding-top: 5px; text-align: center; }
.sy_prolist_tit p { color: #666; font-size: 16px; text-align: center; }
.sy_prolist li { width: 30.3333%; float: left; margin: 0 1.5%; }
.sy_prolist li h4 { font-size: 16px; color: #000; text-align: center; font-weight: 500; padding: 10px 0; }
.pro_tab { margin-top: 30px; }
.pro_tab ul { width: 100%; margin: 0 auto; }
.pro_tab li { padding: 15px 0; cursor: pointer; font-size: 18px; text-align: center; float: left; width:16.06%;*width:16.06%; background: #f4f4f4; color: #000; margin: 0 0.3% 0; display: block; }
.pro_tab li img { display: block; margin: 0 auto; text-align: center; }
.pro_tab li a { color: #000; }
#right_title {
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #ccc;
	background: url(../images/sytitbot.jpg)/*tpa=http://www.cranechinese.com/style/images/sytitbot.jpg*/ left bottom no-repeat;
	overflow: hidden;
	font-size: 18px;
	font-weight: 900;
}
#r_title {
	height: 46px;
	line-height: 46px;
	padding: 0 15px;
	float: left;
	color: #0D76CE;
	font-size: 18px;
}
#right_title span {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	margin-right: 15px;
	margin-top: 10px;
	height: 36px
}
#right_title span a {
	color: #333
}
.content_zy {
	padding: 15px;
	line-height: 2.0;
}
#scroolZone li {
	width: 385px;
	height: 340px;
	
	float: left;
	margin: 8px;
	text-align: center;
}
#scroolZone li a{
	color:#000;
}
#scroolZone li img {
	width: 373px;
	height: 294px;
	padding: 5px;
}
#scroolZone li:hover {
	background: #18a9e0;
}
#scroolZone li:hover a {
	color: #fff;
}
/*四大优势*/
.youshi{background:#efefef;margin-top:20px;margin-bottom:20px;padding:20px 0;}
.youshi .itit{text-align:center;    font-size: 38px;color: #333;padding:20px 0;}
#in_04{width: 1200px;margin:30px auto;}
#in_04 p{margin: 0 auto;padding: 0;}
#in_04 li{width: 563px;float: left;margin-right: 74px;position: relative;margin-bottom: 40px;}
#in_04 li .in_04_img{width: 334px;height: 190px;float: right;overflow: hidden;}
#in_04 li .in_04_img img {width:334px; height:190px;transition:transform 1s ease 0s;}

#in_04 li .in_04_num{width: 219px;height: 190px;float: left;background: #0D76CE;text-align: center;transition:all 0.4s;}
#in_04 li .in_04_num .in_n01{padding-top: 30px;line-height: 66px; font-family: Impact;font-size: 80px;color: #fff;}
#in_04 li .in_04_num span{width: 78px;height: 4px;background: #fff;display: block;margin:10px auto;}
#in_04 li .in_04_num .in_n02{font-size:36px;color: #fff;line-height: 36px;font-weight: bold;}

#in_04 li .in_04_title{width: 100%;height: 37px;margin:0 auto;margin-top: 20px;line-height: 37px;font-weight: bold;color: #0D76CE;font-size: 28px;}
#in_04 li .in_04_eng{width: 100%;height: 20px;margin:0 auto;line-height: 20px;color: #b2b2b2;font-size: 12px;text-transform: uppercase;}
#in_04 li .in_04_info{width: 100%;margin:0 auto;margin-top: 10px; line-height: 27px;color: #666666;font-size: 16px;}
#in_04 li:nth-child(even){margin-right: 0;}
#in_04 li:nth-child(3){margin-bottom: 0;}
#in_04 li:nth-child(4){margin-bottom: 0;}
#in_04 li:hover .in_04_num{background: #ffc000;}
#in_04 li:hover .in_04_img img{transform: scale(1.05, 1.05);}

/* 荣誉资质 */

.rongyu .itit{text-align:center;    font-size: 38px;color: #333;padding:20px 0;}
.xc{height: 259px;position: relative;margin-top: 30px;}
.xc span.z1,.xc span.y1{position: absolute;top: 88px;}
.xc span a{width: 40px;height: 40px;display: block;}
.xc span.z1{left:-65px;}
.xc span.y1{right:-65px;}
.xc ul{height:259px;}
.xc li{width:280px; height:259px;float: left;margin-right: 26px;}
.xc li.nobot{margin-right:0;}
.xc li a{width:280px; height:209px;display: block;}
.xc li img{width:280px; height:209px;}
.xc li span{height: 50px;line-height: 50px;text-align: center;display: block;
	font-size: 14px;color: #555;}
/* 客户案例 */
/**/
.case{height: 560px;padding-top: 40px;}
.case dl{float: left;width: 352px;margin-right: 72px;}
.case dl.nobot{margin-right: 0;}
.case dt img{width:352px; height:281px;}
.case dd h3 a{width:91px; height:90px;display: block;position: absolute;top: -46px;left: 131px;}
.case dd h3 img{width:91px; height:90px;}
.case dd{height: 50px;border: 1px solid #e3e3e3;width:350px;position: relative;border-top: 0;background: #fff;margin-left:0px;}
.case dl:hover dd{background: #0071be;border: 1px solid #0071be;}
.case dl:hover dd p,.case dl:hover dd p em{color: #fff;}
.case dd p{text-align: center;font-size: 22px;color: #333;padding-top: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0;}
.case dd p em{display: block;font-size: 12px;color: #acacac;padding-top: 10px;
	font-family: Arial;text-transform: uppercase;}
.case_c{position: relative;height: 433px;}
.case_c .z,.case_c .y{width:40px; height:40px;position: absolute;top: 130px;}
.case_c .z{left: -65px;}
.case_c .y{right: -65px;}
.case h2.tit a {
    text-align: center;
    font-size: 38px;
    color: #333;
    display: block;
    margin-bottom: 50px;
    
}
/* 新闻 */
.xinwen{ background: #efefef; clear: both;  padding: 25px 0 }
.inews{ width:770px; margin-top: 15px }
.ijjfa{ width: 410px; margin-top: 15px }
.abtit{ background: #fff; color: #000; height: 55px; line-height: 55px; border-left: 4px #0170c1 solid; padding:0 15px; font-size:28px}
.abtit a{ font-size: 16px; font-weight: normal; float: right; color:#000;}
.falist{ padding-top: 10px }
.falist li a{ display: block; font-size: 15px; background:url('../images/fa_01.jpg')/*tpa=http://www.cranechinese.com/style/images/fa_01.jpg*/ no-repeat left 2px; font-weight: bold; color: #333; padding-left:30px}
.falist li a:hover{ color: #f69600 }
.falist li span{ display: block; font-size: 12px;background:url('../images/fa_02.jpg')/*tpa=http://www.cranechinese.com/style/images/fa_02.jpg*/ no-repeat left 14px; color: #666; padding:10px 0 13px 30px; line-height: 1.8}
.falist li{ margin:15px 0; border-bottom: 1px #ddd dashed}
.xinwen .itit b{font-size: 38px; display: block; color: #000 !important }
.xinwen .itit { font-size: 16px; color: #555; font-size: normal;  text-align: center; width: 625px;margin:0 auto;  padding:20px 0;}
.newstem{ line-height: 35px; background:url(../images/newlsicon.jpg)/*tpa=http://www.cranechinese.com/style/images/newlsicon.jpg*/ no-repeat 0 13px; text-indent:18px;
 width: 50%; float: left;}
 .newstem a{display:inline-block; width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;color:#000; }
.newstem span{  float: right; color: #666; padding-right:10px }
.jjnr{ padding:10px; line-height:2.0}
.jjnr a{ color: #0170c1;font-weight:bold; }
.tjxw{ margin:10px 0; float: left;  padding:10px 0}
.tjxw img{ width: 220px; height: 150px;  float: left; }
.tjxw p{ float: left; padding-left:15px; line-height: 1.8; width:535px; padding-top:5px; font-size: 13px; color: #555 }
.tjxw p b{ display: block; font-size:18px; color: #0170c1; padding-bottom: 5px }

/*小广告*/
.x-ban{height: 300px;background:url(../images/x-ban1.jpg)/*tpa=http://www.cranechinese.com/style/images/x-ban1.jpg*/ no-repeat center center;}
.x-ban .content{height: 300px;position: relative;}
.x-ban span{font-size: 25px;color: #fff;font-weight: bold;font-family: Arial;display: block;position: absolute;left: 195px;top: 206px;}
.x-ban a.zx_btn{width:146px; height:52px;display: block;position: absolute;left: 513px;top: 195px;}

/*分页*/
.pages{text-align:center;clear:both; padding:5px 0px 10px 0px;font-size:14px;width:100%; margin:0 auto;margin:15px 0;}
.pages a{margin:3px;padding:8px 12px;border:1px solid #c1c1c1;color:#A0A0A0;font-size:14px;border-radius: 3px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F0F0F0));}
.pages span{background:#d90f22;color:#fff;margin:3px;padding:8px 12px;border:1px solid #d90f22;border-radius: 3px;}