/*通用样式*/
 @charset "utf-8";
 @font-face {
    /* font-test*/
     font-family: youshe;
     src:url('/2020_new/css/font/youshe.ttf') 
}
/* 清除内外边距 */
 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
     margin: 0;
     padding: 0;
     _background-image:url(about:blank);
     _background-attachment:fixed;
}
/* 设置默认字体 */
 body, button, input, select, textarea {
     font-family: "微软雅黑","宋体","Arail" !important;
     font-size: 0.875rem;
     outline:none;
     color:#333333 ;
}
/*body a{
     transition:0.5s all;
     -webkit-transition:0.5s all;
     -moz-transition:0.5s all;
     -o-transition:0.5s all;
     -ms-transition:0.5s all;
}
 */
/* 列表元素 */
 ul,ol,li {
     list-style: none;
}
img {
     border: none;
     vertical-align: middle;

} 
.headbanner a{
    height: 100%;
    display: block;
}
.pc_header img,.bottompanel img{ width:100%;}
 div{
     box-sizing: border-box;
}
.topTools{    width: 80%;}
.topTools b{ color: #ff7300}
.topTools li{float: right;
    padding: 0 8px;}

.topTools .separate{
    float: left;
    color: #fff;
    font-size: 14px;
    margin-right: 0px;
    font-weight: normal;
}
.notice_item-c,.notice_item-cm,.notice_item-f,.notice_item-c1{box-sizing:unset;}
 .w-73{
     width:74%;
     margin:0 auto;
}
 .w-100{
     width:100%;
}
 a{
     color:unset;
}
 a:link,a:visited,a:hover,a:active {
     text-decoration: none;
     color:unset;
}
a:hover{color:#ff7630; cursor:pointer;}
a:hover .more_jt::after{border-bottom: 1px dashed #ff7630;}
a:hover:hover .more_jt{ margin-left: 35px;transition: all 0.5s}
 html{
     font-size:1rem;
}
#container div {box-sizing:unset;}
.swiper-button-prev:hover,.swiper-button-next:hover{ color:#FF991E !important}
#container img,table img{ width:auto;}
.more_jt{ margin-left:25px; display:inline-block !important; position:relative;    transform: rotate(270deg);    vertical-align: middle;}
.more:hover .more_jt{ margin-left: 35px;    transition: all 0.5s}
.more:hover .more_jt::after{ border-bottom-color:#ff7630 } 
.more_jt::after{
    content: '';
    border-bottom: 1px dashed #2B3144;
    position: absolute;
    width: 100%;
    transform: rotate(270deg);
    left: 0;
}
/*.more_jt::before{content: '';
    position: absolute;
    right: 0px;
    border-bottom: 1px solid #000;
    top: 7px;
    transform: rotate(45deg);
    left: 12px;
    width: 12px;}
.more_jt::after{content:'';    
    border-bottom: 1px solid #000;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 50%;
    transform: rotate(90deg);
  }*/


/*左侧服务栏*/
.left-service-container{     right: 0;
    width: 68px;
    position: fixed;
    background-color: #FF6F00;
    z-index: 9999;
    top: 30%;
    color: #FDE8D9;
    text-align: center;
    border-radius: 3px;}
    .left-service-btn:hover{ background :#EE6801;color:#FDE8D9} 
.left-service-btn{ cursor:pointer; height:77px; width:100%; position:relative; }
.left-service-btn-top{ line-height: 40px;
    cursor: pointer;
    height: 40px;  }
.left-service-container .line
{
    border-top: 1px solid #EE6801;
    border-bottom: unset;
    margin: 0;
}
.left-service-btn img{  box-sizing: content-box;  height: 28px;
    width: 28px;
    margin-bottom: 7px;
    display: block;
    margin: 0 auto;
    padding-top: 15px;}
.left-service-two img{    
    width: 100%;
    height: auto;
    margin-bottom: 0;
    padding: 0;
    box-sizing: content-box;
}
.hotline {   box-shadow:none !important;   padding: 26px 15px 26px 18px !important;width:210px; height:77px; background:#EE6801 !important;right: 0px  !important;}
.hotline:after{ display:none;}
.left-service-container .qrcode{width: 160px;
    height: 180px; padding:11px !important;   text-align: center;    margin: 0px;left:auto}  
.left-service-container .qrcode img{}
.left-service-container .ico{     position: relative;
    left: 0;width:16px; display:inline-block}
 .left-service-container .item{   margin-bottom: 20px;  display: flex; }
 .left-service-container .item-zone{ margin-right: 10px; min-width: 60px;text-align: right;}
 .left-service-container .service-item { box-sizing: content-box;  display: inline-block;
    vertical-align: middle;    margin-right: 10px; margin-bottom:5px;
 } .left-service-container .item:last-child{margin-bottom:0px;}
 .left-service-container .service-item:last-child{margin-bottom:0px;}
.left-service-btn .icon-down{    font-size: 30px;display: block;transform: rotate(180deg);}
.left-service-two{ top: 50%;position: absolute;    transform: translateY(-50%);
    right: 90px;background: #fff;  color: #000;padding: 21px;min-width: 140px;
    text-align: left;box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.16); border-radius:6px }
 .before-service{ width:100%;min-width: 310px;font-size: 12px;
    color: #7D7D7D;
    padding: 30px 21px;}
.left-service-two:after 
{
    content: '';
    border-left: 10px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    top: 50%;
    right: -10px;
    position: absolute;
    transform: translateY(-50%);}
    
 .left-service-container   .item-service{    
    display: flex;
    flex-wrap: wrap;
    align-items: center;}
 .left-service-container .hotline,  .left-service-container  .before-service,  .left-service-container  .after-service,  .left-service-container  .qrcode{ display:none;}
.mobile-service-container, .mobile-service-select{ display:none;}

.mobile-service-container{ width:60px; height:60px; border-radius:50%; background-color:#FF6F00;position: fixed;
    bottom: 100px;
    right: 20px;    z-index: 9998;}
    .mobile-service-container img{     transform: translate(35%, 50%);
    width: 35px;}
 .mobile-service-select{ width:100%; height: calc(100vh - 44px);
    z-index: 100000;
    top: 68px;
    right: 0;
     left:100vw;
    background: #fff;  position:fixed;padding: 21px 0; }
.mobile-service-select .ico{ width:16px; display:inline-block}
.mobile-service-select .item{     border-bottom: 1px solid #ddd;
    padding: 11px;  margin-bottom: 10px;  display: flex; 
    justify-items: center;}
.mobile-service-select .item-zone{    margin-right: 15px; min-width: 60px;}
.mobile-service-select .service-item { box-sizing: content-box;  display: inline-block;
    vertical-align: middle;    margin-right: 10px; margin-bottom:5px;
 }
 .mobile-service-select .item:last-child{margin-bottom:0px;}
.mobile-service-select .title{ text-align:center;font-size: 16px;
    margin-bottom: 10px;} 
.mobile-service-selectcolse{ text-align: center;
    font-size: 16px;
    margin-top: 10px;
    border: 1px solid #ddd;
    line-height: 40px; background:#FF6F00; color:#fff} 
.mobile-service-select .item-service{    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
        }
    
    
/*头尾部通用样式*/
 .moblie_header{
     display:none;
}
 .pc_header{
     display:block;
}
 .headpanel{
     color:#B2B8CB;
     background:#313540;
}
 .headpanel .headhelp{
     font-size: 0.75rem;
     background:#313540;
     line-height: 2.8rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .headpanel .headhelp .yh{
     color:#FF991E;
     font-variant:400;
     margin-left:1.875rem;
     border: 1px solid #ec9832;
     border-radius: 0.25rem;
     padding:0.35rem 0.5rem;
}
 .headpanel .headhelp .login{
     background:#4EC76A;
     margin-left:0.625rem;
     padding:0.4rem 0.8rem;
     color:#fff;
     border-radius: 0.25rem;
     margin-right: 0px !important;
}
#nologin a{ margin:0 8px;}
 .headpanel .headnavpanel{
     box-sizing:unset;
     position:relative;
     padding: 0 13%;
     border-top: 0.0625rem solid rgba(96,103,126,0.6);
     line-height: 5rem;
     display: flex;
     text-align:left;
     justify-content: space-between;
     align-items: center;
}
 .headpanel .headnavpanel .logo{
     margin-right: 6%;
}
 .headpanel .headnavpanel .nav{
    
     display: flex;
     justify-content: flex-end;
}
/* .headpanel .headnavpanel .nav a li:nth-child(1) {
     margin-left:0;
}*/
 .headpanel .headnavpanel .nav li{
     cursor:pointer;
     font-size:1rem;
     margin-left:4.875‬rem;
     float: left;
     text-align: left;
}
 .headpanel .headnavpanel .nav li:hover{
     color:#FF991E 
}
 .headpanel .headnavpanel .nav .active{
     border-bottom:unset;
     color:#FF991E 
}
 .headpanel .headnavpanel .show_nav_two .icon-down{
     margin-left:0.75rem;
     font-size:1rem;
}
 .headpanel .headnavpanel .nav_two_c{
     display: flex;
     justify-content: end;
     align-items: center;
}
 .headpanel .headnavpanel .nav_two_c .nt {
     padding-top:2.5625rem;
}
 .headpanel .headnavpanel .nav_two_c .ico {
     background:unset;
     display: inline-block;
     width: 2.375rem;
     height: 2.1875rem;
     margin:0;
    position: relative;
    left: 0;
}
 .headpanel .headnavpanel .nav_two_c .ntt{
     margin-left:1rem;
     font-size:1.125rem;
     color:#2F353F;
}
 .headpanel .headnavpanel .nav_two_c .gobuy{
     width: 5.25rem;
     height: 2.1875rem;
     background: #FF991E;
     color: #fff;
     border-radius: 0.25rem;
     display: block;
     text-align: center;
     line-height: 2.1875rem;
     position: absolute;
     bottom: 1.25rem;
}
 .headpanel .headnavpanel .nav_two_c .br{
     width: 40%;
     padding-left:0rem;
     border-right: 0.0625rem #E3E3E3 solid;
}
 .headpanel .headnavpanel .nav_two_c .ct:after{
     content: '';
     position: absolute;
     width: 0.375rem;
     height: 0.375rem;
     z-index: 0;
     left: -0.9375rem;
     top: 50%;
     border-radius: 50%;
     transform:translate(-50%,-50%);
     background: #FF6F00;
}
 .headpanel .headnavpanel .nav_two_c ol{
     display:block;
     margin-top:1.5rem;
     line-height: 0.875rem;
     font-size:0.875rem;
     color:#717171 
}
 .headpanel .headnavpanel .nav_two_c .ol_first{
     margin-top:1.875rem;
}
 .headpanel .headnavpanel .nav_two_c .ac{
     display: flex;
     align-items: center;
     padding-left:3.4375rem;
     height:10.9375rem;
     font-size:1rem;
}
 .headpanel .headnavpanel .nav_two_c .al span,.headpanel .headnavpanel .nav_two_c .yb span{
     position:relative;
     display:block;
     line-height:1.5;
     text-align:left;
     font-size: 0.875rem;
    color: #717171;
    margin-bottom: 11px;
}
 /*.headpanel .headnavpanel .nav_two_c .ct{ font-size:1rem !important; color:#313540 !important;}*/
.ac a:hover span{ color: #ff7630 !important;}

 .headpanel .headnavpanel .nav_two_c .bc{
     border-bottom:0.0625rem #E3E3E3 solid;
}
 .headpanel .headnavpanel .nav_two {
     left:0;
     box-shadow: 0.5625rem 0.5625rem 1rem 0rem rgba(45,47,52,0.06);
     display:none;
     line-height: 2.5rem;
     position: absolute;
     top: 4.9375rem;
     z-index: 999;
     background: #fff;
     width: 100%;
     color: #000;
}
 .headpanel .headnavpanel .nav_two li{
     position:relative;
     height: 21.875rem;
     padding-left:2.5rem;
     border-left: 0.0625rem #E3E3E3 solid;
     cursor:pointer;
     width:20%;
     float:left;
}
 .headbanner,.headbanner .swiper-container {
     position: relative;
     width:100%;
}
 .headbanner .pagination{
     box-shadow: 0.5625rem 0.5625rem 1.6875rem 0rem rgba(45,47,52,0.16);
     height:6.25rem;
     width:73%;
     position:absolute;
     background: #fff;
     z-index: 99;
     transform: translate(-50%, -60%);
     left: 50%;
}
 .headbanner .Preview
 {
     border: 4px solid #fff;
    height: 5.9375rem;
    width: 15.1875rem;
    position: absolute;
    top: -100px;
    background-color: #fff;
    display:none;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
  }

.headbanner .Preview img
{
    height: 100%;
    /*left: -35%;*/
    position: absolute;
    width:auto;
    left:0;
    
}
 .headbanner .swiper-button-prev
 {
     top: 2.9rem;
     transform: rotate(90deg);
}
 .headbanner .swiper-button-next{
     top:2.3rem;
     transform: rotate(270deg);
}
 .headbanner .icon-down:before{
     font-size:1.1875rem;
     transform: translate(-50%, -50%);
     top: 50%;
     position: absolute;
}
 .headbanner .pagination .swiper-button-next{
     left: 3.125rem;
}
 .headbanner .pagination .swiper-pagination{
     right: 0rem;
     top:50%;
     transform: translate(-50%, -50%);
}
 .headbanner .pagination .swiper-button-next,.pagination .swiper-button-prev{
     color:#424758 ;
     background-image:unset;
     margin-top: 0;
     width: 0.625rem;
     height: 1.125rem;
     background-size: 0.625rem 1.125rem;
     margin-left: 2.5rem;
}
 .headbanner .pagination .swiper-pagination-bullet-active {
     width:1.125rem;
     height:1.125rem;
     background: #fff;
     border: 3px solid #FF7630;
}
 .headbanner .pagination .swiper-pagination-bullet {
     margin-left: 1.375rem;
     vertical-align: middle;
}
 .headbanner .pagination .banner_title{
     font-size:0.875rem;
     color:#424758;
     font-weight:300;
     position: absolute;
     left: 10%;
     top: 50%;
     transform: translateY(-50%);
}
 .bottompanel .banner1_m{
     display:none;
}
 .bottompanel{
     text-align:left;
}
 .bottompanel .sitemap{
     margin-bottom:1.875rem;
     margin-top:3.125rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .bottompanel .sitemap_l{
     width:60% 
}
 .bottompanel .sitemap_r{
     display: inline-flex;
     justify-content: flex-end;
     align-items: flex-end;
     width: 50%;
}
 .bottompanel .sitemap_l .item span{
     font-size:1rem;
     color:#333;
     margin-bottom:1.6875rem;
     font-weight:400;
     display:block;
}
 .bottompanel .sitemap_l .item {
     width: 16%;
     float: left;
}
 .bottompanel .sitemap_l .item li{
     color:#666;
     line-height:1.875rem;
}
 .bottompanel .sitemap_r .weibo{
     margin-right: 1.1875rem;
     margin-bottom: 2.5rem;
     border-radius: 1.5rem;
     background: #E2E2E2;
     padding: 0 1.125rem 0 1rem;
     font-size: 0.875rem;
     color: #666;
     font-weight: 400;
     height: 3rem;
     line-height:3rem
}
 .bottompanel .sitemap_r .weibo_t{
     display:inline-block;
     /*width: calc(100% - 2.375rem);
     float: left;*/
     vertical-align: middle;
}
 .bottompanel .sitemap_r .weibo img{
     margin-right: 0.3125rem;
     width:2.0625rem;
     height:1.6875rem;
     /*float: left;*/
      display:inline-block;
}
 .bottompanel .sitemap_r .qrcode1{
     width: 10.6875rem;
     float: right;
     text-align:center;
}
 .bottompanel .sitemap_r .qrcode1 span{
     margin-top:1.25rem;
     display: block;
     color: #666;
     font-size: 1rem;
     font-weight: 400;
}
 .bottompanel .copyright{
     flex-wrap: wrap;
     display:flex;
     align-items: center;
     background:#2B3144;
     color:#898E9D ;

}
 .bottompanel .copyright_1{
     padding-top:2.375rem;
      padding-bottom:2.375rem; 
}
 .bottompanel .copyright_2{
     border-top: 0.0625rem solid rgba(96,103,126,0.6);
     width: 100%;
     padding:0.875rem 0;
}
 .bottompanel .copyright span{
     display:block;
     line-height:1.5rem;
     font-size:0.875rem;
}
 .bottompanel .links{
     line-height:1.75rem;
     background:#252B3B;
     width: 100%;
     padding: 0.9375rem 0;
}
 .bottompanel .links ul{
     padding-left: 4.375rem;
}
 .bottompanel .links li{
     float:left;
     line-height:2;
     margin-right:2rem;
     color: #898E9D;
}
/*.bottompanel .links li:nth-child(1){
     margin-right:0rem;
}
 */
 @media screen and (max-width: 1100px) {
     .headpanel .headhelp .h-1{
         display:none;
    }
     .headpanel .headhelp {
         justify-content:flex-end 
    }
     .headpanel .headnavpanel .nav li{
         margin-left:1.25rem;
    }
     .bottompanel .copyright span,.bottompanel .links{
         font-size: 0.75rem;
    }
     .bottompanel .sitemap_l{
         font-size:0.75rem;
    }
    .w-73{ width:92% !important;}
    .headpanel .headnavpanel{ padding: 0 4%;}
    .o-w-73{  margin:0;   margin-left: 4%;}
}

@media screen and (min-width: 1099px) and (max-width: 1680px)
{
   .w-73{ width:88% !important;}
   .headpanel .headnavpanel{ padding: 0 6%;}
   .o-w-73{  margin:0;   margin-left: 12%;}

}
@media screen and (min-width: 768px) and (max-width: 1024px)
{
      .headpanel .headnavpanel .logo{ width:30%}
}
 @media screen and (min-width: 80rem) and (min-width: 68.75rem) 
 {
   
     .headpanel .headnavpanel .nav li{
         margin-left:3.125rem;
    }
}
/*手机*/
 @media screen and (max-width: 49.1875rem) 
 {
     .left-service-container{ display:none;}
      .mobile-service-container,.mobile-service-select{ display:block;}
     html,body{
         overflow-x:hidden;
    }
    .w-73{ width:100% !important; margin: 0;   padding-right: 0.7125rem;padding-left:0.625rem;}
     .moblie_header{
         display:block;
    }
     .headbanner,.headbanner .swiper-container {
         margin-top:0px;
    }
     .moblie_header .nav{
         height:4.25rem;
         width:100%;
         /*position: fixed;*/
         top: 0;
         z-index:9999;
         padding:0 0.7125rem 0 0.625rem;
         background:#313540;
         display: flex;
         align-items: center;
         justify-content: space-between;
    }
     .moblie_header .nav .logo img {
         width:80%;
         padding:3% 
    }
     .moblie_header .nav .logo,.moblie_header .nav .act{
         width:50%;
    }
     .moblie_header .nav .act{
         text-align: center;
         display: flex;
         align-items: center;
         justify-content: flex-end;
         width:50%;
    }
     .moblie_header .nav .login
     {
         margin:unset;
         font-size: 0.075rem;
         color: #fff;
         background: #4EC76A;
         width:2.4375rem;
         height: 1.375rem;
         line-height:1.375rem;
         border-radius: 0.125rem;
    }
     .moblie_header .memu{
         transform: rotate(180deg);
         margin-left:1.375rem;
    }
     .moblie_header .memu .line1{
         margin-bottom: 0.3125rem;
         width: 1.25rem;
         height: 0.1875rem;
         background: #FF6F00;
         display: block;
    }
     .moblie_header .memu .line2{
         margin-bottom: 0.3125rem;
         width: 1.5rem;
         height: 0.1875rem;
         background: #FF6F00;
         display: block;
    }
     .moblie_header .memu .line3{
         width: 1rem;
         height: 0.1875rem;
         background: #FF6F00;
         display: block;
    }
     .moblie_header .divlayer {
         position: fixed;
         top: 0;
         background-color: #000;
         display: none;
         width: 100%;
         z-index: 9999;
         opacity: 0.2;
         min-height: 37.5rem;
         height: 100%;
    }
     .moblie_header .selectmenu 
     {
         top: 0;
         z-index: 9999;
         position: fixed;
         right: 0rem;
         background-color: #262626;
         display: none;
         height: 100%;
         overflow: scroll;
    }
     .moblie_header .selectmenu li {
         margin-left: 1rem;
         height: 3.125rem;
         line-height: 3.125rem;
         color: #fff;
         font-size: 0.9375rem;
    }
     .moblie_header .selectmenu img {
         float: right;
         height: 2.75rem;
         width: 2.75rem;
    }
     .moblie_header .selectmenu .product img, .selectmenu .news img {
         float: right;
         height: 0.3125rem;
         width: 0.625rem;
         margin: 1.25rem 1.25rem;
    }
     .moblie_header .selectmenu .productlist
     {
        display:none;    
         
     }
     .moblie_header .selectmenu .productlist li, .selectmenu .newslist li {
         margin-left: 1.9375rem;
         height: 2.75rem;
         line-height: 2.75rem;
         color: #bfbfbf;
         font-size: 0.875rem;
      
    }
     .moblie_header .selectmenu a:link,.moblie_header .selectmenu a:visited,.moblie_header .selectmenu a:hover,.moblie_header .selectmenu a:active {
         color: #454545;
    }
     .moblie_header .selectmenu hr {
         display: block;
         height: 0;
         border-bottom: 0.0625rem solid #454545;
         box-sizing: content-box;
    }
     .pc_header{
         display:none;
    }
     .bottompanel .copyright .w-73{
         width:100%;
         padding-top: 0.6812rem;
         padding-bottom:1.025rem;
    }
     .bottompanel .copyright span{
         font-size: 0.75rem;
         margin-top: 0.5rem;
         line-height:1.5 
    }
     .bottompanel .banner1_m{
         display:block;
    }
     .selectmenu,.bottompanel .banner1,.bottompanel .banner2,.bottompanel .sitemap,.bottompanel .copyright_2,.bottompanel .links{
         display:none;
    }
     .headbanner .pagination{
         display:none;
    }
}