@charset "utf-8";

body,input,button,textarea,select{font: 0.3rem/1 "Microsoft YaHei";}
input,button{-webkit-appearance:none;}
body{background: #fff;}
.z-m-show{display: block;}
.z-m-hide{display: none;}
.u-title,
.m-menu .title{padding: 0.5rem 1rem 1.1rem;text-align: center;}
.u-title h2,
.m-menu .title h2{font-size: 0.32rem;color: #0c6eb7;font-weight: normal;border-bottom:1px solid #949494;}
.u-title h2 span,
.m-menu .title h2 span{display: inline-block;position: relative;top: 0.28rem;padding: 0.1rem 0.35rem;border:1px solid #949494;background: #fff;}
.u-title h3,
.m-menu .title h3{position: relative;margin-top: -0.7rem;color: #999;font-weight: normal;text-transform: uppercase;font-size: 0.28rem;}

/* header */
.g-head{position: relative;height: 0.9rem;}
.g-head .back{float: left;width: 0.65rem;height: 0.9rem;background: url(../images/m-back.png) center no-repeat;background-size: 0.25rem 0.44rem;}
.g-head .nav{display: none;position: absolute;top: 0.9rem;width: 100%;z-index: 2000;background: #0c6eb7;}
.g-head .nav a{display: block;height: 0.8rem;line-height: 0.8rem;text-align: center;color: #fff;border-bottom:1px solid #0a5e9d;}
.g-head .nav li:last-child a{border: none;}
.g-head .menu{float: right;width: 0.84rem;height: 0.9rem;background: url(../images/m-menu.png) center no-repeat;background-size: 0.44rem 0.44rem;}
.g-head .u-logo{display: block;width: 0.76rem;height: 0.9rem;margin: 0 auto;text-align: center;padding-top: 0.18rem;}
.g-head .u-logo img{width: 100%;width: 0.56rem;height: 0.56rem;}
.g-head .name{float: left;color: #0D6FB7;line-height: 0.9rem;margin-left: 0.2rem;}

/* index */
.m-banner,
.m-banner .banner-one,
.m-banner .banner-one img{width: 100%;}
.slick-dots li,
.slick-dots li button{width:0.46rem;height:0.02rem;}
.slick-dots{bottom:0.1rem;}
.m-about .about-box{padding: 0 0.18rem;}
.m-about .about-box a{display: flex;flex-flow: column;justify-content: center;align-items: center;width: 3.5rem;height: 4rem;color: #fff;background-size: 100% 100%;}
.m-about .about-1{float: left;background: url(../images/m-about-1.jpg) no-repeat;}
.m-about .about-2{float: right;background: url(../images/m-about-2.jpg) no-repeat;}
.m-about .about-box h5{margin-top: 0.2rem;font-size: 0.26rem;}
.m-about .about-box h5:after{content: "";display: block;width: 0.28rem;height: 2px;margin: 0.2rem auto 0;background: #fff;}
.m-about .about-box a span{width: 0.42rem;height: 0.42rem;line-height: 0.4rem;margin-top: 0.5rem;border:1px solid #fff;border-radius: 50%;}
.m-pro{padding-bottom: 0.1rem;}
.m-pro ul{white-space: nowrap;overflow-x: auto;}
.m-pro li{display: inline-block;width: 33%;padding:0.1rem 0.2rem 0.5rem;}
.m-pro li .u-look{display: inline-block;padding: 0.1rem 0.25rem;font-size: 0.25rem;color: #666;border: 1px solid #ccc;border-radius: 1px;transition: 0.5s;}
.m-pro li .u-look:hover{color: #fff;border-color: #0c6eb7;background: #0c6eb7;}
.m-pro .u-look-2,
.m-case .u-look-2{display: inline-block;padding-bottom: 0.35rem;font-size: 0.25rem;background: url(../images/m-more.png) center bottom no-repeat;background-size: 0.21rem 0.18rem;}
.m-pro li h4{height: 0.4rem;line-height: 0.4rem;font-weight: normal;}
.m-news .list{padding: 0 0.2rem;}
.m-news .list li{border-bottom:1px solid #dedede;}
.m-news .list li:first-child{border-top:1px solid #dedede;}
.m-news .list li a{display: flex;padding: 0.2rem 0;}
.m-news .list li a img{display: none;flex: none;width: 1.31rem;height: 1.21rem;margin-right: 0.2rem;}
.m-news .list .con{padding-top: 0.05rem;line-height: 0.35rem;}
.m-news .list .con p{margin-top: 0.15rem;font-size: 0.23rem;height: 0.7rem;overflow: hidden;}
.m-case{padding-bottom: 0.2rem;}
.m-contact .contact-wrap{display: flex;flex-flow: column;justify-content: center;align-items: center;height: 5.2rem;background: url(../images/m-contact.jpg) no-repeat;background-size: 7.5rem 5.2rem;}
.m-contact .title{margin:0.3rem 0 0.5rem;font-size: 0.4rem;}
.m-contact .info p{margin-top: 0.2rem;}
.m-case .case-list li{float: left;width: 3.45rem;border: 1px solid #eee;margin:0 0 0.2rem 0.2rem;}
.m-case .case-list li a{display:block;text-align: center;padding:0 0.2rem;height: 2rem;overflow: hidden;line-height: 2rem;}
.m-case .case-list li img{width: 100%;height: auto;vertical-align: middle;}

/* inner */
.m-banner-in img{width: 100%;}
/*.m-menu .nav{display: flex;justify-content: center;text-align: center;}
.m-menu .nav a{padding: 0.1rem 0.35rem;margin-left: -1px;border: 1px solid #919191;}
.m-menu .nav a.current{position: relative;color: #fff;border-color: #0c6eb7;background: #0c6eb7;}
.m-menu .nav a.current:after{content: "";position: absolute;left: 45%;bottom: -0.09rem;width: 0.22rem;height: 0.07rem;background: url(../images/m-nav-bg.png) no-repeat;background-size: 100% 100%;}*/

.m-menu .pro-nav{flex-wrap: wrap;}
.m-menu .pro-nav a{min-width: 3rem;}
.m-inner .con{padding:0.4rem 0.4rem 0.4rem;line-height: 0.55rem;}
.m-list{padding-top: 0.3rem;}
.m-list li{line-height: 0.4rem;margin: 0 0.2rem;}
.m-list li a{display: flex;padding: 0.2rem 0;}
.m-list li img{display: none; width: 1.5rem;height: 1.5rem;flex: none;margin:0.05rem 0.3rem 0 0;}
.m-list li span{font-size: 0.25rem;}
.m-list li p{font-size: 0.25rem;height: 0.8rem;overflow: hidden;}
.u-page a{padding: 0.15rem 0.2rem;}
.m-detail .title{text-align: center;padding: 0.3rem 0.1rem;background: #edf1f7;margin-top: 0.5rem;}
.m-detail .title p{font-size: 0.25rem;margin-top: 0.3rem;}
.m-pro-list{padding-top: 0.3rem;}
.m-pro-list li{float: left;border: 1px solid #eee;width: 3.45rem;margin: 0.2rem 0 0 0.2rem;}
.m-pro-list li a{display: block;padding:0.2rem;}
.m-pro-list li img{width: 100%;height: 2.5rem;}
.m-pro-list li h4{font-weight: normal;margin-top: 0.2rem;height: 0.4rem;line-height: 0.4rem;overflow: hidden;}
.m-pro-list li .u-look{display: none;}

.ny_nr{width:100%; padding-bottom:60px; overflow:hidden; }
.ny_nr .zc_lm .b_t{padding:20px 15px 15px; background-color:#0c6eb7;}
.ny_nr .zc_lm .b_t h3{font-size:22px; line-height:32px; color:#fff;}
.ny_nr .zc_lm .b_t h4{font-size:16px; line-height:30px; color:#fff; font-family:Arial; text-transform:uppercase;}
.ny_nr .zc_lm .b_t em{width:40px; height:2px; margin:8px 0 5px; background-color:#fff; display:block;}
.ny_nr .zc_lm .l_m{padding:15px; background-color:#f7f7f7; float: left;}
.ny_nr .zc_lm .l_m ul li{display:block; margin-bottom:7px; float: left; width: 100%;}
.ny_nr .zc_lm .l_m a.e_j{display:block; padding:0 15px; font-size:16px; line-height:44px; position:relative; background-color:#fff; color:#000;
    transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;}
.ny_nr .zc_lm .l_m ul li:hover a.e_j{background-color:#0c6eb7; color:#fff;}
.ny_nr .zc_lm .l_m ul li.on a.e_j{background-color:#0c6eb7; color:#fff;}
.ny_nr .zc_lm .l_m a.l_l{display:block; padding:0 15px; font-size:16px; line-height:44px; position:relative; background-color:#fff; color:#000;
    transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;}
.ny_nr .zc_lm .l_m ul li:hover a.l_l{background-color:#349a46; color:#fff;}
.ny_nr .zc_lm .l_m ul li.on a.l_l{background-color:#349a46; color:#fff;}
.ny_nr .zc_lm .l_m i{position:absolute; top:0; right:0; width:44px; height:44px; display:block; font-size:16px; color:#000; text-align:center;
    transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;}
.ny_nr .zc_lm .l_m ul li:hover i{color:#fff;
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);}
.ny_nr .zc_lm .l_m ul li.on i{color:#fff;
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);}
.ny_nr .zc_lm .s_j{padding:10px 15px; display:none; float: left;}
.ny_nr .zc_lm .s_j a{font-size:13px; text-indent:10px; line-height:32px; color:#555; margin-bottom:1px; display:block; width:100%; float:left; position:relative;}
.ny_nr .zc_lm .s_j a:after{width:4px; height:4px; border-radius:50%; background-color:#0c6eb7; content:""; position:absolute; top:14px; left:0;}
.ny_nr .zc_lm .s_j a:hover{color:#0c6eb7; text-indent:15px;}

@media screen and (max-width:992px){
    .ny_nr .zc_lm.xq_lm{display:none;}
    .ny_nr .zc_lm .b_t h3{font-size:26px; font-weight:bold; line-height:46px;}
    .ny_nr .zc_lm .b_t h4{font-size:20px; line-height:30px;}
    .ny_nr .zc_lm .b_t em{width:60px; height:4px; margin:5px 0 10px;}
    .ny_nr .zc_lm .l_m{padding:20px 20px 5px 20px; width: 100%;}
    .ny_nr .zc_lm .l_m ul li{margin-bottom:15px;}
    .ny_nr .zc_lm .l_m a.e_j{font-size:22px; line-height:60px;}
    .ny_nr .zc_lm .l_m a.l_l{font-size:20px; line-height:60px;}
    .ny_nr .zc_lm .l_m i{width:60px; height:60px; font-size:22px;}
    .ny_nr .zc_lm .s_j a{font-size:18px; text-indent:20px; line-height:36px; width:33.3333333333333333%;}
    .ny_nr .zc_lm .s_j a:after{width:6px; height:6px; top:15px;}
    .ny_nr .zc_lm .s_j a:hover{text-indent:20px;}

}