@font-face {
    font-family:FontAwesome;font-style:normal;font-weight:400;
    src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);
    src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),
    url(/public/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),
    url(/public/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0) format('woff'),
    url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
    url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')
}
html{ font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,SimSun,sans-serif,FontAwesome;background-color: #fff; font-size: 12px;}
body{font-size: 16px; line-height: 1.7; color: #666666; }
body,li,ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,figure, form,a,button {
    margin: 0; border: 0; padding: 0; list-style: none;
}
.single-over{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.clamp-voer{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
div{margin: 0px auto;}
.container{width: 1200px; margin: 0px auto; }
.productbg{margin:10px auto;}
.clearfix:after{content:""; height:0; visibility:hidden;display:block; c
lear:both; }
.rmainBox { float: right; width:930px; padding:10px;}
.lsideBox{ float:left; width:250px; background-color:#FFF; }
.rmainBox,.lsideBox,.lmainBox,.rsideBox,.mainBox{margin: 10px auto 20px auto; background-color:#FFF; }
.lmainBox{  float: left; width:930px; }
.rsideBox{float:right; width:250px; }

a,a:hover{ text-decoration: none;color: #666666 }
@media screen and (max-width: 1250px){
    html{font-size: 14px;}
    body{font-size: 14px;}
}
.marginTop{ margin-top: 40px;}
.title-box-maginbottom{margin-bottom: 20px;}

.head-top{ margin:0px auto; line-height: 1; background-color:#d0000d; color:#FFF; }
.head-top .container{position: relative;}
.head-top .c-name { float:left;}
.head-top .c-name .c-name-1{font-size:15px; line-height: 42px;}
.head-top .hotline{ float: right;}
.head-top .hotline .hotline-2{font-size:15px; line-height: 42px;}
.head-top .hotline .hotline-2 a:link{color:#FFF;}
.head-top .hotline .hotline-2 a:visited{color:#FFF;}
.head-top .hotline .hotline-2 a:hover{color:#333;}
.langchange{ position: absolute; right:0px; top:-10px;}
.langchange ul{ white-space: nowrap;}
.langchange li{ white-space: nowrap; float: left; margin-right: 10px;}

.navbar{ height:90px;}
.navbar .logo{float:left; width:156px;}
.navbar .navul1{ height:60px; width:900px; float:right; margin-top:30px;}
.navbar .navli1{ position: relative; flex: auto;}
.navbar .navli1 a{font-size: 14px; color:#fff;}
.navbar .navli1>a{ line-height: 60px; display: block; font-size: 16px; text-align: center; position: relative; color:#000; }
.navbar .navli1>a:before{content: ""; width:100%; height: 0px; position: absolute; top:0px; left:0px; background-color: #fff; }
.navbar .navli1:hover>a,.navbar .navul1>li.active:hover>a{  background-color: #d0000d; color:#FFF;}
.navbar .navli1:hover>a:before,.navbar .navul1>li.active:hover>a:before{background-color: #d0000d; color:#FFF;}
.navbar .navul1>li.active>a{ background-color :#d0000d;  color:#FFF;}
.navbar .navul1>li.active>a:before{background-color: #d0000d;  color:#FFF; }
.navbar .navul2 { position: absolute; z-index: 101; top:200%; right: 0px; min-width:100%; text-align: left; visibility: hidden; transition: 200ms; opacity: 0; }
.navbar .navul2 .navli2{ min-width:100%;  line-height: 3; padding-top:2px; }
.navbar .navul2 a{ background-color: #fff;  color: #000; height: 100%; display: block; white-space: nowrap; padding: 0px 14px; border-right: 0px; border-left: 0px; position: relative; }
.navbar .navul2>li:hover>a:before{background-color:#d0000d;}
.navbar .navli1:hover>.navul2{ top:100%; opacity: 1; visibility:visible; }
.navbar .navul2 li.dropleft{ position: relative;}
.navbar .navul2 .navul3{ position: absolute; left:100%; padding-left:5%; top:100%; visibility: hidden; transition: 200ms; opacity: 0;z-index: 100; min-width:100%; }
.navbar .navul2 .navul3 li{ padding-top:2px; }
.navbar .navul2 li.dropleft:hover>.navul3{ left: 100%; top:0px; visibility:visible; opacity:1;}
.navbar .navul3>li:hover>a:before{background-color:#F8BD00;}

.index_search{ margin-top:0px; position: relative; background-color:#eeeeee;}
.index_search:before{ content: ""; position: absolute; left:0px; bottom:0px;  width:100%; height: 50%; background: #eee; z-index: -1; }
.index_search .container{  }
.index_search .left-box,.index_search .mid-box,.index_search .right-box{  float: left;}
.index_search .left-box ,.index_search .right-box{ width:0px; height: 0px; border: 0px;}
.index_search .left-box { border-bottom: 0px;border-right:0px;  }
.index_search .right-box {  border-bottom: 0px;border-left:0px; }
.index_search .mid-box{ height: 60px; line-height: 60px; }
.index_search .mid-box .keys-box{ float: left; margin-left: 20px; }
.index_search .mid-box .keys-box .keystxt a{ padding-left: 5px;padding-right: 5px;}
.index_search .mid-box .search-box { float: right; }
.index_search .search-box{ position: relative; margin-left:80px;}
.index_search .search-box .searchword{padding-left: 10px; width:420px; height: 36px; line-height: 36px; border:#F00 solid 1px; border-radius:10px;}
.index_search .search-box .searchgo{ height: 36px; line-height: 35px; position: absolute; top:13px;right: 0px; padding: 0px 10px; background-color:#d0000d; color: #fff; cursor: pointer; border-top-left-radius:0;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:0;}

.index_about{background-color:#fff; border: 1px solid #eee;}
.index_about .container{ margin-top: 40px; margin-bottom: 20px;}
.index_about .about .title{ font-size: 38px; font-weight: bold; text-align:center;  color: #d0010b; padding-bottom:30px; line-height:30px; padding-top:30px; margin-bottom:40px;}
.index_about .about .title span{font-size:19px; font-weight:100;}
.index_about .about .content-box{}
.index_about .about .content-box .content{ padding:0px; float:left; width:600px;}
.index_about .about .content-box .more{  padding: 15px 30px; margin-top: 20px; margin-left:0px; background-color:#d0000d; color: #fff; font-size:16px;}
.index_about .about .content-box .more:hover{ background: #014785; color:#fff;}
.index_about .about .content-box .shipp{ width:550px; height: auto; float: right;}
.index_about .about .content-box .tel p{color:#F00; font-weight:bold; background: url("../images/tel.jpg") no-repeat left; font-size:26px; padding-left:60px; line-height:25px;}
.index_about .about .content-box .tel p span{font-size:14px;}

.index_pro_com .title-box{ position: relative; text-align: center; margin-top: 30px;}
.index_pro_com .title-box .title{ font-size: 36px; line-height: 48px;  margin: 0px auto; color:#d0000d; font-weight:bold; width:320px; white-space: nowrap; }
.index_pro_com .title-box .desc{ font-size: 22px; letter-spacing:2px; line-height: 1;  color:#c1c1c1;  width:300px; margin: 0px auto; margin-top:16px; background: #fff;  }
.more{ font-size: 16px; line-height: 38px;  margin: 30px auto 0 auto; color:#fff; font-weight:bold; width:160px; white-space: nowrap;text-align: center; background-color:#F00; border-radius:20px;}
.more a:link{color:#fff;}
.more a:visited{color:#fff;}
.more a:hover{color:#000;}

.index_pro_com .title-subcolumn-box{ margin-top:40px;}
.index_pro_com .title-subcolumn-box ul{ display: flex; justify-content: space-around; }
.index_pro_com .title-subcolumn-box ul li{  width:133px; height: 133px; border-radius: 50%;  font-size:18px; }
.index_pro_com .title-subcolumn-box ul li a{padding:45px 35px; background: url("../images/bg2.png") repeat; color:#fff; display: block;  height:43px; width:63px; text-align:center; line-height:20px;}
.index_pro_com .title-subcolumn-box ul li.curr a,.index_pro_com .title-subcolumn-box ul li:hover a{background-image: url("../images/bg.png"); }


.index_pro_com .title-subcolumn-box .list{ display: flex; justify-content: space-around; }
.index_pro_com .title-subcolumn-box .list li{  width:133px; height: 133px; border-radius: 50%;  font-size:18px; }
.index_pro_com .title-subcolumn-box .list li a{ display: block; width:100%; height: 100%; position: relative;  padding:0; background: url("../images/bg2.png") repeat; color:#fff; display: block;  text-align:center; line-height:20px;}
.index_pro_com .title-subcolumn-box .list li.curr a,.index_pro_com .title-subcolumn-box .list li:hover a{background-image: url("../images/bg.png"); }
.index_pro_com .title-subcolumn-box .list .txta{ position: absolute; max-width: 71%; max-height: 71%; top:50%; left: 50%; transform: translate(-50%, -50%);}


.index_pro_com .content-pic-box{ margin-top: 80px;}
.index_pro_com .content-pic-box .imgItem{ width:19%; float: left; margin-right:1%; margin-bottom:20px;}
.index_pro_com .content-pic-box .imgItem .item-content{ text-align: center; margin:0px; padding:0;}
.index_pro_com .content-pic-box .imgItem .item-content .pic img{ width:220px; height:220px; border: 3px solid #d0000d;}
.index_pro_com .content-pic-box .imgItem .item-content  a{ width:100%; /*height: 100%;*/ display: block; color:#666666; }
.index_pro_com .content-pic-box .imgItem .item-content .title{background-color:#e5e5e5; margin-top:10px; padding:0;  height:25px; line-height:25px; overflow:hidden;}


.index_tedian{ background: url("../images/bannerbg.jpg") repeat center center;}
.index_tedian .content{ padding: 40px 0px;}
.index_tedian .content dt{ text-align: center;}
.index_tedian .content img{ height: 60px; width: auto;  max-width: 100%;}
.index_tedian .content dd{ text-align: center; color: #fff; font-size: 16px; }

.index_about_news { background-color:#f6f6f6; padding: 40px 0px 20px 0px; margin-top: 40px; }
.index_about_news .title-box { position: relative; border-bottom: 1px solid #d2d2d2;  margin-bottom: 10px; height: 28px; }
.index_about_news .title-box .title{position: absolute; font-size: 20px; line-height: 28px; color:#4f4e4e; font-weight:bold; z-index: 2; border-bottom:#F00 solid 1px; }
.index_about_news .title-box .desc{ position: absolute; font-size: 24px; line-height: 28px; color: #ccc; top:0px; left:50px; font-weight: bold; }
.index_about_news .title-box .more{position: absolute;  right: 10px; bottom: 5px; }
.index_about_news .left-box{ width:48%; float: left;}
.index_about_news .left-box .about>img{ width:100%; height: 150px; border: 1px solid #014785;}
.index_about_news .left-box h3{font-size: 16px; font-weight: 600; /*line-height: 3;*/}
.index_about_news .left-box .content-box .line{border-bottom:#dbdbdb solid 1px; padding-bottom:15px; margin-bottom:15px;}
.index_about_news .left-box .news-list{ line-height: 2.5; }
.index_about_news .left-box .news-list .item {border-bottom: 1px dashed #ccc; }
.index_about_news .left-box .news-list .title { position: relative; text-indent: 30px; display: block; float: left; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_about_news .left-box .news-list .title:before{ content: ""; position: absolute; left:7px; top:calc( 50% - 8px ); width:0px; height: 0px;  border-right: 0px; border-left:14px solid #D0000D; border-bottom: 8px solid transparent; border-top: 8px solid transparent;}
.index_about_news .left-box .news-list .time{ float: right;}


.index_about_news .right-box{ width:48%; float: right;}
.index_about_news .right-box .news-list{ line-height: 2.5; }
.index_about_news .right-box .news-list .item {border-bottom: 1px dashed #ccc; padding:8px 0; }
.index_about_news .right-box .news-list li:first-child{padding-top: 0;}
.index_about_news .right-box .news-list .item dl{margin:0; padding:0;}
.index_about_news .right-box .news-list .item dl dt{float:left;}
.index_about_news .right-box .news-list .item dl .img{}
.index_about_news .right-box .news-list .item dl .img img{width:92px;height: 92px}
.index_about_news .right-box .news-list .item dl .dttitle{width:80%; float:right; line-height:26px; font-weight: normal;}

.index_pro_roll .title-box{ position: relative; text-align: center; }
.index_pro_roll .title-box .title{ font-size: 36px; line-height: 48px;  margin: 0px auto; color:#d0000d; font-weight:bold; width:320px; white-space: nowrap; }
.index_pro_roll .title-box .desc{ font-size: 18px; letter-spacing:2px; line-height: 1;  color:#c1c1c1;  width:300px; margin: 0px auto; margin-top:6px; background: #fff;  }
.index_pro_roll .rollDiv {  margin-top: 20px;}
.index_pro_roll .rollDiv .rollList{ width:100%; white-space: nowrap; }
.index_pro_roll .rollDiv .rollList li{ float: left; height:413px; }
.index_pro_roll .rollDiv .rollList li a{ text-align: center;}
.index_pro_roll .row_img img{width:300px; height:413px; }
.index_pro_roll .title{text-align:center; color:#FFF; margin-top:-70px; font-size:18px;}

.index_yfzx .title-box{ position: relative; text-align: center; }
.index_yfzx .title-box .title{ font-size: 36px; line-height: 48px;  margin: 0px auto; color:#d0000d; font-weight:bold; width:320px; white-space: nowrap; }
.index_yfzx .title-box .desc{ font-size: 18px; letter-spacing:2px; line-height: 1;  color:#c1c1c1;  width:300px; margin: 0px auto; margin-top:6px; background: #fff;  }
.index_yfzx .rollDiv { overflow: hidden; margin-top: 20px;}
.index_yfzx .rollDiv .rollList{ width:100%; white-space: nowrap;}
.index_yfzx .rollDiv .rollList li{ float: left; margin-left:20px; width:370px;margin-bottom: 20px;}
.index_yfzx .rollDiv .rollList li img{width:100%;}
.index_yfzx .rollDiv .rollList li a{ text-align: center;}

.index_nkshop{ padding:0;}
.index_nkshop .title-box{ position: relative; text-align: center; }
.index_nkshop .title-box .title{ font-size: 36px; line-height: 48px;  margin: 0px auto; color:#d0000d; font-weight:bold; width:320px; white-space: nowrap; }
.index_nkshop .title-box .desc{ font-size: 18px; letter-spacing:2px; line-height: 1;  color:#c1c1c1;  width:300px; margin: 0px auto; margin-top:6px; background: #fff;  }
.index_nkshop .rollDiv { overflow: hidden; margin-top: 20px;}
.index_nkshop .rollDiv .rollList{ width:100%; white-space: nowrap;}
.index_nkshop .rollDiv .rollList li{ float: left; margin-left:20px; margin-bottom:30px;}
.index_nkshop .rollDiv .rollList .title{ line-height: 35px;width:270px;overflow: hidden;text-overflow:ellipsis;}
.index_nkshop .rollDiv .rollList li a{ text-align: center;}
.index_nkshop .row_img{width:273px; border:#F00 solid 3px;}
.index_nkshop .row_img img{width:100%;}
.index_nkshop .but{background:#F00; border-radius:10px; text-align: center; color:#FFF; height:30px; line-height:30px; width:180px; margin:auto;}

.index_hzhb{background-color:#f2f2f2; padding:50px 0;}
.index_hzhb .hzhbbg{background: url("../images/hzhb.jpg") no-repeat left #FFF; height:280px; margin-top:60px; padding-left:283px;}
.index_hzhb .title-box{ position: relative; text-align: center; }
.index_hzhb .title-box .title{ font-size: 36px; line-height: 48px;  margin: 0px auto; color:#d0000d; font-weight:bold; width:320px; white-space: nowrap; }
.index_hzhb .title-box .desc{ font-size: 18px; letter-spacing:2px; line-height: 1;  color:#c1c1c1;  width:300px; margin: 0px auto; margin-top:6px;}
.index_hzhb .rollDiv { overflow: hidden; margin-top: 20px;}
.index_hzhb .rollDiv .rollList{ width:100%; white-space: nowrap;}
.index_hzhb .rollDiv .rollList li{ float: left; border-bottom:#dbdbdb solid 1px; border-right:#dbdbdb solid 1px; height:139px;}
.index_hzhb .rollDiv .rollList li a{ text-align: center;}
.index_hzhb .row_img{ width:182px; }
.index_hzhb .row_img img{width:100%;}
.index_hzhb .but{background:#F00; border-radius:10px; text-align: center; color:#FFF; height:30px; line-height:30px; width:180px; margin:auto;}

.index_zhfc{margin-top:50px;}
.index_zhfc h2{font-size: 38px; font-weight: bold; text-align: center; color: #d0010b; }
.index_zhfc .rollDiv { overflow: hidden; margin-top: 20px;}
.index_zhfc .rollDiv .rollList{ width:100%; white-space: nowrap; margin:30px 0;}
.index_zhfc .rollDiv .rollList li{ float: left; background-color:#e9e9e9; padding:10px; margin-left:15px;}
.index_zhfc .rollDiv .rollList li a{ text-align: center;}
.index_zhfc .row_img{ width:265px; }
.index_zhfc .row_img img{width:100%;}
.index_zhfc .but{background:#F00; border-radius:10px; text-align: center; color:#FFF; height:30px; line-height:30px; width:180px; margin:auto;}



.index_link { background-color: #eee; line-height: 50px; height: 50px; overflow: hidden; margin-top: 0px; }
.index_link .title{ float: left; padding: 0px 20px 0 0; color: #000;}
.index_link .links{ float: left;}
.index_link .links li{ float: left; margin: 0px 5px; }
.index_link .links ul{ white-space: nowrap;}
.index_link .links li a{ padding: 0px 10px; display: block; }
.index_link .links li:hover a{ color:#014785}


.footer-nav{ background-color:#d0000d; }
.footer-nav .container{ padding: 40px 0px; border-bottom: 1px solid #eee;}
.footer-nav  li{ float: left; text-align: center;}
.footer-nav  li a{ color:#fff;}
.footer-box{background-color:#d0000d;  color: #fff;line-height: 2; }
.footer-box .container{ padding: 30px 0px 30px 0px; }
.footer-box .left-box {float: left; margin-left: 10px; padding-top: 40px; width:550px;}
.footer-box .left-box .img{ float: left;}
.footer-box .left-box .title-box{ float: right; margin-left: 10px; width:300px;}
.footer-box .left-box .title-box ul li{float:left; width:40%; margin-left:5%;}
.footer-box .left-box .title-box ul li a:link{color:#FFF;}
.footer-box .left-box .title-box ul li a:visited{color:#FFF;}
.footer-box .left-box .title-box ul li a:hover{color:#000;}
.footer-box .mid-box{ float: left; margin-left: 40px; padding-top: 40px;}
.footer-box .right-box{ float: right;margin-left: 10px; padding-top: 40px;}
.footer-box .right-box ul li{float: left; margin-left: 20px;}
.footer-box .right-box .qrcode{ text-align: center;}
/*.footer-box .right-box .qrcode img{ height: 182px; width: auto;}*/
.footer-copyright { background-color:#d0000d;text-align: center; color: #fff; line-height:4; white-space: nowrap; border-top:#e9101e solid 1px;}
.footer-copyright a{ color: #fff; }
.footer-copyright span{display: inline-block;padding-top: 0;margin-top: 0;line-height:1; }

.footer-links { background-color:#d0000d;text-align: center; color: #fff; line-height:1.5;}
.footer-links a{ color: #fff; }

.currlocatinon { height: 40px; line-height: 40px;  border-bottom: 3px solid #e9101e;}
.currlocatinon  .curr{ float: left; position: relative; font-size: 16px;  color: #e9101e}
.currlocatinon .curr a{padding: 0 10px;}
.currlocatinon  .curr:before{content: "" ; width:100%; height: 0px; border-bottom:3px solid #e9101e; position: absolute; left:0px; bottom: 0px; }
.currlocatinon .nav_x{ float: right;}

.sidenav{ position: relative;}
.sidenav .title{width:100%; height: 80px;line-height:80px; left:0px; top:20px; font-size: 30px; font-weight: bold; text-align: center;   background-color: #e9101e; color: #fff; z-index: 1000; }
.sidenav .sideul2{ padding-top:0px; background-color:#ffffff; padding:15px;}
.sidenav .sideul2 li{ margin-top:0px;  text-align: left; position: relative;}
.sidenav .sideul2 li a{ background-color:#ececee; padding: 0px 20px; /*height: 100%;*/ display: block; line-height: 3.5; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight: bold;}
.sidenav .sideul2 li:hover>a{background-color: #e9101e; color: #fff; font-size:16px; font-weight: bold;}
.sidenav .sideul2 li.cur2class>a{background-color: #e9101e; color: #fff; font-size:16px;}
.sidenav .sideul2 .sideul3 li a{ background-color: #fff; padding: 0px 20px; height: 100%; display: block; line-height: 3.5; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight: 100; text-indent:18px;}
.sidenav .sideul2 .sideul3 li:hover>a{background-color: #fff; color: #ff0000; font-size:14px; text-indent:18px;}
.sidenav .sideul2 .sideul3 li.cur3class>a{background-color: #fff; color: #333; font-size:14px; text-indent:18px;}
.sidenav .sideul2 li>.sideul3{ font-size:12px;}
.sidenav .sideul2 li:hover>.sideul3{ top:-5px; visibility: visible; opacity: 1;}

.nsideBox .sidenav{ position: relative; display: inline-block; border-bottom:#CCC solid 1px; width:100%; line-height:60px;}
.nsideBox .sidenav .sideul2{ width:1200px; margin:auto; border:#fff solid 0px;}
.nsideBox .sidenav .sideul2 li{width:200px;text-align: center; position: relative;  float: left;  margin: 0px 20px 10px 0; display: inline-block;}
.nsideBox .sidenav .sideul2 li a{ padding: 0px 10px; /*height: 100%;*/ display: block; line-height:60px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nsideBox .sidenav .sideul2 li:hover>a{ border-bottom:#F00 solid 1px; color: #000; background-color: #fff;}
.nsideBox .sidenav .sideul2 li.cur2class>a{border-bottom:#F00 solid 1px; color: #000; background-color: #fff;}
.nsideBox .sidenav .sideul2 li>.sideul3{ position: absolute; left:105%; top:100%; visibility: hidden; opacity: 0; transition: 200ms; width:100%; }
.nsideBox .sidenav .sideul2 li:hover>.sideul3{ top:-5px; visibility: visible; opacity: 1;}



.sidecontact-box{ font-size: 14px;margin-top: 40px; background-color:#FFF;}
.sidecontact-box .title{ height: 40px;line-height: 40px; font-size: 16px; font-weight: bold; text-align:left; text-indent:20px;  background-color: #d0000d; color: #fff; }
.sidecontact-box .sidecontact{ background-color: #fff; color: #333; padding:  10px;}

.aboutpage{ padding: 20px 10px;}
.productpage{ padding: 20px 10px;}
.productpage .item{ width:33.1%; float: left;}
.productpage .item div{ margin: 20px 10px 0px 10px; border: 3px solid #d0000d; text-align: center;}
.productpage .item div img{ max-width:100%; display: block; margin: 0px auto}
.productpage .item div span{ max-width:95%; display: block; margin: 0px auto; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.productpage .item div a{ width:100%; /*height: 100%;*/ display:block ;text-align: center;}
.productpage .item div:hover{ border-color: #fcbe00;}
.productpage .item div:hover a{ color: #d0000d; font-weight: bold;}
.productshowpage { padding: 10px;}
/*.productshowpage .proshow-title-box{padding:15px 0;}*/
.productshowpage .proshow-img-box{float: left;}
.productshowpage .pro-bigimg-img { width:495px; border:#F00 solid 2px;}
.productshowpage .proshow-img-box .pro-imglist{ overflow: hidden;}
.productshowpage .imglist-box{width:300%; white-space: nowrap;}
.productshowpage .imglist-box li{ float: left; margin-right: 10px; border: 1px solid #dbdbdb; }
.productshowpage .imglist-box li.curr{border: 1px solid #ff0000;}
.productshowpage .proshow-title-intor{ width:50%; float: right;height: 220px;}
.productshowpage .proshow-title-intor-title{ height: 220px;}
.productshowpage .proshow-title-intor .title{ font-size: 18px; font-weight: bold; color: #d0000d; border-bottom:#dbdbdb solid 1px; margin-bottom:15px;}

.productshowpage .productshowbody{ margin: 20px auto;}
.productshowpage .productshowbody .titlebar{ height: 65px; line-height: 65px; background-color:#eee; }
.productshowpage .productshowbody .titlebar li{ padding: 0px 30px; display: inline-block; float: left; background-color:#eeeeee; color: #333; margin-right: 5px; cursor: pointer; font-size:18px;}
.productshowpage .productshowbody .titlebar li.active{ background-color:#fff; color:#F00; border-top:#F00 solid 1px;}
.productshowpage .productshowbody .contentpanel{ margin-top: 40px; }
.productshowpage .productshowbody .contentpanel strong{ font-size: 18px; }
.productshowpage .productshowbody .contentpanel p{ font-size: 16px; }
.productshowpage .productshowbody .contentpanel .hide{ display: none;}
.productshowpage .productshowbody .contentpanel .porparalist .porparaitem{ line-height: 2.5; text-indent: 20px;}
.productshowpage .productshowbody .contentpanel .porparalist .porparaitem:nth-child(even){ background-color: #eee; }
.productshowpage .productshowbody .contentpanel  .porcomment{ padding-top:10px; }
.productshowpage .productshowbody .contentpanel  .porcommentitem{ border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 10px; }
.productshowpage .productshowbody .contentpanel  .porcommentitem .dealer{ width:200px; float: left; display: inline-block; text-align: center;}
.productshowpage .productshowbody .contentpanel  .porcommentitem .dealer .delerimg{ max-width: 90%; height: auto; border-radius: 50%; }
.productshowpage .productshowbody .contentpanel  .porcommentitem .dealer  .delername{ display: block; text-align: center; }
.productshowpage .productshowbody .contentpanel  .porcommentitem .commentCon{ margin-left: 20px; width:950px; float: left; display: inline-block; overflow: hidden;}
.productshowpage .productshowbody .contentpanel  .porcommentitem .commentCon .imglist{ width:200%;}
.productshowpage .productshowbody .contentpanel  .porcommentitem .commentCon .imglist .imgitem{ float: left; margin-right: 10px;}
.productshowpage .productshowbody .contentpanel  .porcommentitem .commentCon .imglist .imgitem img{ max-height: 100px; width: auto; border: 1px solid #963;}
.productshowpage .productshowbody .contentpanel  .porcommentitem .commentCon .com{ margin-top: 10px;}
.productshowpage .contentpanel img{ max-width: 100%; height: auto;}

.newspage { padding: 20px 10px;}
.newspage .content-box{ line-height:30px; text-align:left; width:78%; float:right;}
.newspage .item .pic{width:20%; float:left; }
.newspage .item .pic img{width:100%; /*height:100%;*/}
.newspage .item{ margin-bottom: 20px; padding-bottom: 10px; display:block; border-bottom:#CCC solid 2px; }
.newspage .item dt{float:left;}
.newspage .desc{ text-indent: 30px;}



.newspage20 { padding: 20px 10px;}
.newspage20 .newsList{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.newspage20 .item{ width:48%;  padding: 0; margin: 0; border: 0; margin-bottom: 20px; }
.newspage20 .item .nesmainbox{ position: relative; margin-right: 5px ;padding: 80px 15px 20px; border-radius: 5px; border: 1px solid #F00; box-shadow: 5px 5px 0 0 #FFC107; }
.newspage20 .item .nesmainbox .title{ position: absolute; top:25px; left:-5px; line-height: 1; padding: 10px 20px;border-radius: 5px;  border: 1px solid #F00; box-shadow: 5px  -5px 0 0 #f00; color:#f00; background-color: #fff;   }



.shownewpage{ padding: 20px 10px;}
.shownewpage .shownewstitle{ text-align: center; color:#014785;}
.shownewpage .time{ display: block; text-align: center;}
.shownewpage .shownewscontent{ padding-top:10px; font-size: 16px;}
.shownewpage .shownewscontent img{ width: 600px;border: 1px solid #dbdbdb;padding: 1px;}
.shownewpage .shownewscontent a{ color: #e61b28;}
.shownewpage .shownewscontent p{ padding: 10px;}
.shownewpage .shownewscontent table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 90%;
    margin: 10px auto;
    font-size: 16px;
}

.downloadpage{ padding: 20px 10px;}
.downloadpage .downloadList .item{ border-bottom: 1px dashed #eee; line-height: 40px;}
.downloadpage .downloadList span{ float: left; }
.downloadpage .downloadList .title{ width:40%;}
.downloadpage .downloadList .title a{ font-size: 16px; color:#014785;  width: 90%; height: 100%; display: block; margin: 0 auto; text-align: left;}
.downloadpage .downloadList .fileSize{ width:20%;}
.downloadpage .downloadList .updatetime{ width:20%;}
.downloadpage .downloadList .downinfo{ width:10%;}
.downloadpage .downloadList .downloadfile{ width:10%;}
.downloadpage .downloadList .downloadfile a,.downloadpage .downloadList .downinfo a{ width: 90%; height: 100%; display: block; margin: 0 auto; text-align: center;}
.dowmshowpage{ padding: 20px 10px;}
.dowmshowpage .title { font-size: 24px; font-weight: bold;color:#014785; }
.dowmshowpage  .paralist li{ line-height: 30px;}
.dowmshowpage  .paralist li a{ color:#014785;}
.dowmshowpage .ctitle{ margin-top: 20px;}

.jobpage{ padding: 20px 10px;}
.jobpage .list-none { clear: both;}
.jobpage .list-none  span{ width:130px; height: 40px; display:inline-block; overflow: hidden;   }
.jobpage .list-none dt { font-size: 14px; color: #174b9e;line-height: 40px;height: 40px; }
.jobpage .list-none dd {  line-height: 30px;height: 30px; }

.jobshowpage { padding: 20px 10px;}
.jobshowpage h1{ font-size: 1rem; height: 2rem; line-height: 2rem;}
.jobshowpage .paralist{ line-height: 25px; }
.jobshowpage  .paralist span{  width:80px; display:inline-block; }
.jobshowpage  h3.ctitle{ margin: 20px 0px 10px 0px;}
.jobshowpage .info_cv{ display: block; width: 128px; height: 38px; line-height: 38px;   text-align: center; margin-top: 10px;}
.jobshowpage .info_cv a{ width: 100% ; height: 100%; display: block;background:#257d67;  color: #fff;  border: 1px solid #257d67; border-radius: 5px;}
.jobshowpage .info_cv a:hover{background:#174b9e ;border: 1px solid #174b9e;}

.feedbackpage  { padding: 20px 10px;}

.feedbackpage .feedback_table {max-width: 100%; width: 100%; line-height: 2;}
.feedbackpage .feedback_table .text{ width:100px;  text-align:right; padding-right: 10px;}
.feedbackpage .feedback_table .input{}
.feedbackpage .feedback_table .input .input-text{ width:90%;}
.feedbackpage .feedback_table .input .textarea-text{ width:90%; height: 4rem; }
.feedbackpage .feedback_table .input img{ height: 22px; vertical-align: middle; padding-left: 1rem;}
.feedbackpage .feedback_table .info{ padding-left:5px; color: #f00; }
.feedbackpage .feedback_table .input .input-text,.feedbackpage .feedback_table .input .textarea-text,.feedbackpage .feedback_table .code{ }
.feedbackpage .feedback_table .submit { width:90%; line-height: 3; background-color:#174b9e;  border: 1px solid #174b9e;  color: #fcbe00; cursor: pointer;}

.subwebpage  { padding: 20px 10px;}
.subwebpage li{  }
.subwebpage li span{ padding: 0px 10px;}

.imgpage{ padding: 20px 10px;}
.imgpage .item{ width:33.1%; float: left;}
.imgpage .item div{ margin: 20px 10px 0px 10px; text-align: center;}
.imgpage .item div img{ max-width:100%; display: block; margin: 0px auto;}
.imgpage .item div span{ max-width:100%; display: block; margin: 0px auto;font-weight: 700;padding-top:10px;padding-bottom: 10px;background-color:#ececee;}
.imgpage .item div a{ width:100%; height: 100%; display:block ;text-align: center;}
/*.imgpage .item div:hover{ border: 1px solid #d0000d;}
.imgpage .item div:hover a{ color: #014785;}*/

.imgshowpage { padding: 20px 10px;}
.imgshowpage .img-box{float: left; width:50%; overflow: hidden;}
.imgshowpage .prams{ float: right; width:48%;}
.imgshowpage .img-box .imglist{ overflow: hidden;}
.imgshowpage .img-box .imglist ul ,.showdiv ul { white-space: nowrap; }
.imgshowpage .img-box .imglist li,.showdiv li{ display: inline-table; margin: 10px ;border:1px solid #fff; }
.imgshowpage .img-box .imglist li.curr,.showdiv li.curr{ border:1px solid #eee; }
.imgshowpage .content-box{ margin-top: 10px; text-align:center;}
.imgshowpage .content-box img{max-width: 100%;}
.content-box table{
  width: 90%;
  margin: 10px auto;
}
.content-box table thead{
  background-color: #f5f5f5;
  font-weight: 600;
  color: #000;
}
.content-box table thead td th{
    font-weight: normal;
}
.content-box table td, .content-box table th {
  min-width: 40px;
  height: 40px;
/*  border: 1px solid #ccc;2023.8.5*/
  vertical-align: middle;
  padding: 2px 4px;
  text-align: left;
  box-sizing: border-box;
}

.searchpage{ padding: 20px 10px;}
.searchpage .searcname{ text-align: center; height: 2rem; line-height: 2rem; border-bottom: 1px solid #014785;  }
.searchpage .searcname span{ height: 100%; display: inline-block; position: relative; }
.searchpage .searcname span:before{ content: ""; position: absolute; height: 5px; width: 110%; display: block; left: 0px; bottom:-3px; background-color: #4e739f;  }
.searchpage .searchform{ margin: 0px auto; margin-top: 10px; width:95%; position: relative; clear: both; height: 34px;}
.searchpage .searchword{ position: absolute; width:100%; height: 30px; line-height: 30px; border-radius:200px; -webkit-border-radius:200px;  -moz-border-radius:200px;  -ms-border-radius:200px;  -o-border-radius:200px;}
.searchpage .searchword { background-color: #f3f7f9; text-indent:15px; outline:none;border:  1px solid #eee}
.searchpage .searchword:focus{ border:  1px solid #fcbe00;}
.searchpage .searchgo{ color: #fff; cursor: pointer; border: 0px; background: #fcbe00; outline:none; position: absolute; padding: 0px 15px; border: 1px solid #fcbe00;  height: 32px; line-height: 32px; top:1px; right:-2px; border-radius:30px;-webkit-border-radius:30px;  -moz-border-radius:30px;  -ms-border-radius:30px;  -o-border-radius:30px; }

.seachresult{ padding: 20px 10px;}
.seachresult { line-height: 24px; height: 24px;}
.seachresult li{ position: relative; border-bottom:  1px dashed #eee; margin-top: 10px;}
.seachresult li span{ position: absolute; right: 0; top: 0px;}
.pagerlist{text-align:center;clear:both;padding:3px;margin:5px;}.pagerlist a,.pagerlist span{margin:2px;padding:2px 5px;border:1px solid #ccc;}.pagerlist .current{background-color:#ccc;color:#fff;}.pagerlist .disabledfy{font-family:Tahoma,Verdana;cursor:pointer;background:no-repeat}



.tjlist{margin:15px auto; padding:0 auto; height:255px; overflow:hidden;}
.tjlist li{float:left; width:205px; margin:0 6px; text-align:center; font-size:12px;}
.tjlist li img{width:100%; height: 205px;border:#d7d7d7 solid 1px; margin-bottom: 10px;}
.xgcp{border:#dbdbdb solid 1px; text-indent:20px; height:38px; line-height:38px; font-size:14px;}



#leftNavigation {
  margin: 1rem 0; background-color:#FFF; padding:15px; font-size:16px;
}
#leftNavigation, #leftNavigation li ul {
  list-style: none;

}
#leftNavigation li{background-color:#ececee; margin-bottom:10px;}
#leftNavigation li a {
   font-size:16px;
  display: block;
  padding: 0.8rem 1rem 0.8rem 3rem;
  color:#333;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

#leftNavigation li:hover>a {color: #d0000d;}
#leftNavigation li ul {  display: none; margin: 0; background-color: #fff; }
#leftNavigation li ul li{background-color:#FFF; margin-bottom:0px; line-height:20px;}
#leftNavigation li ul li a {
  border-bottom: solid 1px #dbdbdb; color:#333; font-size:14px;
}
#leftNavigation li ul li:last-child a {border-bottom: none; }

#leftNavigation li ul li.cur3class>a {color:#d0000d; font-weight: bold; } #leftNavigation li.cur2class > a {
  color:#FFF;
}
#leftNavigation li.cur2class ul {display: block; } #leftNavigation > li.cur2class {background-color: #d0000d; color:#FFF; }

/*#leftNavigation  li.cur2class .sideul4{ margin-left: 2rem; display: none;}
#leftNavigation li.cur3class  .sideul4{ display: block;}

 */
#leftNavigation .sideul3>li{position: relative;}
#leftNavigation .sideul3>li .sideul4{ position: absolute; visibility: hidden; opacity: 0; top:-1px; left:120%; transition: 500ms; white-space: nowrap; border: 1px  solid #dbdbdb; border-left:0;}
#leftNavigation .sideul3>li:hover .sideul4{ visibility: visible; opacity: 1; left:100%}

#leftNavigation li ul li.cur4class>a {
    color:#d0000d;
}
.proImg{width:405px; }
.proImg img{border:2px solid #F00;}

.jqZoomPup{width:188px; height:188px;max-width:188px; max-height:188px; z-index:10;position:absolute;top:0px;left:0px;background:#05fe78;opacity: 0.3;-moz-opacity: 0.3;-khtml-opacity: 0.3;filter: alpha(Opacity=30);}
.contactpro{background-color:#f5f5f5; margin-top:5%;padding:20px; text-align: center; position: relative;bottom: 0;}
.contactpro i{color: #F00; font-size: 16px; margin-right: 5px;}
.contactpro span{color:#F00; font-size:18px;}
.contactpro a:link{background-color:#F00; display:inline-block; text-align:center; padding:10px 20px; color:#FFF; margin-top:15px;margin-right: 20px; border-radius: 5px;}
.contactpro a:visited{background-color:#F00; display:inline-block; padding:10px 20px; color:#FFF; margin-top:15px;}
.contactpro a:hover{background-color:#e9101e; display:inline-block; padding:10px 20px; color:#FFF; margin-top:15px;}

.protitle{ height: 40px;line-height: 40px; font-size: 16px; font-weight: bold; text-align:left; text-indent:20px;  background-color: #d0000d; color: #fff; }
.proul{padding:20px; font-size:12px; text-align:center; height:720px; overflow:hidden;}
.proul li{margin-bottom:5px; height:230px; overflow:hidden;}
.proul li img{border:#dbdbdb solid 1px; width:200px; height: 200px; margin-bottom: 10px;}
.proul li span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.videolist { position:relative; float:left; width:370px; height:300px; margin-right:0px; margin-top:15px; margin-bottom:30px; }
.videolist p{text-align:center;}
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

/*searchpage page*/
.searchpage  .pagelist .item{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee;}
/*searchpage page end */

.bdmapdiv .bdmap{ border: 1px solid #ddd;}
.bdmapdiv img{ max-width: 10000%;}
.bdmapdiv .companybox{ margin-bottom: 32px; position: relative; cursor: pointer;}
.bdmapdiv .companybox em{ position: absolute; top:0; left:0;  font-size: 18px; line-height: 50px; font-weight: bold; color:#1f5eab; }
.bdmapdiv .companybox a{ font-size: 18px ; line-height: 50px; font-weight: bold; color:#1f5eab;  display: block; padding-left: 16px;}
.bdmapdiv .companybox a .txt{ font-weight: normal; font-size: 14px ;line-height: 20px;color:#333;}
.bdmapdiv .companybox  span{ font-weight: bold; color:#222;}


/*在线客服*/
.online {
    position: fixed;
    bottom: 150px;
    right: 10px;
    width: 60px;
    z-index: 999;
    color: #999;
}
.online a {
    color: #666;
}
.online a:hover {
    text-decoration: none;
}
.online dl {
    background: #c6020e;
    padding: 10px 5px;
    margin-bottom: 1px;
    position: relative;
}
.online dl dd {
    color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.online dl dd i {
    font-size: 25px;
}
.online dl:hover {
    background: #e30311;
}
.online dl dt {
    position: absolute;
    top: 0px;
    right: 60px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 9999;
    display: none;
    padding: 10px 15px;
    font-weight: normal;
}
.online dl dt h3 {
    display: block;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.online dl dt h3 i {
    margin-right: 5px;
}
.online dl dt h3 span {
    float: right;
    cursor: pointer;
}
.online dl dt input {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 15px;
    height: 40px;
    line-height: 40px;
    padding: 3px 5px;
    width: 100%;
}
.online dl dt button {
    margin: 10px 0;
    border: none;
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #d0000d;
    color: #fff;
    cursor: pointer;
}

/*about me*/
.about-me h2{font-size: 24px;}
.about-me p{font-size: 16px;line-height: 28px;margin: 15px 0;}
.about-me p strong{font-size: 16px;}
.about-me .bg{height: 25px; color: ;}


.content-box h3 {
  border-bottom: 2px solid #e8e8e9;
  font-size: 16px;
/*  margin-top: 20px;
  margin-bottom: 20px;*/
  padding-bottom: 8px;
  text-transform: uppercase;
  color: #333;
}
/*.content-box h3:before {
    content: "\f007";
    display: inline-block;
    font-size: 16px;
    font-family: FontAwesome;
    margin-top: 10px;
    margin-right: 5px;
    vertical-align: text-bottom;
}*/
.content-box ul li {
  color: #333333;
  border-bottom: 1px solid #e8e8e9;
}
.content-box ul li {
    float: left;
    font-size: 14px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.content-box ul li a {
  color: #333;
}
.content-box ul li i {
    font-size: 16px;
    margin-right: 5px;
    width: 20px;
}

.box-img {
  padding: 10px;
  background: #FFFFFF;
  box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}


/*gbook*/

.am-form .form-control{
    font-size: 1rem !important;
}

/*产品详情页修改 2021-12.2*/
.contentpanel h2{
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: bold;
    margin: 20px 0 0;
}
.contentpanel p strong{
    font-weight: 600;
    font-size: 16px !important;
}
.contentpanel em{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 20px;
}
.contentpanel p{
    text-indent: 2em;
    line-height: 1.5em;
    margin: 10px 0;
}
.contentpanel .video{
    width: 80%;
    border: 2px solid #f5f5f5;
}
.contentpanel .careful{
    border: 1px solid #eeeeee;
    border-radius: 5px;
    background-color: #f5f5f5;
    height: 110px;
    margin: 20px 0;
    padding: 15px 10px;
    text-indent: 2em;
}
.contentpanel i{
    color: #d0000d;
    padding-right: 10px;
    display: inline;
}
.contentpanel .show div{
    margin-bottom: 20px;
}
.contentpanel table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
   
    width: 90%;
    margin: 10px auto;
    font-size: 16px;

}
/*.contentpanel table tr th{
    height: 26px;
}*/
.contentpanel table thead{
  background-color: #f5f5f5;
  font-weight: 600;
  color: #000;
}
.contentpanel table thead td th{
    font-weight: normal;
}
.contentpanel table td, .contentpanel table th {
  min-width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  vertical-align: middle;
  padding: 2px 4px;
  text-align: left;
  box-sizing: border-box;
}

.range-list{
    margin: 10 auto;
    padding: 0;
    overflow: hidden;
}

.range-list li{
    float: left;
    width: 270px;
    height: 217px;
    margin: 0 10px;
    border: 1px solid #d7d7d7;
}

.range-list img{
    width: 270px;
    height: 180px;

}
.range-list span{
    display: inline-block;
    background: #eeeeee;
    border-top: 1px solid #d7d7d7;
    width: 268px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;

}

.tjlist{margin:15px auto; padding:0 auto; height:255px; overflow:hidden;}
.tjlist li{float:left; width:205px; margin:0 6px; text-align:center; font-size:12px;}
.tjlist li img{width:100%; height: 205px;border:#d7d7d7 solid 1px; margin-bottom: 10px;}
.xgcp{border:#dbdbdb solid 1px; text-indent:20px; height:38px; line-height:38px; font-size:14px;}

//2021.12.17新闻页面表格
.shownewpage .shownewscontent table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 90%;
    margin: 10px auto;
    font-size: 16px;
}
.shownewpage .shownewscontent table thead{
  background-color: #f5f5f5;
  font-weight: 600;
  color: #000;
}
.shownewpage .shownewscontent table thead td th{
    font-weight: normal;
}
.shownewpage .shownewscontent table td, .shownewpage .shownewscontent table th {
  min-width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  vertical-align: middle;
  padding: 2px 4px;
  text-align: left;
  box-sizing: border-box;
}
.shownewpage .shownewscontent .video{
    width: 80%;
    border: 2px solid #f5f5f5;
}

/*瀑布流*/

.box-imglist {
    margin: 15px;
    column-count: 3;
    column-gap: 15px;
}
.item-imglist {
    margin-bottom: 15px;
}
.item-imglist img{
    width: 100%;
    height:100%;
}

/*瀑布流*/