/* Write your styles */
@import "reset.css";
@import "function.css";
/********重置*******************/
html{height: 100%}
*{box-sizing: border-box}
img{display: block;}
body{font-size: 0.7rem;height: 100%;line-height: 1.5;background: #f8f8f8}
option{padding: 0;}
ul{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{margin: 0;}
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
body{width: 16rem;margin: 0 auto;overflow-x: hidden;}
a:hover{text-decoration: none;}

.banner{position: relative}
.banner img{width: 16rem;height: 8.15rem;}
.banner .title{width:16rem;height: 1.75rem;line-height: 1.75rem;background:rgba(0,0,0,.5);text-align: center;color: #fff;font-size: 1.05rem;position: absolute;bottom: 0;}

/* ==========================================================================
   Component: 产品分类列表
 ============================================================================ */
.product-list{padding:0 .375rem;}
.product-list li{float: left;width: 15.25rem;height: 2.375rem;line-height: 2.375rem;border-bottom: 1px solid #cccccc;position: relative}
.product-list li a{float: left;background: url(../images/2.jpg) no-repeat 0 center;text-indent: 1rem;background-size: .825rem .8rem;width:13.5rem;font-size: .8rem;color: #333333;word-break:keep-all;/* 不换行*/white-space:nowrap;/* 不换行*/overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容*/text-overflow:ellipsis; }
.product-list li a i{display: inline-block;background: url(../images/3.jpg) no-repeat 0 0;background-size:1.15rem 1.15rem;width: 1.15rem;height: 1.15rem;position: absolute;right: 0;top:50%;margin-top:-.575rem;}
.product-list li:last-child{border-bottom: 0;}

/* ==========================================================================
   Component: 产品子分类列表
 ============================================================================ */
.xq-list{padding:0 .25rem .55rem;background: #f2f2f2}
.xq-list .nanoGalleryThumbnailContainer.nGEvent{float: left;width: 7.625rem;height: 7.7rem;margin-top: .55rem;background: #fff;border-radius:10px;}
.xq-list .nanoGalleryThumbnailContainer.nGEvent:nth-child(even){float: right;}
/*.xq-list li a{display: block;width: 7.625rem;}*/
.xq-list .nanoGalleryThumbnailContainer.nGEvent img{width: 7.625rem;height:5.675rem ;border-radius:10px 10px 0 0;}
.xq-list a .title{height: 2rem;line-height: 2rem;text-align: center;font-size: .8rem;color: #666666;border-radius:0 0 10px 10px;}

.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer{float: left;margin-top: .55rem;border-radius:10px;background: none!important;}

/*.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .subcontainer{padding:0 .125rem 0 0!important;}*/
/*.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer:nth-child(even) .subcontainer{padding: 0!important;}*/
.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer img{width: 7.625rem;height:5.675rem;top:0;bottom: auto!important;background:#dadada!important;}
.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelImage{margin: 0!important;background: #ffffff!important;}
.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelImageTitle:before{content: ''!important;display: none!important;}
.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelImageTitle{height: 2rem;line-height: 2rem;text-align: center;font-size: .8rem;color: #666666!important;border-radius:0 0 10px 10px;margin: 0!important;}
.nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer  .labelDescription{display: none!important;}
.nanogallery_theme_default #nanoGalleryViewer .toolbar .label .description,.nanogallery_theme_default #nanoGalleryViewer .toolbar .setFullscreenButton,.nanogallery_theme_default #nanoGalleryViewer .toolbar .previousButton,.nanogallery_theme_default #nanoGalleryViewer .toolbar .nextButton{display:none!important;}
/* ==========================================================================
   Component: 联系我们
 ============================================================================ */
.lxwm{padding: .375rem;background: #f2f2f2}
.lxwm .box{margin-bottom: .75rem}
.lxwm .box .title{background: #b21c25;font-size: .75rem;color: #fff;text-align: center;font-weight: bolder;height: 1.95rem;line-height: 1.95rem;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}
.lxwm .box .sub-box{padding: .15rem .3rem;background: #fff;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px}
.lxwm .box .sub-box div{line-height: 1.25rem;color: #4c4c4c;font-size: .65rem;margin: .375rem 0;text-indent: 0;}
.lxwm .box .sub-box div.fs{line-height: 1.25rem;color: #4c4c4c;font-size: .58rem;margin: .375rem 0.5rem;text-indent: 1.3rem;}
.lxwm .box .sub-box div.fs:nth-child(1){background: url(../images/5.jpg) no-repeat 0 center;background-size: 1.1rem 1.1rem}
.lxwm .box .sub-box div.fs:nth-child(2){background: url(../images/6.jpg) no-repeat 0 center;background-size: 1.1rem 1.1rem}
.lxwm .box .sub-box div.fs:nth-child(3){background: url(../images/7.jpg) no-repeat 0 center;background-size: 1.1rem 1.1rem}
.lxwm .box .sub-box div.fs:nth-child(4){background: url(../images/8.jpg) no-repeat 0 center;background-size: 1.1rem 1.1rem}
.lxwm .box .sub-box div.fs:nth-child(5){background: url(../images/9.jpg) no-repeat 0 center;background-size: 1.1rem 1.1rem}
.lxwm .box .sub-box div.fs:nth-child(6){background: url(../images/10.jpg) no-repeat 0 center;background-size: 1.1rem 1.1rem}
.szll li{padding: .375rem;border-bottom: 1px solid #f2f2f2;}
.szll li img{width: 4.625rem;height: 6.175rem;float: left}
.szll li .f-fr{width: 9.65rem}
.szll li h3{font-size: .9rem;font-weight: bolder}
.szll li h6{font-size: .75rem;font-weight:normal;color: #333333}
.szll li .intro{font-size: .65rem;color: #999999}

.news-list li{padding: .5rem .75rem;background: #fff;width: 16rem;height: 4.35rem;}
.news-list li:nth-child(even){background: #f2f2f2}
.news-list li a{display: block;height: 3.35rem;background: url(../images/12.png) no-repeat right center;background-size: .425rem .65rem}
.news-list li img{float: left;width: 4.45rem;height: 3.35rem;border-radius: 5px;}
.news-list li .f-fr{width:7.75rem;margin-right: 1.25rem}
.news-list li .f-fr .title{font-size: .75rem;color: #000000;font-weight:700;height: 1.9rem;margin-bottom:.7rem;line-height: 1rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list li .f-fr .time{font-size: .65rem;color: #4c4c4c;}

.news-detail{padding: .375rem;background: #fff;}
.news-detail .title{font-size: .8rem;color: #000000;font-weight:bolder;padding: .25rem;background: #e3e3e3;border-radius: 5px 5px 0 0}
.news-detail .time{font-size: .5rem;color: #717171;padding:0 .25rem .25rem;background: #e3e3e3;border-radius: 0 0 5px 5px}
.detail-box{padding: .5rem 0}
.detail-box *{font-size: .65rem;color: #4c4c4c;max-width: 15.25rem}

.yspx{background: #f2f2f2}
.yspx .hd{background: #fff;margin-bottom: .375rem}
.yspx .hd li{float: left;width: 50%;text-align: center}
.yspx .hd li a{float: left;font-size: .65rem;color: #000000;width: 100%;height: 2.15rem;line-height:2.15rem;border-bottom: 4px solid #fff;}
.yspx .hd li a.active{border-bottom-color: #000000;}
.yspx .bd li{padding: .25rem .5rem;background: #fff;}
.yspx .bd li:nth-child(even){background: #f2f2f2;}
.yspx .bd li .f-fl{width: 11.5rem;}
.yspx .bd li .f-fl h3{color: #000;font-size: .75rem;margin-bottom: .375rem}
.yspx .bd li .f-fl div{color: #666666;font-size: .6rem;}
.yspx .bd li .f-fr{width: 3.3rem;}
.yspx .bd li .f-fr span{display: block;text-align: center;font-family: Georgia;font-weight:bolder;color: #b21c25;margin-bottom: .375rem}
.yspx .bd li .f-fr a{display: block;width: 3.3rem;height: 1.25rem;line-height:1.25rem;color: #fff;font-size: .65rem;text-align: center;background: #b21c25;border-radius: 5px;}

.zxbm{background: url(../images/13.jpg) no-repeat center 0;background-size: cover;padding: .75rem}
.zxbm .title{font-size: 1.2rem;color: #fff;text-align: center;margin-bottom: .75rem}
.zxbm input{border: none;}
.zxbm .group-2 input{width:6.75rem;padding: .25rem;border-radius: 5px;font-size: .75rem;color: #a9a9a9}
.zxbm .group-2 :nth-child(2){margin-left: .7rem}
.zxbm .group,.zxbm .group-2{margin-bottom: .25rem}
.zxbm .group input[type=text]{width: 100%;padding: .25rem;border-radius: 4px;font-size: .75rem;color: #a9a9a9}
.zxbm .group select{width: 100%;padding: .25rem;border-radius: 4px;font-size: .75rem;color: #a9a9a9;background: #fff;}
.zxbm .group textarea{width: 100%;padding: .25rem;border-radius: 4px;font-size: .75rem;color: #a9a9a9;height: 3.7rem}
.zxbm .group button{display: block;width: 100%;background: #b21c25;border: none;color: #fff;height: 1.95rem;line-height: 1.95rem;font-size: .9rem;border-radius: 5px;}
.zxbm .group-r{width: 100%;padding: .25rem;border-radius: 4px;font-size: .75rem;color: #a9a9a9;background: #fff;margin-bottom: .25rem}
.zxbm .group-r label{margin-right: 1rem}
.zxbm .group-r input{margin-right: .05rem}

.zxzp{background: #f2f2f2}
.zxzp .hd{background: #fff;margin-bottom: .375rem}
.zxzp .hd li{float: left;width: 50%;text-align: center}
.zxzp .hd li a{float: left;font-size: .6rem;color: #000000;width: 100%;height: 2.15rem;line-height:2.15rem;border-bottom: 4px solid #fff;}
.zxzp .hd li a.active{border-bottom-color: #000000;}
.zxzp .bd li{padding: .25rem .5rem;background: #fff;}
.zxzp .bd li:nth-child(even){background: #f2f2f2;}
.zxzp .bd li .f-fl{width: 11.3rem;}
.zxzp .bd li .f-fl h3{color: #000;font-size: .8rem;margin-bottom: .375rem}
.zxzp .bd li .f-fl div{color: #666666;font-size: .65rem;}
.zxzp .bd li .f-fr{width: 3.5rem;}
.zxzp .bd li .f-fr a{display: block;width: 3.5rem;height: 1.25rem;line-height:1.25rem;color: #fff;font-size: .65rem;text-align: center;background: #b21c25;-webkit-border-radius: 5px;border-radius: 5px;margin-top: 1.125rem}

.yqzx{background: #f2f2f2}
.yqzx .slide{width:16rem;height: 8.15rem}
.WSCSlideWrapper{width:100%;height: 100%;position: relative;margin:0 auto; cursor:move;}
.WSCSlideWrapper .circlewrapper span{width:10px;height: 10px;border: 2px solid #fff;border-radius:50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;margin: 0 5px;cursor: pointer}
.WSCSlideWrapper .circlewrapper span.solid{background: #fff;}

.yqzx-list{padding: .375rem}
.yqzx-list ul{background: #fff;-webkit-border-radius: 4px;border-radius: 4px;}
.yqzx-list ul li{float: left;}
.yqzx-list ul li a{float: left;width: 3.75rem;height: 3.375rem;color: #050505;font-size: .65rem;margin: .5rem auto;text-align: center;padding-top: 2.5rem}
.yqzx-list ul li:nth-child(1) a{background: url(../images/14-1.png) no-repeat center 0;background-size: 2.5rem 2.5rem;}
.yqzx-list ul li:nth-child(2) a{background: url(../images/14-2.png) no-repeat center 0;background-size: 2.5rem 2.5rem;}
.yqzx-list ul li:nth-child(3) a{background: url(../images/14-4.png) no-repeat center 0;background-size: 2.5rem 2.5rem;}
.yqzx-list ul li:nth-child(4) a{background: url(../images/14-9.png) no-repeat center 0;background-size: 2.5rem 2.5rem;}
.yqzx-list ul li:nth-child(5) a{background: url(../images/14-8.png) no-repeat center 0;background-size: 2.5rem 2.5rem;}
.yqzx-list ul li:nth-child(6) a{background: url(../images/14-5.png) no-repeat center 0;background-size: 2.5rem 2.5rem;}
.yqzx-list ul li:nth-child(7) a{background: url(../images/14-6.png) no-repeat center 0;background-size: 2.5rem 2.5rem;}
.yqzx-list ul li:nth-child(8) a{background: url(../images/14-3.png) no-repeat center 0;background-size: 2.5rem 2.5rem;}


.yqzx .yqzl{padding:0 .375rem}
.yqzx .yqzl li{float: left;width: 7.4375rem;height: 3.9rem;margin-bottom: .375rem}
.yqzx .yqzl li:nth-child(even){float: right;}
.yqzx .yqzl li a{float: left;width: 7.4375rem;height: 3.9rem;color: #fff;line-height: 3.9rem;text-align: center;font-size: .65rem}
.yqzx .yqzl li:nth-child(1) a{background:url(../images/yqzl-1.png) no-repeat 0 0;background-size:7.4375rem 3.9rem;}
.yqzx .yqzl li:nth-child(2) a{background:url(../images/yqzl-2.png) no-repeat 0 0;background-size:7.4375rem 3.9rem;}
.yqzx .yqzl li:nth-child(3) a{background:url(../images/yqzl-3.png) no-repeat 0 0;background-size:7.4375rem 3.9rem;}
.yqzx .yqzl li:nth-child(4) a{background:url(../images/yqzl-4.png) no-repeat 0 0;background-size:7.4375rem 3.9rem;}

.index{background:#000 url(../images/19.jpg) no-repeat center 0;background-size: 16rem 8rem;padding: 1.05rem .5rem 0;padding-bottom: 3rem}
.index .logo img{width: 11.25rem;height: 3.75rem;margin:0 auto 1.35rem}
.index .nav li,.index .nav li a{float: left;width: 4.6rem;height: 5.5rem;-webkit-border-radius: 10px;border-radius: 10px;background: #fff;}
.index .nav li{margin-bottom: .7rem;margin-right: .6rem}
.index .nav li img{width: 3rem;height: 2.75rem;margin: 0 auto;}
.index .nav li:nth-child(3),.index .nav li:nth-child(6){margin-right: 0}.index .nav li:nth-child(9){margin-right: 0}
.index .nav li a{text-align: center;padding: .75rem .25rem;color: #b21c25;font-size: .75rem}
.index .nav li a .title{margin-top: .2rem}

.index .jcsp .title{width: 100%;height: 1.65rem;line-height: 1.65rem;color: #fff;font-size: .9rem;background: #b21c25;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;text-indent: .3rem;}
.index .jcsp .title a{float: right;height: 1.65rem;line-height: 1.65rem;font-size: 1.4rem;font-family: '宋体';font-weight: bolder;margin-right: .3rem;color: #fff;}
.index .jcsp .sp{height: 7.625rem;width: 100%;margin-bottom: .5rem;border: 1px solid #F0F0F0;}
.index .jcsp .f-cb div{text-align: center;width: 50%;margin-bottom: .75rem}
.index .jcsp .f-cb img{width: 5.65rem;height: 5.65rem;margin: 0 auto;}
.index .jcsp .f-cb p{color: #fff;font-size: .8rem;margin-top: .25rem}

.index .news .title{width: 100%;height: 1.65rem;line-height: 1.65rem;color: #fff;font-size: .9rem;background: #b21c25;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;text-indent: .3rem;}
.index .news .title a{float: right;height: 1.65rem;line-height: 1.65rem;font-size: 1.4rem;font-family: '宋体';font-weight: bolder;margin-right: .3rem;color: #fff;}

.index .news .list{padding-bottom: .5rem}
.index .news .list li{margin-top: .25rem}
.index .news .list .time{width: 2.75rem;height: 2.5rem;background: #f0f0f0;color: #b21c25;text-align: center;padding: .25rem}
.index .news .list .time span{display: block;text-align: center;font-weight: bolder;font-size: .8rem}
.index .news .list .titles{width: 12.25rem;height: 2.5rem;padding: .28rem .25rem;overflow:hidden;background: #fff;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.fixed{position: fixed;bottom: 0;width: 16rem;background: #b21c25;padding: .25rem 0;box-shadow: 0 0 10px 2px #000000}
.fixed li{float: left;width: 25%;}
.fixed li a{float: left;width: 100%;text-align: center;color: #fff;font-size: .65rem;}
.fixed li a img{width:1.6rem;height:1.35rem;margin: 0 auto;}


/*地图*/
.webHeaderBg{background: #005ea8; height: 2.5rem; line-height: 2.5rem; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);}
.baidu_all_map{overflow:hidden; zoom:1; position:relative}
.baidu_map{height:100%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.map_marker_panel{position:absolute}
.webMapServiceBox{visibility:hidden; position:fixed; top:150%; height:100%; width:100%; max-width:640px; z-index:9999; transition:all 500ms; -ms-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; -webkit-transition:all 500ms}
.showMapService{top:0; visibility:visible; transition:all 500ms; -ms-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; -webkit-transition:all 500ms}
.webMapServiceBox .webMapHeader{height:2.3rem;position: relative;}
.g_close{bottom: 0; top: 0; float: left; background-size: 70%; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; display: table; height: 100%;}
.icon-gClose{font-size: 1.6rem; color: #fff;}
.icon-gClose:before{content: "\e60e"; display: table-cell; vertical-align: middle;}

.yqzx-lista .f-cba{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:stretch;
}
.yqzx-lista .f-cba li{
    flex-grow: 1;
    background: #b21c25;
    padding: 10px;
    margin: 10px;
    text-align: center;
    width: 33%;
}
.yqzx-lista .f-cba li a{
    color: #fff;
}

.page_fy{width:100%; margin:0 auto; font-size:0.64rem;padding-bottom:1.6rem; margin-top:1.4rem; clear:both;}
.page_fy li{ line-height:1.4rem; height:1.4rem; margin-bottom:0.2rem;}
.page_fy li .syt{ width:2.49rem; text-align:center; background:#333; color:#fff; float:left;}
.page_fy li .syt a{ color:#fff;}
.page_fy li .syt a:hover{ color:#fff;}
.page_fy li .syb{ float:left; width:5rem; line-height:1.4rem; height:1.4rem; white-space:nowrap;text-overflow:ellipsis;  overflow:hidden;padding-left:0.6rem; color:#000;}
.page_fy li .syb a{color:#000;}
.page_fy li .syb a:hover{color:#000;}