@font-face {
	font-family:iconfont;src:url(../fonts/iconfont.eot);src:url(../fonts/iconfont.eot) format('embedded-opentype'),url(../fonts/iconfont.woff?) format('woff'),url(../fonts/iconfont.ttf) format('truetype'),url(../fonts/iconfont.svg) format('svg')
}

.iconfont {
	font-family: iconfont!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-caidan:before {
	content: "\e601"
}

.icon-shangyiye:before {
	content: "\e604"
}

.icon-kefu:before {
	content: "\e606"
}

.icon-chengche:before {
	content: "\e608"
}

.icon-chuanzhen:before {
	content: "\e650"
}

.icon-xiayiye:before {
	content: "\e60c"
}

.icon-dianhua:before {
	content: "\e607"
}

.icon-xyxiayige01:before {
	content: "\e610"
}

.icon-tucexiayige:before {
	content: "\e616"
}

.icon-tuceshangyige:before {
	content: "\e617"
}

.icon-iconfonttrophy:before {
	content: "\e61b"
}

.icon-youjiantou-copy:before {
	content: "\e61c"
}

.icon-xiaohuojian:before {
	content: "\e61d"
}

.icon-a881:before {
	content: "\e686"
}

.icon-hezuogongying:before {
	content: "\e627"
}

.icon-houtuishangyige:before {
	content: "\e625"
}

.icon-qianjinxiayige:before {
	content: "\e626"
}

.icon-home:before {
	content: "\e653"
}

.icon-shangyige:before {
	content: "\e62a"
}

.icon-caizhi:before {
	content: "\e62f"
}

.icon-xiayige:before {
	content: "\e633"
}

.icon-ditu:before {
	content: "\e61e"
}

.icon-liulan:before {
	content: "\e63b"
}

.icon-xiayiye1:before {
	content: "\e63c"
}

.icon-jungongzhang:before {
	content: "\e63d"
}

.icon-youxiang-copy:before {
	content: "\e63e"
}

.icon-xiangxiajiantou:before {
	content: "\e64c"
}

.icon-xiangxiajiantou-copy:before {
	content: "\e64d"
}

.icon-pinpai:before {
	content: "\e642"
}

.icon-zhuanshufuwu:before {
	content: "\e62c"
}

.icon-zhuanzhu:before {
	content: "\e634"
}

body {
	font-family: 'microsoft yahei',Arial,Helvetica,sans-serif;
	color: #2f2f2f
}

a {
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s
}

ul {
	list-style: none
}

.clear {
	clear: both
}

.img-thumbnail {
	transition: opacity .7s
}

.img-thumbnail:hover,.opacity_img:hover {
	opacity: .75
}

.top_menu {
	font-size: 12px;
	background: #0ba754;
	color: #fff;
	width: 100%;
	height: 48px;
	line-height: 48px
}

.language {
	float: right;
	height: 48px;
	color: #fff
}

.language a {
	color: #fff
}

.top_name {
	display: inline-block
}

.navbar {
	margin: 0;
	background-color: #fff;
	border: none;
	box-shadow: 0 3px 4px rgba(0,0,0,.1)
}

#app_menudown {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px
}

#app_menudown:hover {
	background-color: #0ba754
}

.flash img {
	width: 100%
}

.flash ul.bxslider {
	list-style: none
}

.flash div.bx-pager {
	bottom: 4%
}

.flash div.bx-controls-direction {
	display: none
}

.about_us {
	margin: 80px 0 0 0
}

.product_index {
	margin-top: 65px;
	margin-bottom: 65px
}

.process_col {
	border: 1px #ddd solid;
	padding: 20px 0 20px 0;
	margin-bottom: 20px
}

.page_img {
	padding-top: 10px;
	margin: 15px;
	background: #fff
}

.page_img img {
	-moz-transition: -moz-transform .8s;
	-o-transition: -o-transform .8s;
	transition: transform .8s
}

.page_img img:hover {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06)
}

.services_icon h2 {
	font-size: 24px;
	font-weight: 700;
	color: #fff
}

.services_content h4 {
	font-size: 16px;
	color: #fff;
	margin-top: 18px
}

.services_icon {
	font-size: 54px;
	font-weight: 700;
	color: #fff;
	margin-top: 18px
}

.search_group {
	float: right;
	margin: 8px 0 0 0;
	border: 1px solid #dfe1e3;
	border-radius: 20px
}

.search_group input.form-control {
	border-radius: 0;
	box-shadow: none;
	color: #585a5a;
	padding: 0 0 0 15px;
	height: 26px;
	background: 0 0;
	border: none
}

.search_group input.form-control:focus {
	box-shadow: none;
	border-color: #b2e0fb
}

#search_submit {
	color: #c3c4c5;
	height: 26px;
	font-size: 16px;
	margin-top: -14px
}

#search_submit:hover {
	color: #0067b6;
	cursor: pointer
}

ul.left_snav_ul {
	list-style: none;
	padding: 0
}

ul.left_snav_ul>li {
	margin: 0
}

ul.left_snav_ul>li>a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px 0 5px 30px;
	background: url(../images/left_tree.gif) 20px 8px no-repeat #028ae6;
	border-radius: 25px;
	margin-bottom: 8px
}

ul.left_snav_ul>li>a:hover {
	color: #fff;
	background-color: #03b29c
}

.left_h3 {
	font-size: 20px;
	font-weight: 400;
	color: #545454;
	line-height: 50px;
	border-bottom: 1px solid #ebebeb
}

.left_h3 span {
	display: inline-block;
	height: 50px;
	border-bottom: 1px solid #0ba754
}

.left_column ul.left_nav_ul {
	list-style: none;
	padding: 0;
	margin: 15px 0 0 0;
	padding-bottom: 10px
}

.left_column ul.left_nav_ul>li {
	margin-bottom: 5px;
	border-bottom: 1px solid #f2f2f2;
	background: url(../images/left_li.gif) 6px 12px no-repeat
}

.left_column ul.left_nav_ul>li>a {
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	background: 0 0;
	border-radius: 0;
	padding: 6px 0 6px 18px;
	margin-bottom: 8px
}

.left_column ul.left_nav_ul li a.left_active,.left_column ul.left_nav_ul>li>a:hover {
	color: #03b29c;
	background: 0 0
}

.left_column ul.left_snav_ul {
	list-style: none;
	padding: 0
}

.left_column ul.left_snav_ul>li {
	margin-bottom: 7px;
	border-bottom: 1px solid #f2f2f2;
	background: url(../images/left_sli.gif) 15px 11px no-repeat
}

.left_column ul.left_snav_ul>li>a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px 0 5px 25px;
	background: 0 0;
	border-radius: 25px;
	margin-bottom: 8px
}

.left_column ul.left_snav_ul>li>a:hover {
	color: #03b29c;
	background: 0 0
}

.left_news {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0
}

.left_news li {
	color: #545455;
	border-bottom: 1px dotted #ddd;
	background: url(../images/li.png) no-repeat left 15px;
	line-height: 21px;
	padding: 10px 0;
	padding-left: 14px
}

.left_news li a {
	color: #2f2f2f
}

.left_news li a:focus,.left_news li a:hover {
	text-decoration: none;
	color: #03b29c
}

.left_contact {
	margin: 30px 0 35px 0
}

.left_contact p {
	clear: both
}

.product_head h2 {
	text-align: center;
	margin-top: 60px;
	font-size: 38px;
	color: #333;
	font-weight: 700
}

.product_head span {
	display: block;
	height: 10px;
	background: url(../images/Untitled-1.png) center center no-repeat
}

.product_head p {
	text-align: center;
	font-size: 18px;
	color: #555;
	margin-top: 8px
}

.product_list {
	clear: both;
	padding: 25px 0 0 0;
	margin-right: -15px;
	margin-left: -15px
}

.product_list2 {
	padding-top: 20px
}

.product_img {
	padding-left: 15px;
	padding-right: 15px;
	min-height: 270px
}

.product_img img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	max-height: 200px;
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
	padding: 0
}

.product_list2 div.product_img {
	min-height: 260px
}

.product_title {
	text-align: center;
	height: 40px
}

.product_title a {
	color: #2f2f2f
}

.product_title a:hover {
	text-decoration: none;
	color: #0071bf
}

.case_bg,.sevices_bg {
	padding-bottom: 30px
}

.case_head h2 {
	text-align: center;
	margin-top: 60px;
	font-size: 38px;
	color: #fff;
	font-weight: 700
}

.case_head span {
	display: block;
	height: 10px;
	background: url(../images/Untitled-1.png) center center no-repeat
}

.case_head p {
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin-top: 8px
}

.case_list {
	clear: both;
	padding: 25px 0 0 0;
	margin-right: -15px;
	margin-left: -15px
}

.case_list2 {
	padding-top: 20px
}

.case_img {
	padding-left: 15px;
	padding-right: 15px;
	min-height: 270px
}

.case_img img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	max-height: 270px;
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
	padding: 0
}

.case_list2 div.case_img {
	min-height: 220px
}

.case_title {
	text-align: center;
	height: 40px
}

.case_title a {
	color: #fff;
	font-weight: 700
}

.case_title a:hover {
	text-decoration: none;
	color: #0ba754
}

.case_title2 a {
	color: #2f2f2f;
	font-weight: 400
}

.case_title2 a:hover {
	text-decoration: none;
	color: #0071bf
}

.news_bg {
	background-color: #f7f7f7
}

.news_head {
	margin-bottom: 20px
}

.news_head h2 {
	text-align: center;
	margin-top: 50px;
	font-size: 38px;
	color: #333;
	font-weight: 700
}

.news_head span {
	display: block;
	height: 10px;
	background: url(../images/Untitled-1.png) center center no-repeat
}

.news_head p {
	text-align: center;
	font-size: 18px;
	color: #555;
	margin-top: 8px
}

.news_p {
	text-align: center;
	color: #333;
	font-size: 13px;
	padding: 0;
	margin-top: 8px
}

.news_img {
	min-height: 430px;
	margin-top: 25px;
	margin-bottom: 50px;
	background-repeat: no-repeat
}

.news_index {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	margin-bottom: 25px
}

.news_index li {
	padding: 22px 0 22px 0;
	border-bottom: 1px dotted #dbd4cd
}

.news_index li span {
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	background-color: #f5f5f5;
	color: #db0f30;
	float: left;
	padding: 0 2px;
	margin-right: 15px
}

.news_index li span strong {
	display: block;
	font-size: 23px;
	padding-top: 5px
}

.news_index li span i {
	display: block;
	font-size: 12px;
	font-style: normal;
	font-family: Arial
}

.news_index li a {
	color: #333
}

.news_index li a:hover {
	text-decoration: none;
	color: red
}

.news_index li em {
	font-style: normal;
	display: inline-block;
	line-height: 18px;
	color: #999;
	padding-top: 8px;
	font-size: 12px
}

.about_head {
	margin-bottom: 60px
}

.about_head h2 {
	text-align: center;
	margin-top: 50px;
	font-size: 38px;
	color: #333;
	font-weight: 700
}

.about_head span {
	display: block;
	height: 3px;
	background: url(../images/h2_line.jpg) center center no-repeat
}

.about_head p {
	text-align: center;
	font-size: 18px;
	color: #555;
	margin-top: 8px
}

.about_h3 {
	font-family: Arial;
	color: #db0f30;
	font-size: 42px;
	font-weight: 700;
	margin: 0
}

.about_p {
	font-size: 16px;
	color: #000;
	padding-bottom: 20px;
	border-bottom: 1px solid #dadada
}

.about_content {
	line-height: 30px;
	color: #555;
	margin-top: 20px
}

.about_btn {
	display: block;
	text-align: center;
	width: 140px;
	padding: 7px 0;
	color: #fff;
	text-decoration: none;
	border-radius: 15px;
	background-color: #db0f30;
	margin-top: 20px
}

.about_btn:focus,.about_btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0ba754
}

.about_video {
	width: 100%
}

.bsc_index p:nth-child(1) {
	padding-left: 25px;
	background: url(../images/con3.png) left center no-repeat
}

.bsc_index p:nth-child(2) {
	padding-left: 25px;
	background: url(../images/con1.png) left center no-repeat
}

.bsc_index p:nth-child(3) {
	padding-left: 25px;
	background: url(../images/con2.png) left center no-repeat
}

.cooperation_head {
	margin-top: 60px;
	margin-bottom: 30px
}

.cooperation_head p {
	text-align: center;
	font-size: 24px;
	color: #333;
	margin-top: 8px
}

.cooperation_head span {
	display: block;
	height: 10px;
	background: url(../images/Untitled-1.png) center center no-repeat
}

.cooperation_img {
	padding-left: 15px;
	padding-right: 15px;
	min-height: 180px
}

.cooperation_img img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	max-height: 170px;
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
	padding: 0
}

.bsc_title {
	font-size: 22px;
	line-height: 52px;
	color: #db0f30
}

.bsc_body p {
	font-size: 16px;
	line-height: 28px;
	color: #fff
}

.page_bg {
	height: 229px;
	margin-top: 110px
}

.page_bg2 {
	height: 340px
}

.bread_bg {
	background-color: #f3f3f3;
	margin-bottom: 40px
}

.bread_nav {
	padding: 10px 0 10px 0
}

.bread_nav span {
	border-left: 8px solid #0ba754;
	padding-left: 8px
}

.bread_nav a {
	color: #4c4c4c
}

.bread_nav a:hover {
	color: #0071bf;
	text-decoration: none
}

.right_head {
	clear: both
}

.right_head h2 {
	height: 50px;
	font-size: 20px;
	font-weight: 400;
	color: #545454;
	line-height: 50px;
	border-bottom: 1px solid #ebebeb
}

.right_head h2 span {
	display: inline-block;
	height: 50px;
	border-bottom: 1px solid #0ba754
}

.right_contents {
	clear: both;
	padding: 15px 0 15px 0;
	line-height: 28px;
	overflow: auto
}

.right_contents_h1 {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	color: #000;
	font-size: 24px;
	color: #434343;
	font-weight: 700;
	line-height: 34px
}

.right_contents img {
	max-width: 840px
}

.right_new {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0
}

.right_new li {
	color: #898989;
	background: url(../images/li.png) no-repeat left 18px;
	font-size: 16px;
	line-height: 22px;
	padding: 12px 0;
	padding-left: 13px;
	border-bottom: 1px dashed #e3e2e2
}

.right_new li a {
	color: #2f2f2f
}

.right_new li a:focus,.right_new li a:hover {
	text-decoration: none;
	color: #0071bf
}

.right_new_time {
	float: right
}

.relevant_new ul.right_new li {
	font-size: 14px
}

.right_new .news_time {
	float: right
}

.page {
	clear: both;
	margin: 20px 0 20px 0;
	text-align: center
}

.page a {
	font: initial;
	line-height: 1.4;
	display: inline-block;
	font-family: Arial;
	font-size: 13px;
	border: #dbdbdb 1px solid;
	padding: 4px 9px;
	margin: 2px;
	margin-bottom: 5px;
	color: #31363c;
	text-decoration: none
}

.page a:focus,.page a:hover {
	font-family: Arial;
	font-size: 13px;
	border: #0ba754 1px solid;
	padding: 4px 9px;
	color: #fff;
	background-color: #0ba754
}

.page .current {
	font-family: Arial;
	border: #0ba754 1px solid;
	font-size: 13px;
	padding: 5px 9px;
	color: #fff;
	margin: 2px;
	background-color: #0ba754
}

.proinfo_box,.showpic_box {
	margin: 30px 0 20px 0
}

.product_h1 {
	margin: 0;
	line-height: 22px;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc
}

.product_info {
	list-style: none;
	padding: 0;
	margin-top: 10px
}

.product_info p {
	line-height: 28px
}

.product_btn {
	margin-top: 25px
}

#pic-page {
	text-align: center;
	margin-top: 10px
}

#pic-page a {
	margin: 0 2px
}

#pic-page a img {
	width: 40px;
	padding: 2px;
	border: solid #ccc 1px;
	margin-bottom: 5px
}

#pic-page a.active img,#pic-page a:hover img {
	border: solid #5280dd 1px
}

.product_con {
	clear: both;
	border-top: 1px dotted #a9a9a9;
	margin: 10px 0 20px 0;
	padding: 20px 0 0 0;
	line-height: 26px;
	overflow: auto
}

.photo_con {
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px 0 20px 0;
	line-height: 26px;
	overflow: auto
}

.photo_con img,.product_con img {
	max-width: 840px
}

.download_btn {
	float: right;
	display: block;
	margin: 10px 10px 20px 0
}

.page-btn {
	display: inline-block;
	float: left;
	background-color: #0ba754;
	border-radius: 0;
	border: none;
	transition: background .3s;
	margin-right: 15px
}

.page-btn:focus,.page-btn:hover {
	background-color: #434343
}

.grey-btn {
	border-radius: 0;
	border: none;
	background-color: #e8e8e8
}

.grey-btn:focus,.grey-btn:hover {
	background-color: #ccc
}

.feedback {
	margin-top: 50px
}

.form-horizontal .form-group {
	margin-right: -10px;
	margin-left: -10px
}

.codeimg {
	margin: 0 0 -10px -18px
}

.point {
	clear: both;
	margin: 20px 0 40px 0;
	padding-bottom: 40px;
	line-height: 22px
}

.point span.to_prev {
	text-align: center
}

.point span.to_prev a {
	color: #0ba754
}

.point span.to_prev a:hover {
	color: #ea042b
}

.point span.to_next {
	text-align: center
}

.point span.to_next a {
	color: #0ba754
}

.point span.to_next a:hover {
	color: #ea042b
}

.tags {
	margin: 18px 0 10px 0
}

.tags a {
	margin: 0 5px 8px 0
}

.tags_list {
	padding: 5px 10px 100px 10px
}

.tags_ul {
	margin-top: 0
}

.tags_ul li {
	line-height: 28px;
	margin-bottom: 8px;
	padding-bottom: 10px
}

.tags_ul h3 {
	font-size: 14px;
	padding: 0;
	margin: 0;
	line-height: 20px
}

.tags_ul p {
	font-size: 13px;
	padding: 0;
	margin: 0;
	color: #777;
	line-height: 20px;
	padding-top: 8px
}

ul.ul_sitemap {
	margin: 30px 0 40px 30px
}

ul.ul_sitemap li {
	list-style: none;
	line-height: 26px;
	clear: both
}

ul.ul_sitemap li a {
	color: #fff
}

li.small_li_sitemap {
	clear: both;
	padding-left: 12px
}

li.small_li2_sitemap {
	float: left;
	padding-left: 20px
}

.link_box {
	background-color: #000;
	padding: 20px 0 20px 0;
	text-align: center;
	color: #fff;
	font-size: 13px
}

.link_box a {
	color: #fff;
	padding: 0 0 0 10px;
	font-size: 13px
}

.link_box a:hover {
	text-decoration: none;
	color: #0ba754
}

.link_box a:last-child {
	border-right: 0
}

.link_box button {
	display: none
}

.link_title {
	font-size: 13px;
	margin-right: -6px
}

.link_title:after {
	content: "："
}

table {
	margin-bottom: 10px;
	border-collapse: collapse;
	display: table
}

td,th {
	padding: 5px 10px;
	border: 1px solid #ddd
}

caption {
	border: 1px dashed #ddd;
	border-bottom: 0;
	padding: 3px;
	text-align: center
}

th {
	border-top: 1px solid #bbb;
	background-color: #f7f7f7
}

table tr.firstRow th {
	border-top-width: 2px
}

.ue-table-interlace-color-single {
	background-color: #fcfcfc
}

.ue-table-interlace-color-double {
	background-color: #f7faff
}

td p {
	margin: 0;
	padding: 0
}
	.footer_qrcode {
		display: block;
		max-width: 130px;
		margin: 0 auto;
	}
@media screen and (min-width:769px) {
	.logo {
		margin: 25px 0 0 0;
		max-width: 330px;
		max-height: 70px
	}

	.flash {
		margin-top: 78px
	}

	.navbar {
		min-height: 80px
	}

	.navbar-nav {
		float: right
	}

	.navbar-nav>li>a {
		text-align: center
	}

	.navbar-default .navbar-nav>li>a {
		padding: 45px 22px 45px 22px;
		color: #312b2b;
		font-size: 16px
	}

	.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
		background-color: #0ba754;
		color: #fff
	}

	.small-nav {
		min-height: 50px;
		margin-top: 0;
		background: rgba(255,255,255,.9);
		box-shadow: 0 3px 4px rgba(0,0,0,.1)
	}

	.small-nav .navbar-nav>li>a {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.small-nav img.logo {
		max-height: 50px;
		max-width: 220px;
		margin: 5px 0 0 0
	}

	.nav_small {
		background: rgba(0,0,0,.6);
		padding: 15px 0 15px 0;
		border-radius: 0;
		border: none
	}

	.nav_small>li>a {
		line-height:42px;
		color: #fff;
		font-size: 14px
	}

	.nav_small>li>a:hover {
		color: #fff;
		background-color: #0ba754
	}

	#app_menudown,#small_search {
		display: none
	}

	.mfoot_box {
		display: none
	}
}

@media screen and (max-width:768px) {
	.header {
		height: 60px;
		position: relative;
		top: 0
	}

	.header .sublogo {
		display: none
	}

	.header .navWrap:after {
		display: none
	}

	.logo {
		height: 60px
	}

	.htel {
		height: 60px;
		width: 25%;
		margin-right: 60px
	}

	.wow {
		visibility: visible
	}

	.child .childContent {
		display: none!important
	}

	button.nav-trigger {
		display: block
	}

	.nav_transform1 {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 20;
		overflow-y: scroll;
		box-sizing: border-box;
		padding: 44px;
		width: 84vw;
		border: 0;
		background: #262526;
		text-align: left;
		text-transform: none;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-overflow-scrolling: touch
	}

	.nav_transform1 {
		transition: -webkit-transform .3s cubic-bezier(.86,0,.07,1);
		transition: transform .3s cubic-bezier(.86,0,.07,1)
	}

	.navigation-is-visible .nav_transform1 {
		-webkit-transform: none;
		transform: none
	}

	.nav-overlay {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100vw;
		height: 100vh;
		background: rgba(0,0,0,.6);
		opacity: 0;
		transition: opacity .3s linear;
		pointer-events: none
	}

	.navigation-is-visible .nav-overlay {
		opacity: 1;
		pointer-events: auto
	}

	.nav_transform1 ul.navCont li.child {
		float: none;
		margin: 0 auto;
		width: 100px
	}

	.nav_transform1 ul.navCont li.child a {
		padding: 1rem 0;
		line-height: inherit;
		color: #fff;
		font-size: 14px
	}

	.nav_transform1 ul.navCont li.child.last {
		margin-right: auto
	}

	.nav_transform1 ul.navCont li.child a:after {
		display: none
	}

	.nav_transform1 ul.navCont li.child .childcont {
		display: none!important
	}

	.footer {
		font-size: 12px;
		line-height: inherit
	}

	.footer span {
		display: block;
		text-align: center
	}

	.footer .footer_link {
		display: none
	}

	.footer_info {
		text-align: center;
		padding: 15px 0
	}

	.footer_info .usinfo {
		padding: 0;
		margin: 0
	}

	.footer_info .usinfo h5 {
		font-size: 14px
	}

	.footer_info .usinfo p {
		font-size: 12px
	}

	.top {
		border-radius: 100%
	}

	.index_ {
		padding-top: 2em;
		padding-bottom: 1em
	}

	.index_ .T {
		padding-bottom: 18px
	}

	.index_ .T h1 {
		font-size: 22px
	}

	.index_ .T h2 {
		font-size: 18px
	}

	.index_ .T h2 strong {
		width: 100%;
		background-size: contain
	}

	.index_ .T h2.border strong:after,.index_ .T h2.border strong:before {
		width: 60%
	}

	.index_ .T h3 {
		font-size: 16px
	}

	.index_ .T h4 {
		font-size: 12px
	}

	.article .C {
		font-size: 12px
	}

	.module_cate {
		width: 95%;
		padding-bottom: 0
	}

	.module_prod {
		padding: 3rem 0;
		margin-top: 0
	}

	.module_cate .swiper-slide a.cateMore {
		display: none
	}

	.module_cate .swiper-slide .js_cate {
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid #fff
	}

	.module_cate .swiper-slide:hover .js_cate {
		border-color: #2b2a2a
	}

	.services-box {
		text-align: center;
		padding-bottom: 1rem
	}

	.nbanner {
		height: 150px
	}

	.nbanner img {
		margin-top: -182px;
		margin-left: -500px;
		width: 1000px;
		height: 260px
	}

	.aboutBox {
		padding-left: 0
	}

	.news-box {
		margin-bottom: 1rem
	}

	.news-box .news_cont p {
		height: 3.15rem
	}

	.news-box .news_time .date {
		line-height: 22px;
		text-align: left;
		padding: 0;
		margin: 0
	}

	.news-box .news_time .date:before {
		display: none
	}

	.news-box .news_time .date i {
		font-size: inherit;
		font-weight: 400;
		display: inline
	}

	.newsTit h1 {
		padding: 25px 0 25px;
		font-size: 22px
	}

	.newsTit p span {
		display: inline-block
	}

	.content_bak {
		padding: 20px 0!important;
		border: 0;
		background-color: #fff
	}

	.content_bak h2 {
		font-size: 15px;
		font-weight: 400;
		margin: 0 0
	}

	.content_bak p {
		font-size: 13px;
		margin: 1em 0;
		line-height: 22px
	}

	.newsDetailCur li,.newsDetailCur li.r {
		float: left;
		padding-bottom: 10px;
		width: 100%;
		text-align: left;
		white-space: nowrap;
		font-size: 13px
	}

	.jobapply {
		padding: 10px
	}

	.jobchild {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-right: 0;
		border-bottom: 1px solid #ccc
	}

	.section_njob a.back {
		display: none
	}

	.navContent,.subNav,.sub_top p {
		padding-left: 4%
	}

	.section_njob .services-box .icon {
		float: left;
		width: 60px;
		font-size: 26px;
		line-height: 2
	}

	.section_njob .services-box h3,.section_njob .services-box p {
		text-align: left
	}

	.section_njob .services-box h3 {
		padding: 0;
		font-weight: 400;
		font-size: 18px
	}

	.subNav {
		line-height: 44px
	}

	.subNav i {
		font-size: 18px;
		line-height: 44px
	}

	.sect_job .m-table {
		width: auto
	}

	.sect_job .m-table thead {
		font-size: 14px;
		font-weight: 400
	}

	.sect_job .m-table td a {
		padding: 0;
		background: 0 0;
		color: inherit
	}

	.flash {
		margin-top: 50px
	}

	.navbar {
		min-height: 50px
	}

	.navbar-default .navbar-brand {
		color: #fff;
		font-size: 16px
	}

	.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
		color: #fff
	}

	.navbar-default .navbar-collapse,.navbar-default .navbar-form {
		border: none
	}

	.navbar-default .navbar-nav {
		margin-top: 0;
		margin-bottom: 0
	}

	.navbar-default .navbar-nav>li:last-child {
		border: none
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
		background-color: #0ba754;
		color: #fff
	}

	.small-nav {
		margin-top: 0;
		background: rgba(255,255,255,.9);
		box-shadow: 0 3px 4px rgba(0,0,0,.1)
	}

	.center_nav,.home-btn,.page_bg,.top_name {
		display: none
	}

	.language {
		border-left: 0;
		border-right: 0
	}

	.list_box {
		margin-top: 75px
	}

	#topsearch {
		display: none
	}

	.product_head h2 {
		margin-top: 40px;
		font-size: 25px
	}

	.product_head p {
		font-size: 14px;
		margin-top: 8px
	}

	.product_img {
		min-height: 180px
	}

	.product_list2 div.product_img {
		min-height: 180px
	}

	.case_head h2 {
		font-size: 26px
	}

	.case_head p {
		font-size: 14px;
		margin-top: 4px
	}

	.case_img {
		min-height: 150px
	}

	.case_list2 div.case_img {
		min-height: 150px
	}

	.case_bg {
		padding-top: 0;
		padding-bottom: 0
	}

	.sevices_bg {
		padding-top: 0;
		padding-bottom: 45px
	}

	.news_head {
		margin-bottom: 0
	}

	.news_head h2 {
		margin-top: 30px;
		font-size: 26px
	}

	.news_head p {
		font-size: 14px;
		margin-top: 4px
	}

	.news_index {
		padding-left: 0
	}

	.news_img {
		display: none
	}

	.news_time {
		display: none
	}

	.news_h2 {
		font-size: 24px;
		margin-top: 20px
	}

	.news_p {
		font-size: 12px;
		margin-top: 4px
	}

	.about_us {
		margin-top: 40px
	}

	.about_h3,.about_p {
		text-align: center
	}

	.about_head {
		margin-bottom: 25px
	}

	.about_head h2 {
		margin-top: 35px;
		font-size: 26px
	}

	.about_head p {
		font-size: 14px;
		margin-top: 8px
	}

	.about_content {
		margin-top: 0
	}

	.about_btn {
		display: block;
		width: 200px;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 40px
	}

	.cooperation_head {
		margin-top: 50px
	}

	.cooperation_head p {
		font-size: 22px;
		margin-top: 8px
	}

	.cooperation_img {
		min-height: 100px
	}

	.page_bg {
		display: none
	}

	.page_bg2 {
		height: auto;
		background: #00000;
		padding-bottom: 45px
	}

	.photo_con img,.product_con img,.right_contents img {
		max-width: 100%
	}

	.feedback {
		margin-top: 20px
	}

	.proinfo_box {
		margin-bottom: 80px
	}

	#pic-page a img {
		width: 35px
	}

	#cmsFloatPanel {
		display: none
	}

	.point span.to_next,.point span.to_prev {
		text-align: left;
		padding-bottom: 8px
	}

	.footer_logo,.footer_logo_text {
		display: none
	}

	.footer_contact {
		margin-bottom: 30px
	}

	.footer_qrcode {
		display: block;
		max-width: 130px;
		margin: 0 auto;
		margin-top: 25px
	}

	.footer_qrcode_text {
		width: 130px;
		margin: 0 auto;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 35px
	}

	.link_box {
		padding-left: 7px;
		margin-bottom: 50px
	}

	.link_box a {
		display: block;
		border-right: 0;
		padding: 4px 0
	}

	.link_title {
		display: block
	}

	.link_title:after {
		content: ""
	}

	.link_box button {
		display: inline-block;
		background-color: transparent;
		border: none;
		float: right;
		margin-top: -20px
	}

	.link_box button:focus,.link_box button:hover {
		color: #97f3e7
	}

	.link_list {
		display: none;
		padding-top: 7px
	}

	.tags_box {
		padding-left: 7px;
		margin-bottom: 50px
	}

	.tags_box a {
		display: block;
		border-right: 0;
		padding: 4px 0
	}

	.tags_title {
		display: block
	}

	.tags_title:after {
		content: ""
	}

	.tags_box button {
		display: inline-block;
		background-color: transparent;
		border: none;
		float: right;
		margin-top: -20px
	}

	.tags_box button:focus,.tags_box button:hover {
		color: #97f3e7
	}

	.tags_rows {
		display: none;
		padding-top: 7px
	}

	.mfoot_box {
		background-color: #fafafa
	}

	.mfoot_nav {
		width: 25%;
		float: left;
		background-color: #fafafa;
		text-align: center;
		color: #898989;
		cursor: pointer
	}

	.mfoot_nav:focus,.mfoot_nav:hover {
		background-color: #e4e4e4;
		cursor: pointer
	}

	.mfoot_nav a {
		color: #898989;
		display: block
	}

	.mfoot_nav a:focus,.mfoot_nav a:hover {
		text-decoration: none
	}

	.mfoot_nav span {
		display: block;
		padding: 3px 0 0 0
	}

	.mfoot_share {
		width: 240px;
		padding: 5px
	}
	.container {
}
	.bread_bg{
	margin-bottom: 20px;
}
	.bread_nav {
	padding: 80px 0 10px 0
}
}

@media screen and (max-width:767px) {
	.copyright_p {
		display: none
	}
}

@media screen and (min-width:320px) and (max-width:768px) {
	.col-mm-1,.col-mm-10,.col-mm-11,.col-mm-12,.col-mm-2,.col-mm-3,.col-mm-4,.col-mm-5,.col-mm-6,.col-mm-7,.col-mm-8,.col-mm-9 {
		float: left
	}

	.col-mm-12 {
		width: 100%
	}

	.col-mm-11 {
		width: 91.66666667%
	}

	.col-mm-10 {
		width: 83.33333333%
	}

	.col-mm-9 {
		width: 75%
	}

	.col-mm-8 {
		width: 66.66666667%
	}

	.col-mm-7 {
		width: 58.33333333%
	}

	.col-mm-6 {
		width: 50%
	}

	.col-mm-5 {
		width: 41.66666667%
	}

	.col-mm-4 {
		width: 33.33333333%
	}

	.col-mm-3 {
		width: 25%
	}

	.col-mm-2 {
		width: 16.66666667%
	}

	.col-mm-1 {
		width: 8.33333333%
	}
}/*! normalize.css v2.1.3 | MIT License | git.io/normalize *//*! normalize.css v2.1.3 | MIT License | git.io/normalize */html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch
}

menu,ol,ul {
	padding-left: 0;
	list-style-type: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	margin: .67em 0;
	font-size: 2em
}

mark {
	color: #000;
	background: #ff0
}

small {
	font-size: 80%
}

sub,sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

pre {
	overflow: auto
}

code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea {
	margin: 0;
	font: inherit;
	color: inherit
}

button {
	overflow: visible
}

button,select {
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

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

input {
	line-height: normal
}

input[type=checkbox],input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid silver
}

legend {
	padding: 0;
	border: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

td,th {
	padding: 0
}

img {
	max-width: 100%;
	border: 0;
	vertical-align: top
}

a,button,input,select,textarea {
	outline: 0
}

a {
	text-shadow: none;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	background-color: transparent
}

* {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.widget-respimg {
	display: table-cell!important;
	text-align: center;
	vertical-align: middle
}

.widget-respimg img {
	max-height: 100%;
	max-width: 100%
}

.ghost-center {
	height: 100%
}

.ghost-center:before {
	content: " ";
	display: inline-block;
	height: 100%;
	width: 0%;
	vertical-align: middle
}

.ghost-center p {
	display: inline-block;
	vertical-align: middle
}

.shade {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	transition: all .5s ease
}

a:hover .shade {
	z-index: 999;
	background: url(../images/plus2.png) center center no-repeat rgba(0,0,0,.5)
}

.mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/layer.png) no-repeat;
	background-size: 100%;
	color: #fff;
	content: "";
	font-size: 18px
}

.mask2 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.2)
}

.mask3 {
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center
}

.mask3 {
	-webkit-transition: all ease-in-out .35s;
	-moz-transition: all ease-in-out .35s;
	-o-transition: all ease-in-out .35s;
	transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s
}

.m-table {
	table-layout: fixed;
	width: 100%;
	line-height: 1.5
}

.m-table td,.m-table th {
	padding: 10px;
	border: 1px solid #e8e8e8;
	text-align: center
}

.m-table th {
	font-weight: 700
}

.m-table tbody tr:nth-child(2n) {
	background: #fafafa
}

.m-table tbody tr:hover {
	background: #e4f4e9
}

.m-table tbody tr:nth-child(2n):hover {
	background: #fff
}

.m-table .cola {
	width: 100px
}

.m-table .colb {
	width: 200px
}

.m-table .colc {
	width: 60px
}

.m-table-row td,.m-table-row th {
	border-width: 0 0 1px
}

.m-table-rds {
	border-collapse: separate;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
	border-radius: 5px
}

.m-table-rds td,.m-table-rds th {
	border-width: 1px 0 0 1px
}

.m-table-rds>:first-child>:first-child>:first-child {
	border-top-left-radius: 5px
}

.m-table-rds>:first-child>:first-child>:last-child {
	border-top-right-radius: 5px
}

.m-table-rds>:last-child>:last-child>:first-child {
	border-bottom-left-radius: 5px
}

.m-table-rds>:last-child>:last-child>:last-child {
	border-bottom-right-radius: 5px
}

.m-form {
	padding: 0 0 10px 0
}

.m-form legend {
	font-size: 1.25rem;
	color: #444;
	padding-bottom: 8px
}

.m-form .btn {
	width: 100%;
	border-radius: 0;
	padding: 10px 10px;
	margin-top: 0;
	border: 1px solid #00aa3a;
	background: #00aa3a;
	color: #fff
}

.m-form .btn {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s
}

.m-form .btn-default.focus,.m-form .btn-default:focus {
	color: #fff;
	opacity: .8
}

.m-form .btn-default:hover {
	color: #fff;
	opacity: .8;
	border-color: #ff8e00;
	background-color: #ff8e00
}

.m-form .btn[type=reset] {
	background-color: #797979;
	border: 1px solid #797979
}

.form-label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 14px
}

.form-control {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 40px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f1f1f1;
	background-image: none;
	border: 1px solid #eae7e7;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #999
}

.form-control::-webkit-input-placeholder {
	color: #999
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
	cursor: not-allowed
}

textarea.form-control {
	height: auto
}

input[type=search] {
	-webkit-appearance: none
}

@media (min-width:768px) {
	.form-inline .form-group {
		width: 100%;
		border-bottom: 1px solid #eae7e7;
		border-left: 1px solid #eae7e7;
		padding: 10px 0;
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle
	}

	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
		width: 60%
	}

	.form-inline .form-label {
		padding-left: 15px;
		width: 86px;
		text-align: left
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
		line-height: 34px
	}

	.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
		line-height: 30px
	}

	.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
		line-height: 46px
	}
}

.form-group {
	margin-bottom: 15px
}

.checkbox,.radio {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}

.checkbox label,.radio label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
	position: absolute;
	margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
	margin-top: -5px
}

.checkbox-inline,.radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
	margin-top: 0;
	margin-left: 10px
}

fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
	cursor: not-allowed
}

.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
	cursor: not-allowed
}

.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
	cursor: not-allowed
}

:-moz-placeholder {
	color: #fff
}

::-moz-placeholder {
	color: #fff
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #fff
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #fff
}

.f-cb:after,.f-cbli li:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: "."
}

.f-cb,.f-cbli li {
	zoom: 1
}

.f-ib {
	display: inline-block
}

.f-dn {
	display: none
}

.f-db {
	display: block
}

.f-fl {
	float: left
}

.f-fr {
	float: right
}

.f-pr {
	position: relative
}

.f-prz {
	position: relative;
	zoom: 1
}

.f-pa {
	position: absolute
}

.f-oh {
	overflow: hidden
}

.f-ff0 {
	font-family: arial,\5b8b\4f53
}

.f-ff1 {
	font-family: "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53
}

.f-fs1 {
	font-size: 12px
}

.f-fs2 {
	font-size: 14px
}

.f-fwn {
	font-weight: 400
}

.f-fwb {
	font-weight: 700
}

.f-tal {
	text-align: left
}

.f-tac {
	text-align: center!important
}

.f-tar {
	text-align: right
}

.f-taj {
	text-align: justify;
	text-justify: inter-ideograph
}

.f-vam,.f-vama * {
	vertical-align: middle
}

.f-wsn {
	word-wrap: normal;
	white-space: nowrap
}

.f-pre {
	overflow: hidden;
	text-align: left;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all
}

.f-wwb {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.f-ti {
	overflow: hidden;
	text-indent: -30000px
}

.f-ti2 {
	text-indent: 2em
}

.f-lhn {
	line-height: normal
}

.f-tdu,.f-tdu:hover {
	text-decoration: underline
}

.f-tdn,.f-tdn:hover {
	text-decoration: none
}

.f-toe {
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis
}

.f-csp {
	cursor: pointer
}

.f-csd {
	cursor: default
}

.f-csh {
	cursor: help
}

.f-csm {
	cursor: move
}

.f-usn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

.f-cen {
	margin: 0 auto
}

.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em
}

.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em
}

.overflow {
	text-indent: -9999px;
	font-size: 0;
	line-height: 0
}

.overflow a {
	display: block;
	width: 100%;
	height: 100%
}

.plugin-fixed-call {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 45px;
	display: none;
	z-index: 1000
}

.plugin-fixed-call .child {
	position: absolute;
	right: 0;
	overflow: hidden;
	cursor: pointer;
	width: 45px;
	height: 45px;
	background: #c00;
	line-height: 45px;
	margin-top: 1px
}

.plugin-fixed-call .child {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s
}

.plugin-fixed-call .child:hover {
	width: 140px;
	background: #000
}

.plugin-fixed-call .child img {
	position: absolute;
	top: 0;
	left: 0
}

.plugin-fixed-call .child p {
	position: absolute;
	left: 45px;
	color: #fff
}

.plugin-fixed-call .fixedQQ {
	bottom: 92px
}

.plugin-fixed-call .fixedCall {
	bottom: 46px
}

.plugin-fixed-call .fixedTop {
	position: absolute;
	right: 0;
	bottom: 138px;
	color: #fff;
	background-color: #cbcbcb;
	cursor: pointer;
	text-align: center;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	font-family: "MICROSOFT YAHEI","Arial Narrow"
}

.plugin-fixed-call .fixedTop .fixedTopPointer {
	position: absolute;
	top: -5px;
	left: 18px
}

.plugin-fixed-call .fixedCode {
	bottom: 0;
	cursor: pointer;
	width: 45px;
	height: 45px;
	background: #c00;
	line-height: 45px;
	margin-top: 1px
}

.plugin-fixed-call .fixedCode:hover .fixedCodeInfo {
	display: block;
	opacity: 1
}

.fixedCodeInfo {
	display: none;
	position: fixed;
	bottom: 0;
	right: 54px;
	padding: 0 3px;
	border: 1px solid #ccc;
	background: #fff;
	opacity: 0
}

.fixedCodeInfo .fixedPointer {
	position: absolute;
	right: -6px;
	bottom: 12px
}

body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	color: #393a45;
	font: 14px/1.8 'Microsoft Yahei',Arial,sans-serif
}

input,textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: 0 0;
	vertical-align: middle
}

body,button,dd,dl,form,h1,h2,h3,h4,h5,menu,ol,p,ul {
	margin: 0
}

menu,ol,ul {
	padding-left: 0;
	list-style-type: none
}

a,input,select,textarea {
	outline: 0;
	star: expression(this.onFocus=this.blur())
}

footer p {
	margin: 0;
	line-height: 28px
}

.footer_qrcode_text {
	text-align: center
}

a {
	outline: 0;
	color: #000;
	text-decoration: none;
	font-family: "微软雅黑"
}

footer a {
	color: #fff
}

a:hover {
	color:#0BA754
}

b,i {
	font-style: normal
}

.arrs,.mask2,.media-box h5,.media-box p,:after,:before,a.cateMore,b,h1,img,input,span {
	-moz-transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
	-o-transition: all ease-in-out .35s;
	-ms-transition: all ease-in-out .35s;
	transition: all ease-in-out .35s
}

@keyframes rightOpacityShow {
	0% {
		transform: translateX(-80px);
		opacity: 0
	}

	80% {
		transform: translateX(20px)
	}

	100% {
		transform: translateX(0);
		opacity: 1
	}
}

@-moz-keyframes rotateYOpacityAn {
	0% {
		-moz-transform: translateX(-80px);
		opacity: 0
	}

	80% {
		-moz-transform: translateX(20px)
	}

	100% {
		-moz-transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateYOpacityAn {
	0% {
		-webkit-transform: translateX(-80px);
		opacity: 0
	}

	80% {
		-webkit-transform: translateX(20px)
	}

	100% {
		-webkit-transform: translateX(0);
		opacity: 1
	}
}

@-o-keyframes rotateYOpacityAn {
	0% {
		-o-transform: translateX(-80px);
		opacity: 0
	}

	80% {
		-o-transform: translateX(20px)
	}

	100% {
		-o-transform: translateX(0);
		opacity: 1
	}
}

.page {
	overflow: hidden
}

section {
	overflow: hidden
}

.wow {
	visibility: hidden
}

.opc0 {
	opacity: 0
}

.clear:after,.clear:before {
	content: "";
	display: table
}

.clear:after {
	clear: both
}

.dib {
	display: inline-block
}

.btn {
	cursor: pointer
}

.hide {
	display: none
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000
}

.header .navWrap {
	background: #fff;
	position: relative
}

.header .navWrap:after {
	display: block;
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	background: #fff;
	width: 100%
}

.header .navWrap:before {
	display: block;
	content: '';
	position: absolute;
	width: 40px;
	height: 100%;
	background: #0ba754;
	right: 100%;
	top: 0
}

.sublogo {
	background: #0ba754;
	color: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 1em 5em 1em 1em
}

.sublogo:before {
	display: block;
	content: '';
	width: 40px;
	height: 100%;
	position: absolute;
	background: #0ba754;
	right: 100%;
	top: 0
}

.sublogo:after {
	display: block;
	content: '';
	position: absolute;
	background: #0ba754;
	height: 100%;
	width: 80px;
	transform: skewX(-30deg);
	top: 0;
	right: 0;
	margin-right: -40px
}

.header {
	transition: bottom .5s,background .5s,height .5s,top .5s,line-height .5s
}

.header * {
	transition: all .5s
}

@media screen and (min-width:1024px) {
	.header.header-min .logo,.header.header-min .navBox {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		-webkit-transform-origin: right;
		transform-origin: right
	}

	.header.header-min .logo {
		height: 90px;
		-webkit-transform-origin: left;
		transform-origin: left
	}

	.header.header-min .nav_transform1 ul.navCont li.child a {
		line-height: 90px
	}

	.header.header-min .navWrap:before {
		opacity: 0
	}

	.header.header-min .sublogo {
		opacity: 0
	}
}

.bar {
	background: #333;
	color: #ccc;
	position: relative;
	clear: both;
	line-height: 36px;
	overflow: hidden;
	font-size: 12px;
	font-weight: lighter;
	border-bottom: 1px solid #e5e5e5
}

.bar a {
	color: #ccc
}

.bar ul li {
	float: left;
	font-size: 12px
}

.bar ul li i.split {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 9px;
	background: #8d8d8d;
	margin: 0 4px
}

.logo a {
	display: block;
	height: 100%
}

.logo span {
	display: inline-block;
	height: 100%;
	width: 0;
	text-align: center;
	vertical-align: middle
}

.logo img {
	vertical-align: middle;
	max-height: 100%
}

.logo:after {
	display: none;
	content: '';
	width: 1px;
	height: 68px;
	background-color: #e1e1e1;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -34px
}

.htel {
	width: 10%;
	float: right;
	height: 90px;
	padding-right: 2%;
	color: #676767
}

.wapNavBtn {
	position: absolute;
	top: 16px;
	right: 5px;
	display: none;
	width: 24px;
	font-size: 24px;
	cursor: pointer;
	animation: transform .6s ease-in-out 0s both;
	-moz-animation: transform .6s ease-in-out 0s both;
	-webkit-animation: transform .6s ease-in-out 0s both;
	-o-animation: transform .6s ease-in-out 0s both;
	z-index: 99
}

.wapNavPointer {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	cursor: pointer
}

button.nav-trigger {
	display: none;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 20;
	height: 60px;
	width: 50px;
	margin-top: -30px;
	padding: 0 12px;
	background: 0 0;
	border: 0;
	outline: 0
}

.nav-trigger {
	transition: -webkit-transform .3s cubic-bezier(.86,0,.07,1);
	transition: transform .3s cubic-bezier(.86,0,.07,1)
}

.nav-icon {
	position: relative;
	top: 2px;
	right: inherit;
	display: block;
	width: 26px;
	height: 2px;
	background-color: #000;
	border-radius: 2.5rem;
	transition: all .3s
}

.nav-icon:after,.nav-icon:before {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	height: 2px;
	width: 100%;
	border-radius: 2.5rem;
	background-color: #000;
	transition: all .3s
}

.nav-icon:before {
	top: 7px
}

.nav-icon:after {
	top: -7px
}

.navigation-is-visible .nav-icon {
	background-color: transparent!important
}

.navigation-is-visible .nav-icon:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
	background-color: #fff
}

.navigation-is-visible .nav-icon:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	background-color: #fff
}

.navBox {
	background-color: #fff;
	width: 60%;
	float: right;
	padding-right: 2%
}

.nav_transform1 {
	position: relative
}

.nav_transform1 .navTop {
	position: absolute;
	top: 0;
	display: none;
	height: 4px;
	background: #00aa3a;
	z-index: 2
}

.nav_transform1 .navTop {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s
}

.nav_transform1 ul.navCont {
	font-size: 16px
}

.nav_transform1 ul.navCont li.child {
	position: relative;
	float: left;
	width: 12.5%;
	text-align: center
}

.nav_transform1 ul.navCont li.child.last {
	margin-right: 0
}

.nav_transform1 ul.navCont li.child a {
	display: block;
	line-height: 104px;
	transition: initial
}

.nav_transform1 ul.navCont li.child a:hover,.nav_transform1 ul.navCont li.child.cur a {
	background: #0ba754;
	color: #fff
}

.nav_transform1 ul.navCont li.child a:after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #efefef
}

.nav_transform1 ul.navCont li.child.last a:after {
	display: none
}

.nav_transform1 ul.navCont li.child a span {
	transition: initial;
	padding: 5px 0
}

.nav_transform1 ul.navCont li.child a.cur span {
	border-bottom: 3px solid #ff9c01
}

.nav_transform1 ul.navCont li.child .childcont {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 999
}

.nav_transform1 ul.navCont li.child .childcont li a {
	font-size: 14px;
	background-color: #0ba754;
	color: #fff;
	padding: 10px 0;
	line-height: 1.8!important
}

.nav_transform1 ul.navCont li.child .childcont li a:after {
	display: none
}

.nav_transform1 ul.navCont li.child .childcont li a:hover {
	background: #fff;
	color: #000
}

.footer {
	background: #0150a4;
	color: #6f7174
}

.footer a {
	color: #6f7174
}

.footer a:hover {
	text-decoration: underline;
	color: inherit
}

.footer_detail {
	padding: 15px 10px 0 10px
}

.footer_detail span {
	padding-right: 30px
}

.footer_detail ul {
	width: 103%
}

.footer_detail ul li {
	width: 17%;
	float: left;
	line-height: 1.3;
	text-align: left;
	margin-right: 3%;
	padding-top: 55px
}

.footer_detail ul li p {
	padding-left: 36px
}

.footer_detail ul li i {
	float: left;
	font-size: 3rem
}

.footer_nav {
	padding: 1em 0;
	text-align: center;
	background: #0ba754
}

.footer_nav a {
	padding: 0 10px;
	position: relative;
	color: #fff
}

.footer_nav a:after {
	display: block;
	content: '';
	width: 1px;
	height: 11px;
	background-color: #90bcea;
	position: absolute;
	right: 0;
	top: 5px
}

.footer_nav a.last:after {
	display: none
}

.footer_link {
	padding: 1em 0;
	text-align: center;
	background-color: #f6f6f6
}

.footer_link a {
	color: #6e6e6e;
	padding: 0 4px
}

footer {
	background-color: #303339;
	color: #fff;
	padding: 40px 0 20px 0
}

.copyright {
	line-height: 20px
}

.copyright a {
	color: #fff
}

.foot_nav {
	width: 25%;
	float: left;
	background-color: #fafafa;
	text-align: center;
	color: #898989;
	cursor: pointer
}

.foot_nav:focus,.foot_nav:hover {
	background-color: #e4e4e4;
	cursor: pointer
}

.foot_nav a {
	color: #898989;
	display: block
}

.foot_nav a:focus,.foot_nav a:hover {
	text-decoration: none
}

.foot_nav span {
	display: block;
	padding: 3px 0 0 0
}


.top {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 80px;
	z-index: 999;
	width: 40px;
	height: 40px;
	font-size: 24px;
	background: #ccc;
	color: #fff;
	line-height: 40px;
	text-align: center;
	cursor: pointer
}

.top {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s
}

.top:hover {
	opacity: .8
}

.top img {
	vertical-align: middle
}

.index_ {
	padding: 4rem 0 3rem
}

.index_ .T {
	padding-bottom: 3.4em;
	text-align: center;
	color: #393a45;
	text-transform: uppercase
}

.index_ .T h1 {
	font-size: 60px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: -webkit-pictograph;
	line-height: 1
}

.index_ .T h2 {
	font-size: 1.9rem
}

.index_ .T h2 strong {
	padding: 0 2rem;
	position: relative
}

.index_ .T h2.border strong:before {
	display: block;
	content: ' ';
	width: 50%;
	height: 1px;
	border-bottom: 1px solid #8d8d8d;
	position: absolute;
	right: 100%;
	bottom: 46%
}

.index_ .T h2.border strong:after {
	display: block;
	content: ' ';
	width: 50%;
	height: 1px;
	border-bottom: 1px solid #8d8d8d;
	position: absolute;
	left: 100%;
	bottom: 46%
}

.index_ .T h3 {
	font-size: 24px;
	font-weight: 400
}

.index_ .T h4 {
	font-size: 16px;
	font-weight: 400;
	color: #7e7e7e
}

.index_ .T h5 {
	font-size: 14px;
	font-weight: 400;
	color: #282828;
	font-family: 'times new roman'
}

.index_ .T img {
	display: block
}

.text-color1 {
	color: #0ba754
}

.text-color2 {
	color: #0ba754
}

a.more {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s
}

a.more.block {
	padding: 6px 30px;
	border: 1px solid #d2d2d2;
	display: inline-block;
	margin-top: 20px
}

a.more.block:hover {
	border-color: #ad2226;
	color: inherit
}

a.button {
	width: 220px;
	height: 45px;
	border: 1px #eee solid;
	border-radius: 40px;
	background-color: #fff;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 45px;
	position: relative;
	overflow: hidden
}

a.button.anim span {
	position: absolute;
	left: 50%;
	top: 0;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms
}

a.button.anim i:before {
	font-size: 22px;
	color: #ec408c;
	position: absolute;
	top: 9px;
	left: 0;
	-webkit-transform: translateX(-200%);
	-ms-transform: translateX(-200%);
	-o-transform: translateX(-200%);
	transform: translateX(-200%)
}

a.button.anim:hover i:before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

a.button.anim:hover span {
	left: 120%
}

.services-box {
	padding: 1rem 0 3.5rem 0;
	display: block;
	color: #fff
}

.services-box .icon {
	display: inline-block;
	background: #fff;
	width: 100px;
	height: 100px;
	position: relative;
	margin-bottom: 0
}

.services-box .icon a {
	display: block;
	width: 67px;
	height: 67px;
	margin: 0 auto;
	padding-top: 12px
}

.services-box .icon img {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s
}

.services-box .icon a:hover img {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg)
}

.services-box h3 {
	font-size: 1.8rem;
	padding-bottom: .5rem;
	font-weight: 400
}

.services-box p {
	font-size: 14px
}

.services-box i {
	display: inline-block;
	width: 105px;
	height: 74px;
	border-radius: 100%;
	font-size: 44px;
	line-height: 74px;
	color: #b9b8be
}

.services-box.horizontal {
	text-align: left;
	padding-bottom: 0
}

.services-box.horizontal .icon {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	border: 3px solid #ccc;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 700;
	color: #ccc;
	text-align: center;
	line-height: 24px;
	margin-top: 8px
}

.services-box.horizontal .icon a {
	padding-top: 0;
	line-height: 67px;
	text-align: center;
	font-size: 40px
}

.services-box.horizontal h3 {
	margin-left: 180px;
	padding: 0;
	margin-bottom: 20px
}

.services-box.horizontal p {
	margin-left: 40px;
	height: 40px;
	font-size: 12px
}

.media-box {
	display: block;
	text-align: center;
	margin-bottom: 15px;
	width: 100%;
	position: relative
}

.media-box .icon {
	display: inline-block;
	background: #f3f4f8;
	width: 300px;
	height: 190px;
	overflow: hidden
}

.media-box .icon {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s
}

.media-box h5 {
	font-size: 1rem;
	padding: .35rem .75rem;
	font-weight: 400;
	color: #000
}

.media-box h3 {
	font-size: 14px;
	padding: 5px 10px;
	font-weight: 400;
	color: #000
}

.media-box p {
	font-size: .88rem;
	padding: 0 10px;
	line-height: 2.4
}

.media-box h6 {
	background: rgba(54,105,170,.8);
	line-height: 3;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 14px;
	color: #fff;
	position: absolute;
	font-weight: 400
}

.media-box .icon img {
	width: auto;
	height: auto
}

.media-box .icon img {
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s
}

.media-box.anim.anim-scale:hover .icon img {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2)
}

.port-box {
	border: 1px #fff solid;
	position: relative;
	overflow: hidden
}

.port-box .portimg {
	display: inline-block;
	background: #fff;
	width: 100%;
	height: 230px
}

.port-box .portimg img {
	width: 100%;
	height: 100%;
	max-width: 100%!important;
	max-height: 100%!important;
	opacity: 1!important
}

.port-box .portinfo {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	opacity: 0;
	color: #fff
}

.port-box .portinfo h3 {
	display: block;
	margin-top: 18%;
	padding: 8px;
	font-size: 40px;
	color: #fff;
	border: 0
}

.port-box .portinfo p {
	color: #fff
}

.port-box .portinfo p a {
	color: #fff;
	font-size: 16px;
	padding: 0 6px
}

.port-box.anim .portinfo h3 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}

.port-box.anim .portinfo p {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}

.port-box.anim:hover .portinfo {
	background-color: rgba(94,40,50,.9);
	opacity: 1
}

.port-box.anim:hover .portinfo h3,.port-box.anim:hover .portinfo p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.port-box.anim:hover .portimg img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}

.i-prorec .icon {
	position: relative
}

.i-prorec .bg {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	opacity: .68
}

.i-prorec .bg-text {
	position: absolute;
	top: 50px;
	left: -100%;
	width: 100%;
	text-align: center;
	transition: initial
}

.i-prorec .num {
	color: #fff;
	font-size: 18px;
	font-family: 微软雅黑
}

.i-prorec .price {
	display: inline-block;
	margin-top: 20px;
	width: 100%;
	color: #fff;
	line-height: 30px
}

.article {
	text-align: left
}

.article .C {
	margin: 15px 0;
	font-size: 14px;
	overflow: hidden
}

.common-menu {
	position: absolute;
	z-index: 20;
	right: 12.5%;
	top: -90px;
	width: 160px;
	transition: 344ms ease-in-out
}

.common-menu.scoll1 {
	position: fixed;
	top: 66px;
	transition: 344ms ease-in-out
}

.common-logo {
	height: 90px;
	background: url(../img/menus.jpg) center no-repeat;
	background-size: cover
}

.common-logo h4 {
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 30% 0 2em 0;
	font-weight: 400;
	margin: 0
}

.m-ins-navbox {
	position: absolute;
	text-align: center;
	top: -52px;
	width: 100%
}

.m-ins-navbox .right .tit {
	display: none
}

.m-ins-navbox .ret-subbox {
	display: none
}

.m-ins-navbox .right .subbox {
	text-align: center
}

.m-ins-navbox .right .subbox a {
	position: relative;
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 12px 20px;
	background-color: #fff;
	text-align: center;
	font-size: 1rem
}

.m-ins-navbox .right .subbox a:hover {
	color: #0ba754
}

.m-ins-navbox .right .subbox a.cur {
	background-color: #0ba754;
	color: #fff
}

@media screen and (max-width:40em) {
	.item0>.icon.widget-respimg.js-respimg {
		display: block!important;
		margin: 0 auto;
		padding-top: 20px;
		width: 100%
	}

	.block_imglist .media-box {
		display: flex;
		justify-content: center;
		margin-top: 15px;
		width: 100%
	}

	.m-ins-navbox {
		width: 100%;
		height: 38px;
		background-color: #fff;
		position: relative;
		top: 0;
		z-index: 99;
		padding: 0!important
	}

	.m-ins-navbox .left {
		width: 15%;
		cursor: pointer;
		float: left
	}

	.m-ins-navbox .left .ico {
		display: block;
		width: 100%;
		height: 38px;
		background: url(../images/ico_2.png) no-repeat center #0ba754;
		background-size: auto 50%
	}

	.m-ins-navbox .right {
		width: 85%;
		position: relative;
		float: right;
		border-bottom: 1px solid #e5e5e5
	}

	.m-ins-navbox .right .tit {
		display: block;
		width: 95%;
		padding-left: 5%;
		font-size: 14px;
		color: #0ba754;
		line-height: 37px;
		background: url(../images/ico_1.png) no-repeat 93% center;
		background-size: auto 50%;
		cursor: pointer
	}

	.m-ins-navbox .right .subbox {
		width: 100%;
		position: absolute;
		top: 37px;
		background-color: #fff;
		z-index: 2;
		display: none;
		left: 0;
		text-align: left
	}

	.m-ins-navbox .right .subbox a {
		display: block;
		width: 95%;
		padding: 0 0 0 5%;
		line-height: 38px;
		height: 38px;
		border-top: 1px solid #e5e5e5;
		background: url(../img/base/ico_3.png) no-repeat 92% center;
		background-size: auto 35%;
		color: #666;
		font-size: inherit;
		border-radius: 0;
		margin: 0
	}

	.m-ins-navbox .ret-subbox {
		position: absolute;
		top: 38px;
		width: 100%;
		background-color: #0ba754;
		left: 0;
		z-index: 2;
		display: none
	}

	.m-ins-navbox .ret-subbox a {
		display: block;
		width: 95%;
		padding-left: 5%;
		height: 38px;
		line-height: 38px;
		border-bottom: 1px solid #4882b6;
		color: #fff;
		font-size: 14px;
		background: url(../img/base/ico_3.png) no-repeat 92% center;
		background-size: auto 35%
	}

	.m-ins-blackbg {
		position: absolute;
		left: 0;
		top: 38px;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: .5;
		display: none;
		z-index: 10
	}
}

.m-ins-navbox {
	position: relative;
	top: auto;
	margin-bottom: 2em
}

.m-ins-navbox .right .subbox a {
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 10px
}

.m-ins-navbox .right .subbox a:hover {
	background-color: #0ba754;
	color: #fff
}

.sect_prod {
	padding-bottom: 2em
}

.sect_prod .media-box.item0 {
	background: #ebebeb
}

.sect_prod .media-box.item0 .cnt {
	padding: 1em 2em 0 2em;
	text-align: left
}

.sect_prod .media-box.item0 .cnt strong {
	font-size: 1.2rem
}

.sect_prod .media-box .icon {
	width: 320px;
	height: 240px;
	position: relative;
	border: 1px solid #eee;
	background: 0 0
}

.sect_prod .media-box p {
	font-size: 1rem;
	line-height: inherit;
	padding: 1em 0
}

.sect_prod .mask3 {
	position: absolute;
	height: 100%;
	top: 100%;
	right: 0;
	left: 0;
	background: url(../images/layer3.png) center center no-repeat rgba(39,103,160,.8);
	line-height: 100%;
	color: #000
}

.sect_prod .media-box:hover .mask3 {
	top: 0
}

.sect_adv {
	background: url(../images/bg1.jpg) center center;
	background-size: cover
}

.services-box.l {
	padding-right: 10%
}

.services-box.r {
	padding-left: 10%
}

.services-box h3 {
	padding-bottom: 1rem;
	border-bottom: 1px solid #fff;
	position: relative
}

.services-box p {
	padding: 1rem 0
}

.services-box h3:before {
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	background: #fff;
	bottom: 0;
	left: 0;
	margin-bottom: -4px;
	position: absolute;
	border-radius: 50%
}

.services-box h3:after {
	display: block;
	content: '';
	width: 13%;
	height: 1px;
	background: #fff;
	bottom: 0;
	left: 100%;
	margin-bottom: -1px;
	transform: rotate(45deg);
	transform-origin: top left;
	position: absolute
}

.services-box.r h3:before {
	left: auto;
	right: 0
}

.services-box.r h3:after {
	left: auto;
	right: 100%;
	transform: rotate(-45deg);
	transform-origin: top right
}

@media screen and (max-width:40em) {
	.sect_adv {
		background: #1d7eca
	}
}

.sect_us {
	background: #f6f6f6
}

.usbox {
	background: #fff;
	margin-bottom: 2em
}

.about-box {
	padding: 1.5rem 2rem 3rem 2rem;
	position: relative
}

.about-box h3 {
	font-size: 1.8rem;
	position: relative;
	padding-top: 10px
}

.about-box h5 {
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 400
}

.amore {
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0
}

.qute {
	position: relative;
	padding-top: 2em;
	margin-top: 1em;
	line-height: 2;
	background: url(../images/line.jpg) top left repeat-x
}

.block_imglist {
	position: relative;
	padding: 1em 40px;
	background: #fff
}

.block_imglist .swiper-slide {
	width: 20%
}

.block_imglist .media-box {
	margin-bottom: 0;
	width: 95%
}

.block_imglist .media-box .icon {
	width: 320px;
	height: 260px;
	position: relative;
	border: 0;
	background: #fff;
	overflow: visible
}

.block_imglist .media-box p {
	font-size: 16px
}

.block_imglist .swiper-btn {
	background: #0ba754;
	color: #fff;
	position: absolute;
	top: 35%;
	cursor: pointer;
	font-size: 16px;
	padding: 10px 4px
}

.block_imglist .swiper-prev {
	left: 0
}

.block_imglist .swiper-next {
	right: 0
}

.block_imglist .swiper-button-disabled {
	background: #a3a3a3;
	cursor: initial
}

@media screen and (max-width:640px) {
	.block_imglist {
		padding: 0
	}

	.block_imglist .swiper-slide {
		width: 100%;
		margin-right: 0
	}
}

.sect_new {
	overflow: hidden;
	background: #fff
}

.news-box {
	position: relative;
	margin-bottom: 1em;
	background: #fff;
	padding: 1em
}

.news-box .news_time {
	text-align: center;
	color: #7e7e7e;
	padding-top: 10px;
	position: relative
}

.news-box .news_time:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 1px;
	height: 40px;
	background: #ccc;
	right: 0
}

.news-box .news_time .date {
	line-height: 2.4
}

.news-box .news_time .date i {
	font-size: 2rem;
	display: block;
	line-height: 1;
	color: #000;
	font-weight: 700
}

.news-box .news_time .item {
	display: none
}

.news-box .news_cont h5 {
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 6px;
	position: relative
}

.news-box .news_cont h5 a {
	padding-right: 20px;
	color: #363535;
	display: block;
	position: relative
}

.news-box .news_cont h5 a:hover {
	text-decoration: underline
}

.news-box .news_cont p {
	color: #7e7e7e;
	overflow: hidden;
	text-align: justify
}

.thumb {
	width: 100%;
	height: 168px;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat
}

@media screen and (max-width:640px) {
	.news-box {
		background: 0 0;
		padding: 0
	}

	.news-box .news_cont h5 a {
		font-size: 14px
	}
}

.news-box.ligter {
	border: 1px solid #0ba754;
	padding: 0
}

.news-box.ligter .news_time {
	background: #0ba754;
	color: #fff;
	padding-bottom: 10px
}

.news-box.ligter .news_time i {
	color: #fff
}

.news-box.ligter .news_time:after {
	display: none
}

.news-box.ligter .news_cont {
	padding: 1em
}

.news-box.ligter.on {
	background: 0 0;
	border-color: #eb511b
}

.news-box.ligter.on .news_time {
	background: #eb511b
}

.news-box-one {
	background: #0150a4
}

.news-box-one .news_cont {
	background: #0150a4;
	padding: 12% 8%;
	color: #b5d3f3;
	font-size: 14px
}

.news-box-one .news_cont h3 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 1em;
	color: #fff
}

.news-box-one .news_cont p {
	line-height: 2
}

.news-box-one .news_cont a {
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 25px;
	color: #fff;
	padding: 5px 25px;
	margin-top: 2em
}

.news-box-one .news_cont a:hover {
	border-color: #ff9600;
	color: #ff9600
}

html {
	font-size: 16px
}

body:after {
	display: block;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	content: 'Pc'
}

.wrap {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto
}

.PcMode:after {
	content: 'Pc'!important
}

.MobilePush,.UnpcPush {
	display: none
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
	.wrap {
		max-width: 1160px
	}
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
	.wrap {
		max-width: 1002px
	}
}

@media only screen and (min-width:640px) and (max-width:1024px) {
	html {
		font-size: 14px
	}

	body:after {
		content: 'Pad'
	}

	body {
		user-select: none;
		-webkit-user-select: none
	}

	body,button,input,select,textarea {
		font-size: 14px
	}

	.wrap {
		padding-left: 2%;
		padding-right: 2%;
		max-width: none
	}

	.PcPush {
		display: none
	}

	.UnpcPush {
		display: block
	}
}

@media only screen and (max-width:640px) {
	html {
		font-size: 13px
	}

	body:after {
		content: 'Mobile'
	}

	body,button,input,select,textarea {
		font-size: 14px
	}

	.wrap {
		padding-left: 4%;
		padding-right: 4%
	}

	.UnmobilePush {
		display: none
	}

	.MobilePush {
		display: block
	}

	img[data-src] {
		opacity: 1
	}
}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
	.ghost-center p {
		padding: 0;
		font-size: .9rem
	}
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
	.ghost-center p {
		padding: 0;
		font-size: .9rem
	}
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {
	.join_step .join_step_c {
		height: 180px
	}
}

.row {
	width: 102%
}

.row:after,.row:before {
	clear: both;
	display: table;
	content: " "
}

.full-row .row .span-1,.span-1 {
	float: left;
	margin-right: 2%;
	width: 6.33333333%;
	transition: .2s width ease
}

.full-row .row .span-2,.span-2 {
	float: left;
	margin-right: 2%;
	width: 14.66666667%;
	transition: .2s width ease
}

.full-row .row .span-3,.span-3 {
	float: left;
	margin-right: 2%;
	width: 23%;
	transition: .2s width ease
}

.full-row .row .span-4,.span-4 {
	float: left;
	margin-right: 2%;
	width: 31.33333333%;
	transition: .2s width ease
}

.full-row .row .span-5,.span-5 {
	float: left;
	margin-right: 2%;
	width: 39.66666667%;
	transition: .2s width ease
}

.full-row .row .span-6,.span-6 {
	float: left;
	margin-right: 2%;
	width: 48%;
	transition: .2s width ease
}

.full-row .row .span-7,.span-7 {
	float: left;
	margin-right: 2%;
	width: 56.33333333%;
	transition: .2s width ease
}

.full-row .row .span-8,.span-8 {
	float: left;
	margin-right: 2%;
	width: 64.66666667%;
	transition: .2s width ease
}

.full-row .row .span-9,.span-9 {
	float: left;
	margin-right: 2%;
	width: 73%;
	transition: .2s width ease
}

.full-row .row .span-10,.span-10 {
	float: left;
	margin-right: 2%;
	width: 81.33333333%;
	transition: .2s width ease
}

.full-row .row .span-11,.span-11 {
	float: left;
	margin-right: 2%;
	width: 89.66666667%;
	transition: .2s width ease
}

.full-row .row .span-12,.span-12 {
	float: left;
	margin-right: 2%;
	width: 98%;
	transition: .2s width ease
}

.full-row .row .span-13,.span-13 {
	float: left;
	margin-right: 2%;
	width: 106.33333333%;
	transition: .2s width ease
}

.full-row .row .span-14,.span-14 {
	float: left;
	margin-right: 2%;
	width: 114.66666667%;
	transition: .2s width ease
}

.full-row .row .span-15,.span-15 {
	float: left;
	margin-right: 2%;
	width: 123%;
	transition: .2s width ease
}

.full-row .row .span-16,.span-16 {
	float: left;
	margin-right: 2%;
	width: 131.33333333%;
	transition: .2s width ease
}

.full-row .row .span-17,.span-17 {
	float: left;
	margin-right: 2%;
	width: 139.66666667%;
	transition: .2s width ease
}

.full-row .row .span-18,.span-18 {
	float: left;
	margin-right: 2%;
	width: 148%;
	transition: .2s width ease
}

.full-row .row .span-19,.span-19 {
	float: left;
	margin-right: 2%;
	width: 156.33333333%;
	transition: .2s width ease
}

.full-row .row .span-20,.span-20 {
	float: left;
	margin-right: 2%;
	width: 164.66666667%;
	transition: .2s width ease
}

.full-row .row .span-21,.span-21 {
	float: left;
	margin-right: 2%;
	width: 173%;
	transition: .2s width ease
}

.full-row .row .span-22,.span-22 {
	float: left;
	margin-right: 2%;
	width: 181.33333333%;
	transition: .2s width ease
}

.full-row .row .span-23,.span-23 {
	float: left;
	margin-right: 2%;
	width: 189.66666667%;
	transition: .2s width ease
}

.full-row .row .span-24,.span-24 {
	float: left;
	margin-right: 2%;
	width: 198%;
	transition: .2s width ease
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.center {
	position: relative;
	left: -1%;
	float: none;
	clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto
}

.pull-left-1 {
	position: relative;
	left: -8.33333333%
}

.pull-left-2 {
	position: relative;
	left: -16.66666667%
}

.pull-left-3 {
	position: relative;
	left: -25%
}

.pull-left-4 {
	position: relative;
	left: -33.33333333%
}

.pull-left-5 {
	position: relative;
	left: -41.66666667%
}

.pull-left-6 {
	position: relative;
	left: -50%
}

.pull-left-7 {
	position: relative;
	left: -58.33333333%
}

.pull-left-8 {
	position: relative;
	left: -66.66666667%
}

.pull-left-9 {
	position: relative;
	left: -75%
}

.pull-left-10 {
	position: relative;
	left: -83.33333333%
}

.pull-left-11 {
	position: relative;
	left: -91.66666667%
}

.pull-left-12 {
	position: relative;
	left: -100%
}

.pull-left-13 {
	position: relative;
	left: -108.33333333%
}

.pull-left-14 {
	position: relative;
	left: -116.66666667%
}

.pull-left-15 {
	position: relative;
	left: -125%
}

.pull-left-16 {
	position: relative;
	left: -133.33333333%
}

.pull-left-17 {
	position: relative;
	left: -141.66666667%
}

.pull-left-18 {
	position: relative;
	left: -150%
}

.pull-left-19 {
	position: relative;
	left: -158.33333333%
}

.pull-left-20 {
	position: relative;
	left: -166.66666667%
}

.pull-left-21 {
	position: relative;
	left: -175%
}

.pull-left-22 {
	position: relative;
	left: -183.33333333%
}

.pull-left-23 {
	position: relative;
	left: -191.66666667%
}

.pull-left-24 {
	position: relative;
	left: -200%
}

.pull-right-1 {
	position: relative;
	left: 8.33333333%
}

.pull-right-2 {
	position: relative;
	left: 16.66666667%
}

.pull-right-3 {
	position: relative;
	left: 25%
}

.pull-right-4 {
	position: relative;
	left: 33.33333333%
}

.pull-right-5 {
	position: relative;
	left: 41.66666667%
}

.pull-right-6 {
	position: relative;
	left: 50%
}

.pull-right-7 {
	position: relative;
	left: 58.33333333%
}

.pull-right-8 {
	position: relative;
	left: 66.66666667%
}

.pull-right-9 {
	position: relative;
	left: 75%
}

.pull-right-10 {
	position: relative;
	left: 83.33333333%
}

.pull-right-11 {
	position: relative;
	left: 91.66666667%
}

.pull-right-12 {
	position: relative;
	left: 100%
}

.pull-right-13 {
	position: relative;
	left: 108.33333333%
}

.pull-right-14 {
	position: relative;
	left: 116.66666667%
}

.pull-right-15 {
	position: relative;
	left: 125%
}

.pull-right-16 {
	position: relative;
	left: 133.33333333%
}

.pull-right-17 {
	position: relative;
	left: 141.66666667%
}

.pull-right-18 {
	position: relative;
	left: 150%
}

.pull-right-19 {
	position: relative;
	left: 158.33333333%
}

.pull-right-20 {
	position: relative;
	left: 166.66666667%
}

.pull-right-21 {
	position: relative;
	left: 175%
}

.pull-right-22 {
	position: relative;
	left: 183.33333333%
}

.pull-right-23 {
	position: relative;
	left: 191.66666667%
}

.pull-right-24 {
	position: relative;
	left: 200%
}

.full-row {
	width: 100%
}

.full-row:after,.full-row:before {
	clear: both;
	display: table;
	content: " "
}

.full-row [class*=midd],.full-row [class*=smal],.full-row [class*=span] {
	margin-right: 0
}

.full-row .span-1 {
	width: 8.33333333%
}

.full-row .span-2 {
	width: 16.66666667%
}

.full-row .span-3 {
	width: 25%
}

.full-row .span-4 {
	width: 33.33333333%
}

.full-row .span-5 {
	width: 41.66666667%
}

.full-row .span-6 {
	width: 50%
}

.full-row .span-7 {
	width: 58.33333333%
}

.full-row .span-8 {
	width: 66.66666667%
}

.full-row .span-9 {
	width: 75%
}

.full-row .span-10 {
	width: 83.33333333%
}

.full-row .span-11 {
	width: 91.66666667%
}

.full-row .span-12 {
	width: 100%
}

.full-row .span-13 {
	width: 108.33333333%
}

.full-row .span-14 {
	width: 116.66666667%
}

.full-row .span-15 {
	width: 125%
}

.full-row .span-16 {
	width: 133.33333333%
}

.full-row .span-17 {
	width: 141.66666667%
}

.full-row .span-18 {
	width: 150%
}

.full-row .span-19 {
	width: 158.33333333%
}

.full-row .span-20 {
	width: 166.66666667%
}

.full-row .span-21 {
	width: 175%
}

.full-row .span-22 {
	width: 183.33333333%
}

.full-row .span-23 {
	width: 191.66666667%
}

.full-row .span-24 {
	width: 200%
}

.full-row .center {
	left: auto
}

@media only screen and (max-width:64em) {
	.full-row .row .midd-1,.midd-1 {
		width: 6.33333333%
	}

	.full-row .row .midd-2,.midd-2 {
		width: 14.66666667%
	}

	.full-row .row .midd-3,.midd-3 {
		width: 23%
	}

	.full-row .row .midd-4,.midd-4 {
		width: 31.33333333%
	}

	.full-row .row .midd-5,.midd-5 {
		width: 39.66666667%
	}

	.full-row .row .midd-6,.midd-6 {
		width: 48%
	}

	.full-row .row .midd-7,.midd-7 {
		width: 56.33333333%
	}

	.full-row .row .midd-8,.midd-8 {
		width: 64.66666667%
	}

	.full-row .row .midd-9,.midd-9 {
		width: 73%
	}

	.full-row .row .midd-10,.midd-10 {
		width: 81.33333333%
	}

	.full-row .row .midd-11,.midd-11 {
		width: 89.66666667%
	}

	.full-row .row .midd-12,.midd-12 {
		width: 98%
	}

	.full-row .row .midd-13,.midd-13 {
		width: 106.33333333%
	}

	.full-row .row .midd-14,.midd-14 {
		width: 114.66666667%
	}

	.full-row .row .midd-15,.midd-15 {
		width: 123%
	}

	.full-row .row .midd-16,.midd-16 {
		width: 131.33333333%
	}

	.full-row .row .midd-17,.midd-17 {
		width: 139.66666667%
	}

	.full-row .row .midd-18,.midd-18 {
		width: 148%
	}

	.full-row .row .midd-19,.midd-19 {
		width: 156.33333333%
	}

	.full-row .row .midd-20,.midd-20 {
		width: 164.66666667%
	}

	.full-row .row .midd-21,.midd-21 {
		width: 173%
	}

	.full-row .row .midd-22,.midd-22 {
		width: 181.33333333%
	}

	.full-row .row .midd-23,.midd-23 {
		width: 189.66666667%
	}

	.full-row .row .midd-24,.midd-24 {
		width: 198%
	}

	.midd-hide {
		display: none
	}

	.midd-center {
		position: relative;
		left: -1%;
		float: none;
		clear: both;
		display: block;
		margin-right: auto;
		margin-left: auto
	}

	.full-row .midd-1 {
		width: 8.33333333%
	}

	.full-row .midd-2 {
		width: 16.66666667%
	}

	.full-row .midd-3 {
		width: 25%
	}

	.full-row .midd-4 {
		width: 33.33333333%
	}

	.full-row .midd-5 {
		width: 41.66666667%
	}

	.full-row .midd-6 {
		width: 50%
	}

	.full-row .midd-7 {
		width: 58.33333333%
	}

	.full-row .midd-8 {
		width: 66.66666667%
	}

	.full-row .midd-9 {
		width: 75%
	}

	.full-row .midd-10 {
		width: 83.33333333%
	}

	.full-row .midd-11 {
		width: 91.66666667%
	}

	.full-row .midd-12 {
		width: 100%
	}

	.full-row .midd-13 {
		width: 108.33333333%
	}

	.full-row .midd-14 {
		width: 116.66666667%
	}

	.full-row .midd-15 {
		width: 125%
	}

	.full-row .midd-16 {
		width: 133.33333333%
	}

	.full-row .midd-17 {
		width: 141.66666667%
	}

	.full-row .midd-18 {
		width: 150%
	}

	.full-row .midd-19 {
		width: 158.33333333%
	}

	.full-row .midd-20 {
		width: 166.66666667%
	}

	.full-row .midd-21 {
		width: 175%
	}

	.full-row .midd-22 {
		width: 183.33333333%
	}

	.full-row .midd-23 {
		width: 191.66666667%
	}

	.full-row .midd-24 {
		width: 200%
	}
}

@media only screen and (max-width:40em) {
	.full-row .row .smal-1,.smal-1 {
		width: 6.33333333%
	}

	.full-row .row .smal-2,.smal-2 {
		width: 14.66666667%
	}

	.full-row .row .smal-3,.smal-3 {
		width: 23%
	}

	.full-row .row .smal-4,.smal-4 {
		width: 31.33333333%
	}

	.full-row .row .smal-5,.smal-5 {
		width: 39.66666667%
	}

	.full-row .row .smal-6,.smal-6 {
		width: 48%
	}

	.full-row .row .smal-7,.smal-7 {
		width: 56.33333333%
	}

	.full-row .row .smal-8,.smal-8 {
		width: 64.66666667%
	}

	.full-row .row .smal-9,.smal-9 {
		width: 73%
	}

	.full-row .row .smal-10,.smal-10 {
		width: 81.33333333%
	}

	.full-row .row .smal-11,.smal-11 {
		width: 89.66666667%
	}

	.full-row .row .smal-12,.smal-12 {
		width: 98%
	}

	.full-row .row .smal-13,.smal-13 {
		width: 106.33333333%
	}

	.full-row .row .smal-14,.smal-14 {
		width: 114.66666667%
	}

	.full-row .row .smal-15,.smal-15 {
		width: 123%
	}

	.full-row .row .smal-16,.smal-16 {
		width: 131.33333333%
	}

	.full-row .row .smal-17,.smal-17 {
		width: 139.66666667%
	}

	.full-row .row .smal-18,.smal-18 {
		width: 148%
	}

	.full-row .row .smal-19,.smal-19 {
		width: 156.33333333%
	}

	.full-row .row .smal-20,.smal-20 {
		width: 164.66666667%
	}

	.full-row .row .smal-21,.smal-21 {
		width: 173%
	}

	.full-row .row .smal-22,.smal-22 {
		width: 181.33333333%
	}

	.full-row .row .smal-23,.smal-23 {
		width: 189.66666667%
	}

	.full-row .row .smal-24,.smal-24 {
		width: 198%
	}

	.smal-hide {
		display: none!important
	}

	.smal-center,.smal-show {
		display: block
	}

	.smal-center {
		position: relative;
		left: -1%;
		float: none;
		clear: both;
		margin-right: auto;
		margin-left: auto
	}[	class*=pull-left-],[class*=pull-right-] {
		right: auto;
		left: auto
	}

	.full-row .smal-1 {
		width: 8.33333333%
	}

	.full-row .smal-2 {
		width: 16.66666667%
	}

	.full-row .smal-3 {
		width: 25%
	}

	.full-row .smal-4 {
		width: 33.33333333%
	}

	.full-row .smal-5 {
		width: 41.66666667%
	}

	.full-row .smal-6 {
		width: 50%
	}

	.full-row .smal-7 {
		width: 58.33333333%
	}

	.full-row .smal-8 {
		width: 66.66666667%
	}

	.full-row .smal-9 {
		width: 75%
	}

	.full-row .smal-10 {
		width: 83.33333333%
	}

	.full-row .smal-11 {
		width: 91.66666667%
	}

	.full-row .smal-12 {
		width: 100%
	}

	.full-row .smal-13 {
		width: 108.33333333%
	}

	.full-row .smal-14 {
		width: 116.66666667%
	}

	.full-row .smal-15 {
		width: 125%
	}

	.full-row .smal-16 {
		width: 133.33333333%
	}

	.full-row .smal-17 {
		width: 141.66666667%
	}

	.full-row .smal-18 {
		width: 150%
	}

	.full-row .smal-19 {
		width: 158.33333333%
	}

	.full-row .smal-20 {
		width: 166.66666667%
	}

	.full-row .smal-21 {
		width: 175%
	}

	.full-row .smal-22 {
		width: 183.33333333%
	}

	.full-row .smal-23 {
		width: 191.66666667%
	}

	.full-row .smal-24 {
		width: 200%
	}
}

.row {
	margin: 0!important
}

a:hover {
	text-decoration: none!important
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-weight: inherit;
	line-height: inherit;
	font-size: inherit
}

@media screen and (max-width:768px) {
	footer {
		padding-left: 8px;
		padding-right: 8px
	}

	.header {
		height: 60px;
		position: relative;
		top: 0
	}

	.header .sublogo {
		display: none
	}

	.header .navWrap:after {
		display: none
	}

	.logo {
		height: 60px
	}

	.htel {
		height: 60px;
		width: 25%;
		margin-right: 60px
	}

	.wow {
		visibility: visible
	}

	.child .childContent {
		display: none!important
	}

	button.nav-trigger {
		display: block
	}

	.nav_transform1 {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 20;
		overflow-y: scroll;
		box-sizing: border-box;
		padding: 44px;
		width: 84vw;
		border: 0;
		background: #262526;
		text-align: left;
		text-transform: none;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-overflow-scrolling: touch
	}

	.nav_transform1 {
		transition: -webkit-transform .3s cubic-bezier(.86,0,.07,1);
		transition: transform .3s cubic-bezier(.86,0,.07,1)
	}

	.navigation-is-visible .nav_transform1 {
		-webkit-transform: none;
		transform: none
	}

	.nav-overlay {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100vw;
		height: 100vh;
		background: rgba(0,0,0,.6);
		opacity: 0;
		transition: opacity .3s linear;
		pointer-events: none
	}

	.navigation-is-visible .nav-overlay {
		opacity: 1;
		pointer-events: auto
	}

	.nav_transform1 ul.navCont li.child {
		float: none;
		margin: 0 auto;
		width: 100px
	}

	.nav_transform1 ul.navCont li.child a {
		padding: 1rem 0;
		line-height: inherit;
		color: #fff;
		font-size: 14px
	}

	.nav_transform1 ul.navCont li.child.last {
		margin-right: auto
	}

	.nav_transform1 ul.navCont li.child a:after {
		display: none
	}

	.nav_transform1 ul.navCont li.child .childcont {
		display: none!important
	}

	.footer {
		font-size: 12px;
		line-height: inherit
	}

	.footer span {
		display: block;
		text-align: center
	}

	.footer .footer_link {
		display: none
	}

	.footer_info {
		text-align: center;
		padding: 15px 0
	}

	.footer_info .usinfo {
		padding: 0;
		margin: 0
	}

	.footer_info .usinfo h5 {
		font-size: 14px
	}

	.footer_info .usinfo p {
		font-size: 12px
	}

	.top {
		border-radius: 100%
	}

	.index_ {
		padding-top: 2em;
		padding-bottom: 1em
	}

	.index_ .T {
		padding-bottom: 18px
	}

	.index_ .T h1 {
		font-size: 22px
	}

	.index_ .T h2 {
		font-size: 18px
	}

	.index_ .T h2 strong {
		width: 100%;
		background-size: contain
	}

	.index_ .T h2.border strong:after,.index_ .T h2.border strong:before {
		width: 60%
	}

	.index_ .T h3 {
		font-size: 16px
	}

	.index_ .T h4 {
		font-size: 12px
	}

	.article .C {
		font-size: 12px
	}

	.module_cate {
		width: 95%;
		padding-bottom: 0
	}

	.module_prod {
		padding: 3rem 0;
		margin-top: 0
	}

	.module_cate .swiper-slide a.cateMore {
		display: none
	}

	.module_cate .swiper-slide .js_cate {
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid #fff
	}

	.module_cate .swiper-slide:hover .js_cate {
		border-color: #2b2a2a
	}

	.services-box {
		text-align: center;
		padding-bottom: 1rem
	}

	.nbanner {
		height: 150px
	}

	.nbanner img {
		margin-top: -182px;
		margin-left: -500px;
		width: 1000px;
		height: 260px
	}

	.aboutBox {
		padding-left: 0
	}

	.news-box {
		margin-bottom: 1rem
	}

	.news-box .news_cont p {
		height: 3.15rem
	}

	.news-box .news_time .date {
		line-height: 22px;
		text-align: left;
		padding: 0;
		margin: 0
	}

	.news-box .news_time .date:before {
		display: none
	}

	.news-box .news_time .date i {
		font-size: inherit;
		font-weight: 400;
		display: inline
	}

	.newsTit h1 {
		padding: 25px 0 25px;
		font-size: 22px
	}

	.newsTit p span {
		display: inline-block
	}

	.content_bak {
		padding: 20px 0!important;
		border: 0;
		background-color: #fff
	}

	.content_bak h2 {
		font-size: 15px;
		font-weight: 400;
		margin: 0 0
	}

	.content_bak p {
		font-size: 13px;
		margin: 1em 0;
		line-height: 22px
	}

	.newsDetailCur li,.newsDetailCur li.r {
		float: left;
		padding-bottom: 10px;
		width: 100%;
		text-align: left;
		white-space: nowrap;
		font-size: 13px
	}

	.jobapply {
		padding: 10px
	}

	.jobchild {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-right: 0;
		border-bottom: 1px solid #ccc
	}

	.section_njob a.back {
		display: none
	}

	.navContent,.subNav,.sub_top p {
		padding-left: 4%
	}

	.section_njob .services-box .icon {
		float: left;
		width: 60px;
		font-size: 26px;
		line-height: 2
	}

	.section_njob .services-box h3,.section_njob .services-box p {
		text-align: left
	}

	.section_njob .services-box h3 {
		padding: 0;
		font-weight: 400;
		font-size: 18px
	}

	.subNav {
		line-height: 44px
	}

	.subNav i {
		font-size: 18px;
		line-height: 44px
	}

	.sect_job .m-table {
		width: auto
	}

	.sect_job .m-table thead {
		font-size: 14px;
		font-weight: 400
	}

	.sect_job .m-table td a {
		padding: 0;
		background: 0 0;
		color: inherit
	}
}