@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: 1600px) {
    .container{
        width: 1600px;
    }
}


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

/*top*/
.top_nav{ background:#e72122; color:#FFF; line-height:40px;}
.top_nav .wz1{ color:#ffffff; font-size:12px; padding-right:10px;}
.top_nav .wz2{ padding:0 10px; border-left:1px solid #ffffff}
.top_nav .wz2 a{ color:#ffffff; font-size:12px;}
.top_nav .wz3{ padding:0 10px; border:1px solid #ffffff; border-top:none; border-bottom:none; border-right:none}
.top_nav .wz3 a{ font-size:13px; color:#ffffff}

.wz{ text-align:right}

.top{z-index:9999;width:100%; height:90px; background:#292929; } 

.top .logo{width:25%;float:left; height:90px; background:#b33023;display: flex;display: -webkit-flex;align-items:center;justify-content:flex-end; padding-right:2%}
.top .logo img{max-width:100%;}

.top .top_dh{width:13%;float: right;height: 90px;background: url("../images/dh.png") no-repeat 15px center;}
.top .top_dh p:first-child{font-size:12px;color: #ffffff;padding-left: 64px; padding-top: 24px;}
.top .top_dh p:last-child{font-size: 20px;color: #ffffff;padding-left: 64px; font-family:impact}
.top .ss{width:90px; height:90px; float:right; background:#b33023; line-height:90px; text-align:center;}
.top .ss a{ font-size:35px; color:#ffffff}

.topfix{ position:fixed; top:0; left:0; z-index:100000}

/*nav*/
#navbg{ width:54%; transition:0.4s; float:left; padding-left: 2%}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{display:inline-block;float:left;width:12.5%;height:90px;line-height:90px;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative; transition:0.3s}
#navbg .nav .firstfloor>li>a{display:block;height:90px;width:100%;color:#ffffff; transition:0.3s}
#navbg .nav .firstfloor>li:hover{ background:#b33023}
#navbg .nav .firstfloor>li:hover:before{background:none;}
#navbg .nav .firstfloor>li:hover>a{color:#ffffff;}

#navbg .nav .firstfloor>li.cur{background:#b33023}

#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;}

.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: #b33023; 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;}


.syls{ position:relative; margin-top:-130px;height: 130px; background:rgba(0,0,0,0.8);display: flex;display: -webkit-flex;align-items:center;justify-content:flex-end;z-index: 5000000 }
.syls form{ margin-top:5px;}
.syls_1{font-size:24px; color:#FFFFFF; padding-left:5%;}
.sy_input{width:100%; line-height: 63px;border:none; outline: none; border-radius: 5px; padding: 0 15px;}
.sy_btn{    background: #b33023;    text-align: center;    width: 100%;    line-height: 61px;    color: #fff;    display: block; border:none; outline: none; border-radius: 5px}
.h_logo{text-align:center}

.symbls{position:fixed; bottom: 50px;left: 0;background:rgba(0,0,0,0.8);display: flex;display: -webkit-flex;align-items:center;justify-content:flex-end;z-index: 5000000; padding-bottom: 18px;}

.symbls .syls_1{font-size:14px; color:#FFFFFF; text-align: center; padding: 15px 0;}
.symbls .sy_input{width:100%; line-height: 30px;border:none; outline: none; border-radius: 3px; padding: 0 15px;margin-bottom:  10px}
.symbls .sy_btn{    background: #b33023;    text-align: center;    width: 100%;    line-height: 30px;    color: #fff;    display: block; border:none; outline: none; border-radius: 3px; }

/*mobilehead*/
#mobilehead{height:70px;width:100%;background:url(../images/mlogo.png) no-repeat 10px center #b33023;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(+.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:#ffffff;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(mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/* 响应式样式结束 */


/*公共标题*/
.gybt{ width:100%; height: auto; overflow: hidden; position: relative; padding-bottom: 20px;}
.gybt_1{ font-size: 160px; font-family: Impact; color: #292929;text-stroke:1px #343434; -webkit-text-stroke:1px #343434; position: relative; text-align: center;}
.gybt_3{ font-size: 160px; font-family: Impact; color: #333333;text-stroke:1px #3e3e3e; -webkit-text-stroke:1px #3e3e3e; position: relative; text-align: center;}
.gybt_4{ font-size: 160px; font-family: Impact; color:transparent;text-stroke:1px #3d3c3c; -webkit-text-stroke:1px #3d3c3c; position: relative; text-align: center;}
.gybt_2{ font-size: 48px;color: #ffffff; text-align: center; position: relative; margin-top: -120px; }
.gybt_2::after{width:40px; height: 5px; content: ''; background: #b33023; position: absolute; bottom: 0;left: 50%;    transform: translate(-50%);}

/*为什么选择我们*/
.why{ background: url("../images/about_bj.jpg"); background-size: cover; padding: 30px 0 0 }
.why .w{width:100%; height: auto; overflow: hidden; padding: 40px 10px 0 40px}
.why_nr{ margin-top:30px;}

.why .w.on{background:url("../images/w_hover.jpg") no-repeat; background-size: cover}
.why .w.on .w1.w11{width:62px; height: 62px; background:url("../images/w_1.png") no-repeat;}
.why .w.on .w2{ font-size: 22px; font-weight: bold; color: #FFFFFF; padding-top: 30px;}
.why .w.on .w3{font-size: 14px; color: #e7a9a3; line-height: 1.8; padding-top: 20px;}
.why .w.on .w4{ color:#bf3f32;font-size: 100px; font-family: Impact; text-align: right;opacity: 1}

.why .w .w1.w12{width:62px; height: 62px; background:url("../images/w_2.png") no-repeat;transition: 0.3s}
.why .w .w1.w13{width:62px; height: 62px; background:url("../images/w_3.png") no-repeat;transition: 0.3s}
.why .w .w1.w14{width:62px; height: 62px; background:url("../images/w_4.png") no-repeat;transition: 0.3s}

.why .w .w2{ font-size: 22px; font-weight: bold; color: #FFFFFF; padding-top: 30px; transition: 0.3s}
.why .w .w3{font-size: 14px; color: #b4b4b4; line-height: 1.8; padding-top: 20px;transition: 0.3s}
.why .w .w4{ color:#bf3f32;font-size: 100px; font-family: Impact; text-align: right;opacity: 0;transition: 0.3s}

.why .w:hover{background:url("../images/w_hover.jpg") no-repeat; background-size: cover; cursor: pointer}
.why .w:hover .w1.w12{width:62px; height: 62px; background:url("../images/w_2_1.png") no-repeat;}
.why .w:hover .w1.w13{width:62px; height: 62px; background:url("../images/w_3_1.png") no-repeat;}
.why .w:hover .w1.w14{width:62px; height: 62px; background:url("../images/w_4_1.png") no-repeat;}
.why .w:hover .w2{  font-weight: bold; color: #FFFFFF; padding-top: 30px;}
.why .w:hover .w3{ color: #e7a9a3; line-height: 1.8; padding-top: 20px;}
.why .w:hover .w4{ color:#bf3f32;font-family: Impact; text-align: right;opacity: 1}


/*案例*/
.anli{ background:#333333 url("../images/al_bj.png") no-repeat center bottom; padding: 20px 0 50px; background-size: cover}
.anli_bt{width:70%; overflow: hidden; margin: 20px auto}
.anli_bt_cn{float:left;width:142px; height: auto;position: relative;z-index: 10}
.anli_bt_cn img{position: relative;z-index: 10}
.anli_bt_cn::after{width:2px; height: 100%; content: ''; background: #616161; position: absolute; bottom: 0; right: 20px;z-index: 1}
.anli_bt_fl{width:calc(100% - 160px); float: right;}
.anli_bt_fl .al_fl{width:20%; float: left; text-align: center;}
.anli_bt_fl .al_fl a{ padding: 5px; display: inline-block;color:#a5a5a5;transition: 0.3s}
.anli_bt_fl .al_fl a:hover{ background:#b33023; color: #FFFFFF}

.al_nr{ padding-bottom: 30px;}
.swiper-container {        width: 100%;        height: 100%;    }
.swiper-slide {        text-align: left;        font-size: 18px;        width: 80%;position: relative}
.swiper-slide img{max-width:100%; }
.al_js{ position:absolute; right: 0; top: 35%; background: #b33023; width:30%; padding: 30px 30px 50px}
.al_js p:first-child{ color:#FFFFfF; font-size: 40px;}
.al_js p:first-child span{ font-size: 48px; font-weight: bold; }
.al_js p:nth-child(2){color:#FFFFFF;font-size: 16px; margin: 15px 0; line-height: 2;overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;  }
.al_js p:nth-child(3){ border: 1px solid #d29791; width:156px; height: 46px; text-align: center; line-height: 46px; float: right; margin-top: 20px;}
.al_js p:nth-child(3) a{ color:#d29791}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {  bottom:80%;    right:0px;    width: 72%; text-align: right}
.al_nr .swiper-pagination-current{ font-size: 24px;color: #FFFFFF; font-family:Arial}
.al_nr .swiper-pagination-total{font-size:16px; color: #626262}

.al_nr .swiper-button-next{ right: 25%;top: 17%;  color: #FFFFFF;}
.al_nr .swiper-button-prev{ left: 67%;top: 17%; color: #FFFFFF;}

.al_x_nr{ width:80%; margin: 40px auto; overflow: hidden}
.al_x_nr .al_x_nr_nr{ width:12.5%; float: left; text-align: center;color: #FFFFFF}
.al_x_nr .al_x_nr_nr .al_x_y{ border:1px solid #6b6b6b; width:80px; height: 80px; margin: 0 auto; border-radius: 50%;display: flex;display: -webkit-flex;align-items:center;justify-content:center;flex-direction: column; transition: 0.3s}
.al_x_nr .al_x_nr_nr:hover  .al_x_y{ cursor:pointer; background: #b33023;border:1px solid #b33023; }



/*设计师*/
.sj{background:url("../images/sj_bj.jpg") no-repeat center bottom; padding: 20px 0 150px; background-size: cover}
.sjs{ position:relative; overflow: hidden}
.sjtd{ margin-top:40px;}
.sjs_tu img{width:100%; transition: 0.4s}
.sjs_bz{ width: 103px;height: 93px; background:url("../images/sx.png") no-repeat; position: absolute;top:0;right: 30px; color:#FFFFFF;font-size: 16px; padding:15px  20px;}
.sjs_zi{ position:absolute; bottom: 0px; height: 10%; background:rgba(0,0,0,0.8); width: 100%; text-align: center;display: flex;display: -webkit-flex;align-items:center;justify-content:center; color:#FFFFFF}
.sjs_zi span{font-size:20px; font-weight: bold}
.sjs_zi.sjs_1{font-size:12px;}
.sjs_zi.sjs_1 span{font-size:16px; }

.sjs_bt p:first-child{font-size:40px; color:#b33023; margin-top: 15px;}
.sjs_bt p:nth-child(2){font-size:24px; color:#FFFFFF; line-height: 40px;}
.sjs_bt p:nth-child(3){ margin-top:30px;}
.sjs_bt p:nth-child(3) a{font-size: 18px; color: #FFFFFF}
.sjs_bt p:nth-child(3) a span{ background: #b33023; margin-left: 30px; padding: 5px 10px}
.mt6{margin-top: 6%}

.sjs a:hover .sjs_tu img{ transform: scale(1.1); }


.tb{ background:#ffffff}


/*关于我们*/
.about{background:url("../images/about.jpg") no-repeat center bottom; padding: 120px 0 150px; background-size: cover}
.about_s{ overflow:hidden}
.about .about_tu{position:relative; padding-top: 70px;}
.about .about_tu img{ max-width:100%;}
.about .about_tu .more{width:100px; height: 100px;background: #b33023; position: absolute; bottom: -50px; right: 0;display: flex;display: -webkit-flex;align-items:center;justify-content:center; color:#FFFFFF; font-size: 16px;}
.about .about_tu .m{position: absolute; bottom: -50px; right: 10px; color:#FFFFFF;font-size: 30px;}

.about .about_nr .about_bt{ font-size: 160px; font-family: Impact; color:transparent;text-stroke:1px #e6e6e6; -webkit-text-stroke:1px #e6e6e6; position: relative; text-align: center;}
.about .about_bt_1{ text-align: left;position: relative; background: url("../images/x.jpg") repeat-x center bottom; padding-bottom: 30px;}
.about .about_bt_1 span{display:inline-block;}
.about .about_bt_1 span:first-child{ font-size: 60px;font-weight: bold;line-height: 60px; height: 60px; overflow:hidden}
.about .about_bt_1 span:first-child b{background:#b33023; color:#FFFFFF}
.about .about_bt_1 span:last-child{ color:#333333;font-size: 24px; position: relative;top: -5px; left: 15px}
.about .about_nr_1{font-size:16px; color: #676767 ; line-height:2; padding-top: 20px; }
.about .about_wh{ width:697px; height: 195px; background: url("../images/qywh.png") no-repeat;}
.about .about_wh .wh_l{width:62px; float: left; margin-left: 60px; margin-top: 70px;}
.about .about_wh .wh_r{ width:calc(100% - 150px); float: right; margin-top: 60px; padding-right: 20px;}
.about .about_wh .wh_r p:first-child{ color:#FFFFFF; font-size: 24px;}
.about .about_wh .wh_r p:last-child{ color:#e6e6e6; font-size: 14px; padding-top: 10px; line-height: 1.8}


/*客户*/
.kehu{background:url("../images/kehu_bj.jpg") no-repeat center bottom; padding: 80px 0 130px; background-size: cover; }
.kh_bt_l{width:50%; float: left;position: relative}
.kh_bt_l_1{ font-size: 140px; font-family: Impact; color:transparent;text-stroke:1px #545454; -webkit-text-stroke:1px #545454; position: relative; text-align: center; z-index: 1}
.kh_bt_l_2{ font-size: 60px;color: #ffffff; text-align: left; text-indent: 100px; position: relative; margin-top: -140px; font-weight: bold; z-index: 3}
.kh_bt_l_3{width:200px; height: 365px; content: ''; background:rgba(179,48,35,0.8); position: absolute; top: -80px;left: 0; z-index: 2; }
.kh_bt_l_3 p:first-child{position:absolute; top: 60%; right: 35px; color:#FFFFFF; font-size: 50px;}
.kh_bt_l_3 p:last-child a{font-size: 18px; color:#FFFFFF; position: absolute;top: 85%; right: 25px;text-decoration: underline}

.kh_bt_r{width:50%; float: left;position: relative; margin-top: 80px;}
.kh_bt_r span{ font-size: 40px;font-weight: bold;line-height: 40px; height: 40px; overflow:hidden;color:#FFFFFF}
.kh_bt_r span b{background:#b33023; }

.kehu_nr{ overflow:hidden; margin-top: 80px;}
.swiper-container1 {      width: 100%; height: 100%; position: relative}
.kehu_zi{width:470px; height: auto; float: left; padding-left: 30px; line-height: 2; padding-top: 80px;}
.kehu_zi p:first-child{font-size:30px; color: #ffffff}
.kehu_zi p:last-child{font-size:16px; color: #8d8d8d; padding-top:30px; }
.kehu_tu{width:calc(100% - 640px); float: right;}
.kehu_tu img{max-width:100%}

.kehu_nr .swiper-pagination-bullets{width:100%; text-align: left; position: relative; top: -70px; left: 270px; z-index: 10}
.kehu_nr .swiper-pagination-bullets .swiper-pagination-bullet-active{ background:#FFFFFF}

.kehu_nr .swiper-pagination-current{ font-size: 24px;color: #FFFFFF; font-family:Arial}
.kehu_nr .swiper-pagination-total{font-size:16px; color: #626262}

.kehu_nr .swiper-button-next1{ left: 120px;bottom: 40px; width:72px; height: 72px; background: url("../images/k_r.jpg") no-repeat; position: absolute; z-index: 10}
.kehu_nr .swiper-button-prev1{ left: 30px;bottom: 40px;width:72px; height: 72px; background: url("../images/k_l.jpg") no-repeat; position: absolute;z-index: 10}

/*新闻*/
.news{background:url("../images/xw_bj.jpg") no-repeat center bottom; padding: 80px 0 150px; background-size: cover; }
.news_nr{  width:100%; margin: 0 auto;margin-top: 80px;}
.swiper-container2 {      width: 85%; height: 100%; margin: 0 auto;position: relative; padding-bottom: 80px;overflow:hidden; }

.swiper-pagination2.swiper-pagination-progressbar{top:95%}

.news_x{ padding:40px;}
.news_x .news_rq{color:#e53a3a;font-size: 18px;}
.news_x .news_bt{font-size:30px; color:#FFFFFF; margin: 15px 0}
.news_x .news_zi{color:#b4b4b4; font-size: 14px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;  line-height: 1.8}
.news_x .news_more{margin-top:25px;}
.news_x .news_more a{color:#b4b4b4; font-size: 14px; }

.swiper-container2 .swiper-slide-active{background:#bd3023}
.swiper-container2 .swiper-slide-active .news_x .news_rq{color:#ffffff}
.swiper-container2 .swiper-slide-active .news_x .news_zi{color:#f4bbb6} 
.swiper-container2 .swiper-slide-active .news_x .news_more a{color:#f4bbb6}

.swiper-pagination2.swiper-pagination-progressbar{height:2px;background: #424242}
.swiper-pagination2 .swiper-pagination-progressbar-fill{background:#ffffff}

.news_nr .swiper-button-next2{ left: 0;top:35%;position: absolute; z-index: 10;font-size: 30px; color:#414141}
.news_nr .swiper-button-prev2{ right: 0;top: 35%;position: absolute;z-index: 10;font-size: 30px; color:#414141}


.block-2{ padding:50px 0; overflow: hidden}
.block-2 .brow{ float: left; width: 16.66%; text-align: center; color: #656565; position: relative;}
.block-2 .brow span{ display: block; font-size: 18px; margin: 2rem 0; color: #000;}
.block-2 .brow b{font-size:14px; font-weight: normal; color: #656565; margin-top: 15px; display: inline-block}
.block-2 .brow i{ display: block; position: relative; z-index: 2;transform: rotate(0); transition: all 0.4s;}
.block-2 .brow:before{ content: ""; display: block; width: 100%; height: 1px; background: #ddd; position: absolute; top: 25%; left: 0; right: 0; margin: 0 auto;}
.block-2 .brow:after{ content: "1"; background: #f5f6f6; display: block; border: 1px solid #ddd; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #ddd; position: absolute; top: 25%; margin-top: -16px; left: 0; z-index: 3; border-radius: 32px;}
.block-2 .brow:nth-child(2)::after{ content: "2";}
.block-2 .brow:nth-child(3)::after{ content: "3";}
.block-2 .brow:nth-child(4)::after{ content: "4";}
.block-2 .brow:nth-child(5)::after{ content: "5";}
.block-2 .brow:nth-child(6)::after{ content: "6";}
.block-2 .brow:hover::after{ background: #bd3023; border-color: #bd3023; color: #fff;transition: all 0.4s;}
.block-2 .brow:hover i{ transform: rotateY(360deg); transition: all 1.4s;}



/*友情链接*/
.yqlj{background:#343434; padding: 50px 0; line-height: 2; color: #b4b4b4}
.yqlj a{ color:#b4b4b4}


/*底部*/
.footer{background:#343434 url("../images/footer.jpg") no-repeat center bottom; background-size: cover;padding: 30px 0 50px; border-top: 1px solid #424242}
.footer a{color:#b4b4b4}
.f1{text-align:center; line-height: 2.5; color: #b4b4b4}
.f1 img{max-width:100%;}
.f2{ padding:0 50px;}
ul.di_nav{overflow: hidden}
ul.di_nav li{width:12.5%; float: left;}
ul.di_nav li a{color:#FFFFFF;}
.f2_zi{color:#b4b4b4; line-height: 2.2; padding: 30px 0 10px; overflow: hidden}


/*内页*/
.nybanner{padding:190px 0 240px}
.nybanner1 {    padding: 90px 0 120px;}
.nybanner1 .mbx{color:#FFFFFF; text-align: center}
.nybanner .mbx{color:#FFFFFF; text-align: center}
.nybanner1 .mbx a{color:#FFFFFF;}
.nybanner .mbx a{color:#FFFFFF; }
.nybanner .mbx .m1{font-size: 80px;font-weight: bold;}
.nybanner .mbx .m2{font-size: 24px; padding-top: 25px;}
.nybanner1 .mbx .m1{font-size: 36px;font-weight: bold;}
.nybanner1 .mbx .m2{font-size: 14px; padding-top: 25px; font-weight: normal}



.nyabout{ width:100%; height: auto; overflow: hidden}
.ab_bj{background: url("../images/a_bj.jpg") no-repeat center bottom; background-size: cover;padding: 50px 0 80px; }
.ab_tu{ margin:40px auto; text-align: center}
.ab_tu img{ max-width:100%;}

.nyabout_nr{font-size:14px;color:#cecece; line-height: 2; padding: 0 80px}


#fzlc{background: url("../images/fzlc_bj.jpg") no-repeat center bottom; background-size: cover;padding: 50px 0 80px; }
/*发展历程*/
.fzlc{ position: relative; padding: 10px 0 0;}
.fzlc::after{ content: ""; width: 90%; height: 6px; position: absolute; display: block; border: 1px solid #ddd; border-radius: 6rem; top: 50%; background: #FFFFFF;  left: 0; right: 0; margin: auto}
.fzlc .swiper-slide{ position: relative; height: 500px;}
.fz-list .binfo{ position: relative; text-align: center}
.fz-list .binfo::before{ content: ""; width: 10px; height: 10px; border-radius: 10px; border: 3px solid #ddd; position: absolute; top: 243px;left: 152px; margin: 0 auto; background: #fff;}
.fz-list .date{  width: 100%; position: relative; top: 200px}
.fz-list .date span{ display: inline-block; position: relative;font-size: 18px; font-weight: bold; color:#FFFFFF;}
.fz-list .binfo p{ color: #666;width:90%; display: inline-block; background: #f0f2f4; font-size: 14px; padding: 20px; margin: 0 auto; position: relative; top: 280px}
.fz-list .binfo p::after{  content: '';    width: 0;    height: 0;    border-right: 10px solid transparent;    border-left: 10px solid transparent;    border-bottom: 10px solid #f0f2f4;    position: absolute;    left: 50%;    transform: translate(-50%); bottom: 100%}
.fz-list .binfo.odd p{top:85px;}
.fz-list .binfo.odd p::after{content: '';    width: 0;    height: 0;    border-right: 10px solid transparent;    border-left: 10px solid transparent;    border-top: 10px solid #f0f2f4; border-bottom: none;    position: absolute;    left: 50%;    transform: translate(-50%); top: 100% }

.fzlc .swiper-slide-active .binfo p{ background:#b33023; color: #FFFFFF}
.fzlc .swiper-slide-active .fz-list .binfo p::after{  content: '';    width: 0;    height: 0;    border-right: 10px solid transparent;    border-left: 10px solid transparent;    border-bottom: 10px solid #b33023;    position: absolute;    left: 50%;    transform: translate(-50%); bottom: 100%}
.fzlc .swiper-slide-active .fz-list .binfo.odd p::after{content: '';    width: 0;    height: 0;    border-right: 10px solid transparent;    border-left: 10px solid transparent;    border-top: 10px solid #b33023; border-bottom: none;    position: absolute;    left: 50%;    transform: translate(-50%); top: 100% }

.fzlc .swiper-button-next,.fzlc .swiper-button-prev{color:#ffffff}



/*案例*/
.nyal{  background:#292929; padding: 40px 0}

.mt4{ margin-top:4rem}
.cate-tool{ border: 1px solid #444444;}
.cate-tool .brow{ line-height: 3rem; border-bottom: 1px solid #444444; clear: both; overflow: hidden;}
.cate-tool .brow:last-child{ border-bottom: 0;}
.cate-tool .brow span{ font-weight: bold; color: #FFFFFF; display:block; background: #313131; padding: 1rem 0; float: left; position: relative; height: 100%; box-sizing: border-box; text-align: center; width: 8%; margin-right: 1%;}
.cate-tool .brow .cate-a{ float: left; width: 90%; padding: 1rem 0;}
.cate-tool .brow a{ display: inline-block; color: #7d7d7d; margin: 0 2px; padding: 0 1rem;}
.cate-tool .brow a:hover,.cate-tool .brow a.on{ background: #b33023; color: #fff;}


.jcent {    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;}
.widget-respimg {  display: table-cell!important;    text-align: center;    vertical-align: middle;}
.widget-respimg img{max-height:100%;width:100%}

.media-box{display:block;margin-bottom:10px;width: 100%;}
.media-box a{ display: block;}
.media-box .icon{ background: #efefef; width: 100%; overflow: hidden; text-align: center;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{ max-height: 100%;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box h3{ text-align: center; font-size: 1.8rem; color: #373737; padding: 1rem 0;}
.media-box a:hover .icon img{transform:scale(1.2);}

.case-box{ margin-bottom: 2rem;}
.case-box .ntit{ text-align: center; padding: 2rem 0; color: #757575; line-height: 3.6rem; font-size: 14px;}
.case-box .ntit span{ font-size: 18px; font-weight: bold; color:#d5d5d5}

.nyalxq{ background:url("../images/al_info.jpg") no-repeat; padding: 40px 0; background-size: cover}

.mbx1{ color:#FFFFFF; margin-bottom: 30px;}
.mbx1 a{color:#FFFFFF}

.alxq{width:1440px; padding: 0 15px; margin: 0 auto; overflow: hidden; position: relative}
.al_l{width:910px; height: 670px; overflow: hidden; float: left;}
.al_r{width:calc(100% - 930px); float: right; height: 670px; }

.al_l .swiper-container {      width: 100%;      height: 300px;      margin-left: auto;      margin-right: auto;    }
.al_l .swiper-slide {      background-size: cover;      background-position: center;    }
.al_l .gallery-top {      height: 80%;      width: 100%;    }
.al_l .gallery-thumbs {      height: 20%; width:100%; margin:  0 auto;box-sizing: border-box;      padding: 10px; background: #323232    }
.al_l .gallery-thumbs .swiper-slide {      height: 100%;      opacity: 0.4;    }
.al_l .gallery-thumbs .swiper-slide-thumb-active {      opacity: 1;    }

.al_r_s{ height:80%; background: #323232;padding: 30px; }
.al_r_x{background:#b33023; height: 20%; padding: 30px; color: #FFFFFF; display: flex;    align-items: center;    justify-content: center; font-size: 18px; color:#FFFFFF;font-weight: bold}
.al_r_x a{ color:#FFFFFF; font-size: 14px; font-weight: normal; border: 1px solid #ffffff; padding: 5px 20px}

.rs1{font-size:30px; font-weight: bold;color: #FFFFFF}
.rs2{ color:#aeaeae; font-size: 14px; line-height: 2; padding: 30px 0}
.rs3{font-size:30px; font-weight: bold;color: #FFFFFF}

.sxyg { padding:30px 0 15px; overflow: hidden; color:#aeaeae; line-height: 25px;}
.sxyg i{font-size:20px; margin-right: 10px;}
.sxyg a{color:#aeaeae}

.altj{background:#292929; padding: 30px 0}
.altj_bt{font-size:24px; color:#FFFFFF}

.center{ padding-top:55px;}
.center .anli_tu{margin: 0 8px}
.center .anli_tu img{max-width:100%;}
.center .anli_zi{line-height:50px ;font-size: 18px;color:#d5d5d5}

.center .slick-prev{width:50px; height: 50px; background: url("../images/k_l.jpg") no-repeat; background-size: cover;left: auto;right: 65px;top: -15px}
.center .slick-next{width:50px; height: 50px; background: url("../images/k_r.jpg") no-repeat;background-size: cover;right: 5px;top: -15px}



/*新闻*/

.news-box2{ margin-bottom: 2rem; position: relative;}
.news-box2 .media-box{ margin-bottom: 0; border: 0px solid #e1e1e1; border-right: none}
.news-box2 .media-box .icon{ height: 25rem;}
.news-box2 .date{ color: #333f47; text-align: center; line-height: 3.6rem; font-size: 1.8rem; }
.news-box2 .date span{ display: block; font-weight: bold; font-size: 4.8rem;color:#FFFFFF;font-family:Impact;background: #b33023; padding: 20px 0}
.news-box2 .date i{font-style:normal;font-size: 14px;color: #FFFFFF;background: #b33023; padding-bottom: 15px;}
.news-box2 a{ display: flex; position: relative; z-index: 2; clear: both; overflow: hidden; height: 100%; background: #404040; margin-top: 35px;color:#ffffff}
.news-box2 .jcent{ height: 100%; align-items: inherit;}
.news-box2 h3{ font-size: 2.4rem; position: relative;}
.news-box2 p{ font-size: 1.4rem; color: #989797; margin: 1rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 2}
.news-box2 a:hover h3{ color: #FFFFFF;}
.news-box2 a:hover .icon img{ transform: scale(1.2); transition: all 0.8s;}
.news-box2 .col-md-3{ margin-right: 2%}


/*内页设计师*/
.nysjs{ overflow:hidden; padding: 15px 0}
.nysjs_nr{ position:relative; margin-top: 20px;}
.nysjs_nr .nysjs_tu img{ width:100%}
.nysjs_nr .nysjs_zi{ position:absolute; bottom: 0px; height: 12%; background:rgba(0,0,0,0.8); width: 100%; text-align: center;display: flex;display: -webkit-flex;align-items:center;justify-content:center; color:#FFFFFF;transition: 0.3s}
.nysjs_nr .nysjs_zi span{font-size:18px; font-weight: bold}
.nysjs_nr .nysjs_zi.sjs_1{font-size:12px;}

.nysjs_bj{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:rgba(179,48,35,0.8);opacity: 0;transition: 0.3s;text-align: center;color: #FFFFFF}
.nysjs_bj a{color:#FFFFFF}
.nysjs_nr:hover .nysjs_bj{opacity: 1;cursor: pointer}
.nysjs_nr:hover .nysjs_zi{display:none}
.nysjs_bj .ny1{font-size:30px;padding-top: 30%;font-weight: bold; transition: 0.3s  }
.nysjs_bj .ny2{ font-size:18px; font-weight: bold; padding-top: 5%}
.nysjs_bj .ny3{ line-height:1.8; padding: 5% 30px;}
.nysjs_bj .ny4{font-size:20px;}

.nysjs_nr:hover .nysjs_bj .ny1{ padding-top: 25%}
.sjs_xq{width:95%; height: 100%; background: #323232; overflow: hidden; margin: 0 auto}
.sjs_xq .sjs_xq_tu{width:480px; height: 560px; float: left;position: relative}
.sjs_xq .sjs_xq_tu img {    display: block;    width: 100%;    height: 100%;    position: absolute;    left: 0;    top: 0;    object-fit: cover;}
.sjs_xq .sjs_xq_nr{    width: calc(100% - 550px);    float: right; position: relative;color:#FFFFFF}
.sjs_xq .sjs_xq_nr .sj1{font-size:100px;font-family: Impact; color: #323232;text-stroke:1px #3f3e3e; -webkit-text-stroke:1px #3f3e3e;padding-top: 50px;}
.sjs_xq .sjs_xq_nr .sj2{font-size:18px;}
.sjs_xq .sjs_xq_nr .sj2 span{font-size:36px; font-weight: bold;}
.sjs_xq .sjs_xq_nr .sj3{ padding-top: 18px; line-height: 2; font-size: 16px;}
.sjs_xq .sjs_xq_nr .sj4{ width:130px; height: 42px; background: #b33023; position: absolute; top: 220px; right: 80px; line-height: 42px; text-align: center}
.sjs_xq .sjs_xq_nr .sj4 a{color:#FFFFFF}

.sjs_s a{color:#FFFFFF;font-size: 60px; position: absolute; top: 40%; left: 0}
.sjs_r a{color:#FFFFFF;font-size: 60px; position: absolute; top: 40%; right: 0}


/*资质荣誉*/
.zzry_nr{overflow:hidden}
.zzry_tu { margin-top:20px;}
.zzry_tu img{width:100%;}
.zzry_zi {width:100%; height: 40px; line-height: 40px; font-size: 16px; color:#FFFFFF; text-align: center}
.zzry_zi a{color:#FFFFFF}

/*联系我们*/
.lxwm{ background:url("../images/lxwm.jpg") no-repeat; background-size: cover;width:100%; padding: 40px; overflow: hidden }
.l1{font-size:100px;font-family: Impact; color: #323232;text-stroke:1px #3f3e3e; -webkit-text-stroke:1px #3f3e3e;}
.l2{color:#b33023;font-size:36px; font-weight: bold}
.l2 span{color:#FFFFFF}
.l3{color:#b8b8b8;font-size: 16px; line-height: 2.3; padding: 20px 0}


.article{ line-height: 30px; padding: 6rem 0 2rem; color:#FFFFFF}
.article .content{font-size:16px;padding-top: 30px;line-height: 30px;}
.article .content img{max-width:100%}
.news-tit{ font-size: 3rem; font-weight: bold;}
.tool{ color: #FFF; padding: 2rem 0;border-bottom: 1px solid #EDEDED}
.tool span{ display: inline-block; margin: 0 0.5rem; font-size: 14px;}
.bshare-custom{ padding: 2rem 0;}
.tc{text-align:center!important;}
.keys{ font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #f0f0f0;display: block;}
.ny-page{ line-height: 3rem; padding: 2rem 0 2rem; font-size: 14px;color:#ffffff}
.ny-page a{color:#FFFFFF}


.ly{width:80%; margin: 0 auto}
.ftit{ color: #b8b8b8; font-size: 18px; margin-bottom: 50px;}
.ys-row{ margin-bottom: 1px; position: relative; overflow: hidden}
.ys-input{ background: none; border: none; border-bottom: 1px solid #4c4b4b; line-height: 40px; height: 40px; width: 100%; color: #fff; font-size: 14px; outline: none; padding: 0!important}
input::-ms-input-placeholder{ color: #4c4b4b;}
input::-webkit-input-placeholder{ color: #4c4b4b;}
.ly textarea{ background: none; border: none; border-bottom: 1px solid #4c4b4b; line-height: 32px; height: 100px; width: 100%; color: #fff;font-size: 14px; padding: 2 0 !important; outline: none}
textarea::-ms-input-placeholder{ color: #4c4b4b;}
textarea::-webkit-input-placeholder{ color: #4c4b4b;}

.ys-btn{ background:#b33023;text-align: center; width: 100%; line-height: 35px;  color: #fff; margin: 20px auto; display: block;}
.ys-btn i{ display: inline-block; background: url(../img/dot_more.png) no-repeat center center; width: 50px; height: 20px; vertical-align: middle; margin-left: 5px;}

/*翻页*/
.pager{text-align: center; font-size: 14px; color: #8B8B8B;}
.pager a,.pager span{ width:35px; height: 35px; line-height:35px; display: inline-block;margin:0 2px; color: #8B8B8B; text-align: center;  background: #ffffff; }
.pager span.current,.pager a:hover,.pager a.on{ background: linear-gradient(-220deg,#d4242e,#ff0000);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;}

.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(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(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(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(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;}




#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(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(top.png);}
#mob-call #call-list .item-tel i{ background-image: url(tel.png);}
#mob-call #call-list .item-code i{ background-image: url(code.png);}
#mob-call #call-list .item-home i{ background-image: url(home.png);}
#mob-call #call-list .item-cp i{ background-image: url(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){

	.fz-list .binfo:before{ left:140px}
}



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

	
.top .logo{width:22%}
.top .top_dh{width:15%;}
.top .top_dh p:last-child{font-size:18px}
.top .ss a{ font-size:25px; color:#ffffff}
	
.gybt_1{ font-size: 100px;}
.gybt_3{ font-size: 100px; }
.gybt_4{ font-size: 100px; }
.gybt_2{ font-size: 32px; margin-top: -80px; }
.gybt_2::after{width:30px; height: 3px; content: ''; background: #b33023; position: absolute; bottom: 0;left: 50%;    transform: translate(-50%);}	

.why .w { padding: 20px 10px 0 20px;}
.why .w .w2 {    font-size: 18px;    font-weight: bold;    color: #FFFFFF;    padding-top: 30px;    transition: 0.3s;}
.why .w.on .w2{ font-size: 18px;}
.why .w.on .w4 {    font-size: 80px;}
.why .w .w4 {  font-size: 80px;}
.why .w:hover .w4{  font-size: 80px;}	
.al_js p:first-child {    font-size: 28px;}
.al_js p:first-child span {    font-size: 28px;}	
.al_js p:nth-child(2) {       font-size: 13px;   }
	
.al_nr .swiper-button-next{right: 22%;top: 17%;color: #FFFFFF;}
.al_nr .swiper-button-prev{ left: 64%;top: 17%; color: #FFFFFF;}
	
.al_js p:nth-child(3) {    width: 106px;    height: 30px;    line-height: 26px; }	
.al_js p:nth-child(3) a{ color:#d29791;font-size: 14px;}
	
	
.sjs_bt p:first-child{font-size:25px; color:#b33023; margin-top: 15px;}
.sjs_bt p:nth-child(2){font-size:16px; color:#FFFFFF; line-height: 30px;}
.sjs_bt p:nth-child(3){ margin-top:15px;}
.sjs_bt p:nth-child(3) a{font-size: 14px; color: #FFFFFF}
.sjs_bt p:nth-child(3) a span{ background: #b33023; margin-left: 30px; padding: 5px 10px}
.about {    padding: 80px 0 100px;}
.about .about_nr .about_bt {    font-size: 80px;}
.about .about_bt_1 span:first-child{ font-size: 40px;font-weight: bold;line-height: 40px; height: 40px; overflow:hidden}
.about .about_bt_1 span:first-child b{background:#b33023; color:#FFFFFF}
.about .about_bt_1 span:last-child{ color:#333333;font-size: 16px; position: relative;top: -5px; left: 15px}
.about .about_nr_1 { font-size: 15px;    padding-top: 20px;line-height: 1.8;}
.about .about_wh {    width: 100%;    height: 195px; background-size: cover}
.about .about_wh .wh_l {    margin-left: 30px;}
.about .about_wh .wh_r {    width: calc(100% - 120px);    margin-top: 50px;}
.about .about_tu .more {    bottom: -10px;	}
.about .about_tu .m {    bottom: -10px;}

.kh_bt_l_1{ font-size: 100px;}
.kh_bt_l_2{ font-size: 40px;color: #ffffff; text-align: left; text-indent: 100px; position: relative; margin-top: -90px; font-weight: bold; z-index: 3}
.kh_bt_l_3{width:200px; height: 300px; content: ''; background:rgba(179,48,35,0.8); position: absolute; top: -80px;left: 0; z-index: 2; }
.kh_bt_l_3 p:first-child{position:absolute; top: 60%; right: 35px; color:#FFFFFF; font-size: 50px;}
.kh_bt_l_3 p:last-child a{font-size: 18px; color:#FFFFFF; position: absolute;top: 85%; right: 25px;text-decoration: underline}
.kh_bt_r span {    font-size: 30px;    line-height: 30px;    height: 30px;}
.kh_bt_r {    margin-top: 57px;}
.kehu_nr .swiper-pagination-bullets {    text-align: center;   top: 30px;left: 0    }
.swiper-container1 {    padding-bottom: 30px;}
.kehu_zi p:first-child{font-size:24px; color: #ffffff}
.kehu_zi p:last-child{font-size:16px; color: #8d8d8d; padding-top:20px; }	
.kehu_nr .swiper-button-next1{ display: none}
.kehu_nr .swiper-button-prev1{display: none}
.kehu {   padding: 80px 0 80px;}	
	
	
.nybanner{padding:150px 0 200px}
.mbx .m1{font-size: 60px;font-weight: bold;}
.mbx .m2{font-size: 24px; padding-top: 25px;}

.nyabout_nr{font-size:14px;color:#cecece; line-height: 2; padding: 0 0px}
	
.alxq{width:100%;}
	
	
.al_l{width:700px; height: 670px; overflow: hidden; float: left;}
.al_r{width:calc(100% - 730px); float: right; height: 670px; }
	
.l1{font-size:60px}	
.l2{font-size:30px; }
.l3{font-size: 14px;}
.ly{width:80%; margin: 0 auto}
}

/*1200屏幕*/
@media screen and (max-width:1200px){
.top .top_dh{display:none;}
.top .ss {display:none;}
#navbg{width:75%;float: right}
.fz-list .binfo:before{ left:150px}	
	
.sjs_xq .sjs_xq_tu{width:300px; height: 460px; }
.sjs_xq .sjs_xq_nr{   width: calc(100% - 350px);  }
.sjs_xq .sjs_xq_nr .sj1{font-size:80px;padding-top:30px;}
.sjs_xq .sjs_xq_nr .sj2{font-size:18px;}
.sjs_xq .sjs_xq_nr .sj2 span{font-size:36px; }
.sjs_xq .sjs_xq_nr .sj3{ padding-top: 18px;  font-size: 16px;}
.sjs_xq .sjs_xq_nr .sj4{ width:130px; height: 42px;  top: 180px; right: 50px; line-height: 42px; }
	
	
}



/*992屏幕*/
@media screen and (max-width:992px){
	#mobilehead{display:block;}
	.top{display:none;}
		
	#navbg{display:none;}
	#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;}

	#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;}
	
	.gybt_1{ font-size: 60px;}
	.gybt_3{ font-size: 60px; }
	.gybt_4{ font-size: 60px; }
	.gybt_2{ font-size: 24px; margin-top: -50px; }
	.gybt_2::after{width:24px; height: 3px; content: ''; background: #b33023; position: absolute; bottom: 0;left: 50%;    transform: translate(-50%);}	
	
	.anli_bt {    width: 100%;    overflow: hidden;    margin: 20px auto;}
	.swiper-slide {    font-size: 18px;    width: 100%;}
	.al_js {      right: 10%;    top: 40%;    width: 80%;    padding: 30px 30px 20px;}
	.al_js p:nth-child(3) {    margin-top: 0px;}
	.swiper-container {    width: 100%;    height: 100%;padding-bottom: 80px}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {    bottom: 5%;    right: 0px;    width: 100%;    text-align: center;}
	.al_nr .swiper-button-next{right: 40%;top:90%;color: #FFFFFF;}
	.al_nr .swiper-button-prev{ left: 40%;top: 90%; color: #FFFFFF;}
	
	.al_x_nr {    width: 100%;    margin: 10px auto 20px;    overflow: hidden;}
	.yqlj{ padding:20px 10px}
	.f2 {    padding: 0 10px;}
	
	.nybanner{padding:100px 0 110px}
	.mbx .m1{font-size: 40px;font-weight: bold;}
	.mbx .m2{font-size: 16px; padding-top: 25px;}

	.fzlc .swiper-slide {     height: 360px;}
	.fz-list .binfo:before { top:213px;   left: 176px;}
	.fz-list .date {    top: 160px;}
	.fz-list .binfo.odd p {    top: 25px;}
	
	.al_l{width:100%; height: 420px; overflow: hidden; float: none;}
	.al_r{width:100%; float: none; height: 420px; }
	.al_l .swiper-container { padding-bottom: 10px;}
	
	.al_r_s {    padding:10px;}
	.rs1{font-size:18px; font-weight: bold;color: #FFFFFF}
	.rs2{ color:#aeaeae; font-size: 14px; line-height: 2; padding: 10px 0}
	.rs3{font-size:30px; font-weight: bold;color: #FFFFFF}
	
	
.altj_bt{font-size:20px; color:#FFFFFF}
.center .anli_zi{line-height:30px ;font-size: 15px;color:#d5d5d5}
	.center{ padding-top:25px;}
	
.news-box2 .media-box{ margin-bottom: 0; border: 0px solid #e1e1e1; border-right: none}
.news-box2 .media-box .icon{ height: 25rem;}
.news-box2 .date{ line-height: 3.6rem; font-size: 0.8rem; padding: 0}
.news-box2 .date span{  font-size: 2rem; padding: 0 }
	
	
.news-box2 a{  margin-top: 35px;}
.news-box2 h3{ font-size: 17px; }
.news-box2 p{ font-size: 13px; margin: 1rem 0; }
.news-box2 .col-md-3{ margin-right: 2%}
	
	.txtH {    word-break: break-all;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
	
.l1{font-size:40px}	
.l2{font-size:24px; }
.l3{font-size: 14px;}
.ly{width:100%; margin: 0 auto}
	
	
}

@media screen and (max-width:768px){
	#mobilehead{background-size:auto 44px;}
	
	
	.sjs_x{ margin-bottom: 30px;}
	.sjs_x .sjs{ margin:0 10px }

	.anli_bt_fl .al_fl a {    padding: 5px 0;}
	
	.center .slick-prev{width:25px; height: 50px; background: url("../images/c_l.png") no-repeat;left: 15px;top: 50%;display: block!important}
	.center .slick-next{width:25px; height: 50px; background: url("../images/c_r.png") no-repeat;right: 15px;top: 50%;display: block!important}
	
	.kehu_nr {    margin-top: 20px;}
	.news_nr{ margin-top:20px;}
.kehu_zi{width:100%; height: auto; float: none; padding-left: 0; line-height: 2; padding-top: 15px;}
.kehu_zi p:first-child{font-size:18px; color: #ffffff;padding-top:0px; }
.kehu_zi p:last-child{font-size:16px; color: #8d8d8d; padding: 10px 0 15px 0 }
.kehu_tu{width:100%; float: none;}
.block-2 .brow:before{ content:none}	
.block-2 .brow:after {		content: none}
.block-2 .brow:nth-child(2)::after{ content: none;}
.block-2 .brow:nth-child(3)::after{ content: none;}
.block-2 .brow:nth-child(4)::after{ content: none;}
.block-2 .brow:nth-child(5)::after{ content:none;}
.block-2 .brow:nth-child(6)::after{ content: none;}
.block-2 .brow{ width:33.33%;}
ul.di_nav li {    width: 25%;    float: left;}
	
	
.cate-tool .brow span{ width: 100%; text-align: left; text-indent: 2rem;}
.cate-tool .brow .cate-a{ padding: 10px;}
.cate-tool .brow .cate-a a{ margin: 2px 2px;}
.news-box2 a{  margin-top: 35px; padding-top: 10px}
	
	
	
.sjs_xq .sjs_xq_tu{width:300px; height: 460px; }
.sjs_xq .sjs_xq_nr{   width: calc(100% - 350px);  }
.sjs_xq .sjs_xq_nr .sj1{font-size:60px;padding-top:20px;}
.sjs_xq .sjs_xq_nr .sj2{font-size:16px;}
.sjs_xq .sjs_xq_nr .sj2 span{font-size:30px; }
.sjs_xq .sjs_xq_nr .sj3{ padding-top: 16px;  font-size: 14px; padding-right: 10px;}
.sjs_xq .sjs_xq_nr .sj4{ width:130px; height: 42px;  top: 120px; right: 10px; line-height: 42px; }
	
	}


/*500屏幕*/
@media screen and (max-width:499px){
	#mobilehead{background-size:auto 44px;}
	#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;}
	
.anli_bt_cn{display: none}
.anli_bt_cn img{position: relative;z-index: 10}
.anli_bt_cn::after{width:2px; height: 100%; content: ''; background: #616161; position: absolute; bottom: 0; right: 20px;z-index: 1}
.anli_bt_fl{width:100%; float: none;}

	.why .w { border-bottom: 1px solid #313131}
	
	.al_js {      right: 5%;    top: 12%;    width: 90%;    padding: 20px 30px 20px;}
	.al_js p:nth-child(3) {    margin-top: 0px;}
	.al_js p:first-child {    font-size: 16px;}
.al_js p:first-child span {    font-size: 16px;}	
.al_js p:nth-child(2) {       font-size: 12px;   }
	
.al_x_nr .al_x_nr_nr{ width:25%; float: left; margin-top: 15px;}
.al_x_nr .al_x_nr_nr:hover  .al_x_y{ cursor:pointer; background: #b33023;border:1px solid #b33023; }
.about {    padding: 60px 0 60px;}
.about .about_wh .wh_r p:last-child{ color:#e6e6e6; font-size: 12px; padding-top: 5px; line-height: 1.8}
.kehu {   padding: 30px 0 60px;}		
.news{padding: 40px 0 80px; background-size: cover; }	
.news_x .news_bt {    font-size: 20px;    color: #FFFFFF;    margin: 15px 0;}
	
	#fzlc {    padding: 50px 0 10px;}
	.fz-list .binfo:before {    left: 186px;}
	
		
.sjs_xq .sjs_xq_tu{width:100%; height: 350px; float: none }
.sjs_xq .sjs_xq_nr{   width: 90%; float: none; margin: 0 auto; padding-bottom: 30px;}
.sjs_xq .sjs_xq_nr .sj1{font-size:30px;padding-top:20px;}
.sjs_xq .sjs_xq_nr .sj2{font-size:16px;}
.sjs_xq .sjs_xq_nr .sj2 span{font-size:30px; }
.sjs_xq .sjs_xq_nr .sj3{ padding-top: 16px;  font-size: 14px; padding-right: 10px;}
.sjs_xq .sjs_xq_nr .sj4{ width:130px; height: 42px;  top: 10px; margin-left: 10px; position: relative}

	
}

/*底部*/