/* CSS Document */
body,ul,ol,h1,h2,h3,h4,h5,h6,form,ul,li,p,input,select,legend,textarea,dl,dd,dt,fieldset,table,th,td{margin:0; padding:0;}
body{ color:#333; margin:0 auto; font-family:"微软雅黑",Arial; font-size:14px ; min-width:1400px; background:#fff; position:relative; line-height:1.8; font-size: 14px;}
ul,li{list-style:none;}
i, em{ font-style: normal;}
a{text-decoration:none;}
img{border:none;}
.c{clear:both;}
.fl{float:left;}
.fr{float:right;}
a:hover{ text-decoration: none;}
img{max-width: 100%;}

/*消除浏览器黄框*/
input, textarea,button{ outline:none;}
/*为了消除选中时的虚线框*/
a:active{/*设置为只在标签激活时候处理，提高效率*/
	bblr:expression(this.onFocus=this.blur());/*IE使用*/	
}
a {
outline-style:none;
}
/*清除浮动*/
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{ zoom:1; }

.m_wrap{ width:1400px; margin:0 auto; position: relative;}

/*top*/
.ce{ position:fixed; top: 0; z-index: 999; height: 100px; width: 100%; background: #fff;box-shadow: 2px 3.464px 7px 0px rgba(14, 5, 11, 0.09)}
.top_box{ width: 1400px; margin: 0 auto;}
.logo{ float: left; margin-top: 20px;}

.top_r_box{ float: right;}
.top_rt{ display: flex; flex-direction: row-reverse; padding-top: 15px;}
.language{ margin-left: 20px; color: #999; font-size: 12px;}
.language a{ color: #999;}
.language a:hover{ color: #009236;}
.header_search{ background: #f2f2f2; width: 200px; height: 24px; display: flex; justify-content: space-between; border-radius: 24px; padding-left: 15px; padding-right: 5px; box-sizing: border-box;}
.header_search .search_input{ background: transparent; border:none;}
.header_search input::-webkit-input-placeholder,.tr2  textarea::-webkit-input-placeholder {
color: #acacac;   
}   
.header_search input:-moz-placeholder{   
color: #acacac;   
}   
.header_search input::-moz-placeholder{   
color: #acacac;   
}   
.header_search input:-ms-input-placeholder{   
color: #acacac;   
}

.nav{ display: flex; margin-top: 3px;}
.nav>ul{ display: flex; width: 800px;}
.nav>ul>li{text-align:center; position:relative; width: 14.28%;}
.nav>ul>li>a{height:55px;display:block; color: #282828; font-size: 16px; line-height: 55px;}
.nav>ul>li>a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -4px;height: 4px;opacity: 0;background-color: #009236;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav>ul>li>a:hover,.nav>ul>li.on>a{color:#009236;}
.on>a{color:#009236;}
.nav>ul>li.on>a:after{content: "";display: block;position: absolute;bottom: -4px;height: 4px;opacity: 1;background-color: #009236;left: 1%;right: 1%;}
.nav>ul>li>a:hover:after,.on>a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.top_btn{ display: flex; height: 55px; margin-left: 10px; justify-content: center; align-items: center;}

.nav .sub{display:none;padding:0;position:absolute;top:58px;overflow:hidden;text-align:left;z-index:110;left:0px; background:#fff; font-size: 14px; box-shadow: 0px 1px 10px 0px rgba(134, 134, 134, 0.16);width:115px;}
.ul_s a{font-weight:normal;color:#333; line-height:30px;border-bottom:1px solid #eee; font-size: 16px; display: block; margin: 0 15px; text-align:center; padding: 10px 0;}
.ul_s a:hover{color:#009236;}
#m2 .sub{ width: 230px;}
#m2 .ul_s{ display: flex; flex-direction: row; flex-wrap: wrap;}
#m2 .ul_s li{ width: 115px; position: relative;}
#m2 .ul_s li:nth-child(2n-1):before{content: ''; display: block; width: 1px; height: 30px; position: absolute; right: 0px; top: 10px; background-color:#eee;}


#fp-nav{position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1;left: 17px;}
.fp-slidesNav{position: absolute; z-index: 4; left: 50%; opacity: 1;}
.fp-slidesNav.bottom{bottom: 17px;}
.fp-slidesNav.top{top: 17px;}
#fp-nav ul,
.fp-slidesNav ul{margin: 0; padding: 0;}
#fp-nav ul li,
.fp-slidesNav ul li{display: block; width: 14px; height: 13px; margin: 15px 15px; position:relative;}
.fp-slidesNav ul li{display: inline-block;}
#fp-nav ul li a,
.fp-slidesNav ul li a{display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span{background: #009236;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span{top: 2px; left: 2px; width: 9px; height: 9px;  background: #c0c8d1; border-radius: 50%; position: absolute; z-index: 1;}
#fp-nav ul li .fp-tooltip{position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0;}
#fp-nav ul li:hover .fp-tooltip{-webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1;}
#fp-nav ul li .fp-tooltip.right{right: 20px;}
#fp-nav ul li .fp-tooltip.left{left: 20px;}

.float_r{ position: fixed; right: 20px; top: 50%; margin-top: -120px; z-index: 99;}
.float_icon{ z-index: 9;}
.float_icon i{ width: 50px; height: 50px; background: url(../image/float_r.png) no-repeat; display: block; margin-bottom: 10px;}
.float_icon .float_icon1{ background-position: 0 0;}
.float_icon:hover .float_icon1{ background-position:-50px 0;}
.float_icon .float_icon2{ background-position: 0 -50px;}
.float_icon:hover .float_icon2{ background-position:-50px -50px;}
.float_icon .float_icon3{ background-position: 0 -100px;}
.float_icon:hover .float_icon3{ background-position:-50px -100px;}
.float_icon .float_icon4{ background-position: 0 -150px;}
.float_icon:hover .float_icon4{ background-position:-50px -150px;}
.float_icon .float_icon5{ background-position: 0 -200px;}
.float_icon:hover .float_icon5{ background-position:-50px -200px;}
.float_icon .float_icon6{ background-position: 0 -250px;}
.float_icon:hover .float_icon6{ background-position:-50px -250px;}

.waiter-title{position: absolute; left: 0px; top: 50%; margin-top: -45px; color: #fff; width: 90px; height: 90px; border-radius: 5px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,.1); z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 38px; background-color:#fff; transform:rotate(45deg);}
.float_r li:hover .waiter-title{left: -105px; opacity: 1;}
.float_r li{ position: relative;}
.waiter-tel{position: absolute; left: 0px; top: 50%; line-height: 50px; font-size: 18px; margin-top: -20px; color: #000; width: 160px; height: 50px; border-radius: 5px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,.1); z-index: 1; opacity: 0;}
.waiter-tel:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 15px; background-color:#fff; transform:rotate(45deg);}
.float_r li:hover .waiter-tel{left: -175px; opacity: 1;}

.page1{ background: url(../image/h_bg1.jpg) no-repeat; background-size: cover!important; background-position: center!important; overflow: hidden; position: relative; height: 100vh !important;}
.ha_t1{ position: absolute; top: 230px; right: 50px; display: none;}
.ha_t2{ position: absolute; top: 120px; right: 0px; display: none;}
.ha_t3{ position: absolute; top: 650px; right: 220px; display: none;}

.hf_news{ background: rgba(255,255,255,0.9); position: absolute; left: 0; bottom: 0; width: 100%; height: 58px;}
.hf_news .m_wrap{ position: relative;}
.hf_news_l{ padding-left: 30px; background: url(../image/hf_news_l.gif) no-repeat; background-position: left center; line-height: 22px; height: 22px; margin-top: 18px; width: 50%; overflow: hidden; position: relative;}
.hf_news_l a{ color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 9;}
.hf_news_l a:hover{ color: #009236;}
.Noticewarp .swiper-slide{ height: 58px; margin: 0; padding: 0;}
.hf_news_r{ background: rgba( 0, 146, 54,0.5); width: 74px; height: 74px; position: absolute; bottom: 20px; right: 0; color: #fff; line-height: 37px; padding:0 6px; text-align: center; display: none;}
.hf_news_tit{ font-size: 24px; border-bottom: 1px solid #fff;}

.page2 {overflow: hidden; background: url(../image/about_box2_bg.jpg) no-repeat;}
.hp_box{ padding-top: 25vh;}
.diamonds{font-size: 0;position: relative;text-align: center;padding: 40px 0 0 0px;}
.diamonds > li{display: inline-block;font-size: 18px;margin-right: 145px; margin-top: -70px;}
.diamonds .diamond{background: #fff;display: block;height: 316px;position: relative;text-decoration: none;width: 316px;overflow: hidden;transform: rotate(-45deg);box-shadow: 1.97px 0.347px 19.6px 0.4px rgba(149, 149, 149, 0.1);}
.diamonds .diamond:hover{ box-shadow: 0px 2px 24.96px 1.04px rgba(154, 154, 154, 0.28);}
.hp_tit{ font-size: 16px; color: #333; text-align: center; position: absolute; left: 0; width: 100%; z-index: 9; bottom: 22%;transform: rotate(45deg); margin-left: -20%;}
.diamonds .diamond:hover .hp_tit{ color: #009236;}
.diamonds .content{display: flex;transform: rotate(45deg);text-align: center;vertical-align: middle; align-items: center;position: relative;}
.diamonds .content img{ display: block; margin: 0 auto; margin-top: -30px;}
.diamonds .diamond-sm .content:after{left: 24%;top: 48%;}
.diamonds > li:nth-child(3){margin-right: 0;}
.diamonds > li:nth-child(5){margin-right: 0;}
.hp_more{ text-align: center;width: 100%; margin-top: 50px;}
.hp_more a{ color: #767677; font-size: 24px; display: inline-block; margin: 0 auto;line-height: 36px; border-bottom: 1px solid #767677;}
.hp_more a:hover{ color: #009236;}

.page3 {overflow: hidden; position: relative; background: url(../image/about_box2_bg.jpg) no-repeat; display: flex; align-items: center; justify-content: center;}
.fp-section.fp-table, .fp-slide.fp-table {display: table;table-layout:fixed;width: 100%;}
.page3 .fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.hn_box{ padding-top: 90px;}
.h_news{ background: #fff;box-shadow: 0.908px 1.782px 8px 0px rgba(174, 174, 174, 0.14); display: block;}
.h_n_t{text-align: left; padding:15px 30px;}
.h_nt1{ font-size: 22px; color:#333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2;}
.h_nt2{ color:#999; display: block; height: 60px; overflow: hidden; line-height: 30px; font-size: 16px; margin-bottom: 10px;}
.h_nt3{ color:#999; font-size: 16px;}
.h_news:hover .h_nt1{ color: #009236;}
.h_news:hover .hover_enlarge img{ transform: scale(1.2);}
.hn_more{ text-align: center; width: 100%; margin-top: 30px;}
.hn_more a{ color: #767677; font-size: 24px; display: inline-block; margin: 0 auto;line-height: 36px; border-bottom: 1px solid #767677;}
.hn_more a:hover{ color: #009236;}

.page4{ background: url(../image/h_bg4.jpg) no-repeat; background-size: cover!important; background-position: center!important; overflow: hidden; position: relative; z-index: -1;  min-height: 100vh;}
.ha_box{ height: 100%; width: 100%; position: relative; display: flex; align-items: center;}
.ha_box_bg,.about_box1 .ha_box_bg{bottom: 0; position: absolute; top: 0; width: 100%;
  height: 100%;
  right: 0;
	-webkit-transition: opacity 0.1s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: opacity 0.1s 0.5s, -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.1s 0.5s;
  transition: transform 0.5s 0.5s, opacity 0.1s 0.5s, -webkit-transform 0.5s 0.5s,rotate(25deg);
  will-change: transform, opacity;
 -webkit-transform: translate3d(20%, 0, 0);
          transform: translate3d(20%, 0, 0);
  opacity: 0;}
.ha_box_bg::before{
    position:absolute;
    top:-500px;
    left:50%;
	margin-left: 580px;
    content:"";
    z-index:3;
    width: 2000px;
    height:2000px;
    background-color:rgba(0,0,0,0.35);
    transform:rotate(25deg);
    transform-origin:left top;
}
.ha_box .m_wrap{ position: relative;}
.ha_con{ width: 420px; color: #fff; text-align: right; float: right; position: relative; z-index: 9; padding-top: 32vh;}
.hv_t1{ font-size: 40px; line-height: 1.2;}
.hv_t2{ font-size: 20px; line-height: 1.2; margin-bottom: 20px;}
.hv_t3{ font-size: 16px; margin-bottom: 50px; text-align: left;}
.ha_btn{ line-height: 38px; width: 138px; border: 1px solid #fff; border-radius: 3px; display: inline-block; color: #fff; text-align: center;}
.ha_btn img{ margin-left: 5px;}
.ha_btn:hover{ border:  1px solid #fff; background: #009236;}

.slide__text,.about_box1 .slide__text{
  position: absolute;
  right: 0; top: 0;
  color: #fff;
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
.active .ha_box_bg,.active .slide__text,.ha_box_bg.active,.slide__text.active,.about_box1 .ha_box_bg,.about_box1 .slide__text{opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);}



.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}
.copyright_box{ }
.copyright{ background: url(../image/foot_bg.jpg) no-repeat; background-size: cover; background-position: center; overflow: hidden; min-height: 400px;}
.footer_a{ padding-top: 70px; padding-bottom: 50px; min-height: 340px;}
.foot_nav{ padding-bottom: 30px;}
.foot_nav li{box-sizing: border-box; padding-right: 30px;}
.foot_nav li a{display: block; position: relative; font-size: 14px;}
/*.foot_nav li .foot_nav_tit*/
.foot_nav li a:first-child{ color: #fff; margin-bottom: 12px; font-weight: bold; font-size: 16px; opacity: 1;}
.foot_nav li a{ color: #fff; opacity: 0.5; line-height: 30px;}
.foot_nav li a:hover{ color: #fff; opacity: 1;}
.foot_contact{ color: #fff;}
.foot_add{ padding-left: 32px; background: url(../image/foot_v1.png) no-repeat; line-height: 22px; margin-bottom: 10px;}
.foot_tel{ padding-left: 32px; background: url(../image/foot_v2.png) no-repeat; line-height: 22px; margin-bottom: 10px;}
.foot_edit{ padding-left: 32px; background: url(../image/foot_v3.png) no-repeat; line-height: 22px; margin-bottom: 10px;}
.foot_code{ float: right; width: 130px; text-align: center;}
.foot_code_t{ font-size: 12px; color: #fff;}
.footer_b{ text-align: center; padding: 15px 0px; color: #fff; text-transform: uppercase; border-top: 1px solid rgba(255,255,255,0.3);}
.footer_b a{ color: #fff;}

.h_box{ min-height: 100vh; position: relative; height: 100%; width: 100%;}
.mm-page{ min-height: 100vh;}
#dowebok{ position: absolute !important; top: 0; bottom: 0; width: 100%; height: 100%; left: 0;}
.onepage-pagination{ left: 20px; right: auto !important;}


/*内页*/
.con_pt{ padding-top: 100px;}
.detail_nav{ background: #fff; border-bottom: 1px solid #e5e5e5; line-height: 80px; width: 100%; overflow: hidden; min-height: 80px;}
.breadLink{ background: url(../image/breadLink_bg.png) no-repeat; background-position: left center;}
.breadLink li{ float: left; min-width: 130px; text-align: center;}
.breadLink li a{ color: #666; font-size: 18px; display: block;}
.breadLink li.on a{ color: #333; font-size: 24px;}
.breadLink li:hover a{ color: #009236;}
.place{ color: #666; font-size: 16px;}
.place a{ color: #666;}
.place a:hover{ color: #009236;}
.place_t{ color: #333;}

.about_box1{ background: url(../image/h_bg4.jpg) no-repeat; background-size: cover!important; background-position: center!important; overflow: hidden; position: relative; z-index: 1; min-height: 720px;}
.about_box1 .ha_con{ padding-top: 160px; padding-bottom: 60px;}
.about_box1 .hv_t3{margin-bottom:15px;}
.about_box1 .ha_box_bg,.about_box1 .slide__text{ position: relative;}

.circle_v3{ text-align: right; position: absolute; right: 50px; top: 255px; width: 520px; z-index: 9;}
.culture_x3{ position: absolute; top: 50px;}
.circle_v3_tit{ font-size: 26px; color: #009236; background: url(../image/culture_v3.png) no-repeat; background-position: right center; padding-right: 50px; line-height: 40px;}
.circle_v3_t{font-size: 20px; color: #333; max-width: 350px; margin-top: 35px; text-align: right; float: right; margin-right: 5px;}
.circle_v2{  position: absolute; left: 160px; top: 500px; width: 420px; z-index: 9;}
.culture_x2{ position: absolute; top: -15px;}
.circle_v2_tit{ font-size: 26px; color: #009236; background: url(../image/culture_v2.png) no-repeat; background-position: left center; padding-left: 50px; line-height: 40px;}
.circle_v2_t{font-size: 20px; color: #333; margin-top: 20px; margin-left:5px;}
.circle_v1{  position: absolute; left: 180px; top: 70px; width: 520px; z-index: 9;}
.culture_x1{ position: absolute; top: 50px;}
.circle_v1_tit{ font-size: 26px; color: #009236; background: url(../image/culture_v1.png) no-repeat; background-position: left center; padding-left: 50px; line-height: 40px;}
.circle_v1_t{font-size: 20px; color: #333; margin-top: 20px; margin-left: 5px;}
.circle_tt{ position: absolute; left: 50%; z-index: 3px; font-size: 36px; font-weight: bold; color: #009236; top: 50%;margin-top: -75px;margin-left: -40px; line-height: 50px;}
.circle_tt1{ position: absolute; left: 50%; z-index: 3px; font-size: 34px; color: #009236; top: 50%;margin-top: -160px;margin-left: -150px; line-height: 50px; z-index: 99;}
.circle_tt2{ position: absolute; left: 50%; z-index: 3px; font-size: 34px; color: #009236; top: 50%;margin-top: -70px;margin-left: 120px; line-height: 50px; z-index: 99;}
.circle_tt3{ position: absolute; left: 50%; z-index: 3px; font-size: 34px; color: #009236; top: 50%;margin-top: 70px;margin-left: -120px; line-height: 50px; z-index: 99;}
.circle_tt1,.circle_tt2,.circle_tt3{
  -webkit-transition:all .4s  ;
  -moz-transition:all .4s  ;
  -o-transition:all .4s  ;
  -ms-transition:all .4s  ;
  transition:all .4s  ;transform:scale(0.8);
}

.circle_tt1:hover,.circle_tt2:hover,.circle_tt3:hover{
  display: block;
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1);
}


.circle_con{ position: relative; height: 680px;}
.circle_bg{background-color:gray; width:400px;height:400px; color:white; overflow:hidden; position:absolute; border-radius: 100%; transform: rotate(-60deg); border: 1px solid #009236; left: 50%; margin-left: -200px; top: 120px;}
.circle_bg>.part{width:58%;height:58%;position:absolute;left:50%;top:50%;transform-origin:0%0%; display: block;/* cursor: pointer;*/ border: 1px solid #009236;background-color:#fff;}
.pos01{transform: rotate(0deg) skewX(-30deg); z-index: 5;}
.pos02{transform:rotate(120deg) skewX(-30deg); z-index: 4;}
.pos03{transform:rotate(240deg) skewX(-30deg); z-index: 3;}
.pos01.current,.pos03.current,.pos02.current{/*background-color: #f0f0f0;*/}
.circle_bg:after{content: "";display: block;position: absolute;top: 50%;left: 50%;height: 220px; width: 220px; margin-left: -110px; margin-top: -110px; z-index: 9; background: url(../image/culture_o.png) no-repeat; background-position: center;}

.about_v{ text-align: center; display: block;}
.about_v img{ display: block; margin: 0 auto;}
.about_v2{transform: rotate(180deg);}


.about_box2{ background: url(../image/about_box2_bg.jpg) no-repeat; background-position: top left; margin-bottom: 10px;}
.course_box{ min-height: 600px; position: relative; margin: 40px 0;}
.course_tit{ font-size: 26px; color: #068d16;line-height: 1.3; margin-bottom: 6px;}
.course_text{ color: #666; font-size: 16px; width: 190px; line-height: 1.6;}
.course_tv{ background: url(../image/course_a1.png) no-repeat; background-position: 0 5px; padding-left: 30px; min-height: 155px; position: absolute; padding-top: 10px; min-width: 240px;}
.course_a2,.course_a4,.course_a6,.course_a8{ background: url(../image/course_a2.png) no-repeat; background-position: 0 10px; padding-left: 20px; min-height: 155px; position: absolute; min-width: 240px;}
.course_a2 .course_t_box,.course_a4 .course_t_box,.course_a6 .course_t_box,.course_a8 .course_t_box{ position: absolute; bottom: 0;}
.course_a1{left: 83px; top: 255px;}
.course_a2{left: 250px; top: 410px;}
.course_a3{left: 365px; top: 190px;}
.course_a4{left: 510px; top: 290px;}
.course_a5{left: 615px; top: 50px;}
.course_a6{left: 780px; top: 200px;}
.course_a7{left: 945px; top: 10px;}
.course_a8{left: 1140px; top: 150px;}
.course_a6,.course_a8{ background: url(../image/course_a3.png) no-repeat; min-height: 185px;}
.course_a6 .course_text{ width: 220px;}


.about_box3{ background: url(../image/about_box3_bg.jpg) no-repeat; background-position: bottom center; overflow: hidden; padding-top: 30px; padding-bottom: 60px;}
.honor_img img{ display: block; margin: 0 auto;}
.honor_ts{ text-align: center; font-size: 18px; color: #333; padding: 10px 0; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis;}
.about_box3 .swiper-container-vertical > .swiper-pagination-bullets{ right:auto; left: 20px;}
.about_box3 .swiper-slide{ background-size: cover; background-position:  center;}
.about_box3 .swiper-pagination-bullet{ background: #fff; border: 1px solid #999;width: 15px; height: 15px; opacity:1; position: relative;}
.about_box3 .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{margin:15px 0}
.about_box3 .swiper-pagination-bullet-active:before{content: ''; display: block; width: 15px; height: 15px; position: absolute;  border: 1px solid #009236; background: #009236; border-radius: 15px;}
.about_box3 .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto; padding-bottom: 40px;}



.production_box{ width: 100%; height: 820px; overflow: hidden;}
.production_box ul{
  position: relative;
  width: 100%;
  height: 100%;
}
.production_box ul li{
  position:absolute;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  /*display: table;  */
  color: #fff;
  font-size: 1.5em;
  overflow: hidden; padding-top: 0!important;
}
.production_box ul li.product1{padding-right: 5px; padding-left: 0px; padding-bottom: 0px;}
.production_box ul li.product3{padding-right: 0px; padding-left: 5px;}
.production_box ul li.product4{padding-left: 5px;padding-bottom: 0px;}
.production_box ul li.product6{padding-right:0px}
.production_box ul li .productsx{ height: 100%; overflow: hidden;}
.production_box ul li p{
  position:absolute;
  display: block;
  top: 50%; font-size: 30px;
  left: 50%;
  line-height: initial !important;
  opacity: 0;
transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
  -webkit-transition:all .4s ;
  -moz-transition:all .4s ;
  -o-transition:all .4s;
  -ms-transition:all .4s ;
  transition:all .4s;
}
.production_box ul li p em{
  display: block;
  text-align: center;
  height: auto ;
  word-wrap:break-word; white-space:normal; word-break:break-all;
}

.production_box .product1{
  left: 0;
  width: 25.1%;
  height: 100%;
}
.production_box .product1 .productsx{
  background:rgba(0,0,0,1);
}
.production_box .product1 img,.production_box .product2 img,.production_box .product3 img,.production_box .product4 img,.production_box .product5 img,.production_box .product6 img{
  display: block;
  height: 100%;
  margin: 0 auto;
  min-width: 100%; max-width:inherit;
  -webkit-transition:all .4s  ;
  -moz-transition:all .4s  ;
  -o-transition:all .4s  ;
  -ms-transition:all .4s  ;
  transition:all .4s  ;
  opacity:1;
}

.production_box .product1:hover img,.production_box .product2:hover img,.production_box .product3:hover img,.production_box .product4:hover img,.production_box .product5:hover img,.production_box .product6:hover img{
  display: block;
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1);
  opacity:0.5
}

.production_box li:hover p{
  display: block;
  opacity:1
}
.production_box .product2{
  width: 16.67%;
  height: 57%;
  left: 25.1%;
}
.production_box .product2 .productsx{
  background:rgba(0,0,0,1);
}
.production_box .product3{
  width: 58.23%;
  height: 43%;
  left: 41.77%;
}
.production_box .product3 .productsx{
  background:rgba(0,0,0,1);
}
.production_box .product4{
  width: 33.28%;
  height: 43%;
  top: 57%;
  left: 25.1%;
}
.production_box .product4 .productsx{
  background:rgba(0,0,0,1);
}
.production_box .product5{
  width: 25.1%;
  height: 65%;
  top: 43%;
  left: 58.38%;
}
.production_box .product5 .productsx{
  background:rgba(0,0,0,1);
}
.production_box .product6{
  width: 16.77%;
  height: 65%;
  top: 43%;
  left: 83.48%;
}
.production_box .product6 .productsx{
  background:rgba(0,0,0,1);
}
.product7 {
    width: 16.62%;
    height: 14%;
    top: 43%;
    left: 41.77%;
}
.product7 .productsx {
    background: #004a77;
    background: #004a77 url(/Public/Front/base/style/images/page4-bg.png) 50% no-repeat;
}


.news_box .swiper-pagination{ text-align: right; padding: 0 30px;}
.news_box{ background: url(../image/about_box2_bg.jpg) no-repeat; padding-top: 10px;}


.news_swiper{ background: #f4f4f4; margin-bottom: 40px; margin-top: 30px;}
.news_swiper .swiper-container-horizontal > .swiper-pagination-bullets{ width: 120px; right: 0; left: auto; z-index: 9;}
.news_swiper .swiper-pagination-bullet{ background: #dcdcdc; width: 12px; height: 12px; opacity:1; position: relative; border-radius: 0; cursor: pointer;}
.news_swiper .swiper-pagination-bullet-active{ background: #a0a0a0;}
.na_t_box{ padding: 30px 20px;}
.na_tit{ font-size: 22px; color: #333; line-height: 1.8; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.na_tit:hover{ color: #009236;}
.na_ts{ font-size: 16px; color: #999; border-bottom: 1px solid #e5e5e5; padding: 10px 0;}
.na_tv{ font-size: 16px; color: #999; margin-top: 10px; margin-bottom: 10px; max-height: 120px; overflow: hidden; line-height: 30px;}
.news_list .col-lg-4{ margin-bottom: 30px;}
.n_t_box{ background: #f4f4f4; padding: 15px;}
.n_t1{ font-size: 20px; color: #333;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.n_t2{ font-size: 16px; color: #999;}
.news_li:hover .n_t1{ color: #009236;}
.news_li:hover .hover_enlarge img{ transform: scale(1.2);}

/*展开全文*/  
.unfold-field{  
display:none;  
position:absolute;  
font-size: 0;  
bottom:0;  
width:100%;  
height:124px;  
z-index: 3;  
}  
.unfold-field .unflod-field_mask {  
height: 78px;  
width: 100%;  
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(#fff));  
background-image: linear-gradient(-180deg,hsla(0,0%,100%,0),#fff);  
}  
.unfold-field_text{  
cursor: pointer;  
width:100%;  
color: #406599;;  
height:46px;  
font-size: 0px;  
line-height: 46px;  
text-align: center;  
background:#fff;  
}  
.unfold-field_text span{  
display:inline-block;  
font-size: 16px;  
height:46px;  
line-height: 46px;  
}  
.unfold-field_text span::after{  
content:"";  
vertical-align: middle;  
background:url(http://c1.adline.com.cn/static/img/bottom.png);  
background-size: contain;  
background-repeat: no-repeat;  
width: 9px;  
height: 6px;  
display: inline-block;  
margin-left: 5px;  
} 



.pager_box {clear: both;text-align: center; padding-top: 30px; margin-bottom: 50px; font-size: 14px;}
.pager_box li{position: relative; z-index: 1; text-align: center;display: inline-block !important; color: #333; margin: 0 3px;}
.pager_box li a,.pager_box li span{ color: #666; display: block; height: 42px; min-width: 44px; line-height: 42px; padding: 0 15px;}
.pager_box li a:hover,.pager_box li.first span{ color: #fff; background: #d2d2d2;}
.pager_box li.next_page a{ border: 1px solid #d2d2d2; background: #fff;}
.pager_box li.next_page:hover a{ background: #d2d2d2;}

.news_d_box{ padding-top: 30px; padding-bottom: 50px;}
.news_d_tit{ font-size: 22px; color: #333; margin-bottom: 10px; line-height: 36px; text-align: center;}
.news_d_date{ margin-bottom: 30px; color: #999; padding-bottom: 15px; font-size: 16px; text-align: center;}
.news_d_p{ margin-bottom: 30px; color: #666; font-size: 16px;}
.news_d_btn{ width: 160px; line-height: 44px; display: block; margin: 20px auto; border: 1px solid #009236; border-radius: 3px; text-align: center; color: #009236; font-size: 16px; padding-left: 10px; background: url(../image/arrow_2.png) no-repeat; padding-right: 40px; background-position: 100px center;}
.news_d_btn a{ color: #009236;}
.news_d_box .poster-txt{position: relative;overflow: hidden;transition: height 0.24s;}
.news_d_box .poster-txt.xg:after{content: "";position: absolute;bottom: 0;display: block;width: 100%;height: 4rem;background: -moz-linear-gradient(to bottom, rgba(255,255,255,0), #fff);background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), #fff);background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);}
.news_d_btn.current-menu{ padding-right: 30px; background: url(../image/arrow_3.png) no-repeat; background-position: 90px center;}

.service_box{ background: url(../image/about_box2_bg.jpg) no-repeat; background-position: top left; padding-top: 40px; padding-bottom: 80px;}
.service_tit{ font-size: 22px; color: #333; margin-bottom: 20px;}
.message_box{ padding-right: 80px;}
.input_1{ width: 100%; height: 52px; border: 1px solid #bfbfbf; box-sizing: border-box; padding: 0 20px; color: #333; font-size: 16px; margin-bottom: 25px;}
.textarea_1{ width: 100%; height: 180px; border: 1px solid #bfbfbf; box-sizing: border-box; padding:10px 20px; color: #333; font-size: 16px; margin-bottom: 25px;}
.message_btn{ border: 1px solid #bfbfbf; background: #fff; color: #999; text-align: center; line-height: 52px; width: 180px; display: block; font-size: 18px;}
.message_btn:hover{ background: #009236; color: #fff;}

.contact_box{ position: relative;}
.contact_con{ position: absolute; left: 20px; top: 20px; z-index: 2; width: 300px; height: 380px; background: #fff; padding: 25px; font-size: 18px;}
.contact_con p{  margin-bottom: 18px;}
.contact_code{ display: block; text-align: center; font-size: 16px;}
.contact_code img{ width: 100px; border: 1px solid #bfbfbf; margin-bottom: 5px;}


.image_box1{ background: url(../image/about_box2_bg.jpg) no-repeat; background-position: top left; padding-top: 30px;}

.video_yxOne{position: relative;width: 100%;}
.video_yxOne .xyOne_right{position: relative;width: 100%;height: 100%;top: 0px;right: 0px;padding:20px 50px; border: 1px solid #e5e5e5; background: #fff; margin-bottom: 30px;}
.video_yxOne .xyOne_right .vjs-poster{background-size: cover;}
.video_yxOne .xyOne_right .video-js .vjs-big-play-button{top: 50%;left: 50%;transform: translate(-50%,-50%);width: 105px;height: 105px;background-repeat: no-repeat;border:none;
	background-image: url('../image/video_icon.png');background-color: rgba(0,0,0,0);border-radius: 50%;}
.video_yxOne .xyOne_right .video-js .vjs-control-bar{background-color: rgba(0,0,0,0.7);height: 53px;}
.video_yxOne .xyOne_right .vjs-button>.vjs-icon-placeholder:before{line-height: 53px;font-size: 30px;}
.video_yxOne .xyOne_right .video-js .vjs-time-control{line-height: 53px;}
.video_yxOne .xyOne_right .video-js .vjs-volume-bar {margin: 2.15em .45em;}
.video_yxOne .xyOne_right .video-js .vjs-play-progress{background-color: #ffab4b;}
.image_box1 .my-video-dimensions{ width: 100%!important;}
.vjs-big-play-button .vjs-icon-placeholder{ display: none;}

.video_tit_box{ display: flex; justify-content: space-between; align-items: center; padding-top: 15px;}
.video_tit{ font-size: 22px; color: #333;}
.video_tit_r{ font-size: 18px; color: #666; display: flex; align-items: center;}

.image_box2{ background: url(../image/about_box2_bg.jpg) no-repeat; background-position: top left;}
.video_list{ padding-top: 40px; padding-bottom: 30px;}
.video_li{ margin-bottom: 20px; margin-top: 10px; display: block; border: 1px solid #e5e5e5; background: #fff; padding: 30px;}
.video_box_img{ position: relative; text-align: center;}
.video_box_img .video_icon{ position: absolute; width: 100px; height: 100px; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px;}
.video_box_img:before{content: ''; display: block; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color:rgba(0,0,0,0.08);}
.video_li .video_tit{ font-size: 18px;}
.video_li .video_tit_r{ font-size: 14px;}
.video_li .video_tit_r img{ width: 30px;}

.pop_bg{ background: rgba(0,0,0,0.3); position: fixed; width: 100%;height: 100%; left: 0; top: 0; z-index: 999; display: flex; justify-content: center; align-items: center;}
.pop_video{ background: #fff; position: relative; width: 1200px; }
.pop_close{ position: absolute; right: -60px; top: -30px; opacity: 0.9;}
.pop_close:hover{ opacity: 1;}
.pop_video .video_yxOne .xyOne_right{ border: none; margin: 0; padding:40px;}

.image_box3{ background: url(../image/about_box2_bg.jpg) no-repeat; background-position: top left; padding-top: 30px;}
.staff_style{ margin: 50px 0;}
.staff_style .swiper-wrapper{ padding-bottom: 30px;}
.staff_style .swiper-pagination{ bottom: 0px;}
.staff_style .swiper-pagination-bullet{ background: #fff; border: 1px solid #e5e5e5; width: 14px; height: 14px; opacity:1;}
.staff_style .swiper-pagination-bullet-active{ background: #009236; border: 1px solid #009236;}
.staff_style .swiper-slide{ padding: 30px 0;}

.staff_li{ position: relative;transform: skewY(-5deg); overflow: hidden; max-height: 620px;}
.staff_li .staff_img{transform: skewY(5deg); margin-top: -35px;}
.staff_li .staff_hover{transform: skewY(5deg); display: none; position: absolute; bottom: 40px; color: #fff; z-index: 9; right: 10%; text-align: right;}
.staff_li:hover .staff_hover{ display: block;}
.staff_li:hover:before{content: ''; display: block; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color:rgba(0,0,0,0.3); z-index: 2}
.staff_t1{ font-size: 28px;}
.staff_t2{ font-size: 20px; margin-bottom: 30px;}
.staff_t3{ font-size: 16px;}

.staff_style .swiper-slide:nth-child(2n) .staff_li{transform: skewY(5deg);}
.staff_style .swiper-slide:nth-child(2n) .staff_img{transform: skewY(-5deg);}
.staff_style .swiper-slide:nth-child(2n) .staff_hover{transform: skewY(-5deg);} 

.recruit_box{ background: url(../image/about_box2_bg.jpg) no-repeat; background-position: top left; padding-top: 30px;}
.recruit_list{ padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;}
.recruit_li{ border: 1px solid #dcdcdc; padding: 25px;}
.recruit_tit{display: flex; justify-content: space-between; align-items: center; color: #999; font-size: 18px; padding-bottom: 20px;}
.recruit_tit span{ font-size: 24px; color: #009040;}
.recruit_con{ line-height: 2;color: #666; font-size: 16px;}
.recruit_btn_box{ display: flex; justify-content: space-between; align-items: center; color: #999; font-size: 18px;}
.recruit_btn{  border: 1px solid #009236; color: #009236; line-height: 52px; width: 180px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 18px;}
.recruit_btn i{ width: 40px; height: 40px; background: url(../image/recruit_icon.png) no-repeat; background-position: 0 -40px; display: inline-block; margin-right: 10px;}
.recruit_btn:hover{color: #b5b5b5; border: 1px solid #b5b5b5;}
.recruit_btn:hover i{ background-position: 0 0px;}

.recruit_icon{ background: url(../image/faq_b.png) no-repeat; height: 40px; width: 40px; display: block; position: relative; margin: 0 auto;}
.collapsed{ color: #999!important;}
.collapsed .recruit_icon{ background-image: url(../image/faq_a.png)!important;}

.recruit_li_a{/* border-top: 3px solid #009040;*/ color: #333; font-size: 22px; border-bottom: 1px solid #e5e5e5; padding: 15px 0;}
.rec_a1{ float: left; width: 40%; border-right: 1px solid #e6e6e6; box-sizing: border-box; padding-left: 50px;}
.rec_a2{ float: left; width: 20%; text-align: center; border-right: 1px solid #e6e6e6;}
.rec_a3{ float: left; width: 30%; text-align: center; border-right: 1px solid #e6e6e6;}
.rec_a4{ float: left; width: 10%; text-align: center;}

.recruit_li_b{ font-size: 18px; color: #666;}
.rec_b1{ float: left; width: 40%; box-sizing: border-box; padding-left: 50px;}
.rec_b2{ float: left; width: 20%; text-align: center;}
.rec_b3{ float: left; width: 30%; text-align: center;}
.rec_b4{ float: left; width: 10%; text-align: center;}

.recruit_li_c{ background: #f7f9fa; box-sizing: border-box; padding: 30px 50px; margin-top: 20px;}
.rec_c1{ float: left; width: 80%;}
.rec_c2{ float: left; width: 20%;}
.rec_c2 .recruit_btn{ float: right; margin-top: 10px;}

.recruit_details{ max-width: 720px; margin: 50px auto;}
.apply_tr{ position: relative; padding-left: 100px; display: block; line-height: 42px; margin-bottom: 20px;}
.apply_tl{ position: absolute; left: 0; width: 100px; font-size: 16px; color: #666;}
.input_a{ width: 100%; height: 42px; border: none; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; padding:0 5px;}
.textarea_a{ width: 100%; height: 100px; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 5px; margin-top: 10px;}
.tr_radio_box{ width: 460px; display: block; text-align: left; margin-bottom: 10px;}
.tr_radio_box label{ margin-right: 12px; width: 120px;font-weight:normal;}
.apply_btn_box{ display: flex; align-items: center; justify-content: center;}
.apply_btn1{ color: #b5b5b5; line-height: 52px; width: 180px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #b5b5b5; font-size: 18px; margin: 20px;}
.apply_btn2{ color: #009236; line-height: 52px; width: 180px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #009236; font-size: 18px; margin: 20px;}

.product_banner img{ margin: 0 auto; display: block;}
.p_con_box{ padding-top: 40px; padding-bottom: 40px; background: url(../image/about_box2_bg.jpg) no-repeat; background-position: top left;}
.p_class{ width:20%}
.p_d_box{ width:80%}

.pn-list{width: 100%;overflow: auto;transition: left .5s;}
.pn-list.on{left: 0}
.pn-list ul{width: 100%}
.pn-list li{width: 100}
.pn-list li .pn-tit-one{display: block;width: 100%;height: 66px;line-height: 66px;color: #010101;font-size: 18px;padding: 0 2% 0 36px;background: url(../image/pro15.png) no-repeat 12px center;transition: background .3s; border-bottom: 1px solid #e6e6e6; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pn-list li .pn-tit-one:hover{color: #007cc3}
.pn-list li .pn-con-one{display: none}
.pn-list li .pn-tit-one.cut{background: url(../image/pro15_h1.png) no-repeat 12px center;color: #007cc3}
.pn-list li .pn-tit-two.cur, .pn-list li .pn-tit-three.cut, .pn-list li .pn-tit-four.cur, .pn-list li .pn-tit-five.cur{ color: #007cc3;}
.pn-list li .pn-con-two{display: none;}
.pn-list li .pn-tit-two{width: 100%;height: 66px;line-height: 66px;overflow: hidden;display: block;color: #333;padding: 0 2% 0 30px;border-bottom: 1px solid #e6e6e6;transition: color .3s; background:  url(../image/pro15.png) no-repeat 10px center; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;}
.pn-list li .pn-tit-two:hover{ color: #007cc3;}
.pn-list li .pn-tit-two.cur{background:  url(../image/pro15_h1.png) no-repeat 10px center;}
.pn-list li .pn-con-two{width: 100%;display: none;border-bottom: 1px solid #e6e6e6;}
.pn-list li .pn-tit-three{ padding-left: 40px; display: block;width: 100%;color: #666;line-height: 50px;height: 50px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;}
.pn-list li .pn-tit-three:hover{ color:#007cc3;}
.pn-list li .pn-con-three{width: 100%;padding: 8px 0;display: none;}
.pn-list li .pn-tit-four{display: block;width: 100%;color: #666;background-size: 4px !important;line-height: 30px;height: 30px;overflow: hidden;}
.pn-list li .pn-con-four{width: 100%;display: none;padding: 0}
.pn-list li .pn-tit-five{display: block;width: 100%;color: #666;background-size: 4px !important;line-height: 25px;height: 30px;overflow: hidden;}
.pn-con-one{ margin-left: 20px;}

.pro_a{color: #007cc3!important;}
.pn-list li .pro_a{background: url(../image/pro_a1.png) no-repeat 12px center;}


.pro_b{color: #1e9f56!important;}
.pn-list li .pro_b{background: url(../image/pro_b1.png) no-repeat 12px center;}
.pn-list .f-cb>li:nth-child(2) .pn-tit-two.cur, .pn-list .f-cb>li:nth-child(2) .pn-tit-three.cut, .pn-list .f-cb>li:nth-child(2) .pn-tit-four.cur, .pn-list .f-cb>li:nth-child(2) .pn-tit-five.cur{color: #1e9f56!important;}
.pn-list .f-cb>li:nth-child(2) .pn-tit-two:hover{color: #1e9f56!important;}
.pn-list .f-cb>li:nth-child(2) .pn-tit-three:hover{color: #1e9f56!important;}
.pn-list .f-cb>li:nth-child(2) .pn-tit-one.cut{background: url(../image/pro15_h2.png) no-repeat 12px center;color: #007cc3}
.pn-list .f-cb>li:nth-child(2) .pn-tit-two.cur{background:  url(../image/pro15_h2.png) no-repeat 10px center;}

.pro_c{color: #c3a56b!important;}
.pn-list li .pro_c{background: url(../image/pro_c1.png) no-repeat 12px center;}
.pn-list .f-cb>li:nth-child(3) .pn-tit-two.cur, .pn-list .f-cb>li:nth-child(2) .pn-tit-three.cut, .pn-list .f-cb>li:nth-child(2) .pn-tit-four.cur, .pn-list .f-cb>li:nth-child(2) .pn-tit-five.cur{color: #c3a56b!important;}
.pn-list .f-cb>li:nth-child(3) .pn-tit-two:hover{color: #c3a56b!important;}
.pn-list .f-cb>li:nth-child(3) .pn-tit-three:hover{color: #c3a56b!important;}
.pn-list .f-cb>li:nth-child(3) .pn-tit-one.cut{background: url(../image/pro15_h3.png) no-repeat 12px center;color: #007cc3}
.pn-list .f-cb>li:nth-child(3) .pn-tit-two.cur{background:  url(../image/pro15_h3.png) no-repeat 10px center;}

.p_box{ border: 1px solid #eeeeee; background: #fff; text-align: center; position: relative; margin-bottom: 30px; display: block;}
.p_box .p_more{ position: absolute; right: 20px; top: 20px; font-size: 16px; color: #999; display: none;}
.p_tit{ padding: 10px; font-size: 18px; display: block; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #333;}
.p_lists_a .p_box:hover{ border: 1px solid #007cc3;}
.p_lists_b .p_box:hover{ border: 1px solid #007cc3;}
.p_lists_d .p_box:hover{ border: 1px solid #007cc3;}

.pop_p_box{ width: 900px; background: #fff; position: relative; font-size: 18px; max-height: 90%; height: 90%;}
.pop_p_s{ position: absolute; overflow-y: scroll; left: 0; width: 100%; height: 100%; top: 0;  padding: 50px 80px; }
.pop_p_tit{ font-size: 28px; color: #333;}
.pop_p_ts{ font-size: 18px; color: #999;}
.pop_p_con{ padding-bottom: 30px;}
.pop_p_box .p_img{ width: 360px;}
.pop_p_box table{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;position: relative;width: 100%;box-sizing: border-box; text-align: center; margin-bottom: 20px;} 
.pop_p_box table td{border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;font-size: 18px;line-height: 30px;color: #333;padding: 5px 10px;box-sizing: border-box;} 
.pop_p_box table tr:nth-child(1){background-color: #f6f6f6;font-size: 20px;color: #333;line-height: 30px;text-align: center;}
.pop_p_box ul li{ padding-left: 20px; position: relative;}
.pop_p_box ul li:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; left: 0; top: 12px; background-color:#009236;}


/*图片放大*/
.hover_enlarge{ overflow: hidden; display: block;}
.hover_enlarge img{width: 100%; transition: all 1s ease-out 0s; display: block;}
.hover_enlarge:hover img{ transform: scale(1.2);}

#my-video{ max-width: 100%; max-height: 600px;}


@media screen and (max-width : 1680px) {
	.production_box .swiper-container {height: 700px;}
}
@media screen and (max-width : 1440px) {
	.production_box .swiper-container {height: 615px;}
}

@media screen and (max-width : 1420px) {
	body{ min-width: 1200px;}
	.top_box{ width: 1200px;}
	/*.logo{ max-width: 320px; margin-top: 25px;}*/
	.m_wrap{ width: 1200px;}
	.diamonds .diamond{ width: 280px; height: 280px;}
	.staff_li{ max-height: 520px;}
	
	.ha_box_bg::before{left:45%;margin-left: 580px;}
	
	.course_bg img{ margin-top: 60px;}
	.course_a1{left: 53px; top: 255px;}
.course_a2{left: 200px; top: 410px;}
.course_a3{left: 285px; top: 200px;}
.course_a4{left: 430px; top: 320px;}
.course_a5{left: 515px; top: 80px;}
.course_a6{left: 660px; top: 240px;}
.course_a7{left: 800px; top: 50px;}
.course_a8{left: 970px; top: 186px;}
	
	.circle_v3{ text-align: right; position: absolute; right: 0px; top: 255px; width: 480px; z-index: 9;}
.circle_v2{  position: absolute; left: 0px; top: 500px; width: 420px; z-index: 9;}
.circle_v1{  position: absolute; left: 60px; top: 70px; width: 520px; z-index: 9;}
}
@media screen and (min-width : 992px) {
.image_box1 .my-video-dimensions{ min-height: 600px!important;}
	#my-video{ max-height: 600px;}
}
@media screen and (max-height : 760px) {
	.hp_more{margin-top: -40px;}
	#my-video{ max-height:460px;}
}
@media screen and (max-height : 600px) {
	#my-video{ max-height:360px;}
}
@media screen and (max-height : 800px) {
	.hp_more{margin-top: -20px;}
}
@media screen and (max-height : 840px) {
	.hp_more{margin-top: 0px;}
}
@media screen and (min-height : 900px) {
	
}
@media screen and (min-height : 1000px) {
	
}
@media screen and (min-height : 1100px) {
	.hp_box{ padding-top:25vh;}
}
/*手机 响应式*/
.apply-pup{ display:none;}

@media screen and (max-width : 991px) {
	.apply-pup{ position:absolute; z-index:99; right:15px; margin:15px 0px 0 0; background:url(../image/navbg.png) left top no-repeat; width:30px; height:30px; display:block;}
	.fp-tableCell{ position: relative;}
	body{ min-width:100%;}
	.ce{ height: 60px;}
	.m_wrap{ width:100%;}
	.top_box{ width: 100%;}
	.top_r_box{ display: none;}
	.logo{ margin-left: 15px; width:210px;margin-top:10px;}
	.logo img{ height: 40px;}
	
	.h_box{ min-height: 100vh; position: relative; height: auto; width: 100%;}
	.mm-page{ min-height: 100vh;}
	#dowebok{ position: relative!important; top: 0; bottom: 0; width: 100%; height: auto; left: 0;}
	
	#fp-nav{ display: none;}
	.float_r{ right: 10px; top: auto; bottom: 80px;}
	.float_r li{ display: none;}
	.float_r li:nth-child(6){ display: block;}
	.float_r li:nth-child(7){ display: block;}
	.ha_t1{ top: 160px; right: 0;}
	.ha_t1 img{ width: 190px;}
	.ha_t2 img{ width: 320px;}
	.ha_t3{ top: 400px; right: 100px;}
	.ha_t3 img{ width: 270px;}
	
	.page2{overflow: auto; height: 820px !important;}
	.hp_box{ padding-top: 30px; height: 620px !important; overflow: hidden; padding-bottom: 40px;}
	
	.diamonds .diamond{transform: rotate(0deg);}
    .hp_tit{transform: rotate(0deg);margin-left:0;bottom: 0;font-size: 14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.diamonds .content{transform: rotate(0deg); display: block;}
	.diamonds .diamond{ width: 250px; height: 250px;}
	.diamonds > li{ margin-top: 20px; margin-right:0;}
	.diamonds .content img{margin-top: 0px; width: 250px; height: 250px;}
	.hp_more{ position: relative;}
	
	.hf_news_l{ padding-left: 30px; width: 88%; margin-left: 3%;}
	.hf_news_r{ bottom: 0;}
	
	.hn_box{ padding: 15px;}
	.h_news{ margin-bottom: 20px;}
	.hn_more{ margin: 0px auto 20px;}
	
	.ha_con{ width: 90%; margin-right: 5%; padding-top:25vh;}
	.ha_box::before{ left: -80%;}
	.hv_t1{font-size:28px;}
	.hv_t2{font-size:18px;}
	.hv_t3{font-size:14px;}
	.ha_box_bg,.slide__text{opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);}
	
	
	.footer_a{ padding-top: 20px; padding-bottom: 20px;min-height:280px;}
	.foot_nav{ display: none;}
	
	.foot_contact{ padding-left: 15px; padding-right: 15px;}
	.foot_code{ float: none; text-align: center; margin: 20px auto 0;}
	.footer_b{ padding-left: 15px; padding-right: 15px;}
	.footer_b .fl{ float: none; text-align: center;}
	.footer_b .fr{ float: none; text-align: center;}
	
	.con_pt{ padding-top: 60px;}
	.detail_nav{ line-height: 42px; padding: 10px; min-height:42px;}
	.place{ display: none;}
	.breadLink{ width: 100%; float: none;}
	.breadLink li{ width: 33.33%;min-width:inherit;}
	.breadLink li a{ font-size: 14px;}
	.breadLink li.on a{ font-size: 18px;}
	
	.about_box1{ min-height: 580px;}
	.about_box2{ padding-left: 10px; padding-right: 10px;}
	.about_box3{ padding-left: 10px; padding-right: 10px;}
	
	.production_box .swiper-container {height: 420px;}
	
	.row {margin-right: -10px;margin-left: -10px;}
	.news_box{ padding-left: 10px; padding-right: 10px}
	.col-xs-6{ padding-left: 10px; padding-right: 10px}
	
	.n_t1{ font-size: 16px;}
	
	.message_box{ padding-right: 0;}
	.image_box1{ padding-left: 10px; padding-right: 10px;}
	
	.video_yxOne{max-width: 100%;}
	.video_yxOne .xyOne_right{ padding: 20px;}
	.image_box1 .my-video-dimensions{ max-height: 360px; overflow: hidden;}
	
	.pop_close{ right: 0; top: -50px;}
	.staff_style{ padding-left: 10px; padding-right: 10px;}
	.staff_li{ max-height: 520px;}
	.staff_li .staff_img{ width: 100%;}
	
	.recruit_li{ margin-bottom: 20px;}
	.recruit_tit{ font-size: 14px; flex-direction: column;}
	.recruit_tit span{ font-size: 18px;}
	.recruit_con{ font-size: 14px;}
	.recruit_btn_box{ font-size: 16px; flex-direction: column;}
	.recruit_details{ padding-left: 10px; padding-right: 10px;}
	
	.pop_p_box{ height: 80%;}
	.pop_p_s{ padding: 15px;}
	
	.p_class{ width: 100%; margin-bottom: 10px;}
	.p_d_box{ width: 100%;}
	.p_more{ display: none;}
	.production_box{ height: auto;}
	.production_box ul{ background: #ffffff!important;}
	.production_box ul li{ position: relative!important;}
	.production_box .product1,.production_box .product2,.production_box .product3,.production_box .product4,.production_box .product5,.production_box .product6{ width: 100%; height: 300px; left:0; padding:0!important;}
	.product2 img{ height: auto!important;}
	
	.honor_ts{ font-size: 14px;}
	
	.course_bg{ display: none;}
	.course_tv{ background:transparent!important; position: relative!important; padding-top:0!important; padding-bottom: 0!important;padding-left:30px!important; padding-right: 30px!important; min-height:60px!important; margin-bottom: 30px;}
	.course_text{ width: auto!important;}
	.course_a1{left: 0; top: 0;}
	.course_a2{left: 0; top: 0;}
	.course_a3{left: 0; top: 0;}
	.course_a4{left: 0; top: 0;}
	.course_a5{left: 0; top: 0;}
	.course_a6{left: 0; top: 0;}
	.course_a7{left: 0; top: 0;}
	.course_a8{left: 0; top: 0;}
	.course_a2 .course_t_box, .course_a4 .course_t_box, .course_a6 .course_t_box, .course_a8 .course_t_box{ position: relative;}
	
	.ha_box_bg::before{left:40%;margin-left: 180px;}

	.circle_v3{ text-align: left; position: relative; left: 0; right: 0; top: 0; width: auto; z-index: 9; padding: 15px;}
	.culture_x3{ display: none;}
	.circle_v3_tit{ font-size: 26px; color: #009236; background: url(../image/culture_v3.png) no-repeat; background-position: left center; padding-left: 50px; line-height: 40px;}
	.circle_v3_t{font-size: 20px; color: #333; max-width: 350px; margin-top: 10px; text-align: left; float: none; margin-right: 0;}
	.circle_v2{  position: relative; left: 0; right: 0; top: 0; width: auto; z-index: 9; padding: 15px;}
	.culture_x2{ display: none;}
	.circle_v2_tit{ font-size: 26px; color: #009236; background: url(../image/culture_v2.png) no-repeat; background-position: left center; padding-left: 50px; line-height: 40px;}
	.circle_v2_t{font-size: 20px; color: #333; margin-top: 20px; margin-left:5px;}
	.circle_v1{  position: relative; left: 0; right: 0; top: 0; width: auto; z-index: 9; padding: 15px;}
	.culture_x1{ display: none;}
	.circle_v1_tit{ font-size: 26px; color: #009236; background: url(../image/culture_v1.png) no-repeat; background-position: left center; padding-left: 50px; line-height: 40px;}
	.circle_v1_t{font-size: 20px; color: #333; margin-top: 20px; margin-left: 5px;}
	.circle_con{ position: relative; height: auto; padding: 30px 0;}
	.circle_bg{ display: none;}
	.circle_con .hide{ display: block !important;}
	.circle_tt,.circle_tt1,.circle_tt2,.circle_tt3{ display: none;}
	
	.recruit_li_a,.recruit_li_b{ font-size: 16px;}
	.rec_a1,.rec_b1{ padding-left: 15px;}
	.rec_c1{ float: none; width: 100%;}
    .rec_c2{ float: none; width: 100%;}
	
	.h_n_t{ padding: 10px;}
	.h_nt1{ font-size: 15px;}
	.h_nt1{ font-size: 13px;}
	.h_nt3{ font-size: 12px;}
	
}
@media screen and (max-width : 750px) {
	.page1{ height: 440px!important;margin-top: 60px;}
}	
@media screen and (max-width : 640px) {
	.page1{ height: 375px!important;}
	.hf_news{ height: 48px;}
	.hf_news_l{margin-top:13px;}
	.page2{overflow: auto; height: 920px !important;}
	.hp_box{ height:720px !important;}
	.service_tit{ padding: 0 5px;}
	.message_box{ margin-bottom: 30px;}
	.contact_con{ padding: 0 5px!important; line-height: 1.6;}
	.contact_con p{ margin-bottom: 10px;}
	
	.production_box .swiper-container {height: 280px;}
	.staff_li{ max-height: 460px;}
	.contact_con{ position: relative; width: 100%; left: 0; top: 0;}
	#dituContent{ width: 100%;}
	
	.diamonds .diamond{ width: 200px; height: 200px;}
	.diamonds .content img{margin-top: 0px; width: 200px; height: 200px;}
	
	.rec_a1,.rec_b1{ width: 70%;}
	.rec_a2,.rec_b2,.rec_a3,.rec_b3{ display: none;}
	.rec_a4,.rec_b4{ width: 30%;}
	.recruit_li_c{ padding: 15px 20px;}
}


@media screen and (max-width : 480px) {
	.page1{ height: 280px!important;}
	.page2{overflow: auto; height: 1720px !important;}
	.hp_box{ height:1660px !important;}
	.image_box1 .my-video-dimensions{ max-height: 280px; overflow: hidden;}
	.diamonds .diamond{ width: 160px; height: 160px; margin-left: 10px; margin-right: 10px;}
	.diamonds .content img{margin-top: 0px; width: 160px; height: 160px;}
	.page2{overflow: auto; height: 760px !important;}
	.hp_box{ height:650px !important;}
	.about_box1{background-position-x: 80% !important;}
	.page4{background-position-x: 80% !important;}
}
@media screen and (max-width : 420px) {
	.page1{ height: 246px!important;}
}
@media screen and (max-width : 375px) {
	.page1{ height: 220px!important;}
}