@charset "UTF-8";

@font-face{font-family: 'thyFont1';src: url("../fonts/simpds.ttf");}

@font-face{font-family: 'thyFont2';src: url("../fonts/bebas.ttf");}

@font-face{font-family: 'thyFont3';src: url("../fonts/questrial-regular.ttf");}

@font-face{font-family: 'Cabin-Regular';font-style: normal;font-stretch: normal;font-display: swap;src: url('../fonts/cabin-regular.ttf') format('truetype');}

main{width: 94%;max-width: 1400px;margin: 0 auto;display: block;*zoom: 1;}

footer{ margin:0; padding:0; display:block;}

footer{padding-top:30px;padding-bottom: 30px;background:#2d343f;}

footer .f_top{border-bottom: 1px solid rgba(255,255,255,0.3);display: flex;align-items: center;}

footer .f_logo{clear: left;margin-right: 0;width: 19.235100000000003%;}

footer .f_logo .box{width: 100%;max-width: 200px;margin: 20px 0;}

footer .f_logo img{width: 100%;}

footer .f_nav{width: 100%;}

footer .f_nav ul{font-size: 14px;color: #333;margin: 20px 0;}

footer .f_nav li{display: inline-block;margin-right: 2%;line-height: 24px;}

footer .f_nav li a{display: block;font-size: 20px;color: #fff;}

footer .f_bottom{margin-top: 10px;display: flex;flex-wrap: wrap;}

footer .f_fl{width: 58.452200000000005%;}

footer .f_fl .box{padding-right: 5%;}

footer .f_fl .lianxi{max-width: 650px;color: #fff;font-size: 16px;line-height: 1.8;margin-bottom: 25px;}

footer .f_fl .lianxi a{color: #fff;}

footer .f_fl .search{display: inline-block;border: 1px solid #aaa;box-sizing: border-box;}

footer .f_fl .search .p_searchBox{width: auto;height: auto;display: inline-block;vertical-align: middle;overflow: visible;padding: 0;margin: 0;border-width: 1px;border-style: none;border-color: rgba(228,228,228,0);background-color: transparent;position: relative;}

footer .f_fl .search .p_searchBox .p_input{width: 220px;display: inline-block;height: 40px;vertical-align: middle;color: inherit;position: relative;font-size: 14px;}

footer .f_fl .search .p_searchBox .p_input .last{display: none;}

footer .f_fl .search .p_searchBox .p_input .forward{position: absolute;left: 5px;top: 50%;transform: translateY(-50%);height: auto;font-size: 15px;}

footer .f_fl .search .p_searchBox .p_input .forward:before{color: #a9a9a9;}

footer .f_fl .search .p_searchBox .p_input .InputText{color:#fff;background-color:#ffffff00;display: inline-block;height: 100%;width: inherit;line-height: inherit;padding-left: 25px;padding-right: 5px; border:0; box-sizing: border-box;}

footer .f_fl .search .p_searchBox .p_input .InputText::-webkit-input-placeholder{color:#cecece;font-size:14px}

footer .f_fl .search .sbtn{height: 36px;background-color: #ec7729;border-radius: 3px;margin: 3px;width: auto;display: inline-block;vertical-align: middle;font-size: 14px;color: rgba(255,255,255,1);border-width: 1px;border-style: solid;border-color: rgba(255,255,255,0);text-align: center;position: inherit;padding: 0 20px;cursor: pointer;font-family: inherit;font-weight: inherit;text-decoration: none;background-size: 100% 100%;}

footer .f_fr{width: 38.547799999999995%;margin-left: 3%;margin-right: 0px;}

footer .f_fr h3{color: #fff;font-size: 24px;text-align: right;margin-bottom: 20px;}

footer .f_fr .foot_share{display:block;text-align:right;margin-bottom: 30px;}

footer .f_fr .foot_share a{display:inline-block;position:relative;padding:0px 20px;}

footer .f_fr .foot_share a:first-of-type{padding-left:0px;}

footer .f_fr .foot_share a:last-of-type{padding-right:0px;}

footer .f_fr .foot_share a:not(:last-of-type):before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#666;}

footer .f_fr .foot_share span{display:inline-block;vertical-align:middle;width:100px;height:100px;}

footer .f_fr .foot_share span img{height:100%;width:100%;display:block;filter:brightness(0.6);transition:all .5s ease;}

footer .f_fr .foot_share span:hover img{filter:brightness(1);}

footer .f_fr .copyright{color: #fff;font-size: 14px;line-height: 2;text-align: right;}

footer .f_fr .copyright a{color: #fff;}

@media only screen and (max-width: 1200px){



footer .f_nav li a{font-size: 16px;}}

@media only screen and (max-width: 1024px){

footer{padding: 0;}

footer .f_nav{display: none;}

footer .f_fl,footer .f_fr{width: 100%;margin: 0;margin-bottom: 2rem;}

footer .f_fr h3,footer .f_fr .foot_share,footer .f_fr .copyright{text-align: left;}}

@media only screen and (max-width: 768px){

footer .f_logo{width: auto;}

footer .f_fl{margin: 0;}

footer .f_fl .box{padding-bottom: 5px;}

footer .f_fl .lianxi{font-size: 14px;}

footer .f_fl .search{display: none;}

footer .f_fr h3{font-size: 18px;}}

.diy_fz_wrap{ text-align:center;}
.diy_fz_wrap img{ max-width:100%;}