/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,tr,td,em{ margin:0; padding:0; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; font-size:14px;color:black;}
html,body{ height:100%; background-color:#fff;}
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 
ol,ul{ list-style:none;} 
p,em,i,b,em{ font-size:100%; word-wrap:break-word; font-weight:normal;}
a { text-decoration:none; outline:none; font-size: 14px;}
img { vertical-align:middle;}

.clearfix:after{ content:"";height:0;display:block;clear:both; overflow:hidden;}



/*导航*/
.nav{width:100%;height:76px; background:rgba(255,255,255,0.9);padding-top:15px; z-index:998;position:absolute;position:fixed;}
.nav-logo{width:1200px;margin:0 auto;}
.nav-logo-l{float:left;width:25%;margin-right:20px;}
.nav-logo-l h2{font-size:24px;}
.nav-logo-l span{ font-size:13px;}
.nav-logo-l h2 span{font-size:28px;color:#55BB00;}
.nav-logo-r{float:right;width:73%;padding-top:10px;}
.nav-logo-r>ul>li{float:left;}
.nav-logo-r>ul>li>a{width:97px;display:inline-block;padding:10px 0;text-align:center;color:#000;font-size:15px;}
.nav-logo-r>ul>li>a:hover{background:#55BB00;transition: background-color .4s;}

.nav-logo-r>ul>li:hover>.sub{display:block;}
.nav-logo-r>ul>li>.sub{background:#fff;width:97px;display:none; }
.nav-logo-r>ul>li>.sub>li{text-align:center;line-height:42px;}
.nav-logo-r>ul>li>.sub>li>a{display:block;color:black;font-size:13px;transition: background-color .4s;}
.nav-logo-r>ul>li>.sub>li>a:hover{background:#55BB00;}


.wrapper {padding-top:90px;}

/*关于坤雅*/
.about{width:1200px;margin:0 auto;margin-top:100px;}
.about-l{width:48%; float:left;margin-right:20px;}
.about-l>p:nth-of-type(1){font-size:24px;text-align:right;margin-bottom:80px;}
.about-l>p:nth-of-type(1) span{font-size:16px;}
.about-l h2{font-size:16px;}
.about-l>p:nth-of-type(2){margin-top:20px; text-indent:2em;line-height:28px;font-size:16px;}
.about-l a{display:block;width:120px;border:1px solid black;padding:7px 0;color:black;text-align:center;margin-top:20px; transition: background-color .4s;}
.about-l a:hover{background:#55BB00;border:1px solid #55BB00;color:#fff;}

.about-r{width:48%; float:right;}
.about-r img{width:100%;height:400px;}



/*产品展示*/
.chanpin{width:100%;padding-bottom:70px;background:#F6F6F6;margin-top:100px;}
.title{width:1200px;text-align:center;margin:0 auto;}
.title p{font-size:24px; font-weight:bold;padding-top:30px;}
.title span{display:block;width:30px;border-bottom:1px solid #000;padding:10px 0;margin:0 auto;}

.fenlei{width:1200px;margin:0 auto;text-align:center;margin-top:20px;}
.fenlei a{font-size:14px;background:#4AA105;color:#fff;padding:5px 5px;display:inline-block;margin:0 10px;}

.cp-list{width:1200px;margin:0 auto;}
.cp-list a{display:inline-block;width:290px;text-align:center;margin-right:9px;margin-top:40px;}
.cp-list a div{width:290px;height:200px;overflow:hidden;margin-bottom:10px;}
.cp-list a img{width:290px;height:200px; transition:all .5s;}   /*所有的属性变化在0.5s的时间段内完成*/
.cp-list a img:hover{transform: scale(1.2);}  /*鼠标移上图片放大1.2倍*/



/*新闻资讯*/
.xinwen{width:1200px;margin:0 auto;margin-top:50px;}

.xinwen-l{width:42%;float:left;margin-top:40px;position:relative;}
.xinwen-l>div{width:100%;height:360px;background:#55BB00; box-shadow:-1px -1px 10px 3px #666666;}
.xinwen-l>img{position:absolute;top:30px;left:30px;width:100%;}
.xinwen-r{width:52%;float:right;margin-top:40px;}
.xinwen-r p{padding:5px;border-bottom:1px dotted black;line-height:35px;margin-top:10px;}
.xinwen-r p a{display:inline-block;color:black;font-size:16px;}
.xinwen-r p a:hover{color:#55BB00;}
.xinwen-r p span{display:inline-block;float:right;color:#666;}
.xinwen-r>a{padding:5px 15px;border:1px solid black;color:black;display:inline-block; float:right;margin-top:25px;transition: background-color .3s;}
.xinwen-r>a:hover{background:#55BB00;border:1px solid #55BB00;color:#fff;}


/*底部*/
.footer{width:100%; background:#333;padding-bottom:10px;margin-top:100px;}
.footer .dibu{width:1200px;margin:0 auto;padding-top:20px;}
.dibu-one{width:25%;float:left;}
.dibu-one p{font-size:24px;line-height:45px;color:#fff;}
.dibu-one p:nth-of-type(1){font-size:18px;}
.dibu-one a{padding:5px 15px;border:1px solid #55BB00; color:#55BB00;display:inline-block;margin-top:10px;transition: background-color .3s;}
.dibu-one a:hover{background:#55BB00;color:#fff;}
.dibu-two{width:45%;float:left; color:#fff;}
.dibu-two p{font-size:24px;margin-bottom:20px; color:#fff;}
.dibu-two span{line-height:30px;}
.dibu-three{width:30%;float:left;}
.dibu-three div{width:130px; text-align:center;float:left;margin-left:30px;}
.dibu-three div img{width:100%;}


.banquan{width:100%;padding:8px 0; background:#000;text-align:center;color:#fff;}
.banquan a{color:#fff;}
.banquan a:hover{color:#55BB00;}