@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;position:static;}
*{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;display:block; width:100%;}
#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:2;}
#page .dqy{padding:5px 20px;margin-right:10px;line-height:2;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;}
#navdh{display:block; width:96%; text-align:right;margin:10px 2%;}
#navdh a{font-size:14px; color:#000; margin-right:10px;}
h2{width:100%;}
#content img{max-width:800px;overflow:hidden;}
.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:2;}
#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:2;}
.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 {
width: 50px;
height: 50px;
margin-bottom:15px;
background-color:#30C;
border-radius: 50%;
cursor: pointer;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
transition: all 0.3s ease; /*0.3*/
z-index:3000;}
#rightbar .rbicon:hover {
/*transform: scale(3.1);*/
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
/* kefu conent */
#rightbar .rbtxt {
z-index:-1000;
line-height:2;
position:absolute;
top:4px;
padding:10px;
white-space: nowrap;
right: -280px;
width: 0;
height: 0;
background-color: #4A80C9;
color:#FFF;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
overflow: hidden;
transition: all 1s ease;
}
/* kefu conent */
#rightbar .rbicon:hover + .rbtxt{
top:10px;
width:auto;
height: auto;
padding: 10px;
right:70px;
box-shadow: 0px 5px 10px rgba(205, 220, 240, 0.2);
}
#rightbar .rbicon:hover + .rbtxt img{
width:200px;
}		
/* wechat code */
/* wechat code */
#rightbar .rbqrcode {
display: block;
margin-bottom: 10px;
}
#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:2;}
#city .sheng{font-size:16px;}
#city a{font-size:14px;}
/*copyright*/
#call{position:fixed !important;bottom:0px;width:100%;height:65px;line-height:65px;background-color:#e4e4e4;z-index:10000;padding:0px 10px 0px 10px;border-top:1px solid #E3E3E3;color:#c14609;display:none;}
#call .tel{font-family:Arial, Helvetica, sans-serif; font-weight:bold;font-size:24px;}
#call img{float:right;margin:10px 30px 0px 10px;}
/*General*/