@charset "UTF-8";
body{ margin: 0; padding: 0; font-size: 14px; font-family: "微软雅黑 Light";}
p,a,ul,li,span,dl,dt,ol,i,b{ margin: 0; padding: 0;}
a{ text-decoration: none;}
ul li{ list-style-type: none;}
.clear{clear: both;}
.w1200{ width: 1200px;margin: 0 auto;}

#top{ width: 100%; height:auto;}
.logo_nav{    width: 100%;  height: 100px; position: absolute; z-index: 99;}
.logo{ width: 300px; height: 100px;margin: 0 auto;}
.nav{ display: flex; justify-content: space-between;text-align: center;}
.nav li{}
.nav li a{ color: #fff; font-size: 16px;}
.nav li:hover a{ color: #ffc001;}

#slider-wrapper{ background: url("../images/top_bg.jpg")}

/**foot **/
#foot_bg{ width: 100%; height: 330px; background: #262626; margin-top: 70px}
.foot_center{width: 100%; position: absolute; margin-top: -50px; z-index: 99;}
.foot_logo{ background: #ffc001; width: 400px; height: 160px; margin: 0 auto; text-align: center; }
.foot_logo img{   /*  padding-top: 35px;  */}
.foot_nav_lxfs{ width: 450px; height: auto;float: left;}
.ft_nav{ width: 450px;height: auto;display: flex;justify-content: left;flex-wrap: wrap;padding-top: 120px;}
.ft_nav li{ width: 80px; height: 30px; line-height: 30px;}
.ft_nav li a{ color: #fff; font-size: 14px;}
.foot_lx1{width: 450px; height: auto; margin-top: 20px; color: #ccc; font-size: 14px;line-height: 35px;}

.foot_nav2_lx{width: 390px; height: auto; float: right;}
.ft_nav2{ width: 390px;height: auto;display: flex;justify-content: left;flex-wrap: wrap;padding-top: 120px;}
.ft_nav2 li{ width: 130px; height: 30px; line-height: 30px;}
.ft_nav2 li a{ color: #fff; font-size: 14px;}
.foot_lx2{width: 450px; height: auto; margin-top: 20px; color: #ccc; font-size: 14px;line-height: 35px;padding-top: 95px;}
.foot_lx3{width: 450px; height: auto; margin-top: 20px; color: #ccc; font-size: 14px;line-height: 35px;}

/*****/
.index_scgy_bg{ background: url("../images/scgy_bg.png") no-repeat center center; width: 100%;}
.gy_title_fy_xhx{ padding: 20px 0; }
.gy_lmbt_fy_xhx{ width: 360px; line-height: 35px; float: right; margin-bottom: 60px;text-align: right; }
.gy_bt{    font-size: 24px; color: rgb(255, 192, 1);}
.gy_fy{color: rgb(102, 102, 102);    font-size: 16px;}
.gy_xhx{ width: 30px; height: 2px; border: none; background:rgb(255, 192, 1);    float: right;    margin-top: 30px;}
.gyzs{ width: 100%; height: 770px; overflow: hidden; margin-bottom: 50px;}
.tpys{ width: 1300px; height: auto; overflow: hidden;}
.tpys li{ float: left;  margin-right: 35px; width: 280px;}
.tpys li .tu{ width: 280px; height: 210px; overflow: hidden; background-color: #efefef;}
.tpys li .tu img{ width: 280px; height: 210px; -webkit-transform: scale(1, 1);  -moz-transform: scale(1, 1);  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}
.tpys li:hover .tu img{ -webkit-transform: scale(1.1, 1.1);  -moz-transform: scale(1.1, 1.1);  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}
.tpys li .tu a.more{ border: 2px solid rgba(204,204,204,0.8);  background-color: rgba(0,0,0,0.6);  -webkit-border-radius: 20px;  border-radius: 20px;  font-size: 16px;  line-height: 16px;  padding: 10px 20px;  color: #DDD;  position: relative;  top: -100px;  left: 100px;  z-index: 99;  -webkit-transition: All 0.4s ease-in-out;  -o-transition: All 0.4s ease-in-out;  transition: All 0.4s ease-in-out;  opacity: 0;}
.tpys li:hover .tu a.more{ opacity: 1; margin-top: -20px;}
.tpys li a p{  padding:5px 0px; width: 100%; margin-top: 5px; font-size: 16px; color: #000; box-sizing: border-box; text-align: center; overflow: hidden; transition: all 0.3s ease-out;}
.tpys li:hover a h3{ color:  #ffc001;}
/*****/
.index_pro_bg{ background: url("../images/pro_bg.png") no-repeat center center;  width: 100%;height: 1266px;}
.cp_title_fy_xhx{ text-align: center; }
.cp_lmbt{    font-size: 24px; color: #fff;}
.cp_fy{color: #333;    font-size: 16px; padding: 10px 0;}
.cp_xhx{ width: 30px; height: 2px; border: none; background:#000;  margin:  15px auto;}
.pro_zs{ padding: 30px 0; display: flex; justify-content: space-between; flex-wrap: wrap;    width: 1200px;}
.pro_zs li{ width: 280px; height: auto;}
.pro_img{ width: 280px; height: auto}
.pro_img img{  max-width: 100%; height: 280px;}
.cp_bt{ width: 280px; height: 40px; line-height: 40px; text-align: center}
.cp_bt a{ color: #000;  font-size: 16px;}
.cp_bt a:hover{color: #000;}
/****/
.index_about_bg{ background: url("../images/about_bg.jpg") no-repeat center center;   width: 100%;height: 670px;}
.cp_lmbt2{    font-size: 24px; color: rgb(255, 192, 1);}
.cp_xhx2{ width: 30px; height: 2px; border: none; background: rgb(255, 192, 1);;  margin:  15px auto;}
.gywm_01{ width: 335px; height: auto; text-align: center;}
.gywm_123{ display: flex; justify-content: space-around; padding-top: 70px;}
.ab_bt{ padding: 15px 0; width: 335px;font-size: 20px;color:  #ffc001; }
.ab_xq{ font-size: 14px; line-height: 26px; color: #666;}
.ab_more{ margin: 0 auto; display: block; width: 260px; height: 50px; margin-top: 60px;}
/****/
.content_bg{ background: url("../images/content_bg.png") no-repeat center center;   width: 100%;height: 1286px;}
.wmysbt{padding-top:550px;  }
.btt{ font-size: 40px; color: #ffc001; padding-bottom: 40px;}
.btt_xhx{ width: 90px; height: 2px; border: none; background: #ffc001;}
.btt_xq{ line-height: 30px; color: #fff; font-size: 16px; margin-top: 25px}
/****/
.wmys02_nr{     text-indent: 2em;  font-size: 14px; line-height: 35px; color: #666; padding-bottom: 60px;}
/******/

.news_zs{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.news_zs li{width: 560px; height:110px; margin-bottom: 30px;}
.news_time{  width: 80px; height:110px; float: left;}
.news_bt_xq{ width: 420px; height: 110px; float: right;}
.time_y{ font-size: 24px;    padding-top: 20px;}
.time_md{font-size: 14px; color: #666; padding-top: 15px;}
.news_bt a{ font-size: 16px; color: #000;}
.news_xq{ padding-top: 15px; line-height: 25px; color: #666;}


/* 宣传片 */
.xcp{padding: 110px 0;background: url(../images/xcpbj.jpg);margin-top: 60px;font-size: 30px;text-align: center;color: #fff;line-height: 2;}
.xcp img{cursor: pointer;}
.meng{display: none;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;z-index: 999;}
.meng .vcon{position: relative;width: 900px;height: 550px;margin: 190px auto 0;overflow: hidden;}
.meng p{position: absolute;right: 0;top: 0;font-size: 40px;font-weight: bold;color: #fff;cursor: pointer;}
.meng video{display: block;width: 100%;height:100%;object-fit: cover;}