@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 {height: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:74px; 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:inherit; font-size:inherit;}

.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:#E70012; }

.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%; overflow: 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: 400px; display: inline-block; vertical-align: bottom;}

.two_sub {position: relative; width: 100%; }
.two_sub .span {max-width:90px; display: block;}
.two_sub strong {font-size: 32px; padding-top: 28px; display: block;
line-height: 1.2;
color: #E70012;}
.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: 106px;
    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: #E70012;color: #fff;}

/*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: 160px;margin-left: 20px;display: inline-block;}
.intext_area .link_arae li a {display:block; width: 160px; height: 160px; text-align: left;position: relative;padding: 28px 20px; background: rgba(255,255,255,0.3);}
.intext_area .link_arae li a span {color:inherit;font-size: inherit; display: inline-block;line-height: 1.1;}
.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;
opacity: 0.7;
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: rgba(231,0,18,0.5);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: 45%; top: 0;}
.home_three .three_l h3 {font-size: 32px;
font-weight: bold; position: relative; padding-top: 14px;
line-height: 1.5;
color: #E70012;}
.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:-10px; margin-right: -10px;}
.main-info-list-con ul li {max-width:22%; 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: #E70012;}
.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 #E70012; 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 ){
	.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: #E70012;}
.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: 25px; line-height: 25px; margin-left: 10px;
height: 25px; display: inline-block; float: left;
background-color: #E70012;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: #E70012;border: 1px solid #E70012;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: #E18787;}
.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: #F50122;; 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: #F50122;}
.pagenmenu ul li.on a {  color: #F50122;}
.insinav .float-right { line-height: 40px; float: right; color:#C5C5C5;}
.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: 100px; 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: #F50122;}
.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: #F50122;}
.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;}

}
.culuture .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;
	background: 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:36px; 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:#D70203;}
.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;
}
.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 #D70C19;
    text-decoration: none;
    color: #fff;
    padding: 0 14px;
    height: 40px;
    line-height: 40px;
    background-color: #D70C19;
    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: #F50122;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
}
.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 {margin-top:90px;height:  calc(100vh - 165px); width: 100%; position: relative;}
.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; bottom: 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: #F50122; 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: #F50122;border: 1px solid #F50122; opacity: 1;}
.pron_right .pron_up .proback:hover {
color: #F50122;}
.pron_des {border-bottom:1px solid rgba(255,255,255,0.26);padding-top: 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: #F50122;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 {
    overflow: initial;
}
.intor_arr .swiper-slide {position:relative;}
.intor_arr .swiper-slide .indus_title {height:60px; line-height: 60px;font-weight: bold; background: rgba(0,0,0,0.4); bottom: 0; position: absolute; left: 0; width: 100%; padding: 0 30px;font-size: 18px;color: #FFFFFF;}
.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(245,1,34,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:#E70012;}
.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 {padding-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: #E70012;}
.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:25%; float:left; padding:16px;}
.in_two ul li a { display:block; background:#F5F5F5; line-height:62px; text-align:center; font-size:16px; padding:0 5px; color:#333333; white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.in_two ul li a:hover { background:#F50122; 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:10px;}
.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:#E70012;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 {padding-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 #D70203;}

.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:#F50122;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;}

}