@charset "utf-8";
@import url('../fonts/fonts.css');
* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%
}
body {
  padding: 0;
  margin: 0 auto;
  font-size: 16px;
  color: #333;
  background: #fff;
  font-family: 'SourceHanSerifCNRegular',arial, sans-serif;
  -webkit-text-size-adjust: none;
  /*取出点击出现半透明的灰色背景*/
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  /*控制内容的可选择性*/
  /*-webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  overflow-x: hidden*/
}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
ul, li, form, dl, dt, dd, div, ol, figure, article, nav, menu, aside, pre {
  padding: 0;
  margin: 0;
}
.ul, .ul li {
  list-style: none;
}
table, table td {
  border-collapse: collapse;
}
table {
  border-spacing: 0;
}
table td, select, input, textarea {
  font-size: 14px;
}
select, input, textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
}
select, input, textarea, pre { font-family: 'SourceHanSerifCNRegular',arial, sans-serif;}
img { border: none; max-width: 100%; vertical-align: middle;}
a { color: #333; text-decoration: none;  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */}
a:hover { color: #76161b; text-decoration: none;}
a:focus { color: #333; outline: none; -moz-outline: none;}
a:active { color: #333;}
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  text-align: justify;
  text-justify: inter-ideograph;
}
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  zoom: 0;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dot2, .dot3, .dot4, .dot5, .dot6 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.dot2 { -webkit-line-clamp: 2;}
.dot3 { -webkit-line-clamp: 3;}
.dot4 { -webkit-line-clamp: 4;}
.dot5 { -webkit-line-clamp: 5;}
.dot6 { -webkit-line-clamp: 6;}
.ytable { display: table;  width: 100%; height: 100%}
.ytable-fixed { table-layout: fixed;}
.ytable-cell { display: table-cell; vertical-align: middle;}

.ispic {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
}
.zoomimg .pic{ overflow: hidden; position: relative}
.zoomimg .pic .ispic{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.zoomimg:hover .pic .ispic{ -webkit-transform:scale(1.1);transform:scale(1.1)}
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.nMP { margin: 0; padding: 0;}
.noMP h1,
.noMP h2,
.noMP h3,
.noMP h4,
.noMP h5,
.noMP p{ margin: 0; padding: 0; font-weight: normal}

select.select-css {
	border: solid 1px #000;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
    background-repeat:  no-repeat;
    background-position:  98% center;
    background-color:  transparent;
	padding-right: 20px;
    padding-left: 10px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select.select-css::-ms-expand {
display: none;
}

.img-block{ display: block; width: 100%;}

.auto { margin: 0 auto; max-width: 1440px; width: 94%;}


/*******************************
open-search
********************************/
.open-search{cursor: pointer;}
.open-search[rel="absolute"]{position: absolute; top: 50%;}
.open-search[rel="relative"]{position: relative;}
.open-search.on{background: none!important;}
.open-search.on:before,
.open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #8e0000;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.top-search{position: relative;display: none;padding-right: 50px;}
.top-search[rel="absolute"]{position: absolute; top: 100%; right: 0; z-index: 100; width: 100%;max-width: 320px;}
.top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px;background-repeat: no-repeat;background-position: center center;}

/*******************************
open-menu
********************************/
@media(max-width:1024px){
body.menu-show{overflow: hidden;}

.open-menu{z-index: 10; width: 40px; height: 40px;}
.open-menu[rel="relative"]{position: relative;}
.open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);}
.open-menu i{position: absolute; width: 100%; height: 3px; background: #fff; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.open-menu:not(.on) i:nth-child(1){margin-top: -10px;}
.open-menu:not(.on) i:nth-child(3){margin-top: 8px;}

.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.open-menu.on i:nth-child(3){transform: rotate(45deg);}
}

/*************************************
whir_menu.2.0
**************************************/
@media(min-width:1025px){
.top-sub{position: absolute; top: 100%; z-index: 100;}
}
@media(max-width:1024px){
.has-multi aside,
.has-sub span{position: relative;padding-right: 40px; overflow: hidden;}
.has-multi aside .op-multi,
.has-sub span .op{position: absolute; width: 40px; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;}
.has-multi aside .op-multi.click,
.has-sub span .op.click{transform: rotate(45deg);}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .op:before,
.has-sub span .op:after{position: absolute; content: ''; width: 12px; height: 2px;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.has-multi aside .op-multi:after,
.has-sub span .op:after{ width: 2px; height: 12px;}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after{background-color: #666;}
}

[rel="li-relative"] li{position: relative; z-index: 100;}
[type="Vertical"] .sub{display: none;}
[type="Vertical"] .sub dl{padding: 10px;}
[type="Vertical"] .sub dt{line-height: 24px; padding: 5px 0; text-align: center;}
@media(min-width:1025px){
[type="Vertical"] .sub dl{background: rgba(255,255,255,0.85);}
[rel="li-relative"] .sub{left: 50%; width: 140px; margin-left: -70px;}
}

[type="Vertical-hierarchy"] .hierarchy{display: none;}
@media(min-width:1025px){
[type="Vertical-hierarchy"] .has-multi{position: relative;}
[type="Vertical-hierarchy"] .hierarchy{ position: absolute; left: 100%;top: 0;z-index: 20; width: 100%;background-color: rgba(0,0,0,0.7); padding: 10px 0;}
[type="Vertical-hierarchy"] .hierarchy[data-num="2"]{background-color: rgba(0,0,0,0.5);}
}

/*滚屏快捷动画*/
.whir-fade-left{transform: translate(-30px,0); }
.whir-fade-right{transform: translate(30px,0);}
.whir-fade-up{transform: translate(0,30px);}
.whir-fade-down{transform: translate(0,-30px);}
.whir-zoom-in{transform: scale(0);}
[class*=whir-]{opacity: 0;transition-property: all;transition-duration: 1.2s;}
.active [class*=whir-]{opacity: 1;}
.active [class*=whir-fade]{transform: translate(0,0);}
.active [class*=whir-zoom]{transform: scale(1);}

.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f22{ font-size: 22px;}
.f24{ font-size: 24px;}
.f26{ font-size: 26px;}
.f30{ font-size: 30px;}
.f32{ font-size: 32px;}
.f36{ font-size: 36px;}
.f40{ font-size: 40px;}
@media(max-width:1024px){
body{ font-size: 14px;}
.f18{ font-size: 17px;}
.f20{ font-size: 18px;}
.f22{ font-size: 19px;}
.f24{ font-size: 20px;}
.f26{ font-size: 21px;}
.f30{ font-size: 20px;}
.f32{ font-size: 22px;}
.f36{ font-size: 23px;}
.f40{ font-size: 24px;}
}
@media(max-width:768px){
body{line-height: 1.5;}
.f18{ font-size: 16px;}
.f20{ font-size: 17px;}
.f22{ font-size: 17px;}
.f24{ font-size: 18px;}
.f26{ font-size: 18px;}
.f30{ font-size: 19px;}
.f32{ font-size: 20px;}
.f36{ font-size: 21px;}
.f40{ font-size: 22px;}
}

.item{ position: relative}
.img-path{ overflow: hidden; position: relative;}
.img-path i:before,
.img-path i:after{ content: ''; z-index: 10; position: absolute; width:0px; height:0px;border-radius:100%; border: solid 12px transparent;border-right-color: #f8f4ee;}
.img-path i:before{ top:-12px;}
.img-path i:after{ bottom:-12px;}
.img-path i:nth-child(1):before,
.img-path i:nth-child(1):after{ left:-12px;}
.img-path i:nth-child(2):before,
.img-path i:nth-child(2):after{ right:-12px;}
.img-path i:nth-child(1):before{ transform: rotate(45deg)}
.img-path i:nth-child(1):after{ transform: rotate(-45deg)}
.img-path i:nth-child(2):before{ transform: rotate(135deg)}
.img-path i:nth-child(2):after{ transform: rotate(-135deg)}
.white_path .img-path i:before,
.white_path .img-path i:after{border-right-color: #fff;}
@media(min-width:960px){
.big .img-path i:before,
.big .img-path i:after{ border-width: 24px}
.big .img-path i:before{ top:-24px;}
.big .img-path i:after{ bottom:-24px;}
.big .img-path i:nth-child(1):before,
.big .img-path i:nth-child(1):after{ left:-24px;}
.big .img-path i:nth-child(2):before,
.big .img-path i:nth-child(2):after{ right:-24px;}
}
.bg-path{
background:
radial-gradient(circle at top left, transparent 12px, #fdfdfb 0) top left,
radial-gradient(circle at top right, transparent 12px, #fdfdfb 0) top right,
radial-gradient(circle at bottom right, transparent 12px, #fdfdfb 0) bottom right,
radial-gradient(circle at bottom left, transparent 12px, #fdfdfb 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}
.white_path .bg-path{
background:
radial-gradient(circle at top left, transparent 12px, #ffffff 0) top left,
radial-gradient(circle at top right, transparent 12px, #ffffff 0) top right,
radial-gradient(circle at bottom right, transparent 12px, #ffffff 0) bottom right,
radial-gradient(circle at bottom left, transparent 12px, #ffffff 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}
.yellow_path .bg-path{
background:
radial-gradient(circle at top left, transparent 12px, #d3b572 0) top left,
radial-gradient(circle at top right, transparent 12px, #d3b572 0) top right,
radial-gradient(circle at bottom right, transparent 12px, #d3b572 0) bottom right,
radial-gradient(circle at bottom left, transparent 12px, #d3b572 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}
.load_more{ text-align: center; padding-bottom: 3%;}
.load_more a{ display: inline-block; cursor: pointer; color: #fff; line-height: 50px; padding: 0px 38px; transition: 0.5s;
background:
radial-gradient(circle at top left, transparent 8px, #7a0000 0) top left,
radial-gradient(circle at top right, transparent 8px, #7a0000 0) top right,
radial-gradient(circle at bottom right, transparent 8px, #7a0000 0) bottom right,
radial-gradient(circle at bottom left, transparent 8px, #7a0000 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}
.load_more a:hover{
background:
radial-gradient(circle at top left, transparent 8px, #d3b572 0) top left,
radial-gradient(circle at top right, transparent 8px, #d3b572 0) top right,
radial-gradient(circle at bottom right, transparent 8px, #d3b572 0) bottom right,
radial-gradient(circle at bottom left, transparent 8px, #d3b572 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}

.img-mid{ position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-height: 100%;}

.header{ position: relative;width: 100%; z-index: 200;top: 0;}
.header .auto{ max-width: 1560px; padding-top: 16px; padding-bottom: 16px;}

.header .top-nav > *{float: left;}
.header .top-nav dl{ position: relative}
.header .open-search{width:38px;height:38px;background: url(../images/top_icon6.png) no-repeat center center;}
.header .top-search{ right: 0; display: none; position: absolute; background-color: #fff;border-radius: 36px;padding-right: 36px;width:300px;box-shadow: 0 0 5px #ddd;}
.header .top-search .btn{position: absolute;right: 0;top: 0;width: 36px;height: 100%;background: url(../images/top_icon6.png) no-repeat center center;}
.header .top-search .text{width: 100%;height: 36px;line-height: 36px;padding:0 0 0 20px;border: 0;background: none;}
.search-show .header .top-search{display: block;}

.header .top-lang{margin-left: 13px;}
.header .top-lang a{display: block;line-height: 36px;width: 36px;text-align: center;border-radius: 50%;background-color: #7a0000;color: #fff;font-size: 14px;}

.header menu li span,
.header menu li a{display: block;}
.header menu li span a{color: #000000;}
.header menu li .sub{display: none;}

.header .ewm_box{ padding-left: 20px; position: relative}
.header .ewm_box:before{  content: ''; width: 1px; height:55%; margin: auto; left: 0; top: 0; bottom: 0; position: absolute; background:#dcdcdc}
.ewm_box dl{ display: inline-block; padding-right:3px; position: relative}
.ewm_box dt{width: 38px; height: 38px; display: inline-block; border-radius: 100px; cursor: pointer;}
.ewm_box dt img{ padding:4px; transition: 0.5s}
.ewm_box dd{ position: absolute; display: none; left:-54px;width: 148px; height: 156px; text-align: center; background: url(../images/ewm_bg.png) no-repeat center top; z-index: 100;}
.ewm_box dd img{ width: 120px; padding-top: 23px; }
.ewm_box dl.on dt{ background: #8e0000;}
.ewm_box dl.on dt img{filter: grayscale(100%) brightness(500%);}

@media (min-width:1025px) {
.header .logo{float: left}
.header .logo img{height:70px;}
.header .top-nav{float: right; padding-top: 13px;}

.header menu{float: right; padding-right: 2vw}
.header menu li{float: left;}
.header menu li:not(:last-child){margin-right:1.2vw;}
.header menu li span{line-height:70px; font-size: 16px;}
.header menu li span a{position: relative;}
.header menu li span a:after{position: absolute;content: '';height: 3px;background-color:#cf111b;left: 50%;transform: translateX(-50%); bottom:-16px;width: 0;transition: width 0.3s;}
.header menu li span a:hover:after,
.header menu li.aon span a:after{width: 100%;}
.header .sub{position: absolute;top: 100%;background-color:#f7f5f1;overflow: hidden;left: 0;width: 100vw;}
.header .sub dl{overflow: hidden;}
.header .sub dt{line-height:36px;text-align: center;float: left; padding: 0px 25px;}
.header .sub dt a{padding: 10px 0;transition: 0.3s;}
}
@media (min-width:1200px) {
.header menu li span{ font-size: 16px;}
.header menu li:not(:last-child){margin-right:1.5vw;}
}
@media (min-width:1300px) {
.header menu{padding-right: 1.5vw;}
.header .ewm_box{ padding-left: 10px}
.header menu li span{ font-size: 18px;}
.header menu li:not(:last-child){margin-right: 2vw;}
}
@media (min-width:1500px) {
.header menu li span{ font-size: 20px;}
.header menu li:not(:last-child){margin-right: 2.7vw;}
}
@media (max-width:1350px) {
.header .auto{width: 97%;}
.header .ewm_box{ padding-left: 10px;}
.ewm_box dl{ padding-right: 0}
}
@media (max-width:1150px) {
.header .logo img{ height:56px}
.header .ewm_box dt{ width: 34px; height: 34px;}
.header .ewm_box dt img{ padding:2px;}
.header .open-search{width: 36px; height: 36px; margin-right:10px;}
.header menu li span{ line-height:56px;}
}
@media (max-width:1024px) {
.header .auto{ padding-top: 8px; padding-bottom: 8px; display: flex;align-items: center;justify-content: space-between;}
.header .auto:after{display: none;}
.header .top-search{position: absolute;left:5%;width: 90%;top: 100%;}
.header .top-lang{margin: 0 2vw;}
.header .open-menu{height: 36px;}
.header .open-menu i{background-color: #7a0000;}
body.menu-show{overflow: hidden;}
.header menu{position: fixed;top:72px;bottom: 0;width: 100%;background-color: rgba(255,255,255,1);left: -100%;padding: 40px 0;opacity: 0;transition: 0.3s ease-out; z-index: 200;}
body.menu-show .header menu{left: 0;opacity: 1;}
.header menu ul{height: 100%; overflow: auto;}
.header menu li{border-bottom: 1px solid #eee;}
.header menu li span{line-height: 3;font-size: 20px;}
.header menu li span a{padding-left: 1em;}
.header .has-sub span .op:before,
.header .has-sub span .op:after{background-color: #7a0000;}
.header .sub{padding:1em;font-size: 16px;background-color: rgba(0,0,0,0.1);}
.header .sub dt{line-height: 2.5;}
}
@media (max-width:640px) {
.header .ewm_box{ display: none}
}

.istop{ position: fixed; display: block; bottom: 34%; right:1%; width: 72px; height: 72px; cursor: pointer; z-index: 99;  background: url(../images/istop.png) no-repeat center center; background-size: 100%}
@media (max-width:768px) {
.istop{ width: 50px; height: 50px;bottom:10%;right: 2%;}
}

.bottom{ background: #f7f5f1}
.bottom .box1{ padding-top: 3%; padding-bottom: 3%}

.bottom .caidan li{ float: left; width: 20%; line-height:24px;}
.bottom .caidan li b{ padding-bottom: 12px; display: block; font-weight: normal}
.bottom .caidan li span{ padding-top:8px; padding-bottom:8px; display: block; opacity: 0.8}
.bottom .contact{color: #76161b; text-align: right; line-height: 30px;}
.bottom .contact span{ display: block; padding-top:8px;}
.bottom .contact .tel{ padding-bottom: 10px;}
.bottom .contact .tel a{ display: inline-block; color: #76161b; padding-left: 37px; background: url(../images/foot_icon1.png) no-repeat left}
.bottom .contact .address {}
.bottom .contact .ewm_box dl{ padding-top: 10px;}
.bottom .contact .ewm_box dd{ bottom:50px; left: auto; right: 0; height: 148px; background-image: url(../images/ewm_bg2.png)}
.bottom .contact .ewm_box dl:last-child{ padding-right: 0}
.bottom .contact .ewm_box dd img{ padding-top: 12px}
.bottom .box2{ padding-top: 2%; padding-bottom: 2%; border-top: solid 1px #e8e7e3}
.bottom .box2,
.bottom .box2 a{ color: #999999}
.bottom .link{ float: left}
.bottom .link a{ position: relative}
.bottom .link a:not(:last-child){ margin-right: 22px;}
.bottom .link a:not(:last-child):after{ position: absolute; right: -14px; top: 50%; margin-top: -2px; content: ''; width: 4px; height: 4px; border-radius: 10px; background: #999999}
.copyright{ float: right}

@media (min-width:1024px) {
.bottom .caidan{ float: left; width:65%;}
.bottom .contact{ float: right; width: 35%; }
}

@media (max-width:640px) {
.bottom .caidan{ display: none}
.bottom .contact{ text-align: center}
.bottom .contact .tel a{ font-size: 20px;}
.bottom .link,
.bottom .copyright{ float: none; text-align: center; padding:5px 0}
.bottom .icp{ display: none}
}

.banner_location_menu{ position: relative;line-height:50px; }
.banner_location_menu .slick-dots{ bottom:5%}

.location_menu .location{ padding-left:26px; background: url("../images/location_icon.png") no-repeat left center}
.location_menu .location em{ font-style: normal; padding: 0px 5px;}
.location_menu .location a{ padding: 0px 4px;}
.location_menu .location,
.location_menu .location a{ color: #fff}
.location_menu .location i{ font-style: normal}

.location_menu .menu{ padding: 0; margin: 0; position: relative; z-index: 101}
.location_menu .menu li { position: relative; z-index: 10;}
.location_menu .menu li a{ display: block; position: relative}
.location_menu .column{ display: none}

@media(min-width:1024px){
.location_menu .location{font-size: 18px; }
.location_menu{ z-index: 101; line-height: 80px; position: absolute; width: 100%; bottom: 0;background: rgba(0,0,0,0.3)}
.location_menu  .menu{ float:left}
.location_menu  .menu ul{ display: block!important;}
.location_menu  .menu li{ float: left; padding: 0 37px;}
.location_menu  .menu li a{ color: #fff; display: block}
.location_menu  .menu li.aon{ background: #7a0000}
.location_menu  .menu li.aon a:before{ content: ''; width:0; height:0; bottom: -20px; left:0; right: 0; margin: auto; position: absolute;  border: solid 10px transparent; border-top-color: #7a0000}
.location_menu  .location{ float: right}
}
@media(max-width:1200px){
.location_menu  .menu li{ float: left; padding: 0 20px;}
.location_menu .location{ font-size: 14px;}

}
@media(max-width:1024px){
.location_menu .auto{ width: 100%}
.location_menu .column{ line-height: 40px; color: #fff; font-size: 18px; position: relative;display: block; padding: 0 20px; margin:0;
background: #7a0000; /* Old browsers */
background: -moz-linear-gradient(left, #7a0000 0%, #d3b572 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #7a0000 0%,#d3b572 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #7a0000 0%,#d3b572 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a0000', endColorstr='#d3b572',GradientType=1 ); /* IE6-9 */
}
.location_menu .column:before{ content: ''; width:20px; height: 100%; position: absolute; right: 2%; transition: 0.4s; background: url(../images/icon_menu.png) no-repeat left}
.location_menu .menu .column.on:before{ background-position: right}
.location_menu .menu ul{ z-index: 20; background: #fff; box-shadow: 0 10px 10px 2px #eee; display: none; position: absolute; width:100%; left: 0;}
.location_menu .menu ul li{font-size: 14px; line-height:40px; width: 100%; border-bottom: dotted 1px #ddd}
.location_menu .menu ul li a{ display: block; padding: 0 20px}
.location_menu  .location{ position: absolute; width:95%; left:2.5%;margin-top:-50px;}

}
@media(max-width:768px){
.location_menu .location i{display: none}
.location_menu .location em{ padding: 0}
}
.banner_video{ display: none}

.banner{ position: relative}
.banner img{ width: 100%; max-width: none}
.banner .wap{ display: none}
.banner .column{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.banner .column span{ display: block; color: #fff;  line-height:1.5}
.banner a.link,
.banner video{ position: absolute; width: 100%; height: 100%; z-index: 5}
.banner a.link{ display: block}
.banner video{object-fit:cover;}
.ban_63 .banner .column{ display: none}
@media(max-width:1024px){
.banner .pc{ display: none}
.banner .wap{ display:block}
}

.honor_main{ padding:6% 75px; background:#ebebeb url(../images/honor_bg.jpg) no-repeat center top; background-size: 100%}
.honor_main .info{ text-align: center; padding-bottom:6%}
.honor_main .slick_info{ position: relative;}
.honor_main .slick_info:before{ content: ''; position: absolute; top:12px; width: 100%; height: 1px; background: #5e5e5e}
.honor_main .item:before{ content: ''; position: absolute; left: 10%; top: -1px; width: 0; height: 3px; background: #c91b2f; transition: 0.5s }
.honor_main .item .txt{ position: relative;padding: 50px 20px 0px 20px; width: 80%; min-height: 160px; border-left: dashed 1px #5e5e5e; margin: auto;}
.honor_main .item .txt:before{ content: ''; position: absolute; left: -6px; top: -6px; width: 13px; height: 13px; border-radius: 100%; background: #555555; box-shadow: 0 0 0 6px rgba(85,85,85,0.2); transition: 0.5s}
.honor_main .item h3{ color: #c91b2f}
.honor_main .item h3:before{ content: ''; display: block; margin-bottom:15px; width: 30px; height: 2px; background: #969696}
.honor_main .item ul{max-width: 250px}
.honor_main .item li{ padding: 6px 0}
.honor_main .item:hover:before{width: 100%; }
.honor_main .item:hover .txt:before{ background: #c91b2f; box-shadow: 0 0 0 6px rgba(201,27,47,0.2)}
.honor_main .item:hover h3:before{ background: #c91b2f}
.honor_main .slick-track{ padding: 12px 0;}
.honor_main .slick-arrow{ top:0}
.honor_main .slick-prev{left:-75px;}
.honor_main .slick-next{right:-75px;}
@media(max-width:768px){
.honor_main{background-size: cover;padding-left:0px; padding-right:0px}
.honor_main .slick_info{ padding-bottom: 70px}
.honor_main .slick-arrow{top:auto; bottom: -20px;}
.honor_main .slick-prev{ left:30%}
.honor_main .slick-next{ right: 30%}
.honor_main .item .txt{ width: 100%; padding-bottom: 20px}
.honor_main .item ul{ max-width: none}
.honor_main .slick-list{padding-left:15px; padding-right:15px}
.honor_main .item:hover:before{width: 80%; }
.honor_main .item .txt{min-height: inherit}
}

.sub_menu{ text-align: center; line-height:48px; padding-bottom:3%}
.sub_menu li{ display: inline-block; padding: 0px 3%; cursor: pointer;}
.sub_menu li a{ display: inline-block; position: relative; padding: 0px 20px; border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; background: #ffffff}
.sub_menu li a:before,
.sub_menu li a:after{ content: ''; position: absolute; top:-1px; height:50px; width: 20px; background: url(../images/menu_bg.png) no-repeat}
.sub_menu li a:before{ left: -20px; background-position: left center}
.sub_menu li a:after{  right: -20px; background-position: right center}
.sub_menu li a:hover,
.sub_menu li.show a{ color: #fff; background: #7a0000; border-color: #7a0000}
.sub_menu li a:hover:before,
.sub_menu li.show a:before{background-position: left top}
.sub_menu li a:hover:after,
.sub_menu li.show a:after{background-position: right top}

.sub_menu.yellow li.show a,
.sub_menu.yellow li a:hover{background: #d3b572;border-color: #d3b572}
.sub_menu.yellow li a:hover:before,
.sub_menu.yellow li.show a:before{background-position: left bottom}
.sub_menu.yellow li a:hover:after,
.sub_menu.yellow li.show a:after{background-position: right bottom}
@media(max-width:960px){
.sub_menu li{padding: 0px 5%;}
.sub_menu li a{ padding: 0}
}



.hot_list{ padding-top:4%; padding-bottom:4%}
.hot_list .box_fl .ispic{ padding-bottom: 60.174%;}
.hot_list .box_fl .img-path i:before,
.hot_list .box_fl .img-path i:after{ border-right-color: #fff;}
.hot_list .box_fl .slick-dots li button{ background: #fff}
.hot_list .box_fl .slick-dots li.slick-active button{ background: #820b0b; border-color: #820b0b; box-shadow: 0 0 0 2px #820b0b}
.hot_list .box_fr { padding: 3% 0}
.hot_list .box_fr .info{ padding-top: 4%; padding-bottom:4%; line-height: 2}
.hot_list .box_fr .info p:not(:last-child){ padding-bottom: 2%}
.hot_list .box_fr .link{ padding: 2% 0}
.hot_list .box_fr .link,
.hot_list .box_fr .link a{ color: #7a0000}
.hot_list .box_fr .link a{ display: inline-block; background: url(../images/link_icon.png) no-repeat left; padding-left: 26px; margin-right: 30px;}
@media(min-width:640px){
.hot_list .box_fl{ float: left; width: 48.47222222222222%}
.hot_list .box_fr{ float: right; width: 47%}
}

.social_news{ padding-top: 3%; padding-bottom: 3%; background:#f4f4f4 url(../images/social_bg.jpg) no-repeat center top; background-size: 100%}
.social_news .boxlist:not(:nth-child(1)){ display: none}
.photo_list li{ float: left; margin-bottom: 4%; padding-bottom: 2%; border-bottom: solid 1px #e6e6e6}
.photo_list li .pic .ispic{ padding-bottom:62.794%;}
.photo_list li .txt{ padding: 3% 0; position: relative}
.photo_list li time{ color: #d3b572; }
.photo_list li .img-path i:before,
.photo_list li .img-path i:after{ border-right-color: #f4f4f4}
@media(min-width:640px){
.photo_list li .txt{ padding-left: 77px;}
.photo_list li h3{ line-height: 32px; height: 64px;}
.photo_list li p{ line-height: 30px; height: 60px;}
.photo_list li time{ position: absolute; left: 0px; top: 35px; text-align: center;font-size: 12px}
.photo_list li time i{ display: none}
.photo_list li time b{display: block; font-size: 2.083335vw; font-weight: normal;}
.photo_list li time b:after{ content: ''; display: block; width: 20px; height: 2px; background: #d3b572; margin: auto; margin-bottom: 10px;}
}
@media(min-width:1024px){
.photo_list li{ width: 29.8612%; margin-left: 5.2082%}
.photo_list li:nth-child(3n+1){ margin-left: 0; clear: both}
}
@media(min-width:640px) and (max-width:1024px){
.photo_list li{ width: 49%; margin-left:2%}
.photo_list li:nth-child(2n+1){ margin-left: 0; clear: both}
}
@media(max-width:640px){
.photo_list li time i{ display: inline-block; font-style: normal}
.photo_list li time b{ display: none}
}



.winery_news{ padding-top:5%; padding-bottom: 3%; background:#fafafa;}

.photo_main{ padding-top:5%; padding-bottom: 3%; background:#fafafa;}

.photo_list2 li{ float: left; margin-bottom: 4%; padding-bottom: 2%; border-bottom: solid 1px #e6e6e6}
.photo_list2 li .pic .ispic{ padding-bottom:62.794%;}
.photo_list2 li .txt{ padding: 3% 0; position: relative}
.photo_list2 li time{ color: #d3b572; }
.photo_list2 li .img-path i:before,
.photo_list2 li .img-path i:after{ border-right-color: #fafafa}
@media(min-width:640px){
.photo_list2 li h3{ line-height: 32px; height: 64px;}
.photo_list2 li p{ line-height: 30px; height: 60px;}
}
@media(min-width:1024px){
.photo_list2 li{ width: 29.8612%; margin-left: 5.2082%}
.photo_list2 li:nth-child(3n+1){ margin-left: 0; clear: both}
}
@media(min-width:640px) and (max-width:1024px){
.photo_list2 li{ width: 49%; margin-left:2%}
.photo_list2 li:nth-child(2n+1){ margin-left: 0; clear: both}
}


.column_title{ text-align: center;; padding: 2% 0; color: #333333}

.about_chairman .details{ line-height: 2}
.about_chairman .details p{ padding-bottom: 20px}
.about_chairman .pic{ margin-bottom:5%}
.about_chairman .pic span{ position: absolute; padding: 0px 30px; line-height: 50px; color: #fff; width: 100%; bottom: 0; left: 0; /*background: linear-gradient(to right,#a50c14, transparent )*/}
.about_chairman .show_more a{ color: #cf111b; padding-right: 15px; cursor: pointer; background: url(../images/jt.png) no-repeat right}
.about_chairman .name{ text-align: right}
.info.hide{ display: none}
@media(min-width:640px){
.about_chairman .details{ float: right; width: 58%}
.about_chairman .pic{ float: left; width:38.889%;}
}

.about_culture{ padding-bottom: 4%; background:#fff url(../images/culture_bg.jpg) no-repeat center bottom; background-size: 100%}
.about_culture .titlebox{ border-bottom: solid 1px #dadada}
.about_culture .titlebox li{ display: inline-block; text-align: center}
.about_culture .titlebox li:not(:last-child){ padding-right: 20px}
.about_culture .titlebox li a{ display: inline-block; cursor: pointer;}
.about_culture .titlebox li.slick-current a{ color: #cf111b; border-bottom: solid 3px #cf111b}
.about_culture .infobox{ padding: 4% 0; color: #333; line-height: 1.8}
.about_culture .box.hide{ display: none}
@media(min-width:640px){
.about_culture .details{ float: left; width: 47%}
.about_culture .titlebox li{ min-width:25%;}
.about_culture .pic{ float: right; width:50%;}
}

.about_values{ padding-top: 4%; background:#fff url(../images/values_bg.jpg) no-repeat center top; background-size: 100%}
@media(min-width:640px){
.about_values .details{ float: right; width: 43%; color: #333}
.about_values .column_title{ line-height: 1; padding-top: 0; text-align: left; font-weight: bold}
.about_values .pic{ float: left; width:50%;}
}

.about_development{ padding-top: 4%; padding-bottom:8%; background:#fff url(../images/development_bg.jpg) no-repeat center bottom; background-size: 100%}
.about_development .box{ width:91.67%; margin: auto; position: relative;color: #fff; padding-top:16%; }
.about_development .box h3{color: #fff; z-index: 10; text-align: center; width:120px; line-height: 120px; margin: auto; position: absolute; top: 0; left: 0; right: 0;background: linear-gradient(to top,#b4956b,#dfc093); border-radius: 100%}
.about_development .txt{ z-index: 10; width: 100%; padding:10%; position: absolute; bottom: 0;}
.about_development .txt ul{ display: inline-block}
.about_development .txt ul li:not(:last-child){ padding: 5px 0; border-bottom:dotted 1px rgba(255,255,255,0.6)}
.about_development .pic{ padding-bottom:127.275%; background: no-repeat center center; background-size: cover}
.about_development .pic:after{ content: ''; position: absolute; width: 100%; height: 60%; bottom: 0; background: linear-gradient(to top,#000,transparent)}
.about_development .slick-dots{ padding-top: 2%; position: relative}
.about_development .slick-dots li button{ background: #edd1a7; border-color: #edd1a7}
.about_development .slick-dots li.slick-active button{ background: #b4956b; border-color: #b4956b}
@media(max-width:1024px){
.about_development .box h3{width:100px; line-height: 100px; }
}

.about_organization{ background: #fefefe}

.about_history {padding-top:3%; padding-bottom:1%; background: url(../images/history_bg2.jpg) ;position:relative; }
.about_history:before{content: ''; position: absolute; width: 100%; height:10%; bottom: 0; background: linear-gradient(to top,#fff,transparent)}
.about_history:after{content: ''; position: absolute; width: 100%; height: 10%; top: 0; background: linear-gradient(to bottom,#fff,transparent)}
.about_history .hide{ height: 0; overflow: hidden}
.about_history .year_box{ text-align: center;}
.about_history .year_box .item{ display: inline-block; width: 19%; max-width: 160px; line-height:50px;}
.about_history .year_box .item:before,
.about_history .year_box .item:after{ position: absolute; content: ''; top: 10px; width: 50%; height: 1px; border-bottom: dashed 1px #7d7d7d}
.about_history .year_box .item:before{ left: -1px;}
.about_history .year_box .item:after{ right: -1px}
.about_history .year_box .item:first-child:before,
.about_history .year_box .item:last-child:after{display: none}
.about_history .year_box .item a{ cursor: pointer; display:inline-block; position: relative; z-index: 2}
.about_history .year_box .item a:before{ display: block; width: 20px; height: 20px; margin:auto; content:''; background: #7d7d7d; border-radius: 100%; transition: 0.5s}
.about_history .list_box { padding: 4% 0; min-height: 250px;}
.about_history .year_box .item.show a:before { background: #bf101a; box-shadow: 0 0 0 8px rgba(191,16,26,0.2)}
.about_history .info_list .txt{ padding: 10px 0; margin: auto; width: 96%; border-top: solid 4px #bfbfbf}
.about_history .info_list .txt p{ max-width: 220px;}
.about_history .info_list .item:hover .txt{ border-color: #bf101a}
.about_history .info_list .item:hover .txt h3{color: #bf101a}


.about_school .info{ line-height: 1.8; padding: 6% 0; background:#fff url(../images/school_bg.jpg) no-repeat center center; background-size: 100%}
.about_school .photo{ overflow: hidden}
.about_school .photo .img-path i:before,
.about_school .photo .img-path i:after{border-right-color: #fff;}
.about_school .photo li:not(.flip-current):after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 96%; height: 10%; margin: auto; box-shadow: 0 15px 15px rgba(0,0,0,0.2)}
.about_school .photo .slick-slide{opacity: 1!important;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  /* transform: translate3d(0, 0, 0); */
  -webkit-transition: all 350ms ease-out;
  -moz-transition: all 350ms ease-out;
  -o-transition: all 350ms ease-out;
  -ms-transition: all 350ms ease-out;
  transition: all 350ms ease-out;

  -webkit-transform: translateX(48%) translateZ(0)  scale(0.45);
  -moz-transform: translateX(48%) translateZ(0)  scale(0.45);
  -o-transform: translateX(48%) translateZ(0)  scale(0.45);
  -ms-transform: translateX(48%) translateZ(0) scale(0.45);
  transform: translateX(48%) translateZ(0) scale(0.45);
}
.about_school .photo .slick-current { z-index:1003!important;
   -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;

  -webkit-transform: translateX(1%) translateZ(0)  scale(1);
  -moz-transform: translateX(1%) translateZ(0)  scale(1);
  -o-transform: translateX(1%) translateZ(0)  scale(1);
  -ms-transform: translateX(1%) translateZ(0) scale(1);
  transform: translateX(1%) translateZ(0) scale(1);
}
.about_school .photo .slide-previous,
.about_school .photo .slide-next  { z-index:1002!important;
  -webkit-transform: translateX(17%) translateZ(0)  scale(0.8);
  -moz-transform: translateX(17%) translateZ(0)  scale(0.8);
  -o-transform: translateX(17%) translateZ(0)  scale(0.8);
  -ms-transform: translateX(17%) translateZ(0) scale(0.8);
  transform: translateX(17%) translateZ(0) scale(0.8);
  opacity: 0.8!important
}
.about_school .photo .slide-previous-last,
.about_school .photo .slide-next-last  { z-index:1001!important;
  -webkit-transform: translateX(32%) translateZ(0)  scale(0.65);
  -moz-transform: translateX(32%) translateZ(0)  scale(0.65);
  -o-transform: translateX(32%) translateZ(0)  scale(0.65);
  -ms-transform: translateX(32%) translateZ(0) scale(0.65);
  transform: translateX(32%) translateZ(0) scale(0.65);
  opacity: 0.6!important
}
.about_school .photo .slide-previous-last-end,
.about_school .photo .slide-next-last-end { z-index:1000!important;
  -webkit-transform: translateX(48%) translateZ(0)  scale(0.45);
  -moz-transform: translateX(48%) translateZ(0)  scale(0.45);
  -o-transform: translateX(48%) translateZ(0)  scale(0.45);
  -ms-transform: translateX(48%) translateZ(0) scale(0.45);
  transform: translateX(48%) translateZ(0) scale(0.45);
  opacity: 0.4!important
}



.about_school .photo .slick-list{ padding-left:50px; padding-right: 20%}
.about_school .photo .slick-arrow{ border: none;}
.about_school .photo .slick-arrow:before{ background-position: center center}
.about_school .photo .slick-prev:before{background-image: url(../images/flipto-prev.png);}
.about_school .photo .slick-next:before{background-image: url(../images/flipto-next.png)}

/*.about_school .photo ul{ margin-left:5%;}
.about_school .flipto-arrow{ position: absolute; top: 0; bottom: 0; margin: auto; width: 23px; height: 23px; cursor: pointer; background: no-repeat center center}
.about_school .flipto-prev{ left: 0; background-image: url(../images/flipto-prev.png)}
.about_school .flipto-next{ right: 0; background-image: url(../images/flipto-next.png)}*/
@media(min-width:640px){
.about_school .photo{ float: left; width:55%;}
.about_school .info{ float: right; width:40%;}
}

.cultural_IP{ padding-bottom: 3%}
.cultural_IP .list_box{background:#fff url(../images/cultural_IP_bg.jpg) no-repeat center top; background-size: 100%}

.cultural_IP .info_box{ /* max-width: 920px; */margin: auto; padding: 3% 0;}
.cultural_IP .list_box 
.cultural_IP .pic_list{ position: relative;}

.cultural_IP .item{ float: left; }
.cultural_IP .item .pic{ height: 100%;}
/*.cultural_IP .item a{ padding-bottom:58.248%;}*/
.cultural_IP .item a.ClickPopUp{ cursor: pointer}
.cultural_IP .item a .pic{ width: 100%; display: block;}
.cultural_IP .slick-arrow{ border: none; }
@media(min-width:640px){
.cultural_IP .list_box .auto{ display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 3% 0;}
.cultural_IP .list_box:nth-child(2n) .auto{ flex-flow: row-reverse wrap; }
.cultural_IP .pic_list{ width: 47%;}
.cultural_IP .list_box .info_box{ width: 47%; margin: 0;}
.cultural_IP .info_box .icon{ float: left; width: 16%;}
.cultural_IP .info_box .txt{ float: right; width:83%; line-height: 2.5}
.cultural_IP .slick-prev{ left: -8%; }
.cultural_IP .slick-next{ right: -8%; }
/*.cultural_IP .item{width:33.264%; margin-right: 0.104%; margin-bottom: 0.104%}
.cultural_IP .list .item:nth-child(3n+3){ margin-right: 0}
.cultural_IP :not(.list) .item:last-child{ position: absolute; padding-bottom:0; top:0; height: 99.896%; margin-right: 0}
.cultural_IP :not(.list) .item:last-child a{ padding-bottom:0; height: 100%;}
.cultural_IP .list_5 .item:last-child{right:33.368%; }
.cultural_IP .list_5 .item:nth-child(1),
.cultural_IP .list_5 .item:nth-child(3){ margin-right:33.472%;}
.cultural_IP .list_5 .item:nth-child(2),
.cultural_IP .list_5 .item:nth-child(4){ margin-right:0;}
.cultural_IP .list_7 .item:last-child{right: 0; }
.cultural_IP .list_7 .item:nth-child(2),
.cultural_IP .list_7 .item:nth-child(4),
.cultural_IP .list_7 .item:nth-child(6){ margin-right:33.308%;}*/
}
@media(max-width:640px){
.cultural_IP .info_box .icon{ text-align: center}
/*.cultural_IP .item{width:49%; margin-left:2%; margin-bottom:2%}
.cultural_IP .item:nth-child(odd){ margin-left: 0; clear: both}*/
}

.load_details{ line-height: 1.8; position: relative; padding:2.5%; width: 95%; max-width:1100px; margin: auto; background: #fff;}
.load_details .photo{ text-align: center; max-width: 40%; margin: auto;}
.load_details .title{ text-align: center; padding:3% 0; margin: 0; border-bottom: solid 1px #e7e7e7}
.load_details .txt{ padding-top: 3%}

.product_list{ padding-top: 5%}
.product_list li{ float: left; width: 30.556%; margin-bottom: 4%}
.product_list .pic{padding-bottom:79.546%;}
.product_list .pic.usebg{background: url(../images/product_bg.jpg) no-repeat center center}
.product_list .pic.nouse{box-shadow: 0 0 0 1px #e3e3e3; overflow: hidden;}
/* .product_list .pic.nouse i::before,
.product_list .pic.nouse i::after{border: 1px solid #e3e3e3; background-color: #fff; width: 32px; height: 32px;} */
.product_list .pic img{ position: absolute; max-width: 90%; max-height: 90%; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.product_list .txt{ text-align: center; padding: 3% 0}
.product_list .txt em{ font-style: normal; display: inline-block; color: #999999;}
.product_list .txt em:nth-child(2){ padding: 0 10px}
.product_list .txt p{ padding-bottom: 20px; padding-top: 10px;}
.product_list .price{ padding: 15px 20px; border: solid 1px #e5e5e5; display: inline-block;}
@media(min-width:960px){
.product_list li{ margin-left: 4.166%;}
.product_list li:nth-child(3n+1){ margin-left: 0; clear: none;}
}
@media(max-width:960px){
.product_list li{ width: 49%; margin-left:2%;}
.product_list li:nth-child(2n+1){ margin-left: 0; clear: none;}
.product_list .txt p{ padding-bottom:12px}
.product_list .price{ padding: 8px 10px;}
}

.copy_ban_pic,
.copy_ban_info,
.copy_location_menu,
.body_product .banner .column{ display: none}

.details_banner{ position: relative; overflow: hidden}
.details_banner .slick-dots li button{ background: #fff; transition: 0.5s}
.details_banner .slick-dots li.slick-active button{ background: #cf111b; border-color: #cf111b; box-shadow: 0 0 0 3px #cf111b}
.ban_info .txt{ padding-top: 2%;}
.ban_info .txt pre{}
.ban_info .buy{ padding-top: 2%}
.ban_info .buy a{ display: inline-block; margin-right: 14px;}
.ban_info .buy a img{ background: #4f1618; border-radius: 100%;}
.ban_info h1{color:#fff;}

@media(max-width:1200px){
.details_banner .banner img{ width:200%; margin-left: -80%}
.ban_info .txt{ padding: 1% 0}
}
@media(min-width:640px){
.ban_info{ z-index: 100; color: #fff;position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
}
@media(max-width:640px){
.ban_info{ padding: 4% 0; background: url(../images/pro_infobg.jpg) repeat-y center top; background-size: 100%}
}

.details_photo{ text-align: center; background: url(../images/pro_infobg.jpg) repeat-y center top; background-size: 100%}
.details_photo .pic{margin-bottom:-2px;}

.ServiceTel{ text-align: center; padding-bottom: 4%}
.ServiceTel span{ display: inline-block; padding-left: 31px; background: url(../images/tel.png) no-repeat left;}
.ServiceTel b{ display: block; font-size:6vw}
.ServiceTel a{color: #7a0000; }
@media(min-width:1200px){
.ServiceTel b{font-size:2.604165vw}
}
@media(min-width:960px) and (max-width:1200px){
.ServiceTel b{font-size:4vw}
}
@media(min-width:1025px) and (max-width:1400px){
.details_photo img{max-width:80%;}
}

.cooperation_main{padding-top: 3%; padding-bottom: 3%; background:#fafafa url(../images/cooperation_bg.png) no-repeat center bottom; background-size: 100%}
.cooperation_main .outside{ padding: 4%}
.cooperation_main .inside{ position: relative; padding: 2px; background: linear-gradient(to right,#d3b572,#816545)}
.cooperation_main .form_box{ padding: 4%; background: #fff}
.cooperation_main .inside:before,
.cooperation_main .inside:after,
.cooperation_main .form_box:before,
.cooperation_main .form_box:after{ content: ''; background: no-repeat; width: 15px; height: 15px; position: absolute; background: no-repeat}
.cooperation_main .inside:before{left: 0;top: 0;  background-image: url(../images/icon1.jpg)}
.cooperation_main .inside:after{left: 0;bottom: 0;  background-image: url(../images/icon4.jpg)}
.cooperation_main .form_box:before{ right: 0; top: 0; background-image: url(../images/icon2.jpg)}
.cooperation_main .form_box:after{ right: 0; bottom: 0; background-image: url(../images/icon3.jpg)}
.cooperation_main .text,
.cooperation_main select{ width: 100%; border: solid 1px #e6e6e6; padding:5px; height:36px;}
.cooperation_main textarea.text{ height: 120px;}
.cooperation_main select{ display:block!important; cursor: pointer}
.cooperation_main .btn_box{ text-align: center; padding: 2% 0}
.cooperation_main .btn_box .btn{ border: none; color: #fff; width: 150px; height:40px; cursor: pointer}
.cooperation_main .item_box{ padding-top:8px; padding-bottom:8px;}
.cooperation_main .name_box{ position: absolute; line-height:36px;}
.cooperation_main .input_box{ padding-left:50px;}

@media(min-width:1200px){
.cooperation_main .row3{ width: 48%}
}
@media(min-width:640px){
.cooperation_main .text,
.cooperation_main select{height:50px;padding: 10px; }
.cooperation_main textarea.text{ height: 170px;}
.cooperation_main .item_box{ padding-top: 15px; padding-bottom: 15px;}
.cooperation_main .name_box{ line-height: 50px;}
.cooperation_main .btn_box .btn{width: 200px; height: 50px;}
.cooperation_main .row2 .item_box{ width: 48%;}
.cooperation_main .row2 .item_box:nth-child(odd){ float: left}
.cooperation_main .row2 .item_box:nth-child(even){ float: right}
.cooperation_main .row3 .item_box{ float: left;width: 30%;}
.cooperation_main .row3 .item_box:not(:last-child){ margin-right: 5%;}
}

.jobs_main{padding-top:5%; padding-bottom: 3%; background:#fafafa url(../images/jobs_bg.jpg) no-repeat center bottom; background-size: 100%}

.filter_search{ padding-bottom: 3%}
.filter_search dl{ float: left; width:30%;position: relative; z-index: 10 }
.filter_search dt:before{ content: ''; position: absolute; right:4%; top:43%; transform: rotate(45deg); width:8px; height:8px; border-right: solid 2px #666666; border-bottom: solid 2px #666666; transition: 0.5s}
.filter_search dl:nth-child(2){ margin:0 2%}
.filter_search dt{ color: #888888; padding:0px 20px; line-height: 48px; height: 48px; border-radius:6px; position: relative; cursor: pointer; transition: 0.3s; border: solid 1px #e6e6e6}
.filter_search dd { background: #fff; position: absolute; width: 100%; display: none; border-radius: 0 0 6px 6px;border: solid 1px #e6e6e6}
.filter_search dd span{ display: block; border-top: solid 1px #e6e6e6}
.filter_search dd span a{ display: block; padding:5px 20px;}
.filter_search dl.on{ z-index: 100}
.filter_search dl.on dt:before{transform: rotate(-135deg);}
.filter_search .search{ width:36%; padding-right: 110px;}
.filter_search .search .text{ width: 100%; color: #888888; padding:10px 20px; border-radius:6px; position: relative; cursor: pointer; transition: 0.3s; border: solid 1px #e6e6e6; background: #fafafa; height: 50px;}
.filter_search .search a{ position: absolute; right: 0; top: 0; width: 100px; line-height:48px; padding-left: 45px; background: #991212 url(../images/search.png) no-repeat 25px; color: #fff; border-radius: 8px;}
@media (max-width:768px) {
.filter_search dl{ width: 49%}
.filter_search dl:nth-child(2){ margin-right:0}
.filter_search .search{ width: 100%; margin-top: 3%; clear: both}
}

.jobs_list .title{transition: 0.5s; position: relative; color: #333; }
.jobs_list .title li{float: left; width:16%; padding:1.806% 0; text-align: center}
.jobs_list .title li.n1{ padding-left:3.2%; width: 25%; text-align: left}
.jobs_list .title i{ width: 14px; height: 14px; position: absolute; right: 5%; top: 50%; margin-top: -7px;}
.jobs_list .title i:before,
.jobs_list .title i:after{ content: ''; position: absolute; width: 100%; height: 2px; margin:auto; right: 0; top: 0; bottom: 0; left: 0; background: #333333; transition: 0.5s}
.jobs_list .title i:after{ transform: rotate(90deg)}
.jobs_list .first{
background:
radial-gradient(circle at top left, transparent 12px, #d2d2d2 0) top left,
radial-gradient(circle at top right, transparent 12px, #d2d2d2 0) top right,
radial-gradient(circle at bottom right, transparent 12px, #d2d2d2 0) bottom right,
radial-gradient(circle at bottom left, transparent 12px, #d2d2d2 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}

.jobs_list .list{ overflow: hidden;margin-top: 2px;}
.jobs_list .list .title{ cursor: pointer}
.jobs_list .show .title{ color: #c43636;
background:
radial-gradient(circle at top left, transparent 12px, #f2f2f2 0) top left,
radial-gradient(circle at top right, transparent 12px, #f2f2f2 0) top right,
radial-gradient(circle at bottom right, transparent 12px, #f2f2f2 0) bottom right,
radial-gradient(circle at bottom left, transparent 12px, #f2f2f2 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}
.jobs_list .show .title i:before,
.jobs_list .show .title i:after{ background: #ff0000}
.jobs_list .show .title i:after{ opacity: 0}
.jobs_list .show .info_box{ border-top: solid 1px #fff}
.jobs_list .info{ display: none; padding:0 2.5%; position: relative;
background:
radial-gradient(circle at top left, transparent 12px, #f3f3f3 0) top left,
radial-gradient(circle at top right, transparent 12px, #f3f3f3 0) top right,
radial-gradient(circle at bottom right, transparent 12px, #f3f3f3 0) bottom right,
radial-gradient(circle at bottom left, transparent 12px, #f3f3f3 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}
.jobs_list .info .info_box{ padding: 3%}
.jobs_list .info .txt{ color: #666;}
.jobs_list .info .txt_wap{ padding:3%; display: none}
.jobs_list .info .txt_wap p{ padding: 0; margin: 0}
.jobs_list .info .txt_wap span{ color: #999}
.jobs_list .info .apply{ padding: 2% 3%;}
.jobs_list .info .apply .ClickPopUp{ text-align: center; display: inline-block; color: #fff; width:200px; line-height:50px; cursor: pointer; margin-right: 20px;}
.jobs_list .info .apply span a{ color: #7a0000}
.jobs_list .info .other { padding: 3%; border-top: solid 1px #fff}
.jobs_list .info .other li{ float: left; width: 16%; text-align: center; padding: 1%;}
.jobs_list .info .other .pic{ position: relative; padding-bottom:42%;}

@media(min-width: 768px){
.jobs_list .info_box .txt_box{ line-height: 2.2}
.jobs_list .info_box.fl_fr .txt_box{ width: 48%;}
.jobs_list .info_box.fl_fr .txt_box:nth-child(odd){ float: left}
.jobs_list .info_box.fl_fr .txt_box:nth-child(even){ float: right}
}
@media (max-width:768px) {
.jobs_list{ padding: 3% 0}
.jobs_list .title li.wap{ display: none}
.jobs_list .title li{ width: 25%}
.jobs_list .title li.n1{ width:65%;}
.jobs_list .info .txt_wap{ display: block}
.jobs_list .info .apply .ClickPopUp{ width: 150px; line-height: 40px;}
.jobs_list .info .apply span{ display: block; padding-top: 3%;}
.jobs_list .info .other li{ width: 50%;}
}

.jobs_society{padding-top:5%; padding-bottom:2%; background:#fafafa url(../images/society_bg.png) no-repeat center bottom; background-size: 100%}


.JoinUsIntro .item{ height: 450px; background: no-repeat center center; background-size: cover}
.JoinUsIntro .item:before{ content: ''; position: absolute; width:70%; height: 100%; right: 0; background: linear-gradient(to right,transparent, #fff)}
.JoinUsIntro .info{ color: #333; padding:5%; text-align: right; position: absolute; z-index: 10;right:5%;top: 10%;display:inline-block;background:rgba(255,255,255,.5);}

.WhyJoinUs { padding-top: 5%; padding-bottom:3%; margin-bottom: 5%; border-bottom: solid 1px #e7e7e7}
.WhyJoinUs .column_title{ text-align:left}
.WhyJoinUs .icon{ display: inline-block; max-width: 60px; width: 17%}
.WhyJoinUs h4{padding: 2% 0; color: #333}
.WhyJoinUs p{ position: relative; padding: 4% 0;border-top: solid 2px #dedede; }
.WhyJoinUs p:before{ content: ''; position: absolute; left: 0; top:-2px; width:20%; height: 2px; background: #7a0000}

@media(min-width:768px){
.WhyJoinUs .item{ float: left; width:23%; margin-left:2.66%;}
.WhyJoinUs .item:nth-child(4n+1){ margin-left: 0; clear: both;}
}

.jobs_category .item{ float: left; margin-bottom: 4%;}
.jobs_category .item a{ display: block; padding: 10.5%; position: relative; z-index: 10}
.jobs_category .item .pic{ background: no-repeat center center; background-size: cover}
.jobs_category .item .pic:before{ content: ''; position: absolute; width:75%; height: 100%; background: linear-gradient(to right,#fff,#fff,transparent);}
.jobs_category .item h3{ padding-bottom:5%;}
.jobs_category .item h3 b{ min-width: 100px; position: relative; padding-bottom: 10px; display: inline-block; border-bottom: solid 2px #dedede; }
.jobs_category .item h3 b:before{ content: ''; position: absolute; left: 0; bottom:-2px; width:20%; height: 2px; background: #7a0000}
.jobs_category .item span{ color: #800b0b; padding-right: 14px; background: url(../images/jt2.png) no-repeat right}
.jobs_category .img-path i:before,
.jobs_category .img-path i:after{ border-right-color: #fafafa}
@media(min-width:960px){
.jobs_category .item{width: 30.556%;  margin-left:  4.166%;}
.jobs_category .item:nth-child(3n+1){ margin-left: 0; clear: both;}
}
@media(max-width:960px){
.jobs_category .item{width:49%;  margin-left:2%;}
.jobs_category .item:nth-child(2n+1){ margin-left: 0; clear: both;}
}

.jobs_school {}
.jobs_school .boxitem{ position: relative; background-size: 100%}
.jobs_school .column_title span{ border-radius: 0 50px 50px 0; line-height: 60px; color: #fff; display: inline-block; position: relative; padding-left: 50px; padding-right: 60px;}
.jobs_school .column_title span:before{ content: ''; position: absolute; left: -40px; width: 40px; height: 100%}
.jobs_school .boxitem:nth-child(odd) .column_title span{ background:linear-gradient(to right,#447ae9, #1345ac)}
.jobs_school .boxitem:nth-child(even) .column_title span{ background:linear-gradient(to right,#fec755, #fb9425)}
.jobs_school .boxitem:nth-child(odd) .column_title span:before{ background-image: url(../images/title_bg_blue.png)}
.jobs_school .boxitem:nth-child(even) .column_title span:before{ background-image: url(../images/title_bg_yellow.png)}
@media(max-width:640px){
.jobs_school .column_title span{ line-height: 50px}
}

.job_phase{ padding-top:5%; padding-bottom: 5%; background:#fafafa url(../images/school_bg01.png) no-repeat center top; }

.job_welfare{ margin-top: -10%; padding-top:10%; padding-bottom: 3%;  background:url(../images/school_bg02.png) no-repeat center top;}
.job_welfare .column_title span:after{ left: -80%; top: -260%; content: ''; position: absolute; width:75.865%; padding-bottom:41.38%; background: url(../images/job_welfare_icon.png) no-repeat center center; background-size: 100%}

.job_welfare .editor_welfare{ padding-top: 3%}
.job_welfare dl{ float: left; width: 20%;}
.job_welfare dl li{ padding: 5px 15px; position: relative}
.job_welfare dl li:before{ content: ''; left: 0; top: 15px; position: absolute; display: block; width: 4px; height: 4px; background: #6aa7f8; border-radius: 10px;}
@media(min-width:640px) and (max-width:960px){
.job_welfare dl{ float: left; width:33.333%;}
.job_welfare dl:nth-child(3n+1){ clear: both}
}
@media(max-width:640px){
.job_welfare dl{ float: left; width:50%; padding: 10px 0}
.job_welfare dl:nth-child(2n+1){ clear: both}
.job_welfare dl li,
.job_welfare dl h3,
.job_welfare dl .icon{ max-width: 140px; margin: auto}
}

.job_process{ padding-top:8%; padding-bottom:5%;  background: url(../images/school_bg03.png) no-repeat center top; }
.job_process .column_title span:after{ right: -92%; top: -50%; content: ''; position: absolute; width:104.9725%; padding-bottom:74.589%; background: url(../images/job_process_icon.png) no-repeat center center; background-size: 100%}
.job_process .details{ padding-top: 5%}
@media(max-width:768px){
.job_process .details{ padding:10% 0}
}

.job_hotjob{ background: url(../images/school_bg04.png) no-repeat center top;}
.job_hotjob .column_title span:after{ left: -48%; top: -110%; content: ''; position: absolute; width:126%; padding-bottom: 80%; background: url(../images/job_job_icon.png) no-repeat center center; background-size: 100%}
.job_hotjob .item{border-radius: 10px; padding: 12px; background: #035dc3}
.job_hotjob .item .pic{ border-bottom-right-radius: 30px; position: relative}
.job_hotjob .item .pic:before{ content: ''; position: absolute; width: 80%; height: 100%; background: linear-gradient(to right,#035dc3,#035dc3,transparent);}
.job_hotjob .jobs_category .item h3 b,
.job_hotjob .jobs_category .item span{ color: #fff}
.job_hotjob .jobs_category .item h3 b:before{background: #ffd682;}
.job_hotjob .jobs_category .item span{background-image: url(../images/jt3.png)}
@media(max-width:768px){
.job_hotjob .column_title span:after{background-size:80%}
}

.job_photo{ padding-top: 4%; padding-bottom: 4%; background: url(../images/school_bg05.png) no-repeat center bottom;}
.job_photo:before{ content: ''; position: absolute; width:26.5625%; padding-bottom:15%; position: absolute; right: 0;  background: url(../images/job_photo_icon.png) no-repeat right top;  background-size: 100%}
.job_photo .listbox{ padding-top: 3%; position: relative; z-index: 100}
.job_photo .box{ position: relative}
.job_photo .pic{ background: no-repeat center center; background-size: cover}

.job_photo .slick-dots{ position: relative; padding-top: 2%}
.job_photo .slick-dots li button{ background: #dedede; border: none}
.job_photo .slick-dots .slick-active button{ background: #0e6deb}
@media(min-width:768px){
.job_photo .pic:nth-child(2),
.job_photo .pic:nth-child(3){width:19.445%;  height: 49%;left: 40.278%; position: absolute}
.job_photo .pic:nth-child(2){ top: 0}
.job_photo .pic:nth-child(3){ bottom: 0}
.job_photo .pic:nth-child(1),
.job_photo .pic:nth-child(4){width: 39.723%; padding-bottom: 29.862%}
.job_photo .pic:nth-child(1){ float: left;}
.job_photo .pic:nth-child(4){ float: right}
}
@media(max-width:768px){
.job_photo .pic{ padding-bottom:75.175%}
.job_photo .pic:nth-child(1){ margin-bottom: 2%}
.job_photo .pic:nth-child(2),
.job_photo .pic:nth-child(3){ width: 49%;padding-bottom:38%; margin-bottom: 2%}
.job_photo .pic:nth-child(2){ float: left}
.job_photo .pic:nth-child(3){ float: right}
.job_photo .pic:nth-child(4){ clear: both;}
}

.job_contact{ padding-top: 3%; padding-bottom: 3%; background: url(../images/school_bg06.png) no-repeat center top; }
.job_contact .infobox{ position: relative}
.job_contact .details{ padding:7%; width: 49.653%; background: url(../images/job_contact_bg1.png) no-repeat center center; background-size: 100%}
.job_contact .details .info{ color: #103789;line-height:40px; }
.job_contact .details .info .bai{ color: #fff; font-size: 14px;}
.job_contact .details .info b{ font-weight: normal}
.job_contact .details .info em{color: #fff; padding: 0px 10px; opacity: 0.5}
.job_contact .details .ewm{ max-width: 135px;}
.job_contact .details .ewm img{ border: solid 1px #ededed; border-radius: 6px;}
.job_contact .icon{ position: absolute; left:36.8%; bottom:8%; width: 21.528%; height: 70%;background: url(../images/job_contact_icon.png) no-repeat center center; background-size: 100%}
.job_contact .other{ padding: 4%; z-index: 5; position: absolute; right: 0; top: 0;width:48.195%; height: 100%; text-align: center; background: url(../images/job_contact_bg2.png) no-repeat center center; background-size: 100%}
.job_contact .other .pic{ margin: auto; max-width: 420px;}
.job_contact .other .pic span{ display: inline-block;  width: 48%;}
.job_contact .other img{ border: solid 1px #ededed; border-radius: 6px;}
.job_contact .other .txt{ color: #fff; padding-top: 3%}
@media(max-width:1280px){
.job_contact .details{ padding:4%;}
}
@media(max-width:1024px){
.job_contact .details{ padding: 10%; width: 100%;}
.job_contact .icon{ height: auto; left:auto; bottom: auto; padding-bottom:30%; z-index: 10; right: 0; margin-top: -25%}
.job_contact .other{ padding: 10%; position: relative;width: 100%;}
}
@media(max-width:640px){
.job_contact .details{ padding:15% 10%; background-size: cover;}
.job_contact .details .info{ line-height: 30px;}
.job_contact .other{ padding:5%;}
.job_contact .other .pic span{ width: 35%; margin: 0 2%}
}

.Pages{ padding-top:3%; padding-bottom:3%; text-align: center}
.Pages .p_page{ display: block}
.Pages a{ min-width:46px; line-height:46px; padding: 0px 5px; margin: 0 10px; display: inline-block; overflow: hidden; background:no-repeat center center; border-radius: 100px;}
.Pages a.a_cur{ color: #fff; background: #720000}
.Pages em{ font-style: normal; padding: 0px 20px;}
.Pages .a_prev,
.Pages .a_next{ width:48px; text-indent: -120px; background-color: transparent; border: solid 1px #720000}
.Pages .a_prev{ background-image: url("../images/a_prev.png")}
.Pages .a_next{ background-image: url("../images/a_next.png")}
.Pages .a_prev:hover,
.Pages .a_next:hover{ background-color: #720000}
.Pages .a_prev:hover{ background-image: url("../images/a_prev2.png")}
.Pages .a_next:hover{ background-image: url("../images/a_next2.png")}
.Pages span,
.Pages .a_first,
.Pages .a_end{ display: none}
@media(max-width:960px){
.Pages em{padding: 0px 5px;}
.Pages a{margin: 0 5px;}
}

.winery_info{ padding-top: 5%; padding-bottom: 5%;  background: url(../images/winery_bg.png) no-repeat center bottom; background-size: 100%;}
.winery_info .column_title{ text-align: left}
.winery_info .info{ line-height: 2}
.winery_info .arrow_box{ text-align: right; padding-top: 3%;}
.winery_info .arrow_box span{ position: relative; width: 115px; height: 60px; display: inline-block}
.winery_info .arrow_box .slick-arrow{ border-color: #d2d2d2; border-radius: 0;}
@media(min-width:768px){
.winery_info .info_box{ float: left; width: 45%}
.winery_info .pic_box{ float: right; width: 50%;}
.winery_info .arrow_box .slick-arrow{ width: 58px; height: 58px;}
}

.technology_nongxiang{ padding-top: 5%; padding-bottom: 5%; background: #eeeeee}
.technology_nongxiang .column_title:not(.sub){ padding-top: 0; padding-bottom: 0}
.technology_nongxiang .sub{ text-align: left}
.technology_nongxiang .sub:before{ content: ''; display: block; width: 50px; height: 2px; margin-bottom: 10px; background: #840202}
.technology_nongxiang .img-path i:before,
.technology_nongxiang .img-path i:after{border-right-color:#eeeeee}
.technology_nongxiang .slick-dots li button{ background: #fff}
.technology_nongxiang .slick-dots li.slick-active button{ box-shadow: 0 0 0 2px #fff}
.editor_nongxiang{ max-width: 454px; line-height: 2;}
.editor_nongxiang li{ padding: 3% 0}
.editor_nongxiang li:not(:last-child){ border-bottom: solid 1px #cdcdcd}
.editor_nongxiang li b.f24{ padding-right: 10px; color: #333}
.editor_nongxiang li .gray{ color: #999999}
@media(min-width:768px){
.technology_nongxiang .info_box{ float: right; width: 45%}
.technology_nongxiang .pic_box{ float: left; width: 50%;}
}

.technology_jiangxiang{ padding-top:2.5%; padding-bottom:4%;  background:#f5f5f5 url(../images/technology_bg.jpg) no-repeat center bottom; background-size: 100%;}
.technology_jiangxiang .sub{ text-align: left; padding-bottom:4%}
.technology_jiangxiang .sub:before{ content: ''; display: block; width: 50px; height: 2px; margin-bottom: 10px; background: #840202}
.technology_jiangxiang .txt{ padding: 20px 0; color: #333; text-align: center}
.technology_jiangxiang .txt span{ display: inline-block; padding-left: 32px; background: url(../images/icon5.png) no-repeat left}
.technology_jiangxiang .item a{ cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; background: url(../images/video.png) no-repeat center center}
.technology_jiangxiang .pic_box img{ width: 100%}
.technology_jiangxiang .item video{position: absolute; width: 100%; height: 100%; z-index: 10 }
@media(min-width:768px){
.technology_jiangxiang .info_box{ float: right; width:66%}
.technology_jiangxiang .pic_box{ float: left; width: 23.473%;}
}


.link_list li{ float: left; width: 20%; padding: 1%; text-align: center;}
.link_list li a{ display: block; padding: 10px; box-shadow: 0 0 10px rgb(138,138,138,0.3)}
.link_list .pic{ position: relative; padding-bottom: 40%; overflow: hidden;}
.link_list .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.link_list .name{ padding: 10px 0}

.sitemap { padding-top: 4%; padding-bottom: 4%}
.sitemap li{ padding:1% 0; border-bottom:dotted 1px #ccc}
.sitemap li b{ padding-right:20px;}
.sitemap li span{ display:inline-block; padding-right:20px;}
@media (max-width:768px) {
.sitemap li span{ padding-right:10px;}
}

.search_list a{ display: block; padding:3%; background: #fff; position: relative}
.search_list li{ padding:1% 0;}
.search_list li time{ position: absolute; padding-bottom: 15px; right: 3%; top: 45%; border-bottom: solid 1px #e5e5e5}
.search_list li span{ opacity: 0.6; }
.search_list li p{margin: 20px 0; width: 86%; opacity: 0.6; line-height: 28px;}
@media (max-width:768px) {
.search_list li p{ width: 100%;}
.search_list li time{ position: relative; float: right; top: auto; right: auto; padding-bottom: 0; border-bottom: none;}
.search_list li p{margin: 10px 0;line-height: 24px;}
}

.info_main{ line-height: 1.6}
.info_main .article{ padding: 3% 0; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed;font-size:18px !important;line-height:2 !important;font-family:"SourceHanSerifCNRegular" !important;}
.info_main .article *{font-size:18px !important;line-height:2 !important;font-family:"SourceHanSerifCNRegular" !important;}
.info_main .article p{text-indent:2em;}
.info_main .other{ margin-top: 3%; position: relative}
.info_main .other .dot{ opacity: 0.8}
.info_main .other .back{ display: inline-block; padding:2px 20px; margin-bottom: 20px; background: #7a0000; color: #fff}

.info_title{ text-align: center; padding-bottom: 4%}
.info_title h1{ line-height: 1.5}
.info_title dl{ color: #666666}
.info_title dl span{ padding-right: 60px;}
.info_title dl dt{ display: none; }

.news_main{ padding-top:7%; padding-bottom: 3%; position: relative; background:#fbfbfb url(../images/news_bg.png) no-repeat center bottom; background-size: 100%}
.news_main:before{ content: ''; width: 21.35416666666667%; height: 240px; position: absolute; right: 0; top: 0; background: url(../images/news_icon.png) no-repeat right top; background-size:100%}


.news_list li{ margin-bottom:3%; padding: 4%}
.news_list .box{ position: relative;display: flex; align-items: center;justify-content: space-between;}
/*.news_list .pic{position: absolute; width: 24.155%; height: 100%; right: 0; }
.news_list .pic a{ height: 100%}*/
.news_list .pic{flex: 0 0 auto; order: 2; width: 280px;}
.news_list .pic img{ width:100%; /* height:214px; */}
.news_list .time{ color: #c6c6c6;}
.news_list .time b{ display: none}
.news_list .time i{ font-style: normal}
.news_list .warp{ width:60%;}

@media (min-width:960px) {
.news_list .box:before,
.news_list .box:after{ content: ''; position: absolute; left:14%; top:15%; width: 0.6%; height:70%; background: #f9f6f0}
.news_list .box:after{ height: 20%; background: #7a0000}

.news_list .txt{ margin: auto; padding:2.3405% 0 2.3405% 33%}
.news_list h3{ line-height: 36px; height: 72px; margin-bottom: 20px;}
.news_list p{ line-height: 30px; height: 60px;}
.news_list .time{font-size: 22px; position: absolute; left: 3%; top:20%; text-align: center;  line-height: 1.2}
.news_list .time b{ display: block; font-size:4.1vw}
.news_list .time i{ display: none}
}
@media (max-width:1200px) {
.news_list li{ padding: 2.5%}
.news_list .txt{ padding-right: 0}
.news_list .warp{ width: 100%;}
.news_list .pic{ width: 250px;margin-left:5% }
}
@media (max-width:960px) {
.news_list .txt{ padding-right:0}
}
@media (max-width:640px) {
.news_list p{ display: none}
.news_list .warp{ width:60%;}
.news_list .pic{ width: 37%;margin-left:0 }
/* .news_list .pic img{ height:90px;} */
}

.PopUpForm{ position: fixed; width: 100%; height: 100%; padding: 2%; left: 0; top: 0; background: rgba(0,0,0,0.8); overflow: auto; z-index: 201; display:none}

.PopUpForm .ytable{ height: 100%;}
.PopUpForm .form_item{ position: relative; max-width: 1000px; margin: auto; background: #fff; padding: 3%;}
.PopUpForm .close{ position:absolute; display:block; width:30px; height:30px; cursor:pointer; right:20px; top:20px; z-index: 10}
.PopUpForm .close:before,
.PopUpForm .close:after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 2px; position: absolute; background: #e70412}
.PopUpForm .close:before{ transform: rotate(45deg)}
.PopUpForm .close:after{ transform: rotate(-45deg)}
.PopUpForm .box{ color: #333; padding: 5% 8%; background: url("../images/PopUpForm_bg.jpg") no-repeat center top; background-size: 100%}

.PopUpForm .item_box{ position: relative;margin-bottom: 12px; line-height: 40px;}
.PopUpForm .label_brand,
.PopUpForm .label_content,
.PopUpForm .label_area{ padding-left: 0;}
.PopUpForm .line{ height: 1px; margin: 20px 0; background:#e5e5e5}
.PopUpForm .form_err{ color: #da3924}
.PopUpForm .input_name{ position: absolute; left: 0;}
.PopUpForm .name{display:inline-block; width:80px}
.PopUpForm .tips{ position: absolute; top: 0; padding-left: 90px;  color: #666666; font-size: 14px; opacity: 0.5;}
.PopUpForm .text{ width: 100%; height:40px; background: #fff; padding: 0px 10px; border: solid 1px #cccccc; border-radius:4px;}
.PopUpForm textarea.text{ max-width: none; height: 200px;}
.PopUpForm .yzm_box .text{ width:60%}


.PopUpForm label{ padding-left: 30px; position: relative}
.PopUpForm input[type='checkbox'] { position: absolute; left:0px; top: 2px; display: inline-block; width: 16px; height: 16px; background:none; appearance: none;  -webkit-appearance: none; border:solid 1px #cccccc; border-radius: 0;}
.PopUpForm input[type='checkbox']:checked { border-color: #d70c18; background: url(../images/checkbox.png) no-repeat center center;}
.PopUpForm .label_box dl{padding-bottom:5px; overflow:hidden}
.PopUpForm .label_box ul{font-size: 0;}
.PopUpForm .label_box li{ display: inline-block;font-size: 16px;}
.PopUpForm .label_other li{ width:50%}
.PopUpForm .list_add_brand li{ width:20%}
.PopUpForm .label_content li{ width:50%}
.PopUpForm .label_area li{ width:12%}
.PopUpForm .label_area dl dt{width:80px; padding-right:10px;}
.PopUpForm .label_area dl{ display:table;table-layout:fixed; width:100%}
.PopUpForm .label_area dl dt,
.PopUpForm .label_area dl dd{ display:table-cell; vertical-align:top}
.PopUpForm .label_area .list_add_area{ max-width:1000px;}
.PopUpForm .btn_box{ text-align: center; padding: 2% 0}
.PopUpForm .btn_box .btn{ border: none; color: #fff; width: 200px; height:50px; cursor: pointer}
.PopUpForm .queueList{ margin:0;border:none}
.PopUpForm .fonttip{ position:absolute; text-align:left; top:0;color: #999; padding:0px 22px; font-size: 14px; line-height:50px; width:70%; background:#fff;}
.PopUpForm .filetip{ display:none}
.PopUpForm .placeholder{padding-top:0px; min-height:inherit; font-size: 13px;}
.PopUpForm .webuploader-container{ margin: auto; width: 168px; z-index:5; float:right;}
.PopUpForm .placeholder .webuploader-pick{ line-height:50px; padding-left:20px; padding-right:20px; background:#e70611; margin:0; font-size:14px;}
.PopUpForm .statusBar .btns .uploadBtn{background: #a78359;}
.PopUpForm #JobName{font-weight:bold}
@media(min-width:768px){
.PopUpForm .text{max-width: 280px;}
.PopUpForm .rowbox3 .item_box{ float: left; width: 30%;}
.PopUpForm .rowbox3 .item_box:nth-child(2){ margin-left: 5%; margin-right: 5%;}
}

@media(max-width:768px){
.PopUpForm .label_other li,
.PopUpForm .label_content li{ width:100%; float:none}
.PopUpForm .list_add_brand li{ width:33.333%}
.PopUpForm .label_area li{ width:33.333%}
.PopUpForm .item_box{ line-height:32px; padding-top:5px; padding-bottom:5px;}
.PopUpForm .text{ height:32px;}
.PopUpForm textarea.text{ height:100px;}
.PopUpForm .yzm_box img{ height:32px;}
.PopUpForm .btn_box .btn{width: 150px; height:40px;}
.PopUpForm .line{ margin:10px 0;}
.PopUpForm .fonttip,
.PopUpForm .placeholder .webuploader-pick{ line-height:40px;}
}
@media(max-width:520px){
.PopUpForm .label_area li{ width:50%}
}

.about_development .box .txt{ transition: 0.5s}
.about_development .box:hover .txt{ bottom: 10%}

.auto_900{max-width:900px;}