@import "ui.css";
@import "font.css";
@import "animate.css";
@import "swiper.min.css";

* {
	-webkit-tap-highlight-color: transparent
}
a { color:#000000;}
a:hover { color:#000000;}
body {
	font-family:'Microsoft Yahei';
	font-size: 16px;
	line-height: 1.8;
	color: #333;
	background: #fff;
	overflow-x: hidden;
	z-index: 0;
	zoom: 1
}
body .select-ui-options-default {
	box-sizing: border-box
}
body .select-ui-options-default li:hover {
	background: #ff7200
}
body .select-ui-options-default li {
	padding: 6px 0 6px 20px
}
body .select-ui-choose ._arrow .arr {
	left: -6px
}
input, select, textarea, button {
	font-family: 'Microsoft Yahei'
}

img {
	border: none
}
ul, p {
	margin: 0
}
.clearfix:before, .clearfix:after {
	display: table;
	content: " "
}
.clearfix:after {
	clear: both
}
.fl {
	float: left !important
}
.fr {
	float: right !important
}
.clear {
	clear: both
}
.border0 {
	border: none !important
}
.img_wrap {
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden
}
.wrap {
	width: 80%;
	margin-right: auto;
	margin-left: auto
}
.mwrap {
	width: 100%;
	margin-right: auto;
	margin-left: auto
}
.container {
	width: 100%;
	margin: 0 auto; padding:0;
}
.container1 {
	width: 100%;
	margin: 0 auto; padding:0;
}
.container2 {
	width: 80%; margin:0 auto; padding:0;
}
.header  {
    position:  fixed;
    left:  0;
    top:  0;
    width:  100%;
    color:  #000000;
    z-index:  111;
    transition:  all  0.5s  ease;
    background-color:  rgba(255,  255,  255,  .24);
}

/* 使用伪类选择器来添加鼠标移上去的样式  */
.header:hover  {
    background-color:  rgba(255,  255,  255,  0.24); transition:  all  0.5s  ease;
}

.header .logo {
	padding: 18px 0;
	transition: .5s ease
}
.header .logo a {
	display: block;
	font-size: 0
}
.header .logo img {
	width: 50%;
}
.header .h_tools {
	padding: 35px 0;
	transition: .5s ease
}
.header .h_tools .h_sear {
	margin-left: 27px;
	cursor: pointer;
	color: #FF0000; 
    text-shadow:1px 1px #FFF,-1px -1px #FFF,-1px 1px #FFF,1px -1px #FFF;
}
.header .h_tools .h_sear .icon {
	width: 20px;
	height: 20px;
	background: url(../images/h_sear.png) no-repeat
}
.header .h_tools .h_sear .icon:hover {
	background-position: 0 -20px
}
.header .h_tools .h_lan {
	margin-left: 40px
}
.header .h_tools .h_lan .icon {
	width: 27px;
	height: 20px;
	background: url(../images/icon_lang_en.png) no-repeat
}
.header .h_tools .h_lan .icon:hover {
	background-position: 0 -20px
}
.header .h_tools .h_me {
	height: 20px;
	line-height: 20px;
	position: relative;
	margin-left: 35px
}
.header .h_tools .h_me span {
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	color: #fff
}
.header .h_tools .h_me span.icon {
	width: 12px;
	height: 8px;
	background: url(../images/h_me.png) no-repeat;
	margin-left: 10px
}
.search-alert {
	position: fixed;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 98;
	transition: all 0.5s ease
}
.search-alert .close {
	border-left: 1px solid #E1E0E1;
	padding: 35px 0 35px 35px;
	float: right
}
.search-alert .close_icon {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/search_close.png) no-repeat center;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s
}
.search-alert .close .close_icon:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.search-alert .cent-form {
	padding: 10px 0;
	height: 70px;
	line-height: 70px;
	float: left;
	width: 86%
}
.search-alert .cent-form form {
	position: relative;
	padding-left: 50px
}
.search-alert .cent-form form .icon {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url(../images/ico2_2.png) no-repeat
}
.search-alert .cent-form form .inp {
	border: none;
	font-size: 15px;
	height: 44px;
	line-height: 44px;
	text-align: left;
	width: 80%;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	background: none;
	padding: 0
}
.search-alert .cent-form form .btns {
	border: none;
	width: 120px;
	background: none;
	text-align: center;
	padding: 10px 20px;
	margin: 0 0 0 10px;
	font-size: 15px;
	color: #aaa;
	border-radius: 50px;
	border: 1px solid#aaa;
	cursor: pointer;
	outline: none;
	transition: all 0.5s ease
}
.search-alert .cent-form form .btns:hover {
	background: #ff7200;
	color: #fff;
	border-color: #ff7200
}
.search-alert.active {
	top: 0
}
.header .h_tools .h_me {
	position: relative
}
.header .h_tools .h_me .me_down {
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top: 100%;
	margin-top: 12px;
	width: 120px;
	border: 1px solid #e5e5e5;
	text-align: center;
	display: none;
	background: #fff
}
.header .h_tools .h_me .me_down ul {
	padding: 5px 0
}
.header .h_tools .h_me .me_down li:nth-child(4), .header .h_tools .h_me .me_down li:nth-child(5), .header .h_tools .h_me .me_down li:nth-child(6), .header .h_tools .h_me .me_down li:nth-child(7), .header .h_tools .h_me .me_down li:nth-child(8) {
	background: url(../images/lang_en.png) no-repeat 94px 11px
}
.header .h_tools .h_me .me_down li a {
	font-size: 14px;
	line-height: 30px;
	color: #666
}
.header .h_tools .h_me .me_down li a:hover {
	color: #ff7200;
}
.header .inav_wrapper {

}
.header .inav_wrapper .nav_li {
	font-size: 17px;
	line-height: 30px;
	padding: 30px 20px;
	float: left;
	color: #fff;
	transition: padding .5s ease;
}



.header .inav .nav_li .dropdown {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 100%;
	left: 0;
	background: url(../images/nav.png) no-repeat center
}
.header .dropdown .left {
	float: left;
	width: 24.5%;
	padding-top: 45px;
	min-height: 400px
}
.header .dropdown .left ul {
	position: relative;
	padding-bottom: 25px
}
.header .dropdown .left ul:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 90%;
	left: 0;
	height: 1px;
	background: #c7c7c9;
}
.header .dropdown .left ul li {
	font-size: 16px;
	line-height: 2.5;
	letter-spacing: 0.6px;
	text-indent: 20px;
	color: #333;

}
.header .dropdown .left ul li:hover {
	font-size: 16px;
	line-height: 2.5;
	letter-spacing: 0.6px;
	text-indent: 20px;
	color: #333; background-color: #ddd;

}

.header .dropdown .left ul li.cur {
	background-color: #dddddd;
}
.header .dropdown .left .tel {
	text-align: center;
	padding: 18px 0 10px;
	margin-right: 35px;
	border-bottom: 1px solid #cacaca
}
.header .dropdown .left .tel span {
	font-family: 'Din-Medium', 'Hurgeosans', 'Roboto', 'Microsoft JhengHei', 'Microsoft Yahei';
	font-size: 16px;
	font-style: italic;
	color: #ff7200;
	letter-spacing: 0.5px;
	display: inline-block;
	padding-right: 8px
}
.header .dropdown .left .tel a.hotline {
	font-family: 'Din-Medium', 'Hurgeosans', 'Roboto', 'Microsoft JhengHei', 'Microsoft Yahei';
	font-size: 30px;
	font-weight: bold;
	color: #ff7200
}
.header nav.inav ul > li.nav_li:nth-child(2) .dropdown .left ul {
	display: inline-block;
	clear: both
}
.header nav.inav ul > li.nav_li:nth-child(2) .dropdown .left ul li {
	float: left;
	width: 100%;
	text-indent: 0;
	padding-left: 30px;
	background: none
}
.header nav.inav ul > li.nav_li:nth-child(2) .dropdown .left ul li:hover, .header nav.inav ul > li.nav_li:nth-child(2) .dropdown .left ul li.cur {
	background: #ddd;
}

.header .dropdown .left dl {
	padding: 25px 0 20px
}
.header .dropdown .left dl dt {
	font-size: 16px;
	color: #000;
	letter-spacing: 0.5px;
	padding-left: 50px;
	padding-bottom: 10px
}
.header .dropdown .left dl dd {
	font-size: 14px;
	color: #000;
	line-height: 30px;
	padding-left: 50px
}
.header .dropdown .right {
	float: right;
	width: 75%;
	padding-top: 45px
}
.header .dropdown .right .infor {
	float: left;
	width: 57%;
	position: relative;
	z-index: 1
}
.header .dropdown .right .infor .box {
	padding-left: 60px
}
.header .dropdown .right .infor .tit {
	font-size: 26px;
	line-height: 32px;
	color: #ff7200;
	font-weight: bold
}
.header .dropdown .right .infor .tit span {
	display: block;
	font-size: 15px;
	color: #888;
	font-weight: normal;
	letter-spacing: 0.5px
}
.header .dropdown .right .infor .con {
	font-size: 15px;
	color: #333;
	line-height: 30px;
	margin: 25px 0 30px
}
.header .dropdown .right .infor .common-border-btn {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	padding: 0 70px 0 40px;
	border: 1px solid #e1e0e1;
	border-radius: 40px;
	transition: all 0.5s ease;
	position: relative
}
.header .dropdown .right .infor .common-border-btn span {
	display: inline-block;
	color: #000
}
.header .dropdown .right .infor .common-border-btn span.icon {
	width: 8px;
	height: 12px;
	background: url(../images/btn_black.png) no-repeat center;
	transition: all 0.5s ease;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 37px
}
.header .dropdown .right .infor .common-border-btn:hover {
	background: #ff7200;
	border-color: #ff7200
}
.header .dropdown .right .infor .common-border-btn:hover span {
	color: #fff
}
.header .dropdown .right .infor .common-border-btn:hover span.icon {
	right: 32px;
	background: url(../images/btn_white.png) no-repeat center
}
.header .dropdown .right .img {
	position: absolute;
	right: 0;
	bottom: 0
}
.header .pro_li .dropdown .right .content {
	display: none;
	width: 50%;
	float: left;
	position: relative;
	z-index: 1;
	min-height: 223px
}

.header .pro_li .dropdown .right .content:first-child {
	display: block
}
.header nav.inav ul > li.nav_li:nth-child(3) .dropdown .right .content {
	width: 60%
}
.header nav.inav ul > li.nav_li:nth-child(3) .dropdown .right .content > div.item {
	float: left;
	width: 50%;
	margin-bottom: 23px
}
.header nav.inav ul > li.nav_li:nth-child(3) .dropdown .right .content:nth-child(2) > div.item {
	width: 50%;
}
.header .pro_li .dropdown .right .content > div .box {
	padding-left: 50px
}
.header .pro_li .dropdown .right .content > div .box a {
	display: block
}
.header .pro_li .dropdown .right .content .t {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	transition: .3s ease;
	font-weight: bold
}
.header .pro_li .dropdown .right .content > div:hover .t {
	color: #ff7200
}
.header .pro_li .dropdown .right .content .t .iconfont {
	opacity: 0;
	visibility: hidden;
	transition: .3s ease
}
.header .pro_li .dropdown .right .content > div:hover .t .iconfont {
	opacity: 1;
	visibility: visible
}
.header .pro_li .dropdown .right .content .c {
	font-size: 14px;
	color: #777;
	line-height: 1.6
}


.header:hover .h_tools .h_lan .icon {
	background-position: 0 -20px
}
.header:hover .h_tools .h_sear .icon {
	background-position: 0 -20px
}
.header:hover .h_tools .h_me span {
	color: #fff
}
.header:hover .h_tools .h_me span.icon {
	background-position: 0 -8px
}
.header.fixed {
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	z-index: 20
}
.header.fixed .inav_wrapper .nav_li {
	color: #000
}
.header.fixed .h_tools .h_lan .icon {
	background-position: 0 -20px
}
.header.fixed .h_tools .h_sear .icon {
	background-position: 0 -20px
}
.header.fixed .h_tools .h_me span {
	color: #000
}
.header.fixed .h_tools .h_me span.icon {
	background-position: 0 -8px
}
.header.fixed .logo {
	padding: 12px 0
}
.header.fixed .logo img {
	width: 150px
}
.header.fixed .h_tools {
	padding: 24px 0
}
.header.fixed .inav_wrapper .nav_li {
	padding: 19px 24px
}
.header.fixed .inav_wrapper .nav_li.cur {
	color: #ff7200;
	font-weight: 600
}
.header.fix {
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
}
.header.fix .inav_wrapper .nav_li {
	color: #000
}
.header.fix .h_tools .h_lan .icon {
	background-position: 0 -20px
}
.header.fix .h_tools .h_sear .icon {
	background-position: 0 -20px
}
.header.fix .h_tools .h_me span {
	color: #000
}
.header.fix .h_tools .h_me span.icon {
	background-position: 0 -8px
}
.header.fix .logo {
	padding: 19px 0
}
.header.fix .h_tools {
	padding: 24px 0
}
.header.fix .inav_wrapper .nav_li {
	padding: 16px 24px
}
.header .mLan_down {
	display: none
}
.header .mSearch {
	display: none
}
.mobile_key {
	display: none
}
.m_nav {
	display: none
}
.m_banner {
	display: none
}
.m_ipart {
	display: none
}
.m_footer {
	display: none
}
.xc_nav {
	line-height: 62px;
	height: 62px;
	border-bottom: 2px solid #f0f0f0
}
.xc_nav .left {
	float: left
}
.xc_nav .left ul li {
	position: relative;
	float: left;
	color: #232323;
	font-size: 17px;
	letter-spacing: 0.5px;
	padding: 0 30px
}
.hwpro_wrapper .xc_nav .left ul li {
	font-size: 14px;
	padding: 0 8px;
	letter-spacing: 0.3px
}
.xc_nav .left ul li:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 12px;
	background: #ddd;
	left: 0;
	top: 50%;
	margin-top: -6px
}
.xc_nav .left ul li:first-child {
	margin-left: 0
}
.xc_nav .left ul li:first-child:after {
	display: none
}
.xc_nav .left ul li:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 50%;
	height: 2px;
	background: #ff7200;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}
.xc_nav .left ul li:hover:before, .xc_nav .left ul li.cur:before {
	left: 0;
	right: 0
}
.xc_nav .left ul li:hover a, .xc_nav .left ul li.cur a {
	color: #ff7200
}
.xc_nav .right {
	float: right;
	font-size: 14px;
	color: #333
}
.xc_nav .right .crumbs {
	letter-spacing: 0.6px
}
.xc_nav .right .crumbs a {
	margin: 0 3px
}
.xc_nav .right .crumbs a:first-child {
	margin-left: 0
}
.xc_nav .right .crumbs .home {
	color: #ff7200;
	font-size: 16px;
	margin-right: 0
}
.load_more {
	text-align: center;
	padding-top: 20px
}
.load_more .loading {
	width: 170px;
	height: 50px;
	line-height: 50px;
	background: #ff7200;
	border-radius: 35px;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	transition: .5s ease
}
.load_more .loading:hover {
	background: #be4e1b
}
.load_more.nomore {
	display: none
}
.header .h_tools .h_lan {
	position: relative
}
.header .h_tools .h_lan .lan_box {
	position: absolute;
	left: -16px;
	top: 30px;
	background: #f4f4f4;
	font-size: 16px;
	letter-spacing: 0.5px;
	padding: 7px 20px;
	border: 1px solid #f1f1f1;
	border-radius: 8px;
	color: #555;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease
}
.header .h_tools .h_lan .lan_box:after {
	content: '';
	height: 0;
	width: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border-color: transparent transparent #f4f4f4 transparent;
	border-style: solid solid dashed dashed;
	border-width: 6px;
	position: absolute;
	bottom: 100%;
	left: 20px
}
.header .h_tools .h_lan:hover .lan_box {
	opacity: 1;
	visibility: visible
}
.common-btn {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 0 60px 0 30px;
	border: 1px solid #e1e0e1;
	border-radius: 40px;
	background: #ff7200;
	transition: all 0.5s ease;
	position: relative
}
.common-btn span {
	display: inline-block;
	color: #fff
}
.common-btn span.icon {
	width: 8px;
	height: 12px;
	background: url(../images/btn_white.png) no-repeat center;
	transition: all 0.5s ease;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 37px
}
.common-btn:hover {
	background: #be4e1b
}
.common-btn:hover span.icon {
	right: 32px
}
@keyframes ripple {
	0% {
		opacity: 0;
		transform: scale(.1)
	}
	5% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: scale(1)
	}
}
@-moz-keyframes ripple {
	0% {
		opacity: 0;
		transform: scale(.1)
	}
	5% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: scale(1)
	}
}
@-ms-keyframes ripple {
	0% {
		opacity: 0;
		transform: scale(.1)
	}
	5% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: scale(1)
	}
}
@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		transform: scale(.1)
	}
	5% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: scale(1)
	}
}
@-o-keyframes ripple {
	0% {
		opacity: 0;
		transform: scale(.1)
	}
	5% {
		opacity: 1
	}
	to {
		opacity: 0;
		transform: scale(1)
	}
}
.childpage_wrapper {
	width: 100%
}
.childpage_wrapper .banner_block {
	width: 100%;
	position: relative;
	overflow: hidden;
    height: 23.5vw;
}
.childpage_wrapper .banner_block .mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0
}
.childpage_wrapper .banner_block .banner_text {
	display: block
}
.childpage_wrapper .banner_block .banner_text p {
	animation-delay: 0.3s
}
.childpage_wrapper .banner_block .banner_text h4 {
	animation-delay: 0.1s
}
.childpage_wrapper .banner_block .container {
	height: 100%;
	position: relative
}
.childpage_wrapper .banner_block img {
	width: 1920px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px
}
.childpage_wrapper .banner_block p, .childpage_wrapper .banner_block h4 {
	position: absolute;
	left: 0;
	bottom: 36.5%;
	font-size: 60px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
	letter-spacing: 2px;
}
.childpage_wrapper .banner_block h4 {
	font-size: 48px;
	color: #fff;
	left: 25px;
	bottom: 33.5%;
	letter-spacing: 5px;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.common-infor .tit {
	font-size: 17px;
	color: #ff7200;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 15px; margin-top:15px;
}
.common-infor .tit:after {
	content: '';
	position: absolute;
	left: 110%;
	width: 50px;
	height: 2px;
	background: #ff7200;
	top: 50%;
	margin-top: -1px
}
.common-infor .con {
	font-size: 32px;
	font-weight: 600;
	color: #111;
	line-height: 1.3;
	letter-spacing: 0.5px
}
.noborder-btn {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	padding-right: 40px;
	transition: all 0.5s ease;
	position: relative;
	color: #fff
}
.noborder-btn .icon {
	display: inline-block;
	transition: all 0.5s ease;
	position: absolute;
	top: 2px;
	font-size: 18px;
	margin: 0;
	right: 10px
}
.noborder-btn:hover {
	color: #ff7200
}
.noborder-btn:hover .icon {
	right: 5px;
	color: #ff7200
}
.childpage_wrapper .content_block {
	width: 100%
}
.childpage_wrapper .content_block .second_page {
	padding-bottom: 30px
}
.childpage_wrapper .content_block .second_page .title {
	text-align: center;
	padding-bottom: 10px;
	position: relative
}
.childpage_wrapper .content_block .second_page .title h4 {
	font-size: 35px;
	color: #000;
	font-weight: normal
}
.childpage_wrapper .content_block .second_page .title h4 span {
	display: block;
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
	margin: 2px 0
}
.childpage_wrapper .content_block .second_page .title:after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 40px;
	height: 2px;
	background: url('../images/title_br.png') 0 0 no-repeat;
	background-size: 100%
}
.imgZoom {
	overflow: hidden;
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
.imgZoom img {
	-moz-transition: all .8s ease-in-out 0s;
	-ms-transition: all .8s ease-in-out 0s;
	-o-transition: all .8s ease-in-out 0s;
	-webkit-transition: all .8s ease-in-out 0s;
	transform: all .8s ease-in-out 0s;
}
.imgZoom:hover img {
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.xc_banner .content .con {
	float: right
}
.xc_banner .content .con #nPage {
	float: left
}
.xc_banner .content .con a {
	float: left;
	width: 44px;
	height: 44px;
	vertical-align: top;
	line-height: 44px;
	margin-left: 10px;
	color: #fff;
	background: #acaba8;
	text-align: center;
	border-radius: 50%;
	font-weight: bold
}
.xc_banner .content .con a.list {
	background: #ff7200
}
.xc_banner .content .con a:hover {
	background: #be4e1b
}
.intro_wrapper {
	width: 100%;
	position: relative
}
.intro_wrapper .banner_block {
	background: url('../images/banner_about.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
	background-position: center 0
}
.fp_banner_block {
	background: url('../images/fp_banner_intro.png') !important
}
.about_hw.channel_content {
	padding: 0
}
.about_hw01 {
	padding-bottom: 0;
}
.about_hw01 .left {
	margin-bottom: 20px
}
.about_hw01 .right {
	font-size: 16px;
	color: #333;
	line-height: 2; margin-bottom:40px;
}
.about_hw02 .rect-40 {
	padding-bottom: 40%
}
.about_hw02 .media {
	cursor: pointer
}
.about_hw02 .media .cover {
	width: 102px;
	height: 102px;
	position: absolute;
	left: 50%;
	margin-left: -62.5px;
	top: 50%;
	margin-top: -62.5px;
	background: url(../images/play.png) no-repeat center
}
.about_hw03 {
	display: block;
	padding-bottom: 50px
}
.about_hw03 .tab_t {
	padding: 40px 0 50px
}
.about_hw03 .tab_t .tit {
	display: inline-block;
	float: left;
	width: 60%;
	font-size: 36px;
	font-weight: 600;
	color: #ff7200;
	position: relative;
	margin-top: 20px
}
.about_hw03 .tab_t .tit span {
	display: block;
	font-size: 17px;
	font-weight: 500;
	color: #ababab;
	text-transform: uppercase;
	padding-top: 5px
}
.about_hw03 .tab_t .tit:after {
	content: '';
	position: absolute;
	left: 170px;
	width: 70px;
	height: 3px;
	background: #ff7200;
	top: 30%
}
.about_hw03 .tab_t ul {
	display: inline-block;
	float: right;
	width: 35%
}
.about_hw03 .tab_t ul li {
	float: left;
	width: 33.3333%;
	text-align: center;
	cursor: pointer
}
.about_hw03 .tab_t ul li .img {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 70px;
	height: 73px
}
.about_hw03 .tab_t ul li .txt {
	font-size: 18px;
	position: relative
}
.about_hw03 .tab_t ul li .txt:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -10px;
	width: 70px;
	height: 3px;
	background: #ff7200;
	opacity: 0;
	visibility: hidden;
	transition: .5s ease
}
.about_hw03 .tab_t ul li.cur .img {
	background-position: 0 -73px
}
.about_hw03 .tab_t ul li.cur .txt {
	color: #ff7200
}
.about_hw03 .tab_t ul li.cur .txt:after {
	opacity: 1;
	visibility: visible
}
.about_hw03 .tab_c {
	margin-top: 100px;
	clear: both
}
.about_hw03 .tab_c .content {
	display: none
}
.about_hw03 .tab_c .content.cur {
	display: block
}
.about_hw03 .tab_c .content .txt {
	float: left;
	width: 65%;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 35px
}
.about_hw03 .tab_c .content .common-border-btn {
	float: right;
	display: inline-block;
	height: 55px;
	line-height: 55px;
	font-size: 15px;
	padding: 0 70px 0 40px;
	border: 1px solid #e1e0e1;
	border-radius: 50px;
	transition: all 0.5s ease;
	position: relative
}
.about_hw03 .tab_c .content .common-border-btn span {
	display: inline-block;
	color: #000
}
.about_hw03 .tab_c .content .common-border-btn span.icon {
	width: 8px;
	height: 12px;
	background: url(../images/btn_black.png) no-repeat center;
	transition: all 0.5s ease;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 37px
}
.about_hw03 .tab_c .content .common-border-btn:hover {
	background: #ff7200;
	border-color: #ff7200
}
.about_hw03 .tab_c .content .common-border-btn:hover span {
	color: #fff
}
.about_hw03 .tab_c .content .common-border-btn:hover span.icon {
	right: 32px;
	background: url(../images/btn_white.png) no-repeat center
}
.about_hw04 {
	background: #f4f4f4;
	padding: 50px 0 70px;
	margin-top: 60px
}
.about_hw04 .infor .tit {
	font-size: 38px;
	text-align: center;
	margin-bottom: 40px
}
.about_hw04 .content .item {
	float: left;
	width: 32%;
	margin-right: 2%;
	overflow: inherit;
	-moz-box-shadow: 5px 0 10px rgb(0 0 0 / 2%);
	-webkit-box-shadow: 5px 0 10px rgb(0 0 0 / 2%);
	box-shadow: 5px 0 10px rgb(0 0 0 / 2%)
}
.about_hw04 .content .item.item3 {
	margin-right: 0
}
.about_hw04 .content .item .rect-99 {
	padding-bottom: 99%
}
.about_hw04 .content .item .intro {
	background: #fff;
	width: 90%;
	color: #333;
	float: right;
	position: relative;
	min-height: 170px;
	margin-top: -90px;
	transition: .5s ease;
	-moz-box-shadow: 0 5px 10px rgb(0 0 0 / 2%);
	-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 2%);
	box-shadow: 0 5px 10px rgb(0 0 0 / 2%)
}
.about_hw04 .content .item .intro .box {
	padding: 40px 30px 0
}
.about_hw04 .content .item .intro .box .tit {
	font-size: 28px
}
.about_hw04 .content .item .intro .box .con {
	font-size: 16px;
	line-height: 2
}
.about_hw04 .content .item:hover .intro {
	background: #ff7200 !important;
	color: #fff;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2)
}
.about_hw05 {
	padding: 10px 0;
	background: url(../images/about_hw05_bg.jpg) no-repeat center;
	border-bottom: 1px solid #eee
}
.about_hw05 .left {
	float: left
}
.about_hw05 .right {
	float: right;
	margin-top: 10px
}
.about_hw05 .content {
	font-size: 18px;
	color: #888;
	letter-spacing: 1px;
	margin: 10px 0 10px
}
.about_hw05 .content .con {
	font-size: 15px;
	margin: 40px 0 80px
}
.about_hw05 ul li {
	float: left;
	width: 25%;
	position: relative
}
.about_hw05 ul li:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #d2d2d2;
	left: -15%;
	top: 0
}
.about_hw05 ul li:first-child .box {
	padding-left: 0
}
.about_hw05 ul li:first-child:after {
	display: none
}
.about_hw05 ul li .img {
	width: 20%;
	float: left;
	margin-right: 5%
}
.about_hw05 ul li .txt {
	float: left;
	width: 75%
}
.about_hw05 ul li .txt .t {
	font-family: 'Din-Medium', 'Hurgeosans';
	font-size: 35px;
	color: #ff7200;
	font-weight: bold;
	line-height: 1.2
}
.about_hw06 {
	background: url(../images/about_hw06_bg.jpg) no-repeat center;
	padding: 88px 0;
	text-align: center;
	color: #fff
}
.about_hw06 .tit {
	font-size: 38px
}
.about_hw06 .con {
	color: #d2d2d2;
	margin: 26px 0 80px
}
.about_hw06 .common-border-btn {
	background: url(../images/white.2.png);
	display: inline-block;
	height: 55px;
	line-height: 55px;
	font-size: 15px;
	padding: 0 70px 0 40px;
	border: 1px solid #e1e0e1;
	border-radius: 50px;
	transition: all 0.5s ease;
	position: relative
}
}
.about_hw06 .common-border-btn span {
	color: #fff
}
.about_hw06 .common-border-btn span.icon {
	background: url(../images/btn_white.png) no-repeat center;
	width: 8px;
	height: 12px;
	transition: all 0.5s ease;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 37px
}
.about_hw06 .common-border-btn:hover {
	background: #fff
}
.about_hw06 .common-border-btn:hover span {
	color: #000
}
.about_hw06 .common-border-btn:hover span.icon {
	background: url(../images/btn_black.png) no-repeat center
}
.history {
	padding-bottom: 70px;
	background: url(../images/intro_cont2.png) no-repeat center bottom
}
.history .item {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	padding-left: 150px;
	position: relative;
	border-bottom: 1px #ddd dotted
}
.history .item:last-child {
	border-bottom: none
}
.history .item h2 {
	font-size: 36px;
	color: #555;
	font-weight: 600;
	position: absolute;
	left: 0;
	top: 23px
}
.history .item h2 span {
	font-size: 18px;
	position: relative;
	top: -2px;
	margin-left: 5px
}
.history .item ul li {
	position: relative;
	padding: 7px 0 7px 35px;
	border-left: 2px #ddd solid
}
.history .item ul li h3 {
	letter-spacing: 1px;
	font-size: 24px;
	padding-bottom: 5px
}
.history .item ul li p {
	font-size: 16px;
	line-height: 2
}
.history .item ul li:after {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	background: url("../images/line-icon.png") no-repeat;
	position: absolute;
	left: -9px;
	top: 15px;
	text-indent: -10000px
}
.history .item ul li:first-child {
	padding-top: 40px
}
.history .item ul li:first-child:after {
	top: 46px
}
.history .item ul li:last-child {
	padding-bottom: 30px
}
.history .item.hover {
	background-color: #f1eff1
}
.history .intro {
	padding: 20px;
	line-height: 1.8;
	color: #777
}
.intro_wrapper .nav_wrapper li:first-child.active:after {
	content: '';
	width: 46px;
	height: 54px;
	background: url('../images/li_icon1.png') 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	bottom: 0
}
.intro_wrapper .nav_wrapper li:first-child + li.active:after {
	content: '';
	width: 46px;
	height: 51px;
	background: url('../images/li_icon13.png') 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	bottom: 0
}
.intro_wrapper .nav_wrapper li:first-child + li + li.active:after {
	content: '';
	width: 46px;
	height: 46px;
	background: url('../images/li_icon2.png') 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	bottom: 0
}
.intro_wrapper .nav_wrapper li:first-child + li + li + li.active:after {
	content: '';
	width: 46px;
	height: 49px;
	background: url('../images/li_icon3.png') 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	bottom: 0
}
.intro_wrapper .nav_wrapper li:first-child + li + li + li + li.active:after {
	content: '';
	width: 46px;
	height: 49px;
	background: url('../images/li_icon4.png') 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	bottom: 0
}
.intro_wrapper .intro_content2 {
	width: 100%;
	padding: 90px 0 100px 0;
	box-sizing: border-box
}
.intro_wrapper .intro_content2 .video_box {
	width: 50%;
	height: 400px;
	float: right;
	margin-left: 30px;
	position: relative
}
.intro_wrapper .intro_content2 .video_box video {
	width: 100%;
	height: 100%;
	z-index: 102 !important
}
.intro_wrapper .intro_content2 .video_box img {
	width: 100%;
	display: block
}
.intro_wrapper .intro_content2 .video_box .play {
	display: inline-block;
	width: 90px;
	height: 90px;
	background: url('../images/play.png') 0 0 no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 5px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 100
}
.intro_wrapper .intro_content2 .text_cont {
	padding: 0 20px
}
.intro_wrapper .intro_content2 .text_cont h4 {
	font-size: 36px;
	color: #3d414d;
	margin-bottom: 20px
}
.intro_wrapper .intro_content2 .text_cont h4 span {
	padding-right: 10px
}
.intro_wrapper .intro_content2 .text_cont p {
	font-size: 16px;
	box-sizing: border-box;
	color: #666;
	line-height: 30px;
	margin: 40px 0
}
.intro_wrapper .intro_content {
	width: 100%;
	border-radius: 20px;
	margin-top: 14px
}
.intro_wrapper .intro_content .banenr {
	width: 100%
}
.intro_wrapper .intro_content .banenr img {
	width: 100%;
	display: block
}
.intro_wrapper .intro_content .content {
	width: 100%;
	padding: 0 48px 80px 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.intro_wrapper .intro_content .content ul.news_texts {
	width: 100%;
	list-style: none
}
.intro_wrapper .intro_content .content ul.news_texts li {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	text-indent: 33px;
	margin: 15px 0
}
.intro_wrapper .intro_content .content ul.news_imgs {
	width: 100%;
	margin-top: 40px;
	list-style: none
}
.intro_wrapper .intro_content .content ul.news_imgs li {
	display: inline-block;
	float: left;
	margin-left: 9px
}
.intro_wrapper .intro_content .content ul.news_imgs li:first-child {
	margin-left: 0
}
.intro_wrapper .intro_content .content ul.news_imgs li img {
	width: 100%;
	display: block
}
.intro_wrapper .intro_content3 {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 0 !important;
	box-sizing: border-box;
	background: url('../images/intro_bg.jpg') 0 0 no-repeat;
	background-size: 100% 100%
}
.intro_wrapper .intro_content3 .book_block {
	width: 100%;
	height: 850px;
	background: url('../images/shu_bg.png') 0 0 no-repeat;
	background-size: 100% 100%;
	position: relative
}
.intro_wrapper .intro_content3 .book_block:after {
	content: '';
	width: 468px;
	height: 850px;
	background: url('../images/yinying_03.png') 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	right: -468px;
	top: 0
}
.intro_wrapper .intro_content3 .book_block ul {
	list-style: none;
	float: left;
	margin-left: 46px
}
.intro_wrapper .intro_content3 .book_block ul li {
	width: 304px;
	padding: 25px 0px 25px 0px;
	box-sizing: border-box;
	margin: 30px 0;
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 10
}
.intro_wrapper .intro_content3 .book_block ul li h4 {
	display: inline-block;
	font-size: 36px;
	color: #333;
	margin-bottom: 10px;
	font-weight: initial;
	position: relative
}
.intro_wrapper .intro_content3 .book_block ul li h4:before {
	visibility: hidden;
	content: '';
	width: 8px;
	height: 24px;
	position: absolute;
	left: -15px;
	top: 10px;
	background: #301b15;
	border-radius: 5px
}
.intro_wrapper .intro_content3 .book_block ul li p {
	font-size: 18px;
	color: #333;
	text-align: right
}
.intro_wrapper .intro_content3 .book_block ul li.active {
	border-radius: 20px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3dcbf), to(#c5ac8a));
	background: -webkit-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: -moz-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: -o-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: -ms-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: linear-gradient(111deg, #f3dcbf, #c5ac8a);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#f3dcbf, endColorstr=#c5ac8a)
}
.intro_wrapper .intro_content3 .book_block ul li.active h4:before {
	visibility: visible
}
.intro_wrapper .intro_content3 .book_block ul li.libg {
	position: absolute;
	left: 40px;
	top: 0px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3dcbf), to(#c5ac8a));
	background: -webkit-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: -moz-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: -o-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: -ms-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: linear-gradient(111deg, #f3dcbf, #c5ac8a);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#f3dcbf, endColorstr=#c5ac8a);
	z-index: 1;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-0-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
	transform: translateY(5px);
	border-radius: 20px
}
.intro_wrapper .intro_content3 .book_block .outContainer {
	width: 797px;
	height: 850px;
	margin-right: -1px;
	float: right;
	overflow: hidden;
	position: relative
}
.intro_wrapper .intro_content3 .book_block .content {
	visibility: hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	top: 5px;
	bottom: 0;
	left: 0;
	right: -15px;
	box-sizing: border-box
}
.intro_wrapper .intro_content3 .book_block .content .block {
	width: 100%;
	opacity: 0;
	background: #fff;
	padding: 25px 26px;
	box-sizing: border-box;
	margin-bottom: 20px;
	-moz-box-shadow: 20px 0px 5px rgba(197, 172, 138, 0.3);
	-webkit-box-shadow: 20px 0px 5px rgba(197, 172, 138, 0.3);
	box-shadow: 20px 10px 5px rgba(197, 172, 138, 0.3);
	transform: translateY(40px)
}
.intro_wrapper .intro_content3 .book_block .content .block h4 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-bottom: 15px
}
.intro_wrapper .intro_content3 .book_block .content .block p {
	font-size: 16px;
	color: #666;
	line-height: 24px;
	position: relative;
	padding-left: 15px
}
.intro_wrapper .intro_content3 .book_block .content .block p:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #bf9488;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 10px;
	margin-top: -1px
}
.intro_wrapper .intro_content3 .book_block .content .block img {
	width: 100%;
	margin-top: 25px;
	display: block
}
.intro_wrapper .intro_content3 .book_block .content.active {
	visibility: visible
}
.intro_wrapper .intro_content3 .book_block .content.active .block {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-0-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
	transform: translateY(0px)
}
.intro_wrapper .intro_content4 {
	width: 100%;
	padding-top: 63px;
	padding-bottom: 0 !important;
	position: relative;
	background: #fff url('../images/intro_cont4.png') 0 100% no-repeat;
	background-size: 100%
}
.intro_wrapper .intro_content4 .tab_list {
	width: 570px;
	background: #f1f1f1
}
.intro_wrapper .intro_content4 .tab_list ul {
	width: 100%;
	height: 65px;
	list-style: none
}
.intro_wrapper .intro_content4 .tab_list ul li {
	width: 33.33%;
	height: 100%;
	font-size: 21px;
	color: #999;
	line-height: 65px;
	text-align: center;
	float: left;
	cursor: pointer
}
.intro_wrapper .intro_content4 .tab_list ul li.active {
	position: relative;
	color: #feffff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#bbcbd1), to(#84959a));
	background: -webkit-linear-gradient(left, #bbcbd1, #84959a);
	background: -moz-linear-gradient(left, #bbcbd1, #84959a);
	background: -o-linear-gradient(left, #bbcbd1, #84959a);
	background: -ms-linear-gradient(left, #bbcbd1, #84959a);
	background: linear-gradient(left, #bbcbd1, #84959a);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#bbcbd1, endColorstr=#84959a);
	background-size: 100%
}
.intro_wrapper .intro_content4 .tab_list ul li.active:before {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #a0b0b6
}
.intro_wrapper .intro_content4 .tab_content {
	display: none;
	width: 100%;
	margin-top: 40px;
	box-sizing: border-box;
	padding-bottom: 100px
}
.intro_wrapper .intro_content4 .tab_content .tab_box {
	width: 1150px;
	display: table;
	box-sizing: border-box;
	background: #fff;
	-moz-box-shadow: 0px 0px 8px rgba(9, 8, 9, 0.1);
	-webkit-box-shadow: 0px 0px 8px rgba(9, 8, 9, 0.1);
	box-shadow: 0px 0px 8px rgba(9, 8, 9, 0.1)
}
.intro_wrapper .intro_content4 .tab_content .tab_box .container {
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_list_sec {
	float: left;
	display: table-cell;
	margin-left: 8px
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_list_sec ul {
	width: 100%;
	box-sizing: border-box;
	list-style: none
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_list_sec ul li {
	width: 25px;
	height: 125px;
	padding: 0 20px;
	box-sizing: border-box;
	background: #f2f2f2;
	text-align: center;
	margin: 8px 0;
	display: table;
	cursor: pointer
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_list_sec ul li p {
	font-size: 20px;
	color: #333;
	line-height: 22px;
	display: table-cell;
	vertical-align: middle
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_list_sec ul li.active {
	background: url('../images/tabsec_libg.png') 0 0 no-repeat;
	background-size: 100%
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_list_sec ul li.active p {
	color: #301b15
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_list_sec2 li {
	height: 280px !important;
	text-align: center !important
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_logo {
	padding: 50px 13px !important
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec {
	width: 1070px;
	padding: 0px 44px;
	box-sizing: border-box;
	vertical-align: middle;
	display: none
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec.show {
	display: table-cell
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec ul.name_list {
	box-sizing: border-box;
	list-style: none
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec ul.name_list li {
	padding: 36px 0;
	border-top: 1px solid #eaeaea
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec ul.name_list li:first-child {
	border-top: 0
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec ul.name_list li span {
	display: inline-block;
	width: 120px;
	text-align-last: justify;
	float: left;
	font-size: 18px;
	color: #333;
	text-align: justify
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec ul.name_list li ul {
	width: 750px;
	float: left;
	margin-left: 0px;
	border: none;
	list-style: none
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec ul.name_list li ul li {
	padding: 0;
	width: 60px;
	font-size: 18px;
	color: #333;
	text-align: justify;
	text-align-last: justify;
	float: left;
	border: none;
	margin: 0 20px
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec ul.logo_list {
	list-style: none;
	margin: 0 auto
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec ul.logo_list li {
	width: 235px;
	height: 75px;
	float: left;
	margin: 11.5px 12px;
	text-align: center;
	box-sizing: border-box
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec2 {
	background: none;
	padding: 50px 44px
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec2 .img_box {
	width: 757px;
	margin: 0 auto
}
.intro_wrapper .intro_content4 .tab_content .tab_box .tab_content_sec2 .img_box img {
	width: 100%;
	display: block
}
.intro_wrapper .intro_content4 .tab_content2 {
	background: url('../images/intro_cont4.png') 0 100% no-repeat;
	background-size: 100%
}
.intro_wrapper .intro_content4 .tab_content2 .img_box {
	width: 980px
}
.intro_wrapper .intro_content4 .tab_content2 .img_box img {
	width: 100%;
	display: block
}
.intro_wrapper .intro_content4 .tab_content3 {
	background: url('../images/intro_cont3.png') 0 -100% no-repeat;
	background-size: 100% 100%;
	text-align: center
}
.intro_wrapper .intro_content4 .tab_content3 ul {
	display: inline-block;
	list-style: none;
	margin: 0 auto
}
.intro_wrapper .intro_content4 .tab_content3 ul li {
	width: 200px;
	float: left;
	margin: 0 13px;
	text-align: right
}
.intro_wrapper .intro_content4 .tab_content3 ul li .pic_wrap {
	width: 100%;
	height: 258px;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	-moz-box-shadow: 0px 0px 8px rgba(9, 8, 9, 0.1);
	-webkit-box-shadow: 0px 0px 8px rgba(9, 8, 9, 0.1);
	box-shadow: 0px 0px 8px rgba(9, 8, 9, 0.1)
}
.intro_wrapper .intro_content4 .tab_content3 ul li a {
	font-size: 20px;
	color: #1e89e0;
	text-align: right;
	text-decoration: none
}
.intro_wrapper .intro_content4 .tab_content3 ul li p {
	float: left;
	font-size: 18px;
	color: #b2b2b2
}
.intro_wrapper .intro_content5 {
	width: 100%;
	padding: 90px 0 100px 0
}
.intro_wrapper .intro_content5 .img_box {
	width: 600px;
	height: 400px;
	float: right;
	position: relative
}
.intro_wrapper .intro_content5 .slogan_ul {
	width: 50%;
	float: left;
	list-style: none
}
.intro_wrapper .intro_content5 .slogan_ul li {
	width: 50%;
	margin-top: 75px
}
.intro_wrapper .intro_content5 .slogan_ul li:first-child {
	margin-top: 0
}
.intro_wrapper .intro_content5 .slogan_ul li:first-child + li {}
.intro_wrapper .intro_content5 .slogan_ul li h4 {
	text-align: left;
	font-size: 24px;
	color: #3d414d;
	margin-bottom: 25px;
	font-weight: initial
}
.intro_wrapper .intro_content5 .slogan_ul li p {
	text-align: left;
	font-size: 16px;
	color: #666
}
.intro_wrapper .intro_content5 .intro_culture {
	width: 100%;
	margin-top: 75px
}
.intro_wrapper .intro_content5 .intro_culture ul {
	list-style: none;
	margin-top: 70px
}
.intro_wrapper .intro_content5 .intro_culture ul li.item {
	margin: 0 2%;
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-0-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s
}
.intro_wrapper .intro_content5 .intro_culture ul li.item .img_wrap {
	width: 100%;
	height: 330px;
	overflow: hidden
}
.intro_wrapper .intro_content5 .intro_culture ul li.item .text_block {
	width: 100%;
	height: 166px;
	background: #fff;
	font-size: 18px;
	color: #111111;
	position: relative
}
.intro_wrapper .intro_content5 .intro_culture ul li.item .text_block .text {
	width: 250px;
	line-height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	border-radius: 5px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.intro_wrapper .intro_content5 .intro_culture ul li.item .hover_box {
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	left: 2%;
	bottom: -100%;
	text-align: center;
	padding: 40px 35px;
	z-index: 100;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.intro_wrapper .intro_content5 .intro_culture ul li.item .hover_box h4 {
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	font-weight: initial;
	margin-bottom: 40px
}
.intro_wrapper .intro_content5 .intro_culture ul li.item .hover_box p {
	font-size: 15px;
	color: #fff;
	line-height: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden
}
.intro_wrapper .intro_content5 .intro_culture ul li.item .hover_box .btn {
	width: 120px;
	height: 30px;
	margin-top: 35px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3dcbf), to(#c5ac8a));
	background: -webkit-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: -moz-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: -o-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: -ms-linear-gradient(111deg, #f3dcbf, #c5ac8a);
	background: linear-gradient(111deg, #f3dcbf, #c5ac8a);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#f3dcbf, endColorstr=#c5ac8a);
	font-size: 16px;
	line-height: 30px;
	color: #301b15;
	cursor: pointer
}
.intro_wrapper .intro_content5 .intro_culture ul li.item:hover {
	-moz-box-shadow: 0px 0px 8px rgba(20, 8, 20, 0.2);
	-webkit-box-shadow: 0px 0px 8px rgba(20, 8, 20, 0.2);
	box-shadow: 0px 0px 8px rgba(20, 8, 20, 0.2)
}
.intro_wrapper .intro_content5 .intro_culture ul li.item:hover .hover_box {
	left: 0;
	bottom: 0%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-0-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.intro_wrapper .content_block .busin_content .tab_content h4.bus_intro {
	color: #c5ac8a;
	font-size: 18px;
	margin-bottom: 30px;
	line-height: 35px;
	text-indent: 35px
}
.intro_wrapper .content_block .busin_content .tab_content ul {
	width: 100%;
	list-style: none
}
.intro_wrapper .content_block .busin_content .tab_content ul li {
	width: 100%;
	height: 240px;
	margin-bottom: 40px;
	background: #fff;
	-moz-box-shadow: 0px 0px 18px rgba(9, 8, 9, 0.1);
	-webkit-box-shadow: 0px 0px 18px rgba(9, 8, 9, 0.1);
	box-shadow: 0px 0px 18px rgba(9, 8, 9, 0.1);
	cursor: pointer;
	overflow: hidden;
	position: relative
}
.intro_wrapper .content_block .busin_content .tab_content ul li .img_box {
	width: 380px;
	height: 100%;
	opacity: 1;
	visibility: visible;
	overflow: hidden;
	display: block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-0-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s
}
.intro_wrapper .content_block .busin_content .tab_content ul li .img_box img {
	width: 100%;
	display: block
}
.intro_wrapper .content_block .busin_content .tab_content ul li .text_block {
	width: 820px;
	height: 100%;
	padding: 56px;
	box-sizing: border-box;
	opacity: 1;
	visibility: visible;
	display: block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-0-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s
}
.intro_wrapper .content_block .busin_content .tab_content ul li .text_block .tit {
	width: 100%
}
.intro_wrapper .content_block .busin_content .tab_content ul li .text_block .tit h4 {
	display: inline-block;
	font-size: 32px;
	letter-spacing: 3px;
	float: left;
	color: #dac2a2
}
.intro_wrapper .content_block .busin_content .tab_content ul li .text_block .tit span {
	float: left;
	font-size: 26px;
	color: #d5d5d5;
	margin-left: 40px;
	letter-spacing: 2px;
	margin-top: 6px;
	text-transform: uppercase
}
.intro_wrapper .content_block .busin_content .tab_content ul li .text_block p {
	margin-top: 30px;
	font-size: 17px;
	color: #333;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}
.intro_wrapper .content_block .busin_content .tab_content ul li .hide_text {
	width: 100%;
	font-size: 16px;
	color: #fff;
	line-height: 1.9;
	padding: 20px 20px 0;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-0-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.intro_wrapper .content_block .busin_content .tab_content ul li.active {
	height: inherit
}
.intro_wrapper .content_block .busin_content .tab_content ul li.active .hide_text {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.intro_wrapper .content_block .busin_content .tab_content1, .intro_wrapper .content_block .busin_content .tab_content2, .intro_wrapper .content_block .busin_content .tab_content3 {
	background: url('../images/intro_cont3.png') 0 100% no-repeat;
	background-size: 100%
}
.intro_wrapper .content_block .busin_content2 {
	padding-bottom: 0 !important
}
.about-cert {
	position: relative;
	background: #fff;
	padding: 60px 0
}
.about-cert {
	text-align: center;
	padding-bottom: 50px
}
.about-cert .cert-title {
	font-size: 38px;
	text-align: center;
	margin-bottom: 20px
}
.cert-list {
	width: 80%;
	margin: 0 auto
}
.cert-list .cert-item {
	font-size: 16px;
	margin-right: 50px;
	padding-left: 20px;
	line-height: 2;
	position: relative;
	display: inline-block;
	color: #666
}
.cert-list .cert-item::after {
	content: "»";
	font-size: 20px;
	color: rgb(234, 84, 19);
	position: absolute;
	left: 0px;
	top: 44%;
	transform: translateY(-50%)
}
.swiper-cert {
	position: relative;
	padding-top: 50px
}
.swiper-cert .swiper-wrapper {
	padding-bottom: 30px
}
.swiper-cert .centify-pic {
	margin: 0 auto;
	max-width: 273px !important
}
.swiper-cert .swiper-slide img {
	cursor: pointer;
	border: 1px solid #dfdfdf;
	overflow: hidden;
	-moz-box-shadow: 6px 6px 1px rgb(0 0 0 / 5%);
	-webkit-box-shadow: 6px 6px 1px rgb(0 0 0 / 5%);
	-o-box-shadow: 6px 6px 1px rgba(0 0 0 / 5%);
	box-shadow: 6px 6px 1px rgb(0 0 0 / 5%)
}
.swiper-cert .swiper-slide-active {
	box-shadow: none
}
.about_honor {
	background: #f5f5f5;
	padding: 50px 0
}
.about_honor .tit {
	font-size: 38px;
	text-align: center;
	margin-bottom: 40px
}
.about_honor .honor-list {
	padding-bottom: 20px
}
.about_honor .honor-list li .honor-content {
	border-radius: 7px;
	margin: 0 15px
}
.about_honor .honor-list li .pic {
	height: 224px;
	overflow: hidden;
	position: relative;
	background: #fff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-box-shadow: 4px 4px 1px rgb(0 0 0 / 2%);
	-webkit-box-shadow: 4px 4px 1px rgb(0 0 0 / 2%);
	-o-box-shadow: 4px 4px 1px rgba(0 0 0 / 2%);
	box-shadow: 4px 4px 1px rgb(0 0 0 / 2%)
}
.about_honor .honor-list li:hover .pic {
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s linear 0s;
	-moz-box-shadow: 5px 5px 1px rgb(0 0 0 / 2.5%);
	-webkit-box-shadow: 5px 5px 1px rgb(0 0 0 / 2.5%);
	-o-box-shadow: 5px 5px 1px rgba(0 0 0 / 2.5%);
	box-shadow: 5px 5px 1px rgb(0 0 0 / 2.5%)
}
.about_honor .honor-list li .pic img.npic {
	max-height: 100%;
	max-width: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
	margin: auto
}
.about_honor .honor-list li .pic .des {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 1.6;
	padding: 20px 20px 10px;
	text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.6);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	opacity: 0;
	filter: alpha(opacity=0)
}
.about_honor .honor-list li .pic .des span {
	display: block
}
.about_honor .honor-list li:hover .pic .des {
	opacity: 1;
	filter: alpha(opacity=100)
}
.about_honor .honor-list li h2.title {
	font-size: 16px;
	font-weight: 500;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	padding: 15px 0
}
.about_honor .honor-list li .pro-xj .xmore {
	display: inline-block;
	padding: 9px 20px;
	border-radius: 50px;
	border: 1px #c2c2c2 solid;
	color: #666;
	margin-right: 5px
}
.about_honor .honor-list li .pro-xj .xmore:hover {
	background: #e4500d;
	border: 1px #e4500d solid;
	color: #fff
}
.about_honor .honor-list li .pro-xj .xmore i {
	font-size: 20px;
	margin-right: 0;
	margin-left: 10px
}
.arrow-wrap {
	text-align: center;
	color: #999;
	padding-top: 30px;
	user-select: none
}
.arrow-wrap .curpage {
	font-size: 18px;
	padding: 0 20px;
	margin-top: -40px;
	vertical-align: middle
}
.arrow-wrap .iconfont {
	margin-right: 0;
	font-size: 20px
}
.arrow-wrap .inline-block {
	display: inline-block
}
.arrow-wrap .curc, .arrow-wrap .curh {
	color: #EA5413
}
.arrow-wrap .arrow {
	width: 60px;
	cursor: pointer;
	height: 60px;
	border: 1px solid #999;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	margin: 0 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%
}
.arrow-wrap .arrow.arrow-left i {
	background: url(../images/icon_arrow_l.png) no-repeat;
	display: block;
	width: 13px;
	height: 24px;
	margin: 17px 21px
}
.arrow-wrap .arrow.arrow-right i {
	background: url(../images/icon_arrow_r.png) no-repeat;
	display: block;
	width: 13px;
	height: 24px;
	margin: 17px 24px
}
.arrow-wrap .arrow.arrow-left:hover {
	background: #FCBF62;
	border: 0;
	color: #fff;
	background: linear-gradient(60deg, #FCBF62 0%, #FA4E10 100%)
}
.arrow-wrap .arrow.arrow-right:hover {
	background: #FCBF62;
	border: 0;
	color: #fff;
	background: linear-gradient(150deg, #FA4E10 0%, #FCBF62 100%)
}
.arrow-wrap .arrow.arrow-left:hover i {
	background: url(../images/icon_arrow_l_h.png) no-repeat;
	margin: 17px 21px
}
.arrow-wrap .arrow.arrow-right:hover i {
	background: url(../images/icon_arrow_r_h.png) no-repeat;
	margin: 17px 24px
}
.arrow-wrap .arrow.arrow-disable, .arrow-wrap .arrow.arrow-disable:hover {
	cursor: not-allowed;
	color: #fff;
	background: #f1f1f1
}
.contact_wrapper {
	width: 100%
}
.contact_wrapper .banner_block {
	background: url('../images/banner_contact.png');
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
	background-position: center 0
}
.contact_wrapper .content_block {
	padding-top: 60px
}
.contact_wrapper .content_block .contact_us {
	width: 100%;
	padding-left: 100px;
	margin-bottom: 50px;
	position: relative;
	box-sizing: border-box;
	background: #fff url('../images/contact_bg.png') 0 0 no-repeat;
	background-size: 100px 100%;
	-moz-box-shadow: 0 0 8px rgba(9, 8, 9, 0.1);
	-webkit-box-shadow: 0 0 8px rgba(9, 8, 9, 0.1);
	box-shadow: 0 0 8px rgba(9, 8, 9, 0.1)
}
.contact_wrapper .content_block .contact_us ul.tit {
	background: #f6f6f6
}
.contact_wrapper .content_block .contact_us ul.tit li {
	padding: 25px;
	font-size: 18px;
	color: #333
}
.contact_wrapper .content_block .contact_us ul {
	width: 100%;
	list-style: none;
	display: table
}
.contact_wrapper .content_block .contact_us ul li {
	display: table-cell;
	width: 33.33%;
	height: 40px;
	padding: 40px 25px;
	vertical-align: middle;
	text-align: center;
	position: relative;
	font-size: 14px
}
.contact_wrapper .content_block .contact_us ul li p {
	position: relative;
	cursor: pointer;
	color: #000;
	font-size: 14px
}
.contact_wrapper .content_block .contact_us ul li p img {
	width: 10px;
	height: 6px;
	position: relative;
	top: -2px;
	left: 4px
}
.contact_wrapper .content_block .contact_us ul li .sel_list {
	display: none;
	position: absolute;
	z-index: 100;
	width: 230px;
	padding: 15px;
	left: 50%;
	top: 50%;
	margin-top: 20px;
	margin-left: -110px;
	box-sizing: border-box;
	-moz-box-shadow: 0 0 8px rgba(9, 8, 9, 0.1);
	-webkit-box-shadow: 0 0 8px rgba(9, 8, 9, 0.1);
	box-shadow: 0 0 8px rgba(9, 8, 9, 0.1);
	background: #fff
}
.contact_wrapper .content_block .contact_us ul li .sel_list .sel_compy {
	line-height: 30px;
	cursor: pointer;
	font-size: 14px;
	color: #000
}
.contact_wrapper .content_block .contact_us ul .com_add div, .contact_wrapper .content_block .contact_us ul .com_tel div {
	display: none
}
.contact_wrapper .content_block .contact_us span {
	display: inline-block;
	width: 45px;
	height: 100px;
	position: absolute;
	left: 27.5px;
	top: 50%;
	margin-top: -50px;
	text-align: center;
	font-size: 20px;
	color: #fff
}
.contact_wrapper .content_block .contact_us span img {
	width: 46px
}
.contact_wrapper .content_block .contact_us span p {
	width: 100%;
	letter-spacing: 2px
}
.contact_wrapper .content_block .map_wrap {
	width: 100%;
	height: 560px
}
.contact_wrapper .content_block .map_wrap #allmap {
	width: 100%;
	height: 100%
}
.contact_wrapper .content_block .map_wrap #allmap .BMapLabel {
	position: relative
}
.contact_wrapper .content_block .map_wrap #allmap .BMapLabel:after {
	content: '';
	width: 10px;
	height: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #fff;
	position: relative;
	top: 28px;
	left: -38px;
	right: 0;
	margin: 0 auto
}
.hwpro_wrapper .banner_block {
	background: url('../images/banner_pro.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
    background-size: contain;
	background-position: center 0
	position: relative;
}
.channel_content.pro_list {
	

}
.sortbar {
	float: left;
	width: 15%;
	display: inherit;
	margin-right: 2%;
}
.sortbar .sort_tit {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	height: 3em;


	line-height: 2em;
	background: rgba(1,120,54,1);
	line-height: 3;
	padding-left: 1em;
}
.accordion {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	background: #f5f5f5;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
 }
.accordion :hover{
background-color:  rgba(0,0,0,0.07); transition:  all  0.3s  ease; 

 }
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 12px 15px;
	color: #4D4D4D;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	border-bottom: 1px solid #ddd;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li:last-child .link {
	border-bottom: 0;
}
.accordion li i {
	position: absolute;
	top: 12px;
    left: 37px;
	font-size: 16px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}
.accordion li.open .link {
	color: #ff7200;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.submenu {
 	display: none;
 	background: #fff;
 	font-size: 14px;
}
.submenu li {
	position: relative;
 	border-bottom: 1px solid #eee;
}
.submenu a {
 	display: block;
 	text-decoration: none;
	font-size: 15px;
 	color: #333;
 	padding: 12px 12px 11px;
 	padding-left: 60px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
}
.submenu a:hover {
 	background: #efefef;
 	color: #111;
}
.submenu a.cur {
 	color: #ff7200;
	font-weight: 600;
}

.hwpro {
	width: 83%; margin:0 auto; padding:0;
    min-height: 680px; 
}
.hwpro .rect-100 {
	padding-bottom: 100%
}
.hwpro .item {
	float: left;
	width: 31%;
	margin: 1%;
	background: #fff;
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	-moz-box-shadow: 4px 4px 1px rgb(0 0 0 / 1%);
	-webkit-box-shadow: 4px 4px 1px rgb(0 0 0 / 1%);
	box-shadow: 4px 4px 1px rgb(0 0 0 / 1%)
}
.hwpro .item.animated:nth-child(1) {
	animation-delay: 0.1s
}
.hwpro .item.animated:nth-child(2) {
	animation-delay: 0.2s
}
.hwpro .item.animated:nth-child(3) {
	animation-delay: 0.3s
}
.hwpro .item.animated:nth-child(4) {
	animation-delay: 0.4s
}
.hwpro .item.animated:nth-child(5) {
	animation-delay: 0.5s
}
.hwpro .item.animated:nth-child(6) {
	animation-delay: 0.6s
}
.hwpro .item.animated:nth-child(7) {
	animation-delay: 0.7s
}
.hwpro .item.animated:nth-child(8) {
	animation-delay: 0.8s
}
.hwpro .item.animated:nth-child(9) {
	animation-delay: 0.9s
}
.hwpro .item.animated:nth-child(10) {
	animation-delay: 1.0s
}
.hwpro .item.animated:nth-child(11) {
	animation-delay: 1.1s
}
.hwpro .item.animated:nth-child(12) {
	animation-delay: 1.2s
}
.hwpro .item.animated:nth-child(13) {
	animation-delay: 1.3s
}
.hwpro .item.animated:nth-child(14) {
	animation-delay: 1.4s
}
.hwpro .item.animated:nth-child(15) {
	animation-delay: 1.5s
}
.hwpro .item.animated:nth-child(16) {
	animation-delay: 1.6s
}
.hwpro .item.animated:nth-child(17) {
	animation-delay: 1.7s
}
.hwpro .item.animated:nth-child(18) {
	animation-delay: 1.8s
}
.hwpro .item.animated:nth-child(19) {
	animation-delay: 1.9s
}
.hwpro .item.animated:nth-child(20) {
	animation-delay: 2.0s
}
.hwpro .item:nth-child(3n) {
	margin-right: 0
}
.hwpro .item:hover {
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s linear 0s;
	-webkit-box-shadow: 0 0 10px 5px rgb(85, 85, 85, 0.1);
	-moz-box-shadow: 0 0 10px 5px rgba(85, 85, 85, 0.1);
	-ms-box-shadow: 0 0 10px 5px rgba(85, 85, 85, 0.1);
	-o-box-shadow: 0 0 10px 5px rgba(85, 85, 85, 0.1);
	box-shadow: 0 0 10px 5px rgb(85, 85, 85, 0.1)
}
.hwpro .item .box {
	text-align: center;
	padding: 1%
}
.hwpro .item .box img.probg {
	width: 80%;
	margin: 0 auto;
	opacity: 0;
	filter: alpha(opacity=0);
	padding-top: 10%;
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s ease-in-out
}
.hwpro .item:hover .box img.probg {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.hwpro .item .box em.new {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/newsale.png) no-repeat;
	background-size: 100%;
}
.hwpro .item .box em.hot {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 80px;
	height: 80px;
	background: url(../images/hotsale.png) no-repeat;
	background-size: 100%;
	z-index: 9;
}
.hwpro .item .infor .tit {
	text-align: center; padding-top:1em; 
}
.hwpro .item .infor .tit span.t {
	font-family: 'Din-Medium', 'Hurgeosans', 'Roboto', 'PingFang SC', 'Microsoft JhengHei', 'Microsoft Yahei';
	font-size: 17px;
	font-weight: 500; overflow:hidden;
	color: #111; white-space: pre; height:1em; 
}
.hwpro .item .infor .con {
	display: none;
	width: 90%;
	margin: 20px auto 25px
}
.hwpro .item .infor .con ul li {
	position: relative;
	float: left;
	width: 33.3333%;
	font-size: 14px;
	color: #222;
	padding: 0;
}
.hwpro .item .infor .con ul li:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #dcdcdc;
	left: 0;
	top: 0
}
.hwpro .item .infor .con ul li:first-child:after {
	width: 0
}
.hwpro .item .infor .con ul li .t {}
.hwpro .item .infor .con ul li .c {
	font-size: 14px;
	margin-top: 3px
}
.hwpro .item .infor .text {
	color: #666;
	font-size: 13px;
	line-height: 1.6;
	padding: 10px 0
}
.hwpro .item .img {
	display: none
}
.hwpro .item .owl-item .img {
	display: block
}
.hwpro .item .owl-nav > div {
	position: absolute;
	font-size: 28px;
	top: 45%;
	color: #fff
}
.hwpro .item .owl-nav .owl-prev {
	left: 0
}
.hwpro .item .owl-nav .owl-next {
	right: 0
}
.hwpro .item .infor .probtn {
    width: 86%;
    height: 60px;
    padding-top: 5px;
    margin: 0 auto;
}
.hwpro .item .infor .probtn a.more {
    float: left;
    display: block;
    width: 46%;
	height: 42px;
	line-height: 40px;
	color: #222;
	font-size: 15px;
	border: 1px solid #aaa;
	position: relative;
	padding: 0 6px 0 15px;
    margin: 0 2%;
}
.hwpro .item .infor .probtn a.more:last-child {
    margin-right: 0;
}
.hwpro .item .infor .probtn a.more.on {
	background: url(../images/pro_detail.jpg) no-repeat center;
	border-color: transparent;
	color: #fff;
	text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2)
}
.hwpro .item .infor .probtn .common_btn {
	position: relative;
	overflow: hidden;
	line-height: 32px;
	cursor: pointer
}
.hwpro .item .infor .probtn .common_btn > span {
	display: inline-block;
	vertical-align: middle;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform .5s, opacity .5s;
	transition: transform .3s, opacity .3s;
	-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
	transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}
.hwpro .item .infor .probtn .common_btn::before {
	content: attr(c-text);
	position: absolute;
	top: 1px;
	left: 0;
	width: 80%;
	height: 100%;
	-webkit-transition: -webkit-transform .5s, opacity .3s;
	transition: transform .5s, opacity .3s;
	-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
	transition-timing-function: cubic-bezier(.75, 0, .125, 1);
	display: none\0
}
.hwpro .item .infor .probtn .common_btn:hover .iconfont {
	color: #fff
}
.hwpro .item .infor .probtn .common_btn:hover::before {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
.hwpro .item .infor .probtn .common_btn:hover > span {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	display: inline-block;
	text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2)
}
.hwpro .item .infor .probtn .common_btn > span.sep {
	width: 5px;
	height: 5px;
	display: inline-block
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(1) {
	-webkit-transition-delay: 45ms;
	transition-delay: 45ms
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(2) {
	-webkit-transition-delay: .09s;
	transition-delay: .09s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(3) {
	-webkit-transition-delay: .135s;
	transition-delay: .135s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(4) {
	-webkit-transition-delay: .18s;
	transition-delay: .18s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(5) {
	-webkit-transition-delay: .225s;
	transition-delay: .225s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(6) {
	-webkit-transition-delay: .27s;
	transition-delay: .27s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(7) {
	-webkit-transition-delay: .315s;
	transition-delay: .315s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(8) {
	-webkit-transition-delay: .36s;
	transition-delay: .36s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(9) {
	-webkit-transition-delay: .405s;
	transition-delay: .405s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(10) {
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(11) {
	-webkit-transition-delay: .495s;
	transition-delay: .495s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(12) {
	-webkit-transition-delay: .54s;
	transition-delay: .54s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(13) {
	-webkit-transition-delay: .585s;
	transition-delay: .585s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(14) {
	-webkit-transition-delay: .63s;
	transition-delay: .63s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(15) {
	-webkit-transition-delay: .675s;
	transition-delay: .675s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(16) {
	-webkit-transition-delay: .72s;
	transition-delay: .72s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(17) {
	-webkit-transition-delay: .765s;
	transition-delay: .765s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(18) {
	-webkit-transition-delay: .81s;
	transition-delay: .81s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(19) {
	-webkit-transition-delay: .855s;
	transition-delay: .855s
}
.hwpro .item .infor .probtn .common_btn:hover > span:nth-child(20) {
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}
.hwpro .item .infor .probtn .common_btn.static_btn:hover {
	background: none
}
.hwpro .item .infor .probtn .common_btn.static_btn > span {
	color: #fff
}
.hwpro .item .infor .probtn .common_btn.static_btn::before {
	left: 0
}
.hwpro .item-s {
	width: 9%;
	float: left;
	margin-right: 1.1%;
	background: #fff;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.hwpro .item-s:nth-child(10n) {
	margin-right: 0;
}
.hwpro .item-s:hover {
}
.hwpro .item-s .box {
	text-align: center;
	padding: 5.36%
}
.hwpro .item-s .box img.probg {
	width: 83%;
	margin: 0 auto;
	opacity: 0;
	filter: alpha(opacity=0);
	padding-top: 10%;
	transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s ease-in-out
}
.hwpro .item-s:hover .box img.probg {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.hwpro .item-s .box em.new {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/newsale.png) no-repeat;
	background-size: 100%;
}
.hwpro .item-s .box em.hot {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/hotsale.png) no-repeat;
	background-size: 100%;
	z-index: 9;
}
.hwpro .item-s .infor .tit {
	text-align: center
}
.hwpro .item-s .infor .tit span.t {
	font-family: 'Din-Medium', 'Hurgeosans', 'Roboto', 'PingFang SC', 'Microsoft JhengHei', 'Microsoft Yahei';
	font-size: 18px;
	font-weight: 500;
	color: #111;
}
.hwpro .item-s .infor .con {
	width: 90%;
	margin: 20px auto 25px
}
.hwpro .item-s .infor .con ul li {
	position: relative;
	float: left;
	width: 33.3333%;
	font-size: 15px;
	color: #222;
	padding: 0;
}
.hwpro .item-s .infor .con ul li:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #dcdcdc;
	left: 0;
	top: 0
}
.hwpro .item-s .infor .con ul li:first-child:after {
	width: 0
}
.hwpro .item-s .infor .con ul li .t {}
.hwpro .item-s .infor .con ul li .c {
	font-size: 14px;
	margin-top: 3px
}
.hwpro .item-s .infor .text {
	color: #666;
	font-size: 14px;
	line-height: 1.7;
	padding: 10px 0
}
.hwpro .item-s .img {
	display: none
}
.hwpro .item-s .owl-item .img {
	display: block
}
.hwpro .item-s .owl-nav > div {
	position: absolute;
	font-size: 28px;
	top: 45%;
	color: #fff
}
.hwpro .item-s .owl-nav .owl-prev {
	left: 0
}
.hwpro .item-s .owl-nav .owl-next {
	right: 0
}




.pro_detail.channel_content {
	padding: 50px 0;
	background: #f8f8f8
}
.pro_detail .mbx {
	padding: 30px 0;
	font-size: 18px;
	color: #666;
	line-height: 30px
}
.pro_detail .content {
	position: relative
}
.pro_detail .left {
	float: left;
	width: 43%;
	position: relative
}
.pro_detail .rect-67 {
	padding-bottom: 66.6667%
}
.pro_detail .left .content_box  {
	border: 1px solid #eee;
	box-sizing: border-box;
	-moz-box-sizing: border-box
}
.pro_detail .left .item {
	display: none
}
.pro_detail .left .owl-item .item {
	display: block;
	overflow: hidden
}
.pro_detail .left .owl-item .item img {
	cursor: pointer
}
.pro_detail .left .owl-nav > div {
	position: absolute;
	font-size: 25px;
	color: #a3a3a3;
	font-weight: bold
}
.pro_detail .left .owl-nav > div:hover {
	color: #ff7200
}
.pro_detail .left .owl-nav .owl-prev {
	left: 2%;
	top: 50%;
	margin-top: -22px
}
.pro_detail .left .owl-nav .owl-next {
	right: 2%;
	top: 50%;
	margin-top: -22px
}
.pro_detail .left .infor {
	background: #fff;
    height: 205px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	-moz-box-shadow: 3px 3px 1px rgb(0 0 0 / 1%);
    -webkit-box-shadow: 3px 3px 1px rgb(0 0 0 / 1%);
    box-shadow: 3px 3px 1px rgb(0 0 0 / 1%);
}
.pro_detail .left .infor .box {
	padding: 30px 0
}
.pro_detail .left .infor .tit {
	text-align: center;
	padding-bottom: 15px;
	margin: 0 35px;
	border-bottom: 1px solid #eaeaea
}

.pro_detail .left .infor .tit span.b {
	float: right;
	font-size: 15px;
	color: #666;
	cursor: pointer;
	border: 1px solid #ccc;
	padding: 5px 12px 3px 5px;
    margin-top: 8px;
}
.pro_detail .left .infor .tit span.b i {
	color: #ff7200;
}
.pro_detail .left .infor .con {
	width: 100%;
	margin: 20px auto 25px
}
.pro_detail .left .infor .con ul li {
	position: relative;
	float: left;
	width: 33.3333%;
	font-size: 16px;
    text-align: center;
	color: #222;
	padding: 0;
}
.pro_detail .left .infor .con ul li:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #dcdcdc;
	left: 0;
	top: 0
}
.pro_detail .left .infor .con ul li:first-child:after {
	width: 0
}
.pro_detail .left .infor .con ul li .t {
	font-weight: bold
}
.pro_detail .left .infor .con ul li .c {
	font-size: 15px;
	margin-top: 5px
}
.pro_detail .left .infor .box .tool {
	float: left;
	width: 70%;
	height: 50px;
	margin: 40px 0 6px
}
.pro_detail .left .infor .tit span.t {
	font-family: 'Din-Medium', 'Hurgeosans', 'Roboto', 'PingFang SC', 'Microsoft JhengHei', 'Microsoft Yahei';
	font-size: 32px;
	font-weight: 600;
	color: #FF7200;
}
.pro_detail .left .infor .box .tool ul li {
	float: left;
	width: 33%;
	list-style: none
}
.pro_detail .left .infor .con {
	font-size: 20px;
	color: #4c4c4c;
	margin: 30px 0
}
.pro_detail .left .infor .con span {
	font-weight: bold
}
.pro_detail .left .infor .tool span {
	font-size: 16px;
	color: #777;
	line-height: 30px;
	display: inline-block;
	position: relative;
	padding-left: 30px
}
.pro_detail .left .infor .tool span i {
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 0;
	width: 24px;
	height: 24px;
	background: url(../images/pro_detail_3.png) no-repeat
}
.pro_detail .left .infor .tool span.i2 {
	cursor: pointer
}
.pro_detail .left .infor .tool span.i1 i {
	background-position: 3px -3px
}
.pro_detail .left .infor .tool span.i2 i {
	background-position: -23px -2px
}
.pro_detail .left .infor .tool span.i3 i {
	background-position: -46px -1px
}
.pro_detail .left .infor .enquiry {
	float: right;
	width: 25%;
	height: 50px;
	margin: 25px 0 6px
}
.pro_detail .left .infor .enquiry a.more {
	display: block;
	background: url(../images/pro_detail.jpg) no-repeat center;
	font-size: 18px;
	padding: 0 20px 0 25px;
	color: #fff;
	line-height: 50px
}
.pro_detail .left .infor .enquiry a.more.common_btn > span {
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform .5s, opacity .5s;
	transition: transform .3s, opacity .3s;
	-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
	transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}
.pro_detail .left .infor .enquiry a.more.common_btn::before {
	content: attr(c-text);
	position: absolute;
	-webkit-transition: -webkit-transform .5s, opacity .3s;
	transition: transform .5s, opacity .3s;
	-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
	transition-timing-function: cubic-bezier(.75, 0, .125, 1);
	display: none\0
}
.pro_detail .left .infor .enquiry a.more.common_btn:hover .iconfont {
	color: #fff
}
.pro_detail .left .infor .enquiry a.more.common_btn:hover::before {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
.pro_detail .left .infor .enquiry a.more.common_btn:hover > span {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	display: inline-block
}
.pro_detail .left .infor .enquiry a.more.common_btn:hover > span:nth-child(1) {
	-webkit-transition-delay: 45ms;
	transition-delay: 45ms
}
.pro_detail .left .infor .enquiry a.more.common_btn:hover > span:nth-child(2) {
	-webkit-transition-delay: .09s;
	transition-delay: .09s
}
.pro_detail .left .infor .enquiry a.more.common_btn:hover > span:nth-child(3) {
	-webkit-transition-delay: .135s;
	transition-delay: .135s
}
.pro_detail .left .infor .enquiry a.more.common_btn:hover > span:nth-child(4) {
	-webkit-transition-delay: .18s;
	transition-delay: .18s
}
.pro_detail .left .infor .enquiry a.more.pro_detail .left .infor .tit {
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #dfdfdf
}
.pro_detail .right .rect-61 {
	padding-bottom: 61%
}
.pro_detail .right {
	width: 54%;
	float: right
}
.pro_detail .right .pro_hd .tit {
	font-family: 'Din-Medium', 'Hurgeosans', 'Roboto', 'PingFang SC', 'Microsoft JhengHei', 'Microsoft Yahei';
	font-size: 30px;
	color: #232323;
	font-weight: bold;
	background: url(../images/pro_detail_4.png) no-repeat left center;
	padding-left: 35px;
	margin-bottom: 25px
}
.pro_detail .right .pro_hd .con {
	font-size: 16px;
	line-height: 1.9;
	color: #111;
	margin-bottom: 20px
}
.pro_detail .right .pro_hd .con ol.list-paddingleft-2 {
	margin-left: 1em;
}
.pro_detail .right .pro_hd .con table {
	width: 100%;
	border: 1px solid #ddd
}
.pro_detail .right .pro_hd .con table tr:nth-child(odd) {
	background: #f8f6f6
}
.pro_detail .right .pro_hd .con table tr:nth-child(even) {
	background: #fff
}
.pro_detail .right .pro_hd .con table tr td {
	font-size: 15px;
	padding: 10px 15px 7px;
	border: 1px solid #ccc
}
.pro_detail .right .pro_hd .con .t {
	font-size: 23px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px
}
.pro_detail .right .pro_hd .con .tips {
    /* width: 100%; */
    /* height: 60px; */
	font-size: 14px;
	margin: 50px auto 10px;
    padding: 9px 12px 6px;
    border: 2px solid #ff7200;
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.pro_detail .right .pro_hd .con .tips:before, 
.pro_detail .right .pro_hd .con .tips:after {
	content: "";
	display: block;
	border-width: 10px;
	position: absolute;
	top: -20px;
	left: 50px;
	border-style: solid dashed dashed solid;
	border-color: transparent transparent #ff7200 transparent;
	font-size: 0;
	line-height: 0;
}
.pro_detail .right .pro_hd .con .tips:after {
	top: -17px;
	border-color: transparent transparent #FFF transparent;
}
.pro_detail .right .pro_hd .con .tips a {
	color: #ff7200;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.3px;
	border-bottom: 1px solid #ff7200;
	padding-bottom: 1px;
	margin-left: 5px;
}
.pro_detail .right .pro_hd .tit .tab_t {
	float: right
}
.pro_detail .right .pro_hd .tit .tab_t > div {
	float: left;
	border: 1px solid #c9c9c9;
	font-size: 14px;
	color: #262626;
	font-weight: normal;
	padding: 5px 25px;
	cursor: pointer
}
.pro_detail .right .pro_hd .tit .tab_t .img {
	margin-right: 20px
}
.pro_detail .right .pro_hd .tit .tab_t > div.cur {
	background: url(../images/pro_detail_2.jpg) no-repeat center;
	color: #fff
}
.pro_detail .right .pro_hd .con .list {
	display: none
}
.pro_detail .right .pro_hd .con .list li {
	float: left;
	width: 49%;
	margin-bottom: 2%;
	cursor: pointer
}
.pro_detail .right .pro_hd .con .list li.two_li {
	margin-left: 2%
}
.pro_detail .right .pro_hd .con .list .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0
}
.pro_detail .right .pro_hd .con .list .box {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0
}
.pro_detail .right .pro_hd .con .list .box .t {
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: normal
}

.banner_gcal_wrapper .banner_block {
	position: relative;
	background: url('../images/banner_gcal.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 0
}
.news_wrapper .banner_block {
	position: relative;
	background: url('../images/banner_news.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 0
}
.case_wrapper .banner_block {
	position: relative;
	background: url('../images/banner_case.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 0
}
.case_list.channel_content {
	min-height: 360px;
	background: #f4f4f4;
	padding: 55px 0 35px
}
.case_box .hd {
	margin-bottom: 65px
}
.case_box .hd .box {
	padding: 31px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.case_box .hd .box .hd_tit {
	font-size: 26px;
	height: 56px;
	line-height: 56px;
	margin-right: 4%;
	text-transform: uppercase
}
.case_box .hd .box .sele_wrap, .case_box .hd .box .inp_box_wrap {
	width: 24%;
	margin-right: 2%;
	float: left
}
.case_box .hd .box .sele_wrap select, .case_box .select-ui-choose-default, .case_box .hd .box .inp_box {
	display: block;
	width: 100%;
	height: 56px;
	line-height: 56px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #555;
	text-indent: 10px;
	background: #f8f8f8;
	border-color: #f8f8f8
}
.case_box .hd .box input.inp_box {
	outline: none;
	border: 1px solid #f8f8f8
}
.case_box .hd .box .hd_btn {
	width: 100px;
	border-radius: 10px;
	background: #ff7200;
	text-align: center;
	font-size: 15px;
	color: #fff;
	height: 56px;
	line-height: 56px;
	outline: none;
	cursor: pointer;
	border: none;
	transition: .5s ease;
	font-size: 0
}
.case_box .hd .box .hd_btn .icon {
	display: inline-block;
	width: 23px;
	height: 22px;
	background: url(../images/job_list_2.png) no-repeat center;
	vertical-align: middle
}
.case_box .hd .box .hd_btn:hover {
	background: #be4e1b
}
.case_box .select-ui-choose-default ._arrow .arr {
	border-color: #b5b5b5 transparent transparent
}
.case_box .select-ui-choose-default.on ._arrow .arr {
	border-color: transparent transparent #b5b5b5
}
.case_box ul li {
	float: left;
	width: 31.6667%;
	margin-right: 2.5%;
	background: #fff;
	transition: .5s ease;
	margin-bottom: 40px;
	-moz-box-shadow: 4px 4px 1px rgb(0 0 0 / 2%);
	-webkit-box-shadow: 4px 4px 1px rgb(0 0 0 / 2%);
	box-shadow: 4px 4px 1px rgb(0 0 0 / 2%)
}
.case_box ul li:nth-child(3n) {
	margin-right: 0
}
.case_box ul li.animated:nth-child(1) {
	animation-delay: 0.2s
}
.case_box ul li.animated:nth-child(2) {
	animation-delay: 0.4s
}
.case_box ul li.animated:nth-child(3) {
	animation-delay: 0.6s
}
.case_box ul li.animated:nth-child(4) {
	animation-delay: 0.8s
}
.case_box ul li.animated:nth-child(5) {
	animation-delay: 1.0s
}
.case_box ul li.animated:nth-child(6) {
	animation-delay: 1.2s
}
.case_box ul li.animated:nth-child(7) {
	animation-delay: 1.4s
}
.case_box ul li.animated:nth-child(8) {
	animation-delay: 1.6s
}
.case_box ul li.animated:nth-child(9) {
	animation-delay: 1.8s
}
.case_box ul li.animated:nth-child(10) {
	animation-delay: 2.0s
}
.case_box ul li.animated:nth-child(11) {
	animation-delay: 2.2s
}
.case_box ul li.animated:nth-child(12) {
	animation-delay: 2.4s
}
.case_box ul li.animated:nth-child(13) {
	animation-delay: 2.6s
}
.case_box ul li.animated:nth-child(14) {
	animation-delay: 2.8s
}
.case_box ul li.animated:nth-child(15) {
	animation-delay: 3.0s
}
.case_box ul .rect-66 {
	padding-bottom: 66.6667%
}
.case_box ul .rect-32 {
	padding-bottom: 32%
}
.case_box ul li .intro .box {
	padding: 20px 25px
}
.case_box ul li .intro .box .con {
	color: #010101;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.case_box ul li .intro .box .tit {
	font-size: 18px;
	line-height: 1.5;
	height: 60px;
	color: #111;
	overflow: hidden;
	margin: 0 0 15px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.case_box ul li .intro .box .date {
	font-size: 14px;
	line-height: 20px;
	color: #a1a0a1;
	position: absolute;
	left: 25px;
	bottom: 25px
}
.case_box ul li .intro .box .icon {
	width: 23px;
	height: 23px;
	background: url(../images/case_box_icon1.png) no-repeat center;
	transition: .3s ease;
	position: absolute;
	right: 23px;
	bottom: 23px;
	cursor: pointer
}
.case_box ul li:hover .intro .box .icon {
	background: url(../images/case_box_icon2.png) no-repeat center
}
.case_box ul li:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
}
.case_box ul li.noimg .img {
	background: #ff7200;
	position: relative
}
.case_box ul li.noimg .img:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: -21px;
	left: 6%;
	border-top: 11px solid #ff7200;
	border-left: 11px solid #ff7200;
	border-bottom: 11px solid transparent;
	border-right: 11px solid transparent
}
.case_box ul li.noimg .img .box {
	padding: 50px 30px
}
.case_box ul li.noimg .img .box .t {
	font-size: 26px;
	line-height: 40px;
	height: 80px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.case_detail.channel_content {
	padding: 0
}
.case_detailBox .myart .wrap {
	margin: 50px auto 60px;
}
.case_detailBox .news_detail_top .detail_content {
	text-align: center;
	background: #f4f4f4;
    padding: 40px 0;
}
.case_detailBox .news_detail_top .iconfont {
	color: #676767
}
.case_detailBox .news_detail_top ._title {
	font-size: 32px;
	line-height: 1;
	color: #000;
	text-transform: uppercase
}
.case_detailBox .news_detail_top ._tools {
	font-size: 0;
	color: #7e7e7e;
	margin-bottom: 15px
}
.case_detailBox .news_detail_top ._tools ._tool {
	font-size: 14px;
	margin-right: 10px;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	overflow: hidden;
	color: #b4b4b4
}
.case_detailBox .news_detail_top ._tools .iconfont {
	font-size: 18px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	vertical-align: -2px;
	color: #b4b4b4
}
.case_detailBox .news_detail_top ._tools b {
	font-weight: normal
}
.case_detailBox .news_detail_top ._tools #switcher {
	margin-left: 10px;
	line-height: 41px
}
.case_detailBox .news_detail_top ._tools #switcher .tit {
	margin-right: 5px;
	font-size: 14px;
	color: #b4b4b4
}
.case_detailBox .news_detail_top ._tools #switcher a {
	font-size: 14px;
	margin: 0 1px
}
.case_detailBox .news_detail_top ._tools .share_btn {
	float: none;
	background: none;
	padding: 0;
	color: #b4b4b4;
	display: inline-block;
	margin-left: 5px
}
.case_detailBox .news_detail_top .myart {
	padding: 30px 2.5%;
	line-height: 2;
	min-height: 200px;
	font-size: 13px;
	color: #555
}
.case_detailBox .news_detail_top .back_list .btn_nav {
	font-size: 18px;
	font-weight: bold;
	color: #525252
}
.case_detailBox .news_detail_top .back_list i.iconfont {
	height: auto;
	margin: 0;
	font-size: 20px;
	line-height: 42px;
	text-align: center;
	color: #da2d27;
	vertical-align: middle;
	margin-right: 5px
}
.case_detailBox .news_detail_bott .page_info {
	padding-bottom: 60px;
	border-top: 1px solid #e4e4e4
}
.case_detailBox .news_detail_bott .page_info_btn {
	display: block;
	border-bottom: 1px solid #e4e4e4;
	height: 60px
}
.case_detailBox .news_detail_bott .page_info_btn i {
	font-size: 15px;
	margin-right: 10px
}
.case_detailBox .news_detail_bott .page_info .b_text {
	width: 9%;
	height: 60px;
	font-size: 16px;
	color: #b4b4b4;
	text-align: center;
	line-height: 60px
}
.case_detailBox .news_detail_bott .page_info .news_date {
	width: 12%;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color: #7b7b7b;
	text-align: center
}
.case_detailBox .news_detail_bott .page_info .news_tit {
	width: 75%;
	height: 60px;
	margin-left: 2%;
	font-size: 18px;
	color: #333;
	line-height: 60px
}
.case_detailBox .news_detail_bott .page_info_btn:hover .b_text {
	background: #da2d27;
	color: #fff
}
.news_list {
	background: #ffffff;
	padding: 50px 0 30px
}
.news_box .rect-6667 {
	padding-bottom: 66.6667%
}
.news_box ul {
	position: relative
}
.news_box ul:after {
	content: '';
	background: #bcbcbc;
	position: absolute;
	top: 0;
	left: 13.5%;
	height: 100%;
	width: 1px;
	z-index: 3
}
.news_box ul .item {
	height: 205px;
	margin-bottom: 25px
}
.news_box ul .item .item_l {
	width: 20%;
	float: left;
	position: relative;
	height: 100%
}
.news_box ul .item .item_l:after {
	content: '';
	position: absolute;
	top: 0;
	right: 90px;
	width: 0;
	height: 206px;
	background: #ff7200;
	transition: all .5s ease;
	-webkit-transition: all .5s ease
}
.news_box ul .item .item_r {
	width: 80%;
	float: left;
	height: 100%;
	background: #fafafa;
	position: relative;
	-moz-box-shadow: 4px 4px 1px rgb(0 0 0 / 2%);
	-webkit-box-shadow: 4px 4px 1px rgb(0 0 0 / 2%);
	box-shadow: 4px 4px 1px rgb(0 0 0 / 2%)
}
.news_box ul .item .item_r:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: #fafafa;
	height: 100%;
	width: 0;
	transition: all .5s ease;
	-webkit-transition: all .5s ease
}
.news_box ul .item .item_l .time {
	font-family: 'Din-Medium', 'Hurgeosans';
	font-size: 16px;
	width: 65%;
	float: left;
	line-height: 1;
	text-align: center;
	position: absolute;
	height: 64px;
	top: 50%;
	margin-top: -32px;
	color: #ff7200;
	z-index: 5
}
.news_box ul .item .item_l .time .d {
	font-size: 52px;
	margin-bottom: 3px
}
.news_box ul .item .item_l .time:after {
	content: '';
	background: #bcbcbc;
	position: absolute;
	width: 46px;
	height: 1px;
	top: 50%;
	right: -53px;
	transition: all .5s ease;
	-webkit-transition: all .5s ease
}
.news_box ul .item .item_r .box {
	padding: 30px 40px
}
.news_box ul .item .item_r .intro_box {
	width: 75%;
	float: left
}
.news_box ul .item .item_r .intro_box .tit {
	font-size: 22px;
	font-weight: 600;
	color: #121212;
	line-height: 30px;
	margin-bottom: 20px
}
.news_box ul .item .item_r .intro_box .tit a {
	display: block
}
.news_box ul .item .item_r .intro_box .con {
	font-size: 15px;
	color: #666;
	height: 60px;
	line-height: 1.9;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.news_box ul .item .item_r .img_box {
	float: right;
	width: 20.2%
}
.news_box ul .item .item_r .intro_box .list_tool {
	margin-bottom: 10px;
	color: #c9c9c9;
	font-size: 14px
}
.news_box ul .item .item_r .intro_box .list_tool .share_more {
	margin-left: 10px;
	vertical-align: middle
}
.news_box ul .item .item_r .intro_box .list_tool .time {
	margin-left: 10px
}
.news_box ul .item.hover {
	background: #fafafa
}
.news_box ul .item.hover .item_l .time {
	color: #fff
}
.news_box ul .item.hover .item_l .time:before {
	content: '';
	position: absolute;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #ff7200;
	right: -18px;
	top: 50%;
	margin-top: -15px;
	z-index: 3
}
.news_box ul .item.hover .item_l .time:after {
	background: #ff7200
}
.news_box ul .item.hover .tit {
	color: #ff7200
}
.news_box ul .item.hover .item_l:after {
	width: 520px
}
.news_box ul .item.hover .item_r {
	box-shadow: none
}
.news_box ul .item.hover .item_r:after {
	width: 330px;
	right: -330px
}
.news_box ul .item:last-child {
	margin-bottom: 40px
}
.news_box .load_more {
	padding-top: 50px
}
.news_view.channel_content {
    background: #f8f8f8;
	padding: 40px 0 0;
}
.news_detail {
	width: 1400px;
	background: #fff;
	padding: 50px 0;
	margin: 0 auto 50px;
	border: 1px solid #eee;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
    -moz-box-shadow: 5px 5px 0 rgb(0 0 0 / 2%);
    -webkit-box-shadow: 5px 5px 0 rgb(0 0 0 / 2%);
    box-shadow: 5px 5px 0 rgb(0 0 0 / 2%);
}
.news_detail .top_ {
    text-align: center;
    padding: 0 50px;
	position: relative;
}
.news_detail .top_ .title {
	font-size: 30px;
	margin-bottom: 15px;
	color: #262626
}
.news_detail .top_ .date .subt {
    display: inline-block;
	margin-left: 5px;
}
.news_detail .top_ .date .subt span {
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	padding: 5px 10px 3px;
	margin-left: 8px;
}
.news_detail .top_ .date {
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.5px;
	color: #a1a0a1;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc
}
.news_detail .top_ .date .fsize {
	padding: 0 5px 0 8px;
}
.news_detail .top_ .date .fsize a {
	padding: 0 2px;
}
.news_detail .bott_ .bott_l {
	margin-right: 5%
}
.news_detail .bott_ .bott_l .bdsharebuttonbox {
	overflow: hidden
}
.news_detail .bott_ .bott_l a {
	display: block;
	float: none;
	width: 72px;
	height: 72px;
	background: #f5f5f5;
	padding: 0;
	margin: 0;
	-webkit-box-align: center;
	align-items: center;
	cursor: pointer;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	text-decoration: none
}
.news_detail .bott_ .bott_l a i {
	background: #dedede;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	color: #fff;
	font-size: 19px;
	border-radius: 5px
}
.news_detail .bott_ .bott_r {
	width: 75%;
	font-size: 15px;
	color: #666
}
.news_detail .text {
	font-size: 16px;
	line-height: 1.9;
	padding: 50px;
}
.news_detail .text .vfile {
	width: 960px;
	margin: 0 auto 40px;
}
.news_detail .text img {
	text-align: center;
    width: expression(this.width > 1024?1024: true) !important;
    max-width: 1024px !important;
    height: auto !important;
    overflow: hidden;
    margin: 15px auto;
}
.news_detail .text .vjs_video_3-dimensions {
    width: 1280px !important;
    height: 720px !important;
	margin-bottom: 40px;
}
.news_detail .prenext {
	border-top: 1px solid #ddd;
	padding: 25px 0 10px;
	margin: 0 50px;
}
.news_detail .prenext .arcpre {
	float: left;
	text-align: left;
	width: 50%;
}
.news_detail .prenext .arcnext {
	float: right;
	text-align: right;
	width: 50%;
}
.news_detail_bot {
	height: 400px;
	padding: 50px 0 70px;
	/* background: url(../images/news_detail_bot_bg.jpg) no-repeat center; */
}
.news_detail_bot .tit {
	color: #111;
	font-size: 38px;
	margin-bottom: 40px;
	text-align: center
}
.news_detail_bot .content .item {
	display: block;
	background: #fff;
	padding: 25px;
	position: relative
}
.news_detail_bot .content .item .date {
	font-size: 14px;
	color: #a1a0a1;
	margin-bottom: 0;
    display: inline-block;
}
.news_detail_bot .content .item .icon {
	width: 23px;
	height: 23px;
	background: url(../images/case_box_icon1.png) no-repeat center;
	transition: .3s ease;
	position: absolute;
	right: 23px;
	bottom: 25px;
	cursor: pointer
}
.news_detail_bot .content .item:hover .icon {
	background: url(../images/case_box_icon2.png) no-repeat center
}
.news_detail_bot .content .item .t {
	font-size: 18px;
	color: #333;
	line-height: 1.4;
	height: 60px;
	overflow: hidden;
	margin-bottom: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.channel_content.search_list {
	min-height: 300px;
    background: #eef2f5;
    padding: 40px 0px 50px;
}
.search_list .list_l {
	width: 100%;
}
.search_list .list_l li {
    float: left;
	width: 49.3%;
    background: #fff;
    padding: 25px;
	margin-right: 1.4%;
	margin-bottom: 20px;
}
.search_list .list_l li a.stype {
	padding: 0 3px;
}
.search_list .list_l li:nth-child(even) {
	margin-right: 0;
}
.search_list .list_l .list_box {
	overflow: hidden;
	position: relative;
}
.search_list .list_l .list_box .img_bj {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	z-index: 1;
}
.search_list .list_l .list_box .img_bj img {
	width: 100%;
}
.search_list .list_l .list_time {
	font-size: 16px;
	color: #666;
}
.search_list .list_l .list_title {
	font-size: 18px;
	color: #333;
	margin: 0;
}
.search_list .list_l .list_p {
	font-size: 15px;
	color: #006400;
	font-weight: 200;
	line-height: 1.3;
}
.search_list .list_l .list_img {
	width: 38%;
	margin-left: 4%;
}
.search_list .list_l .list_img .rect-66 {
	padding-bottom: 66.6667%;
}
.search_list .list_l .list_img ._full {
	height: auto
}
.search_list .list_l .list_text {
	position: relative;
	z-index: 3;
}
.search_list .list_l .first_list .list_time, .search_list .list_l .first_list .list_title, .search_list .list_l .first_list .list_p {
	color: #fff;
}
.search_list .list_l .first_list .black_bj {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/black_75.png) repeat;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 2;
}
.search_list .list_l li:hover .list_title {
	color: #f00;
}
.search_list .list_l .first_list:hover .list_title {
	color: #fff;
}
.search_list .more_btn {
	border-color: #005bab;
	color: #fff;
	margin: 50px auto 0px;
	background-color: #005bab;
}
.search_list .more_btn:hover {
	border-color: #004291;
	background-color: #004291;
}
.search_list #pages {
    clear: both;
    padding-top: 30px;
} 

.bussiness_wrapper {
	width: 100%
}
.bussiness_wrapper .banner_block {
	background: url('../images/banner_bus.jpg');
	background-position: center 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative
}
.bussiness_wrapper .nav_wrapper li:first-child.active:after {
	content: '';
	width: 91px;
	height: 46px;
	background: url('../images/li_icon17.png') 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	bottom: 0
}
.bussiness_wrapper .nav_wrapper li:first-child + li.active:after {
	content: '';
	width: 46px;
	height: 54px;
	background: url('../images/li_icon8.png') 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	bottom: -10px
}
.bussiness_wrapper .nav_wrapper li:first-child + li + li.active:after {
	content: '';
	width: 46px;
	height: 51px;
	background: url('../images/li_icon9.png') 0 0 no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	bottom: 0
}
.intro_wrapper .content_block {
	background: #fff
}
.intro_wrapper .content_block .busin_content {
	background: #f4f4f4 url(../images/intro_cont3.png) no-repeat center bottom
}
.intro_wrapper .content_block .busin_content .img_box_1 {
	width: 1200px;
	margin: 10px 0;
	text-align: center
}
.intro_wrapper .content_block .busin_content .img_box_1 img {
	width: 100%;
	display: block
}
.intro_wrapper .content_block .busin_content .img_box {
	width: 980px;
	text-align: center
}
.intro_wrapper .content_block .busin_content .img_box img {
	width: 100%;
	display: block
}
.intro_wrapper .content_block .busin_content .tab_list {
	width: 570px;
	background: #f1f1f1
}
.intro_wrapper .content_block .busin_content .tab_list ul {
	width: 100%;
	height: 65px;
	list-style: none
}
.intro_wrapper .content_block .busin_content .tab_list ul li {
	width: 33.33%;
	height: 100%;
	font-size: 21px;
	color: #999;
	line-height: 65px;
	text-align: center;
	float: left;
	cursor: pointer
}
.intro_wrapper .content_block .busin_content .tab_list ul li.active {
	position: relative;
	color: #feffff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#bbcbd1), to(#84959a));
	background: -webkit-linear-gradient(left, #bbcbd1, #84959a);
	background: -moz-linear-gradient(left, #bbcbd1, #84959a);
	background: -o-linear-gradient(left, #bbcbd1, #84959a);
	background: -ms-linear-gradient(left, #bbcbd1, #84959a);
	background: linear-gradient(left, #bbcbd1, #84959a);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#bbcbd1, endColorstr=#84959a);
	background-size: 100%
}
.intro_wrapper .content_block .busin_content .tab_list ul li.active:before {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #a0b0b6
}
.intro_wrapper .content_block .busin_content .tab_content {
	width: 100%;
	padding-top: 60px;
	padding-bottom: 10px;
	box-sizing: border-box
}
.intro_wrapper .content_block .busin_content .tab_content h4.bus_intro {
	color: #c5ac8a;
	font-size: 18px;
	margin-bottom: 30px;
	line-height: 35px;
	text-indent: 35px
}
.intro_wrapper .content_block .busin_content .tab_content ul {
	width: 100%;
	list-style: none
}
.intro_wrapper .content_block .busin_content .tab_content ul li {
	width: 100%;
	height: 240px;
	overflow: hidden;
	background: #fff;
	cursor: pointer;
	position: relative;
	margin-bottom: 40px;
	-moz-box-shadow: 4px 4px 1px rgb(0 0 0 / 2%);
	-webkit-box-shadow: 4px 4px 1px rgb(0 0 0 / 2%);
	box-shadow: 4px 4px 1px rgb(0 0 0 / 2%)
}
.intro_wrapper .content_block .busin_content .tab_content ul li .img_box {
	width: 380px;
	height: 100%;
	opacity: 1;
	visibility: visible;
	overflow: hidden;
	display: block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-0-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s
}
.intro_wrapper .content_block .busin_content .tab_content ul li .img_box img {
	display: block;
	width: 100%
}
.intro_wrapper .content_block .busin_content .tab_content ul li .text_block {
	display: block;
	width: 890px;
	height: 100%;
	padding: 40px 50px;
	box-sizing: border-box;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-0-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s
}
.intro_wrapper .content_block .busin_content .tab_content ul li .text_block .tit {
	width: 100%
}
.intro_wrapper .content_block .busin_content .tab_content ul li .text_block .tit h4 {
	float: left;
	display: inline-block;
	color: #333;
	font-size: 26px;
	letter-spacing: 1px
}
.intro_wrapper .content_block .busin_content .tab_content ul li .text_block .tit span {
	float: left;
	font-size: 18px;
	color: #d5d5d5;
	margin-left: 40px;
	letter-spacing: 2px;
	margin-top: 6px;
	text-transform: uppercase
}
.intro_wrapper .content_block .busin_content .tab_content ul li .text_block p {
	color: #333;
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}
.intro_wrapper .content_block .busin_content .tab_content ul li .hide_text {
	width: 100%;
	height: 240px;
	font-size: 16px;
	color: #fff;
	line-height: 2;
	padding: 30px;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.72);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-0-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}
.intro_wrapper .content_block .busin_content .tab_content ul li.active {
	height: inherit
}
.intro_wrapper .content_block .busin_content .tab_content ul li.active .hide_text {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.network .banner_block {
	background: url('../images/banner_marketing.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
	background-position: center 0
}
.network.channel_content {
	min-height: 360px;
	padding: 60px 0;
	background: url('../images/network01_2.jpg') no-repeat center
}
.network01 .left {
	float: left;
	width: 36%
}
.network01 .right {
	float: right;
	width: 58%;
	margin-top: 20px
}
.network01 .right .common-infor {
	margin-bottom: 40px
}
.network01 .right .common-infor .tit:after {
	background: #ff7200
}
.network01 .right .content {
	color: #333;
	font-size: 17px;
	line-height: 2
}
.network01 .right .content ul li {
	margin-bottom: 20px
}
.network01 .right .content dt {
	color: #ff7200;
	font-size: 15px;
	font-weight: bold
}
.network01 .right .content dd {
	color: #000;
	font-size: 14px;
	line-height: 22px
}
.row > .span-4 {
	float: left;
	margin-right: 2%;
	width: 32%;	
}
.row > .span-4:nth-child(3n) {
	margin-right: 0;
}
.service.channel_content {
	min-height: 360px;
	padding: 60px 0 70px
}
.service01 .infor .tit {
	font-size: 38px;
	line-height: 38px;
	color: #ff5500
}
.service01 .content .t {
	font-size: 23px;
	line-height: 25px;
	color: #474747;
	margin: 30px 0 20px
}
.service01 .content .c {
	font-size: 16px;
	line-height: 1.8;
	color: #474747
}
.service02 {
	margin-top: 65px
}
.service02 .rect-49 {
	padding-bottom: 48%
}
.service02 .rect-238 {
	padding-bottom: 23.8%
}
.service02 .left {
	width: 32.5%;
	float: left;
	position: relative
}
.service02 .right {
	width: 65.3%;
	float: right
}
.service02 .right .r_top .item {
	width: 49%;
	margin-bottom: 22px;
	position: relative
}
.service02 .right .r_top .item01 {
	margin-right: 2%
}
.service02 .right .r_bott {
	position: relative
}
.service02 .cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}
.service02 .cover .box {
	padding: 40px
}
.service02 .cover .box .t {
	font-size: 24px;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 20px
}
.service02 .cover .box .c {
	font-size: 16px;
	line-height: 1.7;
	color: #fff
}
.service02 .cover .box .c a {
	font-family: 'Din-Medium', 'Hurgeosans', 'Roboto', 'Microsoft JhengHei', 'Microsoft Yahei';
	font-weight: bold;
	font-size: 30px;
	line-height: 1;
	color: #ff7200;
	display: inline-block;
	vertical-align: -4px
}
.service02 .cover .box .c a:hover {
	opacity: 0.7
}
.service02 .left .cover .box {
	padding: 60px
}
.col-md-6 {
	position: relative;
	float: left;
	width: 50%
}
.agile-prod div {
	font-size: 16px;
	color: #333;
	line-height: 2;
	box-shadow: 6px 6px 0 rgb(0 0 0 / 1%)
}
.agile-prod {
	min-height: 360px;
	background: #eef2f5;
	padding: 60px 0 70px
}
.agile-prod1 h4 {
	text-transform: uppercase;
	color: #ff7200;
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	font-weight: 600
}
.agile-prod1 p {
	font-size: 16px;
	line-height: 1.9;
	color: #333
}
.agile-img {
	padding: 0
}
.agile-img img {
	width: 100%
}
.agile-sub {
	background: #fff;
	padding: 50px;
	height: 450px
}
.agile-sub ul {
	margin: 2em 0 0;
	padding: 0
}
.agile-sub ul li {
	color: #333;
	font-size: 16px;
	letter-spacing: 0.5px;
	display: block;
	margin-bottom: .85em
}
.agile-sub ul li i {
	padding-right: 0.5em
}
.agile-sub ul li a {
	color: #fff;
	font-size: 16px
}
.agile-sub ul li a:hover {
	color: #f6a800;
	text-decoration: none
}
.business.channel_content {
	min-height: 360px;
	padding: 60px 0;
	padding-bottom: 0
}
.hr_wrapper .banner_block {
	background: url('../images/banner_hr.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
	background-position: center 0
}
.job_box {
	min-height: 360px;
	padding: 60px 0
}
.job_con {
	margin-bottom: 60px
}
.job_con .infor {
	text-align: center;
	font-size: 35px;
	line-height: 1;
	margin-bottom: 50px
}
.job_con .rect-91 {
	padding-bottom: 91%
}
.job_con .rect-857 {
	padding-bottom: 85.7%
}
.job_con .rect-478 {
	padding-bottom: 47.8%
}
.job_con .tit {
	font-size: 28px;
	margin-bottom: 15px
}
.job_con .text {
	line-height: 28px
}
.job_con .list_l_t_text {
	background: #f3f3f3
}
.job_con .list_l_t_text .text_box {
	padding: 20% 10% 0
}
.job_con .list_l_t_text .tit {
	color: #ff7200
}
.job_con .list_l_b_txt_box {
	top: 0;
	left: 0;
	width: 100%
}
.job_con .list_l_b_txt_box .box {
	padding: 10% 10% 0
}
.job_con .list_l_b_txt_box .box .tit {
	font-weight: 600;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6)
}
.job_con .list_l_b_txt_box .box .list_l_b_text {
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7)
}
.job_con .list_r_text {
	bottom: 0;
	right: 0;
	background: url(../images/orange.8.png);
	color: #fff;
	width: 47%;
	padding: 8% 6%;
	text-align: right
}
.job_list .infor {
	text-align: center;
	font-size: 35px;
	line-height: 1;
	margin-bottom: 50px
}
.job_list .widget-job-tit {
	background: #ff7200;
	color: #fff;
	overflow: hidden;
	height: 54px;
	line-height: 54px
}
.job_list .jt {
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	*zoom: 1;
	cursor: pointer;
	border-bottom: 1px solid #dedede;
	font-size: 16px;
	color: #666
}
.job_list .ut {
	float: left;
	text-align: center;
	min-height: 1px;
	width: 16.5%
}
.job_list .jt .ut.t6:after {
	content: "+";
	display: inline-block;
	vertical-align: -1px;
	color: #aaa;
	font-weight: bold;
	margin-left: 5px;
	font-size: 20px
}
.job_list .jt.jt_act .ut.t6:after {
	content: "-"
}
.job_list .jc {
	display: none
}
.job_list .jcon {
	padding: 50px 80px 40px;
	background: #f5f5f5
}
.job_list .jcon .text_con {
	margin-bottom: 30px
}
.job_list .tit {
	font-size: 17px;
	margin-bottom: 20px
}
.job_list .info {
	line-height: 30px;
	margin-bottom: 40px
}
.job_list .jt.jt_act {
	border-color: transparent
}
.job_list #pages {
	margin: 35px auto 0
}
.contact_con_1 {
	position: relative;
	height: 430px
}
.contact_con_1 .info {
	padding: 0 0 30px
}
.contact_con_1 .info .tit {
	font-size: 32px
}
.contact_con_1 .info .con {
	color: #777;
	font-size: 16px;
	padding-top: 10px
}
.contact_con_1 .left {
	float: left;
	width: 48%;
	position: relative;
	z-index: 2
}
.contact_con_1 .right {
	float: right;
	width: 48%;
	position: relative;
	z-index: 2
}
.contact_con_1 .left .inner, .contact_con_1 .right .inner {
	position: absolute;
	background: #fff;
	border-bottom: 5px solid #ff7200;
	width: 100%;
	left: 0;
	top: 0;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2)
}
.contact_con_1 .left .inner .box, .contact_con_1 .right .inner .box {
	padding: 40px 50px 30px
}
.contact_con_1 .left .box .infor .tit, .contact_con_1 .right .box .infor .tit {
	font-size: 26px;
	font-weight: 500
}
.contact_con_1 .left .box .infor .con, .contact_con_1 .right .box .infor .con {
	color: #777;
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 20px
}
.contact_con_1 .left .box ul li, .contact_con_1 .right .box ul li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px
}
.contact_con_1 .left .box ul li span, .contact_con_1 .right .box ul li span {
	display: inline-block;
	font-size: 16px;
	line-height: 30px
}
.contact_con_1 .left .box ul li .icon, .contact_con_1 .right .box ul li .icon {
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 18px
}
.contact_con_1 .left .box ul li.li1 .icon, .contact_con_1 .right .box ul li.li1 .icon {
	background: url(../images/icon_contact_1.png) no-repeat center
}
.contact_con_1 .left .box ul li.li2 .icon, .contact_con_1 .right .box ul li.li2 .icon {
	background: url(../images/icon_contact_2.png) no-repeat center
}
.contact_con_1 .left .box ul li.li2 a, .contact_con_1 .right .box ul li.li2 a {
	color: #ff7200;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: 1px;
}
.contact_con_1 .left .box ul li.li3 .icon, .contact_con_1 .right .box ul li.li3 .icon {
	background: url(../images/icon_contact_3.png) no-repeat center
}
.contact_con_2 {
	font-size: 14px;
	height: 490px;
	overflow: hidden;
	border-top: 1px solid #ddd
}
.contact_con_2 img {
	max-width: none
}
#map {
	width: 100%;
	height: 500px;
	font-size: 14px
}
.intro_footer2 {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1000
}

@-webkit-keyframes tipsmove {
	0% {
		-webkit-transform: translate3d(0, 10px, 0px);
		transform: translate3d(0, 10px, 0px)
	}
	50% {
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px)
	}
	100% {
		-webkit-transform: translate3d(0px, 10px, 0px);
		transform: translate3d(0px, 10px, 0px)
	}
}
@-moz-keyframes tipsmove {
	0% {
		-moz-transform: translate3d(0, 10px, 0px);
		transform: translate3d(0, 10px, 0px)
	}
	50% {
		-moz-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px)
	}
	100% {
		-moz-transform: translate3d(0px, 10px, 0px);
		transform: translate3d(0px, 10px, 0px)
	}
}
@-o-keyframes tipsmove {
	0% {
		transform: translate3d(0, 10px, 0px)
	}
	50% {
		transform: translate3d(0px, 0px, 0px)
	}
	100% {
		transform: translate3d(0px, 10px, 0px)
	}
}
@keyframes tipsmove {
	0% {
		-webkit-transform: translate3d(0, 10px, 0px);
		-moz-transform: translate3d(0, 10px, 0px);
		transform: translate3d(0, 10px, 0px)
	}
	50% {
		-webkit-transform: translate3d(0px, 0px, 0px);
		-moz-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px)
	}
	100% {
		-webkit-transform: translate3d(0px, 10px, 0px);
		-moz-transform: translate3d(0px, 10px, 0px);
		transform: translate3d(0px, 10px, 0px)
	}
}
.tips_scroll {
	-webkit-animation: tipsmove 1s infinite ease-in-out;
	-moz-animation: tipsmove 1s infinite ease-in-out;
	-o-animation: tipsmove 1s infinite ease-in-out;
	animation: tipsmove 1s infinite ease-in-out;
	display: inline-block
}
.news_detail_content img {
	max-height: auto !important;
	height: auto !important;
	max-width: 640px !important
}
.childpage_wrapper .content_block .second_page .title.none_line:after {
	display: none
}
.home_carousel .swiper-img {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 10s ease;
	transition: all 10s ease
}
.home_carousel .active .swiper-img {
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2)
}
.home_carousel .active .text_box h4, .home_carousel .active .text_box p, .home_carousel .active .text_box a.more, .home_carousel .active .text_box img {
	-webkit-transform: translateX(0px) !important;
	-moz-transform: translateX(0px) !important;
	-ms-transform: translateX(0px) !important;
	-o-transform: translateX(0px) !important;
	transform: translateX(0px) !important;
	opacity: 1 !important;
	visibility: visible !important
}
.owl-theme .owl-controls {
	display: none
}
.home_carousel .owl-theme .owl-controls {
	display: block
}
#articleContent_canvas_div, .hr_detail_content .content {
	text-align: justify
}
.pic_wrap img {
	width: 100%
}
.online {
	position: fixed;
	z-index: 109;
	bottom: 5px;
	right: 5px;
	display: block;
	width: 50px
}
.online a {
	font-family: 'Din-Medium', 'Hurgeosans', 'Roboto', 'Microsoft JhengHei', 'Microsoft Yahei';
	position: relative;
	display: block;
	width: 46px;
	height: 46px;
	margin-bottom: 4px;
	cursor: pointer;
	text-decoration: none;
	border-radius: 50%;
	background: url("../images/online.png") no-repeat rgba(0, 0, 0, .7);
	background-size: cover
}
.online a.tel {
	position: relative;
	background-position: -1px -137px
}
.online a.tel:hover {
	background-color: #ff7200;
	background-position: -1px -137px
}
.online a.tel:hover span {
	right: 50px
}
.online a.tel span {
	position: absolute;
	right: -180px;
	width: 170px;
	height: 46px;
	line-height: 46px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	text-align: center;
	font-size: 17px;
	color: #fff;
	letter-spacing: 0.5px;
	border-radius: 100px;
	background-color: #ff7200
}
.online a.trans {
	text-align: left;
	background-position: 0 -260px
}
.online a.trans img {
	width: 30px;
	height: 30px;
	margin: 7px 0 0 8px
}
.online a.trans:hover {
	background-color: #c12c20;
	background-position: 0 -300px
}
.online a.totop {
	background-position: 0 -230px
}
.online a.totop:hover {
	background-color: #333;
	background-position: 0 -230px
}
.online a.totops img {
	position: absolute;
	z-index: 0;
	top: -67px;
	right: -190px;
	display: block;
	width: 180px;
	height: 180px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	border: 2px solid #eee
}
.site-text {
	margin: 0;
	display: none
}
#window form {
	padding: 4% 5% 0
}
#window form li {
	display: block;
	float: left;
	width: 49%;
	margin: 0 2% 2% 0
}
#window form li:nth-last-child(1), #window form li:nth-last-child(2) {
	width: 100%
}
#window form li:nth-child(even) {
	margin-right: 0
}
#window form li label span {
	color: #f00;
	margin-left: 5px;
	font-size: 17px
}
#window form li input, #window form li select {
	display: inline-block;
	width: 100%;
    height: 40px;
	padding: 6px 6px 5px;
	color: #444;
	border: 1px solid #d9d9d9
}
#window form li textarea {
	height: 85px;
	width: 100%;
	line-height: 22px;
	padding: 8px 6px;
	color: #444;
	border: 1px solid #d9d9d9
}
#window form li:last-child {
	width: 100%;
	clear: both;
	margin: 8px 0 0 0;
	text-align: center
}
#window form li .sendform {
	border: 0 none;
	background: #ff7200;
	padding: 7px 50px;
	color: #fff;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.5px;
	cursor: pointer;
	min-width: 110px;
	text-shadow: rgb(0 0 0 / 30%) 1px 0 1px
}
.layer .layui-layer-content .service {
	color: #f00;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding-top: 25px;
	margin: 0 auto;
	clear: both
}
.site-text .service {
	color: #f00;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding-top: 20px;
	margin: 0 auto;
	clear: both
}
.myfadeOut {
	-webkit-animation-name: myfadeOutMove;
	animation-name: myfadeOutMove
}
@-webkit-keyframes myfadeOutMove {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}
.myAnimte_move1 {
	-moz-animation: mymove 0.1s forwards;
	-o-animation: mymove 0.1s forwards;
	animation: mymove 0.1s forwards;
	-webkit-animation: mymove 0.1s forwards;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	-moz-transform-origin: 100% 70%;
	-ms-transform-origin: 100% 70%;
	-o-transform-origin: 100% 70%;
	transform-origin: 100% 70%;
	-webkit-transform-origin: 100% 70%
}
@-webkit-keyframes mymove {
	0% {
		-webkit-transform: translate3d(100%, 0px, 0px);
		transform: translate3d(100%, 0px, 0px);
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
@-moz-keyframes mymove {
	0% {
		-moz-transform: translate3d(100%, 0px, 0px);
		transform: translate3d(100%, 0px, 0px);
		-moz-transform: scale(0);
		transform: scale(0)
	}
	100% {
		-moz-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}
@-o-keyframes mymove {
	0% {
		transform: translate3d(100%, 0px, 0px);
		-o-transform: scale(0);
		transform: scale(0)
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
		-o-transform: scale(1);
		transform: scale(1)
	}
}
@keyframes mymove {
	0% {
		-webkit-transform: translate3d(100%, 0px, 0px);
		-moz-transform: translate3d(100%, 0px, 0px);
		transform: translate3d(100%, 0px, 0px);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px);
		-moz-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}
@-webkit-keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
.fadeInUpSmall {
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-0-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s
}



.gotop {
	cursor: pointer;
	width: 0;
	height: 0;
	background: #e30713;
	color: #fff;
	text-align: center;
	font-size: 25px;
	line-height: 70px;
	position: fixed;
	right: 0;
	bottom: 0;
	transition: .5s ease;
	z-index: 5;
	overflow: hidden;
}
.gotop:hover {
	color: #ffc;
	background: #e72c36;
}
.gotop.show {
	width: 70px;
	height: 70px;
}

.iconfont {
	font-family: "iconfont" !important;
	display: inline-block;
	vertical-align: middle;
	margin: 0 .3em;
	font-size: 1.1em;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0;
	-moz-osx-font-smoothing: grayscale;
}


.clearfix:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}



.fenlei {width:96%; margin:0 auto; padding:0; margin-top:0px; }
.fenlei ul {width:100%; margin:0 auto; padding:0; height:40px;}
.fenlei li {width:10.1%; margin:0.5%; height:40px; line-height:40px; float:left;  font-size:1.2em; text-align:center;  color:#FFFFFF; box-shadow: 0 8px 10px #929292;}
.fenlei li a{width:100%; margin:0.5%; height:40px; line-height:40px; float:left;text-align:center; background-color:#ff7200; color:#FFFFFF; box-shadow: 0 8px 10px #929292; transition: all 0.4s ease;}
.fenlei li a:hover{width:100%; text-align:center; color:#FFFFFF; line-height:40px; height:40px; background-color:#ff3300;}




#wrap{}
#menu{}
#menu ul{}
#menu li{  
    width: 100%;
    text-indent: 0;
    padding-left: 30px;
    background: none;}
#menu a{}
#menu a:hover,#menu .on a{ 


}
#content{
	float:left;
	width:68%;
	margin-left:24px;}
#content h1{
	font-size:16px; 
	font-weight:normal; 
	margin:0; 
	padding:0; 
	margin-bottom:8px}
#content ul{
	list-style:none; 
	margin:0; 
	padding:0}
#content li{padding:3px}
#copy{clear:both}


#container {
	padding-top: 100px;
}




@media (max-width:930px) {
	.abnner{height: auto;}
}

.videoCaseInfo{padding-top: 100px !important;}


.pt-96 {
    padding-top: 0px;
}
.w100 {
    width: 100%;
}
.bg-white {
    background-color: #ffffff;
}
.dn {
    display: none;
}
.pr {
    position: relative;
}

.pb-56 {
    padding-bottom: 0px;
}
.w100 {
    width: 100%;
}
.t-0 {
    top: 0px;
}
.pa {
    position: absolute;
}
.tc {
    text-align: center; color:#FFFFFF; font-size:2.6em; font-weight: normal; line-height: 1.8em;
}
.tc2 {
    text-align: center; color:#FFFFFF; font-size:1em; line-height:3em;
}
.bodor-PF{ font-size:0.6em; line-height:1.2em;}
.introduction {
  background-image: url(img/bg-introduction.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4vw 0 18vw 0;
}
.introduction b {
  font-size: 28px;
}
.introduction-icon {
  width: 26%;
  margin-bottom: 10px;
}
.globalNetwork {
  padding: 0vw 0 0vw 0;
  position: relative;
}
.globalNetwork h2,
.globalNetwork p {
  color: #fff;
}
.globalNetwork-message {
  position: absolute;
  top: 5%;
}
.globalNetwork-message b {
  font-size: 28px;
} /* country point start*/
.point {
  width: 21px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #e0e0e0;
  position: absolute;
  cursor: pointer;
}
.pointanimation {
  -webkit-animation: warn 3s ease-out;
  -moz-animation: warn 3s ease-out;
  animation: warn 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  box-shadow: 0px 0px 5px #e0e0e0;
}

element.style {
}
.dn {
    display: none;
}

img, svg {
    vertical-align: middle;
}
img {
    border: none;
}
.layui-btn, .layui-edge, .layui-inline, img {
    vertical-align: middle;
}
.layui-inline, img {
    display: inline-block;
    vertical-align: middle;
}


.hezuohb {
background-color: rgb(255, 255, 255);
background-image: url(../images/16826507155200.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
height: auto;
padding-bottom: 24%;
}
.hezuohb span {
font-size: 2.6em;
color: #FFFFFF;
text-align: center;
width: 100%;
line-height: 4em;
margin: 0 auto;
padding: 0;
}
.hezuohb .hezuokuang {
width: 86%;
margin: 0 7%;
padding: 0;
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0px 0px 10px 1px transparent;
position: absolute;
padding-bottom: 2%;
}
.hezuohb .hezuokuang ul {
width: 96%;
margin: 0 auto;
padding-bottom: 30px;
padding: 2%;
}
.hezuohb .hezuokuang ul li {
width: 10%;
max-width: none;
padding: 10px;
max-height: none;
opacity: 1;
border: 1px #CCCCCC solid;
box-shadow: transparent 0px 0px 10px 1px;
border-radius: 10px;
object-fit: contain;
float: left;
margin: 0.5%;
}
.hezuohb .hezuokuang ul li img {
width: 100%;
margin: 0 auto;
padding: 0;
}
.hezuohb .hezuokuang ul li:hover img {
transform: scale(1.1);
transition: transform 0.3s ease-in-out;
}





.t_sycon {
	margin: 0 auto; padding:0;width:100%;
}

.fl {
	float: left;
}

.t_yimorezi {
	margin-right: 26px;
	color: #fff;
	font-size: 14px;
	line-height: 46px;
	transition: all 0.36s;
}

.t_yimoreicon {
	width: 24px;
	line-height: 46px;
}

.t_yimoreicon img {
	width: 100%;
	transition: all 0.36s;
}

.t_yibtn {
	position: relative;
	display: inline-block;
	width: 100%;
}

.g_cpt2 {
	position: relative;
}

.g_cpt2toptu.act {
	display: block;
}

.g_cpt2toptu {
	display: none;
}

.g_cpt2toptu img {
	width: 100%;
}

.g_cpt2bot {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.g_cpt2botnr {
	z-index: 1;
	overflow: hidden;
}

.g_cpt2botnr {
	position: relative;
	float: left;
	width: 25%;
	height: 100%;
	transition: all .3s ease;
}

.g_cpt2botnr a {
	position: absolute;
	z-index: 10;
	display: block;
	padding: 80px 90px;
	height: 100%;
}

.g_cpt2botnr::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	content: '';
	opacity: 0;
	transition: all .3s ease;
}

.g_cpt2botbox {
	transition: all .3s ease; text-align:left;
}

.g_cpt2boticon { 
	margin-bottom: 22px; text-align:left;
	width: 60px;
	opacity: 1;
	transition: all .3s ease;
}

.g_cpt2boticon img {
	width: 100%; 
}

.g_cpt2 .t_jiah3 h3 {
	margin-bottom: 30px; font-size:2em; letter-spacing:0.1em;
}

.g_cpt2botnr .hwcon p {
	opacity: 0;
	transition: all 0.36s; TEXT-DECORATION: none;
}

.g_cpt2bottu {
	margin-top: 28px;
	opacity: 0;
	transition: all .3s ease;
}

.g_cpt2bottu img {
	width: 100%;
}

.g_cpt2botnr::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .1);
	content: '';
	opacity: 0;
	transition: all .3s ease;
}

.g_cpt2botnr.act::before {
	opacity: 1;
}

.g_cpt2botnr.act .g_cpt2botbox {
	transform: translateY(0);
}

.g_cpt2botnr.act .g_cpt2boticon {
	margin-bottom: 34px;
	opacity: 1;
}

.g_cpt2botnr.act .hwcon p {
	opacity: 1;
}

.g_cpt2botnr.act .g_cpt2bottu {
	opacity: 1;
}

.g_cpt2botbox {
	transform: translateY(46px);
}

.t_jiah3 h3 {
	color: #FFFFFF;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
.hwcon { width:100%; margin:0 auto; padding:0;}
.hwcon p li { width:98%; margin:1%; padding:1%; float:left; line-height:1.5em; list-style:none;}

.hwcon p {
	color: #FFFFFF;
	line-height: 1.6em; font-size:1.2em;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}



.inner{width:1200px;margin:0 auto;overflow: hidden;}
.gswzbt{width: 1100px;margin: 50px auto;}
.gswzbt h2{font-size: 58px;color: #d20000;font-weight: bold;padding-left: 295px;}
.gswzbt h2 img{float: left;}
.gswzbt p{text-align: center;font-size: 18px;line-height: 30px;color: #5c5c5c}