@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;
}
.clear{clear:both;}

/*1320屏幕*/

@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*/
.top_nav{ background:#b90000; color:#ffbdbd; line-height:40px; border-bottom:1px solid #db9595}

.top_nav .wz2{ padding:0 10px; border-left:1px solid #ffbdbd}
.top_nav .wz2 i{ color:#ffbdbd}
.top_nav .wz2 a{ color:#ffbdbd; font-size:12px;}
.top_nav .wz3{ padding:0 10px; border:1px solid #ffbdbd; border-top:none; border-bottom:none}
.top_nav .wz3 i{ color:#ffbdbd}
.top_nav .wz3 a{ font-size:13px; color:#ffbdbd}

.w_bq{ color:#ffbdbd}
.wz{ text-align:right}


/*top*/
.top{z-index:9999;width:100%;padding:18px 0;}
.top .logo{width:815px;float:left;height:71px;margin-top:3px;background:url(../images/logo.jpg) no-repeat left center;background-size:auto 100%;}
.top .logo a{display:block;text-indent:-9999px;overflow:hidden;height:100%;}
.top .logo img{width:100%; padding-top:3px;} 
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_ewm{padding:0 0 0 55px;line-height:32px;float:left;font-size:18px;}
.top .top_right{padding:0px 1px;float:right;}
.top .top_right .top_phone{background:url(topphone.jpg) no-repeat left center;margin:0px 0 10px;padding:0 0 0 115px;float:left;height: 78px;}
.top .top_right .top_phone p{margin:0; font-size:28px; color:#e6302f;  font-weight:bold;padding-top: 5px;}

.topfix{ position:fixed; top:0; left:0; z-index:100000}
/*nav*/
#navbg{width:100%; transition:0.4s; border-top:1px solid #e6302f; background:#FFF; border-bottom:1px solid #eeeeee}
#navbg .pcnav{}
#navbg .pcnav ul{margin-bottom:0;}
#navbg .pcnav .firstfloor>li{display:inline-block;float:left;width:11.11%;height:55px;line-height:55px;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}
#navbg .pcnav .firstfloor>li:before{content:'';width:1px;height:15px;background:#888888;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#navbg .pcnav .firstfloor>li:last-child:before{content:none;}
#navbg .pcnav .firstfloor>li>a{display:block;height:55px;width:100%;color:#222222;}
#navbg .pcnav .firstfloor>li:hover{ background:url(../images/nav_h.jpg) no-repeat bottom center}
#navbg .pcnav .firstfloor>li:hover:before{background:#3998DF;}
#navbg .pcnav .firstfloor>li:hover>a{color:#222222;}
#navbg .pcnav .secondfloor{position:absolute;left:0;top:56px;z-index:9999;display:none;background:#FFF;width:100%;border-top:none;box-sizing:border-box;}
#navbg .pcnav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:50px;height:50px;font-size:13px;margin-left:0;}
#navbg .pcnav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .pcnav .secondfloor li a:hover{background:#e6302f;color:#FFF;}

/*mobilehead*/
/*.top{height:70px;width:100%;background:url(../images/logo.jpg) no-repeat 10px center #FFF;display:none;background-size:auto 50px;}
.top .logo{width:calc(100% - 120px);height:70px;display:block;float:left;}*/
.top .nav{float:right;display:none;}
.top .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;}
.top .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;}
.top .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
.top .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;}
.top .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
.top .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
.top .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.top .nav .nav_one>li>ul{display:none;}
.top .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
.top .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
.top .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
.top .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%);}
.top .nav .push-nav.on .nav-toggle{margin-left:-4px;}
.top .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;}
.top .nav .push-nav .nav-toggle span.two{width:30px;}
.top .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
.top .nav .push-nav.on .nav-toggle span{ opacity:1;}
.top .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.top .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
.top .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
.top .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
.top .nav .nav_contact .nav_txt{width:100%;}
.top .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;}
.top .nav .nav_contact .nav_txt span a{color:#666;}
.top .nav .nav_contact .nav_txt span.sitemapicon{background:url(mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
.top .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;}
.top .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/* 响应式样式结束 */






/*产品展示*/
.cpzs{padding-bottom:30px; overflow:hidden}
.cpzs .cpzs_bt{ padding:50px 0 25px; text-align:center; position:relative}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:39px; color:#888; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.cpzs .cpzs_bt .fwxm_bt2{ font-size:28px; color:#ffffff; font-weight:bold;  padding:0px 0; background:#e6302f; width:228px; height:41px; margin:0 auto; line-height:41px; position:relative; z-index:10}
.cpzs .cpzs_bt .fwxm_bt2.w1{width:315px;}
.cpzs .cpzs_bt .fwxm_bt3 img{ max-width:100%; position:relative; top:-30px;}

@media (max-width : 1200px) {
.cpzs .cpzs_bt .fwxm_bt1{ font-size:39px; color:#c0b2b2; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.cpzs .cpzs_bt .fwxm_bt2{ font-size:28px; color:#ffffff; font-weight:bold;  padding:0px 0; width:228px; height:41px; margin:0 auto; line-height:41px; position:relative; z-index:10}
.cpzs .cpzs_bt .fwxm_bt3 img{ max-width:100%; position:relative; top:-30px;}
}



@media (max-width : 768px) {
.cpzs .cpzs_bt .fwxm_bt1{ font-size:25px; color:#c0b2b2; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.cpzs .cpzs_bt .fwxm_bt2{ font-size:18px; color:#ffffff; font-weight:bold;  padding:0px 0; width:150px; height:30px; margin:0 auto; line-height:30px; position:relative; z-index:10}
.cpzs .cpzs_bt .fwxm_bt3 img{ max-width:100%; position:relative; top:-25px; height:1px}
}

.cpfl{ margin:20px auto;}
.cpfl ul li{ float:left; width:14%; line-height:53px; text-align:center; background:#dcdcdc; display:block; margin-left:0.285%; margin-top:1%;transition-duration: 0.3s;}
.cpfl ul li a{ display:block; color:#000000; font-size:17px;transition-duration: 0.3s;}
.cpfl ul li:hover{ background:#e6302f}
.cpfl ul li:hover a{ color:#FFF}



 .product_left{width:100%; margin-top:5px;}
 .product_left .pl_top{width:130px;height:50px;background:#e6302f;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:50px;line-height:50px;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;}


.cp_zi{ font-size:24px; color:#00b311; font-weight:bold; text-align:center; padding:20px 0}
.cp_dh{ background:url(../images/dh.png) no-repeat 18px; padding-left:70px; font-size:15px; color:#00b311; font-weight:bold}
.cp_dh span{ font-size:18px;}

.cpgd_bt{ overflow:hidden}
.cpgd1{ float:left; background:url(../images/c_l.png) no-repeat 0px 7px; font-size:27px; color:#555555; font-weight:bold; padding-left:20px;}
.cpgd2{ float:left; background:url(../images/cp_h.jpg) no-repeat; height:20px; width:60%; margin-left:50px; margin-top:10px;}
.cpgd3{ float:right; font-size:16px; padding-top:10px;}



.center{ margin-top:35px;}
.center .slid_img1{ margin:0 7px; }
.center .slid_img1 img{ border:1px solid #dddddd}
.center .slid_img1 p{  line-height:50px; padding-top:20px;}
.center .slid_img1 p a{ color:#191919; font-size:16px}
.center .slid_img1 p a:hover{ color:#191919}

.center .slick-prev{   left: -50px;background: url(../images/c_l.png) no-repeat;  width: 28px; height: 56px; top:35% }
.center .slick-next{  right: -50px;background: url(../images/c_r.png) no-repeat;  width: 28px; height: 56px; top:35%}

.cp_more{ margin:0 auto; width:206px; height:34px; border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd; line-height:34px; text-align:center; margin-top:15px;}
.cp_more a{ font-size:16px; font-weight:bold; color:#878787}



/*定制*/
.dz{ background:url(../images/dz_bj.jpg) no-repeat top center; background-size:cover;}
.dz .col-md-6{ padding:0}
.dz .dz_l{ background:url(../images/dz_2.jpg) no-repeat top center; height:100%; background-size:cover; position:relative}
.dz .dz_l img{ width:100%}
.dz .dz_r img{ width:100%}
.dz .dz_l .dz_l_logo{ position:absolute; top:0; left:-15px;}
.dz .dz_l .dz_l_zi{ position:relative; top:90px; left:150px;} 
.dz .dz_l .dz_l_zi .dz_l_1{ font-size:34px; font-weight:bold;color:#e6302f;}
.dz .dz_l .dz_l_zi .dz_l_2{ font-size:24px; font-weight:bold; color:#FFF; padding:20px 0 15px 0}
.dz .dz_l .dz_l_zi .dz_l_3{ font-size:17px; line-height:2; color:#FFF}
.dz .dz_l .dz_l_zi .dz_l_4{ margin-top:35px;}
.dz .dz_l .dz_l_zi .dz_l_4 a{background:#e6302f; width:168px; height:38px; display:block; line-height:35px; text-align:center; color:#FFF; font-size:17px; font-weight:bold; border-radius:25px;}

.dz .dz_r{ background:#e6302f; height:100%;}
.dz .dz_r .dz_r_zi{ color:#FFF; font-size:20px; padding-top:15%; padding-left:10%; line-height:1.8}
.dz .dz_r .dz_r_zi i{ font-size:35px; margin-top:20px;}
.dz .dz_r .dz_r_zi a{ color:#ffffff;}

.dz_y:after{ content:"—— 防火防盗门订做-批发-报价"; position:absolute ; right:-45px; top:35px;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl; font-size:28px; font-weight:bold; color:#a7a7a7}

@media (max-width : 1320px) {
.dz .dz_l .dz_l_zi{ position:relative; top:70px; left:130px;} 	
.dz .dz_r .dz_r_zi{ color:#FFF; font-size:16px; padding-top:15%; padding-left:10%; line-height:1.8}
.dz .dz_r .dz_r_zi i{ font-size:30px; margin-top:16px;}
.dz_y:after{ content:"—— 防火防盗门订做-批发-报价"; position:absolute ; right:-45px; top:20px;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl; font-size:24px; font-weight:bold; color:#a7a7a7}
}

@media (max-width : 1200px) {
.dz .dz_l .dz_l_zi{ position:relative; top:30px; left:120px;} 	
.dz .dz_l .dz_l_zi .dz_l_1{ font-size:25px; }
.dz .dz_l .dz_l_zi .dz_l_2{ font-size:20px; font-weight:bold; color:#FFF; padding:15px 0 15px 0}
.dz .dz_l .dz_l_zi .dz_l_3{ font-size:14px; line-height:2; color:#FFF}
.dz .dz_l .dz_l_zi .dz_l_4{ margin-top:35px;}
.dz_y:after{ content:"";}
}


@media (max-width : 992px) {
.dz .dz_l{ background:url(../images/dz_2.jpg) no-repeat top center; height:100%; background-size:cover; position:relative; padding-bottom:50px;}
.dz .dz_l .dz_l_zi{ position:relative; top:30px; left:180px;} 	
.dz .dz_r .dz_r_zi{ color:#FFF; font-size:16px; padding-top:18%; padding-left:15%; line-height:1.8}
.dz .dz_r .dz_r_zi i{ font-size:30px; margin-top:16px;}
.dz .dz_r .dz_r_zi{ color:#FFF; font-size:20px; padding-top:18%; padding-left:15%; line-height:1.8}
.dz .dz_r .dz_r_zi i{ font-size:35px; margin-top:20px;}
.dz .dz_r .dz_r_zi a{ color:#ffffff;}
}

@media (max-width : 768px) {
.dz .dz_l .dz_l_zi{ position:relative; top:30px; left:120px;} 	
.dz .dz_l .dz_l_zi .dz_l_1{ font-size:25px; }
.dz .dz_l .dz_l_zi .dz_l_2{ font-size:20px; font-weight:bold; color:#FFF; padding:15px 0 15px 0}
.dz .dz_l .dz_l_zi .dz_l_3{ font-size:14px; line-height:2; color:#FFF}
.dz .dz_l .dz_l_zi .dz_l_4{ margin-top:35px;}	
}

@media (max-width : 590px) {
.dz .dz_l .dz_l_zi{ position:relative; top:30px; left:10px;} 	
.dz .dz_r .dz_r_zi{ color:#FFF; font-size:16px; padding-top:5%; padding-left:3%; line-height:1.8}
.dz .dz_r .dz_r_zi i{ font-size:25px; margin-top:10px;}
}


@media (max-width : 400px) {
.dz .dz_r .dz_r_zi{ color:#FFF; font-size:12px; padding-top:15%; padding-left:10%; line-height:1.8}
.dz .dz_r .dz_r_zi i{ font-size:20px; margin-top:5px;}
}


.d_z{ color:#FFF; margin-top:20px;}
.d_z .dz_d_2{ margin-left:10px;}
.d_z .dz_d_1{ margin-top:3px;}
.d_z .dz_d_2 p:last-child{ font-size:18px; font-weight:bold}


/*服务流程*/
.fwlc{ background:#f6f6f6}
.fwlc .fwlc_1{ text-align:center; font-size:21px; font-weight:bold; color:#e6302f}
.fwlc .fwlc_2{ text-align:center; width:70%; margin:0 auto; color:#666666; padding-top:20px; line-height:1.8}

.center2{ margin:30px auto}
.center2 .lc{ margin:0 8px}
.center2 .lc .lc1{ font-size:18px; color:#222222; font-weight:bold; padding:20px 0}
.center2 .lc .lc2{ font-size:12px; line-height:1.8; text-align:center; color:#666}
.center2 .lc .lc3{ width:30px; height:30px; text-align:center; line-height:28px; border:1px solid #e6302f; border-radius:50%; margin:0 auto; margin-top:15px; color:#e6302f}

.center2 .slid_img1{ width:152px; height:152px; background:url(../images/lc1.png) no-repeat center center #8f8f8f; border-radius:50%; margin:0 auto; transition:0.3s}
.center2 .slid_img2{ width:152px; height:152px; background:url(../images/lc2.png) no-repeat center center #8f8f8f; border-radius:50%; margin:0 auto; transition:0.3s}
.center2 .slid_img3{ width:152px; height:152px; background:url(../images/lc3.png) no-repeat center center #8f8f8f; border-radius:50%; margin:0 auto; transition:0.3s}
.center2 .slid_img4{ width:152px; height:152px; background:url(../images/lc4.png) no-repeat center center #8f8f8f; border-radius:50%; margin:0 auto; transition:0.3s}
.center2 .slid_img5{ width:152px; height:152px; background:url(../images/lc5.png) no-repeat center center #8f8f8f; border-radius:50%; margin:0 auto; transition:0.3s}

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

.center2 .lc:hover .slid_img1{ background:url(../images/lc1.png) no-repeat center center #e6302f;}
.center2 .lc:hover .slid_img2{ background:url(../images/lc2.png) no-repeat center center #e6302f;}
.center2 .lc:hover .slid_img3{ background:url(../images/lc3.png) no-repeat center center #e6302f;}
.center2 .lc:hover .slid_img4{ background:url(../images/lc4.png) no-repeat center center #e6302f;}
.center2 .lc:hover .slid_img5{ background:url(../images/lc5.png) no-repeat center center #e6302f;}

.lc_ly { text-align:center; margin-top:80px;}
.lc_ly a{ background:#7f7f7f; padding:8px 70px; color:#FFFFFF; font-size:18px; border-radius:25px; margin-left:20px; transition:0.3s}
.lc_ly a:first-child{ margin-left:0; background:#e6302f}
.lc_ly i{ margin-right:10px;}
.lc_ly a:hover{ background:#e6302f}



@media (max-width :768px) {
.fwlc .fwlc_1{ text-align:center; font-size:16px; font-weight:bold;}
.fwlc .fwlc_2{ text-align:center; width:100%; margin:0 auto; color:#666666; padding-top:10px; line-height:1.8}
.lc_ly a{ background:#7f7f7f; padding:8px 20px; color:#FFFFFF; font-size:14px; border-radius:25px; margin-left:5px; transition:0.3s}
}


/*企业特色*/

.ts{ background:url(../images/ts_bj.jpg) no-repeat top center; background-size:cover}
.ts_tu{ text-align:center;}
.ts_tu img{ max-width:100%;}
.ts_tu_2{ padding-top:30px; text-align:center}
.ts_tu_2 img{ max-width:100%;}

.ts_zi{ margin-top:15px; min-height:140px;}
.ts_zi .ts_1{ font-size:23px; color:#e6302f; font-weight:bold; text-align:left}
.ts_zi .ts_1 span{ color:#343434}
.ts_zi .ts_2{ color:#666666; font-size:14px; line-height:1.8; padding-top:10px;overflow : hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;}

.ts_zi .ts_1_1{font-size:23px; color:#e6302f; font-weight:bold; text-align:right}
.ts_zi .ts_1_1 span{ color:#343434}

@media (max-width : 768px) {
.ts_zi .ts_1{ font-size:16px; font-weight:bold; text-align:left}
.ts_zi .ts_1_1{font-size:16px; font-weight:bold; text-align:left}
}

/*关于我们*/

.about{ background:url(../images/about.jpg) no-repeat; background-size:cover; padding-bottom:60px;}
.about_tu{ text-align:center} 
.about_tu img{ max-width:100%;}
.about_zi .a1{ font-size:40px; color:#FFF; font-weight:bold}
.about_zi .a2{ font-size:20px; color:#716a69; font-family:Arial, Helvetica, sans-serif; padding-top:20px;}
.about_zi .a3{ color:#e2e2e2}
.about_zi .a4{ color:#ffffff; line-height:30px; padding-top:10px; width:90%}

.about_zi .a5 { text-align:left; margin-top:20px;}
.about_zi .a5  a{  padding:8px 35px; color:#FFFFFF; font-size:16px; margin-right:10px; transition:0.3s; border:1px solid #b8b8b7;}
.about_zi .a5  a:last-child{ margin-left:0;background:#e6302f; border:1px solid #e6302f}
.about_zi .a5  a:hover{ background:#e6302f; border:1px solid #e6302f}


@media (max-width : 768px) {
.about_zi .a1{ font-size:20px; color:#FFF; font-weight:bold;  margin-top:35px;}
.about_zi .a2{ font-size:14px; color:#716a69; font-family:Arial, Helvetica, sans-serif; padding-top:20px;}
.about_zi .a4{ color:#ffffff; line-height:30px; padding-top:10px; width:100%}
.about_zi .a5 { text-align:left; margin-top:30px; margin-bottom:30px;}
.about_zi .a5  a{  padding:8px 25px; color:#FFFFFF; font-size:14px; margin-right:10px; transition:0.3s; border:1px solid #b8b8b7;}
}


/*新闻中心*/
#news{padding:50px 0 10px;}
#news .news_content{margin-top:18px; border-bottom:2px solid #e0e0e0; padding-bottom:20px;}
#news .news_content .news_title{text-align:center;font-size:0;-webkit-text-size-adjust:none;}
#news .news_content .news_title span{display:inline-block;font-size:16px;position:relative; background:#dadada;text-align:center;padding:0 50px;line-height:40px;height:40px;cursor:pointer;color:#3f3f3f;margin-left:19px;border-radius:20px}
#news .news_content .news_title span:first-child{margin-left:0;}
#news .news_content .news_title span.hover{color:#FFF;background:#fd1100;}
#news .news_content .news_li{margin-top:36px;position:relative;}
#news .news_content .news_li .news_left{width:51%;float:left;}
#news .news_content .news_li .news_left .news_img{width:100%;height:auto;}
#news .news_content .news_li .news_left .news_img img{width:100%;height:100%;display:block;}
#news .news_content .news_li .news_left .news_txt{margin-top:14px;}
#news .news_content .news_li .news_left .news_txt .news_h2{height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;font-size:18px;}
#news .news_content .news_li .news_left .news_txt .news_h2 a{color:#e6302f;}
#news .news_content .news_li .news_left .news_txt p{color:#888;line-height:24px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#news .news_content .news_li .news_right{width:47%;float:right;}
#news .news_content .news_li .news_right a{padding:20px 0 16px;display:block;height:138px;border-bottom:1px solid #E3E3E3;}
#news .news_content .news_li .news_right a:last-child{border-bottom:0px;}
#news .news_content .news_li .news_right a:first-child{padding-top:0;height:118px;}
#news .news_content .news_li .news_right a .time{width:71px;height:81px;border-radius:1px;float:left;}
#news .news_content .news_li .news_right a .time .day{font-size:45px; font-weight:bold;display:block;line-height:58px;height:58px;text-align:center;color:#343434;margin-top:2px;}
#news .news_content .news_li .news_right a .time .year{height:23px;padding-bottom:7px;background:#FFF;line-height:21px;display:block;text-align:center;color:#343434;font-size:12px;padding-bottom:2px;}
#news .news_content .news_li .news_right a .txt{width:calc(100% - 81px);float:right;}
#news .news_content .news_li .news_right a .txt p{color:#888;line-height:24px;font-size:14px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#news .news_content .news_li .news_right a .txt p:first-child{font-size:18px;color:#333;line-height:33px; padding-bottom:10px;height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/*常见问题*/

 .questions{padding-top:0px; overflow:hidden;}
 .questions .questions_title{height:62px;line-height:62px;color:#000;font-size:24px; position:relative}
 .questions .questions_title .more{position:absolute;top:0px;right:0;font-size:14px;color:#666;}
 .questions .questions_ul{margin-top:8px;}
 .questions .questions_ul .q{width:36px;float:left;margin-top:8px;}
 .questions .questions_ul .q .btn1{width:36px;height:18px;color:#FFF;line-height:20px;text-align:center;background:#b8905a;display:block;margin-bottom:8px;font-size:12px;}
 .questions .questions_ul .q .btn1.a{background:#23419b;}
 .questions .questions_ul .txt{width: calc(100% - 50px);float:right;}
 .questions .questions_ul .txt a p{ color:#333333}
 .questions .questions_ul .txt p{color:#999999;line-height:24px;}
 .questions .questions_ul .txt p:first-child{line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .questions .questions_ul .txt a p{line-height:29px;font-size:16px;}

@media (max-width : 768px) {
 .questions .questions_ul{margin-top:8px; padding:15px }	
}


 /*友情链接*/
  .yqlj{ background:#FFF; margin-top:30px }
 .f_left{position:relative; padding:2.5vh 0}
 .yqlj .f_left:after{content:'';position:absolute;right:-4px;top:29px;width:1px;height:40px;background:#dcdcdc;}
 .yqlj .f_left p{color:#a5a6aa; margin-bottom:0; text-align:left}
 .yqlj .f_left p span{font-size:16px;font-weight:bold;color:#000407;}
 .yqlj .f_left i{width:29px;height:3px;background:#e6302f;border-left:1px solid #e6302f;display:block;margin-top:27px;}
 .yqlj .f_right{ padding:1.5vh 0}
 .yqlj .f_right a{display:inline-block;height:28px;line-height:28px;padding:0 15px;white-space:nowrap; color:#333}


/*底部*/

#footer{ background:#3e3e3e; padding:0;}
#footer .f3{ text-align:right; font-size:14px; color:#898989;}


		.f_k{ overflow:hidden; margin:0 auto; margin-top:20px; }

		input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ffffff; font-size:14px; text-indent:0.3cm } 
		input:-moz-placeholder, textarea:-moz-placeholder {  color: #ffffff; font-size:14px; text-indent:0.3cm } 
		input::-moz-placeholder, textarea::-moz-placeholder {  color: #ffffff; font-size:14px; text-indent:0.3cm } 
		input:-ms-input-placeholder, textarea:-ms-input-placeholder {  color: #ffffff; font-size:14px; text-indent:0.3cm } 
	
	 .f_k input{background:#ffffff; width:100%; border:1px solid #656565; color:#999999}
	 .f_k input::-webkit-input-placeholder {color: #999999;}
	 .f_k .form-control{ border-radius:0; padding:2.5vh 0; text-indent:0.2cm}
	 .f_k .btn{background:#e6302f;display:block;color:#FFF;text-align:center;padding:1.4vh 0; border-radius:0; border:none}

.footer_s{ border-top:2px solid #363636; padding-top:40px; margin-top:40px; padding-bottom:30px; overflow:hidden}
.f_ewm{ text-align:center; padding-top:22px;}
.f_ewm img{ max-width:100%}
.f_lx{ color:#FFF; font-size:15px;} 
.f_lx .f_lx_1{ overflow:hidden; margin-top:20px;}
.f_lx .f_lx_1 .fa{ width:45px; height:45px; border:1px solid #FFFFFF; border-radius:50%; text-align:center; color:#FFF; line-height:45px; font-size:18px; margin-right:30px; }
.f_lx .f_lx_2{ width:calc(100% - 75px)}
.f_lx .f_lx_2 span{ font-size:26px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-weight:bold}
.f_logo{ text-align:center; padding-top:12px;}
.f_logo img{ max-width:100%}

.footer_x{ background:#292929; padding:15px 0; color:#828282; line-height:25px;}
.footer_x a{ color:#828282}
.footer_x a:hover{ color:#FFF;}

@media screen and (max-width:768px){
.footer_s{ border-top:2px solid #363636; padding-top:20px; margin-top:20px; padding-bottom:30px; overflow:hidden}
.f_lx .f_lx_1 .fa{ width:45px; height:45px; border:1px solid #FFFFFF; border-radius:50%; text-align:center; color:#FFF; line-height:45px; font-size:16px; margin-right:30px; margin-top:10px; }
.f_lx .f_lx_1 span{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-weight:bold}
.f_logo{ text-align:center; padding-top:25px;}
	}

@media screen and (max-width:1360px){
    .top .logo{width: 700px;height:61px;}
}
/*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);}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
}

@media screen and (max-width:1200px){
	.container{width:calc(100% - 30px);}
	.top{padding:0 0;}
	.top .logo{margin:4px 0 5px;}
	.top .nav{display:block;}
	.top .top_ewm{display:none;}
	.top .top_right{display:none;}
	#navbg{display:none;}
}

/*992屏幕*/
@media screen and (max-width:991px){
	.top .logo{background:url(../images/mlogo.jpg) no-repeat left center;background-size:auto 100%;margin:10px 0;width:166px;height:50px;}
	.top.mhead{background:#FFF;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;}
	.top .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
	.top .nav .nav_box.nav_box1{top:70px;}
	
     .p_left{display:none;}
	.p_class{display:block;}
	.product .p_right{width:calc(100% - 30px); margin:0 auto; float:none;}
	.product .p_right h2{margin:20px 0;}
	.product{padding:15px 0;}
	.product .p_li{width:32%;margin-left:2%;}
	.product .p_li:nth-child(4n+1){margin-left:2%;}
	.product .p_li:nth-child(3n+1){margin-left:0;}
	
		#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;}
	
	.yqlj{padding-top:0;}
	.f_left{padding:0;}
	.yqlj .f_left:after{content:none;}
	.yqlj .f_left i{margin-top:10px;}
	.yqlj .f_right{padding:10px 0 0;}
	.yqlj .f_right a{padding:0;margin-right:25px;}
}

@media screen and (max-width:768px){
	.top{background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;background-size:auto 50px;}
	.p_class h2{display:none;}
	.p_class .p_class_li{width:calc(100% - 30px); margin:0 auto;float:none;}
	.product .p_content .p_li{width:48%;margin-left:4%;}
	.product .p_content .p_li:nth-child(3n+1){margin-left:4%;}
	.product .p_content .p_li:nth-child(odd){margin-left:0;}
	
	
    #news{padding:0px;}
	#news .news_content .news_title span{display:inline-block;font-size:14px;position:relative;text-align:center;padding:0 25px;line-height:30px;height:30px;cursor:pointer;color:#3f3f3f;margin-left:5px;border:1px solid #e5e5e5;}
	#news .news_content .news_li .news_left{width:100%;}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	#news .news_content .news_li .news_right{width:100%;margin-top:20px;}
	#news .news_content .news_li .question_list a{width:100%;margin-left:0;}
	
	}


/*500屏幕*/
@media screen and (max-width:499px){
	.top{background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;background-size:auto 50px;}
	.top .nav_bg{top:70px;height:calc(100% - 70px);}
	.top .nav .nav_box{top:70px;}
	.top{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;}
	.pb_title .sub_title{font-size:13px;line-height:22px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:48%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:4%;margin-top:7px;}
	.product .p_class a:nth-child(2n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:100%;}
	.product .p_btn a{width:48%;margin-left:4%;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:50%;}
	#solutionbg .solution_c .solution_c_left1 li:first-child{width:50%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:5px 10px 0 10px;}
	#solutionbg .solution_c .solution_c_right .r_ul{margin-top:0px;}
	#solutionbg .solution_c .solution_c_right .r_li{width:100%;float:none;margin-left:0;margin-top:20px;}
	#solutionbg .solution_c .solution_c_right .r_btn{ margin:10px auto;float:none;}
	#solutionbg .solution_c .solution_c_right .r_btn a{width:48%;margin-left:4%;}
	
	.info_title h2{font-size:22px;height:36px;line-height:36px;}
	.info_title i{margin:10px 0;}
	.info .info_btn a{width:130px;margin-left:10px;}
	.info .info_ul .info_li .info_p p:last-child{font-size:12px;letter-spacing:-1px;}
	#news .news_content .news_title span{width:32%;margin-left:2%;padding:0 0;font-size:14px;}
	#news .news_content .news_title span:first-child{margin-left:0;}
}

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

	#solutionbg .solution_c .solution_c_left{width:200px;}
	#solutionbg .solution_c .solution_c_right{width:calc(100% - 200px);}

}


@media screen and (min-width:668px) and (max-width:767px){

	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:40px 0 0 0;}

}
@media screen and (min-width:500px) and (max-width:667px){
	.pb_title .sub_title{font-size:14px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:32%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:2%;margin-top:7px;}
	.product .p_class a:nth-child(3n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:50%;}
	.product .p_content .p_li .p_txt p:first-child{font-size:16px;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:33%;}
	#solutionbg .solution_c .solution_c_left1 li:nth-child(3n+1){width:34%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:20px 0 0 0;}
}

@media screen and (max-width:667px){
	.pb_title .pb_cn{font-size:24px;line-height:42px;height:42px;}
}


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

/*鐢佃剳娴姩*/
.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:#e6302f;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#e6302f;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#e6302f;}
.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:#e6302f;}
.izl-rmenu .btn-phone .phone{background-color:#b98e5b;position:absolute;width:280px;left:-280px;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;display: none;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(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;}


.l_erweima{position:fixed;top:196px;left:20px;z-index:9999;display:none;}
.l_erweima img{display:block;width:400px;height:200px;}
.l_erweima .le_close{width:160px;height:26px;line-height:26px;background:url(../images/close.gif) no-repeat left center;display:block;cursor:pointer;}
@media screen and (max-width:430px){
.l_erweima{ display:none;}

}

@media screen and (max-width:1230px){
#lefttop{height: 0;display: none;overflow: hidden;} 
.footer_x{padding-bottom:80px;}
#floatBottom{display: block;}
}