@charset "UTF-8";
/* 全局样式

-------------------------------------------------------------- */

html, body, a, p, span, ul, img {
	padding: 0;
	margin: 0;
	list-style: none;
	border: none;
	font-size: 16px;
	line-height: 26px;
	font-family: "Microsoft Yahei", "Arial";
	color: #666;
}
p {
	line-height: 25px;
}
img {
	border: none;
	vertical-align: middle;
}
td {
	vertical-align: center;
	font-size: 14px;
}
body {
	background: #fff;
	overflow-x: hidden;
}
/* 链接样式 */

a {
	text-decoration: none;
	outline: none;
}
a:visited {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
	outline: none;
}
/* 常用元素 */

.clear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 0px;
}
img {
	max-width: 100%;
}
h1, h2, h3, h4, h5 {
	margin: 0;
}
/* 层浮动 */

.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin: 0 auto;
}
/* 文字对齐 */

.tleft {
	text-align: left;
}
.tright {
	text-align: right;
}
.tcenter {
	text-align: center;
}
/*--版心--*/





/*header*/

.banner .main-visual-pc-img,  .banner .main-visual-m-img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	-webkit-transition: transform 5000ms ease-in-out;
	-moz-transition: transform 5000ms ease-in-out;
	-o-transition: transform 5000ms ease-in-out;
	-ms-transition: transform 5000ms ease-in-out;
	transition: transform 5000ms ease-in-out;
}
.banner .main-visual-m-img {
	display: none;
}
.positionr {
	position: relative;
}
.banner {
	1height: 100vh;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.banner .homeban {
	height: 100%;
}
.homebandw {
	z-index: 4;
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 0;
}
.homebandw .label {
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	padding-bottom: calc(46px + 24px);
	color: #fff;
}
.homebandw .label span {
	color: inherit;
}
.homebandw .label .line {
	display: block;
	width: 3px;
	height: 46px;
	position: absolute;
	bottom: 0;
	left: 50%;
	overflow: hidden;
}
.homebandw .label .line:before {
	height: 100%;
	background: #fff;
	opacity: .3;
	left: 0;
	top: 0;
	bottom: 0;
	content: '';
	position: absolute;
	width: 1px;
}
.homebandw .label .line:after {
	background: #fff;
	left: 0;
	top: 0;
	content: '';
	position: absolute;
	width: 2px;
	-webkit-animation: scroll-down-line 3s infinite;
	-o-animation: scroll-down-line 3s infinite;
	animation: scroll-down-line 3s infinite;
}
 @-webkit-keyframes scroll-down-line {
 0%, 20% {
 height: 45%;
 top: -45%;
}
 80%, 100% {
 height: 45%;
 top: 105%;
}
}
 @keyframes scroll-down-line {
 0%, 20% {
 height: 45%;
 top: -45%;
}
 80%, 100% {
 height: 45%;
 top: 105%;
}
}
.banner-get {
	width: 332px;
	float: right;
	padding-top: 35px;
	text-align: center;
	height: 96px;
	background: rgba(0,0,0,0.2);
}
.banner-getbtn {
	display: inline-block;
}
.banner-getbtn>div {
	display: inline-block;
	cursor: pointer;
	background-repeat: no-repeat;
	margin: 0 10px;
	background-position: center;
}
.banner-prev, .banner-next {
	transition: all .3s ease;
	width: 19px;
	height: 16px;
	background-size: 50%;
}
.banner-prev:hover, .banner-next:hover {
	background-size: 100%;
}
.banner-onno {
	background-image: url('../images/banplay.png');
	margin: 0 5px;
	background-size: cover;
	width: 8px;
	height: 15px;
}
.banner-onno.ontrue {
	background-image: url('../images/banstop.png');
	height: 12px;
}
.banner-prev {
	background-image: url('../images/banarrl.png');
}
.banner-prev:hover {
	background-image: url('../images/banarrlh.png');
}
.banner-next {
	background-image: url('../images/banarrr.png');
}
.banner-next:hover {
	background-image: url('../images/banarrrh.png');
}
.banner-getnum {
	font-size: 18px;
	color: #c3c5c3;
	display: inline-block;
	font-weight: bold;
	width: auto;
	padding-right: 30px;
}
.banner-getnum span {
	padding: 0 30px 0 30px;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.banner-getnum span:before, .banner-getnum span:after {
	content: "";
	position: absolute;
}
.banner-getnum span:after {
	width: 1px;
	height: 80%;
	right: 16px;
	top: 10%;
	background: #fff;
	transform: rotate(36deg);
}
.banner .main-visual-txt-con {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.banner .main-visual-txt-con .main-visual-txt1,  .banner .main-visual-txt-con .main-visual-txt2 {
	opacity: 0;
	filter: Alpha(opacity=0);
	-webkit-transition: opacity 1.0s 0s, transform 1.0s 0s;
	-moz-transition: opacity 1.0s 0s, transform 1.0s 0s;
	-o-transition: opacity 1.0s 0s, transform 1.0s 0s;
	-ms-transition: opacity 1.0s, transform 1.0s 0s;
	transition: opacity 1.0s 0s, transform 1.0s 0s;
}
.banner .main-visual-txt-con .main-visual-txt1 {
	display: block;
	line-height: 1.2;
	margin-bottom: 32px;
	font-size: 46px;
	font-weight: 400;
	color: #FFFFFF;
}
.banner .main-visual-txt-con .main-visual-txt1 span, .banner .main-visual-txt-con .main-visual-txt2 span {
	color: #f19319;
	font-size: inherit;
	font-weight: bold;
}
.banner .swiper-slide-active .main-visual-txt1,  .banner .swiper-slide-active .main-visual-txt2 {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.banner .swiper-slide-active .main-visual-txt1 {
	animation: banLt 1.4s ease both;
}
.advbutton {
	width: 168px;
	text-align: center;
	height: 61px;
	line-height: 61px;
	background: #fff;
	display: block;
	position: relative;
	border-radius: 31px;
}
.btn-arrow {
	position: absolute;
	top: 8px;
	top: 6px;
	left: 11px;
	height: 1px;
	width: 12px;
	background-color: #fff;
}
.btn-text-wrapper {
	display: inline-block;
	line-height: inherit;
	overflow: hidden;
	position: relative;
}
.btn-arrow:after, .btn-arrow:before {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	height: 1px;
 height: .0625rem;
	width: 8px;
 width: .5rem;
	content: "";
	background-color: #fff;
	transform-origin: center right;
}
.advbutton:hover {
	background: #f19319;
}
.advbutton .btn-arrow:after {
	transform: rotate(-45deg);
}
.advbutton .btn-arrow:before {
	transform: rotate(45deg);
}
.advbutton .btn-txt {
	transition: padding .25s;
}
.advbutton:hover .btn-txt {
	transition: .5s;
	padding: 0;
	color: #fff !important;
}
.advbutton .btn-arrow-wrapper {
	width: 0;
	height: 12px;
	position: relative;
	overflow: hidden;
	transition: width .25s;
	display: inline-block;
}
.advbutton:hover .btn-arrow-wrapper {
	transition: width .5s;
	width: 24px;
}
 @keyframes banLt {
0% {
transform: translateX(-280px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.banner .swiper-slide-active h6 {
	animation: banRt 1.4s ease both;
}
 @keyframes banRt {
0% {
transform: translateX(280px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.banner .swiper-slide-active p {
	animation: banPs 1.4s ease both;
}
 @keyframes banPs {
0% {
transform: scale(.4);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.banner .swiper-slide-active .bannew-words h5:before, .banner .swiper-slide-active .bannew-words h6:before {
	animation: banLine 1.4s ease both 1.2s;
}
 @keyframes banLine {
0% {
width: 0;
}
100% {
width: 100%;
}
}
/*index two*/

#tow, #mainRecruitCon, #mainNewsCon {
	overflow: hidden;
	height: 100vh;
}
#tow {
	height: calc(100vh - 77px);
	min-height: 800px;
}
.index_two {
	background: url("../images/index2.jpg") no-repeat center;
	height: 100%;
	width: 100%;
	padding-top: 110px;
	overflow: hidden;
	position: relative;
	background-size: cover;
}
.index_two .container {
	height: 100%;
}
.relative {
	position: relative;
}
.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}
/*.homtab {position: absolute; left: 0; width: 100%; bottom: 80px; }*/

.homtab {
	position: absolute;
	left: 0;
	width: 100%;
	min-height: 360px;
	max-height: 50%;
	bottom: 80px;
}
.homtab .tab_menu {
	float: left;
	overflow: hidden;
	max-width: 546px;
	width: 45%;
	margin-left: -10px;
	margin-right: -10px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.homtab .tab_box {
	max-width: 50%;
	width: 40%;
1overflow: hidden;
	height: 110%;
	right: 0;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.homtab .tab_box div img {
	max-height: 100%;
	max-width: 500px;
	display: inline-block;
	vertical-align: bottom;
	border-radius: 30px;
}
.two_sub {
	position: relative;
	width: 100%;
}
.two_sub .span {
	max-width: 90px;
	display: block;
}
.two_sub strong {
	font-size: 32px;
1padding-top: 28px;
	display: block;
	line-height: 1.2;
	color: #f19319;
}
.two_sub p {
	font-size: 16px;
	line-height: 28px;
	padding-top: 20px;
}
.two_sub .right {
	float: right;
}
.homtab .tab_menu li {
	width: 33.33%;
	padding: 10px;
	float: left;
}
.homtab .tab_menu li a {
	display: block;
	width: 169px;
	height: 138px;
	position: relative;
	padding: 15px 20px;
	background: #fff;
}
.homtab .tab_menu li a span {
	color: inherit;
	font-size: inherit;
	display: inline-block;
	line-height: 1.3;
}
.homtab .tab_menu li a i {
	width: 30px;
	position: absolute;
	left: 20px;
	bottom: 15px;
	border: 1px solid #999999;
	height: 30px;
	background-color: #FFFFFF;
	background-image: url("../images/twojt.png");
	background-size: 20%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
}
.homtab .tab_menu li.current a i {
	border: 1px solid #fff;
	background-image: url("../images/twojt2.png");
}
.homtab .tab_menu li.current a {
	background: #f19319;
	color: #fff;
	cursor: pointer;
}
/*three*/

.all_for_one {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.all_for_one .img_box span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	transform: translate3d(0, 0, 0) scale(1.05);
	-webkit-transform: translate3d(0, 0, 0) scale(1.05);
	-ms-transform: translate3d(0, 0, 0) scale(1.05);
	opacity: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
.all_for_one .img_box span img {
	width: 100%;
	max-width: inherit;
}
.all_for_one .img_box span.view {
	transform: translate3d(0, 0, 0) scale(1);
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	-ms-transform: translate3d(0, 0, 0) scale(1);
	opacity: 1;
}
.intext_area {
	padding-top: 110px;
	height: 100%;
}
.intext_area .container {
	position: relative;
	height: 100%;
}
.intext_area .two_sub .span {
	max-width: inherit;
	height: 40px;
}
.intext_area .two_sub .span img {
	max-height: 100%;
}
.intext_area .two_sub strong, .intext_area .two_sub p {
	color: #fff;
}
.intext_area .link_arae {
	position: absolute;
	right: 15px;
	bottom: 80px;
	width: 100%;
	text-align: right;
}
.intext_area .link_arae li {
	width: 23%;
	;
	margin-right: 20px;
	display: inline-block;
}
.intext_area .link_arae li a {
	display: block;
1width: 160px;
	height: 160px;
	text-align: left;
	position: relative;
	padding: 28px 20px;
	background: #fff;
	border-radius: 10px;
}
.intext_area .link_arae li a span {
	color: inherit;
	font-size: inherit;
	display: inline-block;
line-height: line-height: 28px;
	height: 50px;
}
.intext_area .link_arae li a i {
	width: 30px;
	position: absolute;
	left: 20px;
	bottom: 37px;
	border: 1px solid #999999;
	height: 30px;
	background-color: #FFFFFF;
	background-image: url("../images/twojt.png");
	background-size: 20%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
}
.intext_area .link_arae li:hover a i {
	border: 1px solid #fff;
	background-image: url("../images/twojt2.png");
}
.intext_area .link_arae li:hover a {
	background: #f19319;
	color: #fff;
}
/*home three*/

.home_three {
	background-color: #F8F8F8;
	padding-bottom: 80px;
	overflow: hidden;
	background-image: url("../images/threebg.jpg");
	background-size: 62%;
	background-position: left;
	background-repeat: no-repeat;
}
.home_three .container {
	position: relative;
}
.home_three .three_l {
	float: left;
	padding-top: 104px;
	width: 54%;
	padding-right: 30px;
}
.home_three .three_r {
	position: absolute;
	right: -135px;
	width: 50%;
	top: 0;
}
.home_three .three_l h3 {
	font-size: 32px;
	font-weight: bold;
	position: relative;
	padding-top: 14px;
	line-height: 1.5;
	color: #f19319;
}
.home_three .three_l h3:before {
	width: 10px;
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	background: #333333;
	content: "";
}
.main-info-list-con {
	padding-top: 58px;
}
.main-info-list-con ul {
	margin-left: -5px;
	margin-right: -10px;
}
.main-info-list-con ul li {
	width: 33.3%;
	float: left;
	padding: 0 10px;
}
.main-info-list-con ul li dl {
	margin: 0;
}
.main-info-list-con ul li:nth-child(3) {
	max-width: 26%;
}
.main-info-list-con ul li:last-child {
	max-width: 30%;
}
.main-info-list-con ul li .main-info-tit {
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
}
.main-info-list-con ul li .main-info-number {
	padding: 8px 0 24px 0;
}
.main-info-list-con ul li .main-info-detail span {
	font-size: 42px;
	font-weight: bold;
	line-height: 1;
	color: #f19319;
	font-family: arial;
}
.main-info-list-con ul li .main-info-detail em {
	font-size: 16px;
	font-style: normal;
	padding-left: 5px;
	line-height: 28px;
}
.main-info-list-con ul li .main-info-detail-txt {
	height: 50px;
}
.three_more {
	padding-top: 60px;
}
.three_more a {
	width: 168px;
	display: inline-block;
	height: 52px;
	line-height: 52px;
	padding: 0 20px;
	border: 1px solid #666666;
	border-radius: 26px;
	margin-right: 20px;
}
.three_more a:last-child {
	margin-right: 0;
}
.three_more a i {
	background: url("../images/twojt.png") no-repeat;
	float: right;
	width: 7px;
	height: 12px;
	display: inline-block;
	margin-top: 20px;
	background-size: cover;
}
.three_more a:hover {
	border: 1px solid #f19319;
	background-color: rgba(231,0,18,0.8);
	color: #fff;
}
.three_more a:hover i {
	background: url("../images/twojtw.png") no-repeat;
	background-size: cover;
}
.active .main-info-list-con ul li:nth-child(1) {
	animation: banPs2 .35s ease both .35s;
}
.active .main-info-list-con ul li:nth-child(2) {
	animation: banPs2 .45s ease both .45s;
}
.active .main-info-list-con ul li:nth-child(3) {
	animation: banPs2 .55s ease both .55s;
}
.active .main-info-list-con ul li:nth-child(4) {
	animation: banPs2 .65s ease both .65s;
}
 @keyframes banPs2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes banYt {
0% {
transform: translateY(-20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
/*home four*/

.home_four {
	background-color: #fff;
	padding: 40px 0;
	overflow: hidden;
}
.work_creer {
}
.work_creer ul {
	margin-left: -20px;
	margin-right: -20px;
}
.work_creer ul li {
	float: left;
	width: 33.33%;
	padding: 0 20px;
}
.work_creer ul li a {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	background-position: center;
	display: block;
	width: 100%;
}
.creer_mask {
	width: 100%;
	height: 100%;
	padding: 0 40px;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.creer_mask .for_cont {
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 80%;
	overflow: hidden;
	height: 35px;
}
.creer_mask h3 {
	font-size: 26px;
	line-height: 1.1;
	color: #FFFFFF;
}
.creer_mask p {
	font-size: 16px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	line-height: 25px;
	height: 50px;
	color: rgba(255,255,255,0.8);
}
.creer_mask span {
	font-size: 16px;
	color: #fff;
	display: block;
	padding-top: 5px;
}
.creer_mask span em {
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	font-style: normal;
	float: left;
}
.creer_mask span i {
	width: 25px;
	line-height: 25px;
	margin-left: 10px;
	height: 25px;
	display: inline-block;
	float: left;
	background-color: #FFFFFF;
	background-image: url("../images/fjt.png");
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 2px;
}
 @keyframes banHeight {
0% {
height:35px;
}
100% {
height:130px;
}
}
.work_creer ul li img {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.work_creer ul li:hover img {
	border-radius: 3px;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
 @media (min-width: 768px) {
/*

.active-item .work_creer ul li:nth-child(1) {animation: banYt .55s ease both .55s;}

.active-item .work_creer ul li:nth-child(2) {animation: banYt .65s ease both .65s;}

.active-item .work_creer ul li:nth-child(3) {animation: banYt .75s ease both .75s;}

*/

.work_creer ul li:hover .creer_mask {
	background: rgba(0,0,0,0.3);
}
.work_creer ul li:hover .creer_mask .for_cont {
	animation: banHeight .35s ease both;
}
}
 @media all and ( max-width: 1279px ) {
.main-info-list-con {
	padding-top: 30px;
}
.home_three .three_r {
	right: 0;
	width: 46%;
}
}
 @media all and ( max-width: 991px ) {
.creer_mask {
	padding: 0 30px;
}
.creer_mask .for_cont {
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: 80%;
}
.creer_mask h3 {
	font-size: 24px;
}
}
 @media all and ( max-width: 767px ) {
	 .a123{ display:none !important;}
	 	 .about_up {
  padding-top:0 !important;
  overflow: hidden;
}
.work_creer ul li .creer_mask .for_cont {
	height: auto;
}
.work_creer ul li {
	width: 100%;
	padding: 15px;
}
.work_creer ul li .creer_mask {
	background: rgba(0,0,0,0.3);
}
}
/*six new*/

#mainNewsCon .container {
	height: 100%;
}
.home_newsub {
	overflow: hidden;
	padding-bottom: 40px;
	padding-top: 15px;
}
.home_newsub .left {
	font-size: 32px;
	font-weight: bold;
	line-height: 28px;
	color: #f19319;
}
.home_newsub .right span {
	font-size: 16px;
	color: #fff;
	display: block;
	padding-top: 5px;
}
.home_newsub .right span em {
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	font-style: normal;
	float: left;
}
.home_newsub .right span i {
	width: 36px;
	line-height: 25px;
	margin-left: 10px;
	height: 36px;
	display: inline-block;
	float: left;
	background-color: #f19319;
	background-image: url("../images/fjtw.png");
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 2px;
}
.new_down {
	overflow: hidden;
	position: relative;
	padding-bottom: 40px;
}
.new_l {
	float: left;
	width: 67%;
	padding-right: 15px;
}
.new_r {
	float: right;
	width: 33%;
	padding-left: 15px;
}
.new_l .new_up {
	position: relative;
	overflow: hidden;
	margin-bottom: 32px;
	height: 514px;
}
.new_l .new_up img {
	width: 100%;
}
.new_l .new_maks {
	height: 153px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 44px 28px 0 28px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.new_l .new_maks h4 {
	font-size: 16px;
	color: #fff;
	padding-bottom: 10px;
}
.new_l .new_maks h4 span {
	font-size: inherit;
	color: inherit;
	padding-left: 12px;
}
.new_l .new_maks h3 {
	font-size: 22px;
	line-height: 32px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	color: #FFFFFF;
}
.new_l .new_bottom {
	width: 100%;
}
.new_l .new_bottom ul {
	margin-left: -15px;
	margin-right: -15px;
	height: 100%;
}
.new_l .new_bottom ul li {
	width: 50%;
	padding: 0 15px;
	height: 360px;
	float: left;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.new_l .new_bottom ul li a {
	border: 1px solid #E4E4E4;
	display: block;
	width: 100%;
	height: 100%;
	padding: 30px 15px 20px 28px;
	position: relative;
}
.new_l .new_bottom ul li p {
	line-height: 1.4;
	margin-top: 8px;
	overflow: hidden;
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.new_r ul {
	height: 100%;
}
.new_r ul li {
	padding-bottom: 28px;
}
.new_r ul li .new_img {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 249px;
}
.new_r ul li .new_img img {
	width: 100%;
}
.new_r ul li .new_cont {
	border: 1px solid #E4E4E4;
	width: 100%;
	height: 190px;
	padding: 15px 27px 18px 27px;
	display: block;
	overflow: hidden;
	position: relative;
}
.newhy {
	font-size: 16px;
	font-style: normal;
	line-height: 28px;
	color: #CCCCCC;
	display: block;
	margin-bottom: 8px;
}
.new_title {
	font-size: 22px;
	height: 60px;
	font-weight: 400;
	line-height: 30px;
	color: #333333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.new_time {
	font-size: 16px;
	position: absolute;
	bottom: 15px;
	left: 27px;
	line-height: 1.1;
	color: #CCCCCC;
}
.new_l .new_bottom ul li:hover a, .new_r ul li:hover .new_cont {
	background: #f19319;
	border: 1px solid #f19319;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.new_l .new_bottom ul li:hover .newhy, .new_r ul li:hover .newhy, .new_l .new_bottom ul li:hover p {
	color: #fff;
}
.new_l .new_bottom ul li:hover .new_title, .new_r ul li:hover .new_title {
	color: #ffffff;
}
.new_r ul li .new_img img, .new_l .new_up img {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.new_r ul li:hover .new_img img, .new_up:hover img {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
 @media all and ( max-width: 1579px ) {
.new_l .new_up {
	height: 428px;
}
.new_r ul li .new_img {
	height: 206px;
}
}
 @media all and ( max-width: 1439px ) {
.new_l .new_up {
	height: 390px;
}
.new_r ul li .new_img {
	height: 187px;
}
}
 @media all and ( max-width: 1365px ) {
.new_l .new_up {
	height: 352px;
}
.new_r ul li .new_img {
	height: 168px;
}
}
 @media all and ( max-width: 1279px ) {
.new_l .new_up {
	height: 339px;
}
.new_r ul li .new_img {
	height: 161px;
}
}
 @media all and ( max-width: 991px ) {
.new_l .new_up {
	height: 267px;
}
.new_r ul li .new_img {
	height: 125px;
}
}
 @media all and ( max-width: 767px ) {
.new_l .new_up {
	height: auto;
}
.new_r ul li .new_img {
	height: auto;
}
.new_l {
	float: left;
	width: 100%;
	padding-right: 0;
}
.new_r {
	float: right;
	width: 100%;
	padding-left: 0px;
	padding-top: 0px;
}
.new_l .new_up {
	height: auto;
}
.new_l .new_maks {
	height: 100px;
	padding: 25px 15px 0 15px;
}
.new_l .new_bottom ul li {
	width: 100%;
	height: 270px;
	padding-bottom: 30px;
}
.new_l .new_bottom ul li a {
	padding: 30px 15px 20px 15px;
}
.new_l .new_maks h3 {
	font-size: 18px;
	line-height: 26px;
}
.new_title {
	font-size: 18px;
	line-height: 28px;
	height: 56px;
}
.new_l .new_bottom ul li p {
	line-height: 25px;
}
}
/*pageside*/

.page_ban {
	height: 530px;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 295px;
	background-size: cover;
}
.page_ban .container {
	position: relative;
	height: 100%;
}
.page_ban .item-down {
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.page_ban h2 {
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
	padding-bottom: 15px;
	color: #FFFFFF;
}
.page_ban strong {
	font-size: 36px;
	line-height: 1.2;
	display: block;
	color: #FFFFFF;
	position: relative;
	padding-bottom: 30px;
}
.page_ban strong:before {
	width: 15px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	background: #FFFFFF;
	opacity: 1;
}
.insinav {
	background: #fff;
	min-height: 80px;
	padding: 20px 0;
	width: 100%;
	border-bottom: 1px solid #E1E1E1;
}
.pagenmenu {
	float: left;
}
.pagenmenu ul li {
	float: left;
	padding-right: 30px;
}
.pagenmenu ul li:last-child {
	padding-right: 0;
}
.pagenmenu ul li a {
	font-size: 18px;
	color: #333333;
	display: block;
	line-height: 40px;
	position: relative;
	transition: all .4s;
	font-weight: bold;
}
.pagenmenu ul li a:before {
	content: "";
	height: 4px;
	background: #f19319;
	;
	width: 0;
	position: absolute;
	left: 50%;
	bottom: -20px;
	opacity: 0;
	transition: .3s;
}
.pagenmenu ul li.on a:before {
	opacity: 1;
	width: 100%;
	left: 0%;
}
.pagenmenu ul li:hover a:before {
	opacity: 1;
	width: 100%;
	left: 0%;
}
.pagenmenu ul li:hover a {
	transform: translateY(-3px);
	font-weight: bold;
	color: #00479d;
}
.pagenmenu ul li.on a {
	color: #f19319;
}
.insinav .float-right {
	line-height: 40px;
	float: right;
	color: #333;
}
.insinav .float-right a {
	font-size: inherit;
	color: inherit;
}
.insinav .float-right a {
	background: url("../images/arrow.png") no-repeat left;
	padding-left: 15px;
	margin-left: 10px;
}
.insinav .float-right a:first-child {
	background: url("../images/hourse.png") no-repeat;
	width: 10px;
	height: 10px;
	display: inline-block;
}
.insinav .float-right a:hover {
	color: #F50122;
}
.scroll-btn {
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.scroll-btn .txt {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
}
.scroll-btn svg {
	display: block;
	width: 22px;
	height: 25px;
	margin: 0 auto;
}
.scroll-btn path {
	stroke: #fff;
	fill: transparent;
	stroke-width: 2px;
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite;
}
.scroll-btn path.a1 {
	animation-delay: -1s;
	-webkit-animation-delay: -1s;
}
.ban-bottom .scroll-btn path.a2 {
	animation-delay: -0.5s;
	-webkit-animation-delay: -0.5s;
}
.scroll-btn path.a3 {
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}
 @-webkit-keyframes arrow {
 0% {
opacity:0
}
 40% {
opacity:1
}
 80% {
opacity:0
}
 100% {
opacity:0
}
}
/*about*/

.about_up {
	padding-top: 68px;
	overflow: hidden;
}
.page_h3 {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	color: #333333;
}
.about_nei {
	position: relative;
}
.about_nei .nav {
	padding-top: 90px;
}
.about_nei .nav li.nav-item {
	width: 50%;
	float: left;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #FFFFFF;
}
.about_nei .nav li.nav-item:first-child {
	border-right: none;
}
.about_nei .nav li.nav-item a {
	font-size: 18px;
	line-height: inherit;
	padding: 0;
	border: 1px solid #E1E1E1;
}
.about_nei .nav li.nav-item:first-child a {
	border-right: none;
}
.about_nei .nav li.nav-item a.active, .about_nei .nav li.nav-item:hover a {
	background: #F50122;
	color: #fff;
	border: 1px solid #F50122;
}
.about_nei .abouimg {
	position: absolute;
	top: -50px;
	left: 0;
	z-index: -1;
	max-width: 100%;
}
.about_nei .about_cont {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 60px;
}
.about_nei .about_cont .left {
	float: left;
	width: 23%;
	padding-right: 15px;
}
.about_nei .about_cont .right {
	border-left: 1px solid #E5E5E5;
	float: right;
	width: 77%;
	padding-left: 110px;
}
.about_nei .about_cont .right .about_red {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 12px;
	color: #f19319;
}
.about_nei .about_cont .right .about_text {
	font-weight: 400;
	line-height: 30px;
	color: #333333;
	font-size: 30px;
}
.about_nei .about_cont .right .about_de {
	padding-top: 40px;
}
.about_nei .about_cont .right .about_de p {
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 30px;
}
.about_nei .about_cont .right .about_de p:last-child {
	padding-bottom: 0;
}
.about_nei .about_cont .about_down {
	padding-top: 68px;
}
.about_nei .about_cont .left li {
	padding-bottom: 25px;
}
.about_nei .about_cont .left li .main-info-tit {
	padding-bottom: 10px;
}
.about_nei .about_cont .left li .main-info-number span {
	font-size: 56px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1;
	color: #f19319;
}
.about_nei .about_cont .left li .main-info-number em {
	font-size: 16px;
	font-style: normal;
	padding-left: 10px;
	line-height: 28px;
}
.about_nei .about_cont .left li .main-info-detail-txt p {
	font-size: 16px;
}
.about-container .swiper-slide {
	position: relative;
}
.about-container .about_title {
	position: absolute;
	max-width: 100%;
	width: 300px;
	height: 90px;
	right: 0;
	background: #F50122;
	padding-left: 60px;
	padding-right: 60px;
	bottom: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.about_down {
	position: relative;
}
.about_down .swiper-button-next, .about_down .swiper-button-prev {
	width: 50px;
	height: 90px;
	bottom: 0;
	top: inherit;
	outline: 0;
}
.about_down .swiper-button-next {
	right: 0;
	background-image: url("../images/rightr.png");
	background-size: 12px 21px;
}
.about_down .swiper-button-prev {
	right: 250px;
	left: inherit;
	background-image: url("../images/leftz.png");
	background-size: 12px 21px;
}
.about_down .about_title {
	text-align: center;
	line-height: 90px;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
}
.about_down .swiper-button-next:hover {
	background-image: url("../images/hoverr.png");
	background-size: 25px 21px;
}
.about_down .swiper-button-prev:hover {
	background-image: url("../images/hoverl.png");
	background-size: 25px 21px;
}
.about_down .about_but {
	position: absolute;
	width: 300px;
	height: 90px;
	right: 0;
	bottom: 0;
}
.honor_bg {
	background-image: url("../images/honorbg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 56px;
	padding-bottom: 90px;
}
.honor_bg .h3 {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	color: #fff;
}
.honor_img {
	background-image: url("../images/honorbg.png");
	background-position: center;
	background-size: cover;
	padding: 38px 0 60px 0;
	text-align: center;
}
.honor_bg .honor-container {
	margin-top: 95px;
}
/*.aa {font-size: 18px;line-height: 30px;color: #FFFFFF;}*/

.honor_list {
	position: relative;
}
.honor_bg .honor_title {
	height: 74px;
	line-height: 74px;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
}
.honor_bg .swiper-slide:hover .honor_title {
	background: rgba(0,0,0,0.6);
}
.honor_bg .honor-button-next, .honor_bg .honor-button-prev {
	top: 50%;
	background-size: 8px 15px;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: -50px;
	width: 50px;
	height: 50px;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1;
}
.honor_bg .honor-button-next {
	right: -60px;
	background-image: url("../images/honor_r.png");
}
.honor_bg .honor-button-prev {
	left: -60px;
	background-image: url("../images/honor_l.png");
}
.honor_bg .honor-button-next:hover {
	background-image: url("../images/honor_br.png");
	background-color: #ffffff;
}
.honor_bg .honor-button-prev:hover {
	background-image: url("../images/honor_bl.png");
	background-color: #ffffff;
}
.swiper-button-next, .swiper-button-prev {
	outline: 0;
}
#lcl_thumbs_nav {
	display: none !important;
}
/*hisdory*/

.fzlcbg {
	background: #F6F6F6;
	background-image: url(../images/bg_map.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-bottom: 50px;
	padding-top: 50px;
}
.honor_more {
	padding-top: 65px;
}
.moreBtn {
	background: #E1E1E1;
	margin: 0 auto;
	height: 63px;
	line-height: 63px;
	display: block;
	width: 200px;
	border-radius: 6px;
	font-size: 18px;
	text-align: center;
	position: relative;
	z-index: 2;
}
.moreBtn:before {
	content: "";
	width: 0;
	transition: .3s;
	height: 100%;
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	background: #F50122;
	color: #fff;
	border-radius: 6px;
}
.moreBtn:hover:before {
	width: 100%;
}
.moreBtn:hover {
	color: #fff;
}
.VivaTimeline {
	margin-top: 85px;
}
 @media (max-width:767px) {
.fzlcbg {
	padding-bottom: 30px;
	padding-top: 30px;
}
}
.culture .page_h3 {
	padding-top: 50px;
}
.overview-section {
	padding-bottom: 80px;
	padding-top: 75px;
}
.overview-section ul {
	margin-left: -25px;
	margin-right: -25px;
	overflow: hidden;
}
.overview-section ul li {
	padding: 0 25px;
	width: 33.33%;
	float: left;
}
.overview-section .thumb, .overview-section .thumb-block {
	position: relative;
	overflow: hidden;
}
.overview-section .thumb .btn-r, .overview-section .thumb-h {
	position: absolute;
	bottom: 45px;
}
.overview-section .thumb-h {
	color: #fff;
	left: 0;
	bottom: 0;
	height: 163px;
	width: 100%;
	font-size: 22px;
	padding: 45px 30px 30px;
	1background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 12%, #000000 100%);
	-webkit-transition: all .3s cubic-bezier(0, .5, .5, 1);
	-o-transition: all .3s cubic-bezier(0, .5, .5, 1);
	transition: all .3s cubic-bezier(0, .5, .5, 1);
}
.overview-section .thumb-h span {
	display: block;
	padding-bottom: 12px;
}
.overview-section .thumb .i-desktop {
	display: none;
}
.overview-section .thumb .i-mobile {
	display: inline-block;
}
.overview-section .overview-thumb img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s cubic-bezier(0, .5, .5, 1);
	-o-transition: all .5s cubic-bezier(0, .5, .5, 1);
	transition: all .5s cubic-bezier(0, .5, .5, 1);
}
.overview-section .btn-r {
	width: 30px;
	height: 30px;
	border: 1px solid #999;
	border-color: rgba(153,153,153,.5);
	background-color: #fff;
	background-color: rgba(255,255,255,.6);
	font-size: 14px;
	font-style: normal;
	line-height: 38px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.overview-section .btn-r-light {
	color: #fff;
	border: 1px solid #ccc;
	border-color: rgba(255,255,255,1);
	background-color: transparent;
}
.overview-section .thumb .btn-r {
	right: 30px;
}
.overview-section .btn-r-light:hover, .overview-section:hover .btn-r-light {
	color: #444;
	border-color: #fff;
	background: #fff;
}
.thumb a:hover .thumb-img img, .overview-section .thumb:hover .thumb-img img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
 @media (min-width: 991px) {
.thumb-hover p {
	bottom: 60px;
}
}
 @media (min-width: 768px) {
.overview-section .thumb-hover, .overview-section .thumb-hover p {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
	opacity: 0;
}
.overview-section .thumb:hover .thumb-h {
	z-index: 10;
}
.thumb-hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	padding: 40px 30px;
	background-color: rgba(245,1,34,.8);
	-webkit-transition: all .5s cubic-bezier(0, .5, .5, 1);
	-o-transition: all .5s cubic-bezier(0, .5, .5, 1);
	transition: all .5s cubic-bezier(0, .5, .5, 1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	filter: alpha(opacity=0);
}
.thumb-hover p {
	padding-left: 30px;
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	padding-right: 30px;
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
	-webkit-transition: all .5s cubic-bezier(0, .5, .5, 1);
	-o-transition: all .5s cubic-bezier(0, .5, .5, 1);
	transition: all .5s cubic-bezier(0, .5, .5, 1);
}
.overview-section li:hover .thumb-h {
	background: none;
	top: 0px;
	bottom: inherit;
}
.thumb .i-desktop {
	display: inline-block;
}
.thumb .i-mobile {
	display: none;
}
.overview-section .thumb:hover .thumb-hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.overview-section .thumb:hover .thumb-hover p {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.overview-section .thumb-h {
	padding: 30px 30px 30px;
}
}
 @media all and ( max-width: 767px ) {
.overview-section {
	padding-bottom: 30px;
	padding-top: 35px;
}
.index_first .left p {
	font-size: 30px;
	padding-bottom: 10px;
}
.overview-section ul {
	margin-left: -15px;
	margin-right: -15px;
}
.overview-section ul li {
	padding: 0 15px;
	width: 100%;
	padding-bottom: 30px;
}
.overview-section ul li .thumb-hover {
	padding-top: 15px;
}
.overview-section .thumb .i-desktop {
	display: block;
}
.overview-section .thumb .i-mobile {
	display: none;
}
}
/*new*/

.new_top {
	padding-top: 80px;
}
.new_titles {
	font-size: 26px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 40px;
	line-height: 1.2;
}
.newleft {
	width: 50%;
	float: left;
}
.newleft img {
	width: 100%;
}
.newright {
	width: 50%;
	float: right;
	padding: 60px 65px 0 65px;
}
.newpositon .item {
	display: flex;
	background-color: #F6F6F6;
}
.newright h3 {
	margin-top: 20px;
	line-height: 35px;
	color: #333333;
	font-size: 28px;
	max-height: 70px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newright p {
	margin-top: 25px;
	line-height: 25px;
	font-size: 16px;
	max-height: 75px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.newright span {
	line-height: 24px;
	color: #b2b2b2;
	display: block;
	background: url(../images/time.png) no-repeat left;
	padding-left: 26px;
}
.newright .wel-more {
	margin-top: 55px;
}
.owl-theme.newpositon .owl-nav {
	display: none;
}
.owl-theme.newpositon .owl-dots {
	position: absolute;
	right: 0;
	padding-right: 65px;
	text-align: right;
	bottom: 45px;
	width: 25%;
}
.newdown {
	padding-top: 60px;
}
.owl-theme.newpositon .owl-dots button {
	border: none;
	outline: 0;
}
.owl-theme.newpositon .owl-dots button span {
	width: 17px;
	height: 4px;
	margin: 0 5px;
	background: #999999;
	border-radius: 0;
}
.owl-theme.newpositon .owl-dots.active button span {
	width: 20px;
}
.newup {
	padding-bottom: 20px;
}
.newup span {
	background: url("../images/time2.png") no-repeat left;
	color: #C1C1C1;
	padding-left: 30px;
}
.pagenew .newcont {
	height: 262px;
	background: #F8F8F8;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	padding: 28px 30px 24px 30px;
}
.pagenew .newcont p {
	font-size: 16px;
	margin-top: 20px;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.pagenew .newbotom span {
	float: right;
	width: 26px;
	text-align: center;
	height: 26px;
	border: 1px solid #C0C0C0;
	border-radius: 50%;
}
.pagenew .newbotom span svg {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
.pagenew .newbotom {
	padding-top: 20px;
}
.pagenew .newbotom {
	border-top: 1px solid #E1E1E1;
	margin: 20px 0 0 0;
	padding-top: 19px;
	line-height: 25px;
	overflow: hidden;
}
.newdlist {
	overflow: hidden;
}
.newdlist ul {
	margin-left: -19px;
	margin-right: -19px;
}
.newdlist ul li {
	width: 33.33%;
	float: left;
	padding: 0 19px;
	margin-bottom: 38px;
}
.newdlist ul .newpic {
	display: block;
	overflow: hidden;
}
.newdlist a:hover .newcont {
	background: #f19319;
}
.newdlist a:hover .newcont p, .newdlist a:hover .newcont .new_text {
	color: #fff;
}
.newdlist a:hover .newpic img {
	transform: scale(1.05);
}
.newdlist a:hover .newup span {
	color: #EAB8B8;
	background: url("../images/timeh2.png") no-repeat left;
}
.newdlist a:hover .newcont .newbotom {
	border-top: 1px solid #DE5051;
}
.newdlist a:hover .newcont .newbotom svg {
	color: #D91011;
}
.new_text {
	font-size: 18px;
	font-weight: bold;
	display: block;
	color: #333333;
	line-height: 1.1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pagenew a:hover .newbotom span {
	border: 1px solid #fff;
	background: #fff;
}
.wel-more {
	display: inline-block;
	margin-top: 30px;
	position: relative;
	font-size: 16px;
	line-height: 50px;
	width: 160px;
	height: 50px;
	color: #999999;
	background: #fff;
	text-align: left;
	border-radius: 26px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.wel-more a {
	color: inherit;
	font-size: inherit;
	padding-left: 33px;
	padding-right: 25px;
	display: block;
	line-height: inherit;
}
.wel-more a i {
	background-image: url("../images/newjt.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 7px;
	height: 50px;
	float: right;
	display: inline-block;
	background-size: 7px 12px;
}
.wel-more:hover {
	color: #fff;
	background: #D70203;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 10px 10px rgba(215,2,3, 0.2);
}
.wel-more:hover a i {
	background-image: url("../images/newjt2.png");
}
/*page*/

.paged {
	padding: 30px 0 50px 0;
	text-align: center;
	overflow: hidden;
}
.paged .pagination {
	display: block;
}
.paged .pagination li {
	display: inline-block;
	margin: 0 8px;
}
.paged:after {
	clear: both;
	content: '';
	width: 0px;
	display: block;
	height: 0px;
	visibility: hidden;
}
.paged a {
	border: 1px solid #DEDEDE;
	background: #fff;
	display: inline-block;
	line-height: 40px;
	color: #333;
	padding: 0 14px;
	height: 40px;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
}
.paged a:hover, .paged .active span {
	border: 1px solid #f19319;
	text-decoration: none;
	color: #fff;
	padding: 0 14px;
	height: 40px;
	line-height: 40px;
	background-color: #f19319;
	font-size: 14px;
}
.paged span {
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #DEDEDE;
	background-color: #fff;
	color: #333;
	line-height: 40px;
	padding: 0 14px;
	height: 40px;
	font-size: 14px;
}
/*

.paged a:first-child, .paged a:last-child {

    border: none;

}

*/



/*pro*/

.pro_nav {
	padding-top: 60px;
}
.pro_nav ul {
	border: 1px solid #E1E1E1;
	border-right: none;
	border-bottom: none;
	overflow: hidden;
}
.pro_nav ul li {
	float: left;
	width: 16.66%;
	border-bottom: 1px solid #E1E1E1;
}
.pro_nav li:nth-child(7n-1) {
	border-right: 1px solid #E1E1E1;
}
.pro_nav ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #E1E1E1;
	text-align: center;
	font-size: 18px;
	height: 60px;
	line-height: 20px;
	color: #333333;
}
.pro_nav li:nth-child(7n-1) a {
	border-right: none;
}
.pro_nav li:nth-child(n+7) {
}
.pro_nav li a.on, .pro_nav li a:hover {
	background: #f19319;
	color: #fff;
}
.pron_list {
	padding: 30px 0;
	overflow: hidden;
}
.pron_list ul {
	margin-left: -40px;
	margin-right: -40px;
}
.pron_list ul li {
	float: left;
	width: 50%;
	padding: 30px 40px;
}
.pron_list ul li a {
	position: relative;
	display: block;
	height: 315px;
	width: 100%;
}
.pron_list ul li a:before {
	background: #F6F6F6;
	content: "";
	width: 70%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.pron_list ul li .left {
	float: left;
	height: 100%;
	position: relative;
	padding: 50px 45px 0 30px;
	width: 52%;
}
.pron_list ul li .right {
	position: absolute;
	width: 48%;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pron_list ul li .left strong {
	font-size: 22px;
	display: block;
	line-height: 1.2;
	color: #333333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pron_list ul li .left p {
	font-size: 16px;
	margin-top: 25px;
	font-weight: 400;
	line-height: 26px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.pron_list ul li .left .wel-more {
	position: absolute;
	bottom: 30px;
	left: 30px;
}
.pron_list ul li .left .wel-more {
	padding-left: 33px;
	padding-right: 25px;
}
.pron_list ul li .left .wel-more i {
	background-image: url("../images/newjt.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 7px;
	height: 50px;
	float: right;
	display: inline-block;
	background-size: 7px 12px;
}
.pron_list ul li:hover .left .wel-more {
	color: #fff;
	background: #F50122;
	border: 1px solid #FFFFFF;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 10px 10px rgba(215,2,3, 0.2);
}
.pron_list ul li:hover .left .wel-more i {
	background-image: url("../images/newjt2.png");
}
 @media (min-width: 768px) {
.pron_list ul li a:after {
	background: #F50122;
	content: "";
	width: 70%;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.pron_list ul li:hover a:after {
	background: #F50122;
	height: 100%;
}
.pron_list ul li:hover a:before {
	height: 0;
}
.pron_list ul li:hover .left strong {
	color: #fff;
}
.pron_list ul li:hover .left p {
	color: #FFA7B3
}
}
/*service idea*/

.aboutsub {
	font-size: 36px;
	text-align: center;
	background: url("../images/redx.png") no-repeat bottom center;
	padding-bottom: 25px;
	margin-top: 80px;
	margin-bottom: 40px;
	line-height: 1.1;
	font-weight: bold;
	color: #333333;
}
.service_up {
	position: relative;
	margin-top: 60px;
	overflow: hidden;
}
.service_l {
	width: 45%;
	position: relative;
	background-image: url("../images/fwdou.png");
	background-size: 27px 26px;
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 80px;
	min-height: 530px;
}
.service_l .h3 {
	font-size: 28px;
	color: #333333;
	padding-bottom: 45px;
}
.service_l p {
	font-size: 16px;
	color: #666666;
	padding: 13px 0;
	line-height: 26px;
}
.service_r {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
.serstand {
	padding-top: 8px;
	overflow: hidden;
	padding-bottom: 80px;
}
.serstand ul li {
	width: 25%;
	float: left;
	background: url("../images/serbg1.jpg") no-repeat;
	height: 323px;
	overflow: hidden;
	padding: 30px 20px;
}
.serstand ul li:nth-child(even) {
	background: url("../images/serbg2.jpg") no-repeat;
}
.serstand ul li span {
	display: block;
	height: 30px;
	margin-bottom: 15px;
}
.serstand ul li span img {
	max-height: 100%;
}
.serstand ul li h3 {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	height: 50px;
	line-height: 1.2;
	margin-bottom: 2px;
}
.serstand ul li p {
	font-size: 16px;
	margin-top: 62px;
}
/*join*/

.joinupbg {
	background: url("../images/joinbg.jpg") no-repeat center;
	background-size: cover;
	padding: 68px 0 50px 0;
	min-height: 650px;
}
.hosetitle {
	padding: 200px 0 0 0;
}
.hosetitle h2 {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	color: #F50122;
}
.joindes {
	width: 60%;
	max-width: 740px;
	padding-top: 20px;
}
.joindes p {
	font-size: 16px;
	line-height: 1.8;
}
.joinmid {
	padding: 26px 0 30px 0;
	overflow: hidden;
}
.joinmid ul {
	margin-left: -12px;
	margin-right: -12px;
}
.joinmid ul li {
	float: left;
	width: 25%;
	padding: 0 12px;
}
.joinpic {
	overflow: hidden;
	position: relative;
}
.joinpic img {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.joinmid ul li:hover .joinpic img {
	transform: scale(1.05);
}
.joinimg {
	border-radius: 3px;
}
.joinmask {
	background: rgba(0,0,0,0.3);
	position: absolute;
	border-radius: 3px;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.joinnei {
	width: 100%;
	text-align: center;
	padding: 0 15px;
	padding-top: 48%;
}
.joinnei span {
	display: block;
	margin-bottom: 18px;
	height: 56px;
}
.joinnei p {
	font-size: 20px;
	color: #FFFFFF;
}
.jointitle {
	font-size: 26px;
	color: #000000;
	padding-top: 40px;
}
.joinbotom {
	padding-bottom: 50px;
}
.joinbotom .nav-tabs {
	border-bottom: none;
	display: block;
	overflow: hidden;
	margin-left: -7px;
	margin-right: -7px;
}
.joinbotom .nav-tabs .nav-item {
	padding: 0 7px;
	float: left;
	margin-bottom: 10px;
}
.joinbotom .nav-tabs .nav-link {
	width: 152px;
	height: 42px;
	display: block;
padding: .5rem 1rem;
	text-align: center;
	border: 1px solid #999999;
	border-radius: 21px;
	font-size: 16px;
}
.joinbotom .nav-tabs .nav-link.active {
	background: #D1A15D;
	border: 1px solid #D1A15D;
	color: #fff;
}
.joinlist {
	padding-top: 58px;
}
.joinlist .joincard {
	margin-bottom: 24px;
	border: 1px solid #E5E5E5;
}
.joinleft {
	float: left;
	width: 80%;
	padding: 30px 0;
}
.joinright {
	border-left: 1px solid #E5E5E5;
	text-align: center;
	width: 20%;
	max-width: 220px;
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 35px 0;
	right: 0;
	top: 0;
	height: 100%;
	position: absolute;
}
.join-header {
	overflow: hidden;
	background: #F50122;
	color: #fff;
	padding: 0 35px;
	position: relative;
}
.collapsed {
	background: #fff;
}
.collapsed {
	color: #666;
}
.join-header button {
	border: none;
	outline: 0;
	font-size: 40px;
	margin: 0;
	padding: 0;
	color: #fff;
	background: none;
}
.join-header h3 {
}
.join-header h3 strong {
	font-size: 20px;
	display: inline-block;
	min-width: 30%;
}
.jointime {
	font-size: 16px;
	font-weight: 500;
	padding-left: 25px;
}
.collapsed button {
	color: #999999;
}
.joincard .collapse {
	border-top: 1px solid #E5E5E5;
}
.font16 {
	font-size: 16px;
}
.joincs {
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 20px;
}
.join-4 {
	padding: 0 15px;
	width: 33.33%;
	float: left;
	line-height: 25px;
	margin-top: 12px;
}
.join-body {
	padding: 15px 35px;
}
.join-body p {
	line-height: 1.5;
	font-size: 16px;
	padding-bottom: 15px;
}
.join-header:hover {
	background: #F50122;
	color: #fff;
}
.join-header:hover .jointime, .join-header .jointime {
	color: #fff;
	background: url("../images/joinxian2.png") no-repeat left;
}
.collapsed .jointime {
	color: #999999;
	background: url("../images/joinxian.png") no-repeat left;
}
.join-header:hover button {
	color: #fff;
}
.join-header:hover .joinright {
	border-left: 1px solid #fff;
}
.span a {
	font-size: 16px;
	color: #fff;
	background: #F50122;
	border: 1px solid #F50122;
	width: 185px;
	height: 54px;
	text-align: center;
	margin-top: 15px;
	line-height: 54px;
	display: inline-block;
	padding: 0;
}
.span a:hover {
	background: #fff;
	color: #333;
}
.tab-content>.tab-pane {
	display: none
}
.tab-content>.active {
	display: block
}
.joincard .fade:not(.show) {
	opacity: 0
}
.joincard .collapse:not(.show) {
	display: none
}
.joincard .fade {
	transition: opacity .15s linear
}
.joincard .fade {
	transition: none
}
.joincard .collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height .35s ease
}
.job_mid {
	padding: 50px 0;
}
.job_mid ul {
	margin-left: -30px;
	margin-right: -30px;
}
.job_mid ul li {
	width: 33.33%;
	padding: 0 30px;
	float: left;
}
.job_mid ul li .job_title {
	font-size: 20px;
	position: relative;
	text-align: center;
	font-weight: bold;
	padding-top: 24px;
	line-height: 28px;
	color: #333333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.job_mid ul li .job_title:before, .job_mid ul li .job_title:after {
	content: "";
	position: absolute;
	height: 2px;
	top: 0;
}
.job_mid ul li .job_title:before {
	background: rgba(153,153,153,0.68);
	width: 100%;
	left: 0;
}
.job_mid ul li .job_title:after {
	width: 0;
	left: 50%;
}
.job_mid ul li:hover .job_title:after {
	width: 100%;
	left: 0;
	background: #F50122;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.job_mid ul li:hover .job_title:before {
	opacity: 0;
	width: 0;
}
.job_mid ul li .jobsv {
	display: block;
	height: 67px;
	text-align: center;
	margin: 46px 0 28px 0;
}
.job_mid ul li .jobsv img {
	max-height: 100%;
}
.job_mid .join_cont {
	background: #F6F6F6;
	height: 187px;
	padding: 40px 30px 30px;
}
.job_mid ul li p {
	font-size: 16px;
	line-height: 28px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.job_mid ul li:hover .job_title {
	color: #F50122;
}
.job_mid ul li:hover .join_cont {
	background: #F50122;
}
.job_mid ul li:hover .join_cont p {
	color: #fff;
}
/*--jobdetail--*/

.jobyp {
	padding-top: 40px;
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
}
.jobyp .col-md-4 {
	float: left;
	width: 33.33%;
	padding: 0 15px;
}
.jobyp .col-md-12 {
	float: left;
	width: 100%;
	padding: 0 15px;
}
.jobyp .form-control {
	display: block;
 padding:.375rem .75rem;
}
.recuit label {
	width: 28%;
	float: left;
	font-size: 16px;
	font-weight: 500;
	line-height: 50px;
}
.recuit input[type=text] {
	width: 72%;
	float: left;
	background: #F0F0F0;
	border: none;
	outline: 0;
	box-shadow: none;
	height: 50px;
	font-size: 16px;
	color: #1d1d1d;
	border-radius: 0;
}
.recuit input[type=radio] {
	height: 34px;
	margin-top: 7px;
	vertical-align: -12px;
	margin-right: 6px;
	-webkit-appearance: radio;
}
.jobyp .recuit select {
	width: 72%;
	float: left;
	height: 50px;
	border: none;
	outline: 0;
	border-radius: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("../images/dsj.png") no-repeat 96%;
	background-color: #F5F5F5;
}
.recuit select:focus {
	background: url("../images/dsj.png") no-repeat 96%;
	background-color: #F5F5F5;
	box-shadow: inherit;
}
.recuit .form-group {
	line-height: 34px;
	margin-bottom: 25px;
}
.recuit button {
	margin-bottom: 30px;
	font-size: 18px;
	color: #fff;
	background: #F50122;
	border: 1px solid #F50122;
	font-weight: 500;
	padding: 6px 60px;
	border-radius: 0;
	outline: 0;
}
.recuit button.red:hover {
	background: #fff;
	color: #333;
	border: 1px solid #F50122;
}
.recuit textarea {
	width: 100%;
	float: left;
	background: #F0F0F0;
	border: none;
	outline: 0;
	box-shadow: none;
	font-size: 16px;
	color: #1d1d1d;
	border-radius: 0;
}
.message_code span {
	margin-left: 5px;
}
.message_code span img {
	max-height: 50px;
}
.red {
	color: #F00;
	font-style: normal;
}
 @media screen and (max-width:1279px) {
.recuit label {
	width: 26%;
}
.recuit input[type=text] {
	width: 68%;
}
.jobyp .recuit select {
	width: 68%;
}
.jobyp .col-md-4 {
	width: 50%;
}
}
 @media screen and (max-width:991px) {
.jobyp .col-md-4 {
	width: 100%;
}
.recuit .form-group:after {
	content: '';
	display: block;
	visibility: hidden;
	clear: both;
}
.recuit .form-group {
	margin-bottom: 10px;
}
.recuit label {
	width: 18%;
}
.recuit input[type=text] {
	width: 75%;
}
.jobyp .recuit select {
	width: 75%;
}
.recuit textarea {
	width: 100%;
}
}
 @media screen and (max-width:767px) {
.recuit label {
	width: 28%;
	font-size: 14px;
}
.recuit input[type=text] {
	width: 72%;
}
.jobyp .recuit select {
	width: 72%;
}
}
/*pro2*/

.main-content {
	padding-top: 65px;
}
.product-ov .applist .row {
	margin-left: -35px;
	margin-right: -35px; width: 100%;
}
.product-ov .applist .row [class^=col-] {
	padding-left: 35px;
	padding-right: 35px
}
.applist .applist__item .imgouter {
	position: relative
}
.applist .applist__item .imgouter img {
	width: 100%;
	max-width: unset
}
.applist .applist__item .imgouter:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(315deg, #000, transparent 34%, transparent);
	background: -o-linear-gradient(315deg, #000 0, transparent 34%, transparent 100%);
	background: linear-gradient(135deg, #000, transparent 34%, transparent);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=1)
}
.applist .applist__item .imgouter:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(65%, rgba(0,0,0,.85)), to(#000));
	background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,.85) 65%, #000);
	background: -o-linear-gradient(top, transparent 0, rgba(0,0,0,.85) 65%, #000 100%);
	background: linear-gradient(180deg, transparent 0, rgba(0,0,0,.85) 65%, #000);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
	opacity: 0
}
.applist .applist__item .txtouter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 1.75em 1.5em 1.5em
}
.mg-rows {
	position: relative
}
.mg-trigger {
	cursor: pointer
}
.mg-space {
	display: none;
	position: relative;
	width: 100%;
	float: left
}
.mg-target {
	display: none;
	background-color: #F6F6F6;
	color: #888
}
.mg-target-open {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}
.product-ov .applist .paint {
	padding-top: 15px;
}
.mg-indicator {
	border-bottom: 14px solid #F6F6F6;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
}
.paint-menu .container {
	position: relative;
}
.mg-close {
	display: none;
	position: absolute;
	right: 15px;
	top: -30px;
	z-index: 2;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url("../images/close.png");
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
}
.mg-close:hover {
	opacity: .5
}
.applist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.applist .applist__item {
	display: block;
	position: relative;
	margin: 15px 0;
	width: 100%
}
.applist .applist__item:active .btn, .applist .applist__item:active .des, .applist .applist__item:active .imgouter:after, .applist .applist__item:active .titlebox, .applist .applist__item:active .txtouter, .applist .applist__item:focus .btn, .applist .applist__item:focus .des, .applist .applist__item:focus .imgouter:after, .applist .applist__item:focus .titlebox, .applist .applist__item:focus .txtouter, .applist .applist__item:hover .btn, .applist .applist__item:hover .des, .applist .applist__item:hover .imgouter:after, .applist .applist__item:hover .titlebox, .applist .applist__item:hover .txtouter {
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.applist .applist__item:active .imgouter:after, .applist .applist__item:focus .imgouter:after, .applist .applist__item:hover .imgouter:after {
	-webkit-animation-name: maskHover;
	animation-name: maskHover;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}
.applist .applist__item:active .txtouter, .applist .applist__item:focus .txtouter, .applist .applist__item:hover .txtouter {
	-webkit-animation-name: applistHover;
	animation-name: applistHover;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}
.applist .applist__item:active .btn, .applist .applist__item:active .des, .applist .applist__item:active .titlebox, .applist .applist__item:focus .btn, .applist .applist__item:focus .des, .applist .applist__item:focus .titlebox, .applist .applist__item:hover .btn, .applist .applist__item:hover .des, .applist .applist__item:hover .titlebox {
	opacity: 0;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}
.applist .applist__item:active .titlebox, .applist .applist__item:focus .titlebox, .applist .applist__item:hover .titlebox {
	-webkit-animation-name: titleboxHover;
	animation-name: titleboxHover
}
.applist .applist__item:active .btn, .applist .applist__item:active .des, .applist .applist__item:focus .btn, .applist .applist__item:hover .btn {
	-webkit-animation-name: btnHover;
	animation-name: btnHover
}
 @-webkit-keyframes applistHover {
 0% {
 opacity:1
}
 35% {
 opacity:0
}
 40% {
 opacity:0
}
to {
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 1
}
}
 @keyframes applistHover {
 0% {
 opacity:1
}
 35% {
 opacity:0
}
 40% {
 opacity:0
}
to {
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 1
}
}
 @-webkit-keyframes maskHover {
 0% {
 opacity:0
}
to {
	opacity: 1
}
}
 @keyframes maskHover {
 0% {
 opacity:0
}
to {
	opacity: 1
}
}
 @-webkit-keyframes titleboxHover {
 0% {
 -webkit-transform:translateY(-30px);
 transform:translateY(-30px);
 opacity:0;
 text-align:center
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	text-align: center
}
}
 @keyframes titleboxHover {
 0% {
 -webkit-transform:translateY(-30px);
 transform:translateY(-30px);
 opacity:0;
 text-align:center
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	text-align: center
}
}
 @-webkit-keyframes btnHover {
 0% {
 -webkit-transform:translateY(30px);
 transform:translateY(30px);
 opacity:0
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
}
 @keyframes btnHover {
 0% {
 -webkit-transform:translateY(30px);
 transform:translateY(30px);
 opacity:0
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
}
.paint .paint__group {
	margin: 17px 0;
}
.paint .paint__group:hover .paint__name {
	-webkit-box-shadow: none;
	box-shadow: none
}
.paint .paint__group:hover .paint__name a {
	color: #fff;
	background-color: #e60012
}
.paint .paint__group:hover .paint__name a:after {
	top: 46%;
	border-color: #fff
}
.paint .paint__name {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)
}
.paint .paint__name a:after {
	content: "";
	display: block;
	position: absolute
}
.paint .paint__name a:after {
	right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	width: 10px;
	height: 10px;
	border-right: 2px solid #ADADAD;
	border-bottom: 2px solid #ADADAD
}
.paint .paint__list {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	background-color: #fff;
	height: 250px;
	overflow-y: auto
}
.product-ov .titlebox .title {
	font-size: 26px;
	line-height: 1.2;
	font-weight: bold;
	color: #FFFFFF;
}
.product-ov .titlebox .subtitle {
	display: block;
	margin-top: 10px;
	font-weight: 400;
	line-height: 1.1;
	color: #B8B8B8;
}
.applist .applist__item span.arrow {
	width: 39px;
	display: inline-block;
	height: 39px;
	border: 1px solid #FFFFFF;
	background-image: url("../images/projt.png");
	background-size: 17px 10px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -19px;
	opacity: 0;
}
.paint-menu .paint-menu__btn {
	color: #333
}
.paint-menu .paint-menu__btn a {
	padding: 18px 30px;
	color: #333333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	background-color: #fff;
	position: relative
}
.applist .applist__item .txtouter {
	height: auto;
	padding: 40px
}
.applist .applist__item:hover span.arrow {
	opacity: 1;
	bottom: 40px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
 @media all and ( max-width: 1279px ) {
.product-ov .applist .row {
	margin-left: -25px;
	margin-right: -25px
}
.product-ov .applist .row [class^=col-] {
	padding-left: 25px;
	padding-right: 25px
}
}
 @media all and ( max-width: 991px ) {
.product-ov .applist .row {
	margin-left: -15px;
	margin-right: -15px
}
.product-ov .applist .row [class^=col-] {
	padding-left: 15px;
	padding-right: 15px
}
.applist .applist__item:hover span.arrow {
	bottom: 30px;
}
}
 @media all and ( max-width: 767px ) {
.main-content {
	padding-top: 35px;
}
.applist .applist__item .txtouter {
	padding: 30px;
}
.applist .applist__item {
	margin-bottom: 0;
}
.product-ov .titlebox .title {
	font-size: 20px;
}
}
/*prodetail*/

.pro_debg {
1margin-top:90px;
	height: calc(100vh - 165px);
	width: 100%;
	position: relative;
1padding-top:90px;
}
.pro_debg .pron_bg {
	width: 100%;
	height: 100%;
	background-image: url("../images/probg.jpg");
	background-size: cover;
	background-position: top center;
	overflow: hidden;
}
.pro_debg .pron_bg .container {
	height: 100%;
}
.pron_left {
	float: left;
	width: 47.2%;
	height: 100%;
	padding-top: 50px;
}
.pron_right {
	float: right;
	width: 52.8%;
	padding-left: 110px;
	padding-top: 68px;
}
.pron_nav {
	width: 100%;
	height: 75px;
	background: #F50122;
	text-align: right;
}
.pron_nav a {
	text-align: center;
	padding: 0 24px;
	margin: 0;
	line-height: 75px;
	display: inline-block;
	font-size: 16px;
	color: #fff;
}
.pron_nav a:hover, .pron_nav a.on {
	background: #882121;
}
.pro_debg .pron_bg .pron_left .prolub {
	max-height: 90%;
}
.pro_debg .pron_bg .pron_left .prolub .owl-stage-outer {
	height: 100%;
}
.pro_debg .pron_bg .pron_left .owl-carousel .owl-item img {
	max-height: 100%;
}
.prolub .owl-nav {
	display: none;
}
.owl-theme.prolub .owl-dots {
	position: absolute;
1bottom: 0;
	width: 100%;
	left: 0;
}
.owl-theme.prolub .owl-dots .owl-dot {
	border: 0;
	margin: 0 3px;
	outline: 0;
}
.owl-theme.prolub .owl-dots .owl-dot span {
	width: 10px;
	margin: 0;
	height: 10px;
	opacity: 1;
	background: #DCDCDC;
	border-radius: 50%;
}
.owl-theme.prolub .owl-dots .owl-dot.active span, .owl-theme.prolub .owl-dots .owl-dot:hover span {
	background: #f19319;
	width: 26px;
	border-radius: 5px;
}
.pron_right .pron_title {
	font-size: 36px;
	font-weight: bold;
	height: 70px;
	line-height: 35px;
	color: #FFFFFF;
}
.pron_right .pron_up {
	padding-bottom: 110px;
}
.pron_right .pron_up .proback {
	float: right;
	margin-right: 30px;
	line-height: 48px;
	font-size: 16px;
	color: #fff;
}
.pron_right .pron_up .proback span {
	width: 48px;
	float: left;
	margin-right: 10px;
	height: 48px;
	display: inline-block;
	background-image: url("../images/pro_back.png");
	background-size: 18px 14px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
}
.pron_right .pron_up .bdsharebuttonbox {
	float: right;
	line-height: 48px;
	font-size: 16px;
	color: #fff;
}
.pron_right .pron_up .bdsharebuttonbox a#share01 {
	width: 48px;
	float: left;
	margin: 0;
	margin-right: 10px;
	height: 48px;
	display: inline-block;
	background-image: url("../images/pro_share.png");
	background-size: 18px 17px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
}
.pron_right .pron_up .proback:hover span, .pron_right .pron_up .bdsharebuttonbox a#share01:hover {
	background-color: #f19319;
	border: 1px solid #f19319;
	opacity: 1;
}
.pron_right .pron_up .proback:hover {
	color: #f19319;
}
.pron_des {
	border-bottom: 1px solid rgba(255,255,255,0.26);
	padding: 5px;
}
.pron_des .prodes_title {
	color: #fff;
	font-size: 18px;
}
.pron_des .pron_scoll {
	overflow-y: auto;
	margin-top: 15px;
	height: 156px;
	margin-bottom: 8px;
}
 .pron_des .pron_scoll::-webkit-scrollbar {
 width:5px;
height:6px;
}
 .pron_des .pron_scoll::-webkit-scrollbar-track {
 background-image:url("../images/gdt.jpg");
background-position: center;
background-repeat:repeat-y;
 border-radius:0;
}
 .pron_des .pron_scoll::-webkit-scrollbar-thumb {
background:#B2B2B2;
border-radius:0;
}
.pron_des .pron_scoll p {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
}
.pron_right .pron_link {
	padding-top: 60px;
}
.pron_right .pron_link ul {
	margin-left: -6px;
	margin-right: -6px;
}
.pron_right .pron_link ul li {
	max-width: 50%;
	padding: 0 6px;
	float: left;
}
.pron_right .pron_link ul li a {
	width: 216px;
	max-width: 100%;
	display: block;
	height: 57px;
	text-align: center;
	line-height: 57px;
	background: #FFFFFF;
	font-size: 16px;
	border-radius: 4px;
}
.pron_right .pron_link ul li a:hover {
	background: #f19319;
	color: #fff;
}
.pt50 {
	padding-top: 50px;
}
.pt30 {
	padding-top: 30px;
}
.font32 {
	font-size: 32px;
}
.pro_one {
}
.pro_one .proone_left {
	float: left;
	width: 50%;
	padding-right: 45px;
}
.pro_one .proone_right {
	float: left;
	width: 50%;
	padding-left: 45px;
}
.pro_one .proone_left p {
	font-size: 16px;
	padding-left: 10px;
	position: relative;
}
.pro_one .proone_left p:after {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	background-color: #ccc;
	left: 0;
	top: 9px;
	border-radius: 50%;
}
.pro_one .proone_left p span {
	font-size: 18px;
	padding-right: 13px;
	font-weight: bold;
	line-height: 30px;
	color: #D2D2D2;
}
.pro_two .protwo_des p {
	font-size: 16px;
	line-height: 26px;
}
.de_table {
	padding-top: 30px;
}
.de_table table {
	text-align: center;
}
.de_table table tbody tr td {
	min-width: 90px;
	vertical-align: middle;
}
.de_table table tbody tr th {
	color: #fff;
	font-size: 17px;
padding: 1.2rem .75rem;
	border: 1px solid #848484;
}
.intor_arr .indus-container {
 1 overflow: initial;
}
.intor_arr .swiper-slide {
	position: relative;
}
.intor_arr .swiper-slide .indus_title {
	height: 60px;
	line-height: 60px;
	font-weight:normal;
	background: #00479d;
	bottom: 0;
	1position: absolute;
	left: 0;
	width: 100%;
	padding: 0 30px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
}
.intor_arr .swiper-slide .indus_img {
	position: relative;
}
.intor_arr .swiper-slide .indus_img a {
	display: block;
}
.intor_arr .swiper-slide .indus_img .indus_mask {
	background: rgba(241,147,25,0.8);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.intor_arr .swiper-slide .indus_img .indus_mask span.indusico {
	background-image: url("../images/indusico.png");
	background-size: 38px 38px;
	width: 38px;
	height: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -19px 0 0 -19px;
}
.intor_arr .modal-dialog {
	max-width: 900px;
}
.intor_arr .swiper-slide .indus_img:hover .indus_mask {
	height: 100%;
	opacity: 1;
}
.intor_arr .swiper-slide .indus_img:hover .indus_title {
	display: none;
}
.pro_bottom {
	background-color: #F9F9F9;
	margin-top: 125px;
	background-image: url("../images/indusbg.png");
	background-position: left;
	background-repeat: no-repeat;
	background-size: 55% 100%;
	overflow: hidden;
	padding-top: 40px;
}
.pro_bottom .probotm_left {
	float: left;
	width: 60%;
	padding-left: 160px;
}
.pro_bottom .probotm_right {
	float: left;
	width: 40%;
	padding-left: 50px;
	padding-top: 66px;
	padding-bottom: 50px;
}
.pro_bottom .probotm_right h3 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 50px;
	color: #333333;
}
.pro_bottom .probotm_right p {
	font-size: 16px;
	position: relative;
	padding-left: 15px;
}
.pro_bottom .probotm_right p:after {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	background-color: #cccccc;
	left: 0;
	top: 14px;
	border-radius: 50%;
}
.pro_bottom .probotm_right p span {
	font-size: 18px;
	padding-right: 13px;
	font-weight: bold;
	line-height: 30px;
	color: #D2D2D2;
}
 @media all and ( max-width: 1440px ) {
.pron_right .pron_up {
	padding-bottom: 70px;
}
}
 @media all and ( max-width: 1366px ) {
.pron_right .pron_up {
	padding-bottom: 50px;
}
.pron_des .pron_scoll {
	height: 104px;
}
.pron_right .pron_link {
	padding-top: 30px;
}
}
 @media all and ( max-width: 991px ) {
.pron_right {
	padding: 50px;
}
}
 @media all and ( max-height: 700px ) {
.pro_debg .pron_bg .pron_left .prolub {
	width: 85%;
}
.pron_right .pron_link {
	padding-top: 30px;
}
}
 @media all and ( max-height: 600px ) {
.pro_debg .pron_bg .pron_left .prolub {
	width: 80%;
}
.pron_right .pron_up {
	padding-bottom: 20px;
}
.pron_des .pron_scoll {
	height: 78px;
}
}
/*prodetail2*/

.po_prolist {
	padding-bottom: 30px;
}
.po_prolist ul {
	margin-left: -33px;
	margin-right: -33px;
}
.po_prolist ul li {
	width: 25%;
	float: left;
	padding: 0 33px 30px 33px;
}
.po_prolist ul li .pro_pic {
	border: 1px solid #E5E5E5;
	display: block;
	padding: 30px;
}
.po_prolist ul li h3 {
	background: #D6D6D6;
	height: 60px;
	padding: 0 20px;
	position: relative;
}
.po_prolist ul li h3 .left {
	font-size: 16px;
	max-width: 80%;
	font-weight: 400;
	line-height: 60px;
	color: inherit;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.po_prolist ul li h3 i {
	background-image: url("../images/xqjt.png");
	background-size: 7px 12px;
	width: 10px;
	height: 60px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 20px;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.po_prolist ul li:hover h3 {
	background: #F50122;
	color: #fff;
}
.po_prolist ul li:hover h3 i {
	opacity: 1;
}
.po_prolist ul li img {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.po_prolist ul li:hover img {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
/*prodetail3*/

.proth_up {
	padding-top: 50px;
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 50px;
}
.proth_up .left {
	float: left;
	max-width: 70%;
}
.proth_up .right .proback {
	float: right;
	margin-right: 30px;
	line-height: 48px;
	font-size: 16px;
	color: #666666;
}
.proth_up .right .proback span {
	width: 48px;
	float: left;
	margin-right: 10px;
	height: 48px;
	display: inline-block;
	background-image: url("../images/pro_back2.png");
	background-size: 18px 14px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #666666;
	border-radius: 50%;
}
.proth_up .right .bdsharebuttonbox {
	float: right;
	line-height: 48px;
	font-size: 16px;
	color: #666666;
}
.proth_up .right .bdsharebuttonbox a#share01 {
	width: 48px;
	float: left;
	margin: 0;
	margin-right: 10px;
	height: 48px;
	display: inline-block;
	background-image: url("../images/pro_share2.png");
	background-size: 18px 17px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #666666;
	border-radius: 50%;
}
.proth_up .right .proback:hover span, .proth_up .right .bdsharebuttonbox a#share01:hover {
	background-color: #F50122;
	border: 1px solid #F50122;
	opacity: 1;
}
.proth_up .right .proback:hover {
	color: #F50122;
}
.proth_up .right .proback:hover span {
	background-image: url("../images/pro_back.png");
}
.proth_up .right .bdsharebuttonbox a#share01:hover {
	background-image: url("../images/pro_share.png");
}
.proth_two {
	padding-top: 35px;
}
/*eight*/

.indus_lxbg {
	background-image: url("../images/xqbg3.jpg");
	overflow: hidden;
	padding: 130px 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.indus_lx {
}
.indus_lx ul {
	margin-left: -20px;
	margin-right: -20px;
}
.indus_lx ul li {
	width: 50%;
	float: left;
	padding: 0 20px;
}
.indus_lxn {
	height: 221px;
	background: #FFFFFF;
	padding: 40px 40px 30px 40px;
}
.induslx_up {
	overflow: hidden;
	padding-bottom: 60px;
}
.induslx_up strong {
	font-size: 22px;
	display: inline-block;
	float: left;
	line-height: 32px;
	color: #333333;
}
.induslx_up span {
	display: inline-block;
	float: right;
	text-align: right;
}
.induslx_up span img {
	max-width: 50%;
}
.induslx_down {
	border-top: 1px solid #DCDCDC;
	line-height: 80px;
}
.induslx_down a {
	font-size: 16px;
}
.induslx_down a i {
	margin-left: 20px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.induslx_down a i img {
	width: 7px;
}
.induslx_down a:hover {
	color: #f19319;
}
.induslx_down a:hover i {
	margin-left: 23px;
}
.prod_up {
	padding-bottom: 30px;
}
.prod_up .centeritem {
	float: right;
}
.showsubmenu, .dissubmenu {
	display: inline-block;
	float: right;
	padding: 0 10px;
	width: 108px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	background: #F9F9F9;
	border-radius: 20px;
}
.centeritem a {
	font-size: inherit;
	color: inherit;
}
.showsubmenu:hover, .dissubmenu:hover {
	background: #F50122;
	color: #fff;
}
.centeritem a:hover {
	color: #fff;
}
.pro_d .val-bar-box ul li {
	margin-bottom: 20px;
}
.inserticon {
	float: right;
	width: 22px;
	height: 26px;
	display: inline-block;
	background-image: url("../images/txico.png");
	background-position: center;
	background-size: 22px 13px;
	background-repeat: no-repeat;
}
.inserticon2 {
	display: inline-block;
	width: auto;
	height: auto;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	/*insert*/

	border-left: 5px solid #a0a0a0;
	border-right: 0px solid transparent;
	border-bottom: 4.2px solid transparent;
	border-top: 4.2px solid transparent;
	padding-right: 7px;
}
.inserticon_1 {
	width: auto;
	height: auto;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-right: 5px;
	border-left: 5px solid #00479d;
	border-right: 0px solid transparent;
	border-bottom: 4.2px solid transparent;
	border-top: 4.2px solid transparent;
}
.inserticoncol2 {
	border-left: 5px solid #093cb1;
}
.inserticon2css {
	line-height: 1;
	text-align: left;
	float: left;
	margin: 8% 0% 0 0;
}
.inserticon2span {
	width: 90%;
	float: left;
}
.sidebar-content .side-bar .first-level .f-li .second-level .s-li .icon::after,  .sidebar-content .side-bar .first-level .f-li .second-level .s-li .icon::before {
	content: "";
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #333;
}
.proboxtit {
	line-height: 30px;
	color: #00479d;
	font-family: "PGFZ";
	font-weight: bold;
	font-size: 16px;
}
.pro_a .right-cont .show-model-bobx .bottom .val-bar-box .val-btn {
	width: 100%;
	text-align: left;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	cursor: pointer;
	color: #00479d;
	margin-bottom: 20px;
	background: #f7f7f7;
	padding: 8px 0;
	padding-left: 10px;
	padding-right: 35px;
	/* font-weight: 600; */

	font-size: 14px;
	font-family: "PGFZ";
	font-weight: bold;
}
.pro_d .right-cont .show-model-bobx .bottom .val-bar-box .val-btn {
	width: 100%;
	text-align: left;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	cursor: pointer;
	color: #fff;
	background: #F50122;
	padding: 17px 0;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 18px;
	font-weight: bold;
}
.de_table table tbody tr th {
	vertical-align: middle;
}
.pro_d .de_table table tbody tr th {
	font-size: 16px;
	font-weight: 500;
padding: .5rem .75rem;
}
.pro_d .de_table table tr td {
	font-size: 16px;
	vertical-align: middle;
}
.pro_d .de_table table tbody tr th {
	min-width: 70px;
}
.pro_d .de_table {
	padding-top: 0;
}
 @media screen and (min-width:1366px) {
.pro_d .de_table table tbody tr th:nth-child(-n+6) {
	min-width: 100px;
}
}
 @media all and ( max-width: 767px ) {
.pro_d .de_table table tbody tr th:nth-child(9) {
	min-width: 200px;
}
.pro_d .de_table table tbody tr th {
	min-width: 70px;
}
}
/*technology*/

.pb70 {
	padding-bottom: 70px;
}
.telist .newcont {
	padding-top: 55px;
}
.telist .newcont p {
	margin-top: 33px;
}
.te_eng {
1padding-top:40px;
}
.te_eng span {
	font-size: 14px;
	display: block;
	font-weight: 500;
	padding-top: 10px;
	line-height: 1.2;
	color: #ADADAD;
}
.index_first {
	padding: 55px 0 50px 0;
}
.index_first .left {
	max-width: 50%;
	padding-right: 30px;
}
.index_first .left p {
	font-size: 32px;
	position: relative;
	font-weight: bold;
	padding-bottom: 30px;
	line-height: 1.4;
	color: #333333;
}
.index_first .left p:before {
	width: 15px;
	height: 2px;
	background: #F50122;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
}
.index_first .right {
	width: 50%;
	max-width: 640px;
}
.index_first .right p {
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 27px;
}
.tech_two {
	background-image: url("../images/zytu.jpg");
	min-height: 600px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 90px 30px;
}
.tech_two .tech_cont {
	width: 987px;
	max-width: 100%;
	margin: 0 auto;
	padding: 50px;
	min-height: 420px;
	background: #FFFFFF;
	position: relative;
}
.tech_two .tech_cont:before {
	width: 1px;
	height: 31px;
	background: #F50122;
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
}
.tech_cont ul.nav {
	text-align: center;
	padding-top: 30px;
	display: block;
}
.tech_cont ul.nav li.nav-item {
	padding: 0 14px;
	width: 141px;
	display: inline-block;
}
.tech_cont ul.nav li.nav-item a {
	height: 50px;
	padding: 0;
	text-align: center;
	line-height: 50px;
	background: #F5F5F3;
	color: #333333;
	font-size: 16px;
	border-radius: 4px;
}
.tech_cont ul.nav li.nav-item a.active {
	color: #fff;
	background: #F50122;
}
.tech_cont .tab-content .tab-pane {
	text-align: center;
	padding-top: 20px;
}
.tech_cont .tab-content .tab-pane p {
	font-size: 16px;
}
.tech_three {
	padding-top: 50px;
}
.tech_three ul {
	margin-left: -20px;
	margin-right: -20px;
}
.tech_three ul li {
	float: left;
	width: 25%;
	padding: 0 20px;
}
.tech_three ul li .tech_border {
	width: 100%;
	height: 160px;
	background: #F5F5F5;
	padding: 37px 30px 30px;
}
.tech_three ul li .main-info-number {
	padding: 0 0 10px 0;
}
.tech_three ul li .main-info-detail span {
	font-size: 42px;
	font-weight: bold;
	line-height: 1;
	color: #f19319;
}
.tech_three ul li .main-info-detail em {
	font-size: 16px;
	font-style: normal;
	padding-left: 5px;
	line-height: 28px;
}
.tech_three ul li .main-info-detail-txt {
	height: 50px;
}
.tech_three ul li .main-info-detail-txt p {
	font-size: 16px;
}
 @media screen and (min-width:991px) {
.tech_cont .tab-content .tab-pane {
	max-width: 714px;
	margin: 0 auto;
}
}
/*development*/

.devebg {
	background-color: #F5F5F5;
	width: 100%;
	overflow: hidden;
	min-height: 561px;
	position: relative;
}
.deve_bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.devebg:after {
	background-image: url("../images/debg2.png");
	background-size: cover;
	width: 360px;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	content: "";
}
.devebg .deve_cont {
	width: 50%;
	float: right;
	padding-left: 60px;
	padding-top: 125px;
}
.devebg .deve_cont h3 {
	font-size: 28px;
	line-height: 1.4;
	color: #F50122;
	position: relative;
	padding-bottom: 27px;
}
.devebg .deve_cont h3:before {
	width: 15px;
	height: 2px;
	background: #F50122;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
}
.devebg .deve_cont .p {
	padding-top: 55px;
}
.devebg .deve_cont .p p {
	font-size: 16px;
	line-height: 1.5;
}
.deve_bottom {
	background-image: url("../images/yjbg.jpg");
	text-align: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 510px;
	padding-top: 147px;
	padding-bottom: 50px;
}
.deve_bottom h3 {
	position: relative;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 50px;
	color: #FFFFFF;
}
.deve_bottom h3:before {
	width: 19px;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -9px;
	height: 1px;
	background: #fff;
}
.deve_bottom p {
	font-size: 16px;
	line-height: 36px;
	color: #FFFFFF;
	padding-top: 30px;
}
.qulity_a {
	padding: 5.2083% 0;
}
.qulity_a .this-title {
	text-align: center;
	color: #333;
	margin-bottom: 40px;
}
.qulity_a .qulity-ul {
	margin-bottom: 40px;
}
.qulity_a .qulity-ul li {
	width: 32.7272%;
	margin-right: 0.9092%;
	float: left;
}
.qulity_a .qulity-ul li .imgbox img {
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.qulity_a .qulity-ul li:last-child {
	margin-right: 0;
}
.qulity_a .grid-box {
	padding-top: 40px;
	border-top: 1px solid #f3f3f3;
}
.qulity_a .grid-box .box {
	width: 13%;
	float: left;
	height: 520px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.qulity_a .grid-box .box:before {
	background: rgba(0,0,0,0.3);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 001;
}
.qulity_a .grid-box .box .inbox {
	position: absolute;
	width: 84%;
	left: 30px;
	bottom: 0px;
	color: #fff;
	z-index: 99;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.qulity_a .grid-box .box .inbox .title {
	font-size: 22px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease 0.4s;
	-o-transition: all 0.3s ease 0.4s;
	-moz-transition: all 0.3s ease 0.4s;
	transition: all 0.3s ease 0.4s;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
.qulity_a .grid-box .box .inbox .title span {
	padding-bottom: 30px;
	font-size: inherit;
	color: inherit;
}
.qulity_a .grid-box .box .inbox .text {
	line-height: 20px;
	height: 60px;
	font-size: 16px;
	-webkit-transition: all 0.3s ease 0.3s;
	-o-transition: all 0.3s ease 0.3s;
	-moz-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
	opacity: 0;
}
.qulity_a .grid-box .act {
	width: 35%;
}
 @media (max-width: 767px) {
.qulity_a .qulity-ul li {
	width: 100%;
	margin: 0 0 6%;
}
.qulity_a .qulity-ul li:last-child {
	margin-bottom: 0;
}
.qulity_a .grid-box {
	display: block;
}
.qulity_a .grid-box .box {
	width: 100% !important;
	margin-bottom: 6%;
	height: 250px;
}
.qulity_a .grid-box .box .inbox {
	bottom: 15px;
}
.qulity_a .grid-box .box .inbox .title {
	font-size: 24px;
}
.qulity_a .grid-box .box .inbox .title span::after {
	width: 100%;
}
}
/*industry*/

.about02 {
	position: relative;
	height: 612px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.ui-showmore-more {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 70px;
	line-height: 70px;
	padding: 0 50px;
	background: -webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,0)), color-stop(70%, #fff), to(#fff));
	background: -webkit-linear-gradient(top, hsla(0,0%,100%,0), #fff 70%, #fff);
	background: -o-linear-gradient(top, hsla(0,0%,100%,0) 0, #fff 70%, #fff 100%);
	background: linear-gradient(180deg, hsla(0,0%,100%,0) 0, #fff 70%, #fff);
}
.ui-showmore-more {
	height: 100px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(230,0,18,0)), color-stop(80%, #e60012));
	background: -webkit-linear-gradient(top, rgba(230,0,18,0), #e60012 80%);
	background: -o-linear-gradient(top, rgba(230,0,18,0) 0, #e60012 80%);
	background: linear-gradient(180deg, rgba(230,0,18,0) 0, #e60012 80%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e60012", endColorstr="#e60012", GradientType=0);
}
.about02 .position {
	position: absolute;
	top: 300px;
	width: 100%;
	left: 0;
}
.about02 .ui-showmore-wrapper {
	float: right;
	position: relative;
	overflow: hidden;
	background-color: #e60012;
	width: 515px;
	max-width: 100%;
	height: 376px;
	padding: 60px 50px 70px 50px;
	-webkit-transition: height 1s;
	transition: height 1s;/*

transition-property:height;

transition-duration:1s;

-moz-transition-property:height;

-moz-transition-duration:1s;

-webkit-transition-property:height;

-webkit-transition-duration:1s;

-o-transition-property:height;

-o-transition-duration:1s;

*/

}
.about02 .ui-showmore-wrapper .ui-showmore-text {
	margin-bottom: 28px;
	display: inline-block;
}
.ui-showmore-more>div {
	cursor: pointer;
	vertical-align: bottom;
	line-height: normal;
	display: inline-block;
}
.ui-showmore-less, .ui-showmore-more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.ui-showmore-less {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.about02 .ui-showmore-wrapper .ui-showmore-text .btn-radius, .about02 .ui-showmore-wrapper .ui-showmore-less .btn-radius {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	background-color: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
}
.about02 .ui-showmore-wrapper .ui-showmore-text .btn-radius i.icon-plus {
	background-image: url("../images/jia.png");
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
}
.about02 .ui-showmore-wrapper .ui-showmore-less .btn-radius i.icon-minus {
	background-image: url("../images/jia2.png");
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
}
.about02 .txtouter {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	height: 100%;
}
.about02 .txtouter h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	color: #FFFFFF;
}
.about02 .txtouter p {
	font-size: 16px;
	line-height: 30px;
	color: #FFFFFF;
}
.about02 .ui-showmore-wrapper.aa {
	height: 640px;
}
.about02 .ui-showmore-wrapper.aa .txtouter {
	overflow-y: auto;
}
 .about02 .ui-showmore-wrapper.aa .txtouter::-webkit-scrollbar {
 width:6px;
 height:6px;
}
 .about02 .ui-showmore-wrapper.aa .txtouter::-webkit-scrollbar-track {
 background:#E60012;
 border-radius:2px;
}
 .about02 .ui-showmore-wrapper.aa .txtouter::-webkit-scrollbar-thumb {
 background:rgba(255,255,255,0.8);
 border-radius:10px;
}

/*nei*/

.about02 .ui-showmore-wrapper.aa .txtouter::-webkit-scrollbar-thumb:hover {
 background: #E9E9E9;
}
.history {
	padding-top: 2rem;
	background-color: #fff;
	-webkit-box-shadow: 4px 4px 12px 0 rgba(0,0,0,.15);
	box-shadow: 4px 4px 12px 0 rgba(0,0,0,.15)
}
.ui-showmore-less {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.in_two {
	padding-bottom: 50px;
}
.in_two ul {
	margin-left: -16px;
	margin-right: -16px;
}
.in_two ul li {
	width: 20%;
	float: left;
	padding: 16px;
}
.in_two ul li a {
	display: block;
	background: #F5F5F5;
	line-height: 62px;
	text-align: center;
	font-size: 16px;
	padding: 30px;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.in_two ul li a:hover {
	background: #f19319;
	color: #fff;
}
 @media all and ( max-width: 1365px ) {
.about02 .ui-showmore-wrapper.aa {
	height: 540px;
}
}
 @media all and ( max-width: 1279px ) {
.about02 .ui-showmore-wrapper.aa {
	height: 486px;
}
}
 @media all and ( max-width: 767px ) {
.about02 .ui-showmore-wrapper.aa {
	height: auto;
}
.about02 {
	height: auto;
	overflow: hidden;
}
.about02 .position {
	padding-top: 50px;
	position: inherit;
	top: inherit;
}
.about02 .ui-showmore-wrapper {
	padding: 30px 30px 70px 30px;
}
.ui-showmore-more, .ui-showmore-less {
	padding: 0 30px;
}
}
/*contact*/

.contact .nav {
	padding-top: 45px;
}
.cont_nei {
	padding-top: 60px;
}
.cont_nei .row .col-sm-4 {
	border-right: 1px solid #E5E5E5;
	padding-left: 25px;
	padding-right: 25px;
}
.cont_nei .row .col-sm-4:first-child {
	padding-left: 15px;
	padding-right: 15px;
}
.cont_nei .row .col-sm-4:last-child {
	border-right: none;
	padding-right: 15px;
}
.cont_sub {
	font-size: 26px;
	color: #000000;
	font-weight: bold;
}
.cont_nr {
	padding-top: 20px;
	padding-bottom: 20px;
}
.cont_nr p {
	font-size: 16px;
	overflow: hidden;
	line-height: 30px;
	margin-bottom: 18px;
}
.cont_nr p span {
	float: left;
	display: inline-block;
}
.cont_nr p span:first-child {
	width: 20px;
}
.cont_nr p span:nth-child(2) {
	padding-left: 12px;
	font-size: 16px;
	max-width: 90%
}
.contkh {
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 320px;
}
.contkh p {
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 3px;
}
.contbsc {
	padding-top: 28px;
	min-height: 385px;
}
.contbsc .cha {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}
.contbsc .cha {
	width: 100%;
	border: 1px solid #ddd;
	padding: 0 3%;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	outline: 0;
	color: #666;
	display: block;
	margin-bottom: 20px;
	background-image: url(../images/ab38.png);
	background-size: 14px 8px;
	background-position: 94%;
	background-repeat: no-repeat;
}
.contbsc .ban {
	position: relative;
}
.contbsc .box {
	background: #f5f5f5;
	padding: 30px 0 20px;
	position: absolute;
	top: 70px;
	left: 0;
	opacity: 1;
	width: 100%;
	filter: alpha(opacity=100)
}
.contbsc .box h4 {
	font-size: 20px;
	color: #454545;
	font-weight: bold;
	line-height: 43px;
	padding-left: 40px;
	margin-bottom: 6px
}
.contbsc .box p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	padding: 0 40px
}
.contbsc .box:after {
	border-bottom: 13px solid #f5f5f5;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	position: absolute;
	top: -13px;
	left: 13%;
	content: "";
	width: 0;
	height: 0
}
.khmore {
	padding-top: 24px;
}
.khmore .gu_btn_area .gu_btn {
	width: 100%;
	margin: 0;
	max-width: 427px;
	border-radius: 3px;
	height: 62px;
	line-height: 62px;
}
.khmore .gu_btn_area .gu_btn:before {
	border-radius: 4px;
}
.khmore .gu_btn_area .gu_btn .label {
	font-size: 18px;
}
.contkh table {
	max-width: 100%;
	width: 310px;
}
.contkh table tr td {
	padding: 0 10px;
}
.contkh table img {
	max-width: 100%;
}
.contmap {
	margin-top: 65px;
}
.contmap {
	height: 764px;
	position: relative;
}
.contmapn {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.contzb {
	background: rgba(255,255,255,0.5);
	padding: 42px 50px;
	position: relative;
	z-index: 001;
}
.contzb strong {
	font-size: 24px;
	color: #333;
}
.contzb span {
	color: #999999;
	font-size: 16px;
	margin-left: 10px;
	display: inline-block;
}
.contm_po {
	position: absolute;
	top: 207px;
	width: 100%;
	z-index: 1;
}
.contm_nei {
	width: 525px;
	height: 328px;
	background: #F50122;
	float: right;
	padding: 40px 30px;
}
.contm_po .contm_nei h3 {
	color: #fff;
	position: relative;
	padding-left: 40px;
}
.contm_po .contm_nei h3:before {
	width: 20px;
	height: 2px;
	background: #FFFFFF;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	content: "";
}
.contm_po .contm_nei .cont_nr {
	padding-left: 38px;
	padding-top: 45px;
}
.contm_po .contm_nei .cont_nr p span:nth-child(2) {
	color: #fff;
}
.gu_btn_area .gu_btn {
	background: #F6F6F6;
	cursor: pointer;
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 0 10px;
	margin-right: 12px;
	-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.gu_btn_area .gu_btn .label {
	font-size: 17px;
	color: #333333;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	line-height: 1;
}
.gu_btn_area .gu_btn:before {
	content: '';
	position: absolute;
	background: #f19319;
	width: 0;
	height: calc(100% + 2px);
	left: -1px;
	top: -1px;
	-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.gu_btn_area .gu_btn:hover:before {
	width: calc(100% + 2px);
}
.gu_btn_area .gu_btn:hover span {
	color: #fff;
}
/*mess*/

.contact_mess {
1padding-top:60px;
}
.mess_text {
	font-size: 16px;
	line-height: 32px;
}
.messform {
	margin-left: -15px;
	margin-right: -15px;
	overflow: hidden;
	padding-bottom: 70px;
	padding-top: 15px;
}
.messform .col {
	width: 50%;
	padding: 15px;
	float: left;
}
.messform .colw100 {
	width: 100%;
	padding: 15px;
	float: left;
}
.messform .col6 {
	width: 65%;
	padding: 15px;
	float: left;
}
.messform .col4 {
	width: 35%;
	padding: 15px;
	float: left;
}
.messcontrol {
	width: 100%;
	height: 60px;
	border: 1px solid #E8E8E8;
	outline: 0;
	font-size: 16px;
	padding: 10px 25px;
	line-height: 40px;
	padding-left: 55px;
	border-radius: 3px;
}
.messcont {
	width: 100%;
	border: 1px solid #E8E8E8;
	min-height: 138px;
	padding-left: 55px;
	padding-top: 15px;
	line-height: 28px;
	font-size: 16px;
	outline: 0;
	border-radius: 3px;
}
.messcontrol:hover, .messcont:hover {
	border: 1px solid #f19319;
}
.messform span {
	position: relative;
	display: block;
	width: 100%;
}
.messform span:after {
	content: "";
	width: 21px;
	height: 100%;
	position: absolute;
	left: 25px;
}
.messform span.mess01:after {
	background: url("../images/messico01.png") no-repeat center;
}
.messform span.mess02:after {
	background: url("../images/messico02.png") no-repeat center;
}
.messform span.mess03:after {
	background: url("../images/messico03.png") no-repeat center;
}
.messform span.mess04:after {
	background: url("../images/messico04.png") no-repeat center;
}
.messform span.mess05:after {
	background: url("../images/messico05.png") no-repeat center;
}
.messform span.mess06:after {
	background: url("../images/messico06.png") no-repeat center;
	height: 20px;
	top: 21px;
}
.messform span.mess08:after {
	background: url("../images/messico07.png") no-repeat center;
}
.messform .mess08 {
	max-width: 506px;
	float: left;
	width: 60%;
}
.messyz {
	float: left;
	display: inline-block;
	padding-left: 20px;
}
.messyz img {
	height: 58px;
}
.submit {
	background: #f19319;
	max-width: 252px;
	height: 60px;
	border: none;
	outline: 0;
	font-size: 18px;
	color: #fff;
	width: 100%;
	border-radius: 6px;
}
.contact_mess .aboutsub {
	margin-top: 0;
	padding-top: 74px;
}
/*detail*/

.article_top {
	color: #fff;
	text-align: left;
	margin-top: 80px;
}
.articlesub span {
	display: block;
	padding-top: 8px;
	font-size: 16px;
}
.articlesub h2 {
	font-size: 32px;
	margin: 0;
	font-weight: bold;
	color: #333;
}
.article_content {
	font-size: 16px;
	color: #666;
	line-height: 36px;
	padding-top: 20px;
}
.article_content video {
	margin: 0 auto;
	display: block;
	max-width: 90%;
	width: 700px;
	min-height: 300px;
}
.article_content p {
	font-size: 16px;
	color: #666;
	line-height: 36px;
	margin-bottom: 15px;
}
.art_bot {
	margin: 30px 0 50px;
	width: 75%;
}
.art_bot p, .art_bot a {
	color: #464646;
	line-height: 38px;
	margin: 0;
	font-weight: bold;
	font-size: 18px;
}
.art_bot a:hover {
	color: #d70203;
}
.backs a {
	display: block;
	width: 100px;
	height: 34px;
	text-align: center;
	font-size: 14px;
	color: #D70203;
	background-color: #fff;
	border-radius: 18px;
	line-height: 34px;
	margin-top: 40px;
	transition: all 0.5s;
	border: 1px solid #D70203
}
.backs a:hover {
	background: #D70203;
	color: #fff;
}
.w70 {
	float: left;
	width: 73%;
	padding: 0 15px;
	padding-right: 30px;
	padding-top: 50px;
}
.w30 {
	float: left;
	width: 27%;
	padding: 0 15px;
	padding-top: 50px;
}
.recommend {
	background-color: #F8F8F8;
	padding: 30px 30px;
	margin-bottom: 50px;
}
.recommend h2 {
	font-size: 24px;
	color: #333;
	margin: 0;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.recommend ul li a {
	display: block;
	padding-bottom: 20px;
}
.recommend ul li a h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	color: #333333;
	line-height: 30px;
	height: 30px;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.recommend ul li a span {
	font-size: 13px;
	color: #333333;
	line-height: 30px;
}
.recommend ul li a p {
	font-size: 14px;
	color: #666;
	line-height: 28px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.recommend ul li {
	border-left: 1px dashed #ccc;
	padding-left: 20px;
	position: relative;
}
.recommend ul li:last-child a {
	border-bottom: none;
}
.recommend ul li a:hover h3 {
	color: #D70203;
}
.rightnew a {
	display: block;
	position: relative;
	margin-bottom: 20px;
}
.rightnew a h3 {
	position: absolute;
	margin: 0;
	text-align: center;
	width: 100%;
	bottom: 0px;
	left: 0;
	box-sizing: border-box;
	padding: 0 10px;
	background-color: rgba(0,0,0,0.5);
	font-size: 16px;
	color: #fff;
	line-height: 42px;
	max-width: 100%;
	height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.recommend ul li:before {
	width: 12px;
	height: 12px;
	border: 1px solid #ccc;
	background-color: #fff;
	position: absolute;
	left: -7px;
	top: 8px;
	content: '';
	display: block;
	border-radius: 50%;
}
.lookmore {
	display: block;
	font-size: 16px;
	color: #fff;
	background-color: #01A1DF;
	border-radius: 20px;
	line-height: 40px;
	width: 150px;
	text-align: center;
	transition: all 0.5s;
	margin: 30px auto 0;
	transition: all 0.6s;
}
.lookmore:hover {
	color: #fff;
	animation: logoShow .5s 1;
	-webkit-animation: logoShow .5s 1;
}
.leftnav {
	display: block;
}
.leftnav {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-top: 20px;
}
.backs {
	max-width: 25%;
}
.mpt100 {
	padding-top: 120px;
}
 @media (max-width:991px) {
.w70 {
	width: 65%;
	padding: 0 15px;
	padding-right: 30px;
	padding-top: 30px;
}
.w30 {
	width: 35%;
	padding: 0 15px;
	padding-top: 30px;
}
.recommend h2 {
	font-size: 22px;
}
}
 @media (max-width:767px) {
.location {
	margin-top: 68px;
}
.nynav {
	padding-top: 10px;
	width: 100%;
}
.w70 {
	width: 100%;
	padding: 0 15px;
	padding-top: 30px;
}
.w30 {
	width: 100%;
	padding: 0 15px;
	padding-top: 30px;
}
.art_bot {
	margin: 20px 0 0 0;
	width: 100%;
}
.backs {
	max-width: 100%;
}
.backs a {
	margin-top: 15px;
}
.recommend {
	padding: 30px 15px;
	margin-bottom: 30px;
}
.mpt100 {
	padding-top: 80px;
}
}