@charset "utf-8";
*{-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none;-ms-user-select:none; user-select:none;}
html {}
input {font-family:"Microsoft YaHei",arial; }
body{font-family:'PingFang SC','PingFang TC','Noto Sans CJK SC','Noto Sans CJK TC','微软雅黑',Helvetica,Arial;background:#fff;font-size:.28rem;color:#222;-webkit-user-select:auto!important}

.c1 {color: #e62129;}
.rel img.abs {top:0;left:0;right: 0;bottom:0;margin: auto;}

.viewport {background: #fff;margin: 0 auto;padding-top: 2.6rem;}

.header {background: #000;padding: .1rem 0;position: fixed;top:0;left:0;width: 100%;z-index: 1100;}
.header .str i {font-size: .5rem;color: #fff;}
.header .str i.icon-guanbi {display: none;}
.header .str.on i.icon-guanbi {display: block;}
.header .str.on i.icon-nav1 {display: none;}
.logo img {height: .8rem;}

.subnav {position: fixed;top:1rem;right:0;background: #000;display: none;z-index: 1102;}
.subnav li a {color: #fff;padding: .1rem .3rem;font-size: .24rem;border-top: 1px solid #ccc;display: block;}


img {height: auto;}



.nav {overflow: hidden;position: fixed;top:1rem;left:0;width: 100%;z-index: 1100;background: #fff;}
.nav li {width: 25%;float: left;text-align: center;height: .8rem;line-height: .8rem;}
.nav li a {display: block;font-size: .28rem;border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
.nav li.on a {background: #db0900;color: #fff;}


.t1 {padding: .4rem 0}
.t1 h5 {font-size:.4rem;font-weight: bold;text-align: center;margin-bottom: .2rem;}
.t1 ul li {padding: .08rem 0}
.t1 ul li select {width: 100%;height: .6rem;font-size: .24rem;padding: 0 .2rem;}
.t1 ul li .flex {padding-left: .1rem;}
.t1 ul li button {display: block;background: #db0900;color: #fff;border:0;width: 100%;font-size: .28rem;height: .7rem;}


.t2 .cm_t h3 {font-size: .4rem;font-weight: bold;}
.t2 .cm_t p {font-size: .24rem;color: #666;}
.t2 .sm {padding: .3rem 0;display: none;}
.t2 .sm span {margin: 0 7px;}
.t2 .sm span.on {color: #f00;}

.pro_list {padding: 0 .1rem;margin-top: .2rem;}
.pro_list li {width: 50%;float: left;}
.pro_list li .item {margin: .1rem .1rem;text-align: center;border:1px solid #ddd;background: #fff;position: relative;}
.pro_list li .item .img {height: 2.2rem;}
.pro_list li .item .img a {display: block;height: 100%}
.pro_list li .item .img img {width: 100%;height: 100%;object-fit: cover}
.pro_list li .item h2 {font-size: .3rem;color: #000;padding: .1rem 0;padding-bottom: 0;}
.pro_list li .item h2.x {padding-top: 0;padding-bottom: .1rem;}
.pro_list li .item .xm_c div {border-top: 1px solid #ddd;padding: .1rem 0;color: #666;font-size: .24rem;}
.pro_list li .item a {display: block;border: 1px solid #ff0000;color: #fff;padding: .16rem 0;display: block;font-size: .24rem;height: calc(100% - .34rem);background: #ff0000}
.pro_list li .item .img a {padding: 0;border:0;}

.pro_list li .item .abs {position: absolute;top:0;left:0;color: #fff;z-index: 10;background: #c00;background: url(../images/j.png) no-repeat 0 0;height: 1rem;width: 1rem;background-size: 100% 100%;text-align: left;padding-left: .1rem;line-height: .6rem;font-size: .24rem;}


.more {padding-bottom: .6rem;padding-top: .3rem;}
.more a {display: block;border:1px solid #ddd;padding: .2rem 0;font-size: .28rem;}

.pro_head .con {line-height: 1.8;padding: .2rem 0}
.pro_head .con .p {border:1px solid #ddd;padding: .2rem;margin-bottom: .2rem;}

.t3 {text-align: center;margin-bottom: .4rem;font-size: .4rem;font-weight: bold;border-bottom: 1px solid #ddd;padding: .4rem 0}

.pro_address iframe {font-size: .6rem;}


.pro_xmss {padding: 0 0 .4rem 0}
.pro_xmss .pp dl {margin: .2rem 0;}
.pro_xmss .pp dl dt {background: #000;color: #fff;position: absolute;left:0;padding: .1rem .2rem;width: 1.4rem;text-align: center;}
.pro_xmss .pp dl dd {padding: 0 0 0 2rem;overflow: hidden;}
.pro_xmss .pp dl dd span {display: block;float: left;padding: .1rem .2rem;background: #eee;margin-right: .2rem;;margin-bottom: .2rem;}

.about_f1 {line-height: 1.8;padding: .6rem 0;background: #f5f5f5;}
.about_f1 img {float: left;margin: 0 .2rem .2rem 0;}

.about_f2 {padding: .6rem 0}
.t4 {text-align: center;font-size: .24rem;color: #666;}
.t4 h4 {font-size: .4rem;color: #000;font-weight: bold;margin-bottom: .2rem;}
.t4 var {    display: block;
    width: 1rem;
    height: 2px;
    background: #ff0000;margin: 0 auto;margin-top: .4rem;}
.about_f2 ul {padding: .4rem 0;text-align: center;}
.about_f2 ul li span {display: block;}


.about_f3 {background: url(../images/hbg.jpg) no-repeat center center;background-size: cover;padding: .6rem 0}
.t5 {color: #aaaaaa;font-size: .24rem;text-align: center;}
.t5 h4 {font-size: .4rem;color: #fff;font-weight: bold;}
.t5 span {display: block;font-size: .32rem;padding: .2rem 0;margin-bottom: .2rem;}
.t5 p {font-size: .24rem;line-height: 1.8}
.about_f3 ul li {float: left;color: #fff;width: 20%;text-align: center;font-size: .24rem;}
.about_f3 ul li span {display: block;font-size: .4rem;}
.about_f3 ul {padding: .4rem 0}

.about_f4 {padding: .6rem 0}
.about_f4 .t4 {margin-bottom: .4rem;}
.atab .list a {display: block;background: url(../images/ry.jpg) no-repeat center center;background-size: 100% 100%;}
.atab .list a div {padding: .2rem;text-align: center;}
.atab .list a div img {vertical-align: top; width: 100%; height: 100%; }

.about_f5 {background: #f5f5f5;padding: .6rem 0;}


.tab_hd {border-bottom: 1px solid #ddd;height: .9rem;line-height: .9rem;margin-top: .4rem;text-align: center;}
.tab_hd li.active {color: #db0900;border-bottom: 2px solid #db0900;}
.tab_hd li.active a {color: #db0900;}

.tab_bd {padding: .2rem 0 0 0}
.tab_bd .box a {border-bottom: 1px solid #ddd;padding: .26rem 0}
.tab_bd .box a .pic {width: 2rem;margin-right: .3rem;}
.tab_bd .box a .pic img {vertical-align: top;}
.tab_bd .box a .info .t {font-size: .28rem;color: #000;margin-bottom: .1rem;}
.tab_bd .box a .info .line_2x {font-size: .24rem;color: #666;}






.more2 {text-align: center;padding: .4rem 0 0 0}
.more2 a {display: inline-block;margin: 0 auto;border:1px solid #ddd;padding: .2rem .2rem;background: url(../images/ico_more.png) no-repeat .2rem center;background-size: auto .4rem;font-size: .24rem;padding-left: .8rem;}

.hz_main {padding: .6rem 0}
.alist {margin-top: .4rem;}
.alist li span {display: block;margin: .1rem;}
.alist li span img {vertical-align: top;height: 1.45rem;}
.alist li {width: 50%;text-align: center;}




.bot_tel {background: url(../images/bot.jpg) no-repeat right center;background-size: cover;color: #fff;}
.bot_tel div {padding: .4rem}
.bot_tel div span {display: block;font-size: .3rem;margin-bottom: .2rem;display: block;}
.bot_tel div p {font-size: .4rem;}
.bot_tel div p var {font-size: .24rem;margin-right: .2rem;}
.bot_tel div a {color: #fff;}


.banner img {vertical-align: top;}


.contact_main {background: url(../images/lxbg.jpg) no-repeat center center;background-size: cover;padding: .6rem 0;color: #fff;background: #f5f5f5}
.contact_main .t4 h4 {color: #000;}
.contact_main .t4 span {color: #000;}
.contact_main .dt {margin:.4rem 0 .2rem 0;}
.Acont {line-height: 1.8;color: #000;}
.Acont .tit {font-size: .24rem;margin-bottom: .2rem;}
.Acont .tit span {display: block;font-size: .4rem;}
.feed dt {font-size: .24rem;color: #000;}
.feed dd {margin-bottom: .2rem;position: relative;-webkit-user-select:text !important}
.feed dd .inp {width: 100%;height: .6rem;border-radius: .1rem;vertical-align: top;font-size: .24rem;padding: 0 .2rem;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #ccc;
-webkit-user-select:text !important
}
.feed dd textarea {padding: .2rem;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;width: 100%;border-radius: .1rem;font-size: .24rem;height: 2rem;border:1px solid #ccc;}
.feed dd img {position: absolute;right: 0;height: .6rem;border-radius: 0 .2rem .2rem 0}


.feed dd .inp:focus, .feed dd textarea:focus {border:1px solid #c00;}


.feed dd .mit {
	background: #ff0000;
    border:0;height: .8rem;width: 100%;color: #fff;font-size: .28rem;border-radius: .1rem;
}



.pop_feed {position: fixed;top:0;;left:0;width: 100%;height: 100%;z-index: 10000;display: none;}
.pop_feed .Acont .db,
.pop_feed .Acont {height: 100%}
.pop_feed .Acont .db .flex {background: #fff;box-shadow: 0 0 5px #666;position: relative;max-width:5rem;margin: 0 auto;padding: .3rem}
.pop_feed .abs {position: absolute;top:-.6rem;right: -.3rem;}
.pop_feed a i {font-size: .7rem;color: #666;}
.pop_feed.wx .Acont .db .flex {width: 3rem;}
.pop_feed.wx .Acont .db .flex .tit span {font-size: .32rem;}
.pop_feed.wx .Acont .db .flex img {width: 100%;}



.banners img {vertical-align: top;}
.banners .abs {bottom:0;left:0;width: 100%;text-align: center;}

.home_f1 {background: #f5f5f5;padding: .2rem 0 .4rem 0}
.home_f2 {padding: .6rem 0}
.t10 {font-size: .4rem;font-weight: bold;margin-bottom: .3rem;}
.rd_news .pic img {vertical-align: top;width: 100%}
.rd_news .pic {position: relative;padding: .2rem 0}
.rd_news .pic span {display: block;bottom:.3rem;left:.2rem;width: 100%;position: absolute;color: #fff;font-size: .28rem;}
.rd_news .t {font-size: .28rem;font-weight: bold;color: #000;}
.rd_news ul li {background: url(../images/li1.png) no-repeat 0 center;padding-left: .2rem;margin: .1rem 0}


.tab_hd2 li {float: left;margin-right: .2rem;}
.tab_hd2 li a {display: block;line-height: .6rem;height: .6rem;padding: 0 .14rem;border:1px solid #fff;margin-bottom: .1rem;}
.tab_hd2 li.active a {display: block;background: #fff;color: #000;border:1px solid rgba(0,0,0,0.5);}

.tab_bd2 {margin-bottom: .4rem;margin-top: .2rem;}

.blist {margin: 0 -.1rem}
.blist li {width: 50%;margin-bottom: .2rem;}
.blist li .pic {height: 2.6rem;margin-bottom: .1rem;}
.blist li .pic img {width: 100%;height: 100%;object-fit: cover;}
.blist li a {display: block;margin: 0 .1rem}
.blist li a .t {font-size: .28rem;margin-bottom: .1rem;}
.blist li a span {display: block;font-size: .24rem;color: #666;height: .7rem;overflow: hidden;}

.home_f3 {padding: .6rem 0;background: #f5f5f5}
.home_f3 .boxs {background: #fff;}


.home_f4 {padding: .4rem 0}
.t11 {padding: 0 0 .2rem 0;font-size: .3rem;font-weight: bold;}
.t11 a {font-weight: normal;font-size: .24rem;color: #666;}


.hdtab .abox img {width: 100%;}
.hdtab .abox .t {font-size: .32rem;color: #000;font-weight: bold;margin-top: .1rem;}
.hdtab .abox .time {margin: .1rem 0}
.hdtab .abox p {color: #666;font-size: .24rem;line-height: 1.8}


.contbox {padding: .4rem 0}
.contbox h2 {font-size: .32rem;text-align: center;font-weight: bold;color: #000;margin-bottom: .2rem;}
.contbox .p {line-height: 1.8}



.fbox100 {font-size: .24rem !important;margin-bottom: .2rem;}
.fbox100 * {font-size: .24rem !important;}


.pdf_box a {background: #f00;display: block;color: #fff;padding: .1rem .2rem;font-size: .32rem;margin-top: .2rem;text-align: center;}






footer {background: #f5f5f5;display: block;}
footer .db {padding: .2rem 0;font-size: .24rem;color: #666;text-align: right;padding-bottom: 1.4rem}
footer .db .flogo img {height: .6rem;vertical-align: top;}
footer .db .flogo {margin-right: .2rem;}





.b_nav {position: fixed;bottom:0;left:0;width: 100%;background: #c00;color: #fff;padding: .14rem 0 .1rem 0;z-index: 1000;}
.b_nav a {color: #fff;}
.b_nav li .ico .web,
.b_nav li .ico .iconfont {font-size: .4rem;}
.b_nav li .ico {line-height: .4rem}


.mnav {text-align: center;background: #f9f9f9;padding: .2rem 0}
.mnav h3 {font-size: .24rem;}
.mnav p {font-size: .2rem;color: #999;display: none;}
@media screen and (orientation:landscape){
    .nav {overflow: hidden;position: inherit;margin-top: -22%;}
    .b_nav{
        padding: 0;
    }
    .b_nav li .ico{
        line-height: .2rem;
    }
    .b_nav li .ico .web, .b_nav li .ico .iconfont{
        font-size: .2rem;
    }
    .db li{
        font-size: .2rem;
    }

}