/* 样式重置 start*/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,form,input,textarea,p,table,tr,td {margin:0;padding:0;}
html{font-size:10px;}
body{font-family:'Microsoft YaHei',"Helvetica Neue"; overflow-x: hidden;width: 100%;}
ul,ol {list-style: none;}article img{max-width: 100%; max-height:100%; height:auto;}
img,a img,{border:0;text-decoration: none;max-width: 100%; max-height:100%;-webkit-touch-callout:none;vertical-align:top;}
a {text-decoration:none;color:#6c6c6c;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: medium;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
input,textarea {outline: medium;}
a:hover {text-decoration: none;}
li{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
body{-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;}
/* 样式重置 end*/
.fixed{position: fixed;}
.clearfix{clear: both;}
.moveleft{transform:translate(-50%,0);}
.moveright{transform:translate(0%,0);}
.well_w{width: 100%;height: 40px;background: #00a2e9;font-size: 1.4rem;color: #fff;}
.well_w .well_c{max-width: 1200px;margin:0 auto;}
.well_w .well_c .well_cl{float: left;height: 100%;width: auto; line-height: 40px;background: url('../images/well.jpg') no-repeat left center;padding-left: 24px;}
.well_w .well_c .well_cr{float: right;height: 100%;width: auto;}
.well_w .well_c .well_cr .w_tel{height: 100%;font-size: 1.4rem; color: #fff;line-height: 40px;}
.well_w .well_c .well_cr .w_tel span{margin:0 16px;}
.well_w .well_c .well_cr .w_tel a{display: inline-block;height: 100%; font-size: 1.4rem;color: #fff;background: url('../images/top_xsj_03.png') no-repeat right center;padding-right: 16px;text-decoration: none;}
.logo_nav{height: 96px;max-width: 1200px;margin:0 auto;padding:28px 0 25px 0;}
.logo_nav .logo{float: left;height: 100%;}
.logo_nav .dc{display: none;}
.logo_nav .logo img{height: 100%;width: auto;}
.logo_nav .nav{float: right;height: 100%;width: 60%;}
.logo_nav .nav ul{height: 100%;width: 100%;}
.logo_nav .nav ul li{float: left;height: 100%;width: 12.5%;}
.logo_nav .nav ul li a{display: inline-block;width: 100%; height: 100%;line-height: 43px;font-size: 1.4rem;color: #777;text-align: right;text-align: center;}
.logo_nav .nav ul li a:hover,.logo_nav .nav ul li a.active{color: #00ccff;}


@media screen and (max-width: 765px){    
.well_w{display: none;}
.logo_nav .logo{display: none;}
.logo_nav{height: 7rem;width: 100%;padding:0.5rem 0.5rem;}
.logo_nav .dc{display: block;height: 100%;width: 100%;}
.logo_nav .dc .mlogo{height: 100%;float: left;}
.logo_nav .dc .mlogo img{height: 100%;width: auto;}
.logo_nav .dc .c_n{height: 100%;float: right;width: 70%;}
.logo_nav .dc .c_n a{font-size: 2rem;color: #00a2e9;display: inline-block; height: 100%;line-height:6rem;float: left;width: 60%;text-align: right;}
.logo_nav .dc .c_n #c_nav{float: right;height: 100%;width: 20%;background: url('../images/daohang_03.jpg') no-repeat right center;background-size:auto 50%;width: 40%;}
.logo_nav .dc .c_n a:hover{color: red;}
.logo_nav .dc .c_n a i{font-size: 1.5rem;}
.logo_nav .nav{position: absolute; width: 50%;height:100%;top: 0rem;left: 100%;z-index: 99999;background: #53bcea;border-radius: 0.6rem;box-shadow: 0 0 0.5rem #aaa;}
.logo_nav .nav ul{width: 100%; height: 100%;padding:2rem 0.5rem;}
.logo_nav .nav ul li{width: 100%;height: auto;margin-bottom: 0rem;border-radius: 0.4rem;}
.logo_nav .nav ul li:nth-of-type(1){animation-delay: 0.1s;}
.logo_nav .nav ul li:nth-of-type(2){animation-delay: 0.2s;}
.logo_nav .nav ul li:nth-of-type(3){animation-delay: 0.3s;}
.logo_nav .nav ul li:nth-of-type(4){animation-delay: 0.4s;}
.logo_nav .nav ul li:nth-of-type(5){animation-delay: 0.5s;}
.logo_nav .nav ul li:nth-of-type(6){animation-delay: 0.6s;}
.logo_nav .nav ul li:nth-of-type(7){animation-delay: 0.7s;}
.logo_nav .nav ul li:nth-of-type(8){animation-delay: 0.8s;}
.logo_nav .nav ul li a{display: inline-block;width: 100%;height: 100%;padding:1rem 0;text-align: center;color: #fff;font-size: 2.2rem;}
.logo_nav .nav ul li:hover{background:#00a2e9;}
.logo_nav .nav ul li:hover a{color: #fff;}

}


.foot_p{display: none;}
.foot_w{background: #1d1d1d;}
.foot_w .foot_c{max-width: 1200px;margin:0 auto;padding: 72px 0 90px 0;}
.foot_w .foot_c .fc_l{width: 22%;float: left;}
.foot_w .foot_c .fc_l img{width: 100%;height: auto;}
.foot_w .foot_c .fc_l p{font-size: 1.2rem; color: #c8c8c8;line-height: 28px;margin-top: 34px;}
.foot_w .foot_c .fc_m{float: left;width: 60%;}
.foot_w .foot_c .fc_m ul{margin-left: 90px;padding-top: 40px;width: 100%;}
.foot_w .foot_c .fc_m ul li{float: left;width: 33%;}
..foot_w .foot_c .fc_m ul li.te{padding-left: 35px;}
.foot_w .foot_c .fc_m ul li dl{width: 100%;}
.foot_w .foot_c .fc_m ul li dl dt{width: 100%;margin-bottom: 44px;}
.foot_w .foot_c .fc_m ul li dl dt a{color: #00ccff;font-size: 18px;font-weight: 400;}
.foot_w .foot_c .fc_m ul li dl dd{margin-bottom: 22px;}
.foot_w .foot_c .fc_m ul li dl dd a{font-style: 14px; color: #c8c8c8;}
.foot_w .foot_c .fc_m ul li dl a:hover{color: #0883ca;}
.foot_w .foot_c .fc_m ul li dl dd .tel,.foot_w .foot_c .fc_m ul li dl dd .email{font-size: 12px; color: #b6b6b6;}
.foot_w .foot_c .fc_m ul li dl dd .tel i,.foot_w .foot_c .fc_m ul li dl dd .email i{font-size: 14px;margin-right: 7px;}
.foot_w .foot_c .fc_m ul li dl dd .tel span{font-weight: bold;font-size: 17.4px;}
.foot_w .foot_c .fc_r{float: right;}
.foot_w .foot_c .fc_r .code{width: 100%;padding-top: 40px;}
.foot_w .foot_c .fc_r img{width: 100%;height: auto;}
.foot_w .foot_c .fc_r .bqx{margin-top: 14px;text-align: center;}
.foot_w .foot_c .fc_r .bqx a{padding:0 2px;}
.foot_w .foot_c .fc_r .bqx a i{font-size: 28px;color: #434343;}
.foot_w .foot_c .fc_r .bqx a:nth-of-type(2) i{font-size: 34px;}
.foot_w .foot_c .fc_r .bqx a:nth-of-type(3) i{font-size: 34px;}
.foot_w .foot_c .fc_r .bqx a:hover i{color: #fcfcfc;}
.foot1{width: 100%;text-align: center;height: 50px;line-height: 50px;font-size: 12px; color: #b6b6b6;}
.foot1 span{color: #04b7e4;}
.footm{display: none;}
.footfix{display: none;}

@media screen and (max-width: 765px){    
.foot_w{display: none;}
.foot1{display: none;}
.footm{display: block;}
.footfix{display: block;}
.maskb{width: 100%;height: 7rem;}
.foot_p{display: block;position: fixed;bottom: 0;width: 100%;height: 7rem;background: #111;z-index: 100;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.foot_p ul{width: 100%;height: 100%;}
.foot_p ul li{display: inline-block;width: 24%;height: 100%;}
.foot_p ul li a{display: inline-block;width: 100%;height: 100%;color: #fff;font-size: 1.6rem;text-align: center;line-height: 1rem;padding-top: 2.5rem;}
.foot_p ul li a i{font-size: 3rem;display: block;margin-top: 0rem;}
}