﻿body{
font-size:14px;
}

h1{font-size:2.5714em;padding:0px 0 0 0;font-weight:bold;}
.xieti{font-style:oblique;}

.nav{padding-top:8px}
.-m25{margin-top:-25px}
.-m35{margin-top:-35px}
.mbt{margin-bottom:15px;}
.noSee{display:none;}
#allmap{height: 500px;width:100%;overflow:hidden;}
.sub{vertical-align: super; font-size: 10px;}
.BottomTxt{
display:inline-block;
position: absolute;
bottom: 0px;
margin: 0px
}

.date{background-color:#f4f4f4;color:#555555;padding:0.3em;}
.date .d{font-weibht:bold;line-height:32px;margin:0;padding:0;font-size:1.8286rem;}
.date .m{background-color:#f4f4f4;font-size:0.5rem;margin:0;padding:0;}
.text-g{color:#666}
.text-gray2{color:5c6064}
.text-b{color:#49494b}
.text-t{color:#595959}
.text-blueA{color:#1e50ae;}
.text_color_323333{color:#666}
.text_color_164191{color:#164191}
.num{font-family: Arial;}
.f50{font-size:3.5em;}

#two-nav{width:100%;border-bottom:0px solid #fff;z-index:2;opacity:1;background-color:#bbcae7;/*老网站关于鸿程banner下二级菜单*/
-moz-box-shadow:0px 0px 0px 0px #cecece;
box-shadow:0px 0px 0px 0px #cecece;
}

#two-nav ul{margin:0 auto;list-style:none;}
#two-nav ul li{width:auto;}
#two-nav ul li.list3{width:32%;}
#two-nav ul li.list4{width:24%;}
#two-nav ul li.list7{width:13.4%;}
#two-nav a:link{}
#two-nav a:visited{font-weight:bold;}
#two-nav a:hover{font-weight:bold;}
#two-nav a:active{color:#999;}
#two-nav .now{color:#e60012;}
#two-nav .normal{color:#1e50ae;}

#two-nav-p{width:100%;border-bottom:0px solid #fff;z-index:2;opacity:1;background-color:#1e50ae;/*老网站产品频道banner下二级菜单*/
-moz-box-shadow:0px 0px 0px 0px #cecece;
box-shadow:0px 0px 0px 0px #cecece;
}
#two-nav-p ul{margin:0 auto;list-style:none;}
#two-nav-p ul li{width:auto;}
#two-nav-p ul li.list4{width:24%;}
#two-nav-p ul li.list5{width:auto;margin-left:30px;margin-right:30px;}
#two-nav-p a:link{}
#two-nav-p a:visited{font-weight:bold;}
#two-nav-p a:hover{font-weight:bold;}
#two-nav-p a:active{color:#fff;}
#two-nav-p .now{color:#d71618;}
#two-nav-p .normal{color:#fff;}

.border_pp{border-color:#d8d8da;}

.newscon p{font-size:1.25em;line-height:2em;padding-bottom:1em;}
.newscon img {
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
}
#TechSel li:hover{background:#ff0000;text-color:#fff;}


/*发展历程*/
.bg_pp_fz_gray{background: url(../img/bg_hongcheng_01.png) no-repeat;background-position:top center;background-size:100%;}
.bg_pp_fz_red{background: url(../img/bg_hongcheng_02.png) no-repeat;background-position:top center;background-size:100%;}

.s{margin:0 auto;width:170px;height:100px;}
.service li.s1{background: url(../img/w1.png) no-repeat;background-color:#FFFFFF;background-position:top center;}
.service li.s1:hover{background: url(../img/w1_b.png) no-repeat;background-color:#FF0000;background-position:top center;color:#fff;}
.service li.s2{background: url(../img/w2.png) no-repeat;background-color:#FFFFFF;background-position:top center;}
.service li.s2:hover{background: url(../img/w2_b.png) no-repeat;background-color:#FF0000;background-position:top center;color:#fff;}
.service li.s3{background: url(../img/w3.png) no-repeat;background-color:#FFFFFF;background-position:top center;}
.service li.s3:hover{background: url(../img/w3_b.png) no-repeat;background-color:#FF0000;background-position:top center;color:#fff;}
.service li.s4{background: url(../img/w4.png) no-repeat;background-color:#FFFFFF;background-position:top center;}
.service li.s4:hover{background: url(../img/w4_b.png) no-repeat;background-color:#FF0000;background-position:top center;color:#fff;}
.service li.s5{background: url(../img/w5.png) no-repeat;background-color:#FFFFFF;background-position:top center;}
.service li.s5:hover{background: url(../img/w5_b.png) no-repeat;background-color:#FF0000;background-position:top center;color:#fff;}
.service li.s6{background: url(../img/w6.png) no-repeat;background-color:#FFFFFF;background-position:top center;}
.service li.s6:hover{background: url(../img/w6_b.png) no-repeat;background-color:#FF0000;background-position:top center;color:#fff;}
.service li.s7{background: url(../img/w7.png) no-repeat;background-color:#FFFFFF;background-position:top center;}
.service li.s7:hover{background: url(../img/w7_b.png) no-repeat;background-color:#FF0000;background-position:top center;color:#fff;}
.service li.s8{background: url(../img/w8.png) no-repeat;background-color:#FFFFFF;background-position:top center;}
.service li.s8:hover{background: url(../img/w8_b.png) no-repeat;background-color:#FF0000;background-position:top center;color:#fff;}

.service li.e1{background: url(../img/epc/epc_icon_1_0.jpg) no-repeat;background-position:top center;}
.service li.e1:hover{background: url(../img/epc/epc_icon_1_1.jpg) no-repeat;background-position:top center;}
.service li.e2{background: url(../img/epc/epc_icon_2_0.jpg) no-repeat;background-position:top center;}
.service li.e2:hover{background: url(../img/epc/epc_icon_2_1.jpg) no-repeat;background-position:top center;}
.service li.e3{background: url(../img/epc/epc_icon_3_0.jpg) no-repeat;background-position:top center;}
.service li.e3:hover{background: url(../img/epc/epc_icon_3_1.jpg) no-repeat;background-position:top center;}

#good .text-white,a.text-white:link,#good a.text-white:visited{color:#fff;}
#good li h3{font-size:1.568rem;margin-top:0px;margin-bottom:10px;height:45px;line-height:45px;}
#good li p{margin:15px;}

/*老网站2022版按钮 蓝边*/
.button.border-blue{border:solid 1px #1e50af;border-radius:20px;font-size:12px;padding:6px 12px;margin:0;display:inline-block;line-height:12px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#1e50af;}
.button.border-gray{border:solid 1px #88898b;border-radius:20px;padding:4px 10px;margin:0;display:inline-block;line-height:12px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#666;}
.button.border-red{border:solid 1px #red;border-radius:10px;font-size:12px;padding:8px 8px;margin:0;display:inline-block;line-height:12px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#fff;}
.button.border-white{border:solid 1px #fff;border-radius:10px;font-size:12px;padding:8px 8px;margin:0;display:inline-block;line-height:12px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#fff;}
.buttonBig.border-white{border:solid 1px #fff;border-radius:50px;font-size:14px;padding:18px 50px;margin:0;display:inline-block;line-height:12px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#fff;background:none;}
.button .bg-blue{background:#3366CC;color:#fff;}
.button.Angle{border:solid 0px #1e50af;border-radius:0px;font-size:14px;padding:15px 54px;margin:0;display:inline-block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#fff;}
.button.border-no{border:solid 1px #fff;border-radius:20px;padding:4px 10px;margin:0;display:inline-block;line-height:12px;color:#ee3333;}
.button.border-no:hover{color:#fff;}
.close,.selfpage{border:solid 1px #999;border-radius:10px;font-size:12px;margin:8px 8px;padding:8px 18px;display:inline-block;line-height:12px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#666;}/*分页的按钮样式 2022-4-20日改*/

@media (max-width:640px){
.s{margin:0 auto;width:0;height:50px;}
.service li.s1,.service li.s2,.service li.s3,.service li.s4,.service li.s5,.service li.s6,.service li.s7{background-size:30%;}
.service li.s1:hover,.service li.s2:hover,.service li.s3:hover,.service li.s4:hover,.service li.s5:hover,.service li.s6:hover,.service li.s7:hover{background-color:#FF0000;background-size:30%;
}

.service li.e1,.service li.e2,.service li.e3{background: none;}
.service li.e1:hover,.service li.e2:hover,.service li.e3:hover{background:none;}
.service p{font-size:10px}
#two-nav li,#two-nav-p li{height:2rem;line-height:2rem;}
}

@media (max-width:759px){
#nbox p,#nbox img {
    display: block;
    margin: 0 auto;
    padding: 0px 0px;
    max-width: 95%;
}
nav .nav-inline li{float:left;width:50%;text-align:center}
.nav .drop-menu{display:none;}
.padding-large-top{padding-top:10px}
.margin-large-top{marin-top:10px}
.margin-top{margin-top:0px;}
.height-big{line-height:18px;}
.padding-shouji{padding:0 12px;}
/*007 2019-10-25 change*/
.buttonBig.border-white{border:solid 1px #fff;border-radius:50px;font-size:12px;padding:8px 25px;margin:0;display:inline-block;line-height:12px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#fff;background:none;}
.button.border-about{border:solid 0px #c9c9c9;border-radius:20px;padding:2px 5px;margin:0;display:inline-block;line-height:12px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#1e50ae;background:#c9c9c9;}
#good li h3{font-size:1.18em;margin-top:0px;margin-bottom:10px;height:45px;line-height:45px;}
}

@media (max-width:999px) and (min-width:760px){
.logo .img2{display:none;}
}
@media (min-width:760px){
nav .nav-inline{margin:26px -10px 0;text-align:right;}
nav .nav-inline li a{padding:5px 7px;font-size:0.8rem;}
#two-nav li,#two-nav-p li{height:3rem;line-height:3rem;}
}
@media (min-width:1000px){
#index h0{font-size:4.5em;padding:5px 0 0 0;font-weight:bold;text-shadow:#000 2px 2px 2px;}
.f25{font-size:1.785em;}
nav .nav-inline{margin:23px -13px 0;font-size:1pc}
nav .nav-inline li a{padding:5px 13px;font-size:1rem;}
#good li{float:left;height:auto;}
}
@media (min-width:1200px){
/*顶部导航菜单自定义*/
nav .nav-inline{margin:23px -21px 0;font-size:1rem;}
nav .nav-inline li a{padding:0px 10px;font-size:1rem;}
nav .nav-inline li a:hover{color:#004ea2;}
nav .nav-inline .drop-menu li{padding:0px;margin:0;height:2.1rem;line-height:2.1rem;font-size:1.05rem;}
nav .nav-inline .drop-menu li a{padding:0px;margin:0;height:2.1rem;line-height:2.1rem;font-size:1.05rem;}
/*顶部导航菜单自定义*/
.nav-sub a:hover{font-size:1rem;color:#fff;font-weight:bold;}
#good li{float:left;height:150px;height:auto!important;}
#two-nav ul,#two-nav-p ul{width:100%;margin:0 auto;}
}
.news li p{font-size:0.8rem;}
.logo img{float:left}
@media (max-width:759px){
    .logo img{width:auto;margin-top:0px;}
    .logo img.img2{display:none;}
	.text-large{font-size:1rem;}
p{/*padding:12px;*/}
h0{font-size:2.3883em;padding:5px 0 0 0;font-weight:bold;}
h1{font-size:1.3883em;padding:0 0 0 12px;font-weight:bold;}
h2{font-size:1.2612em;padding:5px 0 0 0;font-weight:bold;}
h3{font-size:1.18em;padding:1px 0 0 0;font-weight:bold;line-height:1.2612em;}
h4{font-size:1em;padding:1px 0 0 0;font-weight:bold;/*line-height:1.2412em;height:1.2412em;*/}

.margin-big{margin:0.875em;}
.padding-big{padding:0.875em;}
.margin-big-top{margin-top:6px;}.margin-big-bottom{margin-bottom:6px;}
.margin-large-top{margin-top:8px;}.margin-large-top{margin-bottom:8px;}.
.padding-big-top{padding-top:6px;}.padding-big-bottom{padding-bottom:6px;}
.padding-large-top{padding-top:8px;}.padding-large-bottom{padding-bottom:8px;}
.padding-1{padding:1px 0;}
.padding-20{padding:10px 0;}
ul.bg_pp_fz_li li{list-style-position: inside;list-style:square;line-height:1.5em;margin-left:1em;padding-bottom:0.3em;margin-bottom:0.3em;}
.bg_pp_fz_li li.first{list-style-position: inside;list-style:square;}
.button{border:solid 1px #ddd;border-radius:15px;font-size:12px;padding:8px 12px;/*margin-top:20px;*/display:inline-block;line-height:14px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#fff;}
.bg_fw{
	background-image: url(../img/bg_hc_sj.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-size:contain;
	}/*首页服务手机背景*/
.f20{font-size:1em;}
.f24{font-size:1.2em;}
.f50{font-size:1.5em;}
}
@media (min-width:760px){
.logo img{margin-top:0px;}
.logo img.img2{margin-top:7px;}
p{font-size:0.875em;}/**/
h0{font-size:5.3883em;padding:5px 0 0 0;font-weight:bold;}
h1{font-size:2.5714em;padding:0px 0 0 0;font-weight:bold;}
h2{font-size:2.1612em;padding:5px 0 0 0;font-weight:bold;}
h3{font-size:1.2612em;padding:2px 0 0 0;font-weight:bold;}

.f16{font-size:16px;}/**/
.f20{font-size:20px;/*1.4285em;*/}
.f24{font-size:24px;/*24px*/}

.padding-4{padding:4px 0;}
.padding-20{padding:20px 0;}
.padding-big-top{padding-top:20px}
.height-big-32{line-height:32px;}
.height-big-39{line-height:39px;}
.button.border-about{border:solid 0px #c9c9c9;border-radius:20px;padding:4px 10px;margin:0;display:inline-block;line-height:12px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;color:#1e50ae;background:#c9c9c9;}
}

.button-group .drop-menu{background:#FFF;}
.button-group .drop-menu li{line-height:1rem}
.icon-navicon{margin-top:20px;}
.nav-menu li{font-weight:bold;}
nav .drop-menu{background-color:hsla(0,0%,100%,.9)}
nav .menu-product{position:absolute;left:0;width:100%;background-color:hsla(0,0%,100%,.9);z-index:10000;display:none;overflow-y:hidden}
nav .menu-product .container{padding:28px 0 0}
nav .menu-product .container li{padding-bottom:33px}
nav .menu-product .container h3{padding-bottom:1pc}
nav .menu-product .container h3 a{font-size:18px;line-height:24px;font-weight:100;color:#d40000;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease}
nav .menu-product .container h3 a:hover{color:#ef011c;font-size:20px}
nav .menu-product .container img{margin:0 auto;padding:0;}
nav .menu-product .container h5,nav .menu-product .container img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9)}
nav .menu-product .container h5{font-size:1pc;color:#656565;font-weight:100;padding:4px 0 1pc}
nav .menu-product .container a:hover img{-webkit-transform:scale(1,1);transform:scale(1,1)}
nav .menu-product .container a:hover h5{color:#ef011c;}
nav .menu-product a.menu-more{font-size:1pc}
#index .index,#about .about,#area .area,#news .news,#product .product,#service .service,#solution .solution,#contact .contact{color:#da3536}
/*#index h3{font-size:1.3612em;padding:0px;font-weight:bold;}*/
#index .news h4{font-size:1rem;margin:0;padding:0;font-weight:bold;}

#index .v-box{position: relative}
#index .v-box video{position: relative;width:100%;}
#index .v-box .v-r{position:absolute;top:0;right:0;height:99%;width:100%;background-color:rgba(35,45,51,.75);}
#index .v-box .v-r h3{color:#da251d;font-size:2.4286em;}
#index .v-box .v-r h4{font-size:1.57143em;padding:4px 0 10px;border-bottom:3px solid #da251d;margin-bottom:14px;}
#index .v-box .v-r p{line-height:28px;}
@media (min-width:450px){
#index .v-box .v-r{padding:92px 34px 34px;}
}
@media (min-width:760px){
#index .v-box .v-r p{font-size:1pc}
#index .v-box .v-r{width:48.5%;max-width:436px;}
}

.bg{background:#e8edf7;}
.bg_w{background:#fff;}
.bg_g{background:#f2f2f2;}
.bg_gray{background:#ebebeb;}
.bg_t1{background:#004d9f;}
.bg_r{background:#f50303;}/*新版联系我们 在线咨询按钮背景*/
.bg_bt_fw{background:#c9161d;}

.bg_re{background:#c70707;}
.bg_b{background:#1e50ae;}
.bg_e8edf7{background:#e8edf7;}
.bg_about{background:#004ea2;}
.bg_fz_bt{background:#afafaf;}
.bg_f1f1f1{background:#f1f1f1;}/*新版联系我们背景-电话*/
.bg_e0e9fa{background:#e0e9fa;}/*新版联系我们背景-官媒*/
.bg_ecf0fa{background:#ecf0fa;}/*新版产品首页主图*/
.bg_d71418{background:#d71418;}/*新版产品详情页banner红按钮*/
.bg_bad2ff{background:#bad2ff;}/*新版产品详情产品表格按钮*/
.bg_e8edf7{background:#e8edf7;}/*新版产品详情产品表格按钮*/
.bg_bdbec2{background:#bdbec2;}
.bg_youshi{background:url("../img/youshi.png") no-repeat;}
.bg_chanpin{
	background-image: url(../img/bg_chanpin.gif);
	background-repeat: no-repeat;
	background-position: top center;}
.bg_blueA{background:#005bac;}
.bg_blueB{background:#305dc4;}
.bg_blueC{background:#4a5eda;}
.bg_blueD{background:#e8edf7;}/*首页物料加工+视频背景*/
.bg_bt{background:#f4f7f9;}
.bg_line{height:21px;
	background-image: url(../img/line.png);
	background-repeat: no-repeat;
	background-position: center;
	}
.bg_use{
	background-image: url(../img/use_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	}
.bg_wl{
	background-image: url(../img/bg_wl.png);
	background-repeat: repeat-y;
	background-position: top center;
	background-size:contain;
	}/*首页物料加工背景*/
.bg_al{
	background-image: url(../img/bg_al.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	background-size:cover;
	}/*首页物料加工背景*/
.bg_hyyy{
	background-image: url(../img/bg_hyyy.png);
	background-repeat: repeat;
	background-position: top center;
	background-size:contain;
}
.bg_gsjj{
	background-image: url(../../images/banner/banner_hc2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;	
}/*2022版关于鸿程背景*/
/*
.yyly .e1{background: url(../img/use_index_1.jpg) no-repeat;background-position:top center;background-size:cover;}
.yyly .e2{background: url(../img/use_index_2.jpg) no-repeat;background-position:top center;background-size:cover;}
.yyly .e3{background: url(../img/use_index_3.jpg) no-repeat;background-position:top center;background-size:cover;}
.yyly .e4{background: url(../img/use_index_4.jpg) no-repeat;background-position:top center;background-size:cover;}
.yyly .e5{background: url(../img/use_index_5.jpg) no-repeat;background-position:top center;background-size:cover;}
*/
.yyly .upic{position:relative;}
.yyly .utext{position:absolute;top:0px;left:0px;}


@media(min-width:760px){
.bg_pp_fz_li li{background: url(../img/bg_hongcheng_03.png) no-repeat;background-position:top left;background-size:contain;padding-left:1em;}
.bg_pp_fz_li li.first{background: url(../img/bg_hongcheng_03_a.png) no-repeat;background-position:top left;background-size:contain;padding-left:1em;}
.bg_fw{
	background-image: url(../img/bg_hc.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
	}/*首页服务手机背景*/
.xb2-6{width:16.6%;}
}


@media(min-width:300px){.bg_zjs_5,.bg_zjs_6{background:#fff;}}
@media(min-width:760px){.bg_zjs_5,.bg_zjs_6{background:#fff;}}
@media(min-width:1000px){

.bg_fw{
	background-image: url(../img/bg_hc.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
	}/*首页服务手机背景*/
.h140{height:140px;}
}

.box-shadow-m{
box-shadow:-2px 0 13px -1px rgba(0, 0, 0, 0.1),
0 -2px 15px -1px rgba(0, 0, 0, 0.1),
0 25px 25px -1px rgba(0, 0, 0, 0.1),
2px 0 3px -1px rgba(0, 0, 0, 0.1);
}

.box-shadow-rb{
box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0),/*上边阴影*/
0px 0px 0px 0px rgba(0, 0, 0, 0),/*左边阴影*/
0 25px 25px -1px rgba(0, 0, 0, 0.1),/*右边阴影*/
0px 0px 0px 0px rgba(0, 0, 0, 0.1);/*下边阴影*/
}

/*roll*/
#roll{position:relative;}
#roll img{float:left;}
#roll .tit{bottom:0px;HEIGHT:32px;LINE-HEIGHT:32px;}
.doc-radius div{width:27px;height:27px;font-family: Arial;padding:2px 0;display:inline-block; vertical-align:top; text-align:center;}

nav .nav-menu .drop-menu{z-index:10000}
.pageNav {
	width:99%;HEIGHT: auto;CLEAR: both; PADDING-LEFT: 20px; FONT-SIZE: 14px; MARGIN: 18px 0px; LINE-HEIGHT:30px;FONT-FAMILY: Arial, Helvetica, sans-serif; 
}
.pageNav A {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px;
}
.pageNav STRONG {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px
}
.pageNav SPAN {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px
}
.pageNav A {
	BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px
}
.pageNav SPAN {
	BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 20px
}
.pageNav A.f12 {
	FONT-SIZE: 12px
}
.pageNav STRONG.f12 {
	FONT-SIZE: 12px
}
.pageNav SPAN {
	FONT-SIZE: 12px
}
.pageNav A:hover {
	TEXT-DECORATION: none
}
.pageNav STRONG {
	LINE-HEIGHT: 24px; HEIGHT: 22px
}
.pageNav .mor {
	FLOAT:right;BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 21px; PADDING-TOP: 0px; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px
}
.pageNav .na {
	COLOR: #dbe1e6
}
.pageNav .close {
	BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px;
}
.pageNav .close:before{content:"";}
.pageNav .count {
	BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px
}
.pageNav .selfpage {
	BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px;color:white;background:red;
}

footer li{line-height:22px;}
.menu-p dt{ margin:0;height:28px;line-height:28px;}
.menu-p dd{ margin:0;height:22px;line-height:22px;}
.menu-p dd a:link{color:#656565}

.hover-shadow {
  overflow:hidden;
  position: relative;
  top: 0;
  transition: all 0.2s linear;
}

.hover-shadow:hover {
  top: 0px;
  box-shadow: 3 3px 3px #e5e5e5;
  transition: translate3d(0, -2px, 0);
}
.hover-shadow img{
  transition: all 0.2s linear;
}

.hover-shadow:hover img{
	opacity: 1;
	/*-webkit-transform: scale3d(1.25,1.25,1);*/
	/*transform: scale3d(1.05,1.05,1);*/
	-webkit-transform:translateX(-5px);
	transform: translateX(-5px);
}

.hover-shadow .hover-text {
  position: relative;
  width:170px;margin:0 auto;
  top: -50px;
  transition: all 0.25s linear;
}

.hover-shadow:hover .hover-text {
  top: 0;
width:170px;margin:0 auto;
opacity: 0.8;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

.hover-shadow .hover-content {
  position: relative;
  margin:0 auto;
  top: -50px;
  transition: all 0.25s linear;
}

.hover-shadow:hover .hover-content {
top: 0;
margin:0 auto;
opacity: 0.8;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

.btn
{
transition:background 1s;
}
.btn:hover
{
background:red;
color:white;
}

.Anli li .imgBox{position:relative;}
.Anli li .textBox{
top:0;/**/
/*bottom:0;*/
width: 100%;
height: 100%;/*设置子盒子继承父盒子的100%高度*/
position: absolute;
/*background:rgba(0,78,162,0.6);

filter:alpha(opacity=60);
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;/* Opera */
}

.Anli li:hover .textBox{
top:0;/**/
/*bottom:0;*/
width: 100%;
height: 100%;/*设置子盒子继承父盒子的100%高度*/
position: absolute;
/*padding-top:25px;
background:rgba(0,78,162,0.8);
filter:alpha(opacity=80);*/
}

.Anli li .go{
bottom:10%;
width: 100%;
/*height: 80%;设置子盒子继承父盒子的100%高度*/
line-height: 100%;
position: absolute;

/*background:rgba(0,78,162,0.8);
filter:alpha(opacity=80);*/
}

.Anli li .textBox_wh{/*关于鸿程中的企业文化四张图里的文字*/
bottom:0px;
position:absolute;
width:100%;
background:rgba(30,80,174,0.7);
}

#index .v{margin-top:15px;position:relative}
#index .v .b-bg{background-position:center;background-repeat:no-repeat;-webkit-transition:all .3s ease;transition:all .3s ease;height:552px;position:relative;overflow: hidden;display: none}
#index .v .v-box video{position: relative}

#AnliSel .normal{background:#d7f7f7;color:#000;font-weight:normal;}
#AnliSel .normal a:link{color:#000;font-weight:normal;}
#AnliSel .normal a:hover{color:#000;font-weight:normal;}
#AnliSel .normal a:active{color:#000;font-weight:normal;}
#AnliSel .normal a:visited{color:#000;font-weight:normal;}

#AnliSel .now{background:#004ea2;color:#fff;font-weight:bold;}
#AnliSel .now a:link{color:#000;font-weight:normal;}
#AnliSel .now a:hover{color:#fff;font-weight:normal;}
#AnliSel .now a:active{color:#000;font-weight:normal;}
#AnliSel .now a:visited{color:#fff;font-weight:normal;}

/*页右边新闻选择*/
#NewsSel .normal{background:#d7f7f7;color:#000;font-weight:normal;}
#NewsSel .normal a:link{color:#000;font-weight:normal;}
#NewsSel .normal a:hover{color:#000;font-weight:normal;}
#NewsSel .normal a:active{color:#000;font-weight:normal;}
#NewsSel .normal a:visited{color:#000;font-weight:normal;}

#NewsSel .now{background:#004ea2;color:#fff;font-weight:bold;}
#NewsSel .now a:link{color:#000;font-weight:normal;}
#NewsSel .now a:hover{color:#fff;font-weight:normal;}
#NewsSel .now a:active{color:#000;font-weight:normal;}
#NewsSel .now a:visited{color:#fff;font-weight:normal;}

/*页右边在线窗口*/
#zixun
{
z-index:1000000;
position:fixed;
right:-105px;
top:355px;
width:165px;
height:61px;
background:url(../img/onlineR.png) no-repeat;
overflow:hidden;
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;/* Firefox 4 */
-webkit-transition:all .5s ease-in-out;/* Safari and Chrome */
-o-transition:all .5s ease-in-out;/* Opera */
}
#zixun p
{
position:relative;
font-family:microsoft yahei;
float:right;
width:115px;
height:61px;
line-height:61px;
font-size:24px;
font-weight:bold;
text-align:center;
color:#fff;
}
#zixun a{color:#fff;}
#zixun:hover
{
right:0px;
}
#Tel
{
z-index:1000001;
position:fixed;
right:-165px;
top:416px;
width:225px;
height:61px;
background:url(../img/onlineT.png) no-repeat;
overflow:hidden;
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;/* Firefox 4 */
-webkit-transition:all .5s ease-in-out;/* Safari and Chrome */
-o-transition:all .5s ease-in-out;/* Opera */
}
#Tel:hover
{
right:0px;
}
#Ma
{
z-index:1000002;
position:fixed;
right:0px;
top:538px;
width:60px;
height:61px;
background:url(../img/onlineM.png) no-repeat;
}
#Ma .MaP
{
position:fixed;
opacity: 0;
right:0px;
top:538px;
width:192px;
height:134px;
background:url(../img/weixin.png) no-repeat;
overflow:hidden;
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;/* Firefox 4 */
-webkit-transition:all .5s ease-in-out;/* Safari and Chrome */
-o-transition:all .5s ease-in-out;/* Opera */
}
#Ma .MaP:hover
{
opacity: 1;
right:0px;
top:538px;
}

/*索取报价*/
#Douyin
{
z-index:1000004;
position:fixed;
right:-165px;
top:477px;
width:225px;
height:61px;
background:url(../img/o_douyin.png) no-repeat;
overflow:hidden;
transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;/* Firefox 4 */
-webkit-transition:all .5s ease-in-out;/* Safari and Chrome */
-o-transition:all .5s ease-in-out;/* Opera */
}
#Douyin:hover
{/*索取报价*/
right:-165px;
}

#Back
{
z-index:1000003;
position:fixed;
right:0px;
top:599px;
width:60px;
height:61px;
background:url(../img/onlineB.png) no-repeat;
}
/*页右边在线窗口*/
.tansuangai .x12{width:98%;}
.line-big .x12{width:100%}

@media(min-width:300px){
/*#nbox p img{display:block;width:100%;max-width:100%;height:auto;border-radius:1em;}*/
#caseBox p img{display:block;align:center;width:100%;max-width:100%;height:auto}
.xy-move{ 
  transform:translate(0rem,0rem);
  -webkit-transform:translate(0rem,0rem);  /*兼容-webkit-引擎浏览器*/
  -moz-transform:translate(0rem,0rem);     /*兼容-moz-引擎浏览器*/
}
.use-list-title{ padding-top: 26px; font-size: 16px; font-weight: bold; line-height: 24px;display: block;}
.use-list-text{ padding: 10px; font-size: 12px; line-height: 18px; margin-bottom: 10px;}
}
@media(min-width:760px){
#nbox img {
    display: block;
    margin: 0 auto;
    padding: 0px 0px;
    max-width: 65%;
}
#caseBox p img{display:block;align:center;width:100%;max-width:100%;height:auto}
.xy-move{ 
  transform:translate(0rem,-2rem);
  -webkit-transform:translate(0rem,-2rem);  /*兼容-webkit-引擎浏览器*/
  -moz-transform:translate(0rem,-2rem);     /*兼容-moz-引擎浏览器*/
}
.use-list-title{ padding-top: 20px; font-size: 18px; font-weight: bold; line-height: 28px;display: block;}
.use-list-text{ padding: 10px; font-size: 12px; line-height: 18px; margin-bottom: 10px;}
}
@media(min-width:1000px){
#nbox img {
    display: block;
    margin: 0 auto;
    padding: 0px 0px;
    max-width: 65%;
}
#caseBox p img{display:block;align:center;width:95%;max-width:95%;height:auto}
.xy-move{ 
  transform:translate(0rem,-1rem);
  -webkit-transform:translate(0rem,-1rem);  /*兼容-webkit-引擎浏览器*/
  -moz-transform:translate(0rem,-1rem);     /*兼容-moz-引擎浏览器*/
}
.use-list-title{ padding-top: 40px; font-size: 28px; font-weight: bold; line-height: 48px;display: block;}
.use-list-text{ padding: 10px; font-size: 16px; line-height: 22px; margin-bottom: 10px;}
}
@media(min-width:1200px){
/*#nbox img{display:block;max-width:100%;width:90%;height:auto}*/
#caseBox p img{display:block;align:center;width:95%;max-width:95%;height:auto}
.xy-move{ 
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.xy-move:hover{ 
-webkit-transform: translate(0,-1em);
    -moz-transform: translate(0,-1em);
    -o-transform: translate(0,-1em);
    -ms-transform: translate(0,-1em);
    transform: translate(0,-1em);
}

}

/* mouse hover box move Up */
.moveUp{padding: 50px 0;color:#555555; }
.moveUp h3{font-size: 1rem; color: #27b04c;text-align: center;padding-top:25px;line-height: 30px;}
.moveUp ul li{ 
float: left;
margin-top: 30px;
transform: translate(0);
-webkit-transform:translate(0);
-ms-transform:translate(0);
-o-transform:translate(0);
-moz-transform: translate(0);
transition: ease .6s;
-webkit-transition: ease .6s;
-moz-transition:ease .6s;
-o-transition:ease .6s;
}
.moveUp ul li:hover{
transform: translate(0, -1rem);
-webkit-transform: translate(0, -1rem);
-ms-transform: translate(0, -1rem);
-o-transform: translate(0, -1rem);
-moz-transform: translate(0, -1rem);
transition: ease .2s .1s;
-webkit-transition: ease .2s .1s;
-moz-transition: ease .2s .1s;
-o-transition: ease .2s .1s;}

.require_focus{
height:100px;
width:100%;
background:#f4f7f9;
padding:5px;border:solid 0px #ddd;display:block;border-radius:8px;-webkit-appearance:none;box-shadow:0 0px 0px rgba(0,0,0,0.075) inset;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
}

/*图片遮罩效果css*/
.demo{padding: 2em 0;}
:root{
	--color_1: #fff;
	--main-color: #1dd1a1;
}
.box{
	font-family: 'Niramit', sans-serif;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.box:before,
.box:after,
.box-content:before,
.box-content:after{
	content: '';
	/**/background: linear-gradient(transparent 10%,rgba(1, 77, 129, 0.95));
	/*background:#000;
	background:rgba(1, 77, 129, 0.75);*/
	height: 100%;
	width: 25%;
	transform: translateY(-100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s;
}
.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after{
transform: translateY(0);
}
.box:after{ left: 25%; }
.box .box-content:before{ left: 50%; }
.box .box-content:after{ left: 75%; }
.box:hover:before{ transition-delay: 0.225s; }
.box:hover:after{ transition-delay: 0.075s; }
.box:hover .box-content:before{ transition-delay: 0.15s; }
.box:hover .box-content:after{ transition-delay: 0s; }
.box img{
	width: 100%;
	height: auto;
	transition: all 0.3s ease 0s;
}
.box:hover img{ /*filter: opacity(20%);filter:opacity(50%);filter: blur(10px);*/filter:opacity(50%);}
.box .box-content{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.2s;
}
.content{
	width: 100%;
	padding: 7px 0;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 2;
	transition: all 0.3s ease 0.1s;
}
.box:hover .content{
	opacity: 1;
	bottom: 5px;
}
.box .title{
	color:#fff;
	font-size: 1.4879em;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
	padding-bottom:1em;
}
.box .post{
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: block;
}
.box .icon{
	padding: 0;
	margin: 0;
	list-style: none;
	transform: translateX(-50%);
	position: absolute;
	top: 15px;
	right: -10px;
	z-index: 2;
	transition: all 0.5s ease 0.3s;
}
.box .icon li{
	opacity: 0;
	transform: scale(0) rotate(360deg);
	transition: all 400ms;
}
.box:hover .icon li{
	opacity: 1;
	transform: scale(1) rotate(0);
}
.box .icon li a{
	color: var(--color_1);
	background-color: var(--main-color);
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	margin-bottom: 10px;
	border-radius: 50%;
	display: block;
	position: relative;
	transition: all 0.3s;
}
.box .icon li a:hover{
	text-decoration: none;
	color: var(--main-color);
	background-color: var(--color_1);
	border-radius: 0 20px 0 20px;
}
@media only screen and (max-width:990px){
	.box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
	.box .title{ font-size: 20px; }
}

.use-list{ position: relative; margin-bottom: 30px;}
.use-list-bg{ position: relative;}
.use-list-bg img{ width: 100%;}
.use-list-bg::after{ position: absolute; content: " "; width: 100%; height: 100%; top: 0; left: 0; background: #000652 ; opacity: 0.4; transition: all .5s;}
.use-list-desc{position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff;}

.use-list-title_two{ padding-top: 40px; font-size: 18px; font-weight: bold; line-height: 28px;}

.use-list-text_two{ padding: 8px; font-size: 14px; line-height: 14px; margin-bottom: 10px;}

.use-list-btn a{
opacity:1;display: inline-block; width: 150px; height: 46px; font-size: 16px; line-height: 46px; color: #fff; margin: 0 auto; border-radius: 23px;
    background: #f45c43;
    background: -moz-linear-gradient(left,  #f45c43 0%, #eb3349 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f45c43), color-stop(100%,#eb3349));
    background: -webkit-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -o-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -ms-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: linear-gradient(to right,  #f45c43 0%,#eb3349 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45c43', endColorstr='#eb3349',GradientType=1 );
	}
.use-list .use-list-btn{ opacity:0.8;}
.use-list:hover .use-list-btn{
-webkit-animation-name : DfadeIn;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear ;
-webkit-animation-iteration-count:1;
}

.use-list:hover .use-list-bg::after{ opacity: 0.5;}

.use-list:hover .use-list-text{ display: block;}
.use-list:hover .use-list-bg::after{ opacity: 0.5;}

@-webkit-keyframes DfadeIn{
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.5; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}

/*移动端使用CSS如何实现左右滑动*/

.slide-box{
           /* margin-top:200px;*/
            display: -webkit-box;
            overflow-x: auto;
            /*适应苹果*/
            -webkit-overflow-scrolling:touch;
        }
.slide-item{
           /* width: 300px;
            height: 300px;
            border:1px solid #ccc;
			
            margin-right: 30px;
            background: pink;*/
        }
        /*隐藏掉滚动条*/
 .slide-box::-webkit-scrollbar {
         display: none;
       }



.font-size-16{
	font-size: 16px;
}

.font-size30 {
	font-size: 30px;
}

.keypoint1 {
	padding: 50px;
}

.keypoint-zhuzao-1 {
	background: #EEF6FF;
	padding-bottom: 230px;
	font-size: 24px;
}

.keypoint-zhuzao-2 {
	background: #F1F2F4;
	padding-bottom: 182px;
	font-size: 24px;
}

.keypoint-zhuzao-3 {
	background: #EEF6FF;
	padding-bottom: 245px;
	font-size: 24px;
}

.keypoint-zhuzao-5 {
	background: #EEF6FF;
	padding-bottom: 198px;
	font-size: 24px;
}

.keypoint-zhuzao-6 {
	background: #F1F2F4;
	padding-bottom: 230px;
	font-size: 24px;
}

.title-top {
	padding-top: 6px;
}

.float-top-title {
	position: absolute;
	left: 0;
	right: 0;
	padding: 20px;
	font-size: 16px;
}

.float-top-title p {
	font-size: 28px;
}

.float-top-div {
	position: absolute;
	left: 0;
	right: 0;
	padding: 20px;
	font-size: 16px;
	color: #fff;
}

@media (max-width: 768px) {
	.font-size30 {
		font-size: 20px;
	}

	.keypoint-zhuzao-1 {
		padding: 10px;
		font-size: 20px;
	}

	.keypoint-zhuzao-2 {
		padding: 10px;
		font-size: 20px;
	}

	.keypoint-zhuzao-3 {
		padding: 10px;
		font-size: 20px;
	}

	.keypoint-zhuzao-5 {
		padding: 10px;
		font-size: 20px;
	}

	.keypoint-zhuzao-6 {
		padding: 10px;
		font-size: 20px;
	}

	.title-top {
		padding-top: 10px;
	}

	.flex-m {
		display: flex;
		flex-flow: column;
	}

	.order-1 {
		order: 2;
	}

	.order-2 {
		order: 1;
	}

	.float-top-div {
		position: unset;
		padding: unset;
		padding-right: 15px;
		padding-left: 15px;
		color: unset;
	}
}