/*base*/
.container .position p,
.page a:hover{border-color: #e52222;}   /*面包屑和产品列表当前页码边框颜色*/
.container .position p span,
.page a:hover{color: #e52222;}   /*面包屑和产品列表当前页码字体颜色*/
.foot-button em,
.foot-button i,
.foot-button a:hover span,
.foot-button a.active span{color: #0c72ff;}   /*手机站底部导航字体颜色*/
.online_box > div{background: #0c72ff;}   /*手机站“返回头部”背景色*/
a{color:#333;}   /*超链接默认字体颜色*/
a:hover{color:#e52222;}   /*超链接选择字体颜色*/
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #e52222;}   /*滚动板块小圆圈选择背景色*/

/*public*/
.headbox .logo p{position: absolute;}   /*头部只有文字或只有图片时删掉这行*/
.headbox .logo strong{color: #000;}   /*头部大字体颜色*/
.headbox .logo span{color: #666;}   /*头部小字体颜色*/
.headbox .r-btn span{background-color: #e52222;}   /*头部小小按钮背景色*/
.headbox .tel p{color: #e52222;}   /*头部电话号码颜色*/
#bannerppt{height:360px;}   /*banner高度*/
.homebanner #bannerppt{height:500px;}
.footbox{background:#2d2d2d;color: #999;}  /*底部背景色及字体颜色*/
.foot-text{background: #191919;color: #999;}  /*foot-text底部背景色及字体颜色*/
.footbox a,
.foot-text a{color: #aaa;}  /*底部超链接默认字体颜色*/
.footbox a:hover,
.foot-text a:hover{color: #e52222;}  /*底部超链接选中字体颜色*/
.foot-nav,.foot-txt{border-color: #454545;}  /*底部栏目边框颜色*/

@media only screen and (min-width:1025px){
.headbox .logo a{padding-left: 130px;}
.navbox{background: #0050bf;height: 55px;}   /*导航背景色*/
.navbox ul{border-left: 1px solid #588dd6;height: 55px;}
.navbox ul li{width: 16.66%;border-right: 1px solid #588dd6;}  /*导航选中栏目背景色*/
.navbox ul li > a{font-size: 16px;line-height: 56px;height: 55px;}
.navbox ul li.active > a{background: #d91200;fs}  /*导航选中栏目背景色*/
.navbox ul li > dl{background:#fff;}   /*导航下拉框背景色*/
.navbox ul li:hover > dl{padding: 1px 0;}
.navbox ul li:hover > dl dd > a{background-color:#fff;border:1px solid #ddd;margin: -1px auto;color: #333;height: 50px;padding: 14px 5px;} 
.navbox ul li > dl dd:hover > a{background-color:#ff4242;color: #fff;border-color: #ff4242;}  /*导航下拉框选中栏目背景色*/
.navbox ul li > dl dd > div{border-color:#e52222;}   /*导航二级分类边框颜色*/
.navbox ul li > dl dd > div a:hover{color:#e52222;}   /*导航二级分类选中字体颜色*/
}
@media only screen and (max-width:1310px){
#bannerppt{height:0;padding-bottom:27%;}   /*手机站banner高度  百分比*/
.homebanner #bannerppt{height:0;padding-bottom:38%;}
}
@media only screen and (max-width:1024px){
.headbox .r-btn span{background-color: #0c72ff;}   /*手机站头部搜索按钮背景色*/
.navbox ul li.active > a,
.navbox ul li dl dd:hover > a,
.foot-nav .con p a:hover{color: #0c72ff;}  /*手机站导航选中字体颜色*/
#bannerppt{height:0;padding-bottom:30%;}   /*手机站banner高度  百分比*/
}

/*home*/
.swiper-button-next.next:hover,
.swiper-button-prev.prev:hover{background-image: url(../nyimages/btn1.png);}   /*首页滚动箭头背景图片*/
.productbox .protit p{width: 20%;}   /*首页分类宽度*/
.productbox .protit p a{background: #0050bf;}   /*首页分类默认背景色*/
.productbox .protit p:hover a{background: #e62222;}   /*首页分类选中背景色*/
.productbox ul li:hover a{border-color: #0050bf;color: #fff;background-color: #0050bf;}   /*首页产品选中边框颜色及背景色*/
.casebox::after{background: rgba(0, 55, 135, 0.8);}
.casebox ul li:hover a{color: #0050bf;}   /*首页案例选中字体颜色*/
.companybox .titl p{color: #0050bf;}   /*首页公司简介标题字体颜色*/
.companybox .txt .text{font-size: 17px;}   /*首页公司简介内容字体大小*/
.companybox .txt .more a{background: #0050bf;}   /*首页公司简介更多默认背景色*/
.companybox .txt .more a:hover{background: #e62222;}   /*首页公司简介更多选中背景色*/
.videobox ul li:hover h3{color: #0050bf;}   /*首页视频选中字体颜色*/
.newsbox .newslist ul li:hover{background: #0050bf;}  /*首页新闻选中背景色*/
.orderbox ul .li_4 p{background:#0b66e4;}   /*首页留言按钮默认背景色*/
.orderbox ul .li_4 p:hover{background:#e62222;}   /*首页留言按钮选中背景色*/
.contactbox .titl em a{color: #e62222;}   /*首页联系我们电话号码字体颜色*/
.contactbox .ewm p{width: 50%;padding: 0 35px;}   /*首页联系我们二维码大小-间隔*/
.linkbox .tit span{color: #0050bf;}  /*友情链接标题字体颜色*/
.linkbox .tit em{color: #e62222;}   /*友情链接标题选中字体颜色*/

@media only screen and (max-width:1024px){
.productbox .protit p{width: 33.33%;}   /*手机站首页分类宽度*/
.companybox .pic p em{padding-bottom: 50%;}   /*手机站首页公司简介图片高度 百分比*/
}
@media only screen and (max-width:768px){
.companybox .pic p em{padding-bottom: 60%;}
.contactbox .ewm p{padding: 0;}
}

/*inside*/
.leftmain .left-titl{color: #0050bf;}   /*内页小导航标题字体颜色*/
.leftmain .left-cont li > h2 a{background: #0050bf;}   /*内页小导航分类默认背景色*/
.leftmain .left-cont li.active > h2 a{background: #e62222;}   /*内页小导航分类选中背景色*/
.leftmain .left-cont li > dl{background: rgba(0,0,0,.8);}   /*内页分类下拉框背景色*/
.leftmain .left-cont li > dl dt.active a{background: #ffb01f;}   /*内页分类下拉框选中背景色*/
.pro_list_con ul li:hover a{border-color: #e62222;}  /*内页产品选中边框颜色*/
.pro_list_con ul li:hover h3{background: #e62222;}   /*内页产品选中背景色*/
.proshowpage .txtbox .tit,
.contactpage .txtbox .tit{color: #e52222;}   /*内页联系我们公司名称字体颜色*/
.proshowpage .txtbox .tit em,
.contactpage .txtbox .tit em{background-color: #e52222;}   /*内页联系我们公司名称边框颜色*/
.orderpage .rightmain .cont ul li.li_3 .tj{background:#0050bf;}   /*内页留言按钮默认背景色*/
.orderpage .rightmain .cont ul li.li_3 input:hover{background:#e52222;}   /*内页留言按钮选中背景色*/
.newslistpage .rightmain ul li:hover{background:#0050bf;}   /*内页新闻列表选中背景色*/
.faqpage .problem-keywords ul li:hover a{color: #e52222;}   /*内页常见问题关键词选中字体颜色*/
.faqpage .problem-list .titl,
.downpage .downlist .titl{border-color: #0050bf;color: #0050bf;}   /*内页常见问题列表标题边框颜色及中、字体颜色*/
.faqpage .problem-list .titl span,
.downpage .downlist .titl span{color: #0050bf;}   /*内页常见问题列表标题字体颜色*/
.prohomepage .promain .title{background: #0050bf;}   /*内页产品中心分类头部默认背景色*/
.prohomepage .promain:hover .title{background: #e52222;}   /*内页产品中心分类头部选中背景色*/
.proshowpage .picinfo .smallpic ul li.on{border-color: #e52222;}   /*产品详情小产品图片选中背景色*/
.proshowpage .picinfo .right .titl{color: #0050bf;}   /*产品详情右侧名称字体颜色*/
.proshowpage .picinfo .right .claname{border-color: #4a97e4;background-color:#f2f9ff;}   /*产品详情右侧分类边框颜色及背景色*/
.proshowpage .picinfo .right .claname:hover a{color: #e52222;}  /*产品详情右侧分类选中字体颜色*/
.proshowpage .rightmain > div .title p.active span{color: #e52222;}   /*产品详情标题选中字体颜色*/

@media only screen and (min-width:769px){
.leftmain .left-cont li{width: 25%;}   /*内页小导航分类宽度*/
}
@media only screen and (min-width:1025px){
.leftmain .left-cont li{width: 20%;}   /*内页小导航分类宽度*/
}