/* CSS Document */
body { font-family:Microsoft Yahei;font-size:14px; line-height:24px;color:#333; background:#fff}
body,html{position:relative;height:100%;width:100%;}
*{box-sizing:border-box;}
body,div,p,table,tr,th,td,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,button,textarea,blockquote { margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0; padding:0;}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #ccc;cursor:help}
.clear{clear:both}
.clear:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
.ellipsis { text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.indentmb p{ text-indent:2.1em; margin-bottom:20px;}
li {list-style:none;}
img {border:0px;vertical-align:middle}
.fl { float:left}
.fr { float:right}
.center {text-align:center;}
a {text-decoration:none; color:#333; outline:none;}
a:hover{color:#0f7bb9;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.hidd { overflow:hidden;}
.pt80 {padding-top:80px;}
.txr {text-align:right;}
.fff { background:#fff;}
.h130 {height:130px;}
.red {color: #ff0000;}
/*----------------首页--------------------*/
header {height:122px;}
.fixed {position:fixed; left:0; top:0; z-index:999; height:70px; width:100%; opacity:0.9;}
.fixed .mainnav{margin-top:20px;}
.fixed .logo {margin-top:4px;}
.jwrap {width:80%; margin:0 auto; position:relative;}
.justify{display: flex;justify-content:space-between}
.logo{ float:left; margin-top:24px; height:59px;}
.logo img {height:100%;}
.mainnav { float:right; margin-top:40px;}
.mainnav li{ float:left;font-size:15px; font-family:"微软雅黑";  padding:0px 60px;  position:relative; text-align:center;border-right:1px solid #666}
.mainnav li:last-child{border-right: 0px;}
.mainnav li a {display:block; font-size:16px; color:#3e3a39;}
.mainnav li a:hover { color:#8d7d4b; text-decoration:none;font-weight: bold;}
.mainnav li.active a{color:#8d7d4b; font-weight: bold;}
.m_menubtn {display:none; position:absolute; right:10px; top:40px; width:30px;}
.m_menubtn img {width:100%;}
.fixed .m_menubtn {top:22px}
/*banner图*/
.banner .bannerAniCss {
    z-index: 1;
    animation: bannerAni 5s linear forwards;
}

@keyframes bannerAni {
    0% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1.3, 1.3);
    }
}
.banner {
 	width: 100%;height:600px;
  	transition: opacity 0.4s linear;
	 overflow: hidden;
	 position:relative;
}

.bg1{background:url(../images/bg1.jpg) no-repeat; width:100%; height:100%; background-size:100% 100%; position:absolute;}
.bg2{background:url(../images/bg2.jpg) no-repeat; width:100%; height:100%; background-size:100% 100%; position:absolute;}
.bg3{background:url(../images/bg3.jpg) no-repeat; width:100%; height:100%; background-size:100% 100%; position:absolute;}
.bg11{background:url(../images/bg11.png) no-repeat; background-size:100%; width:464px; height:436px; position:absolute; right:10%; z-index:333; color:#fff; font-size:38px; text-align:center;padding-top:398px; font-weight:bold;}
.qianxing {border:4px solid #fff; padding:30px; position:absolute; right:12%; top:250px; z-index:333; color:#fff;}
.qxtext {font-size:46px;margin-top:20px}
.qxbtn {color:#fff; font-size:24px;width:126px; text-align:center; line-height:50px; margin:50px auto 10px; background:#4dd0ff; box-shadow:4px 4px 0px #fff;}
.zhuanzhu {position:absolute; left:10%; top:200px; color:#fff; font-size:48px; z-index:333; text-shadow:1px 1px 3px #000;}
.dazao{position:absolute; right:10%;top:500px; color:#fff; font-size:48px;z-index:333; text-shadow:1px 1px 3px #000;}
.btext {display:none;}
.banbtn { text-align:center; position:absolute; bottom:10px; left:0px; width:100%; z-index:444}
.banbtn a {border-radius:50%; background:#ccc; width:12px; height:12px; margin:5px; text-indent:-9999px; display:inline-block;}
.banbtn a.active {background:#073a65}
/*走進康頤環球科技*/
.ky_tit {text-align: center;font-size: 34px; padding-top: 70px; letter-spacing: 5px;font-weight: bold;}
.ky_tit2 {font-size: 24px; color: #8d7d4b;margin-top:80px;margin-bottom: 40px; font-weight: bold;}
.ky_con p {margin-top: 20px;}
.ky_tit3 {font-size: 70px; color: #cbc4b3; vertical-align: middle;font-weight: bold;}
.ky_tit4 {color:#8d7d4b; text-align: right;font-weight: bold;}
/*产品展示*/
.product_tit {color: #3e3a39;font-size: 32px; text-align: center;margin-top: 80px;margin-bottom: 80px;font-weight: bold;}
.swiper-container3 {padding:50px 0px 50px; overflow:hidden; width:90%; margin:0 auto;}
.swiper-container3 .swiper-slide { float:left; text-align: center;}
.swiper-container3 .swiper-slide img {width:90%;height:90%;}
.cp_btn {width:94px; height:32px; background:#0066cc; border:1px solid #0066cc; text-align:center; line-height:28px; color:#fff; border-radius:15px; display:block; margin:20px auto 30px;}
.cp_btn:hover {color:#0066cc; background:#fff;border:1px solid #0066cc;}
.swiper-button-prev3 {left:30px; top:50%; color:#8d7d4b; background:none;font-size:30px; font-family:"宋体"; position:absolute; cursor:pointer; z-index:3;  font-weight: bold;}
.swiper-button-next3 {right:30px;top:50%; color:#8d7d4b;background:none;font-size:30px; font-family:"宋体";position:absolute; cursor:pointer; z-index:3; font-weight: bold; }

.footer {width: 100%; background:#8d7d4b; height: 160px;margin-top:80px;}
.justify2 {display: flex;justify-content:space-between;align-items:center; height: 100%;}
.footer-left img {height: 90px;}
.footer-right {color: #fff; text-align: right;}

/*----------------明星产品--------------------*/
.p_tit { font-weight: bold; font-size: 36px; border-bottom: 2px solid #8c7d4b; padding-top: 40px;padding-bottom: 40px;}
.p_con {background:#e8e5db; height: 300px;margin-top:40px;}
.p_con img {height: 100%;}
.p_con_con {text-align: center;padding:0px 30px}
.p_con_tit{ font-weight:bold;padding-bottom: 20px; text-align: center; font-size: 20px; border-bottom: 2px solid #8c7d4b; color: #8c7d4b; display: inline-block;}
.p_con_con p {margin-top:20px}

/*----------------企業文化--------------------*/
.n1 {padding:50px 50px 80px 0px}
.n1 img {width:170px}
.n2 {border-left:2px dashed #ccc; width:2px;height: 80px;margin-left:50px;padding-right: 80px;}
.n3 {padding-right: 40px; text-align: center;}
.n4 {color:#cac4b3;font-size:40px;font-weight: bold;transform: rotate(90deg); line-height: 50px; margin-right: -40px;}
.n_pic img {width: 100%;}

/*----------------公司简介--------------------*/
.c_tit1 {font-size: 24px; color: #8d7d4b;margin-top:60px; font-weight: bold;}
.c_tit2 {color:#8d7d4b; font-weight: bold;}
.c_tit3 {font-size: 70px; color: #cbc4b3; vertical-align: middle;font-weight: bold; text-align: right; line-height: 80px;margin-top: -50px;}
.c_con {margin-top: 40px;}
.c_con p {margin-top: 20px;}
.c_1 {width: 50%;}
.c_1 img{width:100%;}
.c_2 { color:#8d7d4b; font-weight: bold; font-size: 16px; text-align: right;}
.c_3 {margin-top: 30px;align-items:baseline; line-height: 30px; border-bottom: 2px dashed #ccc;padding-bottom: 30px;}
.c_left { width: 50%; padding-right: 30px;}
.c_4 {padding:30px 0px}
.c_5 img{width: 100%;}
.c_right { width: 50%;padding-left: 30px}
.c_6 {padding-top:30px}
.c_6  li {line-height: 30px; color: #3e3a39; border-bottom: 1px dashed #ccc;padding:4px 0px}
.c_6  li span{line-height: 30px; color: #8d7d4b;}

/*----------------联系我们--------------------*/
.whitebg{position:fixed;width:100%;height:100%;background:rgb(131 119 119 / 90%);left:0;top:0;z-index:9999;display:none;}
.lx_wrap {width:70%; border:20px solid #8c7c4a;margin:50px auto;padding:40px; overflow: hidden; position: relative;background:#fff;max-width: 1000px;}
.lx_tit {font-size: 30px; font-weight: bold;margin-bottom: 50px;}
.lx_left {float: left; width: 50%;}
.lx_left p {margin-bottom: 20px; font-size: 18px;font-weight: bold;}
.lx_right{float:right;font-size: 18px;font-weight: bold;width: 50%;}
.bor {border: 1px solid #8c7c4a; height: 30px; line-height: 30px;width:70%;padding: 5px;}
.bor2 {border: 1px solid #8c7c4a; height: 130px; line-height: 24px;width:80%; float: right;padding: 5px;font-family:Microsoft Yahei;}
::placeholder {
    color: #ccc;
  }
.btn {background:#8c7c4a;width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; font-weight: bold ; border: none; padding: 0;margin: 0; margin:30px 10px 0px; cursor: pointer;}
.close {position: absolute; right: 20px;top:20px; font-size: 20px; font-weight: bold; cursor: pointer;}


/*----------------返回顶部--------------------*/
.gotop {position:fixed; bottom:100px; right:20px; background:url(../images/gotop.png) no-repeat; width:41px; height:41px; cursor:pointer;z-index:3;}
.gotop:hover {background:url(../images/gotoph.png) no-repeat;}