@charset "utf-8";
body{margin: 0; padding: 0;}
a{ text-decoration: none; color:#000000}
.check1 a{ text-decoration: none; color:#ff0000}
.column a { text-decoration: none; color:#000000}
.clear{ clear:both}
.top{padding-left: 100px;}
.logo{ float:left; padding-right: 100px; height:70px}
.column ul li{ float: left; list-style: none; line-height: 70px; height:70px; width:100px; text-align: center; margin-left: 10px;}

.check{ color: #ff0000; text-align: center;}
.check a{ color:#ff0000}
.check::after{
  content: '';
  width: 80%;
  height: 1px;
  display: block;
  margin: 0 auto;
  border-bottom: 2px solid #ff0000;
  margin-top:-5px;
  transition: all .5s ease-out;
}
.check1{ color: #ff0000; text-align: center;}
.check1:after{
    content: '';
  width: 80%;
  height: 1px;
  display: block;
  margin: 0 auto;
  border-bottom: 2px solid #ff0000;
  margin-top:-5px;
}


.first{ margin-top: 20px;}
h2{ margin: 0 auto;width: 300px;text-align: center; height: 60px; line-height: 60px; border-radius: 30px; color:#837f7f}
/* .first .jianjie{ padding-left: 65px;} */
.first p{ width: 665px; line-height: 1.8em; padding-left:8%}
.first img{float: right; width: 50.15%; margin-left: 4%; margin-bottom: 30px; padding-right: 8%;}

.xian { border-bottom:2px solid #ff0000; width:100px; margin: auto; margin-top: -10px;}
.en{ color:#837f7f; font-size: 14px; width:200px; margin: auto; text-align: center;}

.second ul li{ float: left; width:24%; list-style: none; text-align: center;}
.second ul li div{ margin-top: 10px; margin-bottom: 10px;}
.second ul li img{ width:80%;cursor: pointer;transition: all 0.6s;}
.second ul li img:hover { transform: scale(1.1);}

.third .news { width: 1000px; margin: auto; margin-top: 45px; overflow: hidden;}
.news div{float:left}
.news:hover { box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 22%);}

.thumb {width: 360px;}
.thumb img{ width:360px;}
.news_content{ width:620px; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap;}
.time{ font-size: 12px; color:#837f7f ; padding-left: 20px; padding-top: 20px;}

.more{ border: 1px solid #837f7f; height:54px; width:154px; border-radius: 30px; line-height: 54px; margin: auto; text-align: center; margin-top: 20px;}

.fourth{ padding-top: 45px; margin: auto;}
.fourth_contact{ text-align: center;}

.footer{ background-color: #000; height:100px;}
.footer p{ color:#ffffff ; text-align: center; padding-top: 10px;}

.about{ margin-top: 20px;}
.company_content{ width:1000px; margin: auto;}
.zhengwen{ text-indent: 2em;}

.news_list{ margin-top: 20px;}

.page{width:1000px; margin: auto; margin-top:45px; margin-bottom: 35px;}
.page ul { margin: auto; display: table;}
.page ul li { float:left; list-style: none; border:#837f7f solid 1px; text-align: center; padding-left:12px; padding-right:12px ; height:32px; line-height:32px; margin-left: 10px; margin-right: 10px;}
.cpage{ background-color: #ff0000; color: #ffffff;}
.page ul li:hover{ background-color: #ff0000; color: #ffffff;}

.job{ padding-top:20px; width:1200px; margin: auto; overflow: hidden;}
.job ul{ padding-top: 25px;}
.job ul li{ list-style: none; float:left; width:25%; text-align: center; }
.job ul li div { padding-bottom: 20px;}
.job ul li:hover{ color:#ff0000}
.job ul li img{  cursor: pointer;transition: all 0.6s; width:200px}
.job ul li img:hover{ transform: scale(1.1);}

td { padding-left:5px; padding-right:5px; }

.person{ width:1200px; margin: auto; margin-top: 45px;}
.left_photo { width:400px ;float:left; margin-left: 50px; margin-top:10rem}
.title{ font-size: 20px; font-weight: bold;}
.right{ width:600px; float: right; margin-right:50px}
.toudi{ border-radius: 30px; color:#ffffff; background-color: #ff0000; width:126px; text-align: center; margin: auto; margin-top: 45px; margin-bottom: 45px; height: 40px; line-height: 40px;}

.contact{ width:1200px; margin: auto;  margin-top: 20px; overflow: hidden;}
.contact ul { margin-top: 50px;}
.contact ul li{ list-style: none; float: left; width:380px; text-align: center;}
.contact ul li div{ background-color: #f8f9fd; border-radius: 60px; width:100px; height:100px; margin: auto;}
.contact ul li div img { margin-top:25px}
.contact ul li span{ display: block;}
.phone{ padding-top: 10px; padding-bottom: 10px; font-weight: bold;}

#container{ width: 1200px; height:600px ;margin: auto;font-family: "微软雅黑"; margin-top: 20px;}

.product{ width:1200px; margin: auto; margin-top: 20px;}

/*.product ul li{ list-style: none; overflow: hidden; margin-top: 10px; margin-bottom: 10px; border-top: solid 1px rgb(218, 215, 215); border-bottom: solid 1px rgb(218, 215, 215); padding-top: 20px; padding-bottom: 20px; }
.product ul li:hover{ box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 22%);}
.product ul li img { width:200px ; margin-left: 50px; float: left;cursor: pointer;transition: all 0.6s;}
.product ul li img:hover{ transform: scale(1.1);} */
/* .product ul li div{ float: left;} */
/* .product ul li span{ display: block; width:870px; margin-left: 30px; line-height: 50px;} */
.product_title{ font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; margin-left: 40px;}

.product_show{ width:1200px; margin: auto;margin-top: 20px; padding-bottom: 45px; overflow: hidden;}
.pro_thumb{ width:478px; float:left; border:solid 1px rgb(238, 236, 237); height:478px; margin-top: 45px;}
.pro_thumb img { width:75% ; display: block; margin: auto; margin-top:12px}
.pro_right{ width:600px; float: left; margin-left: 30px; margin-top: 45px;}
.pro_title{ font-size: 20px; font-weight: bold;line-height: 60px;}
.pro_other{ line-height: 60px;}
.shop { width:200px; background-color: #ff0000; height: 50px; text-align: center; margin: auto; line-height: 50px; border-radius: 30px; color:#ffffff;cursor: pointer;}
.erweima{ background-color: #ebe8e8; width:427px; height:200px; z-index: 999; position: relative;top:-90px;left: 132px; display: none;}
.erweima .header{ background-color: #ff0000; color:#ffffff; width:40px; height: 20px; text-align: center; float: right;cursor: pointer;}
.picter{ float: left; margin-left: 42px;}
.picter img{ width:150px;}
.picter span { display: block; text-align: center;}

.middle{ width:1200px; margin: auto; height:60px; border:1px solid #f0f0f0;}
.tou { width:200px; text-align: center; line-height: 60px; border-right: 1px solid #f0f0f0; color:#ff0000; position: relative;}
.tou::before{content: " ";box-sizing: border-box;position: absolute;top: -1px;left: 0;border: 2px solid;width: 100%;}
.xiangqing{ width:1200px; margin: auto;}
.xiangqing p{ text-align: center;}

.news_show{ width:1198px; border:1px solid #f0f0f0; margin:auto; margin-top: 20px; overflow: hidden;}
.news_show .title{ font-size: 24px; font-weight: bold; text-align: center; margin-top: 20px;}
.author{ font-size: 12px; color: #837f7f; text-align: center;}
.fenge{ width: 1000px; margin: auto; border: #f0f0f0 1px solid; margin-top: 10px;margin-bottom: 10px;} 
.news_show p { text-indent: 2em; width:1000px; margin:auto; margin-top: 20px; line-height: 40px;}
.prev{ width:450px; float: left; margin-top: 40px; margin-bottom: 20px; text-align: center; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-weight: bold;}
.next{ width:450px; float:right; margin-top: 40px; margin-bottom: 20px; text-align: center; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-weight: bold;}


blockquote{ background-color: #e9e8e8;;position: absolute; top:70px ;left:50%; margin-left: -600px; z-index: 9999; width:1200px; height:300px; display: none;}
.pshow_child{ float:left; padding-top: 20px; padding-left: 52px;}
.video_show { width:1200px; margin: auto;}
.video_show video{ width:290px; height:240px;}
.video_show img{ width:339px; height:298px;margin-left: 54px;margin-top: 20px;}


.BeiAn{
  color: #fff;
}

.BeiAn:hover{
  color: blue;
}