@charset "utf-8";
/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family: 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans', source-han-sans-simplified-c, sans-serif; color:#000000; background:#FFF; line-height:26px; 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; width:auto; max-width:100%;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{color: #ff0000;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:'BebasNeue';
  src:url('../fonts/BebasNeue Regular.ttf');
  font-weight:normal;
  font-style:normal;
}
@font-face
 {
  font-family:'constan';
  src:url('../fonts/constan.ttf');
  font-weight:normal;
  font-style:normal;
}
@font-face
 {
  font-family:'bigjohn';
  src:url('../fonts/BIG JOHN.OTF');
  font-weight:normal;
  font-style:normal;
}
@font-face
 {
  font-family:'slimJoe';
  src:url('../fonts/SLIM JOE.OTF');
  font-weight:normal;
  font-style:normal;
}


@font-face
 {
  font-family:'yegenyou';
  src:url('../fonts/yegenyou.ttf');
  font-weight:normal;
  font-style:normal;
}

/*首页*/
.in_topbox{ width:100%; height:82px; background-color:rgba(255,255,255,1); position:fixed; left:0; top:0; z-index:1000; transition:all 0.3s ease-out;}
.in_top{ width:1500px; margin:0 auto;}
.in_top .lt{ float:left; height:58px; padding-top:24px; transition:all 0.3s ease-out;}
.in_top .lt img{ max-height:44px;}
.in_top .menu{ height:82px; position:absolute; left:25%; bottom:-1px; transform:translate(-2%, 0); z-index:1001; transition:all 0.3s ease-out;}
.in_top .menu li{ float:left; height:100%; padding:0 65px; position:relative;}
.in_top .menu li.pcc {
	width: 105px;
}
.in_top .menu li>a{ display:block; height:100%; line-height:82px; padding:0 5px; color:#5d5d5d; font-size:17px; transition:all 0.3s ease-out; position:relative; }
.in_top .menu li.cur>a{ color:#5d5d5d;}
.in_top .menu li:hover>a{ color:#004098;}
.nav_i{position:relative;float:left;padding:0px 0px 65px 0px;width:187px}
.in_top .menu li .nav{ position:absolute; top:82px; left:-165px; padding:0px 0 20px 50px; display:none;width:980px;}
.in_top .menu li .nav p{ height:30px; line-height:30px;}
.in_top .menu li .nav a{ color:#333;}
.in_top .menu li .nav a:after{content:""; display:block; float:left; width:0px; height:1px; background-color:#ff0000; margin:14px 0 0 0; transition:all 0.3s ease-out;}
.in_top .menu li .nav a:hover{ color:#004098;}
.in_top .menu li .nav a:hover:after{ width:11px; margin-left:-11px; margin-right:6px;}





.in_top .rt{ float:right; padding-top:30px; transition:all 0.3s ease-out;}
.in_top .rt a{ display:inline-block; width:52px; height:22px; margin:0 5px 0 0; padding:0; background:url(../home_files/index_03.png) -27px center no-repeat;}
.in_top .rt a:hover{ background-image:url(../home_files/index_03_1.png); opacity:1;}
.in_top .rt .btn_sh{ background-position:5px center;}
.in_top .rt .a_1{ background-position:-0px center;}
.in_top .rt .a_2{ background-position:-56px center;}
.in_topbox .bkgbox{ clear:both; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); position:relative;}
.in_topbox .bkg{ height:0; width:100%; background-color:rgba(245,245,245,1); transition:all 0.3s ease-out; z-index:1000;}
.in_topbox .bkg_1{ background-color:rgba(245,245,245,1);}
.in_topbox .hx{ width:45px; height:1px; background-color:#ff0000; position:absolute; bottom:-1px; left:0; display: none}
.wap_topbox{ display:none;}
.sh_bkg{ position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.8); display:none;}
.sh_box{ position:fixed; left:20%; top:40%; z-index:2001; width:60%; display:none;}
.sh_box .txt{ float:left; display:block; width:calc(90% - 22px); height:20px; line-height:20px; padding:15px 10px; border:0;}
.sh_box .btn{ float:left; display:block; width:10%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#ff0000 url(../home_files/index_04.png) center center no-repeat; border:0; cursor:pointer;}
.sh_box form{ margin-top:35px;}
.sh_box .close{ position:relative; width:50px; height:50px; margin:0 auto; cursor:pointer;}
.sh_box .close:before,.sh_box .close:after{ content:""; display:block; width:60px; height:1px; background-color:#FFF; position:absolute; left:-5px; top:25px;}
.sh_box .close:before{ transform:rotate(45deg);}
.sh_box .close:after{ transform:rotate(-45deg);}
.top_jg{ width:100%; height:82px;}
.top_jg_h{ height:66px;}
.in_topbox_h{ height:66px; background-color:rgba(255,255,255,1);}
.in_topbox_h .in_top .lt{ float:left; height:52px; padding-top:14px;}
.in_topbox_h .in_top .menu{ height:66px;}
.in_topbox_h .in_top .menu li>a{ line-height:66px;}
.in_topbox_h .in_top .menu li>a:after{ top:65px;}
.in_topbox_h .in_top .menu li .nav{ top:66px;}
.in_topbox_h .in_top .rt{ float:right; padding-top:23px;}
.in_topbox_bkg{ background-color:rgba(255,255,255,1);}
.in_banbox{ clear:both; width:100%; overflow:hidden; position:relative; z-index:100;}
.in_banbox .ban_box{ width:19200px; height:500px !important; overflow:hidden;}
.in_banbox .ban_box_1,.in_banbox .ban_box_2{ float:left;}
.in_banbox .ban_box li{ float:left; height:212px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; color:#FFF; position:relative;}
.in_banbox .ban_box .text{ position:absolute; top:25%; left:50%; z-index:102; transform: translateX(-50%);  color:#FFF;}
.in_banbox .ban_box .text .p_1{ clear:both; float:center; font-size:33px; line-height:2.0; font-family:'黑体'; opacity:0; transform:translate(-50px, 0); text-align:center;}
.in_banbox .ban_box .text .p_2{ clear:both; float:center; font-size:33px; line-height:2.0; font-family:'黑体'; opacity:0; transform:translate(-50px, 0);text-align:center;}
.in_banbox .ban_box .text .p_3{ clear:both; float:center; font-size:92px; line-height:2.1; font-family:'黑体'; opacity:0; transform:translate(-50px, 0);text-align:center;}
.in_banbox .ban_load_p_1{ 
	animation:ban_load_p_1_Rotate 0.8s ease forwards;
}
@keyframes ban_load_p_1_Rotate{
	100%{ opacity:0.9; transform:translate(0px, 0px);}
}
.in_banbox .ban_load_p_1_1{ 
	animation:ban_load_p_1_1_Rotate 0.8s ease forwards 0.2s;
}
@keyframes ban_load_p_1_1_Rotate{
	100%{ opacity:0.9; transform:translate(0px, 0px);}
}
.in_banbox .ban_load_p_1_2{ 
	animation:ban_load_p_1_2_Rotate 0.8s ease forwards 0.4s;
}
@keyframes ban_load_p_1_2_Rotate{
	100%{ opacity:0.9; 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.9; 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:0.9; transform:translate(0px, 0px);}
}
.in_banbox .ban_box .li_2 .text{ color:#090909;}
.in_banbox .smbox{ position:absolute; left:200px; top:50%; z-index:102; font-family:'constan'; font-size:19px;}
.in_banbox .smbox ul{}
.in_banbox .smbox li{width:25px;height:25px;margin-bottom:20px;color: #5c5c5c;cursor:pointer;position:relative;}
.in_banbox .smbox li.cur{ color:#004098; font-size:28px;}
.in_banbox .smbox li.cur:after{ content:""; display:block; width:18px; height:2px; background-color:#004098; position:absolute; left:35px; top:13px;}
.in_banbox .btnbox{ position:absolute; bottom:100px; left:60px; z-index:102; display:none;}
.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);}
.mouse_box{ position:absolute; bottom:30px; left:50%; margin-left:-11px; z-index:200;}
.mouse_box div{ -webkit-animation:nudgeMouse 1.6s linear infinite; animation:nudgeMouse 1.6s linear infinite;}
.mouse_box span{ display:block; width:23px; height:40px; background:url(../home_files/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(../home_files/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);}
}
.wap_banbox{ display:none;}
.in_boxA{ clear:both; width:calc(100% - 56px); margin:0 auto; padding:28px 0 74px 0; overflow:hidden;}
.in_boxA .lt{ float:left; width:calc(50% - 14px); height:816px; background:url(../home_files/index_08.jpg) center top no-repeat; background-size:100% 100%; position:relative;}
.in_boxA .lt img{ position:absolute; top:0; left:50%; transform:translate(-50%, 0);}
.in_boxA .lt .info{ position:absolute; right:65px; top:50px; text-align:right; color:#FFF;}
.in_boxA .lt .info .p_1{ font-size:35px;line-height:35px;font-weight:bold; text-transform:uppercase; opacity:0.8;}
.in_boxA .lt .info .p_2{ font-size:30px; margin-top:13px;}
.in_boxA .lt .info .more{ float:right;display:block;width:130px;text-align:center;height:35px;line-height:35px;color:#FFF;text-transform:capitalize;border-radius:35px;background-color:#004098;margin-top:85px;transition:all 0.3s ease-out;}
.in_boxA .lt .info .more:hover{ background-color:#BC465D;}
.in_boxA .rt{ float:right;width:calc(50% - 14px);height:816px;background:url(../home_files/index_09.jpg) center top no-repeat;background-size:100% 100%;position:relative;}
.featured-half{ width:50%; display:flex; flex:1 0 auto; align-items:center; display:-webkit-flex;}
.in_boxA .rt .box_1{ width:100%; height:50%; text-align:center;}
.in_boxA .rt .box_1 .box_11, .in_boxA .rt .box_1 .box_12{ width:100%; margin:0 auto;}
.in_boxA .rt .box_1 .p_1{ color:#004098; font-size:35px; line-height:35px; font-weight:bold; text-transform:uppercase;}
.in_boxA .rt .box_1 .p_2{ color:#242424; font-size:30px; font-weight:bold; margin-top:5px;}
.in_boxA .rt .box_1 .p_3{ color:#1b1b1b; width:50%; font-size:16px; line-height:27px; margin:30px auto 0 auto;}
.in_boxA .rt .box_1 .p_4{ display:block; width:65px; height:32px; line-height:32px; text-align:center; border:1px solid #D8D8D8; border-radius:32px; margin:30px auto 0 auto; transition:all 0.3s ease-out;}
.in_boxA .rt .box_1 .p_4 i{display:block; border:1px dashed #004098;width:12px;margin:15px auto 0 auto; transition:all 0.3s ease-out;}
.in_boxA .rt .box_1 .p_4:hover{ background-color:#004098; border-color:#004098;}
.in_boxA .rt .box_1 .p_4:hover i{ border:1px dashed #FFF;}
.in_boxA .rt .box_1 .box_12 .p_1{ color:#FFF;}
.in_boxA .rt .box_1 .box_12 .p_2{ color:#FFF;}
.in_boxA .rt .box_1 .box_12 .p_4{ border-color:#FFF;}
.in_boxA .rt .box_1 .box_12 .p_4 i{ border-color:#FFF;}
.in_boxA .rt .box_1 .box_12 .p_4:hover{ background-color:#FFF;}
.in_boxA .rt .box_1 .box_12 .p_4:hover i{ border-color:#d17078;}
.in_boxB{ clear:both; width:100%; margin:0 auto; padding:50px 0 0 0;}
.in_tit_box{ text-align:center;}
.in_tit_box .p_1{ color:#A8A8A8; font-size:26px; font-weight:bold; text-transform:uppercase;}
.in_tit_box .p_2{ color:#5d5d5d; font-size:26px; margin-top:10px;}
.in_tit_box .p_3{ width:28px; height:2px; background-color:#004098; margin:20px auto 0 auto;}
.in_ctg_box{ width:100%; height:100px; border-bottom:1px solid #EEEEEE; margin-top:30px;}
.in_ctg_box_2{ display:none;}
.in_ctg_box div{ position:relative; left:50%; float:left; }
.in_ctg_box ul{ position:relative; left:-50%; float:left; height:100%;}
.in_ctg_box ul li{ float:left; padding:0 25px; height:100%; font-size:16px; text-align:center;}
.in_ctg_box ul li a{ display:block; width:90px; height:40px; padding-top:60px; background-repeat:no-repeat; background-position:center 25px; background-size:45% auto; position:relative; color:#808080;}
.in_ctg_box ul li a:after{content:"";position:absolute;left:50%;bottom:-3px;width:0;height:3px; background:#004098;transition:all 0.3s ease-out;}
.in_ctg_box ul li .a_1{ background-image:url(../home_files/index_ctg_1.png);}
.in_ctg_box ul li .a_2{ background-image:url(../home_files/index_ctg_2.png);}
.in_ctg_box ul li .a_3{ background-image:url(../home_files/index_ctg_3.png);}
.in_ctg_box ul li .a_4{ background-image:url(../home_files/index_ctg_4.png);}
.in_ctg_box ul li .a_5{ background-image:url(../home_files/index_ctg_5.png);}
.in_ctg_box ul li .a_6{ background-image:url(../home_files/index_ctg_6.png);}
.in_ctg_box ul li .a_1.cur, .in_ctg_box ul li .a_1:hover{ background-image:url(../home_files/index_ctg_1_1.png);}
.in_ctg_box ul li .a_2.cur, .in_ctg_box ul li .a_2:hover{ background-image:url(../home_files/index_ctg_2_1.png);}
.in_ctg_box ul li .a_3.cur, .in_ctg_box ul li .a_3:hover{ background-image:url(../home_files/index_ctg_3_1.png);}
.in_ctg_box ul li .a_4.cur, .in_ctg_box ul li .a_4:hover{ background-image:url(../home_files/index_ctg_4_1.png);}
.in_ctg_box ul li .a_5.cur, .in_ctg_box ul li .a_5:hover{ background-image:url(../home_files/index_ctg_5_1.png);}
.in_ctg_box ul li .a_6.cur, .in_ctg_box ul li .a_6:hover{ background-image:url(../home_files/index_ctg_6_1.png);}
.in_ctg_box ul li a.cur{ color:#000; font-weight:bold;}
.in_ctg_box ul li a:hover{ color:#000; font-weight:bold;}
.in_ctg_box ul li a.cur:after{ left:0; width:100%;}
.in_ctg_box ul li a:hover:after{ left:0; width:100%;}
.in_boxB .box{ padding:70px 28px 60px 28px; width:calc(100% - 56px); height:auto; overflow:hidden; position:relative;}
.in_boxB .box .img_box li{ float:left; width:calc(33.33% - 28px); margin-right:28px; cursor:pointer; text-align:center; position:relative; transition:all 0.3s ease-out;}
.in_boxB .box .img_box li a{ display:block; transition:all 0.3s ease-out;}
.in_boxB .box .img_box li a:after{content:"";display:block;width:100%;height:0;background-color: #004098;position:absolute;left:0;top:100%;transition:all 0.3s ease-out;}
.in_boxB .box .img_box li img{ display:block;}
.in_boxB .box .img_box li .jt{ position:absolute; left:30px; top:30px; background:url(../home_files/index_14.png) no-repeat; background-size:100% 100%; width:14px; height:14px;}
.in_boxB .box .img_box li p{ position:absolute; left:50%; bottom:70px; transform:translate(-50%, 0); font-size:20px; font-weight:bold; color:#000;}
.in_boxB .box .img_box li p i{ position:relative;}
.in_boxB .box .img_box li p i:after{ content:"";display:block; position:absolute; right:-47px; top:12px; width:32px;height:4px;background-color:#717171;transition:all 0.3s ease-out;}
.in_boxB .box .img_box li:hover a{ transform:translate(0, -14px);}
.in_boxB .box .img_box li:hover a:after{ height:14px;}
.in_boxB .box .img_box li:hover p i:after{ background-color:#004098;}
.in_boxC{ clear:both; width:100%; height:690px; margin:70px auto 0 auto; overflow:hidden;}
.in_boxC .bkg{ width:100%; height:100%; background:url(../home_files/index_15.jpg) center center no-repeat; background-size:100% auto; background-attachment:fixed; position:relative; z-index:10; overflow:hidden;}
.in_boxC .box{ position:absolute; left:6%; top:28%; width:94%; }
.in_boxC .box p{ width:100%; color:#FFF;}
.in_boxC .box .p_1{ font-family:'slimJoe'; font-size:80px; color:#FFF; line-height:1;}
.in_boxC .box .p_2{ margin:15px 0 0 0; font-size:40px; color:#FFF; font-weight:bold; line-height:1;}
.in_boxC .box .p_3{ margin:30px 0 0 0; font-size:52px; color:#FFF;}
.in_boxC .box .p_3 span{ font-size:60px; font-family:'bigjohn';}
.in_boxC .box .more{display:block; width:195px;height:60px;line-height:60px;border-radius:60px;text-align:center;background-color:#004098;color:#FFF;margin:40px 0 0 0;}
.in_boxD{ clear:both; width:calc(100% - 56px); margin:0 auto; padding:75px 0 0 0;}
.in_boxD .in_tit_box .p_1{ color:#A8A8A8;}
.in_boxD .in_tit_box .p_2{ color:#3c3c3c;}
.in_boxD .box{ padding-top:65px;}
.in_boxD .box ul{ overflow:hidden;}
.in_boxD .box li{ float:left; width:calc(25% - 11px); margin-right:14px; padding-bottom:10px;}
.in_boxD .box li:nth-child(4){ margin-right:0px;}
.in_boxD .box li .imgs{ position:relative;}
.in_boxD .box li .imgs img{ display:block; transition:all 0.3s ease-out;}
.in_boxD .box li .imgs p{ position:absolute; left:0; bottom:0; width:calc(100% - 17px); padding-left:17px; height:54px; line-height:54px; overflow:hidden; color:#FFF; font-size:16px; font-weight:bold; background-color:rgba(0,0,0,0.58);}
.in_boxD .box li .info{ height:53px; padding:0 35px 0 16px; border-bottom:2px solid #EFEFEF; position:relative; transition:all 0.3s ease-out;}
.in_boxD .box li .info .cont{ line-height:27px; height:54px; overflow:hidden; padding-top:12px; font-size:16px; color:#070707;}
.in_boxD .box li .info .tm{ color:#B6B6B6; font-size:12px;}
.in_boxD .box li .info .more{ width:75px; height:33px; line-height:33px; border-radius:33px; border:1px solid #C7C7C7; margin-top:18px; overflow:hidden; position:relative; transition:all 0.3s ease-out;}
.in_boxD .box li .info .more i{ display:block; border:1px dashed #5E5E5E; width:12px; margin:15px auto 0 auto; position:relative; z-index:2; transition:all 0.3s ease-out;}
.in_boxD .box li:hover .info{ border-color:#004098;}
.in_boxD .box li:hover .imgs img{}
.in_boxD .box li:hover .more{ background-color:#004098; border-color:#004098;}
.in_boxD .box li:hover .more i{ border-color:#FFF;}
.in_boxE{ clear:both; width:100%; height:432px; margin:100px auto 0 auto; background:url(../home_files/index_19.jpg) center center no-repeat; background-size:100% auto; background-attachment:fixed;}
.in_boxE .p_1{ color:#FFF; text-align:center; font-size:29px; font-weight:bold; text-transform:uppercase; padding-top:110px;}
.in_boxE .p_2{ color:#FFF; text-align:center; font-size:25px; font-weight:bold; margin-top:10px;}
.in_boxE .p_3{ color:#494949; text-align:center; font-size:16px; margin-top:20px;}
.in_boxE .box{ padding-top:40px; width:1210px; margin:0 auto; overflow:hidden;}
.in_boxE .box .txt{ float:left; height:23px; padding:20px 25px; margin-right:6px; background-color:#FFF; border:0; outline:none; color:#ccc;font-size:15px;}
.in_boxE .box .txt::placeholder{ color:#d2d2d2;}
.in_boxE .box .t1{ width:calc(22% - 56px);}
.in_boxE .box .t2{ width:calc(42% - 56px);}
.in_boxE .box .btn{ cursor:pointer; float:left; width:14%; height:63px; line-height:63px; text-align:center; font-size:15px; background-color: #004098; color:#FFF;border:0; transition:all 0.3s ease-out;}
.in_boxE .box .btn:hover{ background-color:#BC465D;}
.in_btmbox{ clear:both; width:100%; background-color:#004098;}
.in_btm{ width:1300px; margin:0 auto; color:#fff; overflow:hidden; padding:45px 0px 0;}
.in_btm .box_1{ float:left; width:150px;}
.in_btm .box_1 p{ font-size:16px; font-weight:bold;}
.in_btm .box_1 p a{ color:#FFF;}
.in_btm .box_1 p a:hover{ color:#e9e9e9;}
.in_btm .box_1 ul{ padding-top:23px;}
.in_btm .box_1 ul li{ clear:both; height:30px; line-height:30px; font-size:12px;}
.in_btm .box_1 ul li a{ display:inline-block; color:#fff;}
.in_btm .box_1 ul li a:after{content:"";display:block;float:left;width:0px;height:3px;background-color: #ff0000;margin:14px 0 0 0;transition:all 0.3s ease-out;}
.in_btm .box_1 ul li a:hover{ color:#FFF;}
.in_btm .box_1 ul li a:hover:after{ width:15px; margin-left:-3px; margin-right:6px;}
.in_btm .ewm_box{ float:right;}
.in_btm .ewm_box div{ float:left; text-align:center; padding-left:18px; font-size:12px;}
.in_btm .ewm_box div p{ padding-top:10px;}
.phone_btm{ display:none;}
.in_cpybox{ clear:both; width:100%; background-color:#004098; border-top:1px solid #3365ac;}
.in_cpy{ width:1300px; margin:0 auto; color:#FFF; overflow:hidden; height:58px; font-size:12px;}
.in_cpy a{ color:#FFF;}
.in_cpy a:hover{ color:#e9e9e9;}
.in_cpy .lt{ float:center; line-height:58px;}
.in_cpy .rt{ float:right; padding-top:17px;}
.in_cpy .rt a{ display:inline-block; width:22px; height:22px; padding:0; margin:0 5px 0 0; background:url(../home_files/index_03.png) -27px center no-repeat;}
.in_cpy .rt a:hover{ background-image:url(../home_files/index_03_1.png); opacity:1;}
.in_cpy .rt .a_1{ background-position:-56px center;}
.in_cpy .rt .a_2{ background-position:-88px center;}

/*简介*/
.ab_boxA{ width:1250px; margin:0 auto; padding:95px 0 140px 0;}
.ab_boxA .tit_1{ text-align:center; font-size:47px; line-height:1; font-weight:bold; color:#BCBCBC; text-transform:uppercase;}
.ab_boxA .tit_2{ text-align:center; font-size:30px; line-height:1; font-weight:bold; color:#004098; margin-top:15px;}
.ab_boxA .cont{ color:#484848; font-size:20px; line-height:2; padding-top:50px;}
.ab_boxA .ul_1{ overflow:hidden; padding-top:80px; line-height:50px;}
.ab_boxA .ul_1 li{ float:left; width:calc(25% - 87px); padding-left:87px; position:relative;}
.ab_boxA .ul_1 li:after{ content:""; display:block; width:1px; height:64px; background-color:#DCDCDC; position:absolute; top:0; right:0;}
.ab_boxA .ul_1 li:nth-child(4):after{ display:none;}
.ab_boxA .ul_1 li em{ display:block; float:left; font-style:normal; color:#686868; font-family:'bigjohn'; font-size:50px;}
.ab_boxA .ul_1 li span{ display:block; float:left; font-weight:bold; color:#004098; font-size:25px; margin:5px 0 0 5px;}
.ab_boxA .ul_1 li:nth-child(2n) span{ font-family:'bigjohn'; font-size:44px;}
.ab_boxA .ul_1 li p{ clear:both; color:#2c2c2c; font-size:14px; line-height:1;}
.ab_boxA .more{ clear:both; display:block; width:175px; height:55px; line-height:55px; border-radius:55px; text-align:center; border:1px solid #004098; color:#555; text-transform:uppercase; font-size:16px; margin:75px auto 0 auto; transition:all 0.3s ease-out;}
.ab_boxA .more:hover{ background:#004098; color:#FFF;}
.ab_boxB{ width:100%; overflow:hidden;}
.ab_boxB .box{ width:calc(50% - 140px); padding:135px 0 0 140px; height:510px;}
.ab_boxB .box i{ display:block; width:56px; height:56px; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
.ab_boxB .box .tit{ font-weight:bold; font-size:30px; margin-top:35px;}
.ab_boxB .box .info{ font-size:18px; line-height:2; margin-top:45px;}
.ab_boxB .lt{ float:left; background:#FBFBFB url(../home_files/about_03_1.png) right bottom no-repeat; background-size:35% auto; color:#222;}
.ab_boxB .rt{ float:right; background:#004098 url(../home_files/about_03_2.png) left bottom no-repeat; background-size:35% auto; color:#FFF;}
.ab_boxB .lt i{ background-image:url(../home_files/about_06.png);}
.ab_boxB .rt i{ background-image:url(../home_files/about_07.png);}
.ab_boxC{ clear:both; width:100%; display:flex; position:relative;}
.ab_boxC .half{ display:flex; flex:1 0 auto; align-items:center;}
.ab_boxC .lt{ float:left; width:50%; position:relative;}
.ab_boxC .lt i{ display:block; width:35%; position:absolute; top:0; right:0;}
.ab_boxC .rt{ float:right; width:50%; background:#F9F9F9 url(../home_files/about_03_4.png) left top no-repeat; background-size:35% auto;}
.ab_boxC .rt .box{ width:calc(100% - 280px); margin:0 auto;}
.ab_boxC .rt .tit_en{ color:#BCBCBC; font-weight:bold; text-transform:uppercase; font-size:47px; line-height:1;}
.ab_boxC .rt .tit{ color:#004098; font-weight:bold; font-size:30px; margin-top:17px;}
.ab_boxC .rt .tit span{ color:#4d4d4d;}
.ab_boxC .rt .hx{ width:30px; height:3px; background-color:#004098; margin-top:23px;}
.ab_boxC .rt .info{ color:#040404; font-size:18px; line-height:2; margin-top:27px;}
.ab_boxC .rt .more{ display:block; width:175px; height:55px; line-height:55px; border-radius:55px; text-align:center; border:1px solid #004098; color:#555; text-transform:uppercase; font-size:16px; margin-top:88px; transition:all 0.3s ease-out;}
.ab_boxC .rt .more:hover{ background:#004098; color:#FFF;}
.ab_boxC .logo{ position:absolute; top:-93px; left:calc(50% - 81px);}
.ab_boxD{ clear:both; width:100%; height:820px; background:url(../home_files/about_11.jpg) top center no-repeat; background-size:auto 100%; position:relative;}
.ab_boxD .tit_1{ text-align:center; font-size:47px; line-height:1; font-weight:bold; color:#b2bfc1; text-transform:uppercase; padding-top:85px;}
.ab_boxD .tit_2{ text-align:center; font-size:30px; line-height:1; font-weight:bold; color:#131313; margin-top:23px;}
.ab_boxD .cont{ width:990px; height:355px; margin:50px auto 0 auto; position:relative;}
.ab_boxD .cont .btn{ position:absolute; top:150px; width:38px; height:75px; background:url(../home_files/about_13.png) center center no-repeat; background-size:100% 100%; opacity:0.6;}
.ab_boxD .cont .prev{ left:-90px;}
.ab_boxD .cont .next{ right:-90px; transform:rotate(180deg);}
.ab_boxD .cont .btn:hover{ opacity:1;}
.ab_boxD .cont .list{ width:100%; height:355px; margin:0 auto; background:#004098 url(../home_files/about_12.png) right center no-repeat; background-size:auto 100%; color:#FFF; overflow:hidden;}
.ab_boxD .cont .list li{ height:290px; padding:65px 50px 0 50px; overflow:hidden;}
.ab_boxD .cont .list li .lt{ float:left; width:41%;}
.ab_boxD .cont .list li .lt .p_1{ font-size:100px; line-height:1; font-weight:bold;}
.ab_boxD .cont .list li .lt .p_1 i{ font-style:normal; font-size:25px;}
.ab_boxD .cont .list li .lt .p_2{ font-size:20px; line-height:1; font-weight:bold; margin-top:15px;}
.ab_boxD .cont .list li .lt .more{ display:block; width:155px; height:44px; line-height:44px; border-radius:44px; text-align:center; border:1px solid #FFF; color:#FFF; text-transform:uppercase; font-size:15px; margin-top:50px; transition:all 0.3s ease-out;}
.ab_boxD .cont .list li .lt .more:hover{ border-color:#ff0000; background-color:#bb586e;}
.ab_boxD .cont .list li .rt{ float:right; width:59%; font-size:18px; line-height:36px;}
.ab_boxD .box{ margin:77px auto 0 auto; width:1330px; height:105px; overflow:hidden; position:relative; z-index:2;}
.ab_boxD .box li{ float:left; width:110px; height:90px; margin:0 40px; cursor:pointer; text-align:center;}
.ab_boxD .box li p{ font-weight:bold; color:#040404; height:40px; line-height:40px; font-size:22px; transition:all 0.2s ease-out;}
.ab_boxD .box li i{ display:block; margin:40px auto 0 auto; width:20px; height:20px; background:rgba(0,0,0,0.2); border-radius:50%; position:relative; transition:all 0.2s ease-out;}
.ab_boxD .box li i:after{ content:""; display:block; height:8px; width:8px; background-color:#004098; position:absolute; left:50%; top:50%;  border-radius:50%; transform:translate(-50%, -50%); transition:all 0.2s ease-out;}
.ab_boxD .box li.cur p{ font-size:38px; color:#004098;}
.ab_boxD .box li.cur i{ margin-top:35px; width:30px; height:30px;}
.ab_boxD .box li.cur i:after{ width:18px; height:18px;}
.ab_boxD .hx{ position:absolute; left:0; top:756px; width:100%; height:1px; background-color:#004098; z-index:1;}

/*新闻*/
.banbox{ width:100%; background-size:cover; position:relative;}
.banbox .tit{ color:#FFF; text-align:center; width:100%; position:absolute; left:0; top:330px; z-index:10;}
.banbox .tit b{ display:block; font-size:45px; line-height:1;}
.banbox .tit p{ font-size:65px; font-weight:bold; line-height:1; text-transform:uppercase; margin-top:12px; font-family:'黑体';}
.banbox .tit i{ display:block; width:27px; height:2px; background-color:#004098; margin:60px auto 0 auto;}
.ns_ban{ height:803px; background:url(../home_files/news_01.jpg) center bottom no-repeat;}


.ns_banjoin{ height:500px; background:url(../home_files/news_01join.jpg) center bottom no-repeat;}
.ns_ctgbox{ height:60px; margin-top:58px; position:relative; left:50%; float:left;}
.ns_ctgbox ul{ position:relative; left:-50%; float:left;}
.ns_ctgbox li{ float:left; margin:0 21px;}
.ns_ctgbox li a{ display:block; width:110px; padding-left:82px; height:58px; line-height:58px; font-size:17px; font-weight:bold; border:1px solid #9f9f9f; color:#004098; background-position:42px center; background-repeat:no-repeat; background-size:auto 47%; transition:all 0.3s ease-out;}
.ns_ctgbox li .a_1{ background-image:url(../templates/default/images/news_03.png);}
.ns_ctgbox li .a_2{ background-image:url(../home_files/news_05.png);}
.ns_ctgbox li .a_3{ background-image:url(../home_files/news_04.png);}
.ns_ctgbox li .a_4{ background-image:url(../home_files/news_06.png);}
.ns_ctgbox li a.cur{ color:#FFF; background-color:#004098; border-color:#004098}
.ns_ctgbox li .a_1.cur{ background-image:url(../home_files/news_03_1.png);}
.ns_ctgbox li .a_2.cur{ background-image:url(../home_files/news_05_1.png);}
.ns_ctgbox li .a_3.cur{ background-image:url(../home_files/news_04_1.png);}
.ns_ctgbox li .a_4.cur{ background-image:url(../home_files/news_06_1.png);}
.ns_ctgbox li a:hover{ color:#FFF; background-color:#004098; border-color:#004098}
.ns_ctgbox li .a_1:hover{ background-image:url(../home_files/news_03_1.png);}
.ns_ctgbox li .a_2:hover{ background-image:url(../home_files/news_05_1.png);}
.ns_ctgbox li .a_3:hover{ background-image:url(../home_files/news_04_1.png);}
.ns_ctgbox li .a_4:hover{ background-image:url(../home_files/news_06_1.png);}
.ns_boxA{ clear:both; width:1400px; margin:0 auto; padding-top:80px; overflow:hidden;}
.ns_boxA .lt{ float:left; width:49%; padding-bottom:60px; position:relative; overflow:hidden;}
.ns_boxA .lt .list{ text-align:center;}
.ns_boxA .lt .list li{ float:left; width:100%;}
.ns_boxA .lt .list li img{ display:block;}
.ns_boxA .lt .img_box_1, .ns_boxA .lt .img_box_2{ float:left}
.ns_boxA .lt .btn{ position:absolute; left:50%; bottom:0; transform:translate(-50%, 0);}
.ns_boxA .lt .btn li{ float:left; width:12px; height:12px; margin:0 5px; background-color:#ff0000; border:3px solid #FDD7E0; border-radius:50%; cursor:pointer;}
.ns_boxA .lt .btn li.cur{ width:18px; height:18px; border:0;}
.ns_boxA .rt{ float:right; width:calc(51% - 25px);}
.ns_boxA .rt li{ height:138px; border-bottom:1px solid #CFCFCF; transition:all 0.3s ease-out;}
.ns_boxA .rt li b{ display:block; font-size:21px; padding-top:38px; font-weight:normal; color:#202020; height:26px; overflow:hidden;  text-overflow:ellipsis; transition:all 0.3s ease-out;}
.ns_boxA .rt li p{ font-size:16px; margin-top:4px; color:#202020; line-height:33px; height:33px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition:all 0.3s ease-out;}
.ns_boxA .rt li i{ display:none; transition:all 0.3s ease-out;}
.ns_boxA .rt li.cur{ height:170px; border-bottom:2px solid #ff0000;}
.ns_boxA .rt li.cur b{ display:block; padding-top:23px; color:#ff0000; font-weight:bold;}
.ns_boxA .rt li.cur p{ -webkit-line-clamp:2; height:66px;}
.ns_boxA .rt li.cur i{ display:block; font-style:normal; color:#c6c6c6; margin-top:5px;}
.ns_boxB{ clear:both; width:1400px; margin:0 auto; padding-top:90px;}
.ns_boxB ul{ overflow:hidden;}
.ns_boxB li{ float:left; width:calc(33.33% - 10px); margin:50px 14px 0 0;}
.ns_boxB li:nth-child(3n){ margin-right:0px;}
.ns_boxB li .imgs{ position:relative;}
.ns_boxB li .imgs img{ transition:all 0.3s ease-out;}
.ns_boxB li .imgs p{ position:absolute; left:0; bottom:0; width:calc(100% - 17px); padding-left:17px; height:54px; line-height:54px; overflow:hidden; color:#FFF; font-size:16px; font-weight:bold; background-color:rgba(0,0,0,0.58);}
.ns_boxB li .info{ height:173px; padding:0 35px 0 16px; border-bottom:2px solid #EFEFEF; position:relative; transition:all 0.3s ease-out;}
.ns_boxB li .info .cont{ line-height:27px; height:54px; overflow:hidden; padding-top:12px; font-size:16px; color:#070707;}
.ns_boxB li .info .tm{ color:#B6B6B6; font-size:12px;}
.ns_boxB li .info .more{ width:75px; height:33px; line-height:33px; border-radius:33px; border:1px solid #C7C7C7; margin-top:30px; overflow:hidden; position:relative; transition:all 0.3s ease-out;}
.ns_boxB li .info .more i{ display:block; border:1px dashed #5E5E5E; width:12px; margin:15px auto 0 auto; position:relative; z-index:2; transition:all 0.3s ease-out;}
.ns_boxB li:hover .info{ border-color:#004098;}
.ns_boxB li:hover .imgs img{}
.ns_boxB li:hover .more{ background-color:#004098;border-color:#004098;}
.ns_boxB li:hover .more i{ border-color:#FFF;}
.ns_boxB .more_1{ clear:both; display:block; width:190px; height:58px; line-height:58px; border-radius:58px; text-align:center; color:#FFF; background-color:#242424; margin:80px auto; transition:all 0.3s ease-out;}
.ns_boxB .more_1:hover{ background-color:#004098;}

/*新闻详细页*/
.nss_box{ clear:both; width:1000px; margin:0 auto; padding-top:40px;}
.nss_box .nss_tit{ text-align:center; font-size:29px; color:#5d5d5d; 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:18px; line-height:40px;}
.nss_box .nss_info img{  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:#004098; margin-top:-38px; transition:all 0.3s ease;}

.nss_box .btnbox .btn:hover{ color:#000;}
.nss_box .btnbox .btn:hover:after{ width:100%;}

/*店铺*/
.dp_ban{ height:803px; overflow:hidden;}
.dp_ban .ban_box{ width:100%; height:100%; overflow:hidden; position:relative;}
.dp_ban .ban_box li{ float:left; height:803px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; color:#FFF;}
.dp_ban .btnbox{ position:absolute; top:50%; left:10%; transform:translate(0,-50%); width:80%; z-index:102; opacity:1;}
.dp_ban .btn{ display:block; float:left; width:62px; height:62px; background:url(../home_files/dianpu_02.png) center center no-repeat; background-size:50% auto; background-color:rgba(0,0,0,0.6); transition:all 0.3s ease-out;}
.dp_ban .prev{ transform:scaleX(-1);}
.dp_ban .next{ float:right;}
.dp_ban .btn:hover{ background-color:rgba(213,101,126,0.6);}
.dp_ban:hover .btnbox{ opacity:1;}
.dp_boxA{ width:100%; overflow:hidden; display:flex;}
.dp_boxA .half{ display:flex; flex:1 0 auto; align-items:center; justify-content:center;}
.dp_boxA .lt{ float:left; width:calc(50% - 70px); padding:120px 70px 120px 0; text-align:right;}
.dp_boxA .rt{ float:right; width:50%; background-color:#F1F1F1; text-align:center;}
.dp_boxA .rt .tit_en{ font-weight:bold; font-size:47px; line-height:1; color:#BCBCBC; text-transform:uppercase;}
.dp_boxA .rt .tit{ font-weight:bold; font-size:30px; color:#004098; margin-top:30px;}
.dp_boxA .rt .num{ font-size:20px; color:#000; margin-top:15px;}
.dp_boxA .rt .num b{ color:#d02626;}
.dp_boxA .rt .more{ display:block; margin:105px auto 0 auto; width:190px; padding-left:110px; height:68px; line-height:68px; border-radius:68px; font-size:20px; text-align:center; color:#FFF; background:#004098 url(../home_files/dianpu_05.png) 65px center no-repeat; background-size:auto 43%; text-align:left; transition:all 0.3s ease;}
.dp_boxA .rt .more:hover{ background-color:#BC465D;}
.dp_boxB{ clear:both; width:100%; height:1050px; background:url(../home_files/dianpu_07.jpg) center center no-repeat; background-size:100% auto; background-attachment:fixed; position:relative;}
.dp_boxB .tit_en{ font-weight:bold; font-size:40px; line-height:1; color:#FFF; text-transform:uppercase; opacity:0.1; padding-top:115px; text-align:center;}
.dp_boxB .tit{ font-weight:bold; font-size:30px; color:#004098; margin-top:35px; text-align:center;}
.dp_boxB .p_1{ color:#FFF; font-size:20px; margin-top:30px; text-align:center;}
.dp_boxB .box{ position:relative; float:left; left:50%;}
.dp_boxB .box ul{ position:relative; float:left; left:-50%; top:120px;}
.dp_boxB .box ul li{ float:left; width:255px; padding:0 40px;}
.dp_boxB .box ul li div{ display:block; width:190px; height:190px; display:flex; justify-content:center; align-items:center; margin:0 auto; position:relative;}
.dp_boxB .box ul li div:after{ content:""; display:block; width:calc(100% - 24px); height:calc(100% - 24px); border:12px solid rgba(255,255,255,0.2); border-radius:50%; position:absolute; left:0; top:0;}
.dp_boxB .box ul li div i{ position:absolute; left:0; bottom:0; display:block; width:100%; height:0; background:url(../home_files/dianpu_21.png) bottom center no-repeat; background-size:100% auto; transition:all 0.3s ease-out;}
.dp_boxB .box ul li p{ font-size:18px; color:#FFF; text-align:center; padding-top:45px; line-height:30px; height:78px;}
.dp_boxB .box ul li:hover div i{ height:100%;}
.dp_boxB .more{ position:absolute; left:calc(50% - 155px); bottom:60px; display:block; width:311px; height:69px; line-height:69px; font-size:18px; border-radius:69px; color:#FFF; background:#004098 url(../home_files/dianpu_16_1.png) right 50px center no-repeat; transition:all 0.3s ease;}
.dp_boxB .more span{ display:block; padding-left:67px;}
.dp_boxB .more:after{ content:""; display:block; width:100%; height:100%; margin:-79px 0 0 -10px; border-radius:69px; border:10px solid rgba(94,94,94,0.2);}
.dp_boxB .more:hover{ background-color:#BC465D;}
.dp_boxC{ clear:both; width:1600px; margin:170px auto 50px auto; position:relative; overflow:hidden;}
.dp_boxC .bkg{ position:absolute; left:-5%; top:0; width:38%; height:100%; background:rgba(0,0,0,0.8); transform:skewX(7deg); z-index:1; transition:all 0.3s ease-out;}
.dp_boxC:hover .bkg{ width:50%;}
.dp_boxC .box{ position:absolute; left:95px; top:0; color:#FFF; z-index:2;}
.dp_boxC .box .p_1{ font-size:40px; line-height:1; margin-top:190px; transition:all 0.3s ease-out;}
.dp_boxC .box .p_2{ font-size:18px; margin-top:18px; transition:all 0.3s ease-out;}
.dp_boxC .box .btn{ width:110px; height:110px; background:#ff0000 url(../home_files/dianpu_19.png) 53% center no-repeat; background-size:18% auto; border-radius:50%; cursor:pointer; margin-top:195px; transition:all 0.3s ease-out;}
.dp_boxC .box .btn:hover{ background-color:#bb586e;}
.dp_boxC .bkg_pz{ left:-100%; transition:all 0.7s ease-out;}
.dp_boxC .box_pz{ left:-100%; transition:all 0.7s ease-out;}
.dp_boxC_more{ margin:0 auto 100px auto; display:block; width:238px; height:66px; line-height:66px; border-radius:66px; font-size:20px; border:3px solid #004098; text-align:center; color:#888585;}



/*产品中心*/
.pro_ban{ height:893px; position:relative;}
.pro_ban .bkg{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:1;}
.pro_ban .bkg ul{ width:100%; height:100%; position:relative;}
.pro_ban .bkg li{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0; transition:all 0.5s ease; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.pro_ban .bkg li.on{ left:0; z-index:2; opacity:1;}
.pro_ban .ctg_list{ position:absolute; left:0; top:83px; width:100%; height:calc(100% - 83px); z-index:10;}
.pro_ban .ctg_list li{ float:left; width:16.66%; height:100%; background-color:rgba(0,0,0,0.4); color:#FFF; display:flex; justify-content:center; align-items:center; text-align:center; position:relative; transition:all 0.3s ease-out;}
.pro_ban .ctg_list li:after{ content:""; display:block; width:1px; height:100%; background-color:rgba(255,255,255,0.3); position:absolute; top:0; right:0;}
.pro_ban .ctg_list li a{ color:#FFF;}
.pro_ban .ctg_list li i{ display:block; margin:0 auto; width:56px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:100% auto; transition:all 0.4s ease-out;}
.pro_ban .ctg_list li p{ font-size:25px; text-transform:uppercase; margin-top:30px; opacity:0.4; transition:all 0.4s ease-out;}
.pro_ban .ctg_list li b{ display:block; font-size:30px; margin-top:13px; transition:all 0.4s ease-out;}
.pro_ban .li_1 i{ background-image:url(../home_files/products_03.png);}
.pro_ban .li_2 i{ background-image:url(../home_files/products_04.png);}
.pro_ban .li_3 i{ background-image:url(../home_files/products_05.png);}
.pro_ban .li_4 i{ background-image:url(../home_files/products_06.png);}
.pro_ban .li_5 i{ background-image:url(../home_files/products_07.png);}
.pro_ban .li_6 i{ background-image:url(../home_files/products_08.png);}
.pro_ban .ctg_list li:hover{ background-color:rgba(255,255,255,0.3);}
.pro_ban .ctg_list li:hover i{ transform:translate(0, -55px);}
.pro_ban .ctg_list li:hover p{ transform:translate(0, -55px); color:#191919; opacity:0.7;}
.pro_ban .ctg_list li:hover b{ transform:translate(0, -55px); color:#191919;}
.pro_ban .li_1:hover i{ background-image:url(../home_files/products_03_1.png);}
.pro_ban .li_2:hover i{ background-image:url(../home_files/products_04_1.png);}
.pro_ban .li_3:hover i{ background-image:url(../home_files/products_05_1.png);}
.pro_ban .li_4:hover i{ background-image:url(../home_files/products_06_1.png);}
.pro_ban .li_5:hover i{ background-image:url(../home_files/products_07_1.png);}
.pro_ban .li_6:hover i{ background-image:url(../home_files/products_08_1.png);}
.pro_top_jg{ width:100%; height:0;}
.pro_wap{ display:none;}

/*产品列表*/
.pro_ctg{ margin-top:0;}
.pro_boxA{ clear:both; width:100%; text-align:right; position:relative; margin-top:40px;}
.pro_boxA img{ max-width:65.5%;}
.pro_boxA .box{ width:calc(34% - 75px); padding-right:75px; height:82%; position:absolute; left:3%; top:9%; background:#FFF url(../home_files/prodcutsList_05.png) 60% center no-repeat; background-size:auto 100%; box-shadow:0px 0px 10px #bbb; text-align:right;}
.pro_boxA .box .tit_en{ font-weight:bold; font-size:40px; line-height:1; color:#BCBCBC; text-transform:uppercase; margin-top:40%;}
.pro_boxA .box .tit{ font-weight:bold; font-size:35px; line-height:1; color:#004098; margin-top:15px;}
.pro_boxA .box .next{ display:block; float:right; width:55px; height:55px; border-radius:50%; background:#004098 url(../home_files/prodcutsList_07.png) center center no-repeat; background-size:auto 38%; margin-top:170px; cursor:pointer; transition:all 0.3s ease-out;}
.pro_boxA .box .next:hover{ background-color:#BC465D;}
.pro_boxB{ padding-top:0; padding-bottom:100px;}
.pro_boxB .box{ padding:50px 0 100px 0;}

/*产品详情*/
.pros_boxA{ clear:both; width:100%; background-color:#F9F4F3;}
.pros_boxA .box{ width:100%; margin:0 auto; overflow:hidden; display:flex;}
.pros_boxA .box .half{ display:flex; flex:1 0 auto; align-items:center;}
.pros_boxA .box .lt{ float:left; width:50%;}
.pros_boxA .box .lt img{ width:100%;}
.pros_boxA .box .rt{ float:right; width:50%}
.pros_boxA .box .rt .cont{ padding:0 120px 0 100px;}
.pros_boxA .box .rt .tit{ font-size:40px; line-height:1;}
.pros_boxA .box .rt .info{ font-size:18px; line-height:28px; max-height:140px; padding-top:20px;}
.pros_boxA .box .rt .cl_list{ overflow:hidden; padding-left:6px; margin-top:50px;}
.pros_boxA .box .rt .cl_list li{ float:left; width:26px; height:26px; border-radius:50%; margin:0 7px;}
.pros_boxA .box .rt .cl_list .cl_1{ background-color:#B28568;}
.pros_boxA .box .rt .cl_list .cl_2{ background-color:#34343E;}
.pros_boxA .box .rt .cl_list .cl_3{ background-color:#B3A1A1;}
.pros_boxA .box .rt .buy{ display:block; width:170px; padding-left:125px; height:56px; line-height:56px; border-radius:56px; margin-top:50px; font-size:20px; color:#FFF; background:#004098 url(../home_files/productsShow_05.png) 78px center no-repeat; background-size:auto 50%;transition:all 0.3s ease-out;}
.pros_boxA .box .rt .buy:hover{ background-color:#BC465D;}
.pros_boxB{ clear:both; width:100%; overflow:hidden;}

/*联系我们*/
.cont_boxA{ width:100%; height:831px; position:relative;}
.cont_boxA #allmap{ width:100%; height:831px;}
.cont_box{ position:absolute; bottom:0; right:340px; background:#FFF; overflow:hidden;}
.cont_box .box{ position:relative; width:440px; height:555px; padding:65px 0 0 65px;}
.cont_box .tit_en{ color:#BCBCBC; font-weight:bold; text-transform:uppercase; font-size:41px; line-height:1;}
.cont_box .tit_en_1{ color:#BCBCBC; font-weight:bold; text-transform:uppercase; font-size:26px; margin-top:6px;}
.cont_box .tit{ color:#004098; font-weight:bold; font-size:35px; margin-top:23px;}
.cont_box .info{ margin-top:30px; line-height:40px; height:280px; font-size:18px; color:#1d1d1d; overflow:hidden;}
.cont_box .info li{ padding-left:30px; background:url(../home_files/contact_05.png) 0 0 no-repeat;}
.cont_box .info .li_1{ background-position:0 10px;}
.cont_box .info .li_2{ background-position:0 -31px;}
.cont_box .info .li_3{ background-position:0 -70px;}
.cont_box .info .li_4{ background-position:0 -110px;}
.cont_box .info .li_5{ background-position:0 -150px;}
.cont_box .info span{ color:#000000;}
.cont_box .info a{ color:#1d1d1d}
.cont_box .tel_1{ margin-top:40px; color:#000000; font-size:15px;}
.cont_box .tel_2{ color:#004098; font-family:'bigjohn'; font-size:30px;}
.cont_boxA .btn{ position:absolute; z-index:100; right:340px; bottom:-20px; width:505px; height:20px; background:#004098 url(../home_files/contact_07.png) center center no-repeat; cursor:pointer; transition:all 0.3s ease-out;}
.cont_boxA .btn.hide{ transform:rotateX(180deg);}
.cont_boxB{ clear:both; width:100%; padding:95px 0 50px 0;}
.cont_boxB .tit_en{ color:#BCBCBC; font-weight:bold; text-transform:uppercase; font-size:40px; line-height:1; text-align:center;}
.cont_boxB .tit{ color:#004098; font-weight:bold; font-size:35px; margin-top:18px; text-align:center;}
.cont_boxB .box{ width:1600px; margin:0 auto; padding-top:50px;}
.cont_boxB .box ul{ overflow:hidden;}
.cont_boxB .box li{ float:left; width:calc(25% - 1px); margin:0 1px 1px 0; background-color:#F7F7F7; position:relative; font-size:16px; color:#757575; overflow:hidden;}
.cont_boxB .box li .bkg{ position:absolute; left:0; top:0; z-index:1; background-position:center center; background-size:cover; transition:all 0.3s ease-out; width:100%; height:100%; opacity:0;}
.cont_boxB .box li .info{ position:relative; z-index:2; padding:35px 45px 15px 45px;}
.cont_boxB .box li .p_1{ color:#363636; font-size:22px;}
.cont_boxB .box li .p_2{ width:23px; height:2px; background-color:#004098; margin-top:18px;}
.cont_boxB .box li .p_3{ color:#1f1f1f; margin-top:18px;}
.cont_boxB .box li .p_4{ color:#1f1f1f; line-height:35px;}
.cont_boxB .box li span{ color:#1f1f1f;}
.cont_boxB .box li:hover{ color:#FFF;}
.cont_boxB .box li:hover .bkg{ opacity:1;}
.cont_boxB .box li:hover .p_1{ color:#FFF;}
.cont_boxB .box li:hover .p_3{ color:#FFF;}
.cont_boxB .box li:hover .p_4{ color:#FFF;}
.cont_boxB .box li:hover span{ color:#FFF;}
.cont_boxB .btn_more{ display:block; width:238px; height:66px; line-height:66px; border-radius:66px; font-size:20px; border:3px solid #004098; text-align:center; color:#1d1d1d; margin:50px auto 0 auto;}
.cont_boxC{ clear:both; width:100%; height:520px; padding-top:180px; background:#F4F4F4 url(../home_files/contact_11.jpg) center center no-repeat; background-size:cover;}
.cont_boxC .box{ width:1360px; margin:0 auto;}
.cont_boxC .box .tit_en{ color:#BCBCBC; font-weight:bold; text-transform:uppercase; font-size:40px; line-height:1;}
.cont_boxC .box .tit{ color:#004098; font-weight:bold; font-size:35px; margin-top:18px;}
.cont_boxC .box .info{ color:#303030; font-size:18px; line-height:1.9; margin-top:50px;}
.cont_boxC .box .list{ overflow:hidden; padding-top:105px;}
.cont_boxC .box .list li{ float:left; width:93px; height:93px; border-radius:93px; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; margin-right:43px; transition:all 0.3s ease-out;}
.cont_boxC .box .list .li_1{ background-image:url(../home_files/contact_13.png); background-color:#72769a;}
.cont_boxC .box .list .li_2{ background-image:url(../home_files/contact_14.png); background-color:#b49261;}
.cont_boxC .box .list .li_3{ background-image:url(../home_files/contact_15.png); background-color:#80cb87;}
.cont_boxC .box .list li:hover{ background-color:#ff0000;}
.cont_boxD{ clear:both; width:100%; height:360px; padding-top:95px; background:url(../home_files/contact_17.jpg) center top no-repeat; text-align:center; position:relative;}
.cont_boxD .tit_en{ color:#BCBCBC; font-weight:bold; text-transform:uppercase; font-size:40px; line-height:1;}
.cont_boxD .tit{ color:#ffffff; font-weight:bold; font-size:35px; margin-top:24px;}
.cont_boxD .hx{ width:23px; height:2px; background-color:#004098; margin:26px auto 0 auto;}
.cont_boxD .info{ color:#ffffff; font-size:18px; line-height:1.9; width:660px; margin:20px auto 0 auto;}
.cont_boxD .nav{ position:absolute; left:50%; bottom:0; transform:translate(-50%, 0);}
.cont_boxD .nav li{ cursor:pointer; float:left; width:205px; height:73px; line-height:73px; font-size:20px; color:#FFF; text-align:center; margin:0 8px; background-color:rgba(0,0,0,0.4); transition:all 0.3s ease-out;}
.cont_boxD .nav li.cur{ font-weight:bold; background-color:#004098;}
.cont_boxD .nav li:hover{ font-weight:bold; background-color:#004098;}
.cont_boxE{ clear:both; width:1600px; margin:0 auto; padding:125px 0;}
.cont_boxE .box{ overflow:hidden;}
.cont_boxE .item{ float:left; width:calc(50% - 15px); height:188px; background:#F7F7F7 url(../home_files/contact_19.png) 7% center no-repeat; background-size:auto 31%; margin:0 30px 30px 0; position:relative;}
.cont_boxE .item:nth-child(2n){ margin-right:0;}
.cont_boxE .item a i{ display:block; width:3px; height:0; background-color:#004098; position:absolute; left:0; top:0; transition:all 0.3s ease-out;}
.cont_boxE .item .info{ padding:35px 0 0 23.5%; color:#363636;}
.cont_boxE .item .info .tit{ color:#4b4b4b; font-size:25px; transition:all 0.3s ease-out;}
.cont_boxE .item .info ul{ width:470px; overflow:hidden; padding-top:10px;}
.cont_boxE .item .info li{ float:left; width:calc(50% - 5px); padding-right:5px; font-size:18px; line-height:2;}
.cont_boxE .item .yuan{ width:50px; height:50px; border-radius:50%; background:#8F8F8F url(../home_files/contact_20.png) center center no-repeat; position:absolute; top:calc(50% - 25px); right:7.5%; transition:all 0.3s ease-out;}
.cont_boxE .item:hover a i{ height:100%;}
.cont_boxE .item:hover .info .tit{ font-weight:bold; color:#004098;}
.cont_boxE .item:hover .yuan{ background-color:#004098;}
.cont_boxE .btn_more{ display:block; width:238px; height:66px; line-height:66px; border-radius:66px; font-size:20px; border:3px solid #004098; text-align:center; color:#1d1d1d; margin:50px auto 0 auto;}
.cont_boxF{ clear:both; width:1400px; margin:0 auto; padding:65px 0; display:none; font-size:20px; line-height:2;}
.cont_boxF .p_1{ font-size:30px; color:#c00000; text-align:center;}
.cont_boxF .p_2{ font-size:22px; line-height:2.4; color:#eb6c83;}


/*info*/
.info_box{ clear:both; width:100%; min-height:200px;}

/*licheng*/
.lc_tit{ text-align:center;}
.lc_tit .tit_1{ font-size:47px; line-height:1; font-weight:bold; color:#A8A8A8; text-transform:uppercase; padding-top:50px;}
.lc_tit .tit_2{ font-size:30px; line-height:1; font-weight:bold; color:#404040; margin-top:23px;}
.lc_box{ clear:both; width:1200px; margin:50px auto 0 auto; padding:30px 0 80px 0; border-top:1px solid #E7E7E7; overflow:hidden;}
.lc_box .lt{ float:left; width:300px;}
.lc_box .lt ul{ float:left; padding-right:50px;}
.lc_box .lt li{ height:40px; line-height:40px; font-size:18px; color:#666;}
.lc_box .lt li a{ color:#666;}
.lc_box .lt li.cur a{ color:#ff0000; font-weight:bold; font-size:22px;}
.lc_box .rt{ float:right; width:calc(100% - 351px); padding-left:50px; border-left:1px dashed #E7E7E7; min-height:200px;}
.lc_box .rt .p_1{ font-size:30px; font-weight:bold; line-height:1.5; color:#D5667E;}
.lc_box .rt .p_2{ width:50px; height:2px; background-color:#D5667E; margin:22px 0 17px 0;}

/*job show*/
.jobs_box{ clear:both; width:1200px; margin:0px auto; padding:50px 0; overflow:hidden;}
.jobs_box .lt{ float:left; width:318px; padding:40px 30px; border:1px solid #E1E1E1;}
.jobs_box .lt .p_1{ font-size:30px;}
.jobs_box .lt .box_1{ padding:30px 0; color:#666; border-bottom:1px solid #CCCCCC;}
.jobs_box .lt .box_1 a{ color:#666;}
.jobs_box .lt .box_1 a:hover{ color:#ff0000;}
.jobs_box .lt .back{ cursor:pointer; margin-top:20px; width:100%; height:45px; line-height:45px; text-align:center; background-color:#ff0000; color:#FFF;}
.jobs_box .rt{ float:right; width:718px; padding:50px 40px; border:1px solid #E1E1E1;}
.jobs_box .rt .p_1{ font-size:18px;}
.jobs_box .rt .info{ padding-top:10px;}

/*dianpu list*/
.dp_list_box{ clear:both; width:1200px; margin:0px auto; padding:50px 0; overflow:hidden; min-height:300px;}
.dp_list_box .boxA{ overflow:hidden;}
.dp_list_box .boxA .select{ height:40px; padding:0 15px; margin-right:15px; border:0; background-color:#F2F2F2;}
.dp_list_box .boxA .txt{ width:260px; height:20px; line-height:20px; padding:10px 20px; border:0; margin-right:15px; background-color:#F2F2F2;}
.dp_list_box .boxA .btn{ width:100px; height:40px; line-height:40px; border:0; text-align:center; background-color:#ff0000; color:#FFF; cursor:pointer;}
.dp_list_box .boxA .box_1{ display:inline-block;}
.dp_list_box .boxB{ clear:both; overflow:hidden; padding-top:30px;}
.dp_list_box .boxB .ul_1{ overflow:hidden; background-color:#EEEEEE; font-weight:bold;}
.dp_list_box .boxB .ul_2{ overflow:hidden; border-bottom:1px solid #EEEEEE;}
.dp_list_box .boxB .li_1{ float:left; width:14%; padding-left:3%; height:40px; line-height:40px;}
.dp_list_box .boxB .li_2{ float:left; width:calc(66% - 15px); padding-left:15px; height:40px; line-height:40px;}
.dp_list_box .boxB .li_3{ float:left; width:17%; height:40px; line-height:40px;}
.dp_list_box .boxB .li_3 a{ color:#ff0000;}

/*info*/
.info_ban{ width:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; position:relative;}
.info_boxA{ clear:both; width:1320px; margin:0 auto; padding:75px 0 50px 0; overflow:hidden;}
.info_boxA .t_1{ font-size:50px; line-height:1; font-weight:bold; color:#CDCDCD; text-transform:uppercase;}
.info_boxA .t_2{ font-size:30px; line-height:1; font-weight:bold; color:#000; margin-top:10px;}
.info_boxA .t_11{ font-size:30px; line-height:1; font-weight:bold; color:#CDCDCD; text-transform:uppercase;}
.info_boxA .t_12{ font-size:26px; line-height:1; font-weight:bold; color:#000; margin-top:10px;}
.info_boxA .hx{ width:55px; height:5px; background-color:#ff0000; margin-top:35px;}
.info_boxA .cont{ font-size:20px; line-height:2.5; color:#000; padding:40px 0; border-bottom:1px solid #DADADA;}

/*创始人*/
.info_boxA .lt{ float:left; width:290px; padding-top:5px;}
.info_boxA .lt .p_1{ font-size:50px; line-height:1; font-weight:bold; color:#000000;}
.info_boxA .lt .hx{ width:150px; height:1px; background-color:#B8B8B8; margin-top:20px; position:relative;}
.info_boxA .lt .hx:after{ content:""; display:block; position:absolute; left:0; top:-2px; width:55px; height:5px; background-color:#ff0000;}
.info_boxA .lt .p_2{ font-size:20px; line-height:1; color:#000; margin-top:25px;}
.info_boxA .rt{ float:left; width:calc(100% - 290px); font-size:20px; line-height:2.5; color:#000;}

/*画册*/
.hc_top{ width:1400px; margin:0 auto; padding-top:40px;}
.hc_top img{ max-height:32px;}
.hc_boxA{ width:1400px; margin:0 auto; padding-top:20px; height:65px;}
.hc_boxA .lt{ float:left; margin-top:15px; width:333px; height:49px; background-color:#E1E1E1; position:relative; cursor:pointer; z-index:100;}
.hc_boxA .lt p{ height:100%; line-height:49px; padding-left:27px; color:#1d1d1d;}
.hc_boxA .lt p i{ float:right; margin:14px 25px 0 0; display:block; width:12px; height:12px; border-right:1px solid #3C3C3C; border-bottom:1px solid #3C3C3C; transform:rotate(45deg);}
.hc_boxA .lt ul{ position:absolute; top:49px; width:100%; display:none;}
.hc_boxA .lt li{ height:45px; line-height:45px; background-color:#E1E1E1; border-top:1px solid #FFF;}
.hc_boxA .lt li a{ display:block; width:calc(100% - 27px); height:100%; padding-left:27px; }
.hc_boxA .lt li a:hover{ background-color:#ff0000; color:#FFF;}
.hc_boxA .close{ float:right; width:65px; height:65px; border-radius:50%; background-color:#313131; cursor:pointer;}
.hc_boxA .close i{ display:block; margin-left:13px; position:relative;}
.hc_boxA .close i:after, .hc_boxA .close i:before{ content:""; display:block; height:1px; background:#FFF; width:41px; position:absolute; top:32px; left:0; transition:all 0.3s;}
.hc_boxA .close i:after{ transform:rotate(45deg);}
.hc_boxA .close i:before{ transform:rotate(-45deg);}
.hc_boxB{ clear:both; width:1400px; margin:35px auto 0 auto; position:relative; padding-bottom:50px;}
.hc_boxB .box{}
.hc_boxB .btn{ position:absolute; top:435px; width:53px; height:106px; background:url(../home_files/huace_05.png) center center no-repeat; background-size:100% 100%; opacity:0.6;}
.hc_boxB .swiper-prev{ left:-95px;}
.hc_boxB .swiper-next{ right:-95px; transform:rotate(180deg);}
.hc_boxB .btn:hover{ opacity:1;}




.opa0{ opacity:0; }

.li_cg > p{
	display: none;
}
.li_cg > p a:after {
	content: "";
	display: block;
	float: left;
	width: 0px;
	height: 1px;
	background-color: #ff0000;
	margin: 14px 0 0 0;
	transition: all 0.3s ease-out;
}
.li_cg:hover > p{
	display: block;
}
.li_cg > p a:hover{
	color: #333;
}
.li_cg > p a:hover:after{
	width:11px; margin-left:-11px; margin-right:6px;
}


.pccwv img {
	display: none;
	width: 100px;
	height: 100px;
	max-width: none;
	position: absolute;
	top: -32px;left: -70px;
}
.pccwv:hover img {
	display: block;
}
.pccfont {
	position: relative;
}
.pccfont p {
	position: absolute;
	right: -20px;
	top: 25px;
	width: 140px;
	display: none;
}
.pccfont:hover p {
	display: block;
}

.newbanner  .next{
	position: absolute;
	right: 20px;
	top: 250px;
	width: 15px;
	height: 30px;
	background: none;
	z-index: 111;
	display: none;
}

.newbanner  .prev{
	position: absolute;
	left: 20px;
	top: 250px;
	width: 15px;
	height: 30px;
	background: none;
	z-index: 111;
	display: none;
}
.newbanner:hover  .next {
	display: block;
}
.newbanner:hover  .prev{
	display: block;
}