body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,span,textarea,ul{margin:0;padding:0;border:none;list-style:none;text-indent:0;font-weight:400;}
tr{display:table-row;border-color:inherit;vertical-align:inherit;}
td,th{display:table-cell;vertical-align:inherit;}
select{padding-left:5px;outline:0;background:url(../triangle02.html) no-repeat right #fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;}
/*.editable,.editable-tarea,input[type=password],input[type=text],select,textarea{border:solid 1px #ccc;background-color:#fff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border linear .2s,box-shadow linear .2s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}*/
*{box-sizing:border-box;outline:0;overflow-wrap:break-word;}
table{border-collapse:collapse;}
/*
.editable,.editable2,input[type=password],input[type=text]{display:inline-block;overflow:hidden;white-space:nowrap;line-height:20px;cursor:text;}
input[type=password]:active,input[type=password]:focus,input[type=password]:hover,input[type=text]:active,input[type=text]:focus,input[type=text]:hover,textarea:active,textarea:focus,textarea:hover{outline:0 none;border:1px solid #043f99;-webkit-box-shadow:0 0 3px 0 rgba(82,168,236,1);-moz-box-shadow:0 0 3px 0 rgba(82,168,236,1);box-shadow:0 0 3px 0 rgba(82,168,236,1);}
*/
textarea{resize:vertical!important;}
img{vertical-align:middle;}
cite,em,th{font-weight:400;font-style:normal;}
a{color:inherit;text-decoration:none;-webkit-transition: linear .5s;transition: linear .5s;}
a:hover{color:#ffcc03;}
img{border:none;vertical-align:middle;font-size:0;}
i{display:inline-block;vertical-align:middle;}
.fz12{font-size:12px;}
.cf:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
video::-webkit-media-controls{display:none!important;}

body,html{overflow:hidden;overflow:auto;color:#4c4c4c;letter-spacing:.5px;font-size:16px;font-family:'roboto';line-height:26px;width: 100%;}
label{display:inline-block;margin-bottom:5px;max-width:100%;}
.w1500{width:100%;max-width:1500px;margin: 0 auto;}
.w1400{width:100%;max-width:1400px;margin: 0 auto;}
.w1300{width:100%;max-width:1300px;margin: 0 auto;}
.w1200{width:100%;max-width:1200px;margin: 0 auto;}
.w1100{width:100%;max-width:1100px;margin: 0 auto;}
.w800{width:100%;max-width:800px;margin: 0 auto;}
.w50bf{display:inline-block;width:50%;}
.w70bf{width:70%;}
.w30bf{width:30%;}
.w60bf{width:60%;}
.w40bf{width:40%;}
.pc-hidden{display:none;}
.ipad-show{display:none;}
.iphone-show{display:none}
.centered{margin:0 auto;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.float_left{float:left;}
.float_right{float:right;}
.clearfix{clear:both;}
.pl{position:relative;}
.bold{font-family:'roboto-bold';}
strong{font-family:'roboto-bold';}
.input-na{padding-left:10px;height:45px;border:solid 2px #cccccc;border-radius:2px;color:#2e2e2e;font-size:15px;width: 100%;font-family:'roboto';}
.sub{width:200px;height:40px;background:#0b4696;color:#fff;font-size:16px;cursor:pointer;border:solid 1px #0b4696;font-family:'roboto';}
.sub:hover{background:#2b71cf;border:solid 1px #2b71cf;}
.xpicon{background:url(../png/icon.png) 0 0 no-repeat;}
.absolute-img{overflow: hidden;}
.absolute-img img{-webkit-transition: linear .5s;transition: linear .5s;}
.absolute-img img:hover{-webkit-transform: scale(1.05);transform: scale(1.05);-ms-transform: scale(1.05);}

header{position:relative;}
.banner{overflow: hidden;position: relative;}
.banner img{position:relative;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-ms-transform: translateX(-50%);}
.bann-77bold{position: absolute;left:0;top:70%;width: 100%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);padding: 0 6px;}
.bann-77bold p{color: #fff;font-size:77px;font-family:'roboto-bold';text-shadow: 0px 3px 0px rgb(0, 0, 0);text-transform: uppercase;line-height: 1.1em;}


.headtop{background:rgba(35,54,83,0.8);color: #fff;position: absolute;top: 0;left: 0;width: 100%;z-index: 2;box-shadow: 0px 0px 20px 0px rgba(44, 66, 98, 0.8);}
.head01{padding: 10px 0;}
.head01-cont i{margin-right: 10px;font-size: 22px;margin-top:-2px;}
.head01-cont a{display:inline-block;margin-right: 50px;}

.head01-share span{color: #c4c4c4;margin-right: 20px;}
.head01-share i{width:25px;height: 25px;margin-right: 5px;position: relative;}
.head01-share a{display: inline-block;}
.head01-share a:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.he-facebook{background-position: -10px -10px;}
.he-twitter{background-position: -45px -10px;}
.he-instagram{background-position: -80px -10px;}
.he-youtube{background-position: -115px -10px;}
.he-pinterest{background-position: -150px -10px;}
.head02{padding:20px 0;border-top:solid 1px #697c97;border-bottom:solid 1px #697c97;}

.nav-ul {display: flex;-webkit-justify-content: center;justify-content: left;width: 1050px;}
.nav-ul>li{margin:0 4.2%;padding:26px 0;position:relative;}
.nav-ul>li>a{font-size: 16px;font-family:'roboto-bold';}
.nav-ul .sec-nav{position:absolute;top:62px;left:-23px;z-index:1000;display:none;width:260px;background:#3a4a60;}
.nav-ul .sec-nav li{position:relative;width:100%;}
.nav-ul .sec-nav li a{display:block;padding:9px 10px;width:100%;border-bottom:solid 1px #7c889a;color:#fff;text-align:left;text-transform:none;font-size:14px;font-family:Roboto;line-height:21px;}
.nav-ul li .sec-nav a:hover{background:#7d889a;color:#fff;text-decoration:none;}
.nav-ul li:hover .sec-nav{display:block;}
.nav-ul .third-nav{position:absolute;top:0;left:259px;display:none;min-width:260px;border-left:solid 1px #7c889a;background:#3a4a60;}
.nav-ul .sec-nav li:hover .third-nav{display:block;}
.nav-right::after{position:absolute;right:10px;content:"\f105";font-size:19px;font-family:FontAwesome;}
.nav-ul>li>a>.fa{margin-left:3px;}
.nav-ul>li>a>.fa-angle-up{display:none;}
.nav-ul>li>a:hover>.fa-angle-up{display:inline-block;}
.nav-ul>li>a:hover>.fa-angle-down{display:none;}

.head-search {position: relative;width: 90px;height: 44px;position: relative;}
.searorder{width:230px;height:44px;outline:0;background:rgba(255,255,255,0.3);color:#fff;border-radius: 40px;padding:0 10px;}
.searchicon{position:absolute;top:10px;right:10px;width:26px;height:21px;background-position:-185px -10px;}
.head02 nav {float: left;}
section.index>div{padding:60px 0;}

.product-ul{margin-top: 30px;}
.product-list .product-ul{margin-top:0px;}
.product-ul li{float: left;width:25%;padding: 20px 1.5%;}
.product-list .product-ul li{float: left;width:33.3%;padding:0 1.5% 40px 1.5%;}
.product-ul .img{border: solid 1px #d6d6d6;position: relative;background:#fff;overflow: hidden; width: 308px;height: 250px;}
.product-ul .img img{max-width: 100%;}
.product-ul .fixlink{position:absolute;width: 100%;height: 100%;top:360px;left: 0;background:rgba(255,204,3,0.7);-webkit-transition: linear .5s;transition: linear .5s;}
.product-ul .img:hover .fixlink{top:0;}
.product-ul .fixlink .link{position:absolute;top:50%;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.product-ul .fixlink .link .a{display:block;height: 44px;line-height: 44px;background: #fff;width: 100%;max-width: 160px;text-align: center;margin:0 auto;}
.product-ul .fixlink .link .a:hover{background:#8ea6cc;color: #4c4c4c;}
.product-ul .name{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 16px;margin-top:16px;}

.news-ul{margin-top:60px;}
.news-list .news-ul{margin-top:0px;}
.news-ul li{float:left;width: 33.3%;padding:20px 1.8%;}
.news-ul .box{border: solid 1px #d6d6d6;padding:10px;position: relative;}
.news-ul .img{position: relative;height: 260px;overflow: hidden;}
.news-ul .img img{width: auto;height: auto;min-width: 100%;min-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.news-ul .date{background: #7788a2;color: #fff;padding:6px 15px;position: absolute;top:-30px;left:30px;font-size:16px;text-align: center;}
.news-ul .year{padding-top:2px;border-top: solid 2px #fff;margin-bottom: 2px;margin-top:6px;}
.news-ul .tit{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 18px;font-family:'roboto-bold';margin: 10px 0;}
.news-ul .info{font-size: 14px;height:52px;overflow: hidden;}
.news-ul .more{display:block;width: 160px;line-height: 44px;text-align: center;background:#7788a2;color: #fff;margin:10px auto;}
.news-ul .more:hover{background:#ffcc03;}

.news-list .news-ul li{padding:40px 1.8%;}

footer{background:#50678a;color: #fff;min-height: 560px;}
.our-message{width: 380px;background: #7788a2;padding: 20px;position:absolute;top: 0;right: 0;}
.me-logo{margin-bottom: 20px;}
.our-message li{position:relative;margin:10px 0;padding-left:15px;}
.impor::before{position:absolute;top:12px;left:0;margin-right:8px;color:red;content:"*";}
.our-message textarea{display:block;padding-top:8px;padding-left:36px;height:120px;background:url(../png/inp-messge.png) no-repeat;line-height:30px;}
.our-message .me-submit{float:right;}
.mess-input{width:100%;height:44px;border:solid 1px #fff;color:#fff;}
.inp-name{padding-left:36px;background-position:-699px -11px;}
.inp-email{padding-left:36px;background-position:-699px -65px;}
.inp-tel{padding-left:36px;background-position:-699px -117px;}
.ver-code.mess-input{padding:0 5px;width:110px;background: 00;}
.yzm img{width:90px;}
.me-submit.sub{background:#ffcc03;color: #000;font-weight: bold;border-color:#ffcc03;width:110px;height: 44px;line-height: 44px;-webkit-transition: linear .5s;transition: linear .5s;}
.me-submit.sub:hover{background:#ffbb03;border-color: #ffd460;}
.footinfo{width:calc(100% - 380px);width:-moz-calc(100% - 380px);width:-webkit-calc(100% - 380px);font-size:14px;padding:50px 20px 50px 10px;}
.footinfo li{float: left;width: 30%;padding-right: 20px;}
.footinfo li:first-child{width: 24%;}
.footinfo li:last-child{width:44%;}
.footinfo a{display: block;position: relative;padding-left: 10px;margin-bottom:6px;}
.footinfo a::before{content: "\f105";font-family: 'FontAwesome';position: absolute;left: 0;}
.footinfo .tit{font-size:20px;font-family:'roboto-bold';margin-bottom:16px;text-transform: uppercase;}
.footinfo .share{margin-top:20px;}
.footinfo .share a{display:inline-block;}
.footinfo .share a::before{display: none;}
.footinfo .share a:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.footinfo .share i{width: 36px;height: 36px;}
.fo-facebook{background-position: -286px -10px;}
.fo-twitter{background-position: -330px -10px;}
.fo-instagram{background-position: -374px -10px;}
.fo-youtube{background-position: -418px -10px;}
.fo-pinterest{background-position: -464px -10px;}
.footright{padding: 10px;}

.wpcf7 form .wpcf7-response-output{position:absolute;bottom:-45px;background:#bfa644;z-index:999;}
.wpcf7-not-valid-tip{display:none!important;width:230px;padding:3px;border-radius:4px;border:1px solid #50678a;position:absolute;z-index:999;background-color:#FFF;margin-left:3px;transition:.7s}
.wpcf7-not-valid-tip span{color:red;width:initial;}
.wpcf7-not-valid-tip:after,.wpcf7-not-valid-tip:before{content:"";display:block;border-width:6px;position:absolute;top:-12px;left:5px;border-style:solid dashed dashed;border-color:transparent transparent #50678a;font-size:0;line-height:0}

.mess-input::-webkit-input-placeholder{color:#fff;}
.mess-input:-moz-placeholder{color:#fff;}
.mess-input::-moz-placeholder{color:#fff;}
.mess-input:-ms-input-placeholder{color:#fff;}
 .product-list .product-ul li.zly{list-style:none;width:24%;padding:10px;}
.head01-share .head-div {float: left;margin: 0 10px;}
.head01-share .head-div a {padding: 0 15px;transform: translateY(0px);}
.proBox img{max-width: 100%;width:100%;}
.h-ourservices-w .text.w1300 {position: absolute;top: 38%;left: -7%;}
.proBox .text h2 {font-size: 77px;color: #fff;text-shadow: 0px 3px 0px rgb(0 0 0);font-family: 'roboto-bold';}
.proBox .text p {padding: 60px 0 10px;font-size: 23px;color: #fff;text-shadow: 0px 2px 0px rgb(0 0 0);font-family: 'roboto-bold';}
.proBox .text button {position: relative;display: inline-block;font-family: 'roboto-bold';width: 190px;margin: 20px 0 0;padding: 10px 2px;background-color: #ffcc03;border-left: none;border-top: none;border-right: 1px solid #000;text-shadow: 0px 2px 0px rgb(0 0 0);color: #fff;font-size: 31px;text-transform: uppercase;cursor: pointer;}
.die-news {padding: 20px 5px 10px;}
.die-cont .cont-items {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 10px 0;align-items: center;}
.die-cont .cont-items .d-text {width: 60%;}
.die-cont .cont-items .d-img {width: 35%;text-align: center;}
.die-cont {margin: 0 0 40px;}
.elementor-inner {margin: 0 0 50px;}
.product-list .product-ul img{width:100%;}

@media(max-width:1400px){

}

@media(max-width:1200px){
   
	.nav-ul>li{margin: 0 1.2%;}
}

@media(max-width:1000px){	
	.pc-hidden{display:block;}
	.ipad-show{display:block;}
	.iphone-hidden{display:none;}
	.pd100bf{width: 100%;}
	
	
	.head01-share{display: none;}
	.head03{display: none;}
	.head-search{display: none;}
	.mhead-nav{padding-top: 20px;}
	.head-logo{width: 50%;padding-left:8px;}
	.head-logo img{max-width: 100%;}
	.mhead-nav li{float: left;margin-right:30px;font-size:30px;color: #ffcc03;}
	.footinfo li{margin-top:14px;}	
	.our-message{width:100%;position:relative;}
	.footinfo{width:100%;padding:0 10px;margin-bottom: 20px}
	
	.footinfo a{margin-bottom:2px;}
	.bann-77bold{top: 50%;}

.mhead-menulist{position:absolute;top:150px;right:0;z-index:1;z-index:9999;width:100%;background:#697c97;box-shadow:0 0 10px #697c97;font-size:14px;line-height:36px;display: none;}
.mhead-menulist li{border-bottom: solid 1px #45556d;display: block;margin: 0;}
.mhead-menulist li a{display:block;color:#fff;text-align: left;padding:0 10px;}
}

@media(max-width:750px){
	.w50bf{display:inline-block;width:100%;}
	.w70bf{width:100%;}
	.w30bf{width:100%;}
	.w60bf{width:100%;}
	.w40bf{width:100%;}
	.iphone-show{display:block}
	
	.head01{padding: 4px;}
	.head01-cont a{display:inline-block;margin-right:6px;}
	.head01-cont i{margin-right:3px;}
	.head02{padding:10px 0;}
	.mhead-nav{padding-top: 2px;}
	.mhead-nav li{float: left;margin-right:20px;font-size:24px;}
	.head01-cont.float_left {display: flex;justify-content: space-between;float: none;padding: 0 5px;}
	.bann-77bold p{font-size:37px;}
	.elementor-inner {margin: 0 0 30px;}
	.our-message{padding:8px;}
	
	.footinfo li{width:100%;padding-right:0;}
	.footinfo li:first-child{width: 100%;}
	.footinfo li:last-child{width:100%;}
	
	.product-ul{margin-top:10px;}
	.product-ul li{float: left;width:50%;padding:10px 1%;}
	.product-ul .name{white-space:inherit;font-size: 14px;margin-top:6px;height: 52px;}
	.product-list .product-ul li{float: left;width:50%;padding:0 1% 20px 1%;}
	.product-ul .fixlink .link .a{max-width: 100px;}
	
	.news-ul{margin-top:20px;}
	.news-ul li{float:left;width:100%;padding:20px 1.8%;}
	.news-list .news-ul li{padding:20px 1.8%;}

	.head01-cont a{display:inline-block;margin-right:0px;font-size:14px;}
	.banner img{width:150%;}
	section.index>div{padding:30px 0;}
	.head-logo img{height:42px;}
	.mhead-menulist{top:96px;}
       .banner.ind-banner img{width:100%;}
       .footinfo .tit{font-size: 16px;margin: 0;}
       .product-list .product-ul li.zly{width:100%;margin:0;}
       .head02 nav {display: none;}
       .h-ourservices-w .text.w1300 {position: absolute;top: 13%;left: auto;}
       .proBox .text h2 {font-size: 23px;}
       .proBox .text p {padding: 5px 0;font-size: 16px;}
       .proBox .text button {width: 90px;margin: 0;padding: 5px 0;font-size: 16px;}
       .product-ul .img {width: 100%;height: 0;position: relative;padding-bottom: 81%;overflow: hidden;}
       .product-ul .img img {width: 100%;height: 100%;display: block;position: absolute;}
       .die-cont .cont-items .d-text {width: 100%;}
	.die-cont .cont-items .d-img {width: 100%;}
       
}