about_videoabout_videoabout_videoabout_videoabout_videoabout_video@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:focus{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: 1420px) {
    .container{
        width: 1400px;
    }
}


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

/*top*/

.top{z-index:9999;width:100%; height:105px;position:absolute; top:0; left:0; transition:0.3s } 
.top_nav{ color:#FFF; line-height:40px;}
.top .logo{width:25%;float:left; height:105px;display: flex;display: -webkit-flex;align-items:center;justify-content:left; }
.top .logo img{max-width:100%;}

.top_ny{ position: relative; background: #FFFFFF;}


.qiehuan{ width:5%; transition:0.4s; float:right;text-align:center; height:105px;line-height:105px;font-size:18px;}
.qiehuan a{color:#222222;transition:0.4s;}
/*nav*/
#navbg{ width:70%; transition:0.4s; float:right; }
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{display:inline-block;float:left;width:16.66%;height:105px;line-height:105px;font-size:18px;text-align:center;color:#FFF;cursor:pointer;position:relative; transition:0.3s}
#navbg .nav .firstfloor>li>a{display:block;height:105px;width:100%;color:#ffffff; transition:0.3s}

#navbg .nav .firstfloor>li:hover{ background:none}
#navbg .nav .firstfloor>li:hover:before{background:none;}
#navbg .nav .firstfloor>li:hover>a{color:#eb5520;}
#navbg .nav .secondfloor{position:absolute;left:0;top:109px;z-index:9999;display:none;background:rgb(255,255,255,0.95);width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:45px;height:45px;font-size:13px;margin-left:0;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .nav .secondfloor li a:hover{background:#226fb7;color:#FFF;}

.top_ny #navbg .nav .firstfloor>li>a{display:block;height:105px;width:100%;color:#000000; transition:0.3s}
.top_ny #navbg .nav .firstfloor>li:hover{ background:#eb5520}
.top_ny #navbg .nav .firstfloor>li:hover>a{color:#FFFFFF;}
.top_ny #navbg .nav .firstfloor>li.on{ background:#eb5520}
.top_ny #navbg .nav .firstfloor>li.on a{color:#FFFFFF}

.ad{ background:#0474c3; color:#FFF; line-height:25px; padding:15px 0}
.ad a{ color:#FFF;}


.search{ display: none; position: fixed; width: 100%; top: 90px; left: 0; z-index: 10000; background:rgba(0,0,0,0.6); padding: 20px 0;}
.search form{ width: 60%; margin: 0 auto;}
.search input{ width:90%; float:left; line-height:35px; height: 35px; color:#000; border:none; font-weight:normal; background:#efefef; border-radius: 50px; font-size: 14px; padding: 0 4%;outline:none}
.search .btn1{background: #9e2d36; color:#fff; text-align:center; border:none; height:35px; width:100%; padding:0; border:none; border-left: none;}
.search p{ text-align: center; margin-top: 1rem;}
.sdshow{ display: block;}
.ys-input{ border: 1px solid #ddd; height: 4.8rem; line-height: 4.8rem; box-sizing: border-box; width: 70%; padding: 0 2%; float: left;}
.ys-btn{ background: #034e96; color: #fff; width: 30%; text-align: center; line-height: 4.8rem; height: 4.8rem; border: 0;}


/*mobilehead*/
#mobilehead{height:70px;width:100%;background:url(../images/mlogo.png) no-repeat 10px center #ffffff;display:none;background-size:auto 40px; z-index: 100}
#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(255,255,255,.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:#383838;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;}
/* 响应式样式结束 */


.hui{background:#ededed;}
.sycp{ padding:185px 0; overflow: hidden; position: relative}
.sycp .sycp_tu {text-align:center}
.sycp .sycp_tu img{max-width:100%}

.sycp_zi{ transform:translate(0,-50%); margin-top: 50%}
.sycp_zi p:first-child{font-size:40px;color:#222222;font-weight: bold}
.sycp_zi p:nth-child(2){font-size:30px;color:#999999; font-weight: bold}
.sycp_zi p:nth-child(3){ margin-top:30px; color:#222222;font-size:18px;}
.sycp_zi p:nth-child(3) a{color:#111111}
.sycp_zi p:nth-child(3) .fa{color:#eb5520; margin-left: 5px;}

.pl60{ padding-left:20%}


.about_nr{width:1045px; height: auto; overflow: hidden; padding:78px; background: #eb5520; margin: 100px 0;position: relative;}
.about_nr_nr{width:600px; height: auto; overflow: hidden; line-height: 1.5; color:#FFFFFF}
.about_nr_nr .a1 {font-size:25px;}
.about_nr_nr .a2{color:#f2a691;font-size:30px; font-weight: bold}
.about_nr_nr .a3{ margin-top: -5px;font-weight: bold}
.about_nr_nr .a4{ line-height:1.8;font-size: 16px; padding: 30px 0}
.about_nr_nr .a5 a{ color:#FFFFFF;font-size: 16px;}


.about_tu{ position: absolute; top: 50%;transform: translateY(-50%);right: 0 }

.ys{background:url("../images/ys_bj.jpg") no-repeat top center; background-size: cover; padding: 80px 0}
.ys_nr{ background:#ededed; text-align: center; padding: 30px; margin-top: 15px;}
.ys_tu img{ max-width:100%;}
.ys_1{ color:#999999;font-size:16px; padding: 35px 0 15px;}
.ys_2{color:#222222;font-size:18px; padding: 10px 0 30px}
.ys_3 a{ color:#999999}
.ys_3 a:hover{color:#eb5520}


.news{background:#f8f8f8; padding: 65px 0 }
.news_bt{ padding:0 15px;}
.news_bt .a1 {font-size:25px; color:#222222}
.news_bt .a2{color:#999999;font-size:30px; font-weight: bold}
.news_bt .a3{ margin-top: -5px;font-weight: bold}

.news .about_zi{font-size:100px;color: #f6f6f8;  text-shadow: #e4e5e6 2px 0 0, #e4e5e6 0 2px 0, #e4e5e6 -2px 0 0, #e4e5e6 0 -2px 0;font-family:Arial;font-weight: bold;padding-left: 25px;}
.news .about_bt{padding-left:25px;}
.news_more a{background: linear-gradient(to right, #ec170b , #fe5b14); padding: 10px 25px;color: #FFFFFF;border-radius: 20px;margin-top: 100px;display: inline-block}
.news .news_nr{margin-top:50px;}
.news_z .news_tu img{width:100%;}
.news_z .news_zi{padding:30px 0 15px;position: relative; border-bottom: 1px solid #222222}
.news_z .news_zi .news_rq{color:#969696;font-size: 18px; font-weight: bold}
.news_z .news_t{width:70px;height: 70px;background: #fc5508;line-height: 60px;border-radius: 50%;border: 5px solid #FFFFFF;position: absolute;color: #FFFFFF;text-align: center;font-size: 20px;font-weight: bold;top: -20%;right: 10%}
.news_z .news_nr_bt{font-size: 18px; color: #424242;font-weight: bold;margin: 15px 0 8px;;}
.news_z .news_nr_bt a{ color:#424242;transition: 0.3s;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow: hidden}
.news_z .news_nr_bt a:hover{color:#eb5520}
.news_z .news_nr_zi{margin:10px 0; line-height: 1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-size: 14px; color:#999999}
.news_z .news_nr_more{margin:20px 0}
.news_z .news_nr_more a{color: #222222;transition: 0.3s}
.news_z .news_nr_more a:hover{color:#eb5520}

.news_zi_zi{line-height: 30px;color: #898989;padding: 12px 0;border-bottom: 1px solid #222222}
.news_zi_zi a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color: #424242;font-size: 16px;}
.news_zi_zi a:hover{color:#000000}
.mt30{overflow: hidden;clear: both}


.yqlj{ line-height: 3; background:#222;}
.yqlj a{ display:inline-block; padding: 0 5px; color:#666666}


.download{background:#f0f0f0;}


.footer{ background:#222222;padding: 80px 0 50px;}
.footer_s{margin: 0 auto;}
ul.di_nav li{width:20%; float: left;}

ul.di_nav li a{font-size:18px; color:#ffffff; padding-bottom: 10px;}
ul.di_nav li ul{margin-top:25px;}
ul.di_nav li ul li{width:100%; float: none; }
ul.di_nav li ul li a{color:#999999; font-size:14px; line-height: 2;background: none;}

.f2{text-align:left}
.f2 p:first-child{font-size:18px; color:#ffffff; padding-bottom: 10px;}
.f2 p:nth-child(2){font-size:18px; color:#999999; padding-top: 8px;}
.f2 p:nth-child(3){font-size:14px; color:#999999;}
.f2 p:nth-child(4){ margin-top:15px;}
.f2 p:nth-child(4) i{font-size:16px; color:#222222; background: #ffffff; padding: 8px; margin-right: 8px; border-radius: 50%}

.footer_di{background:#000000; padding: 10px 0; line-height: 2; text-align: left;color:#999999;font-size:14px;}
.footer_di a{color:#999999;}

/*内页*/


.hui1{background:#f8f8f8}
.nybanner{    width: 100%;    height: 500px;    margin: 0 auto;    overflow: hidden;    text-align: left; background-size: cover}


.nybanner1{color:#474747;font-size:46px; font-weight: bold; padding-top: 10%;padding-left:18%}
.nybanner2{color:#474747;font-size:18px;padding-left:18%;padding-top: 10px;}

.nyabout{ padding: 40px 0}
.nyabout_tu{margin-top:30px;}
.nyabout_tu img{ max-width:100%;}
.nyabout_nr{font-size:16px; line-height: 2; color:#222222; margin-top: 30px;}
.about_ys p a{ display:inline-block; background: #eb5520; color: #FFFFFF; padding: 10px 30px; margin: 10px 15px 0px 0; border-radius: 22px;}


.nyys{ padding:80px 0}
.nyys_nr{background:#f8f8f8; padding: 40px ; text-align: center;margin-top: 30px;}
.nyys_zi{font-size:30px; font-weight: bold; color:#222222;padding-top: 15px;}
.nyys_zi1{font-size:16px; color:#999999; padding-top: 15px;}


.nyhonor .honor_tu img{ width:100%}
.nyhonor .honor_nr{ padding-left:11vw; padding-top: 80px;}
.nyhonor .honor_zi{padding:15px; line-height: 1.8;font-size:14px;}


.zjyk{padding:40px 0}

.zjyk_tu{width:48%; margin: 1%;float: left;line-height: 2;}
.zjyk_tu img{width:100%;}
.zjyk_tu p{height: 40px; line-height: 40px; text-align: center; font-size: 16px;}

.zjyk_tu:nth-child(7),.zjyk_tu:nth-child(8),.zjyk_tu:nth-child(9){width:31.3333%; margin: 1%}

/*研发优势*/
.yfys{ margin: 80px 0; overflow: hidden;}
.yf_tu{width:490px; float: left;}
.yf_tu img{max-width:100%;}

.yf_nr{    width: calc(100% - 530px);    float: right}
.yf_bt{font-size:24px; color:#222222; border-bottom: 1px solid #999999; padding-bottom: 15px;}
.yf_zi{font-size:16px; line-height: 1.8; padding: 20px 0}
.yf_k a{display:inline-block; float: left;background: #eb5520; color: #FFFFFF; padding: 10px 30px;margin: 10px 15px 0px 0; border-radius: 22px; }

/*发展历程*/
/*.fzlc{background:url("../images/fzlc.png") no-repeat bottom center; background-size: cover}*/
.fzlc_tu {text-align:center}
.fzlc_tu img{ width:100%}

/*产品*/
.cp_lb{ background: #eb5520; padding: 15px 0; text-align: center}
.cp_lb img{padding-right:15px;}
.cp_lb a{ height:39px; line-height: 39px; margin: 0 30px; font-size: 16px;; color:#FFFFFF}

.nycp{padding:40px 0}
.nycp_fl{width:212px; height: auto; overflow: hidden; float: left; background: #f8f8f8; padding: 20px 0; margin-top: 20px;}
.nycp_fl ul li{width:80%; margin: 0 auto;border-bottom: 1px solid #b6b6b6; line-height: 49px;}
.nycp_fl ul li:last-child{border-bottom:0}
.nycp_fl ul li a{ font-size:18px;color:#222222; }
.nycp_fl ul li a:hover{color:#eb5520}
.nycp_fl ul li ul li {border-bottom:none; line-height: 30px;}
.nycp_fl ul li ul li a{font-size:16px; color:#999999}
.down_nav1{ padding-bottom:10px;}

.nycp_fl .nyl>li>i{float:right;display:block; width: 50px; height: 50px; text-align: center; line-height: 50px;}
.nycp_fl .nyl>li>ul{display:none;}

.ul_li .nyl>li>i{float:right;display:block;width: 50px; height: 50px; text-align: center; line-height: 50px;}
.ul_li .nyl>li>ul{display:none;}

.product_wrap_li{ width: calc(100% - 240px);    float: right}
.product_wrap_li li{background:#f8f8f8;margin-top:20px;width:23.8%;float:left;margin-left:1.6%; padding-bottom: 20px; transition: 0.3s}
.product_wrap_li li:nth-child(4n+1){margin-left:0;}
.product_wrap_li li .p_img{width:100%;padding-bottom:100%;position:relative;overflow:hidden;text-align: center}
.product_wrap_li li .p_img img{object-fit:cover;width:80%;position:absolute;left:0;right: 0;bottom: 0; top:0;margin: auto;display:block;}
.product_wrap_li li .p_img .videoicon{background:url(../images/videoicon.png) no-repeat center center rgba(0,0,0,.3);position:absolute;left:0;top:0;background-size:60px auto;display:block;width:100%;height:100%;}
.product_wrap_li li p{margin:0;line-height:43px;color:#666;text-align:center;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_wrap_li li p a{color:#666;}


.product_wrap_li li:hover{-moz-box-shadow:0px 0px 8px #dddddd; -webkit-box-shadow:0px 0px 8px #dddddd; box-shadow:0px 0px 8px #dddddd;}
.product_wrap_li li:hover p a{color:#eb5520;}

 .product_left{width:100%;}
 .product_left .pl_top{width:130px;height:50px;background: linear-gradient(to right, #eb5520 , #eb5520);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);}

.nycp{ padding:50px 0}
.nycp .sycp_tu{text-align:center}
.nycp .sycp_tu img{max-width:90%;}

.nycp_xq{ padding:40px 0}
.container_left{width:600px;float:left;}
.nycp_xq_bt{font-size:24px;}
.nycp_xq_nr{line-height: 2;font-size:16px;color:#999999; padding:20px 0;overflow: hidden;}
.nycp_xq_nr img{ max-width:100%}

.nycp_xq_nrtu{ width:600px;float:right;}


/*新闻*/


.news_fl{ background:#f8f8f8; padding: 30px 0}
.news_ul{ text-align:right; padding-right: 24px}
.news_ul a{ padding: 0 20px; color:#222222;font-size: 16px;}
.news_ul a:hover{ color:#eb5520}

.nynews{ padding:30px 0}

.nynews .news_z .news_zi {    padding: 30px 0 30px;}
.nynews .news_z{ margin-top:20px; margin-bottom: 30px; }
.nynews_nr{background:#f8f8f8; padding:50px 0 80px}

.nynews_bt{ font-size:30px; color:#222222;text-align: center;}
.nynews_rq{padding:15px 0;color:#999999;font-size:16px;text-align: center}
.nynews_zi{line-height:2; font-size:16px;color:#222222; padding: 30px 0;width: 70%; margin: 0 auto;text-align: justify}

.ym{width:100%; margin: 0 auto; clear: both;margin-top: 40px;}
.ym .syy,.ym .xyy{width:50%; float: left; background: #ffffff; text-align: center;cursor: pointer;height: 50px;line-height: 50px; transition: 0.3s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ym .syy a,.ym .xyy a{color:#222222;transition: 0.3s}
.ym .syy:hover,.ym .xyy:hover{background:#eb5520}
.ym .syy:hover a,.ym .xyy:hover a{color:#FFFFFF}

.xgtj{padding:40px 0}
.xg_bt{font-size:25px; padding: 20px 0 20px;text-align: center}

.xgtj .news_zi {    padding: 30px 0;    position: relative;    border-bottom: 0;}



/*问题*/
.wt{ margin: 40px 0;overflow:hidden;background: linear-gradient(to right, #eb5520 300px, #f8f8f8 5%)}
.wt_l{width:300px; height: auto; overflow: hidden; background: #eb5520; float: left; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; line-height: 300px;letter-spacing:30px;  font-size: 36px;color:#FFFFFF;padding: 130px 0 100px 0}
.wt_r{ width: calc(100% - 400px); float: right; padding: 20px 0;margin-right: 50px;}

.wt_r input,.wt_r textarea{border:none; background: none;box-shadow:none; border-bottom: 1px solid #999999; border-radius: 0;}
.wt_r .form-control:focus{ border-color:none; box-shadow: none; border-bottom: 1px solid #000000} 
.wt_r .form-group{overflow:hidden;}
.wt_r .form-group .form-control{ padding:8px 0}
.wt1{ color:#222222; font-size: 18px; margin-bottom: 20px; margin-top: 20px;}
.wt2{ margin-bottom:30px;}

.wt3{ color:#999999; font-size: 16px; margin-bottom: 20px; margin-top: 20px;}


.wt_r .form-group button{ background:#eb5520;padding: 8px 20px; color:#FFFFFF;margin-top: 30px;}


.panel-group .panel {border-radius: 5px; margin-bottom: 15px;}
.panel { border: 1px solid #9a9a9a;background: none;  box-shadow: none; }
.panel-group > .panel:first-child .panel-heading {  border-radius: 4px 4px 0 0;}
.panel-group .panel + .panel {  margin-top: 0;}
.panel-heading {  border-radius: 0;  border: none;  color: #fff;  padding: 0;}
.panel-title a {  display: block;  color: #222222;  padding: 15px;  position: relative;  font-size: 16px;  font-weight: 400;}
.panel-title a b{font-weight:normal; color:#eb5520; padding-right: 15px;}

.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:none}
.panel-body {  background:none;color:#999999;padding: 10px 20px 30px}
.panel:last-child .panel-body {  border-radius: 0; }
.panel:last-child .panel-heading {  border-radius: 0 0 4px 4px;  -webkit-transition: border-radius 0.3s linear 0.2s;  transition: border-radius 0.3s linear 0.2s;}
.panel:last-child .panel-heading.active {  border-radius: 0;  -webkit-transition: border-radius linear 0s;  transition: border-radius linear 0s;}
/* #bs-collapse icon scale option */
.panel-heading a:before {  content: '\e146';  position: absolute;  font-family: 'Material Icons';  right: 5px;  top: 10px;  font-size: 24px; -webkit-transition: all 0.5s;  transition: all 0.5s;  -webkit-transform: scale(1);          transform: scale(1);}
.panel-heading.active a:before {  content: ' ';  -webkit-transition: all 0.5s;  transition: all 0.5s;  -webkit-transform: scale(0);          transform: scale(0);}

#accordion .panel-heading a:before {  content: '\e316';  font-size: 24px;  position: absolute;  font-family: 'Material Icons';  right: 10px;  top: 10px;  -webkit-transform: rotate(90deg);          transform: rotate(90deg);  -webkit-transition: all 0.5s;
  transition: all 0.5s; width: 29px; height: 29px; background: #dedede; line-height: 29px; text-align: center; color:#FFFFFF; border-radius: 50%}
#accordion .panel-heading.active a:before {  -webkit-transform: rotate(180deg);          transform: rotate(180deg);  -webkit-transition: all 0.5s;  transition: all 0.5s;}


/*翻页*/
.clear{clear:both}
.pager{text-align: right;font-size: 2rem; color: #ffffff;}
.pager a{ width:35px; height: 35px; line-height:35px; display: inline-block;margin:0 2px; color: #ffffff; text-align: center;  background: #222222; font-size: 14px; }
.pager span{ width:60px; height: 35px; line-height:35px; display: inline-block;margin:0 2px; color: #ffffff; text-align: center;  background: #222222; font-size: 14px; }
.pager span.current,.pager a:hover,.pager a.on,.pager a.current{ background: #eb5520;color:#fff;}
.pager span.current,.pager a:hover,.pager a.on,.pager a.page-num-current{ background: #eb5520;color:#fff;}
.pager a.on{ padding: 0 20px;}
.pager span.sfont{ width: auto; margin-left: 10px;}
.pager input{width: 50px;height: 50px;border: 1px solid #A5A5A5; line-height:50px; text-align: center;}


/*加盟*/
.jiameng_bt{ font-size:24px; color:#222222; padding: 30px 0; border-bottom: 1px solid #999999}
.jm_l_bt{font-size:24px; color:#111111; font-weight: bold; margin-top: 40px;}
.jm_l_zi{ padding:20px 0; line-height: 2; color:#999999; font-size: 16px;}

.jm_tu{text-align: center; margin-top: 30px; position: relative}
.jm_tu::after{content:'>'; position: absolute; transform:translate(0,-50%); top: 50%; right: -20px; font-size: 20px; color:#999999}

.jm_lc_tu .col-md-2:last-child .jm_tu::after{ content:none}
.jm_tu img{max-width:100%;}
.jm_zi{text-align: center;padding: 20px 0; font-size: 16px; color:#999999}

.yyzc_bt{ font-size:24px;color:#222222; text-align: center; padding: 40px 0 30px }
.yyzc_fbt{ font-size:14px;color:#999999; line-height: 1.8; text-align: center; width:60%; margin: 0 auto; margin-bottom: 40px;}

 .ly_nr{  background:#FFF; text-align:center}
 .ly_nr .ly_tu img{ max-width:100%}
 .ly_nr .ly_zi{ max-height:255px; padding:54px 45px}
 .ly_nr .ly_zi .ly_zi1{ font-size:18px;  font-family:Arial, Helvetica, sans-serif; color:#222222}
 .ly_nr .ly_zi .ly_zi2{ font-size:14px;  padding:5px 0; color:#333333}
 .ly_nr .ly_zi .ly_zi3 { color:#727272; font-size:14px; line-height:1.8; min-height: 80px; padding:0 8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}


 /*招聘*/
.nyzp_fl{width:350px; height: auto; overflow: hidden; float: left; background: #f8f8f8; padding: 20px 0; margin-top: 20px;}
.nyzp_fl ul li{width:80%; margin: 0 auto;border-bottom: 1px solid #b6b6b6; line-height: 49px;}
.nyzp_fl ul li:last-child{border-bottom:0}
.nyzp_fl ul li a{ font-size:18px;color:#222222; }
.nyzp_fl ul li ul li {border-bottom:none; line-height: 30px;}
.nyzp_fl ul li ul li a{font-size:16px; color:#999999}
.nyzp_fl ul li ul li a:hover{color:#eb5520}


.zp_nr { width: calc(100% - 380px);    float: right; margin-top: 20px;}
.zp_xq{ background:#f8f8f8; padding:40px; position: relative;margin-bottom: 20px;}
.zp_xq .zpxq_bt{ color:#222222;font-size: 20px;}
.zp_xq .zpxq_nr{ font-size:16px; color:#999999; padding-top: 10px;}
.zp_xq .zpmore{ position: absolute; right: 5%; top: 50%;transform:translate(0,-50%);color:#999999; font-size: 20px; transition: 0.2s }
.zp_xq .zpmore span{color:#f8f8f8; transition: 0.2s}
.zp_xq a:hover .zpmore{ color:#eb5520;right: 7%}
.zp_xq a:hover .zpmore span{ color:#eb5520; }

.zhaopin_bt{ background:#eb5520; font-size:20px; color:#fefefe; line-height: 77px; text-align: center;position: fixed;top: 0;left: 0;width:100%}
.zhaopin_fbt{width:90%; margin: 0 auto; font-size:16px; color:#999999; padding: 20px 0;margin-top: 77px;}
.zhaopin_nr{ width:90%; margin: 0 auto; padding: 20px; background: #f8f8f8; min-height: 400px; margin-bottom: 40px; }
.zhaopin_nr .z1{ font-size:18px; color:#222222; padding: 20px 0; }
.zhaopin_nr .z2{ font-size:16px; color:#999999; line-height: 2}
.zhaopin_nr .z3{text-align:center;}
.zhaopin_nr .z3 a{display:inline-block; padding: 10px 35px; background: #eb5520; color:#FFFFFF;font-size:16px; border-radius: 30px}


.lx{ margin:40px 0; overflow: hidden}
.lx_tu img{max-width:100%}
.lx_nr{padding-top:50px;}
.lx_nr p:first-child{ font-size:16px;color:#999999;}
.lx_nr p:nth-child(2){font-size:24px; color:#222222}
.lx_nr p:nth-child(3){font-size:16px; color:#999999;padding-top: 35px; line-height: 1.8}
.lx_nr p:nth-child(4){ margin-top:20px;; position: relative}
.lx_nr p:nth-child(4) i{font-size:30px; color:#FFFFFF; background: #eb5520; padding: 10px; margin-right: 15px; border-radius: 50%}




.b_wz{ position: absolute; top:40%;left: 15%;z-index: 10000}

.b_wz .n1{ color:#FFFFFF; font-size:48px; font-weight: bold;}
.b_wz .n2{ color:#FFFFFF; font-size:36px;}
.b_wz .n3{ background: #eb5520; font-size:30px; display:inline-block; color:#FFFFFF; padding: 5px 40px; border-radius: 40px;}



.pc-call{position:fixed;bottom:10%;right:0;width:50px;z-index: 1000;}
.pc-call li{ width: 50px; height: 50px; background-image: linear-gradient(-220deg,#ff9e1d,#ff9e1d); margin-bottom: 2px; border-radius: 10px 0 0 10px; position: relative; line-height: 50px; right: 0;}
.pc-call li a{ color: #fff;}
.pc-call .pc-Top{ background: #cbcbcb; text-align: center; color: #fff; font-size: 20px; font-family: impact; cursor: pointer; position: relative;}
.pc-call .pc-Top:before{ content: ""; background: url(../images/pointer.png) no-repeat; width: 10px; height: 5px; position: absolute; top: -5px; left: 0; right: 0; margin: 0 auto;}
.pc-call .pc-font{}
.pc-call .pc-font span{display: block; line-height: 20px; text-align: center; padding-top: 6px;}
.pc-call .pc-icon i{ display: inline-block;}
.pc-call .pc-icon .qq{ display: inline-block; background: url(../images/qq.png) no-repeat center center; background-size:70% ; width: 100%; height: 100%;}
.pc-call .pc-tel a{ background-image: linear-gradient(-220deg,#ff9e1d,#ff9e1d); margin-bottom: 2px; border-radius: 10px 0 0 10px; display: block; position: absolute; right: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.pc-call .pc-tel .tel{ display: inline-block; background: url(../images/tel.png) no-repeat center center; width: 50px; height: 100%; vertical-align: middle; background-size:70% ;}
.pc-call .pc-tel span{ display: inline-block; color: #fff; vertical-align: middle; font-size: 16px;}
.pc-call .pc-tel:hover a{ width: 190px;}
.pc-call .pc-code .code{ display: inline-block; background: url(../images/code.png) no-repeat center center; width: 100%; height: 100%; background-size:70% ;}
.pc-call .pc-code .code-img{position: absolute; right: 0; bottom: 0; width: 150px; height: 150px; display: none; transition: all 0.5s;}
.pc-call .pc-code .code-img img{ width: 100%;}
.pc-call .pc-code:hover .code-img{ display: block; right: 60px; transition: all 0.5s;}


.lx{width:80%; margin: 40px auto; overflow: hidden}



#mob-call {position: fixed;bottom: 0;height: 50px;width: 100%;background: #515151;left: 0; z-index: 1000;}
#mob-call li {display: block; text-align: center;}
#mob-call li i{ display: inline-block; width: 100%; height: 25px; background: url(../images/qq.png) no-repeat center center; background-size: auto 90%; margin-top: 5px;}
#mob-call #call-list {position: initial}
#mob-call #call-list li:active {background: rgba(0, 0, 0, .3);border-radius: initial}
#mob-call #call-list .item {width: 25%;background: 0 0;display: block;float: left;position: static;position: initial;}
#mob-call #call-list .item a {display: block;height: 100%;width: 100%;margin: 0;padding: 0; color: #fff;}
#mob-call #call-list .item span{ margin-top: -6px; display: block;}
#mob-call #call-list .item-top i{ background-image: url(../images/top.png);}
#mob-call #call-list .item-tel i{ background-image: url(../images/tel.png);}
#mob-call #call-list .item-code i{ background-image: url(../images/code.png);}
#mob-call #call-list .item-home i{ background-image: url(../images/home.png);}
#mob-call #call-list .item-qq i{ background-image: url(../images/qq.png);}
#mob-call #call-list .item-cp i{ background-image: url(../images/cp.png);}


#mob-call .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:62%;margin-left:-44px;display:none;}
#mob-call .ewm img{width:100%;height:100%;display:block;}




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

.sycp{ padding:130px 0}
.nyhonor .honor_nr{ padding-left:4vw; padding-top: 80px;}
	
	

	
	
}

 

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

.sycp{ padding:100px 0}	

	.about_tu{text-align:right}
	.about_tu img{width:80%}
	.about_nr_nr {    width: 500px;}
	
	.nyhonor .honor_nr{ padding-left:4vw; padding-top: 40px;}
	
	.nynews_zi{width: 80%;}
	
	.yyzc_fbt{ width:80%}
	
.lx_nr{padding-top:30px;}
.lx_nr p:first-child{ font-size:16px;color:#999999;}
.lx_nr p:nth-child(2){font-size:22px; color:#222222}
.lx_nr p:nth-child(3){font-size:16px; color:#999999;padding-top: 30px; line-height: 1.8}
.lx_nr p:nth-child(4){ margin-top:20px;}
.lx_nr p:nth-child(4) i{font-size:30px; color:#FFFFFF; background: #eb5520; padding: 10px; margin-right: 15px; border-radius: 50%}
	
	
}

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

#navbg{width:70%;float: right}
.sycp{ padding:80px 0}	

	.nybanner{      height: 400px; }
	
.about_tu img{width:60%}	
.about_nr_nr {    width: 450px;}
.about_nr{width:100%}
	
	.nyabout_nr{font-size:14px;}	
	
	.nyhonor .honor_nr .news_bt .a1{font-size:20px;}
	.nyhonor .honor_nr .news_bt .a2{font-size:15px;}
	
	
.yf_tu{width:350px; float: left;}
.yf_nr{    width: calc(100% - 380px);    float: right}	
.yf_bt{font-size:20px; color:#222222; border-bottom: 1px solid #999999; padding-bottom: 15px;}
.yf_zi{font-size:14px; line-height: 1.8; padding: 20px 0}
	
	.product_wrap_li li{width:32%;margin-left:2%;}
	.product_wrap_li li:nth-child(4n+1){margin-left:2%;}
	.product_wrap_li li:nth-child(3n+1){margin-left:0;}
	
	.nynews_zi{width: 100%;}
	
	
	.ly_nr .ly_zi{ max-height:255px; padding:11px 10px}

	.lx_nr{padding-top:20px;}
.lx_nr p:first-child{ font-size:13px;color:#999999;}
.lx_nr p:nth-child(2){font-size:16px; color:#222222}
.lx_nr p:nth-child(3){font-size:14px; color:#999999;padding-top: 20px; line-height: 1.8}
.lx_nr p:nth-child(4){ margin-top:20px;}
.lx_nr p:nth-child(4) i{font-size:20px; color:#FFFFFF; background: #eb5520; padding: 10px; margin-right: 15px; border-radius: 50%}
	
	
.b_wz{  top:35%;left: 0%; width: 100%;}	
.b_wz .n1{ font-size:38px;}
.b_wz .n2{ font-size:26px;}
.b_wz .n3{  font-size:20px; padding: 5px 30px; border-radius: 30px;}
	
}



/*992屏幕*/
@media screen and (max-width:992px){
	#mobilehead{display:block;}
	.top{display:none;}
	.product_list li{width:32%;}	
	#navbg{display:none;}
	#navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;}
	#navbg .nav .secondfloor{top:55px;}
	
	.mhead{ position:fixed}
	.sycp{ padding:50px 0}	
	
		.nybanner{      height: 300px; }
	.about_nr_nr {    width:100%}
	.about_tu { position:relative;    top: 0%;;text-align: center;display: none}
	
		
.yf_tu{width:100%; float: none;}
.yf_nr{   width:100%;   float: none; margin-top: 20px;}	
.product_wrap_li{ width: 100%;float: none; margin-top: 15px;}
	
.wt{ margin: 40px 0;overflow:hidden;background: #f8f8f8 }	
.wt_l{width:100%; height: auto; overflow: hidden; background: #eb5520; float: none; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; line-height: 40px;letter-spacing:5px;  font-size: 25px;color:#FFFFFF;padding: 20px;text-align: center}
.wt_r{ width: 100%; float: none; padding: 20px ;margin-right: 0px; margin-top: 20px;}
		.yyzc_fbt{ width:100%}
	
.ly_nr .ly_tu img{ width:100%}
.ly_nr .ly_zi{ max-height:319px;  padding:78px 30px}
	
	.zp_nr{ width: 100%;float: none; margin-top: 15px;}
	
	.lx_nr{padding-top:30px;}
.lx_nr p:first-child{ font-size:16px;color:#999999;}
.lx_nr p:nth-child(2){font-size:22px; color:#222222}
.lx_nr p:nth-child(3){font-size:16px; color:#999999;padding-top: 30px; line-height: 1.8}
.lx_nr p:nth-child(4){ margin-top:20px;}
.lx_nr p:nth-child(4) i{font-size:30px; color:#FFFFFF; background: #eb5520; padding: 10px; margin-right: 15px; border-radius: 50%}
	
}

@media screen and (max-width:768px){
	#mobilehead{background-size:auto 34px;}
	.news_nr ul li{ width: 90%; margin: 0 auto}
	.news_zi p:first-child{ margin-top:35px;}
	.product_list li{width:50%;}
	.about_bj .a1 p:first-child{ font-size:20px;}
	.about_bj .a1 p:nth-child(2){padding-top:15px; font-size: 14px; line-height: 2}
	.footer_s{width:100%; margin: 0 auto;}
	
	.nycp{ padding:15px 0}
	
	.sycp_zi{ margin-top: 20%}
	.sycp_zi p:first-child{font-size:25px;color:#222222;font-weight: bold}
	.sycp_zi p:nth-child(2){font-size:20px;color:#999999; font-weight: bold}
	.sycp_zi p:nth-child(3){ margin-top:20px; color:#222222;font-size:18px;}
	.pl60{ padding:0}
	.about_nr{padding:15px; margin: 20px 0 }
	.ys_tu img {    max-width: 60%;}
	
	
	
	.news_bt .a1 {font-size:20px; color:#222222}
	.news_bt .a2{color:#999999;font-size:20px; font-weight: bold}
	.news_bt .a3{ margin-top: -5px;font-weight: bold}
	
	ul.di_nav li {    width: 25%;    float: left; text-align: center}
	
	.nybanner{      height: 250px; }
	
	.mnybanner img{ max-width: 100%}
	
		.product_wrap_li li{width:48%;margin-left:4%;}
	.product_wrap_li li:nth-child(4n+1){margin-left:4%;}
	.product_wrap_li li:nth-child(3n+1){margin-left:4%;}
	.product_wrap_li li:nth-child(odd){margin-left:0;}
	
	.nynews_nr{padding:30px 0 50px}

	.nynews_bt{ font-size:20px; }
	.nynews_zi{width: 100%; font-size:14px; line-height: 1.8}

	.jm_lc_tu .col-md-2:nth-child(3) .jm_tu::after{ content:none}
	
   .ly_nr{ border-bottom:1px solid #eeeeee}
   .ly_nr .ly_tu img{ width:100%}
   .ly_nr .ly_zi{ max-height:200px;  padding:15px 30px}
	

.b_wz{  top:35%;left: 10%; width: 100%; text-align: left;}	
.b_wz .n1{ font-size:23px;}
.b_wz .n2{ font-size:16px; margin: 10px 0}
.b_wz .n3{  font-size:16px; padding: 5px 40px; border-radius: 20px;}
	
	ul.di_nav li a {    font-size: 15px;    color: #ffffff;    padding-bottom: 5px;}	
	
	
	.footer_di { padding-bottom:60px;}
	
	.nybanner{text-align:center}	
.nybanner1{color:#474747;font-size:30px; font-weight: bold; padding-top: 10%;padding-left:0%}
.nybanner2{color:#474747;font-size:18px;padding-left:0%;padding-top: 10px;}
	
	.lx{width:100%;}
	}


/*500屏幕*/
@media screen and (max-width:499px){
	#mobilehead{background-size:auto 24px;}
	#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;}

	.product_list li{width:100%;}
	.lx_nr p:nth-child(3){ padding-top:0px; margin-bottom:15px;}
	
	.product_wrap_li li{width:100%;margin-left:0;}
	.product_wrap_li li:nth-child(4n+1){margin-left:0%;}
	.product_wrap_li li:nth-child(3n+1){margin-left:0%;}
	
	
.b_wz{  top:29%;left: 8%; width: 100%; text-align: left;}	
.b_wz .n1{ font-size:20px; font-weight:normal}
.b_wz .n2{ font-size:12px; margin: 8px 0}
.b_wz .n3{  font-size:13px; padding: 3px 30px; border-radius: 20px;}
	
}

/*鐢佃剳娴姩*/
.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;}

/*鎵嬫満娴姩*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../images/kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(../images/kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(../images/kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(../images/kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}