@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: #000;
	background: #fff;
	overflow-x: hidden;
	z-index: 0;
	zoom: 1
}
body .select-ui-options-default li:hover {
	background: #ff7200
}
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
}
.clear {
	clear: both
}
.wrap {
	width: 80%;
	margin-right: auto;
	margin-left: auto
}
.container {
	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,  1.0);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

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

.header .logo {
	transition: .5s ease
}
.header .logo a {
	display: block;
	font-size: 0
}
.header .logo img {
}
.header .h_tools .h_sear .icon:hover {
	background-position: 0 -20px
}
.header .h_tools .h_lan .icon:hover {
	background-position: 0 -20px
}
.search-alert .close .close_icon:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.search-alert .cent-form form .btns:hover {
	background: #ff7200;
	color: #fff;
	border-color: #ff7200
}
.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:hover {
	color: #ff7200;
}
.header .inav_wrapper {

}
.header .inav_wrapper .nav_li {
	font-size: 20px;
	line-height: 45px;
	float: left;
	color: #fff;
	transition: padding .5s ease;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 35px;
	padding-left: 15px;
}



.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: 55px;
	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: #333333;
	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: 18px;
	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: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 .logo {
	padding: 12px 0
}
.header.fixed .logo img {
	width: 150px
}
.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 .logo {
	padding: 19px 0
}
.header.fix .inav_wrapper .nav_li {
	padding: 16px 24px
}
.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: #177AD5;
	font-size: 16px;
	margin-right: 0
}
.load_more .loading:hover {
	background: #be4e1b
}
.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: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 .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:hover {
	color: #ff7200
}
.noborder-btn:hover .icon {
	right: 5px;
	color: #ff7200
}
.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 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
}
.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_hw03 .tab_t .tit:after {
	content: '';
	position: absolute;
	left: 170px;
	width: 70px;
	height: 3px;
	background: #ff7200;
	top: 30%
}
.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 .txt:after {
	opacity: 1;
	visibility: visible
}
.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 .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_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 .item:last-child {
	border-bottom: none
}
.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
}
.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_content .content ul.news_imgs li:first-child {
	margin-left: 0
}
.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 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.active h4:before {
	visibility: visible
}
.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_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 .tab_box .tab_content_sec ul.name_list li:first-child {
	border-top: 0
}
.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 .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
}
.cert-list .cert-item::after {
	content: "»";
	font-size: 20px;
	color: rgb(234, 84, 19);
	position: absolute;
	left: 0px;
	top: 44%;
	transform: translateY(-50%)
}
.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:hover .pic .des {
	opacity: 1;
	filter: alpha(opacity=100)
}
.about_honor .honor-list li .pro-xj .xmore:hover {
	background: #e4500d;
	border: 1px #e4500d solid;
	color: #fff
}
.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:hover{
	cursor: not-allowed;
	color: #fff;
	background: #f1f1f1
}
.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-attachment: fixed;
	background-repeat: no-repeat;
	background-size: contain;


	background-position: center 0
	position: relative;
	background-image: url(../Images/banner_gcal.jpg);
}
.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(19,107,171,1);
	line-height: 3;
	padding-left: 1em;
}
.accordion {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	background: #FAFAFA;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
 }
.accordion :hover{
background-color:  rgba(0,0,0,0.04); transition:  all  0.3s  ease; 

 }
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 12px 15px;
	color: #4D4D4D;
	font-size: 16px;
	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;
}
.submenu a:hover {
 	background: #efefef;
 	color: #111;
}

.hwpro {
	width: 83%; margin:0 auto; padding:0;
    min-height: 380px; 
}
.hwpro .rect-100 {
	
}
.hwpro .item {
	float: left;
	width: 23%;
	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%; height:auto;
}
.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 .infor .tit {
	text-align: center; 
}
.hwpro .item .infor .tit span.t {
	font-family: '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 .text {
	color: #666;
	font-size: 13px;
	line-height: 1.6;
	padding: 10px 0
}
.hwpro .item .img {
	display: none
}
.hwpro .item .infor .probtn a.more:last-child {
    margin-right: 0;
}
.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: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::before {
	left: 0
}
.hwpro .item-s:nth-child(10n) {
	margin-right: 0;
}
.hwpro .item-s:hover {
}
.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 .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
}
.pro_detail .left .owl-nav > div:hover {
	color: #ff7200
}
.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 .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 .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 .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;
}

.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_box .hd .box .hd_btn:hover {
	background: #be4e1b
}
.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 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: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_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.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_detail_bot .content .item:hover .icon {
	background: url(../images/case_box_icon2.png) no-repeat center
}
.search_list .list_l li:nth-child(even) {
	margin-right: 0;
}
.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:hover {
	border-color: #004291;
	background-color: #004291;
}
.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 .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
}
.network01 .right .common-infor .tit:after {
	background: #ff7200
}
.row > .span-4:nth-child(3n) {
	margin-right: 0;
}
.service02 .cover .box .c a:hover {
	opacity: 0.7
}
.agile-sub ul li a:hover {
	color: #f6a800;
	text-decoration: none
}
.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: "-"
}

@-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)
	}
}
.childpage_wrapper .content_block .second_page .title.none_line:after {
	display: none
}
.online a.tel:hover {
	background-color: #ff7200;
	background-position: -1px -137px
}
.online a.tel:hover span {
	right: 50px
}
.online a.trans:hover {
	background-color: #c12c20;
	background-position: 0 -300px
}
.online a.totop:hover {
	background-color: #333;
	background-position: 0 -230px
}
#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:last-child {
	width: 100%;
	clear: both;
	margin: 8px 0 0 0;
	text-align: center
}
@-webkit-keyframes myfadeOutMove {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}
@-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
	}
}
.gotop:hover {
	color: #ffc;
	background: #e72c36;
}

.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 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}


#container {
	padding-top: 100px;
}




@media (max-width:930px) {
} /* country point start*/
.point {
  width: 21px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #e0e0e0;
  position: absolute;
  cursor: pointer;
}

img, svg {
    vertical-align: middle;
}
img {
    border: none;
}
img{
    vertical-align: middle;
}
img{
    display: inline-block;
    vertical-align: middle;
}
.hezuohb .hezuokuang ul li:hover img {
transform: scale(1.1);
transition: transform 0.3s ease-in-out;
}

.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_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;
}



/*------------首页栏目----------*/
.sylm{width:auto; height:auto; text-align:center; font-family:"微软雅黑"; padding-top:60px; padding-bottom:60px; overflow:hidden;}
.sylm h2{font-size:40px; color:#434343; line-height:50px;}
.sylm p{
	font-size:18px;
	color:#999;
	line-height:30px;
}
.sylm ol{ margin:0 auto; width:60px; height:4px; background-color:#0B65A4; margin-top:5px;}

/*------------手机站首页栏目----------*/
.sylmshouji{width:98; margin-left:1%; margin-right:1%; height:auto; background-color:#f8f8f8; text-align:center; font-family:"微软雅黑"; padding-top:30px; padding-bottom:30px; overflow:hidden;}


.gsjj {
	width: 98%; margin:1%;
}
    .more_wrap .m_loadmore span {font-size: 14px;height: 36px; line-height: 36px; }
    .more_wrap .m_loadmore span {display: inline-block; font-size: 14px;color: #fcb026; height: 36px; line-height: 36px; vertical-align: middle; }
container { margin-top:10px;}
.more_wrap .m_loadmore { display: inline-block; border-radius: 30px; text-align: center; background: rgba(252,176,38,.2); padding: 0 30px; margin: 0 auto; }
/*pic*/
.cpflbj{width:100%; height:auto; padding-bottom:10px;background-color:#f8f8f8;}
.fen{ margin:0 auto;width:25%;}
.fen ul{ height:auto; text-align:center; overflow:hidden;}
.fen ul li {width:49%;height:45px; margin:0.5%;background:#0B65A4;border-radius:10px;text-align: center;float: left; box-sizing: border-box; position: relative; }
.fen ul li a{text-decoration: none; position: relative;z-index: 3; display: block; line-height:45px; height:45px; font-size:18px; color: #fff;}
.fen ul li a:hover{background:#D82628\9;color: #fff;}
.fen ul li:after{content:'';position:absolute;height:100%;width:0;border-radius:10px;background:#D82628;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.fen ul li:hover:after,.fen ul li.cur:after{width:100%;color: #fff;}
.fen ul li:nth-child(3){margin-right: 0;}
.fen ul li.cur a { background:#D82628; color: #fff; }



.news_box{margin:0px auto;padding-bottom:50px; padding-top:10px;}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
.nbcl_le .news_div_item:hover{background-color:#f9f9f9;box-shadow:0 0 21px #d2d2d2;}
.nbcl_le .news_div_item:hover a{color:#ff7800;}
.nbcr_ri .news_div_item:hover{background-color:#f9f9f9;box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item:nth-child(3){border-bottom:1px #e6e6e6 solid;}


.lxwmshoujibg  {width:100%; margin:0 auto; padding:0;  height:320px; margin-top:30PX;}
.lxwm{ margin:2%;position:absolute; }
.lxwmtop{ padding: 10px 15px;line-height: 1.6;}
.lxwm dl {
    display: block; padding:0PX 15PX;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.lxwm dt{font-size: 22px; padding-bottom: 10px; line-height: 28px; color: #000000; text-transform: uppercase; position: relative; margin-bottom: 10px;}
.lxwm dt::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px;
    background: #000000;
}
.lxwm dd {
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    text-transform: uppercase;
}



  .nav-container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .nav-list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: auto;
  }
  .nav-item {
    width: 49%;
    margin: 0.5%;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    background: #0099FF;
    color: #fff;
  }
  .nav-link {
    display: block; /* 让a标签占满li区域，点击区域更大 */
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1em;
    line-height: 40px; /* 保持和li一致的行高，垂直居中 */
  }
  
  .jm_w95 { width:98%; margin:0 auto;}

.jm_pic li {float:left; padding:0 0 0 0; overflow:hidden; border-radius:5px; width:46%; height: auto; margin:2%; text-align:center; box-shadow:0 0 3px #ccc;}
.jm_pic li span {font-size:13px; display:block;height:2em;line-height:2em;}
.jm_pic li a {color:#666; font-size:0.8em; height:2em;line-height:1em; width:100%; text-align:center;}
.jm_pic li img{
	width:100%; height:auto;
}
.color_back{ background:#338EE1 !important}
.jm_more { line-height:2em;  margin-top:0.5em; text-align:left;}
.jm_more a { background:#333;color:#FFF;display:inline-block; width:49%; border-radius:5px; padding-top:0.8em; padding-bottom:0.8em}
.jm_more a span { float:left;margin-left:20%; }





/* 手机站新闻模块 - 类名修改+样式调整 */
.m-home-news {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px; /* 增加手机端内边距，避免内容贴边 */
}
.m-home-news .m-row {
    --bs-gutter-x: 15px; /* 减小间距，适应手机 */
    --bs-gutter-y: 15px; /* 增加上下间距，区分新闻项 */
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}
.m-home-news .m-row > * {
    flex-shrink: 0;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
    margin-top: var(--bs-gutter-y);
}

/* 核心：手机端一行一条新闻 */
.m-home-news-item {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 100%; /* 占满整行 */
}
.m-home-news-img {
    position: relative;
    display: block;
    height: 160px; /* 减小图片高度，适应手机 */
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    overflow: hidden;
}
.m-home-news-img img {
    width: 100%;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;

}
.m-home-news-img > a {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0, 0.36);
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px; /* 减小图标大小 */
    color: var(--thm-base);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    opacity: 1; /* 直接显示，不隐藏 */
}
.m-home-news-img > a > span {
    position: relative;
}
.m-home-news-img > a > span::before {
    content: '';
    width: 16px; /* 减小图标线条 */
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.m-home-news-img > a > span::after {
    content: '';
    width: 2px;
    height: 16px; /* 减小图标线条 */
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 隐藏时间（核心需求） */
.m-home-news-date-box {
    display: none;
}

.m-home-news-content {
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 5px 20px 0 rgb(0, 0, 0, .05); /* 减小阴影，适应手机 */
    padding: 15px 20px; /* 减小内边距 */
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 4px solid transparent;
    transition: all 500ms ease;
}
.m-home-news-item:hover .m-home-news-content {
    border-bottom: 4px solid #0B65A4;
}
.m-home-news-meta li a:hover {
    color: var(--thm-extra);
}
.m-home-news-title {
    height: auto; /* 取消固定高度，适应内容 */
    font-size: 16px; /* 减小字体 */
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 10px 0;
}
.m-home-news-title a {
    color: #232323;
    transition: all 500ms ease;
    text-decoration: none;
}
.m-home-news-item:hover .m-home-news-title a {
    color: #333333;
}
.m-home-news-text {
    color: #666;
    font-size: 13px; /* 减小字体 */
    line-height: 1.6;
    padding: 5px 0 10px; /* 减小内边距 */
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 最多显示2行文字，避免过长 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.m-home-news-read-more {
    text-align: right;
}
.m-home-news-read-more-btn {
    font-size: 13px; /* 减小字体 */
    color: #777;
    display: inline-block;
    transition: all 500ms ease;
    text-decoration: none;
}
.m-home-news-read-more-btn:hover {
    color: #ff8a00;
}

/* 标题区域适配手机 */
.m-home-news .m-title {
    text-align: center;
    padding-bottom: 10px;
    position: relative;
    margin: 20px 0;
}
.m-home-news .m-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%;
}
.m-home-news .m-title p {
    color: #121212;
    font-size: 24px; /* 减小标题字体 */
    font-weight: 600;
    margin: 0;
}
.m-home-news .m-title p a {
    color: #121212;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
}
.m-home-news .m-title p a span {
    display: block;
    color: #999;
    font-family: 'Hurgeosans', 'Poppins', 'Roboto', 'Microsoft JhengHei', 'Microsoft Yahei';
    font-size: 14px; /* 减小副标题字体 */
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 2px 0;
}

/* 轮播区域适配手机（如果保留） */
.m-home-news .m-new-center {
    width: 100%;
    height: auto; /* 取消固定高度 */
    margin-top: 20px;
    padding: 15px 0;
    list-style: none;
    box-sizing: border-box;
    position: relative;
    background-image: url('../images/home_new.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
.m-home-news .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #fff;
    opacity: 1;
    width: 20px; /* 激活项 dots 拉长 */
}

/* 中间区域适配手机 */
.m-home-center {
    width: 100%;
    padding: 6% 0; /* 减小 padding */
    position: relative;
    box-sizing: border-box;
    background: url('../images/center_bg.jpg');
    background-size: cover;
    background-attachment: scroll; /* 手机端取消固定背景，避免性能问题 */
    background-repeat: no-repeat;
    background-position: center 0;
}


/* 底部导航样式 */
.footer-nav {
  background-color: #f8f8f8; /* 浅灰背景，与头部区分 */
  padding: 40px 0;
  border-top: 1px solid #eee;
}

.footer-nav__list a:hover {
  color: #ff8a00; /*  hover时变为主题色 */
}

/* 移动端适配 */
@media (max-width: 768px) {
  .footer-nav__wrap {
    flex-direction: column;
    gap: 30px;
  }
  
  .footer-nav__column {
    min-width: auto;
  }
}