@charset "utf-8";

html{box-sizing:border-box;overflow-y:scroll;overflow-x:auto;color: #333;}
*,*:before,*:after{box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,menu{margin:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
ul,ol{margin:0;padding:0;list-style:none;}
a img,input,button,textarea{border:none;}
input[type="button"],
input[type="submit"],
button{cursor:pointer;}
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover{transition: 0.5s;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;color:#333;}
a:visited{outline:none;}
a:hover{color:#0c6eb7;}
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}

/* flex容器属性 */
.flex{display: flex;}
.f-column{flex-flow: column;}
.f-wrap{flex-wrap: wrap;}
.f-center{justify-content: center;}
.f-between{justify-content:space-between;}
.f-around{justify-content: space-around;}
.f-end{justify-content: flex-end;}
.f-v-center{align-items: center;}
.f-bottom{align-items:flex-end;}
/* flex项目属性 */
.f-auto{flex: auto;}
.f-none{flex: none;}

/* public */
.p-n{font-weight: normal;}
em.p-n,
i.p-n{font-style: normal;}
.p-tc{text-align: center;}
.p-clear{clear: both;}
.p-c6{color: #666;}
.p-c9{color: #999;}
.p-big{text-transform: uppercase;}
.p-blue{color:#0c6eb7;}
.p-bgf{background: #fff;}
.g-con{margin-left: auto;margin-right: auto;}
.p-img img{width: 100%;display: block;}

/* content */
.m-banner{position: relative;width: 100%;}
.m-banner .banner-one{width: 100%;background-size: cover !important;}
.slick-list{position: relative;overflow: hidden;height: 100%;}
.slick-track{position: relative;height: 100%;left: 0;top: 0;}
.slick-slide{float: left;height: 100%;}
.slick-prev,.slick-next{display:none !important;}
.slick-dots{position:absolute;z-index:1000;list-style:none;width:100%;text-align:center;}

.slick-dots li{display:inline-block;background: #fff;opacity:0.3;margin:0 0.17rem;}
.slick-dots li button{display:inline-block;text-indent:-9999px;background:none;border:none; cursor:pointer;outline: none;}
.slick-dots .slick-active{opacity: 1;}
.m-pro li .p-img{width: 100%;border: 1px solid #ccc;margin: 0 auto;transition: 0.3s; height: 2rem;overflow: hidden;}
.m-pro li .p-img:hover{border-color: #0c6eb7;}
.m-pro li h4{margin-top: 0.45rem;overflow: hidden;}
.m-pro li .u-look{margin-top: 0.2rem;}
.m-contact{color: #fff;}
.m-contact .u-logo{width: 1.17rem;height: 1.17rem;}
.m-contact .title{letter-spacing: 0.05rem;}
.g-foot{text-align: center;color: #cbcbcb;font-size: 12px;border-top:2px solid #0c6eb7;background: #000;padding: 0.23rem 0;}
.m-inner .con{text-align: justify;}
.m-inner .con img{max-width: 100%;}
.m-list li{border-bottom: 1px dashed #ddd;}
.m-list li span{color: #999;}
.m-list li h4{margin-bottom: 0.1rem;color:#0c6eb7;}
.m-list li p{margin-top: 0.1rem;}
.u-page{text-align: center;padding: 0.5rem 0;color: #666;clear: both;}
.u-page a{display: inline-block;border:1px solid #ddd;border-radius: 2px;color: #666;margin: 0 0.05rem;}
.u-page a:hover{color: #215d8a;border-color: #0c6eb7;}
.u-page .current{color: #fff !important;background: #0c6eb7;border-color: #0c6eb7;}