@charset "utf-8";
body,h1,h2,h3,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,table,rd,form,fieldset,legend,button,input,textarea,th,td{margin:0px;padding:0px;}
body{-webkit-text-size-adjust:100%;color:#333;min-width:300px;font-family:Arial,sans-serif;}
*{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
*::before,*::after{ box-sizing:border-box;}
*:focus{outline:none;}
ul,li{list-style:none;}
a:link,a:visited,a:hover,a:active{color:#000;text-decoration:none;font-size:14px;} 
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none; font-size:14px;font-family: Arial;}
input{border: none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance: none;font-family:Arial,sans-serif;}
input:focus{outline:none; }/* input no border */
:-moz-placeholder {color:#666;font-size: 14px;}
::-moz-placeholder {color:#666;font-size: 14px;}
input:-ms-input-placeholder{color:#666;font-size: 14px;}
input::-webkit-input-placeholder{color:#666;font-size:14px;}
textarea:-ms-input-placeholder{color:#666;font-size: 14px;}
textarea::-webkit-input-placeholder{color:#666;font-size:14px;}
button,input,select,textarea{font-size:100%;border-radius: 0;}
button{border:0;background-color:none;outline:none;-webkit-appearance: none;}
select,button,input,img{vertical-align: middle;}
.arrow-up:before{
content: '';
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #000 transparent;
}
.arrow-down:after {
content: '';
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #000 transparent transparent transparent;
}
.arrow-left:before {
content: '';
display: inline-block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #000;
}
.arrow-right:after {
content: '';
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 6px 0;
border-color: transparent #000 transparent transparent;
}
.divclear{clear:both;}
img{object-fit:cover;}
/*form*/
input[type=text],select,textarea{
width: 60%;
padding: 8px 10px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-right:10px;
}
input[type=image] {
position:absolute;
top:14px;
display: inline-block;
width: 28px;
border: none;
cursor: pointer;
outline:none;
margin-right:40px;
}
/*form*/
#top{width:100%;position:relative; height:auto;z-index:9999;}
#top .content{position:relative;height:auto;}
#top .logo{position:absolute; left:2%; top:10px; z-index:1000px; width:100px; max-width:180px; min-width:50px;}
/*daohang company*/
#daohang{margin:0 auto;text-align:center;height:110px; line-height:110px; margin-left:9%; margin-right:14%; width:77%; z-index:4000;}
#nav{width:100%;margin-bottom:6px;margin:0 auto;text-align:center;}
#nav div{width:12.5%;overflow:hidden;white-space:nowrap; z-index:3000; text-align:center;float:left;}
#nav div ul{width:auto;position:absolute;top:96px; padding:0px 8px;display:none; clear:both;z-index:1000;opacity: 0;transition: all 0.5s ease;}
#nav div ul li{width:100%;background-color:#FFF;overflow:hidden;white-space:nowrap;line-height:1.8;padding:5px 5px 5px 5px;box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);}
#nav div ul a{display: block; width:100%;text-align:center; padding:5px 10px;}
#nav div:hover ul{margin-left:-6px; display:block;opacity: 1;}
/*newnav*/
#nav .yjnav{width:12.5%;overflow:hidden;white-space:nowrap; z-index:3000; text-align:center; float:left;}
#nav .yjnav .navdiv{width:100%;position:absolute;top:96px;padding:1em 1em 0em 1em;clear:both;z-index:1000;background-color: #f9f9f9;word-wrap: break-word;white-space: pre-wrap;flex-wrap: wrap;justify-content:space-between; left:0px;display:none; opacity: 0;transition: all 0.3s ease;}
#nav .yjnav .navdiv li{
  margin-bottom: 1em;   
  background-color: #FFF;  
  box-sizing: border-box;
  padding: 1em 1em 0em 1em;  
  flex-grow: 0; 
  text-align:left;
  box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);
  overflow:hidden;
  opacity: 1 !important;
}
#nav .yjnav .navdiv li h2{ font-weight:bold;}
#nav .yjnav .navdiv .li1{width: calc(100% / 1 - 1em);
flex-basis: calc(100% / 1 - 1em);}
#nav .yjnav .navdiv .li2{width: calc(100% / 2 - 1em);
flex-basis: calc(100% / 2 - 1em);}
#nav .yjnav .navdiv .li3{width: calc(100% / 3 - 1em);
flex-basis: calc(100% / 3 - 1em);}
#nav .yjnav .navdiv .li4{width: calc(100% / 4 - 1em);
flex-basis: calc(100% / 4 - 1em);}
#nav .yjnav .navdiv .li5{width: calc(100% / 5 - 1em);
flex-basis: calc(100% / 5 - 1em);}
#nav .yjnav .navdiv .li6{width: calc(100% / 6 - 1em);
flex-basis: calc(100% / 6 - 1em);}
#nav .yjnav .navdiv a{width:100%;padding:0px 10px; line-height:1.8; display:block; margin-bottom:1em; color:#333;text-align:left;word-wrap: break-word;white-space: pre-wrap;flex-wrap: wrap;justify-content:space-between;}
#nav .yjnav:hover .navdiv{opacity: 0.98;display:flex;}
/*newnav*/
/*daohang company*/
/*daohang right*/
#top .lang{position:absolute; right:2%; top:0px;display:inline-block;z-index:1000;text-align:right; width:auto; font-size:16px; line-height:110px;height:110px; overflow:hidden;}
#top .lang img{margin-right:6px; width:25px; display:inline-block;opacity:0.9;vertical-align:middle;}
#topopen{display:none;}
#lansel{position:absolute;right:1%;display:none;opacity:0.9;top:90px;}
#lansel .sel{padding:5px 15px;line-height:2.5; border:1px solid #F5F5F5; border-radius:5px; background-color:#FFF;display:block;}
#lansel .img{border-radius:3px;}
#lansel a{display:block;text-decoration:none;color:#333;}
#searchdiv{display:none; text-align:center; width:90%;position:relative; background-color:#F5F5F5; margin:10 auto; border-radius:10PX;opacity: 0.9;}
#searchdiv .close{position:absolute; right:0px; top:-40px; border-top-right-radius:10px; font-size:16px; width:20px; height:20px;}
/*daohang right*/
/*daohang mob nav*/
#daohangm{position:fixed; top:110px; left:0px; line-height:2.5; text-align:left;width:100%;display:none; z-index:1000; background-color:#FFF;}
#daohangm div{padding:5px 2%; position:relative; border-bottom:1px solid #F5F5F5; text-align:left; width:100%; height:auto;}
#daohangm div span{position:absolute; right:20px; display:inline-block; top:10px;}
#daohangm div ul{display:none; margin-left:20px; background-color:#fafafa; border-radius:3px;}
#daohangm div ul li{padding:5px 10px;}
#daohangm div .arrow-down{display:none;}
#daohangm div:hover ul{display: block;}
#daohangm div:hover .arrow-down{display:block;}
#daohangm div:hover .arrow-left{display:none;}
/*daohang mob nav*/
/*banner*/
#bannerbc{width:100%;margin:0 auto;}
.banner{width:100%;width: auto;position:relative;margin:0 auto;padding:0px;height: auto;overflow:hidden;font-size:0;}
.b-img{height:850px; max-height:850px;overflow:hidden;position:absolute; left:0; top:0;}
.b-img img{width:100%;height:auto;object-fit: cover; border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.b-img a{display:inline-block;}
.b-list{padding-top:830px; position:relative;margin:0 auto;z-index:1;padding-bottom:20px;}/*padding top and bottom tt height*/
.b-list span{display:inline-block;cursor:pointer; width:10px; height:10px;border-radius:50%; background-color:#FFF;margin:0 5px; _margin:0 3px;}
.b-list .spcss{background-color:#999;}
/*banner*/
/*list*/
#list{ width:100%; margin:0 auto; text-align:center; margin-bottom:20px;}
#list .itemnbj{padding:20px;text-align:left;}
#list p{line-height:2;font-size:14px;text-align:left;}
#list .tt{width:100%;text-align:center; display:block; font-size:36px;}
#list .cpbt{line-height:2;display:block;}
#list .abt{margin:15px 0px;}
#list img{width:100%;height:auto; display:block;transition: all 0.3s ease;max-height:800px;}
#list img:hover {transform: scale(0.9);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);filter: brightness(120%);}
#list a{font-size:18px;}
#list .item1{width:100%;margin-bottom:10px; display:inline-block; line-height:1.8;border:1px solid #f0f0f0;overflow:hidden;}
#list .item2{width:49%; float:left; margin:10px 0px; display:inline-block; line-height:2;overflow:hidden;}
#list .item3{width:32%; float:left; margin:10px 0px; display:inline-block; line-height:2;position:relative;overflow:hidden;filter: alpha(opacity=0);
opacity: 0;transition: all 0.3s ease-in-out;}
#list .item3 .sj{display:inline-block; width:70%; text-align:left; font-size:12px; color:#666; line-height:1.8; margin-top:5px;}
#list .item3 .llcs{display:inline-block;width:25%;text-align:right; font-size:12px; color:#666; line-height:1.8; margin-top:5px;}
#list .item3 p{line-height:2; margin-top:10px;}
#list .proclass{text-align:left;}
#list .proclass a{padding:10px 15px;margin:0px 10px 10px 0px;white-space: nowrap; display:inline-block;}
.mrn{margin-right:2% !important;}
/*list*/
/*分页*/
#page{text-align:center;text-align:center; margin-bottom:20px;margin-top:20px;}
#page a{padding:5px 20px;background-color:#F7F7F7;margin-right:10px;color:#333;display:inline-block;margin-bottom:20px;line-height:1.5;}
#page .dqy{padding:5px 20px;margin-right:10px;line-height:1.5;background-color:#F9F9F9;color:#333;text-align:center;font-weight:bold;display:inline-block;}
/*分页*/
#content{padding:20px 10%;position:relative;margin:0 auto;text-align:left;line-height:2;word-break:break-word;}
.company{margin-bottom:25px;overflow:hidden;}
.company img{width:auto; max-width: 100vw;height:auto; display:block;max-height:800px;}
/*downmessage*/
#downmes{
position:relative;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background-color: #f2f2f2;
padding:20px 10%;
margin:0 auto;
display:none;
z-index:2000;
line-height:1.8px;
}
#downmes .mesclose{padding:10px; font-size:16px; position:absolute; right:0px; top:0px;}
#downmes h2{text-align:center; width:100%; padding:10px 0px;}
/*downmessage*/
.row{text-align:left;}
input[type=text],textarea {
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
font-size:14px;
}
label {
padding: 0px 12px 0px 0;
display: inline-block;
}
input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 6px 10px;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top:15px;
}

input[type=submit]:hover {
background-color: #3300cc;
}
.coll{
float: left;
width: 20%;
text-align:right;
transition: width 1s;
margin-top:10px;
}
.colr {
float: left;
width: 80%;
text-align:left;
transition: width 1s;
}
.row:after {
content: "";
display: table;
clear: both;
}
/*downmessage*/
/*copyright*/
#copyright{width:100%;height:auto; position:relative;text-align:center;background-color:#092045;color:#CCC;font-family: Arial, Helvetica, sans-serif;font-size:16px;letter-spacing:1px; padding:50px 0px;
transform: scale(0.1);
filter: alpha(opacity=0);
opacity: 0;
transition: all 0.3s ease-in-out;}
#copyright a{font-size:16px;color:#FFF;}
#copyright .crnr{position:relative;margin:0 auto; display:block; width:auto; height:auto; padding:0px 10%;}
#copyright .navdown{width:auto; height:auto;text-align:left; line-height:2; width:82%; overflow:hidden;}
#copyright .navdown a{font-size:14px;}
#copyright .navdown .navditem{width:20%;display:inline-block; height:auto;position:relative; float:left;}
#copyright .navdown ul{position:static;}
#copyright .navdown li{display:block; width:auto; padding:6px 0px; word-break:keep-all;}
#copyright .navdown li a{color:#CCC;line-height:1.5;}
#copyright .dcontact{display:inline-block;color:#ECF0FF;text-align:left;font-size:14px; line-height:2; float:right; width:16%; position:absolute; right:0px;}
#copyright .downapp{margin-top:10px;}
#copyright .downapp img{display:inline-block; margin:0px 5px 10px 0px;}
.crcompany{background-color:031738; padding:20px 0px;font-size:14px; word-break:break-word; width:100%; text-align:center; color:#CCC;line-height:1.5;}
.crcompany a{color:#CCC; font-size:14px;}



#rightbar {
    position: fixed;
    right: 15px;
    top: 250px;
    width: 50px;
    z-index: 3000;
}

#rightbar .rbdiv {
    position: relative;
}

#rightbar .rbicon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    background-color: #30C;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    z-index: 3000;
}

#rightbar .rbicon:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px) scale(1);
}

/* 客服图标对应的内容样式 */
#rightbar .rbtxt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 70px;
    padding: 10px;
    width: 0;
    height: 0;
    background-color: #4A80C9;
    color: #FFF;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    line-height: 1.5;
    text-align: center;
    z-index: 2000;
}

/* 客服图标对应的内容展开样式 */
#rightbar .rbicon:hover + .rbtxt,
#rightbar .rbtxt:hover {
    opacity: 1;
    visibility: visible;
    padding: 10px;
    width: 200px; 
    height: auto;
    right: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#rightbar .rbicon:hover + .rbtxt img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* 居中图片 */
}

/* 客服图标对应的内容中的电话样式 */
#rightbar .rbphone {
    display: block;
    font-size: 14px;
    margin: 8px 0;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}

/* 客服图标对应的内容中的微信二维码样式 */
#rightbar .rbqrcode {
    display: block;
    margin: 8px auto;
}

/* 移动设备适配 */
@media (max-width: 768px) {
    #rightbar {
        right: 10px;
        top: auto;
        bottom: 20px;
    }
    
    #rightbar .rbicon {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
    }
    
    #rightbar .rbtxt {
        width: 0;
        right: 50px;
        font-size: 14px;
        background-color: #4A80C9;
        padding: 8px;
    }
    
    /* 在移动设备上改为点击触发 */
    #rightbar .rbtxt {
        display: none;
    }
    
    #rightbar .rbicon.active + .rbtxt {
        display: block;
        opacity: 1;
        visibility: visible;
        width: 180px;
        right: 50px;
        padding: 10px;
    }
    
    #rightbar .rbicon.active + .rbtxt img {
        width: 100px;
        margin: 0 auto; /* 居中图片 */
    }
}



#rbtop{display:none;}
#link{width:100%; text-align:left; margin-top:35px; margin-bottom:-15px;}
#link a{font-size:14px;margin-right:8px;white-space: nowrap;margin:6px 0px;}
#city{line-height:1.5;}
#city .sheng{font-size:16px;}
#city a{font-size:14px;}
/*copyright*/
/*General*/