@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:arial,"黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}
@font-face {
  font-family: 'font1';
  src: url(../images/HATTEN.TTF);
}

.header{height: 170px; background: #e6e9ee;}
.headerbox{width: 900px; margin: 0 auto;max-width: 94%;}
.logo{float: left; width: 140px; padding-top: 25px;max-width: 94%;}
.logo img{width: 100%;}
.nav{float: right;}
.nav ul{overflow: hidden;}
.nav li{float: left; line-height: 170px; font-size: 14px; padding-left: 15px;}
.nav li a{color: #333;}
.nav li.cur a{color: #119DAA;}
.nav a:hover{color: #119DAA;}

.about{background: url(../images/bj1.jpg) no-repeat center center;background-size: cover;}
.aboutbox{width: 800px;max-width: 94%; margin: 0 auto; padding:120px 0 250px;}
.about_text{width: 360px;}
.about_text h2{font-family: font1;color: #000; font-size: 46px; line-height: 56px;}
.about_text p{margin-top: 20px; font-size: 14px; line-height: 1.6;color: #353537;}
.bj2{background: #e6e9ee;}
.sout{width: 800px;max-width: 94%; margin: 0 auto; padding-top: 30px;}
.sout_title h2{color: #000;text-align: center; padding: 120px 0 50px; font-weight: bold; font-size: 28px;}
.sout_nr ul{overflow: hidden; margin-left: -50px;}
.sout_nr li{width: 33.33%; padding-left: 50px;text-align: center;float: left; padding-bottom: 30px;}
.sout_nr h2{font-weight: bold; font-size: 16px; color: #293a3c; margin:30px 0 15px;}
.sout_nr p{font-size: 14px;line-height: 1.6;color: #38383a;word-break: break-all;}
.sout_nr img{margin: 0 auto;transition: all 0.9s;}
.sout_nr li:hover img{transform: rotateY(360deg)}

.wzbd_title h2{color: #000;text-align: center; padding: 0 0 40px; font-weight: bold; font-size: 28px;}
.wzbd_nr{overflow: hidden; padding-bottom: 75px;}
.wzbd_left{float: left; width: 50%; padding-right: 25px;}
.wzbd_left li{padding-bottom: 30px;}
.wby1{width: 100%; padding: 0 15px;border: 1px solid #8fc1c8;height: 40px; line-height: 38px; font-size: 14px;font-weight: bold;}
.btn1{border: none; width: 100%; cursor: pointer; margin-top: -25px;height: 40px;background: #119daa; font-size: 14px; font-weight: bold; color: #fff;}
.btn2{border: none; width: 100%; cursor: pointer; margin-top: 30px;height: 40px;background: #119daa; font-size: 14px; font-weight: bold; color: #fff;display: none;}
.wzbd_right{float: right; width: 50%; padding-left: 25px;}
.wby2{width: 100%; padding: 15px;border: 1px solid #8fc1c8;height: 235px; font-size: 14px;font-weight: bold;}

.footer{text-align: center; padding: 15px 3%;background:#2e2e2e ;}
.footer ul{text-align: center;padding-bottom: 20px;}
.footer li{display: inline-block; padding: 0 17px;}
.footer a{color: #fff;text-decoration: underline;}
.footer p{color: #fff; line-height: 1.5;}

/*about us*/
.aboutxq{background: url(../images/bj1.jpg) no-repeat center center;background-size: cover;}
.qboubox{width: 625px;margin: 0 auto;max-width: 94%; min-height: 700px; padding: 80px 0 40px 0;}
.qboubox h2{text-align: center; font-weight: bold; font-size: 26px; margin: 25px; color: #283c3d;}
.qboubox h3{text-align: left; font-weight: bold; font-size: 20px; color: #283c3d;}
.qboubox p{font-size: 12px; line-height: 1.8; color: #353638; margin-bottom: 20px;}

.qboubox ul {
  list-style-type: disc !important;;
  padding-left: 20px; /* 可选，调整列表项缩进 */
}


@media(max-width:900px){
.header{height: 70px; position: fixed;z-index: 100; width: 100%; left: 0; top: 0;}
.logo{padding-top: 15px;width: 120px;}
.dhbtn{position: absolute;width: 30px;height: 30px; right: 3%; top: 20px;background: url(../images/d1.png) no-repeat center center #119DAA;background-size: 20px 20px ;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #119DAA;background-size: 20px 20px ;}
.nav{position: fixed;background: #fff; width: 200px; height: calc(100vh - 70px);left: -200px; top: 70px;}
.nav li{float: none; border-bottom: 1px solid #eee; font-size: 16px; line-height: 55px; padding: 0 15px;}
.dhbj{position: fixed;width: 100%; height: 100%; top: 0;left: 0;background: rgba(0,0,0,.7);display: none;}
.aboutbox{padding-bottom: 80px;}
.sout_title h2{padding: 60px 0 40px;}
.sout_nr li{width: 100%;}
.wzbd_left{float: none; width: 100%; padding: 0;}
.wzbd_right{float: none; width: 100%;padding: 0;}
.btn1{display: none;}
.btn2{display: block;}
.qboubox{min-height: auto;}
.footer li{padding: 0 4px;}
}