.f16{font-size:16px;}
.spic li p{line-height:35px;}
 p{font-size:1rem;}
/*li img{width:100%;}*/
#three h2{font-size:1.5987rem;font-weight:bold;color:red}
h3,h4{line-height:1.6em;font-weight:bold;}
h3{font-size:1.468rem;}
h4{font-size:1.168rem;}
.nav{padding-top:8px}
.-m25{margin-top:-25px}
.-m35{margin-top:-35px}
.mbt{margin-bottom:15px;}
.noSee{display:none;}
.h165{height:165px;}
#allmap {height: 500px;width:100%;overflow: hidden;}
.sub{vertical-align: super; font-size: 10px;}

#two-nav{
width:100%;border-bottom:0px solid #d9d9d9;z-index:2;opacity:1;background-color:#f3f3f5;
-moz-box-shadow:0px 0px 0px 0px #cecece;
box-shadow:0px 0px 0px 0px #cecece;
}
#two-nav ul{margin:0 auto;}
#two-nav ul li{width:auto;}
#two-nav a:link{font-size:1.2879rem;color:#686868;height:4rem;line-height:4rem;margin-top:-16px;}
#two-nav a:visited{font-weight:bold;}
#two-nav a:hover{color:red;font-weight:bold;}
#two-nav a:active{color:#999;}

#two-nav .small-text a:link{font-size:0.95rem;color:#686868;height:2rem;line-height:2rem;}
#two-nav .small-text a:visited{font-size:0.95rem;}
#two-nav .small-text a:hover{font-size:0.95rem;}
#two-nav .small-text a:active{font-size:0.95rem}
#two-nav .small-text .now{color:red;font-weight:bold;}

.newscon p{font-size:1.0287em;line-height:2em;}
.newscon img{
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
}
.s{margin:0 auto;width:170px;height:100px;}
.service li.s1{background: url(../images/w1.png) no-repeat;background-position:top center;}
.service li.s1:hover{background: url(../images/w1_b.png) no-repeat;background-position:top center;}
.service li.s2{background: url(../images/w2.png) no-repeat;background-position:top center;}
.service li.s2:hover{background: url(../images/w2_b.png) no-repeat;background-position:top center;}
.service li.s3{background: url(../images/w3.png) no-repeat;background-position:top center;}
.service li.s3:hover{background: url(../images/w3_b.png) no-repeat;background-position:top center;}
.service li.s4{background: url(../images/w4.png) no-repeat;background-position:top center;}
.service li.s4:hover{background: url(../images/w4_b.png) 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.168rem;text-align:left;margin-top:0px;margin-bottom:10px;height:45px;line-height:45px;}
#good li p{margin:15px;}

.hc-bg{background:url(../images/hc-right.jpg) repeat-x}

@media (max-width:640px){
.s{margin:0 auto;width:0;height:0;}
.service li.s1,.service li.s2,.service li.s3,.service li.s4{background: none;}
.service li.s1:hover,.service li.s2:hover,.service li.s3:hover,.service li.s4:hover{background:none;}
.service p{font-size:10px}
}

@media (max-width:759px){
nav .nav-inline li{float:left;width:50%;text-align:center}
.nav .drop-menu{display:none;}
}
@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;}
}
@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){
body{background:url(../images/bg_foot.png) no-repeat bottom center;}
/*顶部导航菜单自定义*/
nav .nav-inline{margin:23px -21px 0;font-size:1.2rem;}
nav .nav-inline li a{padding:0px 16px;font-size:1.2rem;}
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{width:100%;margin:0 auto;}
}
.about,.area,.news,.product,.service,.solution{font-size:1.04rem;}
.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;}
}
@media (min-width:760px){
    .logo img{margin-top:0px;}
    .logo img.img2{margin-top:7px;}
}
.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 h2{font-size:2.1612em;padding:30px 0 0 0;font-weight:bold;}
#index h3{font-size:1.3612em;padding:0 0 0 0;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:#f7f7f7;}
.bg_w{background:#fff;}
.bg_g{background:#f3f3f5}
.bg_g7{background:#d7d7d7;}
.bg_t1{background:#004d9f;}
.bg_r{background:#c59e17;}

.bg_about{background:#d51311;}
.bg_gray{background:#ebebeb;}
.bg_blueA{background:#004ea1;}
.bg_blueB{background:#305dc4;}
.bg_blueC{background:#005bac}
.bg_bt{background:#f4f7f9;}
.bg_re{background:#c70707;}
.bg_feizha{background:#dbe2ea}
.bg373f4a{background:#373f4a;}
.bg_line{
height:21px;
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position:center;
	}
.bg_b{
	background-image: url(../images/bg_cp.jpg);
	background-repeat: repeat-x;
	background-position:left top;
	/*background-size:contain;*/
	}
.bg_hc{background: url(../images/bg_hc.jpg) no-repeat;background-position:top center;}
.bg_date{background:url(../images/bg_date.png) no-repeat;background-position:top center;background-size:contain; }
.bg_da{width:50px;height:50px;background:#004ea2;padding:10px 0;display:inline-block;vertical-align:top;text-align:center;}
.date{background-color:#d51311;color:#fff;padding:0.8em;margin-top:0.4rem;}
.date .d{font-family:Arial;font-weight:bold;line-height:48px;margin:0.5rem 0 0;padding:0;font-size:2.8286rem;}
.date .m{background-color:#d51311;font-size:1.5rem;margin:0;padding:0;}
.text-g{color:#fff}
.text-t{color:#595959}
.text-blueA{color:#004ea2;}
.num{font-family: Arial;}
/*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: -4px;
  box-shadow: 0 15px 30px #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);
}

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

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

.hover-shadow .hover-text2 {
  position: relative;
  width:270px;margin:0 auto;
  top: -50px;
  transition: all 1s linear;
}

.hover-shadow:hover .hover-text2 {
top: 0;
width:270px;
margin:0 auto;
opacity: 0.78;
-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{
position:absolute;
bottom:0;
display:block;
width:100%;
height:33px;
overflow:hidden;
margin:0 auto;
line-height:33px;
background:rgba(0,78,162,0.6);
filter:alpha(opacity=60);
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 */
}

.Anli li:hover .textBox{
left: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 .go{
left:0;

bottom:0;
width: 100%;
height: 100%;/*设置子盒子继承父盒子的100%高度*/
line-height: 100%;
position: absolute;
padding-top:25px;
background:rgba(0,78,162,0.8);
filter:alpha(opacity=80);
}
#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:100;
position:fixed;
right:-105px;
top:355px;
width:165px;
height:61px;
background:url(../images/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:100;
position:fixed;
right:-165px;
top:416px;
width:225px;
height:61px;
background:url(../images/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:100;
position:fixed;
right:0px;
top:477px;
width:60px;
height:61px;
background:url(../images/onlineM.png) no-repeat;
}
#Ma .MaP
{
position:fixed;
opacity: 0;
right:0px;
top:477px;
width:192px;
height:134px;
background:url(../images/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:100;
position:fixed;
right:-165px;
top:538px;
width:225px;
height:61px;
background:url(../images/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:0px;
}

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

@media(min-width:300px){
#nbox p img{display:block;width:100%;max-width:100%;height:auto}
}
@media(min-width:760px){
#nbox p img{display:block;width:100%;max-width:100%;height:auto}
}
@media(min-width:1000px){
#nbox p img{display:block;width:80%;max-width:80%;height:auto}
}
@media(min-width:1200px){
#nbox p img{display:block;max-width:60%;height:auto}
}

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

.mark{
    position:fixed;
    left:0;
    top:0;
    opacity:.5;
    width:100%;
    height:100%;
    background:#000;
    z-index:998;
}

/*品牌专题*/
.bg_pp_1{background: url(../images/special/bg_pp_1.jpg) repeat-y;background-position:top center;background-size:100%;}
.bg_pp_2{background: url(../images/special/bg_pp_2.jpg) repeat-y;background-position:top center;background-size:100%;}
.bg_pp_3{background: url(../images/special/bg_pp_3.jpg) repeat-y;background-position:top center;background-size:100%;}
.bg_pp_4{background: url(../images/special/bg_pp_4.jpg) repeat-y;background-position:top center;background-size:100%;}
.bg_pp_5{background: url(../images/special/bg_pp_5.jpg) repeat-y;background-position:bottom right;background-size:100%;}
.bg_pp_jj{background: url(../images/special/bg_pp_jj.png) no-repeat;background-position:top center;background-size:100%;}

/*epc css*/
.bg_epc_1{background: url(../images/epc/epc_bg_01.jpg) no-repeat;background-position:top center;background-size:100%;}
.bg_epc_2{background: url(../images/epc/epc_bg_02.jpg) no-repeat;background-position:top center;background-size:100%;}
.bg_epc_3{background: url(../images/epc/epc_bg_03.jpg) no-repeat;background-position:top center;background-size:100%;}
.bg_epc_4{background: url(../images/epc/epc_bg_04.jpg) no-repeat;background-position:top center;background-size:100%;}
.bg_epc_5{background: url(../images/epc/epc_bg_05.jpg) no-repeat;background-position:top center;background-size:100%;}

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