@CHARSET "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, figure, figcaption, article, aside, footer, header, section, footer, nav {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

    font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;



}



table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0;

    padding: 0;

    outline: 0;

    background: transparent;

    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;

}



input, button, select, textarea {

outline: none;

-webkit-appearance: none;

border-radius: 0;

}

ul, ol {

    list-style: none;

}



del {

    text-decoration: line-through;

}



/*tables still need 'cellspacing="0"' in the markup */

table {

    border-collapse: collapse;

}



a {

    text-decoration: none;

    color: #414141;

}



a:hover {

    text-decoration: none;

}

body{background:#fff;}

/*清除浮动*/

.clear {

    clear: both;

    font-size: 0;

    line-height: 0;

}



/*清除浮动*/

.clearfix:after {

    clear: both;

    display: block;

    visibility: hidden;

    height: 0;

    line-height: 0;

    content: '.';

}



@-webkit-keyframes swi {

    from {

        -webkit-transform: rotateY(0);

        -ms-transform: rotateY(0);

        -o-transform: rotateY(0);

        transform: rotateY(0);

    }

    to {

        -webkit-transform: rotateY(360deg);

        -ms-transform: rotateY(360deg);

        -o-transform: rotateY(360deg);

        transform: rotateY(360deg);

    }

}

@keyframes swi {

    from {

        -webkit-transform: rotateY(0);

        -ms-transform: rotateY(0);

        -o-transform: rotateY(0);

        transform: rotateY(0);

    }

    to {

        -webkit-transform: rotateY(360deg);

        -ms-transform: rotateY(360deg);

        -o-transform: rotateY(360deg);

        transform: rotateY(360deg);

    }

}





@-webkit-keyframes xz {

    from {

        -webkit-transform: rotate(0);

        -ms-transform: rotate(0);

        -o-transform: rotate(0);

        transform: rotate(0);

    }

    to {

        transform:rotate(360deg);

		-ms-transform:rotate(360deg); /* Internet Explorer */

		-moz-transform:rotate(360deg); /* Firefox */

		-webkit-transform:rotate(360deg); /* Safari 和 Chrome */

		-o-transform:rotate(360deg); /* Opera */

    }

}

@keyframes xz {

    from {

        -webkit-transform: rotate(0);

        -ms-transform: rotate(0);

        -o-transform: rotate(0);

        transform: rotate(0);

    }

    to {

        transform:rotate(360deg);

		-ms-transform:rotate(360deg); /* Internet Explorer */

		-moz-transform:rotate(360deg); /* Firefox */

		-webkit-transform:rotate(360deg); /* Safari 和 Chrome */

		-o-transform:rotate(360deg); /* Opera */

    }

}









.w1420{max-width: 1420px;margin: 0 auto;}

img{max-width: 100%;}



header{width: 100%;}

.head{padding:0 3.1%;}

.head .logo{float: left;margin-top: 17px;}

.head .logo img{display: block;}

.head .head_l{float: right;margin-right: 1.8%;}

.head .head_l .nav ul{display: flex;justify-content: space-between;}

.head .head_l .nav li{line-height:90px;position: relative;width: 118px;text-align: center;}

.head .head_l .nav li:last-child{margin-right: 0;}

.head .head_l .nav li a{font-size: 16px;color: #000;display: block;position: relative;}

.head .head_l .nav li a span{display: block;width: 10px;height: 6px; position: absolute;top: 21px;right: -22px;}

.head .head_l .nav li a span img{display: block;}

.head .head_r{float: right;font-size: 24px;color: #e40e24;margin-top: 27px; font-weight: bold;padding-left: 48px;background: url(../images/tel.png)no-repeat left center;line-height: 36px;}

.head .head_l .nav li:hover{background: #272730;}

.head .head_l .nav li:hover a{color: #fff;}

.head .head_l .nav li.on{background: #272730;}

.head .head_l .nav li.on a{color: #fff;}

.head .head_l .nav li dl{position: absolute;top: 90px;left: 0;width: 100%;background: #272730;display: none;z-index:10;}

.head .head_l .nav li dl dd a{line-height: 3;display: block;color: #fff;font-size: 14px;}

.head .head_l .nav li:hover dl{display: block;}

.head .head_l .nav li dl dd:hover{background: #373737;}





.nav .nav_down{position: absolute;top:90px;left: 0;width: 100%;background: #f4f4f4;z-index: 100;}

.nav_lr{max-width: 1400px;margin: auto;padding:55px 0;}

.nav_l{width: 35.7%;float: left;}

.nav_l h3{font-size: 24px;color: #0068b7;line-height: 1.1;margin-bottom: 30px;}

.nav_l img{display: block;width: 100%;}

.nav_l p{font-size: 16px;color: #333;line-height: 24px;margin-top: 28px; margin-bottom: 25px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.nav_l a{font-size: 16px;color: #0068b7;line-height: 1.1;}



.nav_r{width: 60%;float: right;display:  flex;flex-wrap:  wrap;}

.nav_r dl{margin-bottom: 30px;width: 33.33%;}

.nav_r dl dt{font-size: 16px;color: #0061ad;font-weight: bold;line-height: 1.1;margin-bottom: 20px;}

.nav_r dl dd{font-size: 14px;color: #333;line-height: 26px;}

.nav_r dl dd a{font-size: 14px;color: #333;}

.banner{overflow:hidden;}

.banner img{display: block;width: 100%;transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.banner img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.banner .img{position: relative;overflow:hidden;}

.banner_nrbg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.banner_nr{height: 100%;display: flex;align-items: center;justify-content: space-between;}

.banner_nr .nr h2{font-size: 48px;color: #fff;font-weight: normal;margin-bottom: 10px;}

.banner_nr .nr h2 sup{font-size: 12px;vertical-align: top;}

.banner_nr .nr p{font-size: 48px;color: #fff;font-weight: normal;line-height: 68px;margin-bottom: 30px;}

.banner_nr .nr a{display: block;width: 210px;height: 48px;line-height: 48px;font-size: 18px; text-align: center;border-radius: 24px;background: #1cabf9;color: #fff;}



.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}

.banner .swiper-pagination{font-size: 0;bottom: 20px;}

.banner .swiper-pagination-bullet{width: 18px;height: 18px;background:#fff;opacity: 1;}

.banner .swiper-pagination-bullet-active{background:#0f65a9;opacity: 1;}



.index-title{font-size: 32px;color: #333333; line-height: 1.1;padding: 80px 0 60px;text-align: center;}

.white{color: #fff;}



.index1{padding-bottom: 80px;}

.index1 dl dt{border: 1px solid #eaeaea;}

.index1 dl dt img{width: 100%;display: block;height:343px;}

.index1 dl dd .tit{font-size: 18px;color: #333;font-weight: bold;line-height: 1.1;margin: 30px 0 20px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.index1 dl dd .tit:hover{color: #0f65a9;}

.index1 dl dd .des{font-size: 14px;color: #666;line-height: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 25px;}

.index1 dl dd .des:hover{color: #0f65a9;}

.index1 dl dd .ljgd{font-size: 14px;color: #0f65a9;line-height: 18px;}

.index1 .swiper-button-next{background: url(../images/r.png)no-repeat;background-size: cover; width: 60px;height: 60px;margin-top: -110px;}

.index1 .swiper-button-prev{background: url(../images/l.png)no-repeat;background-size: cover; width: 60px;height: 60px;margin-top: -110px;}

.index1 .swiper-button-next.swiper-button-disabled,.index1 .swiper-button-prev.swiper-button-disabled{opacity: 1;}



.index2bg{background: #0f65a9;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}

.index2bg_l{width: 50%; display: flex;justify-content: flex-end;}

.index_jjfa{text-align: right;width: 670px;margin-right: 4%;}

.index_jjfa h3{font-size: 32px;color: #fff;line-height: 1.1;margin-bottom: 20px;}

.index_jjfa h4{font-size: 15px;color: #fff;line-height: 18px; margin-bottom: 18px;}

.index_jjfa .con{font-size: 14px;line-height: 26px; color: #fff;margin-bottom: 40px;text-align:left;}

.index_jjfa .jjfa-l{display: flex;flex-wrap: wrap;justify-content: space-between;}

.index_jjfa .jjfa-l dl{width: 24%;position: relative;}

.index_jjfa .jjfa-l dl dt img{display: block;width: 100%;}

.index_jjfa .jjfa-l dl dd{position: absolute;top: 0;left: 0; width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;font-weight: bold;background: rgba(0,0,0,0.4);transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}

.index_jjfa .jjfa-l dl:hover dd{background: rgba(0,0,0,0); cursor: pointer;}

.index2bg_r{width: 50%;}

.index2bg_r .img{overflow: hidden;display: none;}

.index2bg_r .img img{width: 100%;display: block;}



.index3{display: flex;flex-wrap: wrap;justify-content:  space-between;}

.index3_l{width: 49.3%;position: relative;}

.index3_l .img{overflow: hidden;}

.index3_l .img img{width: 100%;display: block;transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.index3_l .img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.index3_l .nr{position: absolute;left: 0;bottom: 0;padding: 0 5.5% 5.5%;width:89%; }

.index3_l .nr h3{font-size: 24px;color: #fff;margin-bottom: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.index3_l .nr p{font-size: 14px;color: #fff;line-height: 24px;text-align: justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 28px;}

.index3_l .nr .ckxq{font-size: 14px;color: #fff;line-height: 24px;background: url(../images/m.png)no-repeat center right;padding-right: 34px;display: inline-block;}

.index3_r{width: 49%;display: flex;flex-wrap: wrap;justify-content:  space-between;}

.index3_r dl{width: 49%;position: relative;margin-bottom: 2%;}

.index3_r dl dt{overflow: hidden;}

.index3_r dl dt img{width: 100%;display: block;transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.index3_r dl:hover dt img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.index3_r dl dd{position: absolute;bottom: 0;left: 0;width: 100%;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;font-weight: bold;line-height: 3;background: rgba(0,0,0,0.6);}

.index3_r dl dd p{width: 98%;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.index4{font-size: 14px;color: #666;text-align: center;line-height: 30px;padding-bottom: 80px;}

.index4 .ljgd{font-size: 16px;color: #fff;background: #0f65a9;display: inline-block;width: 160px;height: 48px;line-height: 48px;border-radius: 24px;}







.index5bg{background: #f4f4f4;padding-bottom: 70px;}

.index5bg .ljgd{font-size: 16px;color: #fff;background: #0f65a9;display: block;text-align: center;margin:60px auto 0; width: 160px;height: 48px;line-height: 48px;border-radius: 24px;}

.index5{display: flex;flex-wrap: wrap;justify-content: space-between;}

.index5 dl{width: 31.7%;background: #fff;padding: 2.8% 0;}

.index5 dl dt{width: 86.7%;margin: auto;overflow: hidden;}

.index5 dl dt img{width: 100%;display: block;height: 120px; transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.index5 dl:hover dt img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.index5 dl dd{width: 86.7%;margin: auto;}

.index5 dl dd .tit{font-size: 16px;color: #333;font-weight: bold;line-height: 1.1;margin: 40px 0 15px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.index5 dl dd .des{font-size: 14px;color: #666;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 35px;}

.index5 dl dd .ckxq{font-size: 14px;color: #0f65a9;line-height: 16px;background: url(../images/index14.png)no-repeat center right;padding-right: 30px;}



footer{background: #161617;padding-top: 80px;padding-bottom: 10px;}

.foot{margin-bottom: 25px;display: flex;flex-wrap: wrap;justify-content: space-between;}

.foot-1{width: 74%;display: flex;flex-wrap: wrap;justify-content: space-between;}

.foot-r{width: 26%;display: flex;flex-wrap: wrap;justify-content: space-between;}

.foot dl{margin-bottom: 35px;}

.foot-1 dl{width: 33.33%;}

.foot dl dt{font-size: 14px;color: #d8d8d8;font-weight: bold;line-height: 1.1;margin-bottom: 15px;}

.foot dl dt a{color: #d8d8d8;}

.foot dl dd{line-height: 24px;}

.foot dl dd a{font-size: 12px;color: #828282;}

.foot .lxwm{text-align: right;width: 100%;position:relative;}

.foot .lxwm dt{margin-bottom: 20px;}

.foot .lxwm dd{display: flex;justify-content: flex-end;}

.foot .lxwm dd input{width: 160px; border: 1px solid #828282;background: none;box-sizing: border-box;line-height: 32px;padding: 0;padding-left: 8px;color: #d8d8d8;}

.foot .lxwm dd input.submit{width: 32px;background: url(../images/index15.png)no-repeat center #828282;}

.foot .lxwm .gzh{width:100px;position:absolute;top:0;left:0;display: flex;align-items: center;}

.foot .lxwm .gzh img{display: block;width:100%;}

.foot_lr{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0;}

.foot_l{display: flex;flex-wrap: wrap;align-items: center;}

.foot_l a{display: block;margin-left: 30px;color: #d8d8d8;font-size: 12px;}

.foot_r{display: flex;flex-wrap: wrap;align-items: center;}

.foot_r a{display: block;margin-left: 25px;}

.foot_r img{display: block;}

.footer{border-top: 1px solid #252525;}

.footer_lr{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0;}

.footer_l{font-size: 12px;color: #d8d8d8;}

.footer_r{font-size: 12px;color: #d8d8d8;}

.footer_r a{font-size: 12px;color: #d8d8d8;display: inline-block;border-right: 1px solid #d8d8d8;padding-right: 12px;margin-right: 12px;}

.footer_r a:nth-child(4){border: 0;}





.nav-n{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 30px;}

.nav-n li{line-height: 48px;border-radius: 24px;background: #fff;margin: 0 1px 2%;}

.nav-n li a{font-size: 20px;color: #333;display: block;padding: 0 24px;}

.nav-n li:hover{background: #0f65a9}

.nav-n li:hover a{color: #fff;}

.nav-n li.on{background: #0f65a9}

.nav-n li.on a{color: #fff;}

.product-list{padding-bottom: 20px;display: flex;flex-wrap: wrap;}

.product-list dl{width: 31.5%;margin-bottom: 4%;margin-right:2.75%;}

.product-list dl:nth-child(3n){margin-right: 0;}

.product-list dl dt{border: 1px solid #eaeaea;overflow: hidden;}

.product-list dl dt img{width: 100%;display: block;height:343px; transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.product-list dl dt:hover  img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.product-list dl dd .tit{font-size: 18px;color: #333;font-weight: bold;line-height: 1.1;margin: 30px 0 20px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.product-list dl dd .des{font-size: 14px;color: #666;line-height: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 25px;}

.product-list dl dd .tit:hover{color:#0f65a9;}

.product-list dl dd .des:hover{color:#0f65a9;}

.product-list dl dd .ljgd{font-size: 14px;color: #0f65a9;line-height: 18px;}

.page{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 80px;}

.page a{display: block;border: 1px solid #ebebeb; border-radius: 4px;color: #666;font-size: 16px;line-height: 32px;padding: 0 12px;margin: 0 3px;cursor: pointer;}

.page a.on{border: 1px solid #0a6eb9; color: #fff;background: #0a6eb9;}



.location{font-size: 16px;color: #999;background: url(../images/wz.png)no-repeat top left;line-height: 18px;margin: 28px 0;padding-left: 30px;}

.location a{font-size: 16px;color: #999;}

.location a:last-child{color: #0f65a9;}



.product_det{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 60px;}

.product_det_l{width: 45%;}

.product_det_l .swiper-container{}

.product_det_l .dt{border: 1px solid #e6e6e6;height: 328px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}

.product_det_l .dt img{max-width: 100%;max-height: 100%;}

.product_det_l .xt{border: 1px solid #e6e6e6;height: 118px;}

.product_det_l .xt img{width: 100%;height: 100%;}

.product_det_l .gallery-thumbs{margin-top: 10px;}

.product_det_l .swiper-button-next{background: url(../images/r.png)no-repeat;background-size: cover; width: 60px;height: 60px;margin-top: -30px;}

.product_det_l .swiper-button-prev{background: url(../images/l.png)no-repeat;background-size: cover; width: 60px;height: 60px;margin-top: -30px;}

.product_det_l .swiper-button-next.swiper-button-disabled,.product_det_l .swiper-button-prev.swiper-button-disabled{opacity: 1;}

.product_det_r{width: 50%;}

.product_det_r h3{font-size: 26px;color: #333;line-height: 1.1;padding-bottom: 20px;margin-bottom: 20px; border-bottom: 1px solid #e6e6e6;}

.product_det_r .des{font-size: 16px;line-height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}

.product_det_r a{font-size: 16px;color: #fff;background: #0f65a9;display: block;width: 160px;height: 48px;line-height: 48px;border-radius: 24px;text-align: center;margin-top: 70px;}

.pro_xq{border-bottom: 1px solid #e1e1e1;display: flex;}

.pro_xq li{background: #e5e5e5;width: 200px;text-align: center;line-height: 54px;font-size: 16px;color: #333;cursor: pointer;}

.pro_xq li.on{background: #0f65a9;color: #fff;}

.pro-contact{padding: 2.8%;font-size: 16px;line-height: 36px;color: #666;justify-content: center;}

.fy{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; border-top: 1px solid #e1e1e1;padding: 10px 0;margin-bottom: 60px;}

.fy_l a{display: block;font-size: 16px;color: #999;line-height: 36px;}

.fy_r a{display: block;width: 160px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #fff;border-radius: 24px;background: #0f65a9;}

.xgal{margin-bottom: 100px;}

.xgal h3{font-size: 24px;line-height: 1.1;color: #333;border-bottom: 1px solid #e1e1e1;padding-bottom: 20px;margin-bottom: 40px;}

.xgal h3 a{font-size: 16px;color: #999;float: right;font-weight: normal; }

.xgal_list{display: flex;flex-wrap: wrap;justify-content: space-between;}

.xgal_list dl{width: 23.5%;position: relative;}

.xgal_list dl dt{overflow: hidden;}

.xgal_list dl dt img{display: block;width: 100%;transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.xgal_list dl:hover dt img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.xgal_list dl dd{position: absolute;top: 0;left: 0; width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;font-weight: bold;}

.xgal_list dl dd p{width: 65%;text-align: center;}





.case_list{display: flex;flex-wrap: wrap;margin-bottom: 40px;}

.case_list dl{width: 23.5%;position: relative;margin-bottom: 2%;margin-right: 2%;background:#eee;}

.case_list dl:nth-child(4n){margin-right:0;}

.case_list dl dt{overflow: hidden;}

.case_list dl dt img{display: block;width: 100%;transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.case_list dl:hover dt img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}







.case_list dl dd{font-size: 17px;color: #333;font-weight: bold;text-align:  center;padding: 10px;}

.case_list dl dd p{width: 100%;text-align: center;}



.about_t{border-bottom: 1px solid #e1e1e1;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}

.about_t .about_nav{display: flex;flex-wrap: wrap;padding: 28px 0;}

.about_t .about_nav li{margin-right: 50px;line-height: 26px;}

.about_t .about_nav li:last-child{margin-right: 0;}

.about_t .about_nav li a{font-size: 18px;color: #666;display: block;line-height: 26px;}

.about_t .about_nav li.on a{font-size: 24px;color: #000;}



.about1{margin-top: 3.2%; margin-bottom: 3.65%;}

.about1 .img{margin-bottom: 2%;}

.about1 .about_con{font-size: 16px;line-height: 36px;color: #666;text-align: justify;}

.about1 .about_con p{text-indent: 2em;}



.about2bg{background: url(../images/about3.jpg)no-repeat center;background-size: cover;padding: 4.2% 0;}

.about-title{text-align: center;margin-bottom: 3.8%;}

.about-title h3{font-size: 24px; color: #333;font-weight: bold;line-height: 1.1;}

.about-title p{font-size: 12px; color: #333;font-weight: bold;line-height: 1.1;opacity: 0.5;display: inline-block; text-transform: capitalize;position: relative;font-family: arial;}

.about-title p:before{content: '';display: block;width: 15px;height: 1px;background: #333;position: absolute;top: 6px;left: -25px;}

.about-title p:after{content: '';display: block;width: 15px;height: 1px;background: #333;position: absolute;top: 6px;right: -25px;}



.qywh{display: flex;flex-wrap: wrap;justify-content: space-around;text-align: center;}

.qywh dl dt img{display: block;margin: auto;}

.qywh dl:hover dt img{-webkit-animation: swi 1s ease-in-out;

    -o-animation: swi 1s ease-in-out;

    animation: swi 1s ease-in-out;}

.qywh dl dd{font-size: 24px;color: #666;line-height: 1.1;margin-top: 40px;}

.qywh dl dd span{color: #0076c0}



.about3{padding: 3.2% 0;}

.ryzz{display: flex; flex-wrap: wrap;width: 84%;margin: auto;}

.ryzz li{margin-bottom: 3%;width: 22.7%;margin-right:3%;}

.ryzz li:nth-child(4n){margin-right:0;}

.ryzz li img{display: block;}



.contact1{padding: 60px 0 48px;}

.contact1 h3{font-size: 24px;color: #0f65a9;line-height: 1.1;}

.contact1 dl{display: flex;flex-wrap: wrap;margin-top: 38px;}

.contact1 dl dd{display: flex;align-items: center;width: calc(100% / 3);margin-bottom: 12px;}

.contact1 dl dd .img{width: 26px;display: flex;align-items: center;}

.contact1 dl dd .xx{font-size: 16px;color: #666;line-height: 20px;}



.contact2{display: flex;flex-wrap: wrap;}

.contact2 dl{width: calc(100% / 3);border-top: 1px solid #e1e1e1;padding: 50px 0;}

.contact2 dl dt{font-size: 20px;line-height: 2;color: #333;margin-bottom: 10px;padding-right: 30px;}

.contact2 dl dd{font-size: 16px;line-height: 36px;color: #666;padding-right: 30px;}



.contact3{margin-bottom: 25px;}

.contact3 h3{font-size: 20px;color: #0f65a9;line-height: 1.1;margin-bottom: 50px;}

.contact3 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.contact3 ul li{width: 26%;margin-bottom: 35px;}

.contact3 ul li:nth-child(4){width: 100%;}

.contact3 ul li:nth-child(5){width: 100%;}

.contact3 ul li input{width: 100%;display: block;box-sizing: border-box;height: 38px;line-height: 38px;border: 0;padding: 0;margin: 0; border-bottom: 1px solid #dedede;font-size: 18px;color: #666;}

.contact3 ul li textarea{width: 100%;display: block;box-sizing: border-box;height: 190px;line-height: 1.5;border: 0;padding: 0;margin: 0; border-bottom: 1px solid #dedede;font-size: 18px;color: #666;font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;}

.contact3 ul li .submit{width: 146px;background: #0f65a9;color: #fff;}

.contact3 ul li input::-webkit-input-placeholder { color: #666;font-size: 18px;}

.contact3 ul li textarea::-webkit-input-placeholder { color: #666;font-size: 18px;}



.contact4{margin-bottom: 100px;}

.contact4 h3{font-size: 20px;color: #0f65a9;line-height: 1.1;margin-bottom: 20px;}

.contact4 .map iframe{width: 100%;height: 415px;}



.service_list{display: flex;flex-wrap: wrap;margin-top: 60px;}

.service_list dl{display: flex;justify-content: space-between;width: 30%; margin-bottom: 3%;margin-right: 5%;}

.service_list dl:nth-child(3n){margin-right: 0;}

.service_list dl dt{width:52%;border: 1px solid #eaeaea; }

.service_list dl dt img{width: 100%;display: block;}

.service_list dl dd{width: 43%;}

.service_list dl dd .tit{font-size: 18px;line-height: 24px;color: #333;margin-top: 14px;}

.service_list dl dd .time{font-size: 16px;line-height: 24px;color: #999;margin-top: 24px;}

.service_list dl dd .down{font-size: 18px;line-height: 24px;color: #0f65a9;margin-top: 50px;padding-left: 30px;background: url(../images/service2.png)no-repeat center left;}



.solution_content{font-size: 16px;line-height: 36px;color: #666;}

.solution_content h3{font-size: 22px;color: #333;padding-left: 10px;border-left: 4px solid #0f65a9;line-height: 1.1;margin-bottom: 30px;margin-top: 50px;}



.xgal_list2{display: flex;flex-wrap: wrap;justify-content: space-between;}

.xgal_list2 dl{width: 31.7%;}

.xgal_list2 dl dt{border: 1px solid #eaeaea;overflow: hidden;}

.xgal_list2 dl dt img{width: 100%;display: block;transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.xgal_list2 dl dt:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.xgal_list2 dl dd .tit{font-size: 18px;color: #333;font-weight: bold;line-height: 1.1;margin: 30px 0 20px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.xgal_list2 dl dd .des{font-size: 14px;color: #666;line-height: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 25px;}

.xgal_list2 dl dd .tit:hover{color:#0f65a9;}

.xgal_list2 dl dd .des:hover{color:#0f65a9;}

.xgal_list2 dl dd .ljgd{font-size: 14px;color: #0f65a9;line-height: 18px;}



.tjal{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 80px;}

.solution_tj{width: 48.5%; position: relative;overflow: hidden;}

.solution_tj img{display: block;width: 100%; height: 420px;transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.solution_tj:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.solution_tj .nr{position: absolute;left: 0;bottom: 0;padding: 0 5.5% 5.5%;width:89%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); }

.solution_tj .nr h3{font-size: 24px;color: #fff;margin-bottom: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.solution_tj .nr p{font-size: 16px;color: #fff;line-height: 28px;text-align: justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 32px;}

.solution_tj .nr .ckxq{font-size: 14px;color: #fff;line-height: 24px;background: url(../images/m.png)no-repeat center right;padding-right: 34px;display: inline-block;}



.solution_list{display: flex;flex-wrap: wrap;margin-bottom: 5.6%;}

.solution_list li{width: 31.5%; position: relative;margin-top: 2.8%;margin-right: 2.75%;}

.solution_list li:nth-child(3n){margin-right: 0;}

.solution_list li .img{overflow: hidden;}

.solution_list li img{display: block;width: 100%; height: 300px;transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.solution_list li:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.solution_list li .nr{position: absolute;left: 0;bottom: 0;padding: 0 5.5% 5.5%;width:89%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); }

.solution_list li .nr h3{font-size: 20px;color: #fff;margin-bottom: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.solution_list li .nr p{font-size: 16px;color: #fff;line-height: 28px;text-align: justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 32px;}

.solution_list li .nr .ckxq{font-size: 14px;color: #fff;line-height: 24px;background: url(../images/m.png)no-repeat center right;padding-right: 34px;display: inline-block;}



.news_tit{margin-top: 58px;}

.news_tit .tit{font-size: 24px;color: #333;line-height: 28px;text-align: center;}

.news_tit .time{font-size: 14px;color: #999;line-height: 28px;text-align: center;margin:10px 0;}

.news_tit .share{text-align: center;}

.news_tit .share a{float: none}

.news_content{font-size: 16px;line-height: 36px;color: #666;margin-top: 50px;}

.news_content h3{font-size: 22px;color: #333;padding-left: 10px;border-left: 4px solid #0f65a9;line-height: 1.1;margin-bottom: 30px;margin-top: 50px;}



.news_list{display: flex;flex-wrap: wrap;margin-top: 70px;}

.news_list dl{width: 31.7%;margin-bottom:2.5%;margin-right: calc((100% - 95.1% - 6px)/2);background: #fff;padding: 2.8% 0;border: 1px solid #eaeaea;}

.news_list dl:nth-child(3n){margin-right: 0;}

.news_list dl dt{width: 86.7%;margin: auto;overflow: hidden;}

.news_list dl dt img{width: 100%;display: block;height: 200px;transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.news_list dl dt:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.news_list dl dd{width: 86.7%;margin: auto;}

.news_list dl dd .tit{font-size: 16px;color: #333;font-weight: bold;line-height: 1.1;margin: 40px 0 15px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.news_list dl dd .des{font-size: 14px;color: #666;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 35px;}

.news_list dl dd .tit:hover{color: #0f65a9;}

.news_list dl dd .des:hover{color: #0f65a9;}

.news_list dl dd .ckxq{font-size: 14px;color: #0f65a9;line-height: 16px;background: url(../images/index14.png)no-repeat center right;padding-right: 30px;}



.showcase{padding: 40px;}

.showcase .title{font-size: 24px;line-height: 1.1;padding: 0 0 20px;text-align: center;font-weight: bold;}

.showcase .nygd{}

.showcase .nygd img{display: block;margin: auto;max-height: 500px;max-width: 100%;}

.nygd .swiper-button-next{background: url(../images/r.png)no-repeat;background-size: cover; width: 60px;height: 60px;margin-top: -30px;}

.nygd .swiper-button-prev{background: url(../images/l.png)no-repeat;background-size: cover; width: 60px;height: 60px;margin-top: -30px;}

.nygd .swiper-button-next.swiper-button-disabled,.nygd .swiper-button-prev.swiper-button-disabled{opacity: 1;}

.showcase .content{font-size: 16px;line-height: 28px;color: #666;margin-top: 35px;}





.video_z{

	position: fixed;

	z-index: 100;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.7);

	top: 0;

	left: 0;

	display: none;

	align-content: center;

}

.video_z_box{

	max-width: 800px;

	margin: auto;

	background: #fff;

	min-height: 200px;

	width: 100%;

}

.video_z_box .img img{

	width: 100%;

}

.video_z_box .img{

	width: 100%;

	position: relative;

}

.video_z_box .img p{

	position: absolute;

	width: 30px;

	height: 30px;

	color: #fff;

	background: rgba(0,0,0,0.2);

	top: 0;

	right: 0;

	text-align: center;

	line-height: 30px;

	font-size: 18px;

	cursor: default;

}

.video_z_box .img video{

	width: 100%;

	border: 0;

}

.video_z_box .img iframe{

	width: 100%;

	border: 0;

}

.video_z_box .text{

	background: #fff;

	padding: 15px 20px;

}

.video_z_box .text h5{

	font-size: 16px;

	margin-bottom: 8px;

}

.video_z_box .text p{

	font-size: 14px;

	line-height: 22px;

	color: #999;

}



.huudon-float{

	position: fixed;

	right: 2px;

	bottom: 30%;

	z-index: 50;

	width: 78px;



}

.huudon-float li{

	position: relative;

	width: 78px;

	height: 78px;

	margin-bottom: 1px;

	line-height: 27px;

	color: #fff;

	text-align: center;

}

.huudon-float li.hidden{

	overflow: hidden;

	cursor: pointer;

}

.huudon-float li a.tit{

	display: block;

	width: 88px;

	height: 88px;

	padding-top: 42px;

	color: #fff;

	font-size:14px;

	background-image: url(../images/tpsem_float.png);

	background-repeat: no-repeat;

	background-position: center -80px;

}



.huudon-float li:last-child{

	margin-bottom:0;

}



.huudon-float li .tel{

	position: absolute;

	left: 78px;

	top: 0;

	z-index: 1;

	width: 160px;

	height: 78px;

	font: 20px/78px Arial;

	color: #fff;

	cursor: pointer;

	background: #333;

}

.huudon-float li a{width: 88px;height: 88px;display: block;}

.huudon-float li .tel a{width: auto;height: auto;color:#fff;}



.huudon-float li:nth-child(1){

	background: url(../images/fdk1.png) no-repeat center #f4f4f4;

	cursor: pointer;

	transition:background 0.4s ease-in-out;

	-webkit-transition:background 0.4s ease-in-out;

	-moz-transition:background 0.4s ease-in-out;

	-o-transition:background 0.4s ease-in-out;

}

.huudon-float li:nth-child(1):hover{

	background: url(../images/fdk01.png) no-repeat center #333;

	cursor: pointer;

}



.huudon-float li:nth-child(2){

	background: url(../images/fdk2.png) no-repeat center #f4f4f4;

	cursor: pointer;

	transition:background 0.4s ease-in-out;

	-webkit-transition:background 0.4s ease-in-out;

	-moz-transition:background 0.4s ease-in-out;

	-o-transition:background 0.4s ease-in-out;

}

.huudon-float li:nth-child(2):hover{

	background: url(../images/fdk02.png) no-repeat center #333;

	cursor: pointer;

}



.huudon-float li:nth-child(3){

	background: url(../images/fdk3.png) no-repeat center #f4f4f4;

	transition:background 0.4s ease-in-out;

	-webkit-transition:background 0.4s ease-in-out;

	-moz-transition:background 0.4s ease-in-out;

	-o-transition:background 0.4s ease-in-out;

}

.huudon-float li:nth-child(3):hover{

	background: url(../images/fdk03.png) no-repeat center #333;

}



.huudon-float li:nth-child(4){

	background: url(../images/fdk4.png) no-repeat center #f4f4f4;

	transition:background 0.4s ease-in-out;

	-webkit-transition:background 0.4s ease-in-out;

	-moz-transition:background 0.4s ease-in-out;

	-o-transition:background 0.4s ease-in-out;

}

.huudon-float li:nth-child(4):hover{

	background: url(../images/fdk04.png) no-repeat center #333;

}



.huudon-float li:nth-child(5){

	background: url(../images/fdk5.png) no-repeat center #f4f4f4;

	transition:background 0.4s ease-in-out;

	-webkit-transition:background 0.4s ease-in-out;

	-moz-transition:background 0.4s ease-in-out;

	-o-transition:background 0.4s ease-in-out;

}

.huudon-float li:nth-child(5):hover{

	background: url(../images/fdk05.png) no-repeat center #333;

}



.huudon-float li:nth-child(3){overflow:visible;}

.huudon-float li .ewm{position: absolute;top: 0;left: -160px;width: 160px;padding: 0px;background: #fff;display: none;}

.huudon-float li .ewm img{width: 100%;display: block;}

.huudon-float li:nth-child(3):hover .ewm{display: block;}





/*分页*/

.page {

    margin: 40px 0 40px 0;

    text-align: center;

    padding: 5px

}



.page ul li {

    display: inline

}



.page ul li a {

    display: inline-block;

    background-color: #fff;

    border: 0 none;

    border-radius: 3px;

    font-size: 14px;

    margin-left: 9px;

    text-decoration: none;

    display: inline-block;

    height: 42px;

    line-height: 42px;

    border: 1px solid #e3e3e3;

    padding: 0 12px;

    color: #333

}



.page.page ul li a:hover {

    background-color: #333;

    color: #FFF

}



.page.page ul li a:active {

    background-color: #333;

    color: #FFF

}



.page ul li.active a {

    background-color: #333;

    border: 0 none;

    border-radius: 3px;

    color: white;

    font-size: 14px;

    font-weight: normal;

    margin-left: 9px;

    display: inline-block;

    width: 42px;

    height: 42px;

    line-height: 42px;

    border: 1px solid #333

}



.page ul li.disabled a {

    border: #eee 1px solid;

    padding: 2px 5px;

    margin: 2px;

    color: #ddd

}

/*分页*/

































.ft-bottom{display:none;}



.foot_nav{display: none;}

.head .menu{display: none;}

.nav_bg{display: none;}



@media (max-width: 1600px){

  

}



@media (max-width: 1440px){

  .w1420{max-width: 96%;}

  .head{padding: 0 2%;}

  .head .logo img{height: 46px;}

  .head .head_l .nav li{line-height: 80px;width: 100px;}

  .head .head_l .nav li a{font-size: 16px;}

  .head .head_r{margin-top: 22px;font-size: 22px;}

  .head .head_r ul{margin-top: 10px;}

  .head .head_r ul li{margin-right: 30px;}

  .nav_lr{max-width: 96%;padding: 30px 0;}

  .nav .nav_down{top: 80px;}

  .nav_l{width: 25%;}

  .nav_l h3{font-size: 20px;margin-bottom: 20px;}

  .nav_l p{font-size: 14px;line-height: 22px;margin-top: 24px; margin-bottom: 20px;}

  .nav_l a{font-size: 14px;}

  .nav_r{width: 71%;-webkit-column-count: 4;

        -moz-column-count: 4;

        column-count: 4;}

  .nav_r dl dt{margin-bottom: 12px;font-size: 15px;}

  .nav_r dl dd{line-height: 24px;font-size: 13px;}

  .nav_r dl dd a{font-size: 13px;}

  .nav_r dl{margin-bottom: 20px;}



  .index_jjfa{width: 92%;}

  .index-title{font-size: 30px;padding: 70px 0 50px;}

  .index_jjfa h3{font-size: 30px;}

  .index_jjfa .con{margin-bottom: 30px;}



  .product_det_l .xt{height: 100px;}



  .qywh dl dd{margin-top: 30px;}

  .solution_tj img{ height: 380px;}

  .solution_list li img{height: 270px;}

  .head .head_l .nav li dl{top:80px;}

  .index3_r dl dd{font-size:16px;}

  .index1 dl dt img{height:310px;}

  .product-list dl dt img{height:310px;}

}





@media (max-width: 1200px){

  .head{padding: 10px 2%;}

  .head .logo{margin-top: 0;}

  .head .head_l{display: none;}

  .head .head_r{display: none;}



  .banner .swiper-pagination{bottom: 30px;}

  .banner .swiper-pagination-bullet{width: 10px;height: 10px;}





  .head .menu{width: 24px;height: 24px;display: block;position: absolute;top: 21px;right:2%;}

  .head .menu span{display: block;padding: 3px 0; transition: all .4s ease;}

  .head .menu span:before{content: '';display: block;width: 24px;height: 2px;background: #333;border-radius: 1px; transition: all .4s ease; }



  .head .menu.on span:nth-child(1){transform: translateY(8px);}

  .head .menu.on span:nth-child(1):before{transform: rotate(45deg);}

  .head .menu.on span:nth-child(2){opacity: 0;}

  .head .menu.on span:nth-child(3){transform: translateY(-8px);}

  .head .menu.on span:nth-child(3):before{transform: rotate(-45deg);}



  .nav_bg{display: none;position: absolute;top:66px;right: 0;z-index: 102;width: 100%;background: rgba(255,255,255,1);}

  .nav_bg ul{width:100%;background:#fff;color:#666666;}

  .nav_bg ul li{width: 100%;margin: 0 auto;border-top: 1px solid #e0e0e0;}

  .nav_bg ul li a{width: calc(100% - 70px);display: block;font-size: 16px;color: #666;line-height:48px;padding-left: 20px; float: left;}

  .nav_bg ul li span{display: block;width: 48px;height: 48px;float: right;background: url(../images/mt.png) no-repeat center;background-size: 50%;}

  .nav_bg ul li.active span{background: url(../images/mt-hover.png) no-repeat center;background-size: 50%;}

  .nav_bg ul li dl{display: none;}

  .nav_bg ul li dl dd{width: 100%;border-top: 1px solid #e0e0e0;}

  .nav_bg ul li dl dd a{display: block;float: none;padding-left: 40px;border-right: 0;}



  .seach{width: 100%;top: 50px;padding: 5px 0;}

  .seach input{margin-left: 20px;padding: 0;width:calc( 94% - 90px);}

  .seach img{margin-left: 6%;}



  .index1 .swiper-button-next{ width: 40px;height: 40px;margin-top: -90px;}

  .index1 .swiper-button-prev{ width: 40px;height: 40px;margin-top: -90px;}

  .product_det_l .xt{height: 80px;}

  .product_det_r a{margin-top: 40px;}



  .ryzz{width: 100%;}

  .qywh dl dd{margin-top: 20px;}



  .contact1{padding: 50px 0 40px;}

  .contact1 h3{font-size: 20px;}

  .contact1 dl{margin-top: 30px;}

  .contact1 dl dd{margin-bottom: 10px;}

  .contact2 dl{padding: 40px 0;}

  .contact2 dl dt{font-size: 18px;padding-right: 20px;}

  .contact2 dl dd{font-size: 14px;line-height: 32px;}

  .contact3{margin-bottom: 10px;}

  .contact3 h3{margin-bottom: 40px;}

  .contact3 ul li input{font-size: 16px;}

  .contact3 ul li .submit{width: 130px;}

  .contact3 ul li textarea{font-size: 16px;height: 170px;}

  .contact3 ul li input::-webkit-input-placeholder {font-size: 16px;}

  .contact3 ul li textarea::-webkit-input-placeholder {font-size: 16px;}

  .contact4{margin-bottom: 50px;}



  .service_list{justify-content: space-between}

  .service_list dl{width:48%; margin-bottom: 4%;margin-right: 0;}

  .news_list{justify-content: space-between}

  .news_list dl{width: 48%;  margin-right: 0;  margin-bottom: 4%;padding: 4% 0;}

  .solution_tj img{ height: 340px;}

  .solution_list li img{height: 240px;}

  .index1 dl dt img{height:270px;}

  .product-list dl dt img{height:270px;}

}





@media (max-width:1024px){

  	.showcase{padding: 20px;}

	.showcase .title{font-size: 20px;line-height: 1.1;padding: 0 0 20px;text-align: center;font-weight: bold;}

	.showcase .nygd{}

	.showcase .nygd img{display: block;margin: auto;max-height: 300px;max-width: 100%;}

	.nygd .swiper-button-next{width: 30px;height: 30px;margin-top: -15px;}

	.nygd .swiper-button-prev{width: 30px;height: 30px;margin-top: -15px;}

	.nygd .swiper-button-next.swiper-button-disabled,.nygd .swiper-button-prev.swiper-button-disabled{opacity: 1;}

	.showcase .content{font-size: 14px;line-height: 24px;margin-top:20px;}

	.solution_tj img{ height: 290px;}

	.solution_list li img{height: 220px;}

	.index1 dl dt img{height:225px;}

	.product-list dl dt img{height:225px;}

}







@media (max-width: 950px){

  .index2bg{padding: 60px 0;}

  .index2bg_r{display: none;}

  .index2bg_l{width: 100%;display: block;}



  .index_jjfa{width: 96%;margin-right: 0;margin-left: 2%;text-align: center;}

  .product-list{justify-content: space-between;}

  .product-list dl{width: 48%;margin-right: 0;}



  .xgal_list2 dl{width: 48%;}

  .xgal_list2 dl:nth-child(3){display: none;}

  	.video_z_box{

		width: 96%;

	}

}

@media (max-width: 820px){

  footer{padding: 0;}

  .foot{display: none;}

  .foot_lr{display: none;}

  .footer_lr{padding: 10px 0;}

  .footer_lr div{width: 100%;text-align: center;}

  .footer_lr .footer_l{margin-bottom: 10px;}

  .banner .img{height: 800px !important;}





  .foot_nav{width:100%;color:#666666;display: block;}

  .foot_nav li{width: 100%;margin: 0 auto;border-top: 1px solid #252525;}

  .foot_nav li a{width: calc(100% - 70px);display: block;font-size: 12px;color: #d8d8d8;line-height:38px;padding-left: 20px; float: left;}

  .foot_nav li span{display: block;width: 38px;height: 38px;float: right;background: url(../images/jia.png) no-repeat center;background-size: 50%;}

  .foot_nav li.active span{background: url(../images/jian.png) no-repeat center;background-size: 50%;}

  .foot_nav li dl{display: none;}

  .foot_nav li dl dd{width: 100%;border-top: 1px solid #252525;}

  .foot_nav li dl dd a{display: block;float: none;padding-left: 40px;border-right: 0;}

  .index_jjfa .jjfa-l dl{width: 48%;margin-bottom: 4%;}

  .index3_l{width: 100%;margin-bottom: 2%;}

  .index3_r{width: 100%;}

  .index5 dl{width: 100%;    margin-bottom: 5%;padding: 6.5% 0;}

	.index5 dl dt img{height: auto;}

  .news_list{margin-top: 30px;}

  

  .product_det_l{width: 100%;margin-bottom: 10%;}

  .product_det_r{width: 100%;}

  .xgal{margin-bottom: 30px;}

  .xgal_list dl{width: 48%;margin-bottom: 4%;}

  .case_list{justify-content: space-between;}

  .case_list dl{width: 48%;margin-bottom: 4%;margin-right:0;}



  .about_t .about_nav{display: none;}



  .contact1 dl dd{width: 50%;}

  .contact1 dl dd:nth-child(5){width: 100%;}

  .contact1 dl dd:nth-child(6){width: 100%;}



  .contact2 dl{width: 50%;}

  .contact2 dl{}

  .contact4 .map iframe{height: 350px;}



  .contact1{padding: 40px 0 30px;}

  .contact1 dl{margin-top: 20px;}

  .contact2 dl{padding: 30px 0;}

  .contact2 dl dt{font-size: 18px;padding-right: 20px;}

  .contact2 dl dd{font-size: 14px;line-height: 32px;}

  .contact3 h3{margin-bottom: 25px;}

  .contact3 ul li{width: 31%;margin-bottom: 25px;}

  .contact3 ul li textarea{height: 150px;}

  .contact4{margin-bottom: 50px;}

  .service_list dl dd .tit{font-size: 16px;}

  .service_list dl dd .down{font-size: 16px;}



  .solution_tj{width: 100%;margin-bottom: 3%;}

  .solution_list li{width: 48%;margin-top: 4%;}

  .solution_tj img{ height: auto;}

  .solution_list li img{height: 240px;}

  .solution_list{justify-content: space-between;}

  .solution_list li{margin-right: 0;}

  .index1 dl dt img{height:270px;}

  .product-list dl dt img{height:270px;}

}

@media (max-width: 640px){

  .head .logo img{height: 36px;}

  .head .menu{top: 16px;}

  .nav_bg{top: 56px;}

  .banner .swiper-pagination{bottom: 10px;}

  .banner .swiper-pagination-bullet{width: 6px;height: 6px;}

  .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}

  .index-title{font-size: 28px;    padding: 50px 0 30px;}

  .index1{padding-bottom: 50px;}

  .index_jjfa h3{font-size: 28px;}

  .index2bg{padding: 50px 0;}

  .index4{padding-bottom: 50px;}



  .index5bg{padding-bottom: 50px;}

  .index5bg .ljgd{margin-top: 10px;}



  .about1{margin-top: 30px;margin-bottom: 30px;}

  .about2bg{padding: 30px 0;}

  .about3{padding-top: 30px;}

  .qywh dl dt img{height: 30px;}

  .qywh dl dd{font-size: 20px;}

  .service_list dl{width: 100%;}

  

  .news_list dl{width: 100%;    margin-bottom: 5%;padding: 6.5% 0;}

  .solution_list li img{height: 200px;}

	.news_list dl dt img{height: auto;}

	.footer_r{display:none;}

	.footer_lr .footer_l{    line-height: 2;}

	.index1 dl dt img{height:250px;}

	.product-list dl dt img{height:250px;}

}



@media (max-width: 420px){

  .banner_nr .nr h2{font-size: 26px;text-align: center;}

  .banner_nr .nr p{font-size: 26px;text-align: center;}

  .banner .img{height: 500px !important;}

  .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}

  .banner .swiper-pagination-bullet{width: 8px;height: 8px;}



  .index-title{font-size: 26px;    padding: 30px 0 20px;}

  .index1{padding-bottom: 30px;}

  .index_jjfa h3{font-size: 26px;margin-bottom: 15px;}

  .index_jjfa h4{margin-bottom: 5px;}

  .index2bg{padding: 30px 0;}

  .index4{padding-bottom: 30px;}



  .index5bg{padding-bottom: 30px;}

  .index5bg .ljgd{margin-top: 10px;}



  .index1 dl dd .tit{font-size: 16px;margin: 20px 0 10px;}

  .index1 dl dd .des{margin-bottom: 15px;}



  .index3_l .nr h3{font-size: 20px;margin-bottom: 12px;}

  .index3_l .nr p{margin-bottom: 18px;}

  .index3_r dl dd{font-size: 14px;}

  .index3_r dl dd p{width: 94%;}

  .index4{line-height: 24px;}

  .index4 .ljgd{font-size: 14px;width: 140px;line-height: 42px;height: 42px;margin-top:20px;}

  .index5bg .ljgd{font-size: 14px;width: 140px;line-height: 42px;height: 42px;}

  .index5 dl dd .tit{margin: 20px 0 10px;}

  .index5 dl dd .des{margin-bottom: 15px;}



  .news_list dl dd .tit{margin: 20px 0 10px;}

  .news_list dl dd .des{margin-bottom: 15px;}



  .product-list dl dd .tit{font-size: 16px;margin: 20px 0 10px;}

  .product-list dl dd .des{margin-bottom: 15px;}



  .nav-n{justify-content: space-between;text-align: center;}

  .nav-n li{width: 46%;line-height: 38px;}

  .nav-n li a{font-size: 16px;    padding: 0;}

  .page{margin-bottom: 50px;}

  .page a{font-size: 14px;line-height: 26px;padding: 0 9px;}

  .location{margin: 20px 0;font-size: 14px;}

  .location a{font-size: 14px;}

  .product_det{margin-bottom: 30px;}

  .product_det_l .dt{height: 250px;}

  .product_det_l .xt{height: 60px;}

  .product_det_l .swiper-button-next{ width: 40px;height: 40px;margin-top: -20px;}

  .product_det_l .swiper-button-prev{ width: 40px;height: 40px;margin-top: -20px;}

  .product_det_r h3{font-size: 20px;}

  .product_det_r .des{font-size: 14px;line-height: 28px;}

  .product_det_r a{font-size: 14px;width: 140px;line-height: 42px;height: 42px;margin-top: 20px;}

  .pro-contact{font-size: 14px;line-height: 28px;}

  .fy{margin-bottom: 30px;}

  .fy_l a{font-size: 14px;line-height: 2;}

  .fy_r a{font-size: 14px;width: 140px;line-height: 42px;height: 42px;}

  .xgal h3{font-size: 20px;    padding-bottom: 10px; margin-bottom: 20px;}

  .xgal h3 a{font-size: 14px;}

  .xgal_list dl dd{font-size: 16px;}

  .xgal_list dl dd p{width: 94%;}



  .case_list dl dd{font-size: 16px;}

  .case_list dl dd p{width: 94%;}







  .about1 .about_con{font-size: 14px;line-height: 2;}

  .qywh dl dt img{height: 25px;}

  .qywh dl dd{font-size: 18px;margin-top: 15px;}

  .ryzz li{width: 48%;margin-bottom: 4%;margin-right:4%;}

  .ryzz li:nth-child(2n){margin-right:0;}

  .contact1{padding: 30px 0 20px;}

  .contact1 dl dd{margin-bottom: 8px;}

  .contact1 dl dd .xx{font-size: 14px;line-height: 18px;}

  .contact2{margin-bottom: 20px;}

  .contact2 dl{width: 100%;padding: 20px 0;}

  /*.contact2 dl:last-child{display: none;}*/

  .contact2 dl dt{margin-bottom: 0;padding-right: 0;}

  .contact2 dl dd{line-height: 2;padding-right: 0;}

  .contact3{margin-bottom: 20px;}

  .contact3 ul li{width: 100%;margin-bottom: 10px;}

  .contact4{margin-bottom: 30px;}

  .service_list{margin-top: 30px;}

  .solution_content{font-size: 14px;line-height: 2;}

  .solution_content h3{font-size: 18px;margin-bottom: 10px;margin-top: 30px;}

  .xgal_list2 dl dd .tit{font-size: 16px;margin: 20px 0 10px;}

  .xgal_list2 dl dd .des{margin-bottom: 15px;}

  .tjal{margin-top: 30px;}

  .solution_tj .nr h3{font-size: 20px;margin-bottom: 10px;}

  .solution_tj .nr p{font-size: 14px;line-height: 24px;margin-bottom: 15px;}

  .solution_tj .nr .ckxq{font-size: 12px;}

  .solution_list li .nr h3{font-size: 16px;}

  .solution_list li .nr .ckxq{font-size: 12px;}

  .solution_list li img{height: 120px;}

  .news_tit{margin-top: 30px;}

  .news_tit .tit{font-size: 18px;}

  .news_tit .time{margin: 5px 0;}

  .news_content{font-size: 14px;line-height: 2;margin-top: 30px;}

  .news_content h3{font-size: 18px;margin-bottom: 10px;margin-top: 30px;}

  .index1 dl dt img{height:280px;}

  .product-list dl dt img{height:130px;}

  .huudon-float{display:none;}

.ft-bottom{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100;display:block;}

.ft-bottom .foot1 li{width: 50%;float: left;}

.ft-bottom .foot1 li a{display: block;font-size: 1.2rem;line-height: 3.2rem;text-align: center;color: #fff;}

.ft-bottom .foot1 li:first-child a{background: #0886df;}

.ft-bottom .foot1 li:first-child a:before{content: '';width: 1.8rem;height: 1.6rem;background: url(../images/index7.png)no-repeat;display:inline-block;background-size: 100%;margin-right: 1rem;margin-bottom:-0.5rem;}

.ft-bottom .foot1 li:last-child a{background: #e40e24}

.ft-bottom .foot1 li:last-child a:before{content: '';width: 1.6rem;height: 1.6rem;background: url(../images/index8.png)no-repeat;display:inline-block;background-size: 100%;margin-right: 1rem;margin-bottom:-0.5rem;}



}