/* m_nav */

.m_area,.m_logo,#navToggle,.m_main,.m_foot{display: none;}

.m_nav .ul li:hover .icon-arrow-down{background: #f5f5f5;}

.m_nav .ul li:first-child .icon-arrow-down{display: none;}

.m_nav .ul li .icon-arrow-down.up{transform: rotate(180deg);}

.m_nav{display: none\9;position: fixed;top: 0px;right: 0;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #fff;

    transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 1000;opacity: 1;visibility: visible;margin-top: 0;overflow-y: auto;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%);}

.m_nav.open{transform: translateX(0);}

.m_nav .top{height: 60px;padding: 20px;box-sizing: border-box;}

.m_nav .top .closed{width: 30px;height: 30px;vertical-align: middle;float:right;cursor: pointer;}

.m_nav .logo{width: 100%;margin:0 auto;}

.m_nav .logo img{height: 50px;display: block;margin:10px auto;}

.m_nav .ul{margin-top: 20px;}

.m_nav .ul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);

    -webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity: 0;}

.m_nav.open .ul li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);padding: 0 10px;}

.m_nav .ul li:nth-child(1) {-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}

.m_nav .ul li:nth-child(2) {-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}

.m_nav .ul li:nth-child(3) {-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}

.m_nav .ul li:nth-child(4) {-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}

.m_nav .ul li:nth-child(5) {-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}

.m_nav .ul li:nth-child(6) {-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}

.m_nav .ul li:nth-child(7) {-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}

.m_nav .ul li:nth-child(8) {-webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;}

.m_nav .ul li a{display: block;text-decoration: none;color: #333;font-size: 16px;line-height: 40px;width: 100%;}

.m_nav .ul li a.leve1 {display: block;width: auto;}

.m_nav.open .ul li img{max-width: 48px;}

.m_nav .ul li i{transition: all 0.5s ease 0s;;font-size: 18px;font-weight: bold;position: absolute;right: 5px;top: 7px;z-index: 20;width: 35px;height: 35px;line-height: 35px;text-align: center;cursor: pointer;border-radius: 50%;}

.m_nav .ul li:hover i{background: #f5f5f5;}

.m_nav .ul li:first-child i{display: none;}

.m_nav .ul li i.up{transform: rotate(180deg);}

.m_nav .ul li .dropdown_menu{transition:none}

.m_nav .ul li .dropdown_menu{display: none;}

.m_nav .ul li.dropdown.active .dropdown_menu{display: block;}

.m_nav .ul li .dropdown_menu a{display: block;height: 50px;line-height: 50px;padding: 0 40px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5;}

.m_nav .ul li .dropdown_menu a:last-child{border: none;}



#owl-banner .item img{display: none;}



@media screen and (max-width: 1600px){

    #owl-banner .item{height: auto;background: none;overflow: hidden;background: none;}

    #owl-banner .item img{display: block;width: 130%;max-width: none;margin-left: -15%;}

    .homemain .mod5 .pro_pic{right: 0;width: 240px;}

}



@media screen and (max-width: 1200px){

    .wrapper{width: auto;padding: 0 10px;}

    .head2 .logo2{max-width: 150px;}

    .head2 .nav2 li{padding: 0px 10px;}

    .homemain .mod1,.homemain .mod3,.homemain .mod6,.homemain .mod8,.foot .bot{padding: 3% 10px;}

    .homemain .mod3 .pro_nav h3{font-size: 30px;}

    .homemain .mod3 .pro_nav .tit p{font-size: 36px;bottom: 10px;}

    .homemain .mod3 .prolist .wrap h5{font-size: 16px;}

    .homemain .mod3 .pro_nav ul li{line-height: 55px;}

    .homemain .mod3 .pro_nav{width: 230px;}

    .homemain .title h3{font-size: 30px;}

    .homemain .mod3 .prolist .wrap .imgarea{height: 17vw;}

    .homemain .mod5 .pro_pic{display: none;}

    .homemain .mod5 .tit,.homemain .mod5 .tel{text-align: center;width: 100%;padding: 0 0 20px 0;background: none;}

    .homemain .mod5 .des{font-size: 16px;}

    .homemain .mod5 span{font-size: 26px;}

    .homemain .mod6 .case_nav li{width: 230px;}

    .homemain .mod9 li h4{font-size: 22px;}

    .homemain .mod9 li .txtarea{padding: 20px 20px 0 20px;}

    .homemain .mod10 .faq{width: 340px;}

}



@media screen and (max-width: 992px){

    .fixed-r,.head2,.topbar{display: none;}

    .fixed-b{display: block;}

	.m_nav .ul li a{display: inline-block;width: auto;}

	.pc_head #navToggle {height: auto;padding: 5px 10px;display: inline-block;position: absolute;right: 0;top: 5px;}

	.pc_head #navToggle span {position: relative;width: 25px;height: 1px;margin-top: 19px;}

	.pc_head #navToggle span:before,.pc_head #navToggle span:after {content: '';position: relative;width: 100%;height: 1px;left: 0;}

	.pc_head #navToggle span,.pc_head #navToggle span:before,.pc_head #navToggle span:after {

		-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #4f4f4f;}

	.pc_head #navToggle span:before {top: 8px;}

	.pc_head #navToggle span:after {bottom: 10px;}

	.pc_head #navToggle.open span:before {top: 10px;

        -webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);

        -ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);

        transform: translateY(-11px) rotate(-45deg);}

    .pc_head #navToggle.open span:after {bottom: 12px;

        -webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);

        -ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);

        transform: translateY(10px) rotate(45deg);}

	.pc_head #navToggle.open span {background: none;}

	.pc_head #navToggle.open span:before,.pc_head #navToggle.open span:after {background: #4f4f4f;}

    .pc_head .topbar,.pc_head .header,.pc_head .nav{display: none;}	

    .pc_head{height: 60px ;text-align: center;}

    .pc_head .m_logo{display: inline-block;float: left;padding-left: 10px;}

    .pc_head .m_logo img{height: 40px;margin-top: 10px;}

    .m_area{display: block;float: left;top: 15px;left: 10px;position: absolute;}

   

    #owl-banner .owl-controls{bottom: 0;}

    .foot{display: none;}

    .homemain .mod1 .pic{display: none;}

    .homemain .mod1 .baojia{border-left: 2px solid #ddd;}

    .homemain .mod1 .baojia{padding: 20px;}

    .homemain .mod2 h4{font-size: 24px;line-height: 1.4;}

    .homemain .mod2 ul li img{max-width: 50px;}

    .homemain .mod2 ul li::after{font-size: 20px;}

    .homemain .mod2 .tit{width: 100px;height: 100px;margin-right: 20px;}

    .homemain .mod2 h4{width:74px;height: 74px;}

    .homemain .mod3 .pro_nav{display: none;}

    .homemain .mod3 .prolist .wrap .imgarea{height: 20vw;}

    .homemain .mod4 h4{font-size: 24px;margin-bottom: 20px;}

    .homemain .mod4 h4 i{font-size: 36px;margin-right: 10px;}

    .homemain .mod6 .case_nav li{display: none;}

    .homemain .mod6 .top h4{font-size: 20px;}

    .homemain .mod7 .article{font-size: 15px;margin-bottom: 30px;}

    .homemain .mod7 .bot{margin-top: 30px;}

    /* .homemain .mod9 {display: none;} */

    .homemain .mod9 li .txtarea{padding: 10px 20px 0;}

    .homemain .mod9 li h4{font-size: 18px;font-weight: bold;margin-bottom: 10px;}

    .homemain .mod9 li h5{font-size: 16px;padding-bottom: 10px;margin-bottom: 10px;}

    .homemain .mod9 li p{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;word-break:break-all;}

    .homemain .mod10 .faq{display: none;}

    .homemain .mod10 .news_right .hotnews .imgarea{height: 26vw;}

    .homemain .mod11{margin-bottom: 70px;}

}



@media screen and (max-width: 768px){

    .search_m .ui-input{width: 200px;}

    .homemain .mod3 .pro_top .imgarea{border: none;}

    .homemain .mod3 .pro_top .txtarea{padding: 30px;}

    .homemain .mod3 .prolist .wrap .imgarea{height: 29vw;}

    .homemain .mod5 h4,.homemain .title h3{font-size: 24px;}

    .homemain .title{padding-bottom: 10px;}

    .homemain .mod9 li{width: 100%;}

    .homemain .mod9 li .txtarea{padding: 40px 40px 0;}

    .homemain .mod9 li:nth-child(2) .imgarea{float: right;}

    .homemain .mod9 li:nth-child(3) .imgarea{float: left;}

}

    

@media screen and (max-width: 640px){

    .search_m,.homemain .mod1,.homemain .mod2,.homemain .mod4{display: none;}

    .homemain .mod7 .bot li{padding: 30px 0;}

    .homemain .mod7 .bot li span{font-size: 30px;}

    .homemain .mod7 .bot li:nth-child(n-3){border-bottom: 1px solid #aabdd3;}

    .homemain .mod7 .bot li:first-child,.homemain .mod7 .bot li:nth-child(3){border-left: 1px solid #aabdd3;}

    .homemain .mod7 .bot .wrapper{padding: 0;}

    .homemain .mod6 .top .imgarea{width: 200px;height: 150px;}

    .homemain .mod6 .top .des{-webkit-line-clamp: 2;margin-bottom: 20px;}

    .homemain .mod6 .top h4{font-size: 16px;}

    .homemain .mod10 .news_right .hotnews{width: 100%;}

    .homemain .mod10 .news_right ul{width: 100%;margin-top: 0;}

    .homemain .mod10 .news_right .hotnews .imgarea{height: 48vw;}

    .homemain .mod10 .news_right .hotnews .time{margin-top: 10px;}

    .homemain .mod3 .pro_top .txtarea{padding: 20px;}

    .homemain .mod3 .pro_top .link a{padding: 8px 25px;}

}

   

@media screen and (max-width: 480px){

    .homemain .mod9 li .txtarea{padding: 20px 20px 0;}

    .homemain .mod3 .prolist .wrap .imgarea{height: 59vw;}

    .homemain .mod5{padding: 30px 0;}

    .homemain .mod5 h4{font-size: 18px;letter-spacing: 0;}

    .homemain .mod5 .des{font-size: 14px;}

    .homemain .mod6 .top .imgarea{width: 100px;height: 75px;}

    .homemain .mod6 .top{padding: 20px;}

    .homemain .mod6 .top .des{margin-top: 10px;margin-bottom: 0;}

    .homemain .mod6 .top .more{display: none;}

}

    /* inner.css */

    @media screen and (max-width: 1400px){

        .about .mod4 .cover{width: 300px;height: 300px;}

        .about .mod4 h3{font-size: 30px;}

    }



    @media screen and (max-width: 1200px){

        .about .mod1 h2,.about .mod5 h2{font-size: 36px; margin-bottom: 10px;}

        .about .mod1 h5{font-size:22px;}

        .about .mod3 h2{font-size: 36px;}

        .about .mod5 li h5{font-size: 22px;}

        .products{padding: 4% 10px;}

        .products .tit h3{font-size: 26px;}

        .pro_top .pro_txt .link a{width: 140px;margin-right: 10px;padding: 10px 15px;}

        .left_sides{width: 220px;margin-right: 30px;}

        .pro_top .pro_txt .p_tel span{font-size: 26px;}
        .honorlist .imgarea{height: 16vw}
        .honorlist.zl .imgarea{height: 30vw;}
    }



    @media screen and (max-width: 992px){

        .about .mod1 h2,.about .mod3 h2,.about .mod4 h3,.about .mod5 h2{font-size: 30px;}

        .about .mod1 h5{font-size:20px;}

        .about .mod3 .img{text-align: center;}

        .about .mod4 .cover{width: 240px;height: 240px;}

        .about .mod4 h3{font-size: 26px;}

        .about .mod3 .en{margin-bottom: 30px;margin-top: 0;}

        .about .mod3 h5{font-size: 22px;}

        .about .mod5 .row{background-size: 100% 100%;}

        .products .tit h3{background: none;padding-left: 0;}

        .products{padding: 4% 10px 70px 10px;}

        .products .tit{margin-top: 40px;}

        .products .tit h3 span{display: none;}

        .products .prolist .imgarea::after{background-size: 60%;}

        .products .mod1 h5{font-size: 24px;top: 30px;}

        .products .mod1 p{bottom: 20px;}

        .left_sides{display: none;}

        .proshow{margin-bottom: 60px;}

        .subbanner img{width: 140%;max-width: none;}
        .honorlist .imgarea{height: 19vw}
        .honorlist.zl .imgarea{height: 39vw;}
    }



    @media screen and (max-width: 768px){

        .about .mod1 .txtarea{padding-right: 15px;}

        .about .mod1 .sp{text-align: center;}

        .about .mod4 .cover{display: none;}

        .about .mod5 li{padding: 15px 0 15px 20px;font-size: 14px;}

        .about .mod5 li h5{font-size: 20px;}

        .about .mod5 .col-md-6{height: auto;}

        .about .mod5 ul{padding-bottom: 50px;}

        .about .mod2 h3.title{font-size: 24px;}

        .about .mod3 h2{font-size: 24px;margin-top: 30px;}

        .about .mod3 .en{margin-bottom: 20px;}

        .about .mod2{background-size: cover;}

        .products .tit h3{font-size: 24px;}

        .products .prolist .wrap{margin-bottom: 20px;}

        .products .tit ul{display: none;}

        .products .mod1 h5{top: 20px;}

        .pro_top .pro_scroll{width: 100%;}

        .pro_top .pro_txt{width: 100%;padding-left: 0;}

        .pro_top .pro_txt .link{margin: 40px 0 20px;}

        .pro_bot h4.tit,.relate .tit h4{font-size: 20px;}
        .honorlist .imgarea{height: 30vw}
        .honorlist.zl .imgarea{height: 210px;}
    }


        .pro_bot .img{margin: 3vw 0;}

    @media screen and (max-width: 640px){

        .products .tit h3{font-size: 20px;}

        .products .mod1 h5{display: none}

        .pro_top .pro_txt .pro_tit h5{font-size: 18px;}

        .pro_bot h4.tit, .relate .tit h4 {font-size: 18px; } 

        .pro_bot .mod1 li i {
            display: block;
            width: 78px;
            height: 38px;
            padding-left: 3px;
            font-size: 20px;
            line-height: inherit;
            margin: 0 10px 0 0;
            background-size: 100% auto;
            background-position: 0 0;
            min-width: 47px;
            max-width: 50px;
            text-indent: 0.5em;
        }
        .pro_bot .mod2{text-align: center;}
        .pro_bot .mod2 h3{font-size: 18px;}
        .pro_bot .mod2 h3 span{margin-top:0.6em;}
        .pro_video  video{max-width: 90% !important;}
        .pro_bot .mod2 ul{display: inline-block;}
        .pro_bot .mod2 ul li{white-space: nowrap;text-align: left;}
        .pro_bot .mod2 ul li img{width: 14%;margin-right:1em;display: inline-block;vertical-align: middle;}
        .pro_bot .mod2 ul li p{font-size: 16px;display: inline-block;}
        .pro_bot .mod4 p{font-size: 18px; }
        .pro_bot .mod5 h5{font-size: 20px;}
    }





    @media screen and (max-width: 480px){

        .pro_top .pro_txt .des li{width: 100%;}

        .pro_top .pro_txt .link{margin: 30px 0 10px;display: none;}

        .pro_top .pro_txt .link a{width: 135px;}

        .pro_top .pro_txt .p_tel span{font-size: 22px;}

        .re_news li .wrap a{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

        .re_news li .wrap{line-height: 1;padding: 15px 0;}

        .pro_top .pro_txt .p_tel{display: none;}
        .pro_top{padding-bottom: 16px;}


    }