/* CSS Document */
body { font-family:Microsoft Yahei;font-size:14px; line-height:24px;color:#333; background:#fff}
body,html{position:relative;}
*{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;}
/*----------------首页--------------------*/
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;}
.ky_tit2 {font-size: 24px; color: #8d7d4b;margin-top:80px;margin-bottom: 40px;}
.ky_con p {margin-top: 20px;}
.ky_tit3 {font-size: 70px; color: #cbc4b3; vertical-align: middle;}
.ky_tit4 {color:#8d7d4b; text-align: right;}
/*产品展示*/
.product_tit {color: #3e3a39;font-size: 32px; text-align: center;margin-top: 80px;margin-bottom: 80px;}
.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%;}

/*公司简介*/
.pd10 {padding:5%;}
.inbanner {width:100%;border-bottom:4px solid #dcdcdc;}
.inbanner img {width:100%;}
.intit {width:138px; height:138px; background:#073a65; position:absolute; top:-69px; color:#fff;font-size:24px; text-align:center; padding-top:40px; line-height:30px;}
.intit h4 { font-weight:normal;}
.intit .en {font-size:18px; color:#959595;}
.posit {border-bottom:1px solid #dcdcdc; line-height:50px; text-align:right; padding-top:40px; color:#999;}
.posit a {color:#999;}
.posit a:hover {color:#073a65;}
.blueline {width:70px; height:5px; background:#073a65; margin:0 auto;}
.inlist {padding-top:50px;}
.inlist li{ line-height:54px; border-bottom:1px dotted #a7a7a7; color:#4f4f4f; height:54px;}
.inlist li a {color:#4f4f4f; float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:80%;}
.inlist li a:hover {color:#0662aa}
.inlist li span { float:right;}
.inpage {text-align:center; font-size:12px; color:#666; margin-top:50px;padding-bottom:40px;}
.inpage a {display:inline-block; padding:0px 5px;color:#666;}

.detail_tit {border-bottom:2px solid #dcdcdc; line-height:28px; text-align:center; padding-top:120px; font-size:22px; padding-bottom:20px; }
.detail_con {color:#666;padding-top:20px;}
.detail_con p {margin-top:20px;}
.detail_con img {margin:20px auto; display:block;max-width:100%;}
.detail_nav {border-top:2px solid #dcdcdc; padding-top:40px;margin-top:40px;padding-bottom:40px;}
/*-----------------移动端------------------*/
.m_menubtn {display:none;}
.m_nav {display:none;}

.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;}