.f16{font-size:16px;}
li img{width:100%;}
h3,h4{line-height:2em;}
h3{font-size:20px;}
/*.nav{padding-top:8px}*/
.-m25{margin-top:-23px}
.-m35{margin-top:-35px}
.mbt{margin-bottom:15px;}
#two-nav{z-index:2;font-size:15px;opacity: .9;}
#two-nav a:link{color:#fff;height:45px;line-height:45px;}
#two-nav a:visited{color:#fff;}
#two-nav a:hover{color:yellow;}
#two-nav a:active{color:#fff;}
.see{display:block;}
.noSee{display:none;}
.newscon p{font-size:1.1287em;}
#good .text-white,a.text-white:link,#good a.text-white:visited{color:#fff;}
#good li h3{font-size:1.168rem;text-align:left;margin-top:5px;margin-bottom:15px;height:45px;line-height:45px;}
#good li p{margin:15px;}

.text_color_b5b5b6{color:#b5b5b6;}
.text_color_898989{color:#898989;}
.text_color_323333{color:#323333;}
.text-blueA{color:#1e50ae;}

.bg-top{background:#f7f7f7;}
.bg_r{background:#c59e17;}
.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%;}
.bg_bad2ff{background:#bad2ff;}/*新版产品详情产品表格按钮*/
.bg_e8edf7{background:#e8edf7;}/*新版产品详情产品表格按钮*/


@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;}
}

@media (max-width:759px){
p{font-size:0.875em;}
#index h1{font-size:1.3883em;padding:5px 0 0 0;font-weight:bold;}
#index h2{font-size:1.2612em;padding:5px 0 0 0;font-weight:bold;}
#index h3{font-size:1.0812em;padding:5px 0 5px 0;line-height:1.2612em;}
#index h4{font-size:1.0012em;padding:1px 0 0 0;/*line-height:1.2412em;height:1.2412em;*/}

nav .nav-inline li{float:left;width:50%;text-align:center}
.nav .drop-menu{display:none;}
.bg_cp{background:url("../pintuer/img/bg_cp3.png") no-repeat;background-position:top center;background-size:100%;}
.bg_g{background:#f2f2f2}
.bg_cp_use{background:url("../pintuer/img/hc_use_bg.png") repeat;}

.logo img{width:auto;margin-top:0px;}
.logo img.img2{display:none;}
	/*手机版按钮边框*/
.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:#666;}

.padding-7{padding:1px 0;}
.padding-20{padding:10px 0;}
.f20{font-size:1em;}
/**/
.button .bg-blue{background:#3366CC;color:#fff}

.margin-big{margin:2px;}.margin-large{margin:3px;}
.padding-big{padding:2px;}.padding-large{padding:3px;}
.margin-big-top{margin-top:2px;}.margin-big-bottom{margin-bottom:2px;}
.margin-large-top{margin-top:2px;}
.padding-big-top{padding-top:1px;}.padding-large-bottom{padding-bottom:3px;} padding-big-bottom
.padding-large-top{padding-top:2px;}.padding-large-bottom{padding-bottom:3px;}
.newscon img {
    display: block;
    margin: 0 auto;
    padding: 0px 0px;
    max-width: 95%;
}
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;}
.spic li p{line-height:15px;}
}
@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;}
.bg_cp{background:url("../pintuer/img/bg_cp2.png") no-repeat;background-position:top center;background-size:100%;}
.newscon img {
    display: block;
    margin: 0 auto;
    padding: 0px 0px;
    max-width: 65%;
}
#index h1{font-size:2.1612em;padding:30px 0 0 0;font-weight:bold;}
.text-g{color:#fff}
.text-t{color:#595959}
.text-r{color:#c5181f}
.text-blueA{color:#004ea2;}
.f20{font-size:20px;/*1.4285em;*/}
.padding-7{padding:4px 0px 3px 0;}
.padding-20{padding:20px 0;}
}

@media (min-width:1000px){
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:1.2rem;}
nav .nav-inline li a{padding:0px 16px;font-size:1.2rem;}
#good li{float:left;height:150px;height:auto!important;}
#index h1{font-size:2.1612em;padding:0 ;font-weight:bold;}
#index h2{font-size:1.5em;padding:0 ;font-weight:bold;}
#index h3{font-size:1.4em;padding:0;font-weight:bold;}
.bg_cp{background:url("../pintuer/img/bg_cp1.png") no-repeat;background-position:top center;background-size:100%;}
.text-small{font-size:13px;}
.about,.area,.news,.product,.service,.solution{font-size:1.04rem;}
.news li p{font-size:0.8rem;}
.logo img{float:left}
}
@media (min-width:760px){
    .logo img{margin-top:0px;}
    .logo img.img2{margin-top:0px;}
}
.icon-navicon{margin-top:20px;}
.button-group .drop-menu{background:#FFF;}
.nav-menu li{font-weight:bold;}
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:14px;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{max-width:100%;margin:0 auto}
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}

.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}

#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:#0e3e90;}
.bg_g{background:#f2f2f2}
.bg_t1{background:#004d9f;}
.bg_b{background:#4d9aec;}
.bg_youshi{background:url("../img/youshi.png") no-repeat;}
.bg_qg{background:url("../pintuer/img/bg_line.jpg") no-repeat;background-position:top center;background-size:100%;}
.bg_cp_use{background:url("../pintuer/img/hc_use_bg.png") repeat;}
.bg_baoshan{background:url("../pintuer/img/bg_baoshan.jpg") no-repeat;}

.date{background-color:#f4f4f4;color:#555555;padding:0.3em;}
.date .d{background-color:#dcdcdc;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;}
/*roll*/
#roll{position:relative;}
#roll img{float:left;}
#roll .tit{bottom:0px;HEIGHT:32px;LINE-HEIGHT:32px;}

.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;}

/*页右边在线窗口*/
#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;
}

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

.hover-shadow:hover {
  top: 0px;
  box-shadow: 0 0px 0px #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);
}

/*页右边在线窗口*/
#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:477px;
width:60px;
height:61px;
background:url(../img/onlineM.png) no-repeat;
}
#Ma .MaP
{
position:fixed;
opacity: 0;
right:0px;
top:477px;
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:477px;
}

/*抖音*/
#Douyin
{
z-index:1000004;
position:fixed;
right:-164px;
top:538px;
width:225px;
height:61px;
background:url(../img/onlineD.png) no-repeat;
overflow:hidden;

}
#Douyin .DouyinP
{
position:fixed;
right:-132px;
top:538px;
width:192px;
height:61px;
opacity:1;
background:url(../img/onlineD.png) no-repeat;
overflow:hidden;
}
#Douyin:hover
{
opacity:1;
right:0px;
top:538px;
width:192px;
height:134px;
background:url(../img/o_douyin.png) no-repeat;
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 */
}

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

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

.keypoint1 {
  padding: 50px;
}

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

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

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

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

.keypoint-zhuzao-6 {
  background: #F1F2F4;
  padding-bottom: 222px;
  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;
}

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

  .zhuzao-bg {
    background: url(/Template/default/images/zhuzao/baoshan.jpg) no-repeat;
    background-size: cover;
    color: #fff;
  }
  
  .zhuzao-date {
    background-color: #f4f4f4;
    color: #555555;
    padding: 0.3em;
  }
  
  .zhuzao-date .d {
    background-color: #dcdcdc;
    font-weight: bold;
    line-height: 32px;
    margin: 0;
    padding: 0;
    font-size: 1.8286rem;
  }
  
  .zhuzao-date .m {
    background-color: #f4f4f4;
    font-size: 0.5rem;
    margin: 0;
    padding: 0;
  }

#TechSel li:hover {
    background: #ff0000;
    text-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;
  }
}