/* CSS Document */
html{height:100%;}
/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#333; background:#F6F6F6; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#01401F; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@font-face
 {
  font-family:'BEBAS';
  src:url('../fonts/BEBAS.TTF');
  font-weight:normal;
  font-style:normal;
}
@font-face
 {
  font-family:'IMPACT';
  src:url('../fonts/IMPACT.ttf');
  font-weight:normal;
  font-style:normal;
}

@font-face
 {
  font-family:'hyqh70s';
  src:url('../fonts/HYQiHei-70S.otf');
  font-weight:normal;
  font-style:normal;
}

/*???*/
.fixedHeader{ width:100%; position:fixed; left:0; top:0; z-index:1000;}
.in_topbox{ width:100%; height:87px; background:#01401F; border-bottom:1px solid #12623D; z-index:1000; transition:all 0.3s ease-out;}
.in_top{ width:1400px; margin:0 auto; height:100%; position:relative;}
.in_top .lg{ float:left; height:100%; transition:all 0.3s ease-out;}
.in_top .lg img{ height:calc(100% - 18px); margin-top:9px; transition:all 0.3s ease-out;}
.in_top .box_1{ float:right; margin:33px 0 0 0; height:26px; overflow:hidden; position:relative; z-index:1200; transition:all 0.3s ease-out;}
.in_top .box_1 a{ display:block; float:right; font-size:12px; color:#b1e8d4; line-height:26px;}
.in_top .box_1 a:hover{ color:#FFF;}
.in_top .box_1 span{ display:block; float:right; width:1px; color:#285941; margin:0 11px; line-height:26px;}
.in_top .box_1 .a_1{ width:26px; height:26px; background:#D8C96C url(../images/index_04.png) center center no-repeat; border-radius:50%; position:relative;}
.in_top .box_1 .shbtn em{ display:none; position:absolute; left:6px; top:13px;}
.in_top .box_1 .shbtn em:after{ content:""; display:block; height:1px; width:15px; background:#01401F; position:absolute; top:0; left:0px; transform:rotate(45deg); transition:all 0.3s ease;}
.in_top .box_1 .shbtn em:before{ content:""; display:block; height:1px; width:15px; background:#01401F; position:absolute; bottom:-1px; left:0px; transform:rotate(-45deg); transition:all 0.3s ease;}
.in_top .box_1 .show_box{ background-position:40px 40px;}
.in_top .box_1 .show_box em{ display:block;}
.in_top .box_1 .a_2{ width:64px; height:26px; padding-left:32px; background:#D8C96C url(../images/index_03.png) 11px center no-repeat; border-radius:26px; color:#013d1f; margin:0 9px 0 15px;}
.in_top .box_1 .a_2:hover{ color:#013d1f;}
.in_top .menu{ width:880px; height:100%; position:absolute; left:53%; bottom:-1px; transform:translate(-50%,0); transition:all 0.3s ease-out;}
.in_top .menu li{ float:left; width:calc(12.5% - 20px); height:100%; margin-left:20px; position:relative;}
.in_top .menu li>a{ display:block; width:100%; height:100%; line-height:87px; color:#c1f8e4; text-align:center; transition:all 0.3s ease-out; position:relative; font-size:15px; z-index:1101;}
.in_top .menu li>a:after{ content:""; position:absolute; left:50%; bottom:0; width:0; height:1px; background:#D8C96C; transition:all 0.3s ease-out;}
.in_top .menu li>em{ display:block; width:88px; height:100%; background:url(../images/index_02.png) bottom center no-repeat; transform:translateY(-30px); position:absolute; bottom:0; left:0; z-index:1100; opacity:0; transition:all 0.4s ease-out;}
.in_top .menu li:hover>a{ color:#FFF;}
.in_top .menu li:hover>a:after{ left:37%; width:25%;}
.in_top .menu li:hover>em{ opacity:1; transform:translateY(0px);}
.in_top .menu li.cur>a{ color:#FFF;}
.in_top .menu li.cur>a:after{ left:37%; width:25%;}
.in_top .menu li.cur>em{ opacity:1; transform:translateY(0px);}
.in_top .menu li .nav{ position:absolute; top:100%; left:0px; line-height:32px; width:100px; padding:20px 0 15px 20px; background-color:#D8C96C; font-size:12px; z-index:1001; display:none;}
.in_top .menu li .nav a{ display:inline-block; color:#586B3B; transition:all 0.3s ease;}
.in_top .menu li .nav a:hover{ color:#01401F; transform:translateX(5px);}
.in_topbox form{ display:none;}
.top_jg{ clear:both; width:100%; height:88px; transition:all 0.3s ease-out;}
.top_jgfix{ height:70px;}
.in_topfix{ height:70px;}
.in_topfix .lg img{ height:calc(100% - 10px); margin-top:5px;}
.in_topfix .box_1{ margin-top:22px;}
.in_topfix .menu li>a{ font-size:14px; line-height:70px;}
.in_topshbox{ width:100%; padding:30px 0; background:#F4F4F4; border-top:1px solid #ddd; opacity:0; display:none;}
.in_topshbox div{ width:1000px; margin:0 auto; overflow:hidden;}
.in_topshbox div .txt{ float:left; width:calc(80% - 22px); padding:0 10px; height:38px; line-height:38px; border:1px solid #ccc; background:#FFF; outline:none;}
.in_topshbox div .txt:focus{ border-color:#01401F;}
.in_topshbox div .btn{ float:left; width:20%; height:40px; line-height:40px; font-size:16px; font-weight:bold; background:#01401F; color:#FFF; text-align:center; border:0; cursor:pointer;}
.in_banbox{ clear:both; width:100%; overflow:hidden; position:relative; z-index:100;}
.in_banbox .ban_box{ width:19200px; height:100%; overflow:hidden;}
.in_banbox .ban_box_1,.in_banbox .ban_box_2{ float:left;}
.in_banbox .ban_box li{ float:left; height:712px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; color:#FFF; position:relative;}
.in_banbox .ban_box .text{ width:calc(100% - 80px); padding-left:80px; margin:0 auto; position:absolute; top:240px; left:0; z-index:102;}
.in_banbox .ban_box .text .p_1{ font-size:50px; font-weight:bold;}
.in_banbox .ban_box .text .p_1 span{ display:inline-block;}
.in_banbox .ban_box .text .p_1 span:nth-child(1){ opacity:0; transform:translate(50px, 0);}
.in_banbox .ban_box .text .p_1 span:nth-child(2){ opacity:0; transform:translate(70px, 0);}
.in_banbox .ban_box .text .p_1 span:nth-child(3){ opacity:0; transform:translate(90px, 0);}
.in_banbox .ban_box .text .p_2{ font-size:20px; opacity:0.2; line-height:30px; margin-top:20px; opacity:0; transform:translate(0, 50px);}
.in_banbox .ban_box .text .p_3{ display:block; font-size:16px; margin-top:35px; width:165px; height:41px; line-height:41px; text-align:center; color:#FFF; border:1px solid #FFF; border-radius:41px; overflow:hidden; opacity:0; transform:translate(0, 50px); transition:all 0.4s ease-out;}
.in_banbox .ban_box .text .p_3:after{ content:""; display:block; width:0; height:41px; background-color:#FFF; margin-top:-41px; transition:all 0.3s ease;}
.in_banbox .ban_box .text .p_3:hover:after{ width:100%;}
.in_banbox .ban_box .text .p_3:hover{ color:#01401F;}
.in_banbox .ban_load_p_1{ 
	animation:ban_load_p_1_Rotate 0.8s ease forwards;
}
@keyframes ban_load_p_1_Rotate{
	100%{ opacity:1; transform:translate(0px, 0px);}
}
.in_banbox .ban_load_p_2{ 
	animation:ban_load_p_2_Rotate 0.8s ease forwards 0.4s;
}
@keyframes ban_load_p_2_Rotate{
	100%{ opacity:0.2; transform:translate(0px, 0px);}
}
.in_banbox .ban_load_p_3{ 
	animation:ban_load_p_3_Rotate 0.8s ease forwards 0.6s;
}
@keyframes ban_load_p_3_Rotate{
	100%{ opacity:1; transform:translate(0px, 0px);}
}
.in_banbox .ban_box .li_2 .text,.in_banbox .ban_box .li_3 .text{ top:calc(100% - 320px);}
.in_banbox .ban_box .li_2 .p_21{ float:right; margin-right:110px; background-color:rgba(1,64,31,0.88); font-size:26px; color:#FFF; display:inline-block; height:50px; line-height:50px; padding:0 17px 0 20px; opacity:0; transform:translate(-50px, 0);}
.in_banbox .ban_box .li_2 .p_22{ float:right; margin:3px 110px 0 0; clear:right; background-color:rgba(1,64,31,0.88); font-size:48px; color:#FFF; display:inline-block; height:80px; line-height:80px; padding:0 17px 0 30px; opacity:0; transform:translate(-50px, 0);}
.in_banbox .ban_box .li_2 .p_23{ float:right; margin-right:110px; clear:right; font-size:21px; color:#FFF; text-transform:uppercase; line-height:31px; opacity:0; transform:translate(-50px, 0);}
.in_banbox .ban_box .li_2 .p_24{ float:right; margin:30px 110px 0 0; clear:right; display:inline-block; width:165px; height:41px; line-height:41px; text-align:center; color:#01401F; background-color:#FFF; border-radius:41px; overflow:hidden; transform:translate(0, 50px); transition:all 0.4s ease-out; opacity:0; transform:translate(0, 50px);}
.in_banbox .ban_box .li_2 .p_24:after{ content:""; display:block; width:0; height:41px; background-color:#01401F; margin-top:-41px; transition:all 0.3s ease;}
.in_banbox .ban_box .li_2 .p_24:hover:after{ width:100%;}
.in_banbox .ban_box .li_2 .p_24:hover{ color:#FFF;}
.in_banbox .ban_box .li_3 .p_21{ background:none; font-size:37px; color:#01401F; height:45px; line-height:45px; padding:0;}
.in_banbox .ban_box .li_3 .p_22{ background:none; font-size:53px; color:#01401F; font-weight:bold; margin-top:3px; height:70px; line-height:70px; padding:0;}
.in_banbox .ban_box .li_3 .p_23{ color:#171717; line-height:28px;}
.in_banbox .ban_box .li_3 .p_24{ border:1px solid #01401F; background:none;}
.in_banbox .video{ position:relative; z-index:101;}
.in_banbox video{ width:100%; height:100%;}
.in_banbox .smbox{ position:absolute; left:50%; bottom:20px; display:none;}
.in_banbox .smbox ul{ overflow:hidden;}
.in_banbox .smbox li{ float:left; width:15px; height:15px; margin:0 4px; background:#FFF; cursor:pointer; border-radius:50%;}
.in_banbox .smbox li.cur{ background:#F6AB00;}
.in_banbox .btnbox{ position:absolute; bottom:10px; left:60px; z-index:102;}
.in_banbox .btn{ display:block; float:left; width:77px; height:51px; background:#01401F;}
.in_banbox .prev:after, .in_banbox .next:after{ content:""; display:block; width:10px; height:10px; margin:20px 0 0 20px; border-left:1px solid #61B69A; border-top:1px solid #61B69A; transform:rotate(-45deg);}
.in_banbox .next{ background-color:#D8C96C;}
.in_banbox .next:after{ margin:20px 0 0 48px; border-color:#817849; transform:rotate(135deg);}
.wap_banbox{ display:none;}
.mouse_box{ position:absolute; bottom:17px; left:50%; margin-left:-34px; z-index:200;}
.mouse_box p{ font-size:13px; line-height:15px; color:#FFF; opacity:0.5; text-align:center;}
.mouse_box div{ -webkit-animation:nudgeMouse 1.6s linear infinite; animation:nudgeMouse 1.6s linear infinite;}
.mouse_box span{ display:block; margin:12px auto 0 auto; width:23px; height:40px; background:url(../images/index_05_1.png) 0px 0px no-repeat; background-size:100% auto; position:relative; cursor:pointer;}
.mouse_box span:before,.mouse_box span:after{ content:""; position:absolute;}
.mouse_box span:before{ top:0; left:0; width:23px; height:40px; background:url(../images/index_05.png) 0px 0px no-repeat; background-size:100% auto; -webkit-animation:colorSlide 1.6s linear infinite; animation:colorSlide 1.6s linear infinite;}
.mouse_box span:after{ top:0; right:0; bottom:0; left:0; margin:auto; background-color:#FFF; width:4px; height:4px; border-radius:100%; -webkit-animation:trackBallSlide 1.6s linear infinite; animation:trackBallSlide 1.6s linear infinite;}
@-webkit-keyframes nudgeMouse {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	50% { -webkit-transform:translateY(8px); transform:translateY(8px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}  
}
@keyframes nudgeMouse {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	50% { -webkit-transform:translateY(8px); transform:translateY(8px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}

@-webkit-keyframes colorSlide {
	0% { height:0;}
	90%{ height:40px;}
}

@keyframes colorSlide {
	0% { height:0;}
	90%{ height:40px;}
}
@-webkit-keyframes trackBallSlide {
	0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);}
	34% { opacity:1; -webkit-transform:scale(0.9) translateY(4px); transform:scale(0.9) translateY(4px);}
	68% { opacity:0; -webkit-transform:scale(0.4) translateY(16px); transform:scale(0.4) translateY(16px);}
	100% { opacity:0; -webkit-transform:scale(0.4) translateY(-8px); transform:scale(0.4) translateY(-8px);}	 
}
@keyframes trackBallSlide {
	0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);}
	34% { opacity:1; -webkit-transform:scale(0.9) translateY(4px); transform:scale(0.9) translateY(4px);}
	68% { opacity:0; -webkit-transform:scale(0.4) translateY(16px); transform:scale(0.4) translateY(16px);}
	100% { opacity:0; -webkit-transform:scale(0.4) translateY(-8px); transform:scale(0.4) translateY(-8px);}
}
.mouse_box em{ display:block; width:6px; height:6px; margin:3px 0 0 30px; border-left:1px solid #FFF; border-top:1px solid #FFF; transform:rotate(-135deg);}
.in_titbox{ clear:both; width:100%; height:80px; padding-top:100px; border-bottom:3px solid #F3F3F3; position:relative;}
.in_titbox p{ position:relative; z-index:2;}
.in_titbox .p_1{ text-align:center; font-size:36px; line-height:40px; font-family:"hyqh70s";}
.in_titbox .p_1 span{ color:#013d1f;}
.in_titbox .p_2{ text-align:center; font-size:12px; line-height:14px; color:#a1a1a1; margin-top:10px;}
.in_titbox .p_3{ position:absolute; bottom:-3px; left:50%; margin-left:-29px; height:3px; width:58px; height:3px; background-color:#005337;}
.in_titbox .p_4{ position:absolute; top:65px; left:0; width:100%; text-align:center; color:#F2F2F2; text-transform:uppercase; font-size:85px; font-family:"hyqh70s"; z-index:1;}
.in_abbox{ width:100%; margin:0 auto; padding:55px 0 52px 0;}
.in_abbox .lt{ float:left; width:calc(52% - 70px); padding:0 0 0 70px; color:#737373;}
.in_abbox .lt .info{ font-size:17px; line-height:40px; text-indent:2em; max-height:320px;}
.in_abbox .lt .info_2{ padding-top:50px; overflow:hidden;}
.in_abbox .lt .info_2 li{ float:left; position:relative; width:33.33%;}
.in_abbox .lt .info_2 li:after{ content:""; position:absolute; right:0; top:14px; width:1px; height:36px; background-color:#DEDEDE;}
.in_abbox .lt .info_2 .li_1{ padding-left:20px; width:calc(26% - 20px);}
.in_abbox .lt .info_2 .p_1{ font-size:12px;}
.in_abbox .lt .info_2 .p_1 span{ color:#013d1f; font-size:43px; font-family:"BEBAS"}
.in_abbox .lt .info_2 .li_2, .in_abbox .lt .info_2 .li_3{ padding-left:103px; width:calc(37% - 103px);}
.in_abbox .lt .info_2 .li_3:after{ display:none;}
.in_abbox .rt{ float:right; margin:140px 30px 0 0; width:39%; height:218px; border:2px solid #005337; position:relative;}
.in_abbox .rt .ft{ position:absolute; right:33px; bottom:18px; background:url(../images/index_03_2.png) right center no-repeat; padding-right:30px; height:21px; line-height:21px; font-size:15px; font-weight:bold; color:#013d1f;}
.in_abbox .rt img{ position:absolute; right:28px; bottom:55px; width:auto; max-width:100%;}
.in_abbox .rt_2{ display:none; padding-top:15px;}
.in_abbox .rt_2 img{ width:auto; max-width:100%;}
.in_com{ clear:both; width:100%; margin:0 auto; padding:52px 0 0 0;}
.in_com li{ float:left; width:50%; position:relative;}
.in_com li img{ width:auto; max-width:100%; display:block;}
.in_com li .text_1{ position:absolute; bottom:70px; right:70px; height:63px; padding-right:77px; color:#FFF; text-align:right; background:url(../images/index_10_1.png) right bottom no-repeat; transition:all 0.3s ease-out;}
.in_com li .text_1 b{ display:block; font-size:28px; line-height:32px; padding-top:5px;}
.in_com li .text_1 p{ text-transform:uppercase; line-height:16px; padding-top:10px; font-size:#FFF; opacity:0.44;}
.in_com li:nth-child(2) .text_1{ background-image:url(../images/index_10_2.png);}
.in_com li:nth-child(3) .text_1{ background-image:url(../images/index_10_3.png);}
.in_com li:nth-child(4) .text_1{ background-image:url(../images/index_10_4.png);}
.in_com li:hover .text_1{ opacity:0;}
.in_com li .text_2{ position:absolute; left:17px; top:17px; color:#FFF; padding-left:70px; width:calc(100% - 114px); height:calc(100% - 34px); background-color:rgba(1,64,31,0.84); background-image:url(../images/index_10_1.png); background-position:70px 60px; background-repeat:no-repeat; opacity:0; transform:translateY(-20px); transition:all 0.3s ease-out;}
.in_com li .text_2 b{ display:block; font-size:28px; line-height:32px; padding-top:150px;}
.in_com li .text_2 p{ text-transform:uppercase; line-height:16px; padding-top:15px; font-size:#c4ffe2; opacity:0.44;}
.in_com li .text_2 a{ margin:150px 0 0 -5px; display:block; width:130px; padding-left:23px; height:34px; line-height:34px; font-size:12px; border-radius:34px; background-color:#D8C96C; color:#8A8C4D; position:relative; transition:all 0.3s ease-out;}
.in_com li .text_2 a:after{ content:""; position:absolute; right:19px; top:14px; display:block; width:7px; height:7px; border-left:1px solid #85884B; border-top:1px solid #85884B; transform:rotate(135deg); transition:all 0.3s ease-out;}
.in_com li .text_2 a:hover{ color:#013d1f;}
.in_com li .text_2 a:hover:after{ border-color:#013d1f;}
.in_com li:nth-child(2) .text_2{ background-image:url(../images/index_10_2.png);}
.in_com li:nth-child(3) .text_2{ background-image:url(../images/index_10_3.png);}
.in_com li:nth-child(4) .text_2{ background-image:url(../images/index_10_4.png);}
.in_com li:hover .text_2{ opacity:1; transform:translateY(0px);}
.in_ctgbox{ height:79px; position:relative; float:left; left:50%;}
.in_ctgbox ul{ position:relative; float:left; left:-50%; top:43px;}
.in_ctgbox ul li{ margin:0 14px; float:left;}
.in_ctgbox ul li a{ display:block; width:124px; height:34px; overflow:hidden; line-height:32px; border:1px solid #01401F; color:#013d1f; text-align:center; border-radius:34px;}
.in_ctgbox ul li a:after{ content:""; display:block; width:0; height:34px; background-color:#01401F; margin-top:-32px; transition:all 0.4s ease;}
.in_ctgbox ul li a:hover{ color:#FFF;}
.in_ctgbox ul li a:hover:after{ width:100%;}
.in_ctgbox ul li a.cur{ color:#FFF;}
.in_ctgbox ul li a.cur:after{ width:100%;}
.in_newsbox{ clear:both; padding:55px 0 60px 0; width:100%; overflow:hidden; position:relative;}
.in_news{ width:100%; position:absolute; left:0; top:55px; z-index:1;}
.in_newsbox .cur{ z-index:2;}
.in_news{ overflow:hidden;}
.in_news .lt{ float:left; width:43.4%; position:relative; overflow:hidden; transition:all 0.5s ease; opacity:0; transform:translate(0px, -40px);}
.in_news .lt .img_box_1,.in_news .lt .img_box_2{ float:left;}
.in_news .lt .list{ width:100%; overflow:hidden;}
.in_news .lt .list li{ float:left; width:100%; overflow:hidden; background-color:#FFF;}
.in_news .lt .list li img{ display:block; width:auto; max-width:100%;}
.in_news .lt .list li p{ padding-left:28px;}
.in_news .lt .list li .p_1{ font-size:12px; color:#8d8d8d; padding-top:20px;}
.in_news .lt .list li .p_1 em{ font-size:29px; line-height:31px; color:#013d1f;}
.in_news .lt .list li .p_2{ font-size:18px; color:#013d1f; font-weight:bold; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_news .lt .list li .p_3{ font-size:14px; line-height:24px; height:48px; color:#777; padding-right:20px; overflow:hidden;}
.in_news .lt .btn_list{ overflow:hidden; position:absolute; bottom:20px; left:50%; margin-left:-27px;}
.in_news .lt .btn_list li{ float:left; margin:0 3px; width:8px; height:8px; border:2px solid #C7C7C7; border-radius:50%; cursor:pointer;}
.in_news .lt .btn_list li.cur{ border-color:#005337;}
.in_news .rt{ float:right; width:54%; position:relative; transition:all 0.5s ease; opacity:0; transform:translate(0px, 40px);}
.in_news .rt ul{ overflow:hidden;}
.in_news .rt li{ overflow:hidden; height:40px; line-height:40px; font-size:16px;}
.in_news .rt li b{ display:block; float:left; color:#ADADAD; padding:0 8px 0 12px;}
.in_news .rt li a{ display:block; float:left;}
.in_news .rt li span{ display:block; float:right; font-size:12px; color:#949494; margin-right:15px;}
.in_news .rt li a:hover{ color:#013d1f; font-weight:bold;}
.in_news .rt .join{ display:block; position:relative;}
.in_news .rt .join img{ display:block; width:auto; max-width:100%;}
.in_news .rt .join div{ position:absolute; right:85px; top:60px; text-align:right; color:#FFF; background:url(../images/index_14.png) top right no-repeat; padding-top:43px;}
.in_news .rt .join div b{ font-size:30px; line-height:45px;}
.in_news .rt .join div p{ font-size:13px; text-transform:uppercase; opacity:0.3;}
.in_news .lt_show{ opacity:1; transform:translate(0px, 0px);}
.in_news .lt_load_dft{ opacity:0; transform:translate(0px, -80px);}
.in_news .rt_load_dft{ opacity:0; transform:translate(0px, 80px);}
.in_news .lt_load{		 
	animation:lt_load_Rotate 0.6s ease-out forwards;
}
@keyframes lt_load_Rotate{
	100%{ opacity:1; transform:translate(0px, 0px);}
}
.in_news .rt_load{		 
	animation:lt_load_Rotate 0.6s ease-out forwards;
}
.in_link{ clear:both; width:100%; margin:0 auto; height:70px; padding:20px 0; background-color:#FFF; overflow:hidden;}
.in_link .box, .in_link .img_box{ width:100%; height:100%; overflow:hidden;}
.in_link .box{ margin:0 auto;}
.in_link .img_box_1,.in_link .img_box_2{ float:left;}
.in_link ul{ overflow:hidden;}
.in_link ul li{ float:left; margin:0 11px;}
.in_link ul li img{ opacity:0.4; transition:all 0.3s ease-out; width:auto; max-width:100%;}
.in_link ul li img:hover{ opacity:1;}
.in_fdbox{ clear:both; width:100%; height:124px; padding-top:50px; background:url(../images/index_18.jpg) center center no-repeat;}
.in_fdbox p{ width:558px; padding-left:32px; height:16px; line-height:16px; margin:0 auto; background:url(../images/index_19.png) 4px center no-repeat; color:#FFF; font-size:13px;}
.in_fdbox div{ overflow:hidden; width:590px; margin:11px auto 0 auto;}
.in_fdbox div .txt{ float:left; width:calc(84% - 20px); height:20px; padding:13px 10px; line-height:20px; border:0; background:#FFF; outline:none; border-radius:0;}
.in_fdbox div .btn{ float:left; width:16%; height:46px; line-height:46px; text-align:center; border:0; background:#01401F; color:#FFF; cursor:pointer; font-size:12px; -webkit-appearance: none; border-radius:0;}
.in_btmbox{ clear:both; width:100%; background-color:#034624; position:relative; z-index:101;}
.in_btmbox .hx{ position:absolute; left:0; top:45px; height:1px; background-color:#0C4C2E; width:calc(50% - 230px);}
.in_btm{ width:1440px; margin:0 auto; overflow:hidden;}
.in_btm a{ color:#A6B3AB;}
.in_btm a:hover{ color:#FFF;}
.in_btm .lt{ float:left; width:calc(100% - 950px); padding-bottom:20px;}
.in_btm .lt .fx{ height:30px; padding-top:15px;}
.in_btm .lt .fx a{ margin:0 0 0 20px; padding:0; float:left; display:block; width:18px; height:18px; background:url(../images/index_20.png) no-repeat;}
.in_btm .lt .fx .a_0{ background-position:0px 0px;}
.in_btm .lt .fx .a_1{ background-position:-38px 0px;}
.in_btm .lt .fx .a_2{ background-position:-74px 0px;}
.in_btm .lt .fx .a_3{ background-position:-108px 0px;}
.in_btm .lt .fx a:hover{ background-image:url(../images/index_20_1.png);}
.in_btm .lt .info{ padding:25px 0 0 13px; overflow:hidden;}
.in_btm .lt .info .ewm{ float:left; width:137px; padding-top:5px;}
.in_btm .lt .info .ewm img{ border:3px solid #043B1E; border-radius:2px; width:auto; max-width:100%;}
.in_btm .lt .info .cont{ float:left; padding-left:39px; min-height:62px; background:url(../images/index_24.png) left 5px no-repeat; color:#A6B3AB; font-size:12px; line-height:23px;}
.in_btm .lt .info .cont .p_1{ color:#FFF; font-size:21px; font-family:"IMPACT";}
.in_btm .lt .info .ewm2{ clear:both; display:none; padding:10px 0 0 37px;}
.in_btm .lt .info .ewm2 img{ border:3px solid #043B1E; border-radius:2px;}
.in_btm .rt{ float:left; width:895px; padding:30px 0 30px 54px; border-left:1px solid #0C4C2E;}
.in_btm .rt .box_1{ float:left; width:calc(16.6% - 25px);}
.in_btm .rt .box_1 p{ font-size:15px; line-height:17px;}
.in_btm .rt .box_1 p a{ color:#FFF;}
.in_btm .rt .box_1 p a em{ display:block; float:left; width:17px; height:17px; background-color:#01401F; border-radius:50%; margin-right:7px; transition:all 0.3s ease-out;}
.in_btm .rt .box_1 p a em:after{ content:""; display:block; width:4px; height:4px; margin:6px 0 0 5px; border-left:1px solid #FFF; border-top:1px solid #FFF; transform:rotate(135deg);}
.in_btm .rt .box_1 p a:hover em{ background-color:#D8C96C;}
.in_btm .rt .box_1 ul{ padding:12px 0 0 26px;}
.in_btm .rt .box_1 ul li{ clear:both; height:26px; line-height:26px; font-size:12px;}
.in_btm .rt .box_1 ul li a{ display:block;}
.in_btm .rt .box_1 ul li a:after{ content:""; display:block; float:left; width:0px; height:1px; background-color:#78D6B9; margin:16px 0 0 0; transition:all 0.3s ease-out;}
.in_btm .rt .box_1 ul li a:hover:after{ width:8px; margin-left:-3px; margin-right:6px;}
.in_btm .rt .box_2{ width:150px;}
.phone_btm{ display:none;}
.in_cpybox{ clear:both; width:100%; height:50px; line-height:50px; background-color:#01401F; overflow:hidden; position:relative; z-index:101;}
.in_cpy{ width:1400px; margin:0 auto; overflow:hidden; font-size:12px;}
.in_cpy .lt{ float:left; color:#FFF;}
.in_cpy .lt a{ color:#FFF;}
.in_cpy .lt a:hover{ color:#FFF;}
.in_cpy .lt .a_1{ display:none;}
.in_cpy .rt{ float:right; color:#7C8F84;}
.in_cpy .rt a{ color:#7C8F84;}
.in_cpy .rt a:hover{ color:#FFF;}
.in_cpy .ct{ float:left; padding:13px 0 0 10px;}
/*???*/
#rightDiv{ position:absolute; top:50%; right:10px; z-index:50; z-index:2000;}
#rightDiv li{ width:60px; height:55px; position:relative; cursor:pointer;}
#rightDiv li .wxewm{width: 0px;position: absolute;right: 60px;top: 0px;transition:0.3s ease all;}
#rightDiv li:nth-child(3):hover .wxewm{display:block;width: 120px;}
#rightDiv .bkg{ width:60px; height:55px; cursor:pointer; background:#3E3E3E url(../images/index_06.png) no-repeat;}
#rightDiv .toptop{ background-position:center 16px; background-color:#01401F;}
#rightDiv .toptop:hover{ background-color:#0E6829;}
#rightDiv .tel{ background-position:center -38px; position:relative; z-index:2001;}
#rightDiv .tel_2{ position:absolute; left:-135px; top:0px; width:195px; height:55px; background:#0E6829; color:#FFF; text-align:center; overflow:hidden; z-index:2002; display:none;}
#rightDiv .tel_2 .lt{ float:left; width:60px; height:55px; background:#0E6829 url(../images/index_06.png) center -38px no-repeat;}
#rightDiv .tel_2 .rt{ float:left; width:134px; border-left:1px solid #FFF; height:36px; line-height:36px; margin-top:10px; font-size:16px; text-align:center;}
#rightDiv .qq{ display:block; background:#282828 url(../images/index_06.png) center -94px no-repeat;}
#rightDiv .qq:hover{ background-color:#0E6829;}
#rightDiv .close{ width:23px; height:23px; background-color:#0E6829; border-radius:50%; margin:0 0 -11px -11px; cursor:pointer; position:relative; z-index:2010;}
#rightDiv .close em{ display:block; width:10px; height:1px; background-color:#FFF; transform:rotate(45deg); position:absolute; left:7px; top:11px;}
#rightDiv .close em::after{ content:""; display:block; width:10px; height:1px; background-color:#FFF; margin:0 0 0 0; transform:rotate(-90deg);}
#btn_fix{ display:none;}

/*????????*/
.ab_banbox{ clear:both; width:100%; height:550px; background:url(../images/about_02.jpg) top center no-repeat; background-size:cover; position:relative;}
.ban_ft{ text-align:center; font-size:52px; font-weight:bold; color:#f6f6f6; padding-top:212px;}
.ban_ft em{ display:block; width:47px; height:5px; background-color:#FFF; margin:25px auto 0 auto;}
.ab_ctgbox{ width:100%; height:101px; background-color:#F2F2F2;}
.ab_ctgbox div{ position:relative; float:left; left:50%;}
.ab_ctgbox ul{ position:relative; float:left; left:-50%; top:30px;}
.ab_ctgbox ul li{ margin:0 9px; float:left;}
.ab_ctgbox ul li a{ display:block; width:150px; height:39px; overflow:hidden; line-height:37px; border:1px solid #819D8F; color:#2b2b2b; text-align:center; border-radius:39px; font-size:15px;}
.ab_ctgbox ul li a:after{ content:""; display:block; width:0; height:39px; background-color:#01401F; margin-top:-37px; transition:all 0.3s ease;}
.ab_ctgbox ul li a:hover{ color:#FFF;border-color:#01401F; font-weight:bold;}
.ab_ctgbox ul li a:hover:after{ width:100%;}
.ab_ctgbox ul li.cur a{ color:#FFF;border-color:#01401F; font-weight:bold;}
.ab_ctgbox ul li.cur a:after{ width:100%;}
.ab_box{ width:1380px; margin:0 auto; padding:42px 0 65px 0;}
.abp_1{ font-size:25px; line-height:29px;}
.abp_1 b{ color:#013d1f;}
.abp_2{ font-size:34px; line-height:60px; text-transform:uppercase; color:#d9d9d9; font-family:"BEBAS";}
.abp_3{ width:33px; height:2px; background:#01401F; margin:7px 0 0 5px;}
.ab_box .info{ line-height:40px; font-size:15px; padding-top:23px;}
.ab_box .info img{ width:auto; max-width:100%;}
.ab_box .info .img_1{ max-width:calc(50% - 8px); margin:40px 4px 0 4px;}
.ab_fzlcbox{ clear:both; width:100%; height:710px; background:url(../images/about_07.jpg) bottom center no-repeat; background-size:cover; position:relative;}
.ab_fzlctit{ width:1410px; margin:0 auto; padding-top:75px;}
.ab_fzlctit .abp_1{ padding-left:45px;}
.ab_fzlctit .abp_2{ padding-left:45px;}
.ab_fzlctit .abp_3{ margin-left:50px;}
.ab_fzlc{ width:704px; height:186px; background:url(../images/about_09.png) center top no-repeat; background-size:100% auto; margin:38px auto 0 auto;}
.ab_fzlc dt{ float:left; width:calc(44% - 70px); padding-left:70px; color:#FFF; line-height:186px; font-size:94px; font-family:"BEBAS";}
.ab_fzlc dd{ float:left; width:calc(56% - 65px); padding:20px 30px 0 35px; color:#131313; line-height:32px; font-size:17px;}
.ab_fzlc dl{ display:none;}
.ab_fzlc .cur{ display:block;}
.fzlc{ clear:both; position:relative; margin-top:80px; padding-bottom:35px;}
.fzlc .hx{ width:100%; height:1px; background:#FFF; position:absolute; left:0px; top:77px; opacity:0.2;}
.fzlc .cont{ width:1410px; margin:0 auto; position:relative;} 
.fzlc .cont .btn{ display:block; width:28px; height:28px; border:2px solid #FFF; border-radius:50%; position:absolute; top:61px; z-index:10; transition:all 0.2s ease;}
.fzlc .cont .prev{ left:0;}
.fzlc .cont .next{ right:0;}
.fzlc .cont .btn em{ display:block; width:10px; height:10px; margin:8px 0 0 10px; border-top:2px solid #FFF; border-right:2px solid #FFF; transform:rotate(-135deg); transition:all 0.2s ease;}
.fzlc .cont .next em{ transform:rotate(45deg); margin-left:6px;}
.fzlc .cont .btn:hover{ border-color:#01401F;}
.fzlc .cont .btn:hover em{ border-color:#01401F;}
.fzlc .cont .box{ width:100%; margin:0 auto; overflow:hidden;}
.fzlc .cont .show{ width:100%; margin:0 auto; overflow:hidden;}
.fzlc .cont ul{}
.fzlc .cont li{ float:left; width:60px; height:65px; padding-top:25px; margin:0 37px; text-align:center; position:relative; transition:all 0.3s ease;}
.fzlc .cont li .p_1{ color:#FFF; font-size:24px; line-height:28px; font-family:'BEBAS';}
.fzlc .cont li .span_1{ display:block; width:17px; height:17px; border:2px solid #01401F; border-radius:50%; margin:14px auto 0 auto;}
.fzlc .cont li .span_1 em{ display:block; width:9px; height:9px; margin:4px 0 0 4px; background:#01401F; border-radius:50%; transition:all 0.3s ease;}
.fzlc .cont li .span_1:after{ content:""; display:block; width:5px; height:0; background-color:#01401F; position:absolute; left:29px; top:18px; transition:all 0.3s ease;}
.fzlc .cont li:hover .p_1{ color:#01401F;}
.fzlc .cont li:hover .span_1 em{ width:0; height:0; margin:7px 0 0 7px;}
.fzlc .cont li:hover .span_1:after{ height:18px; top:0;}
.fzlc .cont li.cur .p_1{ color:#01401F;}
.fzlc .cont li.cur .span_1 em{ width:0; height:0; margin:7px 0 0 7px;}
.fzlc .cont li.cur .span_1:after{ height:18px; top:0;}
.ab_culbox{ clear:both; width:100%; height:800px; background:url(../images/about_11.jpg) bottom center no-repeat; background-size:cover; position:relative;}
.ab_cul{ width:1320px; margin:0 auto;}
.ab_cul .abp_1{ padding-top:67px;}
.ab_cul .cont{ margin-top:85px; position:relative;}
.ab_cul .cont ul{ position:absolute; left:64px; top:0; width:100%;}
.ab_cul .cont ul li{ float:left; width:256px; height:222px;}
.ab_cul .cont ul li a{ position:relative;}
.ab_cul .cont ul li .box{ position:absolute; left:0px; top:0px; width:128px; height:222px; background-color:#FFF; border-top:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4;}
.ab_cul .cont ul li .box0{ background:url(../images/about_13.png) center 43px no-repeat; background-color:#FFF; text-align:center;}
.ab_cul .cont ul li .box1{ transform:rotate(-60deg);}
.ab_cul .cont ul li .box2{ transform:rotate(60deg);}
.ab_cul .cont ul li span{ display:block; font-size:21px; line-height:25px; color:#013d1f; padding-top:115px;}
.ab_cul .cont ul li p{ font-size:12px; color:#404040; margin-top:13px;}
.ab_cul .cont ul li a:hover .box{ background-color:#01401F; border-color:#01401F;}
.ab_cul .cont ul li a:hover .box0{ background-image:url(../images/about_13_1.png);}
.ab_cul .cont ul li a:hover span{ color:#FFF;}
.ab_cul .cont ul li a:hover p{ color:#FFF;}
.ab_cul .cont ul .li_1{ margin-top:111px;}
.ab_cul .cont ul .li_2{ margin-left:10px;}
.ab_cul .cont ul .li_3{ margin:111px 0 0 10px;}
.ab_cul .cont ul .li_4{ margin-left:10px;}
.ab_cul .cont ul .li_5{ margin:111px 0 0 10px;}
.ab_cul .cont ul .li_2 .box0{ background-image:url(../images/about_14.png);}
.ab_cul .cont ul .li_2 a:hover .box0{ background-image:url(../images/about_14_1.png);}
.ab_cul .cont ul .li_3 .box0{ background-image:url(../images/about_15.png);}
.ab_cul .cont ul .li_3 a:hover .box0{ background-image:url(../images/about_15_1.png);}
.ab_cul .cont ul .li_4 .box0{ background-image:url(../images/about_16.png);}
.ab_cul .cont ul .li_4 a:hover .box0{ background-image:url(../images/about_16_1.png);}
.ab_cul .cont ul .li_5 .box0{ background-image:url(../images/about_17.png);}
.ab_cul .cont ul .li_5 a:hover .box0{ background-image:url(../images/about_17_1.png);}
.ab_cul .cont_2{ display:none;}
.ab_honbox{ clear:both; width:100%; height:746px; background:url(../images/about_19.jpg) bottom center no-repeat; background-size:cover; overflow:hidden;}
.ab_hon{ width:1380px; margin:0 auto; padding-top:85px; position:relative;}
.ab_hon .abp_1{ color:#FFF; margin-left:28px;}
.ab_hon .abp_1 b{ color:#FFF;}
.ab_hon .abp_2{ color:#FFF; opacity:0.2; margin-left:28px;}
.ab_hon .abp_3{ color:#FFF; margin-left:33px;}
.ab_hon .text{ position:absolute; left:363px; top:90px; color:#FFF; line-height:32px; font-size:15px;}
.ab_hon .ctg{ position:absolute; right:0; top:118px;}
.ab_hon .ctg li{ margin-right:28px; float:left; width:124px; height:34px; line-height:34px; border:1px solid #FFF; color:#013d1f; text-align:center; border-radius:34px; overflow:hidden;}
.ab_hon .ctg li:after{ content:""; display:block; width:0; height:34px; background-color:#01401F; margin-top:-34px; transition:all 0.4s ease;}
.ab_hon .ctg li:hover{ border-color:#01401F; color:#FFF;}
.ab_hon .ctg li:hover:after{ width:100%;}
.ab_hon .ctg li.cur{ border-color:#01401F; color:#FFF;}
.ab_hon .ctg li.cur:after{ width:100%;}
.ab_hon .box{padding-top:70px;width:100%;/* height:auto; */overflow:hidden;height: 100%;}
.ab_hon .img_box_1,.ab_hon .img_box_2{float:left;height: 100%;overflow: hidden;display: flex;}
.ab_hon .box ul{height:100%;display: flex;align-items: center;flex-wrap: wrap;}
.ab_hon .box li{width:calc(20% - 10px);margin:0 5px;cursor:pointer;text-align:center;display: flex;align-items: center;height: 100%;}
.ab_hon .box li img{ width:auto; max-width:100%;}
.ab_whbox{ clear:both; width:100%; background:#FFF;}
.ab_wh{ width:1330px; margin:0 auto; padding:80px 0 85px 0;}
.ab_wh .info{ padding:72px 0 50px 0; font-size:17px; line-height:40px; background:url(../images/about_25.jpg) right bottom no-repeat;}


/*????????*/
.ns_banbox{ clear:both; width:100%; height:550px; background:url(../images/news_02.jpg) top center no-repeat; background-size:cover; position:relative;}
.ns_p_1{ font-size:25px; line-height:29px; text-align:center;}
.ns_p_1 b{ color:#013d1f;}
.ns_p_2{ font-size:34px; line-height:62px; text-transform:uppercase; color:#cecece; text-align:center; font-family:"BEBAS";}
.ns_p_3{ width:33px; height:2px; background:#01401F; margin:0 auto;}
.ns_boxQ{ clear:both; width:1428px; margin:0 auto; padding:70px 0;}
.ns_boxQ .list{ width:100%; padding-top:63px; height:426px;}
.ns_boxQ .list li{ float:left; width:calc(25% - 22px); height:100%; margin:0 11px; position:relative;}
.ns_boxQ .list li img{ display:block; width:auto; max-width:100%;}
.ns_boxQ .list li div{padding:0 30px 0 27px;height:177px;background-color:#FFF;width: 100%;box-sizing: border-box;position:absolute;left:0;bottom:0;transition:all 0.3s ease;}
.ns_boxQ .list li div em{ display:block; font-size:13px; color:#000; opacity:0.88; padding-top:25px;}
.ns_boxQ .list li div p{ font-size:17px; color:#000; line-height:29px; height:58px; padding-top:12px; overflow:hidden;}
.ns_boxQ .list li div span{ display:block; font-size:13px; color:#013d1f; margin-top:26px; transition:all 0.3s ease;}
.ns_boxQ .list li:hover div{ background-color:#01401F; height:197px; border-bottom:2px solid #D8C96C;}
.ns_boxQ .list li:hover div em{ color:#FFF;}
.ns_boxQ .list li:hover div p{ color:#FFF; font-weight:bold;}
.ns_boxQ .list li:hover div span{ color:#FFF; transform:translateY(20px);}
.ns_more{ display:block; width:202px; height:50px; line-height:50px; font-size:18px; margin:70px auto 0 auto; border:1px solid #CDCDCD; text-align:center; transition:all 0.3s ease;}
.ns_more::after{ content:""; display:block; width:0; height:100%; background-color:#01401F; margin-top:-50px; transition:all 0.3s ease;}
.ns_more:hover{ color:#FFF; border-color:#01401F;}
.ns_more:hover::after{ width:100%;}
.ns_boxSbox{ clear:both; width:100%; background:#FFF;}
.ns_boxS{ width:1428px; margin:0 auto; padding:70px 0;}
.ns_boxS .list{ width:100%; padding:50px 0 45px 0; overflow:hidden;}
.ns_boxS .list li{ float:left; width:calc(33% - 28px); margin:0 14px 26px 14px; height:220px; overflow:hidden; position:relative;}
.ns_boxS .list li a{ display:block; height:calc(100% - 16px); border-top:2px solid #C7C7C7; padding:0 0 0 33px; margin-top:14px; background:url(../images/news_05.png) right 20px bottom 25px no-repeat; transition:all 0.3s ease;}
.ns_boxS .list li a em{ display:block; font-size:13px; line-height:15px; color:#000; padding-top:26px;}
.ns_boxS .list li a p{ font-size:17px; line-height:19px; color:#000; padding:17px 0;}
.ns_boxS .list li a div{ font-size:13px; line-height:22px; height:44px; color:#333; padding-right:15px; overflow:hidden;}
.ns_boxS .list li a span{ display:block; width:100px; padding-left:16px; height:30px; line-height:30px; background-color:#FFF; color:#FFF; font-size:12px; margin-top:30px; position:relative;}
.ns_boxS .list li a span::before, .ns_boxS .list li a span::after{ content:""; display:block; background-color:#01401F; height:1px; position:absolute; transition:all 0.3s ease;}
.ns_boxS .list li a span::before{ width:26px; left:0px; top:13px;}
.ns_boxS .list li a span::after{ width:9px; transform:rotate(45deg); left:18px; top:10px;}
.ns_boxS .list li a:hover{ background-color:#F6F6F6; border-top:6px solid #01401F; height:calc(100% - 6px); margin-top:0;}
.ns_boxS .list li a:hover span{ display:block; background-color:#01401F;}
.ns_boxS .list li a:hover span::before{ background-color:#FFF; left:75px; top:16px;}
.ns_boxS .list li a:hover span::after{ background-color:#FFF; left:93px; top:13px;}
.ns_boxS .ns_more{ margin-top:0;}
.ns_box_3{ clear:both; width:100%; background:#FFF;}
.ns_box_3 .list li div{ background-color:#F6F6F6;}

/*????????*/
.nss_box{ clear:both; width:1200px; margin:0 auto; padding-top:40px;}
.nss_box .nss_tit{ text-align:center; font-size:29px; color:#013d1f; font-weight:bold;}
.nss_box .nss_tm{ overflow:hidden; font-size:12px; color:#666; padding:48px 0 12px 0;}
.nss_box .nss_tm .lt{ float:left;}
.nss_box .nss_tm .rt{ float:right;}
.nss_box .nss_info{ clear:both; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; padding:20px 0; font-size:16px; line-height:40px;}
.nss_box .nss_info img{ width:auto; max-width:100%;}
.nss_box .btnbox{ overflow:hidden; padding:22px 0;}
.nss_box .btnbox .btn{ display:block; float:right; border:1px solid #C9CACA; color:#5b5b5b; text-align:center; overflow:hidden; width:164px; height:38px; line-height:38px; border-radius:38px; margin:0 20px; transition:all 0.3s ease;}
.nss_box .btnbox .btn:after{ content:""; display:block; width:0; height:100%; background:#01401F; margin-top:-38px; transition:all 0.3s ease;}
.nss_box .btnbox .btn:hover{ color:#FFF;}
.nss_box .btnbox .btn:hover:after{ width:100%;}


/*???????*/
.comp_box{ clear:both; width:100%;  margin:0 auto; overflow:hidden; background-color:#FFF;}
.comp_box .lt{ float:left; width:50%; position:relative;}
.comp_box img{ width:auto; max-width:100%;}
.comp_box .rt{ float:right; width:50%; position:relative;}
.comp_box .bkg{ height:100%; background:url(../images/company_05_1.png) 95px 77px no-repeat; position:relative;}
.comp_box .jt{ position:absolute; left:-18px; top:85px; display:block; width:0; height:0; border-right:18px solid #FFF; border-top:21px solid transparent; border-bottom:21px solid transparent;}
.comp_box .p_1{ color:#050505; font-size:28px; font-weight:bold; padding:75px 0 0 185px;}
.comp_box .p_2{ color:#B1B1B1; text-transform:uppercase; font-family:Arial; padding:10px 0 0 185px; height:60px;}
.comp_box .list{ margin-left:165px;}
.comp_box .list li{ font-size:15px; color:#737373; line-height:30px;}
.comp_box .list li em{ float:left; display:block; width:8px; height:1px; background-color:#999; margin:12px 8px 0 0; transform:rotate(45deg);}
.comp_box .list li em:after{ content:""; display:block; width:8px; height:1px; background-color:#999; margin:4px 0 0 4px; transform:rotate(-90deg);}
.comp_box_2 .bkg{ background-image:url(../images/company_05_2.png);}
.comp_box_2 .jt, .comp_box_4 .jt{ left:100%; border-left:18px solid #FFF; border-right:0;}
.comp_box_2 .lt, .comp_box_4 .lt{ z-index:2;}
.comp_box_2 .rt, .comp_box_4 .rt{ z-index:1;}
.comp_box_3 .bkg{ background-image:url(../images/company_05_3.png);}
.comp_box_4 .bkg{ background-image:url(../images/company_05_4.png);}
.comp_sub{ clear:both; width:100%; height:25px; line-height:25px; margin:44px auto; text-align:center;}
.comp_sub .box{ position:relative; left:50%; float:left;}
.comp_sub ul{ position:relative; left:-50%; float:left; padding:0 20px;}
.comp_sub li{ float:left; height:25px; overflow:hidden;}
.comp_sub a, .comp_sub span{ display:inline-block;}
.comp_sub span{ margin:0 12px;}
.comp_sub a{ height:100%; padding:0 10px; color:#1b1b1b;}
.comp_sub a.cur{ background-color:#01401F; color:#FFF;}
.comp_sub a:hover{ background-color:#01401F; color:#FFF;}
.comp_show{ clear:both; width:100%; min-height:300px;}

/*??????*/
.job_banbox{ clear:both; width:100%; height:550px; background:url(../images/job_02.jpg) top center no-repeat; background-size:cover; position:relative;}
.job_ctgbox{ background-color:#FCFCFC;}
.job_boxRbkg{ clear:both; width:100%; background-color:#FCFCFC; padding:20px 0 60px 0;}
.job_boxR{ width:1320px; margin:0 auto; height:465px;}
.job_boxR .box{ float:left; width:calc(50% - 20px); height:100%; margin:0 10px; background-color:#E9E9E9;}
.job_boxR .box .p_1{ margin:0 auto; width:122px; height:122px; border-radius:50%; background:#FFF url(../images/job_03.png) center center no-repeat; border:8px solid #989898; margin-top:90px; transition:all 0.3s ease;}
.job_boxR .box .p_1:after{ content:""; display:block; width:138px; height:138px; border:4px solid #DBDBDB; border-radius:50%; margin:-12px 0 0 -12px; transition:all 0.3s ease;}
.job_boxR .box .p_2{ text-align:center; font-size:25px; margin-top:33px;}
.job_boxR .box .p_3{ width:33px; height:1px; background-color:#A2A2A2; margin:30px auto 0 auto;}
.job_boxR .box .p_4{ text-align:center; line-height:31px; color:#686868; margin-top:35px;}
.job_boxR .box .p_4 a{ color:#686868;}
.job_boxR .box:hover .p_1{ border-color:#3E8D64; background-image:url(../images/job_03_1.png);}
.job_boxR .box:hover .p_1:after{ border-color:#BDDCCC;}
.job_boxR .box_2 .p_1{ background-image:url(../images/job_04.png);}
.job_boxR .box_2:hover .p_1{ background-image:url(../images/job_04_1.png);}
.job_listbox{ clear:both; width:100%; height:767px; background:url(../images/job_06.jpg) bottom center no-repeat; background-size:cover;}
.job_list{ width:1300px; height:calc(100% - 95px); margin:0 auto; padding:95px 0 0 0; overflow:hidden; position:relative;}
.job_list .ns_p_1{ color:#013d1f;}
.job_list .box{ width:100%; height:auto; position:absolute; left:0; top:240px;}
.job_list .tb{ width:100%; float:left;}
.job_list .td_w1{ width:120px;}
.job_list .td_w2{ width:120px;}
.job_list .td_w3{ width:500px; overflow:hidden;}
.job_list .td_w4{ width:300px;}
.job_list .tb th{ height:57px; line-height:57px; color:#FFF; font-size:17px; font-weight:bold; background:rgba(1,64,31,0.86); text-align:center;}
.job_list .tb td{ background:rgba(246,246,246,0.9);}
.job_list .tb .bkg td{ background:rgba(231,231,231,0.8);}
.job_list .tb td{ height:50px; line-height:50px; font-size:17px;}
.job_list .tb td .p_1{ padding-left:49px;}
.job_list .tb td .btn{ float:right; margin-right:52px; display:block; font-size:12px; color:#FFF; width:101px; padding-left:15px; height:30px; line-height:30px; background-color:#B5B5B5; position:relative; transition:all 0.3s ease;}
.job_list .tb td .btn em::before, .job_list .tb td .btn em::after{ content:""; display:block; background-color:#FFF; height:1px; position:absolute; transition:all 0.3s ease;}
.job_list .tb td .btn em::before{ width:26px; left:75px; top:16px;}
.job_list .tb td .btn em::after{ width:9px; transform:rotate(45deg); left:93px; top:13px;}
.job_list .tb td .btn:hover{ background-color:#114C30;}
.job_list .tb tr:hover .p_1{ font-weight:bold; color:#114C30;}
.job_list .tb tr:hover .btn{ background-color:#114C30;}
.job_list .btnbox{ position:absolute; left:50%; bottom:50px; width:154px; margin-left:-77px;}
.job_list .btnbox .btn{ display:block; float:left; width:77px; height:51px; background:#01401F;}
.job_list .btnbox .prev:after, .job_list .btnbox .next:after{ content:""; display:block; width:10px; height:10px; margin:20px 0 0 20px; border-left:1px solid #61B69A; border-top:1px solid #61B69A; transform:rotate(-45deg);}
.job_list .btnbox .next{ background-color:#D8C96C;}
.job_list .btnbox .next:after{ margin:20px 0 0 48px; border-color:#817849; transform:rotate(135deg);}
.job_feed{ clear:both; width:1300px; margin:0 auto; padding:60px 0 120px 0;}
.job_feed .mgt{ margin-top:45px;}
.job_feed .mgt_2{ margin-top:8px;}
.job_feed .boxB{ overflow:hidden;}
.job_feed .box{ float:left; width:calc(50% - 8px); border:1px solid #E3E3E3;}
.job_feed .box_cur{ border-color:#9EB4A9;}
.job_feed .box .bkg{ float:left; width:79px; height:64px; background:#D5D5D5 url(../images/job_11.png) center center no-repeat;}
.job_feed .box .bkg_cur{ background-color:#01401F; background-image:url(../images/job_11_01.png);}
.job_feed .box input{ float:left; width:calc(100% - 141px); height:64px; padding:0 21px 0 41px; font-size:18px; color:#333; background:#FFF; border:0; outline:none;}
.job_feed .box input:focus{ background-color:#F1FCF7;}
.job_feed .box_2{ float:right;}
.job_feed .box_2 .bkg{ background-image:url(../images/job_12.png);}
.job_feed .box_2 .bkg_cur{ background-image:url(../images/job_12_01.png);}
.job_feed .box_3 .bkg{ background-image:url(../images/job_13.png);}
.job_feed .box_3 .bkg_cur{ background-image:url(../images/job_13_01.png);}
.job_feed .box_4{ float:right;}
.job_feed .box_4 .bkg{ background-image:url(../images/job_14.png);}
.job_feed .box_4 .bkg_cur{ background-image:url(../images/job_14_01.png);}
.job_feed .boxC{ margin-top:8px; overflow:hidden; border:1px solid #E3E3E3;}
.job_feed .boxC_cur{ border-color:#9EB4A9;}
.job_feed .boxC .bkg{ float:left; width:79px; height:239px; background:#D5D5D5 url(../images/job_15.png) center 20px no-repeat;}
.job_feed .boxC .bkg_cur{ background-color:#01401F; background-image:url(../images/job_15_01.png);}
.job_feed .boxC .area{ float:left; width:calc(100% - 141px); height:209px; padding:15px 21px 15px 41px; font-size:18px; line-height:26px; color:#333; background:#FFF; border:0; outline:none; font-family:"??????"}
.job_feed .boxC .area:focus{ background-color:#F1FCF7;}
.job_feed .boxD{ margin-top:16px; overflow:hidden;}
.job_feed .boxD input{ width:100%; height:60px; line-height:60px; font-size:18px; color:#FFF; background:#A2A2A2; border:0; outline:none; cursor:pointer; -webkit-appearance: none; border-radius:0;}
.job_feed .boxD input:hover{ background-color:#01401F;}

/*???????*/
.jobs_box{ clear:both; width:1022px; margin:15px auto 50px auto; border:1px solid #D7D7D7; background-color:#F0F0F0;}
.jobs_box .top{ height:66px; line-height:66px; background-color:#026839; color:#FFF;}
.jobs_box .top .lt{ float:left; width:calc(55% - 55px); padding-left:55px; font-size:20px;}
.jobs_box .top .ct{ float:left; width:22%;}
.jobs_box .info{ clear:both; padding:40px 0 35px 0;}
.jobs_box .info .box_1{ overflow:hidden; height:40px; line-height:40px; font-size:17px;}
.jobs_box .info .div_1{ float:left; width:14%; text-align:right;}
.jobs_box .info .div_2{ float:left; width:calc(19% - 14px); padding-left:14px; height:100%; background-color:#E8E8E8; color:#000; font-size:15px;}
.jobs_box .info .div_3{ float:left; width:10%; text-align:right;}
.jobs_box .info .box_2{ clear:both; margin-top:25px;}
.jobs_box .info .div_4{ float:left; width:calc(77% - 14px); padding-left:14px; height:100%; background-color:#E8E8E8; color:#000; font-size:15px;}
.jobs_box .info .box_3{ clear:both; height:auto; margin-top:25px;}
.jobs_box .info .div_5{ float:left; width:calc(77% - 54px); padding:15px 40px 15px 14px; background-color:#E8E8E8; color:#000; font-size:15px; line-height:35px;}
.jobs_box .info .btnbox{ overflow:hidden; width:91%; margin-top:32px;}
.jobs_box .info .btnbox .btn{ display:block; float:right; color:#FFF; overflow:hidden; width:70px; padding-left:34px; height:32px; line-height:32px; border-radius:32px; margin-left:20px; background-color:#BABABA; font-size:13px;  transition:all 0.3s ease;}
.jobs_box .info .btnbox .btn:after{ content:""; display:block; width:0; height:100%; background:#01401F; margin:-32px 0 0 -34px; transition:all 0.3s ease;}
.jobs_box .info .btnbox .btn:hover:after{ width:114px;}


/*???????*/
.cnt_contbox{ width:100%; height:695px; overflow:hidden;}
.cnt_contbox #allmap{ width:100%; height:695px;}
.cnt_cont{ width:1200px; margin:0px auto; position:relative;}
.cnt_cont .bkg{ width:477px; overflow:hidden; background-color:#F5F5F5; position:absolute; z-index:10; left:0px; top:-660px; opacity:0;}
.cnt_cont .bkg .box_1{}
.cnt_cont .bkg .box_1 .tit{ padding-left:30px; height:47px; line-height:47px; background-color:#777; font-size:16px; color:#FFF; position:relative; cursor:pointer;}
.cnt_cont .bkg .box_1 .tit em{ display:block; width:8px; height:1px; background-color:#FFF; transform:rotate(45deg); position:absolute; right:26px; top:20px;}
.cnt_cont .bkg .box_1 .tit em::after{ content:""; display:block; width:8px; height:1px; background-color:#FFF; margin:3px 0 0 3px; transform:rotate(-90deg);}
.cnt_cont .bkg .box_1 .cont{ padding:12px 0 35px 17px; display:none;}
.cnt_cont .bkg .box_1 .cont .list{ overflow:hidden; width:460px;}
.cnt_cont .bkg .box_1 .cont .list li{ float:left; width:calc(50% - 10px); padding-left:10px; font-size:15px; line-height:19px; padding-top:30px;}
.cnt_cont .bkg .box_1 .cont .list .li_1{ width:calc(100% - 10px);}
.cnt_cont .bkg .cur .tit{ height:69px; line-height:69px; background:url(../images/contact_03.jpg) no-repeat; font-size:18px; font-weight:bold;}
.cnt_cont .bkg .cur .tit em{ top:35px; transform:rotate(135deg);}
.cnt_cont .bkg .box_2 .tit{ background-color:#666;}
.cnt_cont .bkg .box_3 .tit{ background-color:#555;}
.cnt_cont .bkg .box_4 .tit{ background-color:#444;}
.cnt_compbkg{ clear:both; width:100%; background-color:#FFF;}
.cnt_comp{ width:1352px; margin:0 auto; padding:70px 0 40px 0;}
.cnt_comp .abp_1{ color:#013d1f; margin-left:20px;}
.cnt_comp .abp_2{ margin-left:20px;}
.cnt_comp .abp_3{ margin-left:25px;}
.cnt_comp .box ul{ overflow:hidden; padding-top:50px;}
.cnt_comp .box li{ float:left; margin:0 20px 30px 20px; width:calc(25% - 40px); transition:all 0.3s ease;}
.cnt_comp .box li .bkg{ position:relative; transition:all 0.3s ease;}
.cnt_comp .box li img{ width:auto; max-width:100%;}
.cnt_comp .box li .tit{ position:absolute; left:0px; bottom:0; background:rgba(0,0,0,0.6); width:calc(100% - 33px); padding-left:33px; height:42px; line-height:42px; color:#FFF; font-size:18px; font-weight:bold;}
.cnt_comp .box li .info{ padding:0 0 15px 33px; background-color:#F4F4F4; color:#000; font-size:15px; transition:all 0.3s ease;}
.cnt_comp .box li .info p{ line-height:19px; padding-top:12px;}
.cnt_comp .box li .info b{ color:#666;}
.cnt_comp .box li .info a{ color:#000;}
.cnt_comp .box li .info a:hover,a:active{ color:#01401F;}
.cnt_comp .box li:hover{ box-shadow:0 0 5px #ccc;}
/*.cnt_comp .box li:hover .bkg{ -webkit-filter:none; filter:none;}*/
.cnt_comp .box li:hover .bkg{ -webkit-filter:grayscale(100%); filter:grayscale(100%);}
.cnt_comp .box li:hover .info{ background-color:#FFF;}
.cnt_feed{ clear:both; width:1300px; margin:0 auto; padding:55px 0;}
.cnt_feed .abp_1{ color:#013d1f;}
.cnt_feed .abp_2{ color:#bad2cc;}
.cnt_feed .text{ color:#666; line-height:33px; padding-top:25px;}
.cnt_feed .boxA{ margin-top:10px; overflow:hidden; border:1px solid #E3E3E3;}
.cnt_feed .boxA_cur{ border-color:#97AEA3;}
.cnt_feed .boxA .bkg{ float:left; width:79px; height:189px; background:#BCDDD6 url(../images/contact_11.png) center 20px no-repeat;}
.cnt_feed .boxA .bkg_cur{ background-color:#01401F; background-image:url(../images/contact_11_1.png);}
.cnt_feed .boxA .area{ float:left; width:calc(100% - 141px); height:159px; padding:15px 21px 15px 41px; font-size:18px; line-height:26px; color:#333; background:#FFF; border:0; outline:none; font-family:"??????"}
.cnt_feed .boxA .area:focus{ background-color:#F1FCF7;}
.cnt_feed .boxB{ overflow:hidden; margin-top:12px;}
.cnt_feed .boxB .box{ float:left; width:calc(50% - 8px); border:1px solid #E3E3E3;}
.cnt_feed .boxB .box_cur{ border-color:#9EB4A9;}
.cnt_feed .boxB .box .bkg{ float:left; width:79px; height:64px; background:#BCDDD6 url(../images/contact_12.png) center center no-repeat;}
.cnt_feed .boxB .box .bkg_cur{ background-color:#01401F; background-image:url(../images/contact_12_1.png);}
.cnt_feed .boxB .box input{ float:left; width:calc(100% - 141px); height:64px; padding:0 21px 0 41px; font-size:18px; color:#333; background:#FFF; border:0; outline:none;}
.cnt_feed .boxB .box input:focus{ background-color:#F1FCF7;}
.cnt_feed .boxB .box_2{ float:right;}
.cnt_feed .boxB .box_2 .bkg{ background-image:url(../images/contact_13.png);}
.cnt_feed .boxB .box_2 .bkg_cur{ background-image:url(../images/contact_13_1.png);}
.cnt_feed .boxC{ margin-top:16px; overflow:hidden;}
.cnt_feed .boxC input{ width:100%; height:60px; line-height:60px; font-size:18px; color:#FFF; background:#A2A2A2; border:0; outline:none; cursor:pointer; -webkit-appearance: none; border-radius:0;}
.cnt_feed .boxC input:hover{ background-color:#01401F;}


/*???????*/
.pro_ctg{ width:100%; height:70px; background-color:#FCFCFC;}
.pro_ctg .box{ position:relative; left:50%; float:left;}
.pro_ctg .list{ position:relative; left:-50%; float:left; z-index:100;}
.pro_ctg .list li{ float:left; margin:0 40px; height:70px; text-align:center; position:relative;}
.pro_ctg .list li>a{ display:block; width:132px; height:100%; line-height:70px; font-size:16px; color:#000; transition:all 0.3s ease;}
.pro_ctg .list li:hover>a{ background-color:#F4F4F4;}
.pro_ctg .list li:hover>a em{ display:block; width:100%; height:6px; background-color:#01401F; position:absolute; left:0; bottom:-6px;}
.pro_ctg .list li.cur>a{ background-color:#F4F4F4;}
.pro_ctg .list li.cur>a em{ display:block; width:100%; height:6px; background-color:#01401F; position:absolute; left:0; bottom:-6px;}
.pro_ctg .list li .nav{ position:absolute; top:100%; left:0px; line-height:30px; width:150px; padding:10px 15px 10px 15px; text-align:left; background:rgba(1,64,31,0.9); display:none;}
.pro_ctg .list li .nav a{ color:#A7EBCC;}
.pro_ctg .list li .nav a:hover{ color:#FFF; font-weight:bold;}
.pro_navbox, .pro_navbox2{ display:none;}
.pro_boxbkg{ clear:both; width:100%; height:884px; background:url(../images/products_05.jpg) top center no-repeat; background-size:cover;}
.pro_box{ width:1404px; margin:0 auto;}
.pro_box .list{ padding:73px 0 40px 0;}
.pro_box .list li{ float:left; width:calc(25% - 16px); background-color:#FFF; border-bottom:2px solid #D6D6D6; margin:0 8px 14px 8px; text-align:center; font-size:16px; position:relative; transition:all 0.3s ease;}
.pro_box .list li a{ color:#474747;}
.pro_box .list li img{ display:block; margin:0 auto; width:auto; max-width:100%;}
.pro_box .list li p{ padding:10px 0 15px 0;}
.pro_box .list li:after{ content:""; display:block; border-color:#01401F; width:0; height:2px; background-color:#01401F; position:absolute; left:0; bottom:-2px; transition:all 0.3s ease;}
.pro_box .list li:hover{ box-shadow:0 0 5px #999;}
.pro_box .list li:hover:after{ width:100%;}


/*????????*/
.pros_ctg{ position:fixed; left:0; top:88px; width:210px; height:100%; background:#FFF; z-index:100; transition:all 0.3s ease-out;}
.pros_ctg .p_1{ width:100%; height:84px; line-height:84px; text-align:center; background-color:#D8C96C; color:#013d1f; font-size:21px; font-weight:bold;}
.pros_ctg ul{ width:100%; height:100%;}
.pros_ctg li{ width:100%; height:63px; line-height:63px; position:relative; border-bottom:1px solid #EFEFEF; z-index:1;}
.pros_ctg li:after{ content:""; display:block; width:0; height:calc(100% - 1px); background-color:#ECECEC; position:absolute; left:0; top:0; transition:all 0.3s ease; z-index:3;}
.pros_ctg li>a{ display:block; width:100%; height:100%; text-align:center; font-size:16px; color:#000; overflow:hidden; position:relative; z-index:4;}
.pros_ctg li>a:after{ content:""; display:block; width:7px; height:7px; border-top:1px solid #B4B4B4; border-right:1px solid #B4B4B4; transform:rotate(135deg); position:absolute; right:20px; top:27px; transition:all 0.3s ease-out;}
.pros_ctg li:hover:after{ width:calc(100% + 9px); border-right:2px solid #01401F;}
.pros_ctg li.cur:after{ width:calc(100% + 9px); border-right:2px solid #01401F;}
.pros_ctg li:hover a:after{ transform:rotate(45deg);}
.pros_ctg li .nav{ position:absolute; top:0; left:100%; background:rgba(1,64,31,0.9); width:0; display:none; padding:0 40px 0 75px; z-index:2;}
.pros_ctg li .nav a{ font-size:15px; height:19px; line-height:19px; color:#A7EBCC; display:inline-block; overflow:hidden; margin:28px 0 0 0;}
.pros_ctg li .nav a em{ display:inline-block; width:0; height:2px; background-color:#16A05C; margin-bottom:4px; transition:all 0.3s ease-out;}
.pros_ctg li .nav a:hover{ color:#FFF; font-weight:bold;}
.pros_ctg li .nav a:hover em{ width:12px; margin-right:8px;}
.pros_ctgfix{ top:70px;}
.pros_banbox{ clear:both; width:100%; height:655px; background:url(../images/productsShow_02.jpg) bottom center no-repeat; background-size:auto 100%; position:relative;}
.pros_banbox .lt{ float:left; padding:95px 0 0 325px;}
.pros_banbox .lt p{ color:#013d1f; font-size:32px; line-height:38px; text-transform:uppercase;}
.pros_banbox .lt b{ display:block; font-size:36px; line-height:40px; margin-top:10px;}
.pros_banbox .rt{ float:right; padding:95px 0 0 0;}
.pros_banbox .rt a{ display:block; float:right; width:100px; padding-left:57px; height:41px; line-height:41px; border-radius:41px; margin-right:26px; background:url(../images/productsShow_04.png) 26px center no-repeat; color:#FFF; font-size:15px; background-color:rgba(1,64,31,0.9); transition:all 0.3s ease;}
.pros_banbox .rt a:hover{ background-color:rgba(1,64,31,1);}
.pros_box{ clear:both; width:100%; background:#F2F2F2;}
.pros_box .box{ padding:50px 20px 50px 275px; line-height:30px; font-size:15px;}
.pros_box .box .tit_1{ font-size:23px; font-weight:bold; color:#013d1f;}
.pros_box .box .tb_1{ width:100%; border-top:1px solid #01401F; border-bottom:1px solid #01401F; border-left:1px solid #86B0A0; margin-top:20px;}
.pros_box .box .tb_1 tr{ background-color:#BFE2D9;}
.pros_box .box .tb_1 .bkg_1{ background-color:#E0FFF9;}
.pros_box .box .tb_1 td{ height:50px; font-size:12px; text-align:center; border-right:1px solid #86B0A0;}
.pros_box img{ width:auto; max-width:100%;}
.wap_prosban{ display:none;}
.pros_bimg{ text-align:center; display:none;}
.pros_bimg img{ width:auto; max-width:100%;}

/*????*/
.subA_box{ clear:both; width:1400px; margin:0 auto; padding:50px 0;}
.subA_box .tit_1{ clear:both; overflow:hidden;}
.subA_box .tit_1 .lt{ float:left; padding:0 15px; width:63px;}
.subA_box .tit_1 .lt img{ width:auto; max-width:100%;}
.subA_box .tit_1 .rt{ float:left;}
.subA_box .tit_1 .rt b, .subA_box .tit_1 .rt strong{ color:#050505; font-size:25px; font-weight:bold; margin-top:5px;}
.subA_box .tit_1 .rt p{ color:#D0D0D0; font-size:17px; text-transform:uppercase; font-family:Arial; margin-top:10px;}
.subA_box .box_1{ clear:both; padding-top:37px;}
.subA_box .box_1 ul{ height:auto;}
.subA_box .box_1 li{ float:left; width:calc(50% - 1px); margin-right:1px;}
.subA_box .box_1 li img{ display:block; width:auto; max-width:100%;}
.subA_box .tit_2{ padding-top:57px;}
.subA_box .tit_2 .lt{ width:54px;}
.subA_box .tit_2 .rt p{ margin-top:5px;}
.subA_box .box_2{ clear:both; padding-top:32px;}
.subA_box .box_2 ul{ float:left; width:calc(50% - 54px); padding:35px 0 35px 53px; margin-right:1px; background:#EEEEEE;}
.subA_box .box_2 ul li{ height:45px; line-height:45px; font-size:22px; color:#535353}
.subA_box .box_2 ul:nth-child(2){ float:right;}
.subA_box .tit_3{ padding-top:42px;}
.subA_box .tit_3 .lt{ width:43px;}
.subA_box .tit_3 .rt p{ margin-top:5px;}
.subA_box .box_3{ clear:both; padding-top:30px; line-height:40px; font-size:15px;}


/*??? ???*/
.dj_topnone{ position:absolute;}
.dj_top_btn{ position:fixed; top:0; left:50%; margin-left:-57px; width:92px; padding-left:23px; height:32px; line-height:32px; background-color:#D0000D; color:#FEFCB4; z-index:2000; cursor:pointer; display:none;}
.dj_top_btn em{ display:inline-block; width:10px; height:1px; background-color:#F2CF94; transform:rotate(135deg); margin:0 0 4px 13px; position:relative;}
.dj_top_btn em:after{ content:""; display:block; width:10px; height:1px; background-color:#F2CF94; transform:rotate(90deg); position:absolute; left:5px; top:4px;}
.dj_banbox{ clear:both; width:100%; background-size:cover; position:relative;}
.dj_banbox img{ width:auto; max-width:100%;}
.dj_bkg{ clear:both; width:100%; background:#FFF url(../images/dj_03.jpg) top center repeat-x; padding-bottom:45px;}
.dj_bkg a:hover,.dj_bkg a:active{ color:#CB1C1D;}
.dj_nav{ width:100%; height:125px; overflow:hidden;}
.dj_nav div{ float:left; position:relative; left:50%;}
.dj_nav ul{ float:left; position:relative; left:-50%;}
.dj_nav ul li{ float:left; font-size:22px; font-weight:bold; color:#FFF; padding:47px 40px 0 40px;}
.dj_nav ul li a{ color:#FFF; display:inline-block;}
.dj_nav ul li a.cur{ color:#fedc26;}
.dj_nav ul li a.cur:before{ content:""; display:block; width:100%; height:2px; background-color:#fedc26; margin-bottom:-40px;}
.dj_nav ul li a.cur:after{ content:""; display:block; width:100%; height:1px; background-color:#fedc26; margin-top:11px;}
.dj_nav ul li a:hover{ color:#fedc26;}
.dj_nav ul li a:hover:before{ content:""; display:block; width:100%; height:2px; background-color:#fedc26; margin-bottom:-40px;}
.dj_nav ul li a:hover:after{ content:""; display:block; width:100%; height:1px; background-color:#fedc26; margin-top:11px;}
.dj_boxA{ width:1410px; margin:0 auto; height:auto;}
.dj_boxA .lt{ float:left; width:695px; border:1px solid #FFF; overflow:hidden; position:relative;}
.dj_boxA .lt img{ width:auto; max-width:100%;}
.dj_boxA .lt .img_box_1,.dj_boxA .lt .img_box_2{ float:left;}
.dj_boxA .lt .list li{ float:left; position:relative;}
.dj_boxA .lt .list li p{ position:absolute; left:0; bottom:0; height:80px; line-height:80px; width:calc(100% - 175px); padding:0 150px 0 25px; color:#FFF; font-size:19px; font-weight:bold; background-color:rgba(0,0,0,0.8); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dj_boxA .lt .btn_list{ position:absolute; bottom:28px; right:28px;}
.dj_boxA .lt .btn_list li{ float:left; width:23px; height:23px; line-height:23px; text-align:center; font-size:12px; margin-left:10px; background-color:#FFF; cursor:pointer; transition:all 0.3s ease;}
.dj_boxA .lt .btn_list li.cur{ background-color:#D82425; color:#FFF;}
.dj_boxA .lt .btn_list li:hover{ background-color:#D82425; color:#FFF;}
.dj_boxA .rt{ float:right; width:695px; height:100%;}
.dj_boxA .rt .cont{ clear:both; width:calc(100% - 62px); padding:0 31px; height:314px; overflow:hidden; background:#F4F4F4;}
.dj_boxA .rt .cont .tit{ padding-top:10px; height:62px; line-height:62px; border-bottom:1px solid #D3D3D3; position:relative;}
.dj_boxA .rt .cont .tit p{ float:left; display:inline-block; font-size:19px; font-weight:bold; color:#cb1c1d; position:relative;}
.dj_boxA .rt .cont .tit p:after{ content:""; display:block; width:80px; height:2px; background-color:#CB1C1D; margin-top:-1px;}
.dj_boxA .rt .cont .tit p em{ display:inline-block; height:1px; width:24px; background-color:#D14243; margin:0 0 5px 16px;}
.dj_boxA .rt .cont .tit p em:before, .dj_boxA .rt .cont .tit p em:after{ content:""; display:block; height:1px; width:17px; background-color:#D14243;}
.dj_boxA .rt .cont .tit p em:before{ margin-top:-6px;}
.dj_boxA .rt .cont .tit p em:after{ margin-top:11px;}
.dj_boxA .rt .cont .info{ color:#4C4C4C; line-height:32px; padding:18px 5px 0 5px; overflow:hidden;}
.dj_boxA .rt .btn{ padding-top:16px;}
.dt_ctg{ float:right; padding:10px 20px 0 0; line-height:32px;}
.dt_ctg a{ float:none; display:inline-block; height:32px; border-radius:32px; margin:0;}
.dt_ctg a.cur{ background-color:#CB1C1D; color:#FFF; padding:0 18px;}
.dt_ctg span{ display:inline-block; margin:0 15px;}
.dt_ctg span:last-child{ display:none;}
.dj_boxB{ clear:both; width:1410px; margin:0 auto; padding-top:20px; height:425px;}
.dj_boxB .box_1{ float:left; width:695px; height:calc(100% - 2px); border:1px solid #EADCDC; background-color:#F4F4F4; overflow:hidden;}
.dj_boxB .box_1 .tit{ padding-top:10px; height:62px; line-height:62px; background:#F0F0F0 url(../images/dj_10_1.png) 33px center no-repeat; position:relative;}
.dj_boxB .box_1 .tit p{ float:left; margin-left:93px; padding-top:11px;}
.dj_boxB .box_1 .tit p b{ display:inline-block; margin:0 1px; width:32px; height:32px; line-height:32px; font-size:19px; text-align:center; color:#FFF; background-color:#CB1C1D;}
.dj_boxB .box_1 .tit p em{ display:inline-block; height:1px; width:24px; background-color:#D14243; margin:0 4px 7px 0;}
.dj_boxB .box_1 .tit p em:before, .dj_boxB .box_1 .tit p em:after{ content:""; display:block; height:1px; width:17px; margin-left:7px; background-color:#D14243;}
.dj_boxB .box_1 .tit p em:before{ margin-top:-6px;}
.dj_boxB .box_1 .tit p em:after{ margin-top:11px;}
.dj_boxB .box_1 .tit p em:last-child{ margin:0 0 7px 4px;}
.dj_boxB .box_1 .tit p em:last-child:before, .dj_boxB .box_1 .tit p em:last-child:after{ margin-left:0;}
.dj_boxB .box_1 .tit a{ float:right; margin-right:25px; font-size:16px;}
.dj_boxB .box_1 .list{ clear:both; padding-top:25px;}
.dj_boxB .box_1 .list li{ overflow:hidden; height:38px; line-height:38px; padding:0 50px 0 36px;}
.dj_boxB .box_1 .list li a{ float:left; color:#6a6a6a; font-size:15px; width:calc(100% - 90px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dj_boxB .box_1 .list li a b{ color:#636363; margin-right:16px}
.dj_boxB .box_1 .list li span{ float:right; color:#808080; font-size:12px;}
.dj_boxB .box_1 .list li a:hover{ color:#2a2a2a;}
.dj_boxB .box_1 .list li a:hover b{ color:#2a2a2a;}
.dj_boxB .box_2{ float:right;}
.dj_boxB .box_2 .tit{ background-image:url(../images/dj_10_2.png);}
.dj_boxB .box_2 .list_1{ clear:both; padding:25px 26px 0 26px;}
.dj_boxB .box_2 .list_1 li{ float:left; width:calc(33.33% - 18px); padding:0 9px; text-align:center; line-height:35px; overflow:hidden;}
.dj_boxB .box_2 .list_1 li img{ display:block; margin:0 auto; width:auto; max-width:100%;}
.dj_boxC .box_1 .tit{ background-image:url(../images/dj_10_3.png);}
.dj_boxC .box_2 .tit{ background-image:url(../images/dj_10_4.png);}
.dj_boxD .box_1 .tit{ background-image:url(../images/dj_10_5.png);}
.dj_boxD .box_1 .list_2{ clear:both; padding-top:25px;}
.dj_boxD .box_1 .list_2 li .text_1{ overflow:hidden; height:38px; line-height:38px; padding:0 50px 0 36px;}
.dj_boxD .box_1 .list_2 li .text_1 a{ float:left; color:#6a6a6a; font-size:15px; width:calc(100% - 90px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dj_boxD .box_1 .list_2 li .text_1 a b{ color:#636363; margin-right:16px}
.dj_boxD .box_1 .list_2 li .text_1 span{ float:right; color:#808080; font-size:12px;}
.dj_boxD .box_1 .list_2 li .text_1 a:hover{ color:#2a2a2a;}
.dj_boxD .box_1 .list_2 li .text_1 a:hover b{ color:#2a2a2a;}
.dj_boxD .box_1 .list_2 li .text_2{ overflow:hidden; border-bottom:1px solid #E8E8E8; margin:0 18px 0 10px; padding:5px 0 20px 0; display:none;}
.dj_boxD .box_1 .list_2 li .text_2 .imgbox{ float:left; width:100px; padding-left:13px;}
.dj_boxD .box_1 .list_2 li .text_2 .imgbox img{ width:auto; max-width:100%;}
.dj_boxD .box_1 .list_2 li .text_2 .info{ float:left; padding:0 0 0 22px;}
.dj_boxD .box_1 .list_2 li .text_2 .info b{ font-size:16px; color:#cb1c1d;}
.dj_boxD .box_1 .list_2 li .text_2 .info p{ color:#2a2a2a; line-height:40px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dj_boxD .box_1 .list_2 li .text_2 .info span{ color:#a0a0a0; font-size:12px;}
.dj_boxD .box_1 .list_2 li.cur .text_1{ display:none;} 
.dj_boxD .box_1 .list_2 li.cur .text_2{ display:block;} 
.dj_boxD .box_2 .tit{ background-image:url(../images/dj_10_6.png);}
.dj_boxD .box_2 .tit a{ float:none; margin:0;}
.dj_boxD .box_2 .hon_box{ clear:both; margin-top:34px; position:relative;}
.dj_boxD .box_2 .hon_box .btn{ position:absolute; top:72px; display:block; width:34px; height:81px; background-color:#B3B4B4; transition:all 0.3s ease;}
.dj_boxD .box_2 .hon_box .prev{ left:0;}
.dj_boxD .box_2 .hon_box .next{ right:0;}
.dj_boxD .box_2 .hon_box .btn em{ display:block; width:17px; height:1px; background-color:#FFF; transform:rotate(-45deg); margin:33px 0 0 8px; position:relative;}
.dj_boxD .box_2 .hon_box .btn em:after{ content:""; display:block; width:17px; height:1px; background-color:#FFF; transform:rotate(90deg); position:absolute; left:-8px; top:8px;}
.dj_boxD .box_2 .hon_box .next em{ margin-left:10px; transform:rotate(45deg);}
.dj_boxD .box_2 .hon_box .next em:after{ transform:rotate(-90deg); left:8px; top:8px;}
.dj_boxD .box_2 .hon_box .btn:hover{ background-color:#CB1C1D;}
.dj_boxD .box_2 .hon_box .box{ width:83.3%; margin:0 auto; overflow:hidden;}
.dj_boxD .box_2 .img_box_1,.dj_boxD .box_2 .img_box_2{ float:left;}
.dj_boxD .box_2 .hon_box .box li{ float:left; width:calc(33.33% - 18px); margin:0 9px;}
.dj_boxD .box_2 .hon_box .box li img{ display:block; margin:0 auto; width:auto; max-width:100%;}
.dj_boxD .box_2 .hon_box .box li p{ text-align:center; font-size:16px; padding-top:15px;}
.dj_boxD .box_2 .hon_box .box li a{ position:relative; display:block;}
.dj_boxD .box_2 .hon_box .box li a:hover:after{ content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(203,28,29,0.8); background-image:url(../images/dj_18.png); background-position:center center; background-repeat:no-repeat;}
.dj_btmbox{ clear:both; width:100%; color:#FFF; background-color:#CB1C1D; text-align:center; padding:20px 0;}
.dj_btmbox .p_1{ line-height:30px;}
.dj_btmbox .p_2 img{ margin:25px 14px 0 14px; display:inline-block;}

/*??? ?????§Ò?*/
.djW_box{ height:auto;}
.djW_box .box_1{ float:none; width:calc(100% - 2px); padding-bottom:20px; min-height:200px;}
.box_1 .tit_1{ width:calc(100% - 62px); margin:0 auto; padding-top:10px; height:62px; line-height:62px; border-bottom:1px solid #D3D3D3; position:relative;}
.box_1 .tit_1 p{ float:left; display:inline-block; font-size:19px; font-weight:bold; color:#cb1c1d; position:relative;}
.box_1 .tit_1 p:after{ content:""; display:block; width:80px; height:2px; background-color:#CB1C1D; margin-top:-1px;}
.box_1 .tit_1 p em{ display:inline-block; height:1px; width:24px; background-color:#D14243; margin:0 0 5px 16px;}
.box_1 .tit_1 p em:before, .box_1 .tit_1 p em:after{ content:""; display:block; height:1px; width:17px; background-color:#D14243;}
.box_1 .tit_1 p em:before{ margin-top:-6px;}
.box_1 .tit_1 p em:after{ margin-top:11px;}

/*??? ???*/
.djJ_box .rt{ float:none; width:100%; height:auto;}
.djJ_box .rt .cont{ height:auto; padding-bottom:20px; min-height:300px;}

/*??? ???§Ò?*/
.djT_box{ height:auto;}
.djT_box .box_1{ float:none; width:calc(100% - 2px); padding-bottom:20px;}
.djT_box .box_1 .list_1{ overflow:hidden; padding:25px 30px 0 30px;}
.djT_box .box_1 .list_1 li{ width:calc(20% - 18px); padding:0 9px 10px 9px; text-align:center; line-height:40px;}

/*??? ?????§Ò?*/
.djH_box{ height:auto;}
.djH_box .box_1{ float:none; width:calc(100% - 2px); padding-bottom:20px;}
.djH_box .box_2 .hon_box .box{ width:calc(100% - 60px);}
.djH_box .box_2 .hon_box .box li{ width:calc(20% - 18px); padding-bottom:10px;}
.djH_box .box_2 .hon_box .box li p{ line-height:35px; padding-top:0;}

/*??? ????????*/
.dj_nsshow{ width:100%; padding-top:40px;}
.dj_nsshow .nss_tit{ text-align:center; font-size:29px; color:#CB1C1D; font-weight:bold;}
.dj_nsshow .nss_tm{ overflow:hidden; font-size:12px; color:#666; padding:48px 0 12px 0;}
.dj_nsshow .nss_info{ clear:both; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; padding:20px 0; font-size:16px; line-height:40px;}
.dj_nsshow .nss_info img{ width:auto; max-width:100%;}
.dj_nsshow .btnbox{ overflow:hidden; padding-top:22px;}
.dj_nsshow .btnbox a{ display:block; float:right; border:1px solid #C9CACA; color:#5b5b5b; text-align:center; overflow:hidden; width:164px; height:38px; line-height:38px; border-radius:38px; margin:0 20px; transition:all 0.3s ease;}
.dj_nsshow .btnbox a:after{ content:""; display:block; width:0; height:100%; background:#CB1C1D; margin-top:-38px; transition:all 0.3s ease;}
.dj_nsshow .btnbox a:hover{ color:#FFF;}
.dj_nsshow .btnbox a:hover:after{ width:100%;}
.dj_page a:hover,.wp-dj_page a:hover{ background:#CB1C1D;}
.dj_page .wp-pagenavi span.current{ background:#CB1C1D;}




.opa0{ opacity:0; }