锘緻charset "utf-8";

/*绔栨帓鏂囧瓧*/
.writing-vertical{
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
}

.fix { position:fixed; left:0px; top:0px; right:0px; z-index:999; }

.bsBox { box-sizing:content-box; }

.bg_container img { display:none; }

.u-df { display:-webkit-box;  display:-ms-box; display: -webkit-box; /* Safari */ display: box; display: -moz-box;  /* Firefox */   display:flex; }
.u-flex-h {-webkit-box-orient:horizontal; }
.u-flex-r {-ms-flex-direction:row; flex-direction:row; }
.u-flexd--c {-webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column; }

.u-jc-c { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.u-jc-sb { -ms-justify-content:space-between;-webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content : space-between;  }
.u-jc-end { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }
.u-fd-rr { -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse;  flex-direction:row-reverse; }
.u-fd-col { -webkit-flex-direction:column-reverse; -ms-flex-direction:column-reverse;  flex-direction:column-reverse; }


.u-ai-fs { -webkit-box-align:start; -ms-flex-align:start;  align-items:flex-start; }
.u-ai-c { -webkit-box-align:center; -ms-flex-align:center;  align-items:center; }
.u-al-fe { -webkit-box-align:end; -ms-flex-align:end;  align-items:flex-end; }
.u-as-bl { -webkit-align-self:baseline; -ms-align-self:baseline;  align-self:baseline; }

.u-flex-sb {  justify-content:space-between; }

.u-fw { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap:wrap; }

.flex-1 { flex:1; }


.page-no { text-align:center; padding:2rem 0px; }


.html { overflow:hidden; }
.page-main { background-color:#fff; }
.mainbg {  background-size:100% auto; background-position:center 1rem; background-repeat:no-repeat; }

.jt-more a { color:#2b2b2b; position:relative; display:inline-block; padding-right:2em;  }
.jt-more a  i {  display:inline-block; position:absolute; width:15px; height:10px; margin-top:-5px; right:0px; top:50%; background:url(../images/jt05.png) no-repeat right center; }
.jt-more a:hover  i { right:-3px; }

.jt-more2 a { color:#2b2b2b; position:relative; border:1px solid #e4e4e4; border-radius:1.1945em; display:inline-block; padding-right:2.72em;  }
.jt-more2 a span { padding:0px 0.778em 0px 1.88em; line-height:2.389; }
.jt-more2 a  i {  display:inline-block; position:absolute; width:15px; height:10px; margin-right:0px; margin-top:-5px; right:1.833em; top:50%; background:url(../images/jt05.png) no-repeat right center; }
.jt-more2 a:hover  i { margin-right:-3px; }
.jt-more2 a:hover { border:1px solid #e83421; }

.jt-more3 span { color:#2b2b2b; position:relative; display:inline-block; padding-right:2em;  }
.jt-more3 span i {  display:inline-block; position:absolute; width:15px; height:10px; margin-top:-5px; right:0px; top:50%; background:url(../images/jt05.png) no-repeat right center; }

.in-title { position:relative; color:#2b2b2b; width:6em; padding-top:15px;  line-height:1.3;  padding-bottom:0.1667em; }
.in-title  i { background:#fdd000; position:absolute; height:1px; left:0px; top:0px; width:2.083em; }


.sec-tab { padding-left:10em; position:relative;  }
.sec-tab .tit { position:absolute; left:0px; top:0px; }


.img-video { float:left; width:38.889%; position:relative; }
.img-video .img { padding-bottom:58.57%;  }
.img-video video { width:100%; position:absolute; left:0px; top:0px; height:100%; background:#000; }
.img-video .play,.img-video .play2 { position:absolute; cursor:pointer; z-index:3; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); }
.img-video .play i,.img-video .play2 i { width:4.375em; display:inline-block; height:6.5em; background:url(../images/play.png) no-repeat center center; background-size:cover; }
.img-video .play:hover { background:none; }




.box_Arrow {
  border-bottom: 1px solid #7d7d7d;
  border-right: 1px solid #7d7d7d;
  width: 0.7142em;
  height: 0.7142em;
  background: #fff;
  transform: rotate(45deg);
  margin-top:-0.3571em;
  position:absolute;
}


.box_Arrow2 {
  border-top: 2px solid #acacac;
  border-right: 2px solid #acacac;
  width: 0.14rem;
  height: 0.14rem;
  background:transparent;
  transform: rotate(45deg);
  margin-top:-0.07rem;
  position:absolute;
}


.box_Arrow3 {
  border-right: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  width: 0.14rem;
  height: 0.14rem;
  background: #fff;
  transform: rotate(135deg);
  margin-left:-0.07rem;
  position:absolute;
  left:50%;
  bottom:0.04rem;
}

.box_Arrow4 {
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  width: 1.4285em;
  height: 1.4285em;
  background: #fff;
  transform: rotate(45deg);
  margin-top:-0.875em;
  position:absolute;
  left:0px;
  top:50%;
}


/************************澶村熬鍏叡閮ㄥ垎寮€濮?*****************************/
/*******************澶撮儴 鍏叡閮ㄥ垎 寮€濮?**************************/
.page-header { background:#fff; position:fixed; border-bottom:1px solid #e5e5e5; height:0.9rem; left:0px; top:0px; width:100%; z-index:102; }
.page-header .page-logo { margin:0.19rem 0px 0.18rem; padding-left:0.6rem; }
.page-header .page-logo img { width:1.94rem; }
.nav_phone_btn,.nav_phone{display: none;} 

/*******瀵艰埅閮ㄥ垎******/
.page-header .page-wap-nav { transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.page-header .page-wap-nav.on { opacity:0; filter:alpha(opacity=0);}

.page-header .page-nav { padding-right:0.28rem;  }
.page-header .page-nav>ul>li{ position:relative; display:inline-block; padding:0px 0.225rem; }
.page-header .page-nav>ul>li>p>a{display: block; line-height:0.9rem;  position: relative; color:#333; }
.page-header .page-nav>ul>li>p>a:before { position:absolute; left:0px; bottom:2px; width:0px; height:0.03rem; background:#d0121b;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; content:""; }
.page-header .page-nav>ul>li>p>a>em{position: absolute; right:16.11%; top:50%; display:none; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; z-index:101;}
.page-header .page-nav>ul>li.on>p>a>em { background:#f7f7f7; -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); }
.page-header .page-nav>ul>li.on>p>a  { color:#d0121b; font-weight:bold; }
.page-header .page-nav>ul>li.on>p>a:before { width:100%; }
/*.page-header .page-nav>ul>li>p:hover>a>em{ -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); border-color:#fff; }
.page-header .page-nav>ul>li>p:hover>a {  color:#d0121b;font-weight:bold;  }
.page-header .page-nav>ul>li>p:hover>a:before { width:100%; }*/


.page-header .page-nav>ul>li dl { position:absolute; margin-top:-2px; border-top:2px solid #fff; padding:0.3rem 0.3rem 0.4rem; top:100%; display:none; left:50%; background:rgba(255,255,255,0.96); width:2.86rem; margin-left:-1.43rem; }
.page-header .page-nav>ul>li dl a { color:#000; display:block;border-bottom:1px solid transparent; padding:0.12rem 0px;  }
.page-header .page-nav>ul>li dl a:hover {color:#d0121b; text-decoration:underline; }
.page-header .page-nav>ul>li.wid400 dl { width:3.6rem; margin-left:-1.8rem;}

.page-header .page-shares { margin-left: 0.11rem; border:1px solid #d0121b; margin-right:0.6rem; color:#d0121b; line-height:2.533; padding:0px 1.8em; border-radius:1.3em; }

.page-header .in-search { z-index:102; cursor:pointer; position:relative; height:40px; width:0.4rem; margin-right:0.8rem; }
.page-header .in-search .btn { width:0.4rem; height:40px; background:url(../images/search-but06.png) no-repeat center center; background-size:0.24rem 0.24rem;  }
.page-header .in-search .search-wrap { position:absolute; top:0px; right:0px; height:100%; overflow:hidden; font-size:14px; width:0px; background:#fff;}
.page-header .in-search .search { border-bottom:1px solid #e5e5e5; /*border-radius:0.3rem;*/ padding-left:2.625em; padding-right:2em; }
.page-header .in-search .inp { padding:0px 0px 0px 0.2rem; }
.page-header .in-search .but { border:none; background:url(../images/search-but01.png) no-repeat center center; position:absolute; top:0px; left:0px; bottom:0px; height:100%; width:0.4rem; background-size:0.24rem 0.24rem;  }
.page-header .in-search .search-close { position:absolute; display:block; right:0px; top:0px; height:100%; background:url(../images/video-close3.png) no-repeat center right; background-size:1em 1.0625em;  cursor:pointer; width:2em; }
.page-header .in-search .inp input { padding:9px 0px; line-height:20px; float:left; width:100%;  background:none; border:none; }

.page-header .in-search.on  .search-wrap { width:11rem; }

@media only screen and (max-width:1800px){
  .page-header .page-nav>ul>li {
    padding: 0px 0.2rem;
  }
}
@media only screen and (max-width:1700px){
  .page-header .page-nav>ul>li {
    padding: 0px 0.15rem;
  }
}
@media only screen and (max-width:1570px){
.page-header .in-search { height:37px; }
.page-header .in-search .btn { height:37px; }
.page-header .in-search .inp input { padding:7.5px 0px; }

.page-header .page-nav>ul>li.wid400 dl { width:4rem; margin-left:-2rem;}

}
@media only screen and (max-width:240px){
.page-header .in-search { height:32px; }
.page-header .in-search .btn { height:32px; }
.page-header .in-search .inp input { padding:5px 0px; }
}


.menu-nav { position:fixed;  left:0px; z-index:100;/* background:#fff;*/  width:100%; top:0.9rem; text-align:center; }
.menu-nav .title { float:left; width:24.02%; background:#e8e8e8; padding:0.26rem 0px;  }
.menu-nav .title a { display:block; position:relative; padding:0px 3em 0px 2.25em; line-height:3.3125; font-weight:bold; }
.menu-nav .title a span {  line-height:3; display:inline-block;  position: relative; color:#2b2b2b; padding-right:0.5rem;}
.menu-nav .title a span  i { display:inline-block; position:absolute; width:0.15rem; height:0.1rem; margin-top:-0.05rem; right:0px; top:50%; background:url(../images/jt05.png) no-repeat right center; background-size:0.15rem 0.1rem; }
.menu-nav a { display:block;text-align:left;  color:#2b2b2b; position:relative; padding:0px 3em 0px 2.25em;  line-height:3.3125; }
.menu-nav a .box_Arrow2 { border-top:1px solid #050505; top:50%; margin-top:-3px; width:8px; height:8px; right:0.3rem; border-right:1px solid #050505; }
.menu-nav a:before { position:absolute; content:""; display:none;left:0px; top:0px; height:100%; bottom:0px; width:0.125em; background:#d0121b; }
.menu-nav a:hover { color:#d0121b; font-weight:bold;  background:#f6f6f6; }
.menu-nav a:hover:before { display:block; }
.menu-nav a:hover .box_Arrow2 { border-top:1px solid #d0121b; border-right:1px solid #d0121b;}
.menu-nav  ul li { margin-top:1px; float:left; }
.menu-nav  ul li a:hover { background:#fff; }

.menu-nav ul { width:44.44%; background:#f5f5f5; padding:0.26rem 0px; }
.menu-nav ul>li { width:50%; }
.menu-nav ul>li a .box_Arrow2 { right:0.6rem; }
.menu-nav .menu-nav-tab.on { display:-webkit-box;  display:-ms-box; display:flex; }
.menu-nav .menu-nav-tab { display:none; }

.menu-nav .page-list { width:31.54%; padding:0.37rem 6.11% 0.5rem 5.27%; background:#fff; }
.menu-nav .page-list .page-sub {color:#d0121b; text-align:left; margin-bottom:0.2rem; position:relative;}
.menu-nav .page-list .page-pic { padding-top:0.06rem; }
.menu-nav .page-list .page-pic .bg_container { padding-bottom:55.86%; }
.menu-nav .page-list .page-pic a { color:#2b2b2b; padding:0px; }
.menu-nav .page-list .page-pic a:hover { background:none; }
.menu-nav .page-list .page-pic a:hover:before { display:none; }
.menu-nav .page-list .page-pic .page-tit { margin-top:-0.05rem; }

/*.menu-nav ul>li>p>a {display: block; line-height:0.59rem; padding:0px 0.38rem;  position: relative; color:#2b2b2b; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; position:relative; }
.menu-nav ul>li>p>a:before { position:absolute; left:0px; top:0.17rem; content:""; bottom:0.17rem; border-left:1px dotted #ccc; }
.menu-nav ul>li:last-of-type>p>a { border-bottom-color:transparent; }
.menu-nav ul>li:first-of-type>p>a:before { display:none; }
.menu-nav ul>li>p>a>em {position: absolute; right:16.11%; top:50%; z-index:101;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;display:none;  }
.menu-nav ul>li.on>p>a>em { background:#f7f7f7; border-color:#e83421; }
.menu-nav ul>li.on>p>a  {background:#d0121b; color:#fff; }
.menu-nav ul>li.on>p>a:before { display:none; }
.menu-nav ul>li.on +li>p>a:before { display:none; }
.menu-nav ul>li>p:hover>a>em{ background:#d0111b;  border-color:#fff; }
.menu-nav ul>li>p:hover>a { background:#d0121b; color:#fff; }
.menu-nav ul>li>p:hover>a:before { display:none; }
.menu-nav ul>li:hover +li>p>a:before { display:none; }
.menu-nav .ns-recommend { position:absolute; background:#fff; line-height:1.875; padding:1.25em 8% 1.7em; left:8.33%; right:8.33%; bottom:8.611%; border:1px solid #e4e4e4;  }
.menu-nav .ns-recommend h2 { color:#e83421; }
.menu-nav .ns-recommend h3 { color:#111;  max-height:3.75em; margin-top:0.75em;}
.menu-nav .ns-recommend h3 a { color:#111; display:block; }
.menu-nav .ns-recommend h3 a i { display:inline-block; position:relative; right:0px; background:url(../images/jt05.png) no-repeat right center; width:2.5em; height:10px; }
.menu-nav .ns-recommend .con { color:#2b2b2b;  max-height:3.75em; margin-top:1em;}
.menu-nav .ns-recommend .time { color:#ccc; padding-top:2.125em;  }*/

/*.menu-nav .menu-nav-tab { display:none; }
.menu-nav.on {}*/

.menu-nav-pro { position:fixed; height:calc(100% - 0.9rem);  left:4.43%;background:rgba(255,255,255,0.96); border-top:2px solid #fff; margin-top:-2px;  z-index:-1; top:-100%; width:91.14%;  }
.menu-nav-pro.on {z-index:91; top:0.9rem; }
.menu-nav-pro .page-wrap { width:100%; padding:0px 12.17% 0px 5.25%; position:relative; max-width:100%; }
.menu-nav-pro h3 { border-top:1px solid #d1d1d1; }
.menu-nav-pro h3 a { color:#000; padding:0.28rem 0.1rem; display:block; }
.menu-nav-pro h3:first-child { border-top:none; }
.menu-nav-pro h3:first-child a { padding-top:0.22rem; padding-bottom:0.2rem; }
.menu-nav-pro .menu-nav-pro-con { position:relative; padding:0px 0.1rem; }
.menu-nav-pro .menu-nav-pro-con dl { float:left; width:33.33%; padding-bottom:0.48rem;  }
.menu-nav-pro .menu-nav-pro-con dl dt { color:#c30d23; }
.menu-nav-pro .menu-nav-pro-con dl dd a { color:#3e3a39; display:block; position:relative; padding-left:10px; }
.menu-nav-pro .menu-nav-pro-con dl dd a:before { position:absolute; left:0px; width:2px; height:2px; background:#3e3a39; top:50%; margin-top:-1px; content:""; }
.menu-nav-pro .menu-nav-pro-con dl dd a:hover { color:#d0121b; text-decoration:underline; }
.menu-nav-pro .menu-nav-pro-con dl dd a:hover:before { background:#d0121b; }

.menu-nav-pro .mCSB_scrollTools { width:2px; }
.menu-nav-pro .mCSB_scrollTools .mCSB_draggerContainer { background:url(../images/page-scrollbg01.jpg) repeat-y right top; border-radius:0px;}
.menu-nav-pro .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#d0121b; border-radius:0px; }

.menu-nav-pro .page-content { position:absolute; left:0px; top:0px; height:100%; bottom:0px; width:100%; right:0px; overflow:hidden; }

.menu-nav-pro .menu-nav-pro-con +h3 { margin-top:-0.15rem; }
/*.menu-nav-pro .page-pro-nav { width:24.02%; position:relative; z-index:5; float:left; display:none;  height:100%; background:#e8e8e8; }
.menu-nav-pro  ul { padding:0.26rem 0px; }
.menu-nav-pro.on .page-pro-nav { left:0px; }
.menu-nav-pro  ul li { margin-top:1px; }
.menu-nav-pro  ul li a { display:block; color:#2b2b2b; position:relative; padding:0px 3em 0px 2.25em;  line-height:3.3125; }
.menu-nav-pro  ul li a .box_Arrow2 { border-top:1px solid #050505; top:50%; margin-top:-3px; width:8px; height:8px; right:0.3rem; border-right:1px solid #050505; }
.menu-nav-pro  ul li a:before { position:absolute; content:""; display:none;left:0px; top:0px; height:100%; bottom:0px; width:0.125em; background:#d0121b; }
.menu-nav-pro  ul li a:hover,.menu-nav-pro  ul li.on a { color:#d0121b; font-weight:bold;  background:#f6f6f6; }
.menu-nav-pro  ul li a:hover:before,.menu-nav-pro  ul li.on a:before { display:block; }
.menu-nav-pro  ul li a:hover .box_Arrow2,.menu-nav-pro  ul li.on a .box_Arrow2 { border-top:1px solid #d0121b; border-right:1px solid #d0121b;}
.menu-nav-pro .page-pro-subnav { width:21.25%;float:left;height:100%; z-index:4; position:relative; display:none; background:#f5f5f5; }
.menu-nav-pro .page-pro-subnav ul li a:hover,.menu-nav-pro .page-pro-subnav ul li.on a { background:#fff; }

.menu-nav-pro .page-menu-con { width:54.73%;float:left;height:100%;overflow-y:auto; display:none; position:relative; z-index:3;padding-right:0.88rem; background:#fff; }
*//*.menu-nav-pro .page-menu-con .menu-con-tab { display:none; }
.menu-nav-pro .page-menu-con .page-list { width:50%; padding-top:0.37rem; float:left; padding-left:0.62rem; }
.menu-nav-pro .page-menu-con dl dt { color:#d0121b; margin-bottom:0.2rem; position:relative; }
.menu-nav-pro .page-menu-con dl dt .box_Arrow2 {border-top:1px solid #d0121b; border-right:1px solid #d0121b;  width:8px; height:8px;top:50%; margin-top:-5px;}
.menu-nav-pro .page-menu-con dl dd { padding:0.085rem 0px; }
.menu-nav-pro .page-menu-con dl dd a { color:#2b2b2b; position:relative; }
.menu-nav-pro .page-menu-con dl dd a:before { position:absolute; display:none; left:0px; content:"";transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; bottom:0px; width:100%; height:1px; background:#d0121b; }
.menu-nav-pro .page-menu-con dl dd a:hover { color:#d0121b; }
.menu-nav-pro .page-menu-con dl dd a:hover:before { display:block; } 
.menu-nav-pro .page-menu-con  .page-pic { padding-top:0.28rem; }
.menu-nav-pro .page-menu-con  .page-pic .bg_container { padding-bottom:55.86%; }
.menu-nav-pro .page-menu-con  .page-pic a { color:#2b2b2b; }
.menu-nav-pro .page-menu-con  .page-pic .page-tit { margin-top:0.05rem; }

.menu-con .menu-dt .menu-scroll ul { padding:0px 0.4rem 0px 0px; }
.menu-con .menu-dt .menu-scroll ul li dl { width:99%; }
.menu-nav-pro  .mCSB_scrollTools { width:2px; }
.menu-nav-pro  .mCSB_scrollTools .mCSB_draggerContainer { background:url(../images/page-scrollbg01.jpg) repeat-y right top; border-radius:0px;}
.menu-nav-pro  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#d0121b; border-radius:0px; }

.nav-bg { position:fixed; z-index:90; display:none; left:0px; top:0px; height:100%; right:0px; background:rgba(255,255,255,0.5); }
*/

.phone-menu { display:none; }

@media only screen and (max-width:1570px){
.page-header .page-nav>ul>li { padding:0px 0.15rem; }	
.menu-nav-pro { left:5%; margin-left:0px; width:90%;  }
}
@media only screen and (max-width:1400px){
  .page-header .page-nav>ul>li {
    padding: 0px 0.1rem;
  }
}
@media only screen and (max-width:1340px){
.page-header .page-nav>ul>li { padding:0px 0.06rem; }	
}

@media only screen and (max-width:1000px){

.nav_phone_btn,.nav_phone{display: block; cursor:pointer; }
/*鎵嬫満瀵艰埅鎸夐挳寮€濮?/
.nav_phone_btn{ position:absolute; z-index:102; width:0.88rem; top:0px; font-size:0px; left:0.2rem; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }
.nav_phone_btn{display: block;cursor: pointer; height:1.04rem;}
.nav_phone_btn span {position: relative;font-size: 0;width:0.48rem; margin-left:0.2rem; margin-top:0.5rem; border-radius:0.02rem; height:0.03rem;background-color: #d0111b;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: ""; border-radius:0.02rem;position: absolute;width: 100%;height:0.04rem;background-color: #d0111b;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-0.15rem;}
.nav_phone_btn span:after{top:0.15rem;}
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:0px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;left:0px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
/*鎵嬫満鎸夐挳缁撴潫*/


.page-header { width:100%; height:auto; border-right:none; }
.page-header .page-logo { padding:0.26rem 0px; width:50%; text-align:center; background:#fff; margin:0px auto; z-index:101; position:relative; }
.page-header .page-logo img { width:auto; height:0.52rem; }
.page-header .page-heade-scroll { position:relative; height:auto; overflow:hidden; }

.page-header .hd-rt { position:fixed; left:0px; padding-top:0px; overflow-y:auto; right:0px; top:50px; height:0px; background:rgba(0,0,0,0.95); transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out; }
.body_nav_phone .page-header .page-wap-nav { top:1.04rem;}
.body_nav_phone .wrapper { height:100%; overflow:hidden; }
.page-header .page-nav { display:block; width:100%;  font-size:18px; }
.page-header .page-nav>ul>li {  width:100%;  }
.page-header .page-nav>ul>li>p>a { padding:0 0.4rem; border-bottom:1px solid #f0f0f0; color:#333; line-height:3.0625; }
.page-header .page-nav>ul>li>p { position:relative; }
.page-header .page-nav>ul>li>p>a>em { right:2.1em; }


.page-header .in-search { position:fixed; top:0.22rem; right:0.5rem; margin-right:0px; display:inline-block; z-index:102; }
.page-header .in-search .btn { width:0.61rem; height:0.61rem; background:url(../images/search-but02.png) no-repeat center center; background-size:0.41rem 0.41rem;  }
.page-header .in-search .search-wrap { position:fixed; font-size:14px; width:0px; height:auto; background:#fff; left:2%; top:0px; padding-top:0px;  }
.page-header .in-search .search { border:none; border-bottom:1px solid #d11821; border-radius:0px; }
.page-header .in-search .inp { padding:0.22rem 3em 0.22rem 2.25em; }
.page-header .in-search .but { background:url(../images/search-but02.png) no-repeat left center; right:auto; left:0px; width:2em; background-size:1.5em 1.5em;  }
.page-header .in-search .search-close { position:absolute; right:0px; top:0px; height:100%; background:url(../images/video-close2.png) no-repeat center right; background-size:1.5em 1.5em;  cursor:pointer; width:2em; }
.page-header .in-search .inp input { height:0.6rem; line-height:0.6rem; }
.page-header .in-search .search-close { display:block; }

.page-header .in-search.on  .search-wrap { width:96%; }

.page-header .page-wap-nav { display:none!important; }
.page-header .page-shares { display:none; }

.scrollHeader .page-ht-rt .page-header {  box-shadow:0px 3px 5px rgba(0,0,0,0.2);}


.menu-nav { z-index:102; left:100%; width:100%; top:1.04rem; height:auto; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;  }
.menu-nav .title { margin-top:2em; font-size:16px; border-bottom:1px solid #f0f0f0;  }
.menu-nav .title a {padding-left:0.4rem; }
.menu-nav .title a span { padding-right:0.5rem; }
.menu-nav .title a span i { width:0.3rem; height:0.2rem; background-size:0.3rem 0.2rem; }
.menu-nav ul>li { border-bottom:1px solid #f0f0f0; }
.menu-nav ul>li>p>a { padding:0px 0.4rem; font-size:16px; }
.menu-nav.on { left:0px; }
.menu-nav ul>li>p>a>em { right:5%; }


.menu-nav .ns-recommend { display:none; }



.phone-menu { position:fixed; left:0px; height:calc(100% - 1.04rem); background:url(../images/page-wap-nav-bg01.jpg) no-repeat center top #fff; background-size:100% auto; top:-100%; right:0px; overflow:hidden; overflow-y:auto;  transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; display:block; z-index:100; -o-transition:0.5s all; border-top:1px solid #f0f0f0;  }
.phone-menu .phone-menu-nav a { display:block; border-bottom:1px solid #f0f0f0; position:relative;  color:#333; line-height:1rem; padding:0px 0.4rem; }
.phone-menu .phone-menu-nav .box_Arrow2 { position:absolute; top:50%; right:0.5rem; }
.phone-menu .phone-menu-nav h3.on a { color:#fff; background:#d0121b; font-weight:bold; }
.phone-menu .phone-menu-nav h3.on a .box_Arrow2 { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.phone-menu .phone-menu-nav dl { display:none; }
.phone-menu .phone-menu-nav dl a { padding-left:1rem; }
.phone-menu .phone-menu-nav dl dt.on a { color:#d0121b; font-weight:bold;}
.phone-menu .phone-menu-nav dl dt.on a .box_Arrow2 { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.phone-menu .phone-menu-nav dl dd { /*display:none;*/ }
.phone-menu .phone-menu-nav dl dd h4.on a { color:#2b2b2b; font-weight:bold;}
.phone-menu .phone-menu-nav dl dd h4.on a .box_Arrow2 { -webkit-transform:rotate(135deg); border-top-color:#fff; border-right-color:#fff; transform:rotate(135deg); }

.phone-menu .phone-menu-nav dl dd a img { height:0.44rem; vertical-align:middle; margin-right:0.14rem; }
.phone-menu .phone-menu-nav .page-phone-menu-con { display:none; }
.phone-menu .phone-menu-nav .page-phone-menu-con a { padding-left:1.73rem; }
.phone-menu .phone-menu-nav .page-phone-menu-con a:before { width:0.1rem; height:0.1rem; background:#d0121b; border-radius:50%; position:absolute; left:1.48rem; top:50%; margin-top:-0.05rem; content:""; }

.body_nav_phone .phone-menu { top:1.04rem;}


.phone-menu .hd-share { padding:0.5rem 0rem; }
.phone-menu .hd-share .code { position:relative; bottom:auto; left:auto; margin-left:0px; margin-top:0px; opacity:1; }
.phone-menu .hd-share ul li { float:left; margin-right:0.19rem; }
.phone-menu .hd-share ul li>a { display:none; }
.phone-menu .hd-share .code .con { padding:0.1rem; background:#fff; border:1px solid #e4e4e4; }
.phone-menu .hd-share .code .con .code-img { width:100px; }
.phone-menu .hd-share .code .con img { width:80px; }
.phone-menu .hd-share ul li .code .box_Arrow3 { display:none; }
.phone-menu .hd-share .code .con p { display:block; font-size:0.24rem; }
.phone-menu .hd-share .code .con { padding:0.1rem; }

.phone-menu .hd-ft { position:relative; width:100%; padding:0.9rem 0.4rem;  }
.phone-menu .hd-tel { padding:0px; font-size:0.32rem; }
.phone-menu .hd-tel dl { padding-top:0.4rem; }
.phone-menu .hd-tel dl dd { display:inline-block; padding-top:0.13rem; min-width:48%; }
.phone-menu .hd-tel dl dd img { height:0.28rem; margin-right:0.12rem; vertical-align:middle; }
.phone-menu .hd-tel dl dd i { font-style:italic; }

.page-main { margin-left:0px;  margin-top:1.05rem; }


 .scrollHeader .header.headeractive{
	 box-shadow: none;
	}

  
 .page-header .page-hd-left {
    width: 100%;
  }

}

@media only screen and (max-width:750px){


.nav_phone_btn {  }

.phone-menu .hd-share { padding:0.4rem 0px; }
.phone-menu .hd-share .code .con .code-img { width:1.9rem; }
.phone-menu .hd-share .code .con img { width:1.6rem; }
.phone-menu .hd-share .code .con { padding:0.23rem 0.16rem; }
.phone-menu .hd-share ul li { margin-right:0px; }
.phone-menu .hd-share ul li.li02 { float:right; }
.page-header .page-nav>ul>li>p>a { padding:0px 0.4rem; }
.page-header .page-nav { font-size:0.32rem; }
.menu-nav .title { font-size:0.36rem; }
.menu-nav ul>li>p>a { font-size:0.32rem; }
.menu-con .menu-ft .apply-btn a { font-size:15px; }
.menu-con .menu-ft .product-btn  a { font-size:15px; }
.menu-con { font-size:0.24rem; }
.menu-con .txt-tit h2 { font-size:0.24rem; }
.menu-con .menu-scroll { bottom:8em; }

}




@media only screen and (max-width:480px) {
  
.page-header .page-nav { font-size:16px; }
.menu-nav .title { font-size:16px; }
.menu-nav ul>li>p>a { font-size:15px; }
.menu-con .menu-ft .apply-btn a { font-size:14px; }
.menu-con .menu-ft .product-btn  a { font-size:14px; }

.page-header .logo img { height:2em; }
.page-header .hd-ft { padding:1.05em 5%; }

}

@media only screen and (max-width:414px) {
  
.page-header .page-nav { font-size:15px; }
.menu-nav .title { font-size:15px; }
.menu-nav ul>li>p>a { font-size:14px; }
.menu-con .menu-ft .apply-btn a { font-size:13px; }
.menu-con .menu-ft .product-btn  a { font-size:13px; }

}
@media only screen and (max-width:374px) {
.menu-con .menu-scroll { bottom:10em; }
}

@media only screen and (max-width:340px){

.video_close_btn { margin-right:-2.875em;  }

}



/*******************澶撮儴 鍏叡閮ㄥ垎 缁撴潫***************************/

/***********灏鹃儴 鍏叡閮ㄥ垎 寮€濮?**************/
.page-footer { background:#ecedee; color:#3a3a3a; padding:0.6rem 0px 1.1rem; }
.page-footer .page-ft-nav  { font-size:18px; }
.page-footer .page-ft-nav a { border:1px solid #dcdcdc; padding:0px 0.2rem; line-height:0.38rem; border-radius:1.42855rem; margin:0px 0.08rem; min-width:1.8rem; color:#222; display:inline-block; }
.page-footer .page-ft-nav img { height:0.2rem; vertical-align:middle; margin-right:0.18rem; display:none; }
.page-footer .page-ft-nav .img01 { display:inline-block; }
.page-footer .page-ft-nav a:hover { color:#d0111b; border-color:#d0111b; }
.page-footer .page-ft-link { color:#2b2b2b; padding:0.36rem 0px 0.07rem; font-size:16px; }
.page-footer .page-ft-link a { color:#2b2b2b; display:inline-block; margin:0px 0.15rem; }
.page-footer .page-ft-link a:hover { color:#d0111b; }
.page-footer .page-ft-copy { color:#2b2b2b; line-height:2; }
.page-footer .page-ft-copy a { color:#2b2b2b; display:inline-block; margin:0px 0.06rem; }
.page-footer .page-ft-copy a:hover { color:#d0111b; }
.page-footer .page-ft-copy img { width:0.12rem; vertical-align:middle; }

.page-footer .hd-share { display:inline-block;}
.page-footer .hd-share ul li { position:relative; float:left; top:1.1em; }
.page-footer .hd-share ul li a { width:0.22rem; height:0.22rem; margin:0px 0.04rem; display:inline-block; border-radius:3px; }
.page-footer .hd-share ul li.li01 a { background:url(../images/hd-share-ico01.png) no-repeat center bottom; background-size:100% 100%; }
.page-footer .hd-share ul li.li01 .code .box_Arrow3 { left:0.38rem; margin-left:0px; }
.page-footer .hd-share ul li.li02 a { background:url(../images/hd-share-ico02.png) no-repeat center bottom; background-size:100% 100%; }
.page-footer .hd-share .code { position:absolute; z-index:-2; opacity:0; left:1.75em; padding-bottom:0.1rem; bottom:100%; margin-top:10px; left:50%; margin-left:-0.45rem; }
.page-footer .hd-share .code .con { border:1px solid #e4e4e4; padding:0.05rem; background:#fff; }
.page-footer .hd-share .code .con .code-img { width:1.2rem; }
.page-footer .hd-share .code .con  p { display:none; }
.page-footer .hd-share .code .con img { width:1.2rem; position:relative; z-index:3; }
.page-footer .hd-share ul li:hover a { background-position:center top; }
.page-footer .hd-share ul li:hover .code { z-index:2; opacity:1; margin-top:0px }
.page-footer .hd-share ul li:hover { z-index:3; }


@media only screen and (max-width:750px){
.page-footer { padding:0.46rem 0px 0.56rem;}	
.page-footer .page-ft-nav {  display:-webkit-box; border-bottom:1px solid #d2d3d3; padding-bottom:0.42rem;  display:-ms-box; display:flex; justify-content : space-between; -webkit-flex-wrap: wrap; flex-wrap:wrap;}	
.page-footer .page-ft-nav a { width:47.611%; margin:0.18rem 0px; border:0.02rem solid #ccc; }
.page-footer .page-ft-nav img { height:0.36rem; }
.page-footer .fnt-14 { font-size:0.28rem; }
.page-footer .fnt-12 { font-size:0.24rem; }

.page-footer .page-ft-link { text-align:left; padding:0.42rem 0px 0.43rem; border-bottom:1px solid #d2d3d3;  }
.page-footer .page-ft-link a { margin:0px; min-width:48%; padding:0.08rem 0px; color:#333; }
.page-footer .page-ft-link span { display:none; }

.page-footer .page-ft-copy { line-height:1.667; padding-top:0.52rem; }
.page-footer .page-ft-copy a { display:block; }
.page-footer .page-ft-copy img { width:0.22rem; position:relative; top:-0.03rem; }
.page-footer .page-ft-nav .img01 { display:none; }
.page-footer .page-ft-nav .img02 { display:inline-block; }
.page-footer .page-ft-nav a { line-height:0.7rem; }
.page-footer .hd-share ul li a { width:22px; height:22px; margin:0px 10px; }
.page-footer .hd-share .code .con .code-img { width:1.6rem; }
.page-footer .hd-share .code .con img { width:1.6rem; }
.page-footer .hd-share .code { margin-left:-0.8rem; }
.page-footer .hd-share ul li.li01 .code .box_Arrow3 { left:0.7rem; }

}
@media only screen and (max-width:480px) {
.page-footer .fnt-14 { font-size:18px; }
.page-footer .fnt-12 { font-size:16px; }
}
@media only screen and (max-width:414px) {
.page-footer .fnt-14 { font-size:16px; }
.page-footer .fnt-12 { font-size:15px; }
}
@media only screen and (max-width:340px) {
.page-footer .fnt-14 { font-size:15px; }
.page-footer .fnt-12 { font-size:14px; }
}

/***********灏鹃儴 鍏叡閮ㄥ垎 缁撴潫***************/


/*瑙嗛*/
.video_place{position: fixed;top:0px;left: 0px;right: 0px;
    bottom: 0px;background-color: rgba(0,0,0,0.5);
    z-index: 999999999;
}
.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}
.video_con{z-index:2;width: 900px;height:527px;
    background-color: #000;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%,-50%);text-align: center;
}
.lt9 .video_con{top:20%;left:10%;background: #000;}
.video_con video{width: 100%;height: 100%;}
.video_close_btn{position: absolute;top:50%;left: 50%;
     margin:-264px -3.875em 0px 450px;
    cursor: pointer;
}
.video_close_btn span {width:2.6em; height:2.6em; float:left; position:relative; top:-2.625em; background:url(../images/video-close.png) no-repeat center center #fff; border-radius:50%; background-size:1.125em 1.125em; display:inline-block; }
.video_place .con { position:relative; }
.video_place p {position:absolute;top:50%; margin-top:258px;left:50%; margin-left:-450px;
    width:900px; padding:0.85em 0px; color: #fff;text-align: center;
    cursor: pointer;}
/*瑙嗛缁撴潫*/

@media only screen and (max-width:1000px) {
.video_con { width:90%; height:80%; }
.video_close_btn { top:10%; right:5%; left:auto; margin:0px; }
}


/**************鍏叡閮ㄥ垎****************/





/*.page-aside { position:fixed; z-index:9; right:0.24rem; padding-top:0.7rem; top:30%;overflow:hidden; }
.page-aside ul { background:#eee; border-radius:0.27rem;  } 
.page-aside ul li { width:0.54rem; height:0.54rem; position:relative;  }
.page-aside ul li .page-ico { height:0.54rem; width:0.54rem; float:right; }
.page-aside ul li:first-child { border-top:none; }
.page-aside ul li a {color:#d0121b; }
.page-aside ul li .page-text { position:absolute; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; right:-1.26rem; width:1.8rem; border-radius:0.27rem; line-height:0.54rem; top:0px; height:100%; opacity:0; filter:alpha(opacity=0); }
.page-aside ul li .page-text .page-tit { width:1.26rem; text-align:right; padding-right:0.1rem; }
.page-aside ul li img { height:0.22rem; vertical-align:middle; display:none; }
.page-aside ul li .img01 { display:inline-block; }
.page-aside ul li:hover .page-text { -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); }
.page-aside ul li:hover a { color:#fff;}
.page-aside:hover { padding-left:2.4rem; }
.page-aside ul li:hover .img01 { display:none; }
.page-aside ul li:hover .img02 { display:inline-block; }
.page-aside ul li:hover .page-text { opacity:1; filter:alpha(opacity=100); }
.page-aside ul:first-child { position:absolute; right:0px; top:0px; width:0.54rem; background:none; }
.page-aside ul:first-child li { background:#eee; border-radius:50%; }
.page-aside ul:first-child li:hover { -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); }
.page-aside ul li.li03 .page-text { width:2.4rem; right:-2.4rem; }
.page-aside ul li.li03 .page-text .page-tit { width:1.86rem; }
.page-aside ul li:hover .page-text { right:0px; }

@media only screen and (max-width:940px){
.page-aside ul li .page-text { width:2.2rem;}
.page-aside ul li .page-text .page-tit { width:1.66rem; }
.page-aside ul li.li03 .page-text { width:2.8rem; }
.page-aside ul li.li03 .page-text .page-tit { width:2.26rem; }

}

@media only screen and (max-width:750px){

.page-aside { right:0.05rem; }
}
*/

.page-aside { position:fixed; z-index:9; right:0px; top:30%; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.page-aside ul li {  padding:0.14rem 0.1212rem; position:relative;  background:#fff; border-top:1px solid #ededed; }
.page-aside ul li:first-child { border-top:none; }
.page-aside ul li a {color:#d0121b; }
.page-aside ul li img { height:0.28rem; display:none; }
.page-aside ul li .img01 { display:inline-block; }
.page-aside ul li p { padding-top:0.04rem; }
.page-aside ul li:hover { -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); }
.page-aside ul li:hover a { color:#2b2b2b;}
.page-aside ul li:hover .img01 { display:none; }
.page-aside ul li:hover .img02 { display:inline-block; }

.page-aside .hd-tel { position:absolute; right:100%; display:none; text-align:left; padding-right:0.24rem; bottom:-0.36rem; width:3.04rem; min-width:150px; }
.page-aside .hd-tel .page-con { background:#fff; opacity:0;filter:alpha(opacity=0); border-radius:0.06rem; left:-0.2rem; padding:0px 0.3rem 0.27rem 0.42rem;  box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1); position:relative; }
.page-aside .hd-tel .page-con:before { position:absolute; left:100%; width:0px; top:50%; content:""; margin-top:-0.15rem; height:0px; border:0.15rem solid #fff; border-color:transparent transparent transparent #fff; }
.page-aside .hd-tel dl { padding-top:0.27rem; padding-bottom:0.03rem;  }
.page-aside .hd-tel dl dd { padding-top:0.13rem; }
.page-aside .hd-tel dl dd i { font-style:italic; color: #000; }
.page-aside .hd-tel dl dd img { height:0.24rem; display:inline-block; margin-right:0.12rem; vertical-align:middle; }
.page-aside ul li:hover .hd-tel { display:block;}
.page-aside ul li:hover .hd-tel .page-con { left:0px;opacity:1;filter:alpha(opacity=100); }
.page-aside ul li:hover a { color: #fff;}

@media only screen and (max-width:1240px){
.page-aside ul li { width:64px; }
}
@media only screen and (max-width:750px){
.page-aside ul li { width:0.8rem; padding:0.22rem 0px; }
.page-aside ul li p { display:none; }
.page-aside ul li.gotop { padding:0.14rem 0px; }
.page-aside ul li.gotop img { height:0.28rem; }
.page-aside ul li.gotop p { display:block; padding-top:0px; }
.page-aside ul li img { height:0.36rem; }
.page-aside .hd-tel { width:3.54rem; bottom:-0.6rem; }

}


.nrnav-box { position:relative; box-shadow:5px 0px 10px rgba(51,51,51,0.1); background:#fff;  }
.nrnav-box a { color:#2b2b2b; }
.nrnav-box a:hover { color:#c02d28; }
.nrnav-box .nr-nav-right1>li { display:inline-block; margin:0px -0.01rem; }
.nrnav-box .nr-nav-right1>li>a{position: relative;display:block; line-height:0.6rem; cursor:pointer; padding:0px 0.53rem; }
.nrnav-box .nr-nav-right1>li>a:before { width: 0;content:"";height:0.02rem;background: #d0121b;position: absolute; left: 0;bottom: 0px; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;}
.nrnav-box .nr-nav-right1>li>a.hover,.nrnav-box .nr-nav-right1>li>a:hover {color:#2b2b2b;background:#fbfbfb; }
.nrnav-box .nr-nav-right1>li>a.hover:before,.nrnav-box .nr-nav-right1>li>a:hover:before {width: 100%;}
.nrnav-box.active { z-index:90; position:fixed; left:0px; right:0px; background:#fff; /*box-shadow:none; */ }
.nrnav-box.active .nr-nav-right1>li>a { /*line-height:0.9rem;*/ }

@media only screen and (max-width:1320px) {
.nrnav-box .nr-nav-right1>li>a { padding:0px 0.4rem; }
}
@media only screen and (max-width:1140px) {
.nrnav-box .nr-nav-right1>li>a { padding:0px 0.2rem; }
}

@media only screen and (max-width:1000px) {
.nrnav-box.active {/* z-index:1; position:relative;*/ left:0px; right:0px; /*top:0px!important;*/ box-shadow:5px 0px 10px rgba(51,51,51,0.1);  }
.nrnav-box.active .nr-nav-right1>li>a { line-height:0.6rem; }
.nrnav-box-height {/* height:0px!important;*/ }
.nrnav-box ul { overflow:hidden; white-space:nowrap; overflow-x:auto;}
}
@media only screen and (max-width:750px) {
.nrnav-box .nr-nav-right1>li>a {padding:0.1rem 0.1rem; }
.nrnav-box .nr-nav-right1>li>a:hover:before { width:0px; }

}


.er-banner { margin-top:0.9rem; position:relative; color:#2b2b2b;}
.er-banner .bg_container { position:absolute; left:0px; top:0px; width:100%; height:100%; bottom:0px; } 
.er-banner .page-current { padding:0.26rem 0px 0.76rem; position:relative; z-index:2; }
.er-banner .page-current a { color:#2b2b2b; display:inline-block; }
.er-banner .page-current span { display:inline-block; }
.er-banner .page-wrap { position:relative; z-index:3;  min-height:4.7rem; }
.er-banner .page-text-wrap { position:absolute; left:0px; top:0px; width:100%; right:0px; height:100%; }
.er-banner .page-text { width:56%; }
.er-banner .page-text h3 { color:#2b2b2b; }
.er-banner .page-text h4 { /*width:50%;*/ margin-top:0.2rem; color:#2b2b2b; letter-spacing:0.005rem; line-height:1.875; }
.er-banner .page-btn { padding-top:0.73rem; }
.er-banner .page-btn a { display:inline-block; color:#2b2b2b; border:1px solid #7b7b7b; margin-right:0.09rem; position:relative; text-align:center; min-width:1.4rem; line-height:0.4rem; padding:0px 0.2rem 0px 0.2rem;  border-radius:1.42855rem; position:relative; overflow:hidden; }
.er-banner .page-btn a:hover { color:#d0111b;  border-color:#d0111b;  }
.er-banner .page-btn a span { display:inline-block; position:relative; z-index:3; }

.er-banner .page-btn a img { height:0.16rem; vertical-align:middle; margin-right:0.12rem; }
.er-banner .page-btn a.first01 { border-color:transparent; min-width:1.8rem; -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); color:#fff; }
.er-banner .page-btn a.first01:before { position:absolute; left:-100%;transition:0.5s all; -webkit-transition:0.5s all; border-radius:0.04rem; -ms-transition:0.5s all; -o-transition:0.5s all;  content:""; width:100%; z-index:2; top:0px; height:100%; bottom:0px; background:rgba(0,0,0,0.1); }
.er-banner .page-btn a.first01:hover { color:#fff; border-color:transparent;}
.er-banner .page-btn a.first01:hover:before { left:0px; }
.er-banner .page-btn a.phone_show {
  display:none;
}
.er-banner .page-btn a.phone_hide {
  display:inline-block;
}


@media only screen and (max-width:1640px){
/*.er-banner { margin-top:0.62rem; }
*/.er-banner .page-btn a img { position:relative; top:-0.01rem; }
}

@media only screen and (max-width:1540px){
/*.er-banner { margin-top:0.6rem; }*/
}
@media only screen and (max-width:1440px){
/*.er-banner { margin-top:0.58rem; }*/
}
@media only screen and (max-width:1340px){
/*.er-banner { margin-top:0.56rem; }*/
}
@media only screen and (max-width:1000px){
.er-banner { margin-top:0px; }
}

@media only screen and (max-width:750px){
.er-banner .page-text h4 br { display:none; }
.er-banner .page-btn { padding-top:0.3rem; }
.er-banner .bg_container { background-position:70% center; }
.pro-banner .page-text h4 { display:none; }
.er-banner .page-btn a.phone_show {
  display: inline-block;
}
.er-banner .page-btn a.phone_hide {
  display:none;
}

}

.text-color-fff  .page-current { color:#fff; }
.text-color-fff  .page-current a { color:#fff; }


.page-er-intab { padding:0.55rem 0px 0.55rem; }
.page-er-intab ul li { display:inline-block; padding:0.05rem 0.02rem; }
.page-er-intab ul li a { display:block; background:#f7f7f7; line-height:2.5; padding:0px 0.1rem; min-width:1.6rem; color:#333; }
.page-er-intab ul li.on a,.page-er-intab ul li a:hover { background:url(../images/page-solu-intab-libg01.png) no-repeat center center; background-size:100% 100%; font-weight:bold; color:#fff; }

@media only screen and (max-width:750px) {
.page-er-intab ul li a { min-width:1.4rem; }
}


.page-er-search { background:#f9f9f9; padding:0px 0.2rem 0px 0.44rem; position:relative; }
.page-er-search .page-input input { width:100%; float:left; color:#666; padding:0.15rem 0px 0.15rem; border:none; background:none; }
.page-er-search .page-btn { position:absolute; cursor:pointer; left:0px; top:0px; width:0.44rem; height:100%; background:url(../images/search-but05.png) no-repeat 0.17rem center; background-size:0.15rem 0.15rem; }



.page-er-key { padding:0.16rem 0px; }
.page-er-key dl dt { float:left; }
.page-er-key dl dd { overflow:hidden; }
.page-er-key dl dd span { display:inline-block; color:#2b2b2b; margin-right:0.25rem; }
.page-er-key dl dd span a { color:#2b2b2b; }
.page-er-key dl dd span a:hover { color:#d0121b; text-decoration:underline; }

@media only screen and (max-width:750px) {
.page-er-key dl dt {/* float:none;*/ }
.page-er-key dl dd { overflow:visible; }
.page-er-search .page-input input { line-height:0.7rem; }
}

.page-er-area { padding-top:0.29rem; }
.page-er-area dl dt { float:left; padding-top:0.02rem; }
.page-er-area dl dd { overflow:hidden; }
.page-er-area dl dd span { display:inline-block; border-radius:1em; padding:0px 0.27rem; line-height:2; margin-bottom:0.2rem; cursor:pointer; }
.page-er-area dl dd span.on { color:#fff; -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100);}

@media only screen and (max-width:750px) {
.page-er-area dl dt { float:none; }
.page-er-area dl dd { padding-top:0.2rem; }
}



/****************璇峰～鍐欐偍鐨勫熀鏈俊鎭?**************/
.page-basic-info-bg { position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:10000; }
.page-basic-info-tc { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:10001;  }
.page-basic-info-wrap { position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; bottom:0px; }
.page-basic-info-con { background:#fff; width:90%; margin:0px auto; color:#2b2b2b; max-width:860px; border-top:0.25em solid #d0121b; }
.page-basic-info-con .page-title { padding:2.25em 0px 1.41667em; }
.page-basic-info-con .layui-form-item { margin-bottom:1.25em; }
.page-basic-info-con .layui-form-item .layui-inline { margin:0px; float:left; width:50%; padding-right:1.25em; padding-left:1.625em; }
.page-basic-info-con .layui-form-item .layui-input-inline { width:auto; margin-right:0px; }

.page-basic-info-con .layui-form-label { padding:0px 0.8125em 0px 0px; width:5.25em; }

.page-basic-info-con .layui-form-item .layui-inline:nth-child(2n) { padding-left:0px; padding-right:2.875em; }

.page-basic-info-con .layui-input,.page-basic-info-con .layui-select { height:2.5em; line-height:2.375; border:1px solid #dcdcdc; background:#f9f9f9; }
.page-basic-info-con .page-code { border:1px solid #f4f4f4; margin-left:0.7142em; }
.page-basic-info-con .page-code img { height:2.375em; width:6.75em; }

.page-basic-info-con .layui-form-select .layui-edge { border:none; width:14px; height:9px; background:url(../images/jt06.png) no-repeat center center; right:14px; }
.page-basic-info-con .layui-form-selected .layui-edge { margin-top:-3px; }


.page-basic-info-con .layui-input-block { margin-left:0px; }
.page-basic-info-con .layui-btn { height:2.8571em; line-height:2.8571; -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); min-width:10em; text-align:center; border-radius:1.5em; }
.page-basic-info-con .page-close { border:1px solid #7b7b7b; line-height:2.7142; height:2.8571em; display:inline-block; min-width:10em; text-align:center; border-radius:1.5em; cursor:pointer; margin-left:1em;  }
.page-basic-info-con .page-close:hover { border-color:#d0121b; color:#d0121b;  }

.page-basic-info-con .page-btn { padding:1.875em 0px; }

.page-basic-info-con .layui-form-select dl dd.layui-this { background:#d0121b; }


@media only screen and (max-width:1240px) {
.page-basic-info-con .layui-form-label { width:64px; }
.page-basic-info-con .page-close { height:0.4rem; line-height:0.38rem; width:1.4rem; }
.page-basic-info-con .layui-btn { height:0.4rem; line-height:0.4rem; width:1.4rem; font-size:0.14rem; }
}
@media only screen and (max-width:767px) {
.page-basic-info-wrap { display:block; overflow-y:auto; }	
.page-basic-info-con .layui-form-item .layui-inline { width:100%; float:none; padding:0px 2em;}	
.page-basic-info-con .layui-form-label { width:100%; text-align:left; padding-top:0.5em;  }
.layui-form-item .layui-input-inline { float:none; width:100%; padding:0.5em 0px; } 
.page-basic-info-con .layui-form-item .layui-inline:nth-child(2n) { padding:0px 2em; }
.page-basic-info-con .layui-form-item { margin-bottom:0px; }
.page-basic-info-con .layui-btn { font-size:0.2rem; }
}
@media only screen and (max-width:450px) {
.layui-form-item .layui-input-inline { margin:0px; }
.layui-form-item .layui-inline {display:-webkit-box;  display:-ms-box; display: -webkit-box; /* Safari */ display: box; display: -moz-box;  /* Firefox */   display:flex; }

}


.page-search-wrap { padding-top:1.2rem; padding-bottom:1rem; }
.page-search-wrap .page-list { padding:0.5rem 0px 0.8rem; }
.page-search-wrap .page-list ul li { border-bottom:1px dotted #dcdcdc; padding:0.2rem 0px; }
.page-search-wrap .page-list ul li a { color:#2b2b2b; display:block; }
.page-search-wrap .page-list ul li a:hover { color:#d0121b; }
@media only screen and (max-width:767px) {
.page-search-wrap { padding-top:1rem; }

}






/***************绾夸笂浣撻獙*******************/
.page-online-experience-tc { position:fixed; left:0px; display:none; top:0px; width:100%; height:100%; z-index:10001; background:rgba(0,0,0,0.45); }
.page-online-experience-wrap { position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; bottom:0px; }
.page-online-experience-con { background:#fff; position:relative; width:90%; margin:0px auto; color:#2b2b2b; max-width:360px; border-top:0.25em solid #d0121b; }
.page-online-experience-con .page-title { padding:2.25em 0px 1.41667em; }
.page-online-experience-con .page-img { padding:1em 0px 2em; }
.page-online-experience-con .page-img img { max-width:70%;}

.page-online-experience-con .page-close { position:absolute; top:0.1rem; right:0.1rem; width:0.2rem; height:0.2rem; cursor:pointer; background:url(../images/video-close.png) no-repeat center center; background-size:100% 100%;   }

@media only screen and (max-width:767px) {
  .page-online-experience-tc {background: rgba(0,0,0,0.8);}
.page-online-experience-con { max-width:90%; border-top: none; padding-top: 0px;background:none;}
.page-online-experience-con .page-sub {color: #34d5d7;}

}



/* page-guide  */
.page-guide {
  position: fixed;
  left: 0px;
  top:0px;
  width: 100%;
  height: 100%;
  right: 0px;
  bottom: 0px;
  z-index: 10000;
  background: #fff;
}
.page-guide .page-img {
  position: absolute;
  left: 0px;
  top:0px;
  width: 100%;
  height: 100%;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  transition:1.5s all; -webkit-transition:1.5s all; -ms-transition:1.5s all; -o-transition:1.5s all;
}
.page-guide .page-text {
  position: absolute;
  left: 50%;
  top:50%;
  z-index: 3;
  text-align: center;
  color: #fff;
}
.page-guide .page-text .page-quan img {
  width: 1.72rem;
}
.page-guide .page-text .guide-logo {
  padding-top: 0.58rem;
}
.page-guide .page-text .guide-logo img {
  width: 3.3rem;
}
.page-guide .page-text .page-sub {
  padding-top: 0.77rem;
}
.page-guide .page-text .page-con {
  padding-top: 0.2rem;
}
.page-guide .page-text .page-con span {
 position: relative;
 padding: 0px 0.3rem;
 display: inline-block;
}
.page-guide .page-text .page-con span:first-child:before {
 position: absolute;
 top:50%;
 right: 0px;
 width: 1px;
 height: 0.28rem;
 background:rgba(255,255,255,0.5);
 content: "";
 margin-top: -0.14rem;
}

.page-guide .page-text .guide-logo {
  transition-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.page-guide .page-text .page-sub {
  transition-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.page-guide .page-text .page-con {
  transition-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

.page-guide.on .page-quan {
  /* transition-delay: 1s;
  -webkit-animation-delay: 1s; */
  -webkit-animation-name: scalequan;
  animation-name: scalequan;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
}

@-webkit-keyframes scalequan {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(30, 30, 30);
            transform: scale3d(30, 30, 30);
  }
}

@keyframes scalequan {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(30, 30, 30);
            transform: scale3d(30, 30, 30);
  }
}

.page-guide.on {
  background: none;
}
.page-guide.on .guide-logo,
.page-guide.on .page-sub,
.page-guide.on .page-con {
  display: none;
}
.page-guide.on .page-img {
  opacity: 0;
  filter:alpha(opacity=0);
}
@media only screen and (max-width:767px) {
  .page-guide .page-text .page-con span {
    display: block;
  }
  .page-guide .page-text .page-con span:first-child:before {
    display: none;
  }
}


/*******************2022-06-22******************************/
.menu-nav-pro {
  background: none;
}
.menu-nav-pro .page-wrap {
  padding: 0px;
  background: #fff;
}
.menu-nav-pro .page-menu {
  width: 31.94%;
  padding-top: 0.37rem;
}
.menu-nav-pro .page-menu h3:first-child a,.menu-nav-pro .page-menu h3 a {
  padding: 0.2rem 0.6rem;
}
.menu-nav-pro .page-menu h3 a:hover,.menu-nav-pro .page-menu h3 a.on {
  color: #d0111b;
  background: #faf3f4;
}
.menu-nav-pro .page-menu .page-menu-nav {
  padding-bottom: 0.37rem;
}
.menu-nav-pro .page-menu .page-menu-nav dd {
  padding: 0.06rem 0.2rem 0.06rem 0.9rem;
  cursor: pointer;
}

.menu-nav-pro .page-menu .page-menu-nav dd.on {
  cursor: pointer;
  color: #d0111b;
  background: url(../images/menu-jt01.png) no-repeat 0.9rem center;
  font-weight: bold;
  padding-left: 1.16rem;
}

.menu-nav-pro .menu-nav-pro-con{
  width: 38.47%;
  background: url(../images/menu-nav-pro-con-bg01.jpg) repeat-y left top;
  padding: 0.6rem 0.5rem 0.7rem 1.03rem;
  position: relative;
}

.menu-nav-pro .menu-nav-pro-con:before {
  position: absolute;
  content: "";
  top:0.6rem;
  right: 0px;
  bottom: 1.03rem;
  border-left: 1px dashed #ccc;
}
.menu-nav-pro .menu-nav-pro-con dl {
  width: 100%;
  padding-bottom: 0px;
  display: none;
}
.menu-nav-pro .menu-nav-pro-con dl dt {
  padding-bottom: 0.1rem;
}
.menu-nav-pro .menu-nav-pro-con dl dd {
  padding: 0.06rem 0px;
}

.menu-nav-pro .page-menu-pic {
  width: 29.59%;
  padding: 0.6rem 0.98rem 0.6rem 0.78rem;
}
.menu-nav-pro .page-menu-pic .page-menu-pic-title {
  padding-bottom: 0.15rem;
}
.menu-nav-pro .page-menu-pic img {
  width: 100%;
  margin-top: 0.1rem;
}
.menu-nav-pro .page-menu-pic .page-menu-pic-title .page-menu-btn {
  color:#d1131d;
}
.menu-nav-pro .page-menu-pic .page-menu-pic-title .menu-btn {
  cursor: pointer;
}
.menu-nav-pro .page-menu-pic .page-menu-pic-title .page-menu-btn span {
  color: #e5e5e5;
  line-height: 100%;
  padding: 0px 0.17rem;
}
.menu-nav-pro .page-menu-pic .page-menu-pic-title  .page-menu-btn .swiper-button-disabled {
  color: #ccc;
}

.menu-nav-bg { position:fixed; z-index:-2; height:calc(100% - 0.9rem); left:0px; right:0px;top:-100%;background:rgba(0,0,0,0.5);}
.menu-nav-bg.on { top:0.9rem;z-index: 90; }