@charset"utf-8";



.nav_1 li:nth-child(1) {
   
margin-left: 0;
}

.pdwz{
display: none;
}
.m_header {
display: none;
}
.gywm-nav{
display: none;
}
/* abouts */
.nav_1{
	overflow: hidden;
	background: #F5F5F5;
	box-sizing: border-box;
	width: 73.5688%;
	margin: 0 auto;
display: flex;
	justify-content: space-between;
}
.text_nav{
	overflow: hidden;
	background: #F5F5F5;
	box-sizing: border-box;
	width: 100%;
	z-index: 5554;
}

.nav_1 li{
	float: left;
	width: 9.7%;
	text-align: center;
	line-height: 50px;
	margin-left: 3%;
}
.nav_1 li a{
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.nav_1 li:hover{
	border-bottom: 2px solid #B38084;
}
.nav_1 li:hover a{
	color: #B42D44;
}
.active-1{
	border-bottom: 2px solid #B38084;
}
.active-1 a{
	color: #B42D44;
}
.nav_1 span{
	float: left;
	line-height: 50px;
	color: #DEDEDE;
}
.contenter{
	width: 73.5688%;
	margin: 0 auto;
	box-sizing: border-box;
	/* background: url(../image/bjt.png) no-repeat; */
	background-size: 100%;
}
.contenter h1{
	font-size: 36px;
	line-height: 200px;
}


.profile-content p:nth-child(1) {text-align: right;display: inline-block;float: right;padding-left: 2px;padding-bottom: 10px;}
.profile-content p {
    font-size: 16px;
    line-height: 33px;
    text-indent: 2em;
    text-align: justify;
    color: #25293d;
    margin-bottom: 8px;
    display: block;
}

.profile-content {
    margin-top: 30px;
    margin-bottom: 30px;
}
/* .conten_ul{
	overflow: hidden;
	margin: 0 17%;
}
.conten_ul li{
	float: left;
	border-right: 1px solid #C8C9CB;
	width: 250px;
	box-sizing: border-box;
	padding-left: 6%;
}
.conten_ul li:nth-child(4){
	border: none;
}
.conten_ul li p{
	font-size: 18px;
	font-weight: bold;
	color: #C22249;
	line-height: 40px;
}
.conten_ul li div span:nth-child(2){
	font-size: 16px;
	color: #838486;
}
.digital{
	font-size: 40px;
} */

em {
	font-style: normal;
}

.product-number-info {
	position: relative;
}
.product-number-info .product-number-inner {
	overflow: hidden;
	margin: 0 17%;
}
.product-number-info ul.q:after {
	content: "";
	clear: both;
	display: table;
}
.product-number-info li {
	float: left;
	border-right: 1px solid #C8C9CB;
	width:25%;
	box-sizing: border-box;
}
.product-number-info li:nth-child(4) {
	border: none;
}
.product-number-info li b {
	font-weight: 400;
	font-size: 36px;
	line-height: 1;
	display: inline-block;
	position: relative;
	margin: 15px 0 10px;
}
.product-number-info li b i {
	font-style: normal;
}
.product-number-info li b em {
	font-size: 16px;
	color: #838486;
	margin-left: 20px;
}
.product-number-info li p {
	font-size: 18px;
	font-weight: bold;
	color: #C22249;
	line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.product-number-info li.li-2 b, .product-number-info li.li-2 p {
	padding-left: 18%;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 18%;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 18%;
}
.product-number-info li.li-4 b, .product-number-info li.li-4 p {
	padding-left: 18%;
}
.product-number-info li.li-5 {
	text-align: right;
}
.product-number-info li.li-5 b {
	padding-right: 2px;
}

.profile{
	margin-top: 50px;
	padding-bottom: 150px;
}
.profile div{
	text-indent: 2em;
	line-height: 35px;
	text-align: justify;
	font-size: 16px;
}
.banner_png{
	width: 100%;
	height: auto;
}
.banner_png img{
	width: 100%;
	height: 100%;
}




@media screen and (max-width:1366px) and (min-width:1280px){

	.product-number-info .product-number-inner {
		margin: 0 0%;
	}

.jhjq_wrap_ko ul li{width:33vw !important}
}



.content{
	width: 73.5688%;
	margin: 0 auto;
        min-height: 400px;
}
.contentTop{
	margin: 50px 0;
	box-sizing: border-box;
	overflow: hidden;
	padding: 40px;
	position: relative;
	border: 1px solid #e7e6e3;
	box-shadow: 0 0 10px #e7e6e3;
}
.contentTop_left{
	float: left;
	width: 58%;
	margin-right: 4%;
}
..contentTop_left h2{
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #010101;
}
.contentTop_right{
	float: right;
	width: 37%;
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateX(-8%) translateY(-50%);
}
.contentTop_right img{
	width: 100%;
}
.contentTop_left p{
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #333333;
}
.contentTop_left h2{
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: 0px;
	color: #010101;
}
.contentTop_left h2 a{
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: 0px;
	color: #010101;
}
.contentTop_left h2 a:hover{
color:#C73038;
}
.contentTop_left div{
	color: #a9a9a9;
	margin: 20px 0 10% 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 27px;
	overflow: hidden;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #999999;
}
.more_box a{
	display: block;
	width: 125px;
	height: 45px;
	border-radius: 7px;
	background: #C73038;
	color: white;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}
.listOf{
	overflow: hidden;
}
.listOf li:nth-child(2){
	display:none;
}
.listOf li:hover .listOfThe h2 a {
    color: #C73038;
}
.listOf li{
	border: 1px solid #e7e5e2;
	width: 48.3%;
	/* float: left; */
	display: inline-block;
	margin-left: 3%;
	margin-bottom: 38px;
	/* margin: 2px 4% 50px 2px; */
}
.listOf li:nth-child(odd){margin-left: 0px;}
.listOfThe{
	margin: 5px;
	border: 1px solid #e7e5e2;
	box-sizing: border-box;
	padding: 3%;
	background: #f8f9fa;
}
.listOfThe p{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #000000;
	line-height: 20px;
}
.listOfThe h2{
	line-height: 50px;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #212121;
}
.listOfThe div{
	line-height: 25px;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
        -webkit-line-clamp: 2; 
	overflow: hidden; 
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #666666;
}
.listOf li:hover{
	box-shadow: 0 0 10px #e7e6e3;
}
.listOf li:hover .listOfThe{
	background: white;
}
.listOf li:hover .listOfThe h2{
	color: #C73038;
}


.pageTop{
	margin-top: 30px;
	box-sizing: border-box;
	padding: 30px 0 13px 0;
	text-align: center;
	border-bottom: 1px solid #ececec;
}
.titile_box{
	text-align: center;
	font-size: 26px;
	line-height: 50px;
}
.class_box{
	font-size: 14px;
	display: inline-block;
	padding: 12px 29px;
	color: #3b3b3b;
}
.information{
	text-align: center;
}
.information span{
	line-height: 30px;
	color: #6f6f6f;
	display: inline-block;
	margin: 0 40px;
}
.details{
	margin-top: 30px;
	margin-bottom: 24px;
}

.details p{
	line-height: 30px;
	text-indent: 2em;
	color: #3b3b3b;
	padding-bottom: 20px;
}
.details p img{
	width: 50%;
	/*margin: 35px 0;*/
}
#BodyLabel div{
	line-height: 30px;
	/* text-indent: 2em; */
	color: #3b3b3b;
	padding-bottom: 20px;
}
#BodyLabel div span{
	line-height: 30px;
	text-indent: 0em;
	color: #3b3b3b;
	/* padding: 11px 0px; */
	display: inline-block;
}


/*----------------------------*/
.i-pager {
    height: auto;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
    clear: both;
    color: #666666;
    margin-bottom: 3%;
}
.i-pager-next a{
width: 77px;
color: #09368c;
display: inline-block;
}
.i-pager-last a{
width: 77px;
color: #09368c;
display: inline-block;
}
.i-pager-first,
.i-pager-prev,
.i-pager-next,
.i-pager-last,
.i-pager-item {
    display: inline-block;
    width: auto;
    min-width: 38px;
    height: 38px;
    margin-left: 6px;
    border-radius: 4px;
    border: solid 1px rgba(102, 102, 102, 0.3);
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    padding: 0;
    color: #666666 !important;
}

.i-pager-next,
.i-pager-last,
.i-pager-first,
.i-pager-prev {
    font-size: 15px;
    /* padding: 0 0.1rem; */
    vertical-align: bottom;
    color: #666666 !important;
}

.i-pager-info {
    height: 35px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px rgba(102, 102, 102, 0.3);
    font-size: 16px;
    vertical-align: bottom;
    color: #666666;
    margin-left: 7px;
}

.i-pager-current {
    width: auto;
    text-align: center;
    display: inline-block;
    margin-left: 6px;
    line-height: 38px;
    border: none;
    color: #666666;
    padding: 0;
}

.i-pager-info-c {
    color: #0081cc;
    width: auto;
    text-align: center;
    display: inline-block;
    padding-right: 0;
    font-size: 16px;
    padding-left: 6px;
    line-height: 34px;
    border: none;
}

.i-pager-info-p {
    color: #666666;
    width: auto;
    text-align: center;
    display: inline-block;
    padding-left: 6px;
    font-size: 16px;
    font-weight: 200;
    line-height: 34px;
    border: none;
}

.i-pager-info-t {
    color: #666666;
    width: auto;
    text-align: center;
    display: inline-block;
    margin: 0 3px;
    line-height: 38px;
    border: none;
}

.i-pager a:hover {
    color: #fff !important;
}
.i-pagers a {
    color: #09368c;
    display: inline-block;
}
.i-pagers:hover {
    background: #036cb4;
    color: #ffffff!important;
}
.i-pager-item-active {
    background: #036cb4;
}
.i-pager-item-active span {
    color: #fff;
}
.i-pager-item:hover {
    background: #036cb4;
    color: #ffffff;
}
.i-pager-next:hover {
    background: #036cb4;
    color: #ffffff!important;
}
.i-pager-last:hover {
    background: #036cb4;
    color: #ffffff!important;
}.i-pager-info {display: inline-block;/* width: auto; *//* height: 22px; */line-height: 39px;margin-left: 3px;font-family:Arial, Microsoft YaHei, sans-serif;padding-left: 0px;padding-right: 10px;}



.content_jhgs h2{
	text-align: center;
	margin: 40px;
	line-height: 50px;
	font-size: 36px;
	font-weight: 500;
}
.culture{
	width: 959px;
	margin: 0 auto;
}
.culture img{
	width: 100%;
	height: 450px;
}
.culture li{
	float: left;
	width: 287px;
	margin-right: 5%;
}
.culture li:nth-child(3),.culture li:nth-child(6){
	margin-right: 0;
}
.culture div{
	line-height: 40px;
	text-align: center;
	margin-bottom: 20px;
}
#certify {
	position: relative;
	width: 1200px;
	margin: 100px auto 40px;
}

#certify .swiper-container {
	padding-bottom: 78px;
}

#certify  .swiper-slide {
	width: 382px;
	height: auto;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
	display:block;
	width: 100%;
	height: 537px;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
	border-radius: 50%;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	/* left: -30px; */
	width: 45px;
	height: 45px;
	background: url(../image/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	/* right: -30px; */
	width: 45px;
	height: 45px;
	background: url(../image/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}




.center_jzln{
	text-align: center;
	margin: 40px;
	line-height: 50px;
	font-size: 36px;
	font-weight: 500;
}
.concept{
	position: relative;
	box-sizing: border-box;
	padding: 0 10%;
}
.jzlnbjt{
	position: absolute;
	top: 0;
	height: 100%;
	right: 0;
	width: 46%;
	bottom: 0%;
}
.concept li{
	margin-bottom: 30px;
	height: 130px;
	z-index: 2000;
}
.concept li p{
	width: 10%;
	color: white;
	font-size: 28px;
	line-height: 130px;
	text-align: center;
	background: #d12b35;
	float: left;
	position: relative;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 9999;
}
.conceptText{
	float: left;
	width: 80%;
	height: 100%;
	box-sizing: border-box;
	padding: 20px 50px 20px 100px;
	background: #fbf9f9;
	transform: skew(-40deg,0);
	margin-left: -40px;
	z-index: 1;
}
.conceptText div{
	transform: skew(40deg,0);
}
.concept li:nth-child(even) p{
	background: #DA686F;
}
.conceptText div:nth-child(1){
	line-height: 60px;
	color: #D12B35;
	font-size: 26px;
}
.conceptText div:nth-child(2){
	line-height: 20px;
	margin-left: 23px;
}
.concept li:nth-child(2) .conceptText{
	width: 74%;
}
.concept li:nth-child(3) .conceptText{
		width: 68%;
}
.concept li:nth-child(4) .conceptText{
		width: 62%;
}
.concept li:nth-child(5) .conceptText{
		width: 56%;
}
.concept li:nth-child(6) .conceptText{
		width: 50%;
}
.concept li:nth-child(7) .conceptText{
		width: 44%;
}
.concept li:nth-child(8) .conceptText{
		width: 38%;
}


.care{
	width: 73.5688%;
	margin: 50px auto;
}
.dership{
	box-sizing: border-box;
	padding: 1.6vw;
	overflow: hidden;
	height: 15.8vw;
	background: #f2f5f6;
	margin-bottom: 50px;
}
.dership:hover{
	background: white;
	box-shadow: 0 0 5px #A9A9A9;
}
.dership_left{
	float: left;
	width: 27%;
	height: 12.65vw;
	margin-right: 3%;
}
.dership_left img{
	width: 100%;
	height: 100%;
}
.dership_right{
	float: right;
	width: 70%;
}
.dership_right p{
	line-height: 20px;
}
.dership_right h2{
	font-size: 26px;
	line-height: 60px;
}
.dership_right div{
	margin-top: 20px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden;
	color: #999999;
}


.i-pagers{
    display: inline-block;
    border: solid 1px rgba(102, 102, 102, 0.3);
    padding: 10px 4px;
    font-size: 14px;
    border-radius: 4px;
}

@media screen and (max-width:1366px) and (min-width:1280px) {

.listOf li{width: 48.2%;}
.jhjq_wrap_ko ul li{width:33vw;}


}
.flsm p{font-size: 18px;color: #333;line-height: 28px;text-align: justify;text-indent: 2em;margin-bottom: 20px;}


.flsm {width: 73.5688%;margin: 0 auto;padding: 33px 0;}



.uniform_font_left {
    width: 55%;
    height: auto;
    float: left;
}
.uniform_font_right{
  width: 40%;
  float: right;
  height: auto;
}


.uniform_font_right img{
  width: 100%;
}




.jhjq_wrap_ko{

width: 73.5688%;

height: auto;

margin: 0 auto;

padding: 0 0px 3% 0px;

background-color: #f8f9fa;
}
.wh100{
  width:100%;
}


.jhjq_wrap_ko ul li{font-size: 18px;font-size: 18px;font-weight: normal;font-stretch: normal;cursor: pointer;line-height: 64px;letter-spacing: 0px;transition: 0.5s;color: #4a4a4a;margin-left: 6.6%;background: url(../image/jhjqred.png) no-repeat 95%;width: 46.7%;float: left;height: 64px;border-bottom: 1px solid #ccc;}
.jhjq_wrap_ko ul li:nth-child(1){border-top: 1px solid #ccc;}
.jhjq_wrap_ko ul li:nth-child(2){border-top: 1px solid #ccc;}
.jhjq_wrap_ko ul li:nth-child(odd){
	margin-left: 0%;
}
.jhjq_wrap_ko ul li a{
 
color: #4a4a4a;
 
padding-left: 5%;
}
.jhjq_wrap_ko ul li:hover{background: url(../image/jhjqhover.png) no-repeat  98%;color: #d81e06;transition: 0.5s;/* background-position: 592px; */}
.jhjq_wrap_ko ul li:hover a{
    
    color: #d81e06;
    transition: 0.5s;
    /* background-position: 592px; */
}



/* side-bar */
.side-pannel{position:fixed;left:50%;margin-left:496px;z-index:99}
.side-bar{border:1px solid #E7E7E7;border-bottom:none;bottom:100px;background:#fff}
.side-bar a{display:block;cursor:pointer;width:70px;height:46px;border-bottom:1px solid #E7E7E7;position:relative;color:#676767;text-align:center}
.side-bar a s{display:block;margin-left:auto;margin-right:auto}
.side-bar a span{line-height:20px}
.side-bar a:hover{background:#DFFFED}
.side-bar a.gotop s{position:absolute;top:50%;left:17px}
.side-bar a.text{padding-top:25px}
.side-bar a.qr s{position:absolute;top:50%;left:18px}
.side-bar a.qr i{width:277px;height:259px;position:absolute;left:-277px;top:50%;margin-top:-120px;display:none;background-position:0 0}
.side-bar a.qr:hover i{display:block}
.side-bar a.qr i{background-image:url(../images/sprite2.png)}
.g-icon-top{height:20px;width:35px;margin-top:-10px;background-position:0 -33px}
.g-icon-survey1{height:23px;width:26px;margin-top:-11px;background-position:0 -53px}
.side-bar a.survey:hover s{height:23px;width:26px;margin-top:-11px;background-position:-26px -53px}
.g-icon-qq1{height:20px;width:22px;margin-top:-10px;background-position:-35px -33px}
.g-icon-weibo1{height:25px;width:27px;margin-top:-12px;background-position:-72px 0}
.g-icon-weibo2, .side-bar a.weibo:hover s{height:25px;width:27px;margin-top:-12px;background-position:-72px -25px}
.g-icon-qr1{height:33px;width:36px;margin-top:-16px;background-position:-36px 0}
.g-icon-qr2, .side-bar a.qr:hover s{height:33px;width:36px;margin-top:-16px;background-position:0 0}
.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2,.side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s{background-image:url(../images/sprite1.png)}




.jhjq_box_fzzz_1s {
    padding: 40px 35px 0  35px!important;
}
.jhjq_box_fzzz_1 {
    padding: 17px 35px 0  35px;
}

.jhjq_boxs_left {
    width: 18.422%;
    height: 414px;
    float: left;
    background-color: #ffffff;
    position: relative;
}
.jhjq_boxs_left1 {
      height: 239px;
}
.jhjq_boxs_left2 {
     height: 237px;
}
.jhjq_boxs_left3 {
  
height: 153px;
}
.jhjq_boxs_right{
      width: 78%;
      height: auto;
      /* background: #ffff; */
      float: right;
}




.jhjq_boxs_left img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
}



.jhjq_boxs_right ul li{

cursor: pointer!important;

transition: 0.5s;

background: url(../image/jqjt.png) no-repeat 93%!important;

float: left!important;

width: 46%!important;

height: 1.23rem!important;

background-color: #ffffff!important;

border-bottom: none!important;

border: none!important;

font-size: 0.35rem!important;

margin-bottom: 20px;

font-weight: normal!important;

font-stretch: normal!important;

line-height: 1.23rem!important;

letter-spacing: 0px!important;

color: #666978!important;
}


.jhjq_boxs_right ul li:nth-child(odd){
	margin-left: 0%!important;
}






.jhjq_boxs_right  ul li a{
 background: url(../image/jqdian.png) no-repeat 5%!important;
 padding-left: 8%;
}
.jhjq_boxs_right  ul li:hover {
	box-shadow: 0px 0px 18px 0px 
		rgba(0, 0, 0, 0.06);
background: url(../image/jqred.png) no-repeat 93%!important;
  
}








@media screen and (max-width:1670px) and (min-width:1280px) {
.jhjq_boxs_right ul li{


font-size: 0.3rem!important;


}


}

@media screen and (max-width:1480px) and (min-width:1280px) {
.jhjq_boxs_right ul li{


font-size: 0.28rem!important;


}


}
@media screen and (max-width:1360px) and (min-width:1280px) {
.jhjq_boxs_right ul li{


font-size: 14px!important;


}


}
@media screen and (max-width:1280px) and (min-width:1200) {
.jhjq_boxs_right ul li{


font-size: 13px!important;


}


}





.none-block  .i-pager{

    display: none;

}







.contentTop:nth-child(3){
    display: none;
}

.contentTop:nth-child(4){
    display: none;
}

.contentTop:nth-child(5){
    display: none;
}

.contentTop:nth-child(6){
    display: none;
}

.contentTop:nth-child(7){
    display: none;
}

.contentTop:nth-child(8){
    display: none;
}
.contentTop:nth-child(9){
    display: none;
}
.contentTop:nth-child(10){
    display: none;
}

.contentTop:nth-child(11){
    display: none;
}

.contentTop:nth-child(12){
    display: none;
}