* {
  padding: 0px;
  margin: 0px;
}
body {
  font-family: "Microsoft YaHei";
  font-size: 15px;
  color: #222;
  --themeColor: #058ed7;
  --subColor: #ffba00;
  overflow-x: hidden;
}
a {
  color: #222;
  text-decoration: none;
}
ul {
  list-style: none;
}

.ht-search {
  background: #f7f7f7;
  width: 100%;
  height: 90px;
}
.ht-search .ht-search-main {
  width: 1200px;
  height: 90px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ht-search .ht-search-main .ht-search-nav {
  font-size: 16px;
  color: #058ed7
}
.ht-search .ht-search-main .ht-search-nav a {
  font-size: 13px;
  margin-right: 10px;
}
.ht-search .ht-search-main .ht-search-nav a:hover {
  color: #058ed7;
}
.ht-search .ht-search-main .ht-search-form form {
  display: flex;
  align-items: center;
  position: relative;
}
.ht-search .ht-search-main .ht-search-form form input[type=text] {
  height: 36px;
  border: 2px solid #ddd;
  color: #bbbbbb;
  padding-left: 20px;
  width: 226px;
  outline: none;
}
.ht-search .ht-search-main .ht-search-form form #subtn {
  width: 75px;
  height: 40px;
  background: url(../images/search.png) no-repeat;
  cursor: pointer;
}

.ht-search-form{
  width: 325px;height: 40px;
}









.ht-container {
  width: 1200px;
  margin: 60px auto;
  display: flex;
  justify-content: space-between;
}
.ht-container .ht-left {
  width: 20%;
}
.ht-container .ht-left .ht-left-nav .ht-left-nav-title h2 {
  background: var(--themeColor);
  color: #fff;
  font-size: 26px;
  padding: 30px 0px;
  text-align: center;
}
.ht-container .ht-left .ht-left-nav > ul {
  padding: 0px 20px 20px 20px;
  border: 1px solid var(--themeColor);
}
.ht-container .ht-left .ht-left-nav > ul > li {
  margin-top: 15px;
  position: relative;
}
.ht-container .ht-left .ht-left-nav > ul > li:hover .p-erji2 {
  visibility: visible;
  opacity: 1;
}
.ht-container .ht-left .ht-left-nav > ul > li > a {
  display: block;
  text-align: center;
  padding: 15px 0px;
  font-size: 15px;
  background: #f5f5f5;
  transition: all 0.5s;
}
.ht-container .ht-left .ht-left-nav > ul > li > a:hover {
  background: var(--themeColor);
  color: #fff;
  border-radius: 35px;
}
.ht-container .ht-left .ht-left-nav > ul > li .p-erji2 {
  position: absolute;
  left: 190px;
  width: 100%;
  z-index: 9999;
  top: 0px;
  transition: all 0.5s;
  visibility: hidden;
  opacity: 0;
}
.ht-container .ht-left .ht-left-nav > ul > li .p-erji2 ul {
  background: #f1f1f1;
  margin-left: 20px;
}
.ht-container .ht-left .ht-left-nav > ul > li .p-erji2 ul li a {
  display: block;
  text-align: center;
  padding: 15px 0px;
}
.ht-container .ht-left .ht-left-nav > ul > li .p-erji2 ul li a:hover {
  background: var(--themeColor);
  color: #fff;
}
.ht-container .ht-left .ht-left-lianxi {
  margin-top: 30px;
}
.ht-container .ht-left .ht-left-lianxi h2 {
  background: var(--themeColor);
  color: #fff;
  font-size: 26px;
  padding: 30px 0px;
  text-align: center;
}
.ht-container .ht-left .ht-left-lianxi ul {
  background: #f5f5f5;
  padding: 15px;
}
.ht-container .ht-left .ht-left-lianxi ul li {
  line-height: 35px;
  font-size: 14px;
}
.ht-container .ht-left .ht-left-lianxi ul li img {
  border-radius: 10px 0px;
}
.ht-container .ht-right {
  width: 77%;
}
.ht-container .ht-right .ht-right-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}
.ht-container .ht-right .ht-right-title-row span {
  font-size: 25px;
  font-weight: 600;
  color: var(--themeColor);
  padding-left: 30px;
  border-left: 6px solid var(--themeColor);
}
.ht-container .ht-right .ht-right-title-row .ht-right-position {
  color: #4d4d4d;
}
.ht-container .ht-right .ht-right-title-row .ht-right-position i {
  color: var(--themeColor);
  font-size: 18px;
}
.ht-container .ht-right .aboutcont {
  font-size: 15px;
  color: #222;
  line-height: 2;
  padding-top: 20px;
}
.ht-container .ht-right .aboutcont img {
  max-width: 100% !important;
}
.redian {
  margin-top: 60px;
}
.redian .redian-title {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.redian .redian-title h4 {
  display: flex;
  align-items: flex-end;
}
.redian .redian-title h4 p {
  font-size: 16px;
  font-weight: 400;
  color: #bb0000;
}
.redian .redian-title h4 i {
  color: #999;
  font-size: 12px;
  font-family: arial;
  margin-left: 5px;
}
.redian .redian-top {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}
.redian .redian-top .redian-topLeft {
  width: 25%;
}
.redian .redian-top .redian-topLeft img {
  display: block;
}
.redian .redian-top .redian-topRight {
  width: 73%;
}
.redian .redian-top .redian-topRight a h3 {
  font-size: 18px;
  color: #222;
}
.redian .redian-top .redian-topRight a h3:hover {
  color: var(--themeColor);
}
.redian .redian-top .redian-topRight p {
  font-size: 14px;
  color: #777;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.redian .redian-top .redian-topRight .redian-more {
  display: flex;
  justify-content: flex-end;
}
.redian .redian-top .redian-topRight .redian-more a {
  color: var(--themeColor);
}
.redian ul {
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.redian ul li {
  width: 48%;
  margin-right: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: circle;
}
.redian ul li a {
  font-size: 14px;
  color: #333;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}
.redian ul li a:hover {
  color: var(--themeColor);
}
.redian ul li span {
  font-size: 13px;
  color: #058ed7;
}
.redian ul li:nth-child(2n) {
  margin-right: 0px;
}

.page {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-top: 20px;
}
.page .page-status,
.page a {
  cursor: pointer;
  color: #333;
  background: #f1f1f1;
  padding: 8px 15px;
  margin: 0px 5px;
  border-radius: 4px;
  font-size: 14px;
}
.page .page-status:hover,
.page a:hover {
  background: var(--themeColor);
  color: #fff;
}
.clear1{width: 1px;height: 89px;background: #ccc;float: left;margin-top: 50px;margin-left: 42px;}
.clear2{width: 1px;height: 89px;background: #ccc;float: left;margin-top: 50px;margin-left: 132px;}
.header{width: 100%;height: 175px;background: #fff;}
.header_main{width: 1200px;height: 175px;margin: 0 auto;}
.header_logo{width: 102px;height: 102px;float: left;padding-top: 45px;}
.header_con{width: 495px;float: left;padding-top: 50px;margin-left: 60px;}
.header_con h3{font-size: 38px;color: #058ed7;font-weight: bold;line-height: 38px;}
.header_con p{font-size: 14px;color: #231915;line-height: 20px;margin-top: 17px;}
.header_con p span{color: #058ed7}
.header_num{width:295px;height: 65px;float: right; margin-top: 63px;}
.phone_icon{float: left;}
.header_phone{float: left;margin-left: 12px;}
.header_phone span{font-size: 17px;color: #231915;line-height: 25px;}
.header_phone p{font-size: 30px;color: #058ed7;line-height: 46px;}

/********导航栏*******/
.header_nav{width: 100%;height: 63px;background: #231915;}
.header_nav_main{width: 1200px;height: 63px;margin: 0 auto;}
.header_nav_main ul li{float: left;}
.header_nav_main ul li a div{width: 150px;height: 63px;background: url(../images/nav_list_bg.png)no-repeat;background-position: center right;text-align: center;line-height: 63px;color: #fff;}
.header_nav_main ul li:hover a div{background: #058ed7}
.active{background:#058ed7!important }


/******product*******/
.product1{overflow: hidden; width: 1920px;height: 999px;background: url(../images/product1_bg.png)no-repeat;position: absolute;left: 50%;margin-left: -960px;}
.product1_main{width: 1200px;height: 999px;margin: 0 auto;}
.product1_title{width: 1200px;text-align: center;padding-top: 98px;}
.product1_title img{}

.product1_qh{width: 1200px;}
.product1_qh .hd{width: 1200px;height: 35px;margin-top: 76px;}
.product1_qh .bd{width: 1200px;height: 648px;margin-top: 33px;}
.product1_qh .hd ul li{float: left;line-height: 35px;font-size: 18px;cursor: pointer;color: #fff;}
.product1_qh .hd ul i{float: left;margin: 9.5px 30px 0px;}
.product1_qh .hd ul li:hover{color: #fff;}
.p_jx{position: relative;}
.product1_li_jx{width: 25px;height: 2px;background: #fff;position: absolute;top: 35px;left: 50%;margin-left: -12.5px;display: none;}
.product1_qh .hd ul li.on .product1_li_jx{display: block;transition: all 1s;}
.product1_qh .bd ul{width: 1150px;height: 648px;border-left:25px solid #058ed7; border-right:25px solid #058ed7;position: relative;overflow: hidden;}
.product1_img{width: 100%;height: 648px;}
.product1_con{width: 100%;height: 110px;background: rgba(0,0,0,0.5);position: absolute;bottom: 0px;padding: 20px 44px 0px;}
.product1_con h3{font-size: 24px;color: #fff;font-weight: normal;}
.clear3{width: 34px;height: 2px;background: #058ed7;margin-top: 10px;}
.product1_con p{font-size: 18px;color: #fff;margin-top: 17px;}
.product_more{width: 99px;height: 35px;background: #fff;float: right;text-align: center;line-height: 35px;color: #058ed7;font-size: 12px;font-family: 'arial';}
.product_more:hover{background: #231915}
.product2{width: 100%;height: 313px;padding-top: 67px;}
.product_tj{width: 1104px;height: 251px;margin: 0 auto;padding: 0px 48px;}
.product_tj .bd ul li{width: 335px;height: 251px;background: red;float: left;margin-right: 49px;position: relative;}
.product2_img{width: 335px;height: 251px;}
.product2_title{width: 335px;height: 40px;background: rgba(0,0,0,0.5);text-align: center;line-height: 40px;color: #fff;font-size: 14px;position: absolute;bottom: 0px; opacity: 0;transition: opacity 1s linear;}
.product_tj .bd ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.5);transition: box-shadow 1s;}
.product_tj .bd ul li:hover .product2_title{display: block;opacity: 1;}


/**********开发流程***********/
.kflc_g{width: 100%;height: 972px;position: relative;}
.kflc{width: 1920px;height: 972px;position: absolute;left: 50%;margin-left: -960px;background: url(../images/kflc_bg.png)no-repeat;}
.kflc_title{padding-top: 95px;text-align: center;}
.kflc_top{width: 1150px; height: 180px;margin: 115px auto 0px;}
.kflc_top ul li{width: 210px;height: 180px;float: left;}
.kflc_top ul>img{float: left;margin-top: 50px}
.fklc_yuan{width: 120px;height: 120px;border-radius: 50%;background: #058ed7;margin: 0 auto;box-shadow: 5px 5px 7px rgba(0,0,0,0.5);}
.kflc_top ul li p{text-align: center;font-size: 18px;color: #231915;line-height: 26px;margin-top: 12px;}
.fklc_yuan1{width: 120px;height: 120px;display: table-cell;text-align: center;vertical-align: middle;}
.fklc_yuan img{}
.kflc_top ul li:hover .fklc_yuan1{transform: rotate(360deg);transition: transform 2s;}

.kflc_bottom{width: 1200px; height: 180px;margin: 55px auto 0px;}
.kflc_bottom ul li{width: 130px;height: 180px;float: left;}
.kflc_bottom ul>img{float: left;margin: 50px 29px 0px;}
.kflc_bottom ul li p{text-align: center;font-size: 18px;color: #231915;line-height: 26px;margin-top: 12px;}
.kflc_bottom ul li:nth-child(1){}
.kflc_bottom ul li:hover .fklc_yuan1{transform: rotate(360deg);transition: transform 2s;}

.kflc_phone{width: 270px;height: 140px;margin: 35px auto 0;}
.kp_top{width: 270px;height: 54px;}
.kp_left{width: 54px;height: 54px;float: left;}
.kp_right{float: left;margin-left: 17px;}
.kp_right span{font-size: 16px;color: #231915;line-height: 16px;}
.kp_right p{font-size: 30px;color: #058ed7;font-family: 'Impact';}
.kp_ljzx{width: 105px;height: 30px;background: #231915;margin: 40px auto 0;border-radius: 15px;text-align: center;line-height: 30px;color: #fff;font-size: 12px;}
.kp_ljzx:hover{background: #058ed7;}
/*********优势*********/
.youshi1{width: 100%;height: 1124px;position: relative;}
.youshi{width: 1920px;height: 1124px;position: absolute;left: 50%;margin-left: -960px;background: url(../images/youshi_bg.jpg)no-repeat;}
.youshi_main{width: 1200px;height: 1124px;margin: 0 auto;}
.youshi_title{width: 1200px;text-align: center;padding-top: 132px;}
.youshi_b{width: 1200px;height: 710px;margin-top: 60px;}
.youshi_b .hd{width: 1200px;height: 70px;}
.youshi_b .hd ul li{width: 25%;height: 70px;float: left;cursor: pointer;}
.ys_t{width: 100%;height: 41px;overflow: hidden;}
.ys_l{float: left;width: 41px;height: 41px;}
.ys_l img{width: 100%;height: 100%;}
.ys_r{float: left;margin-left: 16px;}
.ys_r span{font-size: 18px;color: #fff;line-height: 26px;}
.ys_r p{font-size: 12px;color: #8b98a7;font-family: 'arial';line-height: 22px;text-transform: uppercase;}
.youshi_b .hd ul li>img{margin-top: 11px;display: none;}
.youshi_b .hd ul li.on>img{display: block;}
.youshi_b .bd{width: 1200px;height: 600px;margin-top: 33px;overflow: hidden;position: relative;}
.youshi_bd_img{width: 1200px;height: 600px;position: relative;}
.youshi_bd_num{padding:16px 0 0 60px ; width: 140px;height: 164px;background: url(../images/youshi_bd_num_bg.png);position: absolute;top: 0px;right: 335px;z-index: 3}
.youshi_bd_con{padding: 90px 39px 0px 33px; width: 378px;height: 310px;background:url(../images/youshi_bd_con_bg.png)no-repeat;position: absolute;top: 115px;right: 0px;z-index: 2}
.youshi_bd_num span{font-size: 80px;color: #fff;font-family: 'Impact';}
.youshi_bd_num p{font-size: 20px;color: #fff;font-family: 'arial';position: relative;top: 25px;left: 70px;}
.youshi_bd_con h3{font-size: 18px;font-weight: normal;color: #058ed7;margin-bottom: 5px;padding-left: 15px;}
.youshi_bd_con span{ font-size: 12px;font-family: 'arial';text-transform: uppercase;color: #808080;padding-left: 15px;}
.clear4{width: 100%;height: 1px;background: #b5bec6;margin-top: 13px;margin-bottom: 17px;}
.neirong{margin-bottom: 13px;overflow-y: auto;}
.tuoyuan{float: left;}
.neirong p{float: left;width: 360px;font-size: 12px;color: #231915;line-height: 26px;margin-left: 8px;}

/**********资质证书************/
.zzzs_b{width: 100%;height: 696px;position: relative;}
.zzzs{width: 1920px;height: 696px;background: url(../images/zzzs_bg.png)no-repeat;position: absolute;left: 50%;margin-left: -960px;}
.zzzs_main{width: 1200px;height: 696px;margin: 0 auto;}
.zzzs_main_title{text-align: center;padding-top: 125px;}
.zzzs_lb{width: 1200px;height: 240px;margin-top: 73px;}
.zzzs_lb .bd ul li{width: 180px!important;height: 240px;margin-right: 24px;overflow:hidden;border: 1px solid #000000;box-sizing: border-box;}
.zzzs_lb .bd ul li a img{width: 100%;height: 100%;}
.zzzs_lb .bd ul li:hover{border: 5px solid #058ed7;}

/*******关于我们********/
.about{width: 100%;height: 624px;background: #f5f5f5;}
.about_main{width: 1200px;height: 624px;margin: 0 auto;}
.about_title{text-align: center;padding-top: 72px;}
.about_bottom{width: 1200px;height: 290px;margin-top: 67px;}
.about_left{width: 520px;height: 290px;float: left;}
.about_right{float: left;width: 630px;height: 280px;float: right;padding-top: 10px; }
.about_right h3{font-size: 20px;color: #058ed7;}
.about_right p{height: 192px; font-size: 14px;color: #222222;line-height: 24px;text-indent: 2em;margin-top: 13px;}
.about_more{width: 98px;height: 32px;border-radius: 5px;background: #058ed7;text-align:center;line-height: 32px;color: #fff;text-transform: uppercase;}

/**********新闻中心**********/
.news{width: 100%;padding-bottom: 120px;}
.news_main{width: 1200px;margin: 0 auto;}
.news_title{text-align: center;padding-top: 135px;}
.news_mid{width: 1200px;margin: 0 auto;}
.news_mid .parHd{width: 1200px;height: 50px;border-bottom: 1px solid #808080;margin-top: 67px;}
.news_mid .parHd ul li{float: left;margin-right: 80px;width: 109px;}
.news_mid .parHd ul li>div{float: left;padding-top: 13px;}
.news_mid .parHd ul li>span{float: left;line-height: 50px;margin-left: 8px;font-size: 18px;color: #231915;}
.news_mid .parHd ul li.on{border-bottom:3px solid #058ed7;}
.news_hover2{display: none;}
.news_mid .parHd ul li.on .news_hover2{display: inline-block;}
.news_mid .parHd ul li.on .news_hover1{display: none;}
.news_mid .parHd ul li.on>span{color:#058ed7 }
.news_mid .parBd{width: 1200px;height: 453px;margin-top: 25px;}
.news_bd_left{width: 597px;height: 453px;float: left;}
.news_bd_right{width: 560px;height: 453px;float: right;overflow: hidden;}
.news_img{width: 597px;height: 333px;}
.news_bd_left h3{margin-top: 27px;}
.news_bd_left h3 a{font-size: 16px;color: #058ed7}
.news_bd_left p{font-size: 14px;color: #231915;line-height: 26px;margin-top: 16px;}
.news_bd_right ul li{width: 560px;height: 100px!important;border: 1px solid #808080;box-sizing: border-box;margin-bottom: 17px;padding: 18px 33px 0 30px;}
.news_con2{float: left;}
.news_con2 h3 a{font-size: 18px;color: #231915;font-weight: 600;}
.news_con2 p{font-size: 14px;color: #231915;margin-top: 14px;}
.news_con2_time{float:right;}
.news_con2_time span{float: left;font-family: 'Impact';font-size: 14px;color: #808080;margin-right: 35px;line-height: 23px;}
.news_icon_1{float: left;}
.news_bd_right ul li:hover{border: 1px solid #058ed7}
.news_icon_22{display: none;}
.news_bd_right ul li:hover .news_icon_22{display: inline-block;}
.news_bd_right ul li:hover .news_icon_11{display: none;}


/*底部*/
.foot1{width: 100%;height: 410px;background: #231915;}
.foot1_main{width: 1200px;height: 410px;margin: 0 auto;}
.foot_list1{float: left;padding-top: 92px;width: 598px;}
.foot_list1 b{font-size: 24px;font-family: 'arial';color: #fff;text-transform: uppercase;}
.clear6{width: 44px;height: 1px;background: #5a5350;margin-top: 18px;}
.foot_list1 h3{font-size: 20px;color: #058ed7;margin-top: 25px;margin-bottom: 20px;}
.foot_list1 ul li{margin-bottom: 26px;}
.foot_list1 ul li span{color: #fff;font-size: 14px;margin-left: 8px;}

.foot_list2{float: left;padding-top: 92px;width: 206px;}
.foot_list2 b{font-size: 24px;font-family: 'arial';color: #fff;text-transform: uppercase;}
.clear6{width: 44px;height: 1px;background: #5a5350;margin-top: 18px;}
.foot_list2 ul li{width: 103px;float: left;margin-bottom: 23px;}
.foot_list2 ul li a{color: #fff;}
.foot_list2 ul{margin-top: 25px;}
.foot_list2 ul li:hover a{text-decoration:underline;}
.foot_list3{float: right;padding-top: 92px;}
.foot_list3 b{font-size: 24px;font-family: 'arial';color: #fff;text-transform: uppercase;}
.clear6{width: 44px;height: 1px;background: #5a5350;margin-top: 18px;}
.foot_i{width: 197px;margin-top: 23px;height: 47px;}
.foot_i_icon{float: left;padding-top: 10px;margin-right: 10px;}
.foot_i_r{float: left;}
.foot_i_r p{font-size: 21px;color:#058ed7; }
.foot_i_r span{font-size: 14px;color: #058ed7;letter-spacing: 5px;}
.foot_num_more{width: 130px;height: 36px;background: #058ed7;text-align: center;line-height: 36px;color: #fff;font-size: 12px;margin-top: 26px;}

.foot2{width: 100%;height: 60px;background: #058ed7;text-align: center;line-height: 60px;color: #fff;}


.honorlist {
  margin-top: 30px;
}
.honorlist ul {
  display: flex;
  flex-wrap: wrap;
}
.honorlist ul li {
  width: 32%;
  margin-right: 15px;
  margin-bottom: 25px;
}
.honorlist ul li:nth-child(3n) {
  margin-right: 0px;
}
.honorlist ul li > a {
  border: 1px solid #ddd;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.honorlist ul li > a:hover .pro-zhe {
  opacity: 1;
}
.honorlist ul li > a:hover img {
  transform: scale(1.2);
}
.honorlist ul li > a img {
  display: block;
  transition: all 0.5s;
}
.honorlist ul li > p {
  text-align: center;
  margin-top: 15px;
}



.hover_a:hover span{text-decoration: underline;}





.productlist {
  margin-top: 30px;
}
.productlist ul {
  display: flex;
  flex-wrap: wrap;
}
.productlist ul li {
  width: 32%;
  margin-right: 15px;
  margin-bottom: 25px;
}
.productlist ul li:nth-child(3n) {
  margin-right: 0px;
}
.productlist ul li > a {
  border: 1px solid #ddd;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.productlist ul li > a:hover .pro-zhe {
  opacity: 1;
}
.productlist ul li > a:hover img {
  transform: scale(1.2);
}
.productlist ul li > a img {
  display: block;
  transition: all 0.5s;
}
.productlist ul li > p {
  text-align: center;
  margin-top: 15px;
}


.procont .proTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.procont .proTop .proTop-left {
  width: 45%;
  border: 1px solid #ddd;
}
.procont .proTop .proTop-left img {
  display: block;
}
.procont .proTop .proTop-right {
  width: 52%;
}
.procont .proTop .proTop-right h1 {
  font-size: 22px;
  color: var(--themeColor);
}
.procont .proTop .proTop-right ul {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.procont .proTop .proTop-right ul li {
  font-size: 13px;
  color: #777;
  margin-right: 15px;
}
.procont .proTop .proTop-right .pro-msg {
  padding: 15px 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  line-height: 28px;
  color: #666;
  margin-top: 15px;
  font-size: 13px;
}
.procont .proTop .proTop-right .pro-msg p b {
  color: var(--themeColor);
}
.procont .proTop .proTop-right .proTop-btn {
  margin-top: 25px;
  display: flex;
  align-items: center;
}
.procont .proTop .proTop-right .proTop-btn a {
  display: inline-block;
  width: 180px;
  margin-right: 25px;
  background: var(--themeColor);
  color: #fff;
  text-align: center;
  border-radius: 100px;
  padding: 15px 0px;
  transition: all 0.5s;
}
.procont .proTop .proTop-right .proTop-btn a:nth-child(2) {
  margin-right: 0px;
}
.procont .proTop .proTop-right .proTop-btn a:hover {
  background: var(--subColor);
  color: #fff;
}
.procont .proxq {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 50px;
}
.procont .proxq h2 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 15px;
  color: var(--themeColor);
}
.procont .proxq h3 {
  width: 100%;
  background: url(../images/title_bg2.png) no-repeat center;
  height: 20px;
}
.procont .procontent {
  font-size: 15px;
  color: #333;
  line-height: 2;
  padding-top: 20px;
}
.procont .procontent img {
  max-width: 100% !important;
}
.procont .procontent table {
  border-collapse: collapse!important;
}

.newscont {
  margin-top: 30px;
}
.newscont .newscont-title {
  border-bottom: 1px dashed #ddd;
  margin-bottom: 15px;
}
.newscont .newscont-title h1 {
  font-size: 25px;
  color: var(--themeColor);
}
.newscont .newscont-title ul {
  display: flex;
  margin-top: 15px;
  padding-bottom: 20px;
}
.newscont .newscont-title ul li {
  margin-right: 20px;
  color: #777;
  font-size: 14px;
}
.newscont .newscontent {
  font-size: 15px;
  color: #333;
  line-height: 2;
}
.newscont .newscontent img {
  max-width: 100% !important;
}
.newscont .newscontent video {
  width: 800px;
  height: 475px;
}
.newscont .PreNext {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newscont .PreNext a {
  color: #888;
}
.newscont .PreNext a:hover {
  color: var(--themeColor);
}


.newslist {
  border-radius: 4px;
  margin-top: 20px;
  padding: 15px 0px;
}
.newslist ul li:last-child a {
  border-bottom: 0px;
}
.newslist ul li a:hover {
  text-decoration: none;
  color: var(--themeColor);
}
.newslist ul li .newslink {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  transition: all 1s;
  padding: 25px 20px;
}
.newslist ul li .newslink:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.newslist ul li .newslink:hover h3 {
  color: var(--themeColor) !important;
}
.newslist ul li .newslink .news-left {
  flex: 2;
}
.newslist ul li .newslink .news-left .news-left-img {
  overflow: hidden;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newslist ul li .newslink .news-left .news-left-img img {
  display: block;
}
.newslist ul li .newslink .news-container {
  flex: 6;
  padding: 0px 25px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.newslist ul li .newslink .news-container .news-title-row h3 {
  color: #111;
  font-weight: 400;
  font-size: 18px;
}
.newslist ul li .newslink .news-container .news-title-row p {
  color: #666;
  font-size: 13px;
  line-height: 2.3;
  margin-top: 12px;
  text-align: justify;
}
.newslist ul li .newslink .news-container .news-visits dl {
  display: flex;
}
.newslist ul li .newslink .news-container .news-visits dl dd {
  color: #999;
  font-size: 13px;
  border-bottom: 0px;
  margin-right: 20px;
}
.newslist ul li .newslink .news-container .news-visits dl dd i {
  margin-right: 8px;
}