@charset "UTF-8";

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


@media screen and  (min-width:1401px){
  html{ font-size: 100px;}
}

@media screen and  (max-width:1400px){
  html{ font-size: 100px;}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


.w_width{max-width:1430px; margin-right: auto; margin-left: auto; position:relative; z-index:17;}
.ctext{float: left;width: 100%;padding-left: 0.8rem;padding-right: 0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}


.head{ float:left; width:100%; position:fixed; left:0; top:0; z-index:999; padding:0 0.58rem;background:url(../images/head-bg.png) bottom center repeat-x;}
.head.Active{ background:#f5f5f5; border-bottom:1px solid #ededed; box-shadow:0 0 0.29rem rgba(0,0,0,0.29);}
.head.active{ background:#fff; border-bottom:1px solid #ededed; box-shadow:0 0 0.29rem rgba(0,0,0,0.29);}
.head ._nav_event{ float:left; width:100%;}
.head .logo{ float:left; margin:calc(24px + 0.1rem) 0; }
.head .logo a{ float:left; line-height:0; overflow:hidden;}
.head .logo img{ height:50px;}
.head .logo .show{ display:block;}
.head .logo .hide{ display:none;}
.head.active .logo .show,
.head.Active .logo .show{ display:none;}
.head.active .logo .hide,
.head.Active .logo .hide{ display:block;}
.head .lang{ float:right; color:#fff; font-weight:bold; color:#fff; font-size:calc(12px + 0.08rem); line-height:calc(56px + 0.56rem); text-transform:uppercase; position:relative;}
.head .lang a:after{ float:left; width:0; height:2px; content:''; z-index:6; position:absolute; left:50%; top:50%; margin-top:calc(11px + 0.06rem); background:#fff;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.head .lang a{ float:left; color:#fff;}
.head .lang a:hover:after{ width:100%;}
.head.active .lang a,
.head.Active .lang a{ color:#000;}
.head.active .lang a:hover,
.head.Active .lang a:hover{ color:#b1040e;}
.head.active .lang a:hover:after,
.head.Active .lang a:hover:after{ background:#b1040e;}

.head .so_box{ float:right; position:relative; z-index:5; width:24px; height:calc(56px + 0.56rem); background:url(../images/search.png) center no-repeat; background-size:22px auto; z-index:8; cursor:pointer;  }
.head .so_box:after{ float:left; width:1px; height:18px; content:''; position:absolute; left:-0.25rem; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); background:#dcdcdc;}
.head.active .so_box,
.head.Active .so_box{ background:url(../images/search-red.png) center no-repeat; background-size:22px auto;}

.soDown{ display:none; float:left; width:100%; background:#d82225; position:absolute; left:0; top:100%; padding-top:calc(10px + 0.47rem); padding-bottom:calc(10px + 0.47rem);  }
.soDown .tit{ padding:0 2.5%; font-weight:bold; text-transform:uppercase; float:left; width:100%; color:#000000; font-size:calc(12px + 0.18rem); line-height:calc(22px + 0.18rem);}
.soDown .Crumbs{ padding:0 2.5%; float:left; width:100%; color:#999999; font-size:calc(12px + 0.04rem); line-height:calc(22px + 0.04rem); margin-top:calc(10px + 0.05rem);}
.soDown .Crumbs  a{ color:#999999; margin:0 0.16rem;}
.soDown .Crumbs  a:first-child{ margin-left:0;}
.soDown .Crumbs  a:hover,
.soDown .Crumbs  a.on{padding: 0 0.7em; color: #dd0505;}
._searchs{ float:left; width:100%; padding:calc(10px + 0.2rem) 2.5% 0 2.5%;}
._searchs .but{ float:left; width:calc(50px + 1.87rem); height:calc(36px + 0.36rem); background:none; border:2px solid #b1040e; text-transform:uppercase; color:#b1040e;font-size:calc(12px + 0.06rem); line-height:calc(32px + 0.36rem); font-weight:bold;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._searchs .but:hover{ background:#b1040e; color:#fff;}
._searchs .txt{ float:left; width: calc(100% - 60px - 2rem); height:calc(36px + 0.36rem); padding: 0.13rem calc(5px + 0.3rem); background: #fff; color:#c6c6c6; font-size:16px; font-size:calc(12px + 0.12rem); line-height:calc(28px + 0.16rem); margin-right:calc(10px + 0.13rem);border:1px solid #fff;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; }
._searchs .txt:focus{border:1px solid #b1040e;}

.menu{ float:right; margin-right:0.32rem;}
.menu .ul{ float:left;}
.menu .nli{ float:left; position:relative; margin-right:0.5rem;}
.menu .nli span a{ float:left; position:relative;text-transform:capitalize; color:#fff; font-size:calc(12px + 0.06rem); line-height:calc(56px + 0.56rem); white-space:nowrap; }
.menu .nli span a i{ position:absolute; left:50%; top:0; font-weight:bold; opacity:0;
                     -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.menu .nli span a:after{ float:left; width:0; height:2px; content:''; z-index:6; position:absolute; left:50%; top:50%; margin-top:calc(11px + 0.06rem); background:#fff;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.menu .nli.active span i,
.menu .nli:hover span i{ opacity:1;}
.menu .nli.active span font,
.menu .nli:hover span font{ opacity:0;}
.menu .nli.active span a:after,
.menu .nli:hover span a:after{width:110%;}
.menu .ul{ float:left; width:100%; display: flex; justify-content: space-between;}
.menu .sub{ display:none; float:left; position:absolute; left:50%; top:100%; background:#fff; width:308px; transform:translateX(-50%); -ms-transform:translateX(-50%); box-shadow:0 0.08rem 0.27rem rgba(0,0,0,0.36); padding:1px 1px 0 1px;}
.menu .sub li{ float:left; width:100%; margin-bottom:1px; }
.menu .sub li a{ float:left; width:100%; background:#e3dfdf; color:#000000; font-size:calc(12px + 0.04rem); line-height:calc(23px + 0.04rem);  padding:0.2rem calc(6px + 0.3rem);}
.menu .sub li a:hover{ background:#fff; color: #b1040e;}


.head.active .menu .nli.active span a:after,
.head.Active .menu .nli.active span a:after{ background:#b1040e;}
.head.active .menu .nli span a,
.head.Active .menu .nli span a{ color:#000000;}
.head.active .menu .nli.active span a,
.head.Active .menu .nli:hover span a{ color:#b1040e;}


.xialaph{ position: fixed; left: 0; top:60px; float: left; width: 100%; height:-webkit-calc(100vh - 60px); height:-moz-calc(100vh - 60px); height:calc(100vh - 60px); overflow: scroll; padding:10px 15px 50px 15px; display: none; z-index:16; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #000; font-size:16px; line-height: 26px; text-transform: uppercase; padding:14px 0;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i,
.xialaph h5 i{ float:left; width:9px; height:9px; position:absolute; right:0; top:50%; border-top:1px solid #000; border-right:1px solid #000; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i,
.xialaph h5.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #b1040e; border-right:1px solid #b1040e; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity:0.2;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a{ color: #b1040e;}
.xialaph h5:hover a{ color: #b1040e;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000;opacity:0.2;}
.xialaph h5 a{ float: left; width:100%; color: #333; font-size: 14px; line-height:24px; text-transform: uppercase; padding:12px 0;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000;opacity:0.2;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul1{ float: left; width: 100%; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.xialaph .ul3{ float:left; width:100%; padding:12px; position: relative;}
.xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000;opacity:0.2;}
.xialaph li:last-child .ul3::after{ display: none;}
.xialaph .ul3 li a{ float:left; width:100%; color: #333; font-size: 14px; line-height:26px; }
.xialaph .ul3 li:hover a{ color: #032980;}

.so_ph{ display:none; float:left; width:100%; background:#333; position:relative;border-radius:5px; overflow:hidden; margin-top:20px;}
.so_ph .Search{ float:left; width:100%; height:44px; background:none; border:none; line-height:30px; padding:7px 45px 7px 18px; color:#fff; font-size:17px;text-transform: uppercase;}
.so_ph .sear_sub{ float:right; width:44px; height:44px; border:none;background:url(../images/search.png) center no-repeat; position:absolute; right:8px; top:0;}
.so_ph ::-webkit-input-placeholder{color:#fff}
.so_ph :-moz-placeholder{color:#fff}
.so_ph ::-moz-placeholder{color:#fff}
.so_ph :-ms-input-placeholder{color:#fff}

.menuph{ display:none; float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:19px 0;}
.menuph .point { float:left; width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 28px;}
.menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width:28px; height: 2px; background: #fff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #fff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -10px;}
.menuph .navbtn::before { top: 10px;}
.menuph .point.active .navbtn{ background: transparent !important;}
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

.head.active .menuph .navbtn,
.head.active .menuph .navbtn::after,
.head.active .menuph .navbtn::before,
.head.Active .menuph .navbtn,
.head.Active .menuph .navbtn::after,
.head.Active .menuph .navbtn::before{ background:#000000;}

@media  screen and (max-width:1760px){
.menu{ margin-right:0.21rem;}
.menu .nli{ margin-right:0.17rem;}
}
@media  screen and (max-width:1600px){
.menu{ margin-right:0.1rem;}
.menu .nli{ margin-right:0.30rem;}
.menu .nli span a{ font-size:calc(12px + 0.06rem);}
.head .so_box{ margin-left:0.15rem;}
.head .so_box:after{ left:-0.18rem;}
}

@media  screen and (max-width:1500px){
.menu{ margin-right:0.1rem;}
.menu .nli{ margin-right:0.20rem;}
.menu .nli span a{ font-size:calc(12px + 0.04rem);}
.head .so_box{ margin-left:0.15rem;}
.head .so_box:after{ left:-0.18rem;}
}

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

.head{ padding:0 0.1rem;}

.px1300 { max-width: 1400px; margin: 0 0.1rem;}
.menu{ margin-right:0.1rem;}
.menu .nli{ margin-right:0.1rem;}
.menu .nli span a{ font-size:calc(12px + 0.04rem);}
.head .so_box{ margin-left:0.15rem;}
.head .so_box:after{ left:-0.18rem;}
}

@media  screen and (max-width:1300px){
.menu{ margin-right:0.1rem;}
.menu .nli{ margin-right:0.1rem;}
.menu .nli span a{ font-size:calc(12px + 0.04rem);}
.head .so_box{ margin-left:0.15rem;}
.head .so_box:after{ left:-0.18rem;}
}



@media  screen and (max-width:1200px){
.menu{ margin-right:0.1rem;}
.menu .nli{ margin-right:0.20rem;}
.menu .nli span a{ font-size:calc(12px + 0rem);}
.head .so_box{ margin-left:0.15rem;}
.head .so_box:after{ left:-0.18rem;}
}

@media  screen and (max-width:1024px){
.menu{ display:none;}
.menuph{ display:block;}
.head .logo{ margin:0;height:60px;flex-wrap:wrap; display: flex; align-items: center;}
.head .logo img{ height:34px;}
.head .lang{ line-height:60px; font-size:16px;}
.head .so_box{ height:60px; margin:0 10px 0 21px;}
.head .so_box:after{ left:-11px; height:14px;}
.soDown .tit{ padding:0; }
.soDown .Crumbs{ padding:0; }
._searchs{ padding:calc(10px + 0.2rem) 0 calc(10px + 0.05rem) 0;}
}