@charset "utf-8";
/* CSS Document */

 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"}
 a:visited{text-decoration:none ;}
 a:active{text-decoration:none;}
 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
 
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}

@media (min-width: 1320px) {
    .container{
        width: 1320px;
    }
}


html {font-size:62.5%;}
body{ background:#FFF; font-family:"微软雅黑"; font-size:14px; font-size:1.4em;}

/*top*/
#topwrap{height:110px;position:relative;}
.topbg{
    width:100%;
    z-index:9999;
    width:100%;
    position:absolute;
    top:0;
    background:-webkit-linear-gradient(left, #FFFFFF 50% , #00c1d3 50%); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(right, #FFFFFF 50%, #00c1d3 50%); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(right, #FFFFFF 50%, #00c1d3 50%); /* Firefox 3.6 - 15 */
    background:linear-gradient(to right, #FFFFFF 50%, #00c1d3 50%);
    }
.top{width:1580px;margin:0 auto;}
.top .t_left{float:left;padding:34px 0 30px;display:block;}
.top .t_left .logo{width:142px;float:left;}
.top .t_left .logo img{width:100%;}
.top .t_left i{display:block;margin:4px 0 3px;float:left;margin-left:15px;background:#c4c4c4;width:1px;height:50px;position:relative;}
.top .t_left i:before{content:'';width:3px;height:16px;background:#11b4c3;position:absolute;left:-1px;bottom:0;}
.top .t_left .t_txt{float:left;margin-left:19px;padding:1px;}
.top .t_left .t_txt p{margin:0;color:#333333;font-weight:bold;}
.top .t_left .t_txt p:first-child{font-size:20px;height:30px;line-height:30px;}
.top .t_left .t_txt p:last-child{font-size:15px;height:25px;line-height:25px;  font-weight:normal}
.top .t_left .logo img,.top .nav,.top .nav .firstfloor>li{display:block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.top .t_right{float:right;}
.top .t_right .nav{float:left;background:#FFF;padding-top:25px;padding-right:43px;}
.top .t_right .nav ul{margin:0;}
.top .t_right .nav .firstfloor>li{font-size:16px;text-align:center;position:relative;cursor:pointer;margin-left:15px;float:left;}
.top .t_right .nav .firstfloor>li:first-child{margin-left:0;}
.top .t_right .nav .firstfloor>li>a{display:inline-block;height:100px;line-height:100px;width:100%;color:#454545;padding:0 20px;border-bottom:3px solid #FFF;}
.top .t_right .nav .firstfloor>li:hover>a{border-bottom:3px solid #00c1d3;}
.top .t_right .nav .secondfloor{position:absolute;left:0;top:100%;z-index:9999;display:none;background:#FFF;width:100%;border-top:none;box-sizing:border-box;}
.top .t_right .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:44px;height:44px;font-size:13px;margin-left:0;}
.top .t_right .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
.top .t_right .nav .secondfloor li a:hover{background:#00c1d3;color:#FFF;}
.top .t_right .t_phone{width:220px;float:right;padding:25px 0 26px 10px;}
.top .t_right .t_phone .t_p{background:url(../images/top_phone.png) no-repeat left 5px;padding-left:44px;}
.top .t_right .t_phone .t_p p{margin:0;color:#FFF; font-size:21px;}
.top .t_right .t_phone .t_p p:first-child{font-size:14px;height:14px;line-height:14px;}
.topfix{-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;position:fixed;}
/*mobilehead*/

/*mobilehead*/
#mobilehead{height:70px;width:100%;background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;display:none;background-size:auto 50px;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../images/+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(../images/mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(../images/mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(../images/mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/* 响应式样式结束 */


/*搜索*/
.sousuo{ background:#f9f9f9; padding:30px 0; overflow:hidden}
.ss{ line-height:1.8; color:#666666}

/*公用标题*/
.cpzs{  padding-bottom:30px;  overflow:hidden}
.cpzs .cpzs_bt{ padding:20px 0 15px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:32px; color:#11b4c3; font-weight:bold }
.cpzs .cpzs_bt .fwxm_bt2{ font-size:36px; color:#222222; font-weight:bold;  padding:0px 0;}
.cpzs .cpzs_bt .fwxm_bt2 i{ padding:0 5px}

@media (max-width : 768px) {
.cpzs .cpzs_bt .fwxm_bt1{ font-size:20px; color:#11b4c3; font-weight:bold }
.cpzs .cpzs_bt .fwxm_bt2{ font-size:25px; color:#222222; font-weight:bold; }

}



/*产品*/
.ywly{ background:#ffffff;}
.center .slid_img1{ padding:0 10px}
.center .slid_img1 img{ max-width:100%; border:1px solid #eeeeee}
.center .slid_img2{ line-height:50px; font-size:15px; padding:0 10px}




.cp_bt{ color:#11b4c3; font-size:32px; font-weight:bold; padding-top:50px; font-family:Arial, Helvetica, sans-serif}
.cp_bt2{ font-size:30px; font-weight:bold;}
.cp_bt2 i{ background:url(../images/sd.png) no-repeat; width:20px; display:block; height:30px; float:left; margin-top:8px; margin-right:10px;}
.cp_fl{ text-align:right}
.cp_fl a{ background:#ededed; display:inline-block; width:145px; height:37px; text-align:center; line-height:37px; transition:0.3s}
.cp_fl a:hover{ background:#11b4c3; color:#FFF}
.cp_fl .a_more{ width:37px; background:#11b4c3; color:#FFF}

 .product_left{width:100%; margin-top:20px;}
 .product_left .pl_top{width:130px;height:50px;background:#01a292;float:left}
 .product_left .pl_top p{color:#FFF;font-size:15px;line-height:50px;text-align:center;}
 .product_left .pl_ul{width:calc(100% - 180px);float:left;height:50px;position:relative;}
 .product_left .pl_ul .first_li{width:100%;height:50px;line-height:50px;display:block;text-indent:20px;color:#333;background:#e6e6e6;font-size:13px;}
 .product_left .pl_ul .ul_li{width:calc(100% + 50px);position:absolute;top:50px;left:0;background:#F00;display:none;z-index:20;border-top:1px solid #D0D0D0;}
 .product_left .pl_ul .ul_li a{width:100%;height:35px;line-height:35px;display:block;text-indent:20px;color:#333;background:#e6e6e6;border-bottom:1px solid #D0D0D0;font-size:13px;}
 .product_left .pl_right{width:50px;height:50px;background:#e6e6e6;background-size:auto 50%;float:right;}
 .product_left .pl_right i{display:block;width:100%;height:100%;background:url(../images/cli.png) no-repeat center center;transform:rotate(90deg);transition:transform .3s ease-out;}
 .product_left .pl_right i.on{transform:rotate(-90deg);}
 .product_right{width:96%;padding:0rem 2% 1rem;}
 .product_right .pr_ul{width:100%;overflow:hidden;}
 .product_right .pr_ul .swiper-slide{margin-top:20px!important;width:49%;}
 .product_right .pr_ul .swiper-slide .s_img{width:100%;height:0;padding-bottom:66.67%;border:1px solid #DDD;box-sizing:border-box;position:relative;}
 .product_right .pr_ul .swiper-slide .s_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
 .product_right .pr_ul .swiper-slide p{background:#DEDEDE;height:2rem;line-height:2rem;text-align:center;padding:0 0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
 .product_right .pr_ul .swiper-slide p a{color:#333;}
 

.center .slick-prev{ display:none !important}
.center .slick-next{ display:none !important}

.center1 .slick-prev{ display:none !important}
.center1 .slick-next{ display:none !important}


/*优势*/
.hf{ background:url(../images/hf.jpg) no-repeat top center; background-size:cover; padding:100px 0 50px 0; text-align:center; overflow:hidden}
.hf .hf1{ font-size:54px; color:#ffffff; font-weight:bold}
.hf .hf2{ font-size:32px; font-weight:bold; color:#ffffff;padding:15px 0 20px 0}
.hf .hf3{ color:#FFF; font-size:17px;}
.hf .hf4{ width:644px; height:145px; background:url(../images/h_more.png) no-repeat; margin:0 auto}
.hf .hf4 a{ border:1px solid #FFF; line-height:150px; padding:7px 33px; color:#FFF; opacity:0.8}


@media (max-width : 768px) {
.hf .hf1{ font-size:24px; color:#ffffff}
.hf .hf2{ font-size:18px; font-weight:bold; color:#ffffff;padding:15px 0 20px 0}
.hf .hf3{ color:#FFF; font-size:14px;}
}

@media (max-width : 650px) {
.hf .hf4{ width:auto; background:none;}
}



/*优势*/
.ys{ background:url(../images/ts.jpg) no-repeat; background-size:cover; padding:30px 0 115px}

.youshi .ys_ul{margin-top:20px;}
.youshi .ys_ul .ys_li{width:33.33%;float:left;position:relative;}
.youshi .ys_ul .ys_li.yst{padding-bottom:235px;}
.youshi .ys_ul .ys_li.ysb{padding-top:235px;}
.youshi .ys_ul .ys_li .ys_img{width:100%;height:235px;position:absolute;left:0;overflow:hidden;}
.youshi .ys_ul .ys_li .ys_img.ysit{top:0;}
.youshi .ys_ul .ys_li .ys_img.ysit:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #f0f0f0;}
.youshi .ys_ul .ys_li .ys_img.ysib{top:235px;}
.youshi .ys_ul .ys_li .ys_img.ysib:after{content:'';position:absolute;left:50%;margin-left:-6px;top:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #f0f0f0;}
.youshi .ys_ul .ys_li .ys_img img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;}
.youshi .ys_ul .ys_li .ys_txt{width:100%;height:235px;background:#ffffff;padding:30px 32px 0;text-align:center;}
.youshi .ys_ul .ys_li .ys_txt p{margin:0;font-size:14px;line-height:21px;color:#333333;text-align:center;transition:ease-out 0.2s}
.youshi .ys_ul .ys_li .ys_txt i{width:29px;height:3px;display:inline-block;background:#e70012;margin:15px 0;}
.youshi .ys_ul .ys_li .ys_txt p:first-child{font-size:28px;line-height:28px;height:28px; color:#777777;text-align:center;font-family:Impact; transition:ease-out 0.2s}
.youshi .ys_ul .ys_li .ys_txt p:nth-child(2){font-size:19px;font-weight:bold;color:#333333;height:31px;line-height:31px;margin:10px 0;text-align:center;transition:ease-out 0.2s}
.youshi .ys_ul .ys_li:hover .ys_img.ysit:after{border-bottom:6px solid #11b4c3;}
.youshi .ys_ul .ys_li:hover .ys_img.ysib:after{border-top:6px solid #11b4c3;}
.youshi .ys_ul .ys_li:hover .ys_img img{transform:scale(1.1);}
.youshi .ys_ul .ys_li:hover .ys_txt{background:#11b4c3;}
.youshi .ys_ul .ys_li:hover .ys_txt p{color:#ffffff;}
.youshi .ys_ul .ys_li:hover .ys_txt i{background:#f2f2f2;}
.youshi .ys_ul .ys_li:hover .ys_txt p:first-child{ color:#ffffff}
.youshi .ys_ul .ys_li:hover .ys_txt p:nth-child(2){color:#FFF;}



/*案例*/
.anli{ background:#ffffff; padding:30px 0}

.center2{ margin-top:20px;}
.center2 .slid_img1{ margin:0 10px; position:relative}
.center2 .slid_img1 img{ max-width:100%}
.center2 .slid_img2{ position:absolute; background:rgb(0,0,0,0.5); height:40px; bottom:0; left:0; text-align:center; line-height:40px; color:#FFF; width:100%}
.center2 .slid_img2 a{ color:#FFF}

.center2.slick-slider{ margin-bottom:100px;}

.center2 .slick-prev{ background:url(../images/a_l.png) no-repeat; width:52px; height:52px; left:50%; top:125%; margin-left:-62px}
.center2 .slick-next{ background:url(../images/a_r.png) no-repeat; width:52px; height:52px; right:50%; top:125%; margin-right:-62px}

.center2 .slick-prev:hover{ background:url(../images/a_r_l.png) no-repeat}
.center2 .slick-next:hover{ background:url(../images/a_r_h.png) no-repeat}

/*关于我们*/
.about{ margin:40px 0; background:#f5f5f5}
.about .col-lg-6,.about .col-md-6{ padding:0;}
.about .about_tu img{ max-width:100%}

.about .i_left{width:600px;float:right; margin-right:30px; margin-top:80px;}
.about .i_left p{margin:0;line-height:28px;font-size:14px;color:#666;}
.about .i_left i{display:inline-block;width:56px;height:4px;background:#00b3c4;margin:20px 0 18px;}
.about .i_left p:first-child{font-size:46px;height:46px;line-height:46px;font-weight:bold;color:#00b3c4;text-transform:uppercase; position:relative}
.about .i_left p:first-child span{ width:20px; height:20px; border:3px solid #05c0d1; display:block; border-radius:50%; position:absolute; top:-5px; left:189px;}
.about .i_left p:nth-child(2){font-size:25px;height:35px;line-height:35px;color:#333;margin-top:36px;font-weight:bold;}
.about .i_left a{width:174px;height:50px;margin-top:39px; background:#00b3c4;font-size:16px;color:#ffffff;text-align:center;line-height:48px;display:inline-block;}


@media screen and (max-width:1399px){
.about .i_left{width:100%; float:none; padding:30px 15px; margin-top:20px;}
.about .i_left p:first-child{ font-size:30px;height:30px;line-height:30px;}
.about .i_left p:nth-child(2){font-size:20px;height:20px;line-height:20px;color:#333;margin-top:14px;font-weight:bold;}
.about .i_left p:first-child span{ left:125px}
}


@media screen and (max-width:1199px){
.about .i_left{width:100%; float:none; padding:10px; margin-top:10px;}
.about .i_left p:first-child{ font-size:30px;height:30px;line-height:30px;}
.about .i_left p:first-child span{ left:125px}
.about .i_left a{ margin-top:10px;}
}

@media screen and (max-width:991px){
.about .i_left{width:90%; float:none; padding:20px; margin:10px auto}
}

@media screen and (max-width:767px){
.about .i_left{width:100%;}
}


/*news*/
#newsbg{background:#ffffff;padding:20px 0 20px;}
.news .news_span{height:44px;font-size:0;-webkit-text-size-adjust:none;text-align:center;margin-top:31px;}
.news .news_span span{display:inline-block;height:45px;line-height:43px;border:1px solid #dadada;padding:0 47px;font-size:18px;color:#333;margin-left:19px;cursor:pointer;background:#FFF;}
.news .news_span span:first-child{margin-left:0;}
.news .news_span span.on{background:#00c1d3;color:#FFF;border:1px solid #00c1d3;}
.news .news_list{margin-top:23px;}
.news .news_left{width:380px;height:530px;float:left;position:relative;margin-top:10px;}
.news .news_left img{width:100%;height:100%;display:block;}
.news .news_left .n_h2{width:100%;height:56px;position:absolute;left:0;bottom:40px;background:url(../images/news_icon.png) no-repeat right 35px center;padding-left:35px;}
.news .news_left .n_h2 p{margin:0;color:#FFF;height:20px;line-height:20px;font-size:16px;font-weight:bold;}
.news .news_left .n_h2 p:first-child{height:36px;line-height:36px;font-size:28px;}
.news .news_right{width:calc(100% - 390px);float:right;}
.news .news_right .n_ul{width:46.66%;padding-left:10px;display:inline-block;margin-top:10px;box-shadow:3px 3px 5px rgba(228,228,228,1); border:1px solid #ebebeb; margin-left:1%}
.news .news_right .n_ul:first-child,.news .news_right .n_ul:nth-child(2){float:left;width:52.34%;padding-left:0; margin-left:0}
.news .news_right .n_ul .nr_li{background:#FFF;width:100%;padding:34px 25px 50px 35px;text-align:left;}
.news .news_right .n_ul:first-child .nr_li,.news .news_right .n_ul:nth-child(2) .nr_li{padding:30px 30px 38px;}
.news .news_right .n_ul .nr_li .c_txt{padding-bottom:20px;border-bottom:1px solid #EEE;}
.news .news_right .n_ul .nr_li .c_txt p{margin:0;}
.news .news_right .n_ul .nr_li .c_txt p a{color:#000;}
.news .news_right .n_ul .nr_li .c_txt p:first-child{line-height:40px;height:40px;font-size:18px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .news_right .n_ul .nr_li .c_txt p:last-child{line-height:24px;height:48px;color:#858585;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news .news_right .n_ul .nr_li .c_data{margin-top:23px;background:url(../images/newsli.jpg) no-repeat right center;}
.news .news_right .n_ul .nr_li .c_data span{display:block;text-align:left;}
.news .news_right .n_ul .nr_li .c_data span:first-child{font-size:30px;height:32px;line-height:32px;color:#999;font-weight:bold;}
.news .news_right .n_ul .nr_li .c_data span:last-child{font-size:12px;height:20px;line-height:20px;color:#999;margin-top:8px;}
.news .news_right .n_ul .nr_li .data{width:91px;height:82px;border-right:1px solid #eee;float:left}
.news .news_right .n_ul .nr_li .data span{display:block;text-align:left;}
.news .news_right .n_ul .nr_li .data i{width:20px;height:1px;display:block;margin:8px 0 9px;background:#CCC;}
.news .news_right .n_ul .nr_li .data span:first-child{font-size:30px;height:44px;line-height:44px;color:#999;font-weight:bold;}
.news .news_right .n_ul .nr_li .data span:last-child{font-size:12px;height:20px;line-height:20px;color:#999;margin-top:2px;}
.news .news_right .n_ul .nr_li .title{width:calc(100% - 110px);height:82px;float:right;background:url(../images/newsli.jpg) no-repeat left 7px bottom 5px;}
.news .news_right .n_ul .nr_li .title p{margin:0;font-size:18px;color:#000;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}




/*foot*/
#footbg{background:#11b4c3;}
#footbg .f_left{width:calc(100% - 720px);padding-top:20px;float:left;position:relative;}
#footbg .f_left h2{margin:0;display:inline-block;width:160px;height:44px;line-height:44px;font-size:32px;color:#FFF;position:relative;}
#footbg .f_left h2:after{content:'';width:11px;height:11px;border:1px solid #FFF;border-radius:50%;position:absolute;right:0;top:0;}
#footbg .f_left .p1{font-size:22px;line-height:28px;color:#FFF;margin-top:15px;}
#footbg .f_left .f_txt{padding-left:70px;margin-top:25px;position:relative;}

#footbg .f_left .f_z{ overflow:hidden}
#footbg .f_left .f_z .f_txt{ width:50%; float:left;}
#footbg .qr{
    width: 160px;
    font-size: 14px;
    color:#78CDF9;float: left;
    text-align: center;margin-top: 45px;margin-bottom: 15px;
}
#footbg .qr .img{
    width: 160px;
    height: 160px;
    margin-bottom: 8px;
    background: url(../images/erm.jpg) no-repeat;
}
#footbg .f_left .f_txt i{width:53px;height:53px;position:absolute;left:0;top:0;display:inline-block;border-radius:50%;}
#footbg .f_left .f_txt p{margin:0;line-height:25px;color:#FFF;margin-bottom:0;}
#footbg .f_left .f_txt span{font-size:26px;font-family:Impact;vertical-align:middle;letter-spacing:0.7px;}
#footbg .f_left .f_txt i.footicon1{background:url(../images/f1.png) no-repeat center center;}
#footbg .f_left .f_txt i.footicon2{background:url(../images/f2.png) no-repeat center center;}
#footbg .f_left .f_txt i.footicon3{background:url(../images/f3.png) no-repeat center center;}
#footbg .f_left .f_txt i.footicon4{background:url(../images/f4.png) no-repeat center center;}

#footbg .f_right{width:517px;float:right;background:#11b4c3;padding:20px 45px 20px;}
#footbg .f_right .f_title{line-height:20px;color:rgba(255,255,255,.5);text-align:right;}
#footbg .f_right .feedback{margin-top:6px;}
#footbg .f_right .feedback li{color:#666;float:left;;margin-top:20px;width:48%;margin-left:4%; position:relative}
#footbg .f_right .feedback li:nth-child(odd){margin-left:0;}
#footbg .f_right .feedback li:nth-child(3){margin-left:0;width:100%;}
#footbg .f_right .feedback li:nth-child(4){margin-left:0;}
#footbg .f_right .feedback li:nth-child(5){margin-left:4%;}
#footbg .f_right .feedback li input{width:100%;height:40px;line-height:34px;padding:3px 5px;outline:none;border-radius:3px;}
#footbg .f_right .feedback li textarea{width:100%;height:100px;border:1px solid #DDD;resize:none;padding:10px;outline:none;vertical-align:top;border-radius:3px;}
#footbg .f_right .feedback .f_btn{width:100%;height:40px;border-radius:3px;background:#75c01c;display:block;color:#FFF;line-height:40px;cursor:pointer;position:relative;text-indent:30px;}
#footbg .f_right .feedback .f_btn:before{content:'';width:28px;height:25px;position:absolute;top:7px;left:50%;background:url(../images/footbtnicon.png) no-repeat left center;border-right:1px solid #FFF;margin-left:-88px}
#footbg .f_right .feedback .f_btn:after{content:'提交留言';width:100px;height:40px;position:absolute;top:0;left:50%;text-indent:0;margin-left:-50px;}


#footbg .bq{ color:#FFF; padding:18px 0; padding-left:15px; line-height:1.8} 
#footbg .bq a{ color:#FFF}

@media screen and (max-width:667px){
	.l-667{display:none;}
}
@media screen and (min-width:668px){
	.h-668{display:none;}
}

/*footlink*/
#footlinkbg{padding:20px 0 20px; background:#494949}
.footlink{}
.footlink .fl_left{width:165px;float:left;padding:5px 0 0 5px;}
.footlink .fl_left p{margin:0;height:48px;line-height:48px;color:#ffffff;font-size:48px; font-family:Arial, Helvetica, sans-serif}
.footlink .fl_right{width:calc(100% - 165px);font-size:0;-webkit-text-size-adjust:none;float:right; color:#FFF}
.footlink .fl_right a{display:inline-block;line-height:24px;white-space:nowrap;padding:0 20px;font-size:13px;color:#ffffff;position:relative;}
.footlink .fl_right a:after{content:'';width:2px;height:16px;background:#848484;position:absolute;top:4px;right:-2px;}

 
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{
    display: block;
    margin:4px auto 2px;
    height: 25px;
}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}

/*1200浠ヤ笂灞忓箷*/
@media screen and (max-width:1609px){

	.top{width:calc(100% - 30px);}
	.top .t_right .nav .firstfloor>li{margin-left:0px;}
	.top .t_right .nav .firstfloor>li>a{padding:0 15px;}
	.top .t_right .t_phone{width:215px;}
	.index_banner{padding-bottom:42.03%;}
}

@media screen and (max-width:1400px){
	.top .t_right .t_phone{width:180px;padding: 40px 0 26px 10px;}
	.top .t_right .t_phone .t_p p {    margin: 0;    color: #FFF;    font-size: 16px;}
	.top .t_left i{display:none;}
	.top .t_left .t_txt{display:none;}
}
/*1200浠ヤ笂灞忓箷*/
@media screen and (max-width:1329px){
	#topwrap{height:82px;}
	.top .t_left{padding:14px 0 13px;}
	.top .t_left .logo{width:127px;}
	.top .t_left i{height:40px;}
	.top .t_left .t_txt p:first-child{font-size:18px;height:26px;line-height:26px;}
	.top .t_left .t_txt p:last-child{font-size:13px;height:19px;line-height:19px;}
	.top .t_right .nav{padding-right:0;padding-top:0;}
	.top .t_right .nav .firstfloor>li{font-size:15px;}
	.top .t_right .nav .firstfloor>li>a{height:82px;line-height:79px;}
	.top .t_right .t_phone{padding:10px 0 10px 20px; width:200px;}
	
	.youshi .ys_ul{margin-top:30px;}
	.youshi .ys_ul .ys_li.yst{padding-bottom:205px;}
	.youshi .ys_ul .ys_li.ysb{padding-top:205px;}
	.youshi .ys_ul .ys_li .ys_img{height:205px;}
	.youshi .ys_ul .ys_li .ys_img.ysib{top:205px;}
	.youshi .ys_ul .ys_li .ys_txt{padding:30px 15px 0;height:205px;}
	.youshi .ys_ul .ys_li .ys_txt p:first-child{font-size:32px;height:32px;line-height:32px;}
	.youshi .ys_ul .ys_li .ys_txt p:nth-child(2){font-size:22px;height:28px;line-height:28px;}
	.youshi .ys_ul .ys_li .ys_txt i{margin:10px 0;}
	
	#newsbg{padding:30px 0 40px;}
	.news .news_span{margin-top:26px;}
	.news .news_list{margin-top:13px;}
	

}



/*1350屏幕*/
@media screen and (max-width:1249px){

	.p_left{width:240px;}
	.p_left h2{height:100px;line-height:100px;}
	.p_left .p_ul>a{line-height:50px;font-size:15px;background-position:15px 24px;}
	.p_left .p_ul>a.on,.p_left .p_ul>a:hover{background-position:15px 24px}
	.p_left .p_ul ul{padding:12px 10px;}
	.p_left .p_ul ul li{line-height:30px;font-size:14px;}
	.p_left .p_bottom{padding:18px 5px 16px;}
	.p_left .p_bottom .p_txt p:last-child{font-size:27px;}
	.product .p_right{width:calc(100% - 260px);}
	
	.youshi{padding:30px 0;}
	.youshi .ys_ul{margin-top:16px;}
	.youshi .ys_ul .ys_li.yst{padding-bottom:177px;}
	.youshi .ys_ul .ys_li.ysb{padding-top:177px;}
	.youshi .ys_ul .ys_li .ys_img{height:177px;}
	.youshi .ys_ul .ys_li .ys_img.ysib{top:177px;}
	.youshi .ys_ul .ys_li .ys_txt{height:177px;padding:16px 10px 0;}
	.youshi .ys_ul .ys_li .ys_txt p:first-child{font-size:24px;height:24px;line-height:24px;}
	.youshi .ys_ul .ys_li .ys_txt p:nth-child(2){font-size:18px;height:24px;line-height:24px;}
	
	#newsbg{padding:25px 0 40px;}
	.news .news_span{margin-top:16px;}
	.news .news_left{display:none;}
	.news .news_right{width:100%;float:none;}
	#floatBottom {
    display: block;
    }
}


/*992屏幕*/
@media screen and (max-width:991px){
	#topwrap{display:none;}
	#mobilehead{display:block;}
	.top{display:none;}
	#navbg{display:none;}
	#mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	#mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box.nav_box1{top:70px;}
	
	.ys{ background:#fcfcfc; background-size:cover; padding:30px 0 30px}
	.youshi .ys_ul{margin-top:0;}
	.youshi .ys_ul .ys_li{width:100%;float:none;background:#F0F0F0;margin-top:15px;}
	.youshi .ys_ul .ys_li.yst{padding-bottom:0;background:#ffffff}
	.youshi .ys_ul .ys_li.ysb{padding-top:0; background:#ffffff}
	.youshi .ys_ul .ys_li .ys_img{position:relative;left:0;top:0;float:left;width:50%;padding-bottom:36%;height:auto;}
	.youshi .ys_ul .ys_li .ys_img.ysib{top:0;}
	.youshi .ys_ul .ys_li .ys_img.ysib:after{left:auto;right:0;top:50%;margin-top:-6px;margin-left:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #f0f0f0;border-left:none;}
	.youshi .ys_ul .ys_li .ys_img.ysit:after{left:auto;right:0;top:50%;margin-top:-6px;margin-left:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #f0f0f0;border-left:none;bottom:auto;}
	.youshi .ys_ul .ys_li .ys_img img{position:absolute;left:0;top:0;object-fit:cover;}
	.youshi .ys_ul .ys_li .ys_txt{width:50%;float:right;height:auto;padding:10px 10px 0;}
	.youshi .ys_ul .ys_li .ys_txt p:first-child{font-size:20px;height:20px;line-height:20px;}
	.youshi .ys_ul .ys_li .ys_txt p:nth-child(2){height:22px;line-height:22px;}
	.youshi .ys_ul .ys_li .ys_txt i{margin:5px 0;}
	.youshi .ys_ul .ys_li:hover{background:#11b4c3;}
	.youshi .ys_ul .ys_li:hover .ys_img.ysit:after{border-right:6px solid #11b4c3;border-bottom:6px solid transparent;}
	.youshi .ys_ul .ys_li:hover .ys_img.ysib:after{border-top:6px solid transparent;border-right:6px solid #11b4c3;}

	#footbg{padding:20px 0;}
	#footbg .f_left{width:100%;float:none;padding-top:0;}
	#footbg .f_right{width:100%;float:none;margin-top:20px;padding:20px 20px;}
	
	#newsbg{padding:16px 0 30px;}
	.news .news_right .n_ul:first-child .nr_li, .news .news_right .n_ul:nth-child(2) .nr_li{padding:15px 20px 20px;}
	.news .news_right .n_ul .nr_li .c_txt{padding-bottom:10px;}
	.news .news_right .n_ul .nr_li .c_txt p:first-child{font-size:16px;height:36px;line-height:36px;}
	.news .news_right .n_ul .nr_li .c_txt p:last-child{font-size:13px;}
	.news .news_right .n_ul .nr_li .c_data{margin-top:9px;}
	.news .news_right .n_ul .nr_li{padding:20px 25px 26.5px 25px;}
	.news .news_right .n_ul .nr_li .data{height:79px;}
	.news .news_right .n_ul .nr_li .title{height:79px;}
	.news .news_right .n_ul .nr_li .title p{font-size:16px;line-height:28px;}

	
	
}


@media screen and (max-width:991px){
	#navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;}
	#navbg .nav .secondfloor{top:55px;}
	.index_banner{padding-bottom:40%;}
	#stylepbulic{height:200px;}
	#footbottombg{padding-bottom:55px;}
}


@media screen and (max-width:767px){
	#mobilehead{background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;background-size:auto 50px;}
	.center2.slick-slider{ margin-bottom:10px;}
	#footbg .f_left .p1{font-size:18px;}
	
	#footbg .f_left .f_z{ overflow:hidden}
	#footbg .f_left .f_z .f_txt{ width:100%; float:none}
	
	.footlink .fl_left{width:100%;}
	.footlink .fl_left p:first-child{font-size:24px;height:40px;line-height:40px;}
	.footlink .fl_right{width:100%;}
	#footlinkbg{padding:15px 0;}
	.footlink .fl_left{background:none;padding:0 0 0 0;text-align:center;}
	
	.news .news_span span{padding:0 35px;font-size:16px;}
	.news .news_list{margin-top:0;}
	
	.news .news_right .n_ul{width:100%;float:none;padding-left:0; margin-left:0}
	.news .news_right .n_ul:first-child, .news .news_right .n_ul:nth-child(2){width:100%;}

	
}


/*500屏幕*/
@media screen and (max-width:499px){
	#mobilehead{background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;background-size:auto 50px;}
	#mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box{top:70px;}
	#mobilehead{z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}

	.youshi .ys_ul .ys_li .ys_img{width:100%;padding-bottom:71%;float:none;}
	.youshi .ys_ul .ys_li .ys_txt{width:100%;float:none;padding:15px 10px;}
	.youshi .ys_ul .ys_li .ys_img.ysib:after{left:50%;right:auto;top:auto;margin-left:-6px;margin-top:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #f0f0f0;bottom:0;}
	.youshi .ys_ul .ys_li .ys_img.ysit:after{left:50%;right:auto;top:auto;margin-left:-6px;margin-top:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #f0f0f0;bottom:0;}
	.youshi .ys_ul .ys_li:hover .ys_img.ysit:after{border-bottom:6px solid #11b4c3;border-right:6px solid transparent;}
	.youshi .ys_ul .ys_li:hover .ys_img.ysib:after{border-bottom:6px solid #11b4c3;border-right:6px solid transparent;}

	#footbg .f_left .p1{font-size:15px;}
	#footbg .f_left .f_txt{margin-top:15px;padding-left:0;}
	#footbg .f_left .f_txt i{display:none;}
	#footbg .f_left .f_txt span{font-size:16px;}
	#footbg .f_right .f_title{font-size:13px;text-align:center;}
	#footbg .f_right .feedback li{width:100%;float:none;margin-left:0;margin-top:10px;}


	#newsbg{padding:15px 0;}
	.news .news_span span{padding:0 15px;margin-left:5px;height:36px;line-height:34px;font-size:14px;}
	.news .news_right .n_ul .nr_li{padding:10px 15px;}
	.news .news_right .n_ul:first-child .nr_li, .news .news_right .n_ul:nth-child(2) .nr_li{padding:10px 15px;}
	.news .news_right .n_ul .nr_li .c_txt p:first-child{font-size:16px;height:32px;line-height:32px;}
	.news .news_right .n_ul .nr_li .c_data span:first-child{font-size:24px;height:32px;line-height:32px;}
	.news .news_right .n_ul .nr_li .c_data span:last-child{margin-top:0;}
	.news .news_right .n_ul .nr_li .data{width:60px;height:76px;}
	.news .news_right .n_ul .nr_li .data span:first-child{font-size:22px;height:34px;line-height:34px;}
	.news .news_right .n_ul .nr_li .title{width:calc(100% - 70px);height:76px;}
	.news .news_right .n_ul .nr_li .title p{line-height:26px;font-size:16px;}


}





/*鐢佃剳娴姩*/
.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;width:72px;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-phone .phone{background-color:#FF9C00;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}