@charset "utf-8";

body,input,button,textarea,select{font: 14px/1 "Microsoft YaHei";}
.p-fl{float: left;}
.p-fr{float: right;}
.p-gray{background: #f4f4f4;}
.g-con{width: 12rem;}
.z-m-show{display: none;}
.z-m-hide{display: block;}
.u-title{padding: 0.5rem 0 0.2rem;text-align: center;}
.u-title h2{font-size: 0.26rem;color: #0c6eb7;}
.u-title h3{margin-top: 0.1rem;color: #666;font-weight: normal;text-transform: uppercase;font-size: 0.12rem;}
.u-title h3:after{content: "";display: block;width: 0.32rem;height: 0.17rem;margin: 0.1rem auto 0;background: url(../images/title.png) no-repeat;background-size: 100% 100%;}
.u-more{display: inline-block;height: 20px;color: #fff !important;font-size: 12px;padding: 0 8px;background: #0c6eb7;transition: 0.5rem;}
.u-more span{display: inline-block;width: 12px;height: 12px;line-height: 12px;margin-left: 10px;color: #3687c3 ;text-align: center;font-family: verdana;vertical-align: middle;border-radius: 50%;background: #fff;}
.u-more:hover{background: #085995;}
.u-more i{vertical-align: middle;line-height: 20px;}
.u-look{display: inline-block;padding: 0.1rem 0.25rem;font-size: 0.18rem;color: #666;border: 1px solid #ccc;border-radius: 1px;transition: 0.5s;}
.u-look:hover{color: #fff;border-color: #0c6eb7;background: #0c6eb7;}

/* header */
.g-head{font-size: 16px;}
.g-head .u-logo{float: left;width: 0.69rem;height: 0.69rem;margin-top: 0.15rem;}
.g-head .top-img{float: left;width: 100px;margin: 30px 20px 0 30px;}
.g-head .lang{float: right;margin-top: 0.45rem;color: #d4d4d4;}
.g-head .lang a{margin: 0 0.05rem;}
.m-nav{padding-top: 0.1rem;text-align: center;float: left;}
.m-nav li{display: inline-block;}
.m-nav li>a{display: block;height: 0.9rem;line-height: 0.9rem;padding: 0 0.1rem;margin: 0 0.1rem;}
.m-nav li:first-child>a{padding: 0 0.2rem;margin: 0;}
.m-nav .current >a{color:#0c6eb7;border-bottom: 0.06rem solid #0c6eb7;}

/* index */
.m-banner,
.m-banner .banner-one{height: 6rem;}
.banner-one{text-indent: -9999px;}
.slick-dots li,
.slick-dots li button{width:0.8rem;height:0.04rem;}
.slick-dots{bottom:0.2rem;}
.m-about{padding: 0.5rem 0;}
.m-about .u-title{text-align: left;padding-top: 0;}
.m-about .u-title h3:after{width: 0.51rem;height: 0.02rem;margin: 0.15rem 0 0;background: #0c6eb7;}
.m-about .info{width: 5.1rem;}
.m-about .info article{padding-top: 0.1rem;line-height: 0.26rem;text-align: justify;}
.m-about .u-more{margin-top: 0.7rem;}
.m-about .p-img{width: 5.08rem;}
.m-pro,
.m-news{padding-bottom: 0.5rem;}
.m-pro ul{padding: 0.3rem 0 0;}
.m-pro li{float: left;width: 3rem;margin:0 0 0.5rem 1.4rem;}/*width: 1.95rem;*/
.m-pro li:first-child,
.m-pro li:nth-child(4n+1){margin-left: 0;}
.m-pro li h4{height: 0.26rem;line-height: 0.26rem;font-size: 0.26rem;}
.m-news .p-img{width: 4rem;}
.m-news .list{width: 7.08rem;}
.m-news .list li a{display: block;padding: 0.2rem;transition:0.3s;}
.m-news .list li a:hover{color: #fff;background: #0c6eb7;box-shadow: 0 1px 6px rgba(0,0,0,0.5);}
.m-news .date{width: 1.3rem;}
.m-news .date span{font-size: 0.26rem;}
.m-news .date p{font-size: 0.16rem;margin-top: 0.1rem;}
.m-news .con{width:5rem;line-height: 0.24rem;word-break:break-all;}
.m-news .con h4{font-size: 2rem;}/*.02*/
.m-news .con p{font-size: 14px;margin-top: 0.1rem;height: 0.48rem;overflow: hidden;}
.m-news .u-more{margin: 0.25rem 0 0 0.2rem;}
.m-case{padding-bottom: 1rem;background: url(../images/case-bg.png) center no-repeat;background-size: cover; }
.m-case .list{text-align: center;}
.m-case .list td{padding-top: 0.5rem;}
.m-case .list img{max-width: 90%;}
.m-contact{height: 5.79rem;padding-top: 1rem;background: url(../images/contact-bg.jpg) center no-repeat;background-size: 100% 100%;}
.m-contact .title{margin-top: 0.3rem;font-size: 0.43rem;}
.m-contact .info{margin-top: 0.9rem;font-size: 0.22rem;}
.m-contact .info p{margin-top: 0.15rem;}

/* footer */
.u-top{position: fixed;right: 0.3rem;bottom: 0.55rem;z-index: 1000;width: 0.55rem;height: 0.4rem;background: rgba(25,24,24,0.05) url(../images/up.png) center no-repeat;background-size: 0.35rem 0.2rem;transition: background-color 0.3s;}
.u-top:hover{background-color:rgba(25,24,24,0.1);}

/* inner */
.m-banner-in{background-size: cover !important;text-indent: -9999px;height: 4rem;}
.m-menu{float: left;width: 2.4rem;margin: 0.4rem 0 1rem;}
.m-menu .title{color: #fff;padding: 0.3rem;background: #0c6eb7;}
.m-menu .title *{font-weight: normal;}
.m-menu .title h2{font-size: 0.3rem;}
.m-menu .title h3{margin-top: 0.15rem;text-transform: uppercase;}




/*.m-menu .nav a{display: block;height: 0.6rem;line-height: 0.6rem;font-size: 0.2rem;overflow: hidden;background: #0c6eb7;color: #fff;margin-top: 0.1rem;}*/
/*.m-menu .nav a:before{content: "";display: inline-block;width: 0.27rem;height: 0.27rem;margin: 0 0.15rem 0 0.25rem;vertical-align: middle;border-radius: 50%;background: #0c6eb7 url(../images/in.png) center no-repeat;background-size: 0.12rem 0.16rem;transition:0.5s;}*/
/*.m-menu .nav a span{vertical-align: middle;}*/
/*.m-menu .nav a.current{background-color: #0096ff;}*/
/*.m-menu .nav a.current:before{background-color: #0096ff;}*/


/*.m-menu .nav a{display: block;height: 0.6rem;line-height: 0.6rem;font-size: 0.2rem;overflow: hidden;background: #0c6eb7;color: #fff;}
.m-menu .nav a:before{content: "";display: inline-block;width: 0.27rem;height: 0.27rem;margin: 0 0.15rem 0 0.25rem;vertical-align: middle;border-radius: 50%;background: #0c6eb7 url(../images/in.png) center no-repeat;background-size: 0.12rem 0.16rem;transition:0.5s;}
.m-menu .nav a span{vertical-align: middle;}
.m-menu .nav a.current{background-color: #0096ff;}
.m-menu .nav a.current:before{background-color: #0096ff;}*/


/*.pro-erji{
    position: absolute;
    left: 100%;
    top: 0;
    display: block;
    border-top: 1px solid #0d5bc1;
    width: 220px;
}

.pro-nav-ej{
    position: relative;
    margin-top: 0.1rem;
}
.pro-erji{ display: none;}
.pro-erji-li a{

    font-size: 0.16rem!important;
    display: inline-block!important;
    width: 100%!important;
    padding-left: 30px;

}
.pro-erji-li a:before{
    display: none!important;
}*/

/*.pro-nav .pro-nav-ej .pro-erji:hover{ display: block;}*/

.ny_nr{width:100%; padding-bottom:60px; overflow:hidden; float: left;}
.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;}
    .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;}

}



.m-inner{float: right;width: 9.35rem;}
.m-about-in{margin-top: 0.9rem;}
.m-about-in .title{display: inline-block;font-size: 0.2rem;}
.m-about-in .title span{display: inline-block;position: relative;top: -0.05rem;width: 100%;height: 0.03rem;overflow: hidden;}
.m-about-in .title span:after{content: "";float: right;width: 0.38rem;height: 0.03rem;margin-left: -0.38rem;background: #0c6eb7;}
.m-about-in .con{padding: 0.4rem 0 0.5rem 0.4rem;font-size: 0.16rem;line-height: 0.32rem;text-align: justify;min-height: 500px;}
.m-about-in .con img{max-width: 100%;}
.m-list{padding: 0.2rem 0 0 0.2rem;word-break:break-all;}
.m-list li{padding: 0.2rem 0;line-height: 24px;}
.m-list li h4{font-size: 20px;}
.u-page a{height: 0.35rem;line-height: 0.33rem;padding: 0 0.15rem;}
.m-detail{padding: 0.4rem 0 0 0.2rem;}
.m-detail .title{text-align: center;}
.m-detail .title h2{font-size: 20px;}
.m-detail .title p{background: #edf1f7;padding: 0.15rem 0;margin-top: 0.2rem;color: #666;}
.m-detail .con{font-size: 16px;line-height: 30px;padding: 0.2rem 0 0.4rem;text-align: justify;}
.m-detail .con img{max-width: 100%;}
.m-pro-list li{float: left;width: 2.3375rem;padding: 0 0.05rem;margin-top: 0.4rem;}
.m-pro-list li h4{height: 0.26rem;line-height: 0.26rem;font-size: 0.2rem;margin: 0.2rem 0;overflow: hidden;font-weight: normal;}
.m-pro-list li .p-img{width: 100%;margin: 0 auto;transition: 0.3s;height: 2.2375rem;overflow: hidden;border: 1px solid #eee;}
.m-pro-list li .p-img img{width: 100%;height: 100%;}
.m-pro-list li .p-img:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.m-pro-list li p{margin-top: 0.2rem;color: #999;}
.m-case-list li .p-img{line-height: 2.2375rem;border: none;padding: 0 0.05rem;}
.m-case-list li .p-img img{width: 100%;height: auto; max-height: 100%;vertical-align: middle;display: inline-block;}