*{margin: 0;padding: 0;box-sizing: border-box;}
html{width: 100%;height: 100%;background-color: #000;}
body{width: 100%;height: 100%;}
img{border: 0;object-fit: cover;}
.w1200{width: 1200px;margin: auto;}
.left{float: left;}
.right{float: right;}
input{border: 0;outline: none;}
textarea,ul li{list-style: none;}
a{text-decoration: none;}




.header_wai{width: 100%;background: url("https://hzhk-1259089694.cos.ap-shanghai.myqcloud.com/website/images/dint_01.png") no-repeat center; height: 110px; background-size: 100% 100%;}
.yuyan{width: 100%;text-align: right;padding-top: 4px; padding-bottom: 8px;}
.yuyan a{font-size: 14px;color: #ffffff;line-height: 30px;margin-left: 18px;}
.yuyan img{display: inline-block;height: 14px;padding-right: 8px;position: relative;top: 2px;}
.logo_title{font-size: 36px;color: #558dff;font-family: 宋体;font-weight: bold;}
.logo_title img{width: 100%;}
.nav_bar{}
.nav_bar li{float: left;margin: 0 15px;}
.nav_bar li a{display: block;font-size: 18px;color: #ffffff;line-height: 44px;padding: 2px;
    border-bottom: transparent solid 2px;transition: .2s;}
.nav_bar_on a,.nav_bar li:hover a{color: #558dff !important;transition: .2s;border-color: #558dff !important;}
.header{height: 100%;}

.boturl{width: 100%;text-align: center;background: url("https://hzhk-1259089694.cos.ap-shanghai.myqcloud.com/website/images/boturl_02.png")no-repeat center;padding: 80px 0; background-size: 100% 100%;}
.boturl a{display: inline-block;font-size: 14px;color: #ffffff;line-height: 16px;border-left: #fff solid 1px;
    padding-left: 6px;transition: .2s;}
.boturl a:first-of-type{border-left: 0;}
.boturl a:hover{color: #558dff !important;transition: .2s;text-decoration: underline;}


.banquan{width: 100%;font-size: 14px;color: #939393;line-height: 3.6;background-color: #000000;text-align: center;}
.banquan span{font-size: 14px;color: #939393;}
.banquan img{width:16px;height:16px;vertical-align:text-bottom}


.main_title{font-size: 36px;color: #ffffff;line-height: 1.6;margin-top: 70px;}
.main_description{font-size: 24px;color: #558dff;line-height: 1.6;
}


.pro_list{margin-top: 44px;width: 100%;}
.pro_list li{float: left;width: 31.6%;border: #fff solid 1px;margin-right: 2.5%;transition: 0.3s; box-shadow: 0 0 30px rgba(255,255,255,.4);}
.pro_list li:nth-of-type(3n){margin-right: 0;}
.pro_list li a{cursor:default;}
.pro_list li img{width: 100%;}
.pro_list li:hover{box-shadow: 0 0 30px rgba(255,255,255,.4);-webkit-transform: scale(1.1); transition: 0.3s;}

.fw_main{width: 100%;margin-top: 50px;}
.fw_main_content{width: 42%;font-size: 14px;color: #ffffff;line-height: 2.1;margin-top: 150px;}
.fw_main_content *{font-size: 14px;color: #ffffff;line-height: 2.1;}
.fw_img{width: 57.5%;}


.pro_main_list{width: 100%;margin-top:80px;}
.pro_main_list li{width: 100%;margin-bottom: 50px;}
.pro_main_list_img{width: 20%;border: #fff solid 1px;transition: 0.3s;box-shadow: 0 0 30px rgba(255,255,255,.4);}
.pro_main_list_img:hover{box-shadow: 0 0 30px rgba(255,255,255,.4); transition: 0.3s;-webkit-transform: scale(1.1);}
.pro_main_list_content{width: 75.8%;}
.pro_main_list_title{border-top:#fff solid 1px;border-bottom:#fff solid 1px;font-size: 18px;color: #fff;line-height: 1.5;
	font-weight: bold;padding: 6px 0;margin-top: 38px;}
.pro_main_list_description{width: 100%;margin-top: 54px;font-size: 13px;color: #ffffff;line-height: 2.1;}
.pro_main_list_description *{font-size: 13px;color: #ffffff;line-height: 2.1;}

.pro_main_list li:nth-of-type(2n) .pro_main_list_img{float: right;}
.pro_main_list li:nth-of-type(2n) .pro_main_list_content{float: left;}
.pro_main_list li:nth-of-type(2n) .pro_main_list_title{float: right;text-align: right;}
.pro_main_list li:nth-of-type(2n) .pro_main_list_description{float: right;text-align: right;}


.pagesa{text-align:center;margin: 80px auto 30px;;font-size: 0;}
.pagesa span{display:inline-block; height:30px;width:30px;border:1px solid #fff;background:#fff;color:#333;
    line-height:26px;font-size: 14px;margin: 0 5px;}
.pagesa a{display:inline-block; height:30px;width:30px;border:1px solid #fff; color:#fff;line-height:26px;
    background-color: transparent;font-size: 14px;margin: 0 5px;text-decoration: none;}
.pagesa .a1{display:inline-block;height:30px;width:60px;border:1px solid #fff; color:#fff;line-height:26px;
    background-color: transparent;font-size: 14px;}

.dianjd{float: left; display: flex; align-items: center; height: 100%; display: none;}
.dianjd img{width: 100%;}
.sjdh{width: 47.5%; float: left; background: #000000; height: 100%; position: fixed; top: 60px; display: none;z-index: 9999;}
.sjdh ul{width: 100%;}
.sjdh ul li{width: 100%; line-height: 50px; text-indent: 20px; color: #ffffff; border-bottom: 1px solid #4c7fe5;}
.sjdh ul li.on{background: #4c7fe5;}
.sjdh ul li a{display: block;}

.banner_container {width: 100%;height: 100%;}
.banner_slide img{width: 100%;}
.banner_slide a{cursor:default;}
.banner_next{width: 70px !important;height: 70px !important; right: 40px !important;}
.banner_prev{width: 70px !important;height: 70px !important; left: 40px !important;}

.banner_pagination{bottom: 20px !important;}
.banner_pagination span{width: 15px;height: 5px;border-radius: 3px;background-color: #fff;opacity: 1;transition: .4s;}
.banner_pagination .swiper-pagination-bullet-active{background-color: #558dff;transition: .4s;}
.quanh{width: 100%; background: #000000;}
.yewk{font-size: 36px;color: #ffffff; padding-top: 80px;}
.lianxk{text-align: center; padding-top: 137px; padding-bottom: 300px;}
.lianxk li{display: inline-block; width: 32.33%; border-right: 1px dashed #999999;}
.lianxk li a{cursor:default;}
.qianm{font-size: 14px;color: #ffffff; padding-top: 30px;}
.houm{font-size: 18px;color: #ffffff; padding-top: 16px;}
.lianxk li:last-of-type{border: none;}
.guyud{width: 100%; padding-top: 87px; padding-bottom: 204px;}
.guyud table{width: 100%;}
.guyud table tr{width: 100%;}
.youzig{display: block; font-size: 16px;color: #ffffff; line-height: 30px; padding-left: 60px;}
.zuogtu{width: 430px;}
.zuogtu img{width: 100%;}
.ppf{position: fixed;z-index: 999; top: 0; width: 100%; background: #000; padding-bottom: 20px;}
.fanhuid{line-height: 30px; border: 1px solid #fff; font-size: 18px; color: #fff; padding: 0 10px; display: table;
margin: auto; border-radius: 5px;}
.ppf .logo_title{padding-top: 5px;}