/*
Theme Name: juying-farm
Theme URI: http://www.nuandao.cn
Author: 阿叶
Author URI: http://www.nuandao.cn
Description: 简约大气昼夜wordpress免费导航主题
Version: 1.1
Tags: wordpress导航主题
*/
@charset "UTF-8";
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{margin:0;padding:0;}
body{position:relative;overflow-x:hidden;margin:0 auto;padding:0;width:100%;background:#fff;color:#1f1f1f;font-size:14px;font-family:Arial,Helvetica,sans-serif,Microsoft Yahei;line-height:1;-webkit-tap-highlight-color:transparent;}
html.act{overflow:hidden;width:100%;height:100vh;}
dd,dl,ol li,tr td,ul,ul li{margin:0;padding:0;list-style-type:none;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";}
a{display:inline-block;color:#1f1f1f;text-decoration:none;cursor:pointer;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
select,textarea{width:100%;outline:0;color:#666;font-size:14px;}
img{display:block;border:none;}
img[src=""]{opacity:0;}
/* 滚动条样式 */
body::-webkit-scrollbar{ width:4px;height: 1px;}
body::-webkit-scrollbar-thumb{ background:#002144;}
body::-webkit-scrollbar-track{ background:#fff;}

/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: Microsoft YaHei;outline: none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }

.w1920{position: relative;width: 1920px;margin: 0 auto;max-width: 100%;overflow: hidden;}
.w1600{position: relative;width: 1600px;margin: 0 auto;max-width: 100%;}
.w1440{position: relative;width: 1440px;margin: 0 auto;max-width: 100%;}
.w1280{position: relative;width: 1280px;margin: 0 auto;max-width: 100%;}
.w960{position: relative;width: 960px;margin: 0 auto;max-width: 100%;}

.f_12{font-size:12px;}
.f_14{font-size:14px;}
.f_16{font-size:16px;}
.f_18{font-size:18px;}
.f_20{font-size:20px;}
.f_22{font-size:22px;}
.f_24{font-size:24px;}
.f_26{font-size:26px;}
.f_28{font-size:28px;}
.f_30{font-size:30px;}
.f_32{font-size:32px;}
.f_34{font-size:34px;}
.f_36{font-size:36px;}
.f_38{font-size:38px;}
.f_40{font-size:40px;}
.f_50{font-size:50px;}
.f_56{font-size:56px;}
.f_64{font-size:64px;}
.f_250{font-size:250px;}
.mt-40{margin-top:40px;}
.icons{background-image:url(images/Sprites.webp);}

/* 弹窗 */
.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 30;}
.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.6);text-align: center;vertical-align: middle;}

/* 弹窗内容 */
.i4_tc .z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1600px;max-height: 90%;margin: 0 auto;}
.i4_tc .z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/tc_close.webp) center no-repeat;background-size: 40px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 20px;right: 20px;cursor: pointer;}
.i4_tc .z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}
.i4_tc .z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}
.i4_tc .z_tanchuang .tbox .modal .img img{margin: 0 auto ;}
.i4_tc .z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/tc_close.webp) center no-repeat;background-size: 40px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.i4_tc .z_tanchuang .tbox .modal2{padding: 20px;}
.i4_tc .z_tanchuang .tbox .modal .img{max-width: 1200px;}

/* 弹窗选中 */
.i4_tc .z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.i4_tc .z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.i4_tc .z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.i4_tc .z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* hover */
.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
/* hover end */

/* header */
.head{position: fixed;top: 0;left: 0;z-index: 20;width: 100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
.head .mkbj{width:100%;height:100px;background:#002144;opacity:.75}
.head .head_pc{position: absolute;width: 100%;top: 1px;}
.head:after{content: "";position: absolute;top: 47px;left: 0;width: 100%;}
.head .logo{margin-top: 18px;float: left;position: relative;z-index: 2;}
.head .h_nav{float: right;z-index: 2;position: relative;}
.head .h_nav li{float: left;margin: 30px 17px 0;}
.head .h_nav li a{position: relative; display: block;color: #fff;line-height: 26px;padding: 2px 20px;border-radius:17px;}
.head .h_nav li.on a,.head .h_nav li:hover a{padding:2px 20px;border-radius:17px;background-color:#cee5ff;color:#143459;opacity:.9;}
.head .h_nav li:hover a:after,.head .h_nav li.on a:after{width: 100%;}
.head .code{float: right;margin-top: 52px;position: relative;cursor: pointer;z-index: 2;}
.head .code .b_code{position: absolute;top: 30px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 130px;height: 0;overflow: hidden; opacity: 0;}
.head .code:hover .b_code{height: 130px;opacity: 1;}
.head .lang{position:relative;float:right;display:block;margin-left:50px;padding-top:48px;color:#fff;line-height:26px;opacity:0;pointer-events:none;}
.head.one1{top: -122px;}
.head.one2{background: #fff;border-bottom: 1px solid #ddd;}
/* header end */

/* foot */
.foot{background:#0c1628}
.foot .w1440{padding:65px 0;font-size:16px;line-height:16px;color:#7e8da7}
.footer_nav{text-align: center;}
.foot .footer_nav a{margin-right:110px;color:#7e8da7;letter-spacing:1px;line-height:18px}
.foot_info{display:flex;margin-top:60px;padding-bottom:20px;background:url(images/lines.webp) bottom no-repeat;justify-content:space-between}
.foot_info .foot_item{padding-right:117px;background:url(images/linea.webp) right no-repeat;color:#fff;line-height:40px}
.foot_info .foot_item:last-child{padding-right:117px;background:0 0;color:#fff;line-height:40px}
.foot_info .wxs{text-align:center}
.foot_info .foot_item.wxs img{display:block;margin:0 auto 10px;width:126px}
.foot_copyright{margin-top:20px;color:#7e8da7;text-align:center}
.foot_copyright a{color:#7e8da7}
.email_ico{display:inline-block;margin-right:15px;width:19px;height:20px;background-position:-158px -4px;vertical-align:middle}
.tel_ico{display:inline-block;margin-right:15px;width:19px;height:15px;background-position:-181px -4px;vertical-align:middle}
.adss_ico{display:inline-block;margin-right:15px;width:16px;height:20px;background-position:-135px -1px;vertical-align:middle}
.d_ico{display:inline-block;width:43px;height:43px}
.wechat_ico{background-position:0 -1px}
.qq_ico{background-position:-88px -1px}
.webo_ico{background-position:-43px -1px}
.zimei a{margin:30px 10px 0}
.counter{display:block}

/* top */
.top{position:fixed;right:-70px;bottom:10%;z-index:9;width:64px;height:64px;background:url(images/product_3.webp) center no-repeat;cursor:pointer;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.top span{position:absolute;top:0;left:0;z-index:3;display:block;width:100%;height:100%;background:url(images/product_2.webp) center no-repeat;}
.top:hover{background:url(images/product_3j.webp) center no-repeat;}
.top:hover span{background:url(images/product_2j.webp) center no-repeat;animation:zhuan 2s linear forwards;-webkit-animation:zhuan 2s linear forwards;}
.top.act{right:3%;}
/* foot end */