/* Write your styles */


/*icon*/
@font-face {font-family: "iconfont";
 
  

  src: url("https://www.kakogawagreenleaf.com/fonts/iconfont.eot?t=1494209663020"); /* IE9*/
  src: url("https://www.kakogawagreenleaf.com/fonts/iconfont.eot?t=1494209109472#iefix") format('embedded-opentype'), /* IE6-IE8 */
  url("https://www.kakogawagreenleaf.com/fonts/iconfont.woff?t=1494209663020") format('woff'), /* chrome, firefox */
  url("https://www.kakogawagreenleaf.com/fonts/iconfont.ttf?t=1494209663020") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url("https://www.kakogawagreenleaf.com/fonts/iconfont.svg?t=1494209663020#iconfont") format('svg'); /* iOS 4.1- */

}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.icon-yz-search:before { content: "\e501";font-size:3rem}
.icon-bofang:before { content: "\e603";font-size:4rem;color: white}
.icon-dianhua:before { content: "\e63f"; font-size: 2.2rem;color: #ccc}
.icon-youxiang:before { content: "\e6fd"; font-size: 2.4rem;color: #ccc;}



.icon-qq:before { content: "\e600"; color: #4dafea}
.icon-share6:before { content: "\e602"; color: #616161;font-size: 3rem}
.icon-tengxun:before { content: "\e6f5"; color: #4dafea;font-size: 3rem}
.icon-weixin:before { content: "\e647";color: #3eb135}
.icon-douban:before { content: "\e601";color: #3eb135;font-size: 3rem}
.icon-toutiaoxinlang:before { content: "\e780"; color: #df4d69}
.icon-pengyouquan:before { content: "\e61e"; color: #3eb135;font-size: 3rem}

.by{background-color: white!important}


.kyw-share span{float: left;height:2.5rem;width:2.5rem;margin: 0 1rem 0 0;padding: 0;text-align: center;vertical-align: middle;line-height:2.5rem}
.kyw-share span i{display: block;font-size: 3rem}
.kyw-share .am-btm{float: left;background: none!important;border: 0;height:3rem;width:2.5rem;line-height:2.5rem;margin-top: -1px}
.am-modal-actions-group{margin: 0!important}

.xinlang{padding-top: 2px!important}
.am-list li{width: 100%;float: left}
.am-list li a{line-height:1.7;margin: 0!important;overflow:hidden;font-size: 14px}
.am-list li i{padding-right: 10px}
.am-modal-actions .am-btn{height: 4rem;line-height: 4rem;padding: 0!important}

.am-text-truncate{white-space: normal!important}

.kyw-share{margin-bottom: 1rem;width: 100%;height: 4rem}
.am-btn-secondary{background-color: #d90629;border: #d90629}


#header{z-index:999;position: fixed;top:0;left: 0;display: block;width: 100%;;overflow: hidden;moz-box-shadow: 0px 1px 3px #777;
-webkit-box-shadow: 0px 1px 3px #777;
box-shadow: 0px 1px 3px #777;}

.header{height: 50px;background-color: #d90629;position: relative}
.header-title{ font-weight: normal;display: block;word-wrap: normal;
  /* for IE */
  text-overflow: ellipsis;white-space: nowrap;margin: 0;width:9.75rem;padding: 0;font-size: 1.2rem}
  .header-title a{line-height: 60px;margin-left:12px;}
.header-title img{width: 100%}

.serach{width: 100%;position: absolute;height: 40px;top: 13px;right: 0;}
.h-form{position: relative}
.serach p{z-index:8;position: absolute;top: 12px;right: 60px}
.serach p a{color: white;padding: 0 5px;float: left;line-height: 1.2rem;font-size: 1.4rem}
.serach p a:first-child{border-right: 1px solid #fff}
.form-grp{z-index:9;position: absolute;top: 0;right: 5px}
.cse-form {position: relative;width: 40px;-webkit-transition: .15s;transition: .15s}
.cse-form .icon-yz-search:before { color: white}
.cse-form button {position: absolute;top: 0;right: 0px;z-index: 90;-webkit-appearance: none;background: 0 0;border: none;outline: 0}
.cse-form input[type=text] {position: relative;z-index: 100;border: none;background-color: transparent;color: transparent;width: 40px;height: 3.2rem;font-size: 14px;line-height: 3.2rem;-webkit-appearance: none;-webkit-transition: all .15s;transition: all .15s}
.cse-form input[type=text]::-moz-placeholder {color: transparent;opacity: 1}
.cse-form input[type=text]:-ms-input-placeholder {color: transparent}
.cse-form input[type=text]::-webkit-input-placeholder {color: transparent}
.form-grp.am-active .cse-form {width: 180px;background-color: #fff}

.form-grp.am-active .cse-form input[type=text] {width: 100%;color: #333;outline: 0}
.form-grp.am-active .cse-form input[type=text]::-moz-placeholder {color: #999;opacity: 1}
.form-grp.am-active .cse-form input[type=text]:-ms-input-placeholder {color: #999}
.form-grp.am-active .cse-form input[type=text]::-webkit-input-placeholder {color: #999}
.form-grp.am-active .cse-form button {color: #555;z-index: 110;}
.form-grp.am-active .icon-yz-search:before { color: #333!important;}


ul,li{list-style: none;margin: 0;padding: 0}


.nav{height: 45px;background-color: #f7f7f7;overflow: hidden}
.nav ul{height: 45px;overflow-x:auto;	white-space:nowrap;margin-top:9px}
.nav li{display: inline-block;border-right: 1px solid #888;line-height:  20px;height: 20px;padding-left:4px;padding-right:6px}
.nav li a{color: #444;display:inline-table;font-size: 1.4rem}
.nav li a.active{color: #d90629;border-bottom:2px solid #d90629;padding-bottom: 10px}


/*
.nav li.active{color: #d90629;border-bottom:2px solid #d90629;}
.nav li.active a{color: #d90629;}*/

.news-hr{margin-top:95px;}
.kyw-mtop{margin-top: 10px!important}


.kyw-footer{background-color: #f7f7f7}
.kyw-footer hr{text-align:center;box-sizing: content-box;height: 1px; border: 0;
/*border-top: 1px solid #808080;*/
    width: 90%;margin:0;background-image: linear-gradient(to right,#f7f7f7,#e8e4e1, rgba(195, 195, 195, 1),rgba(195, 195, 195, 1),#e8e4e1, #f7f7f7)}
.kyw-400,.kyw-email{color: #ccc}
.kyw-400 i,.kyw-email i{padding-right: 5px}
.kyw-400 small,.kyw-email small{font-size: 1.6rem}
.wangyi p{margin:0}

.kyw-bb{width: 50%;margin: 1rem auto;border: 1px solid #b3b3b3;line-height: 1.9}
.kyw-bb .active{background-color: #b3b3b3;color: white}
.kyw-copyRight{border-top: 1px solid #e4e4e5;color: #b2b2b2;line-height: 1.4;padding-top: .5rem;font-size: 1.4rem}


.kyw-more{float: right;color: #777;font-size:1.4rem}

.kyw-lst{margin-bottom: 1.7rem}

.kyw-h1{margin-top:2rem}
.kyw-h1 img{float: left;margin-right: 1rem;width: 40%;border-radius: .5rem}
.kyw-h1 h2{font-size: 1.6rem;line-height: 1.4;margin: 0;padding: 0}
.kyw-h1 p{margin: 0;padding:5px 0 0 0;font-size: 1.4rem;line-height: 1.4;color: #777}

.kyw-page-header {margin: 10px 0;padding-bottom: .5rem;color: #474747;border-bottom: 1px solid #e6e6e6}
.kyw-page-header h1 {margin-bottom: 0;font-size: 1.8rem;color: #474747;line-height: 1.3;margin-bottom: .5rem}
.kyw-page-header span,.kyw-page-header time {color: #999;font-size: 1.4rem}
.kyw-content{color: #474747;line-height: 1.8}

.kyw-qw-btn{width:60%;height:4rem;line-height:4rem;margin:0 auto;display: block;background-color:#fbfbfb;border-radius: .8rem;border: 1px solid #5e5e5e;text-align: center;color: #333;font-size: 1.7rem}

.guanlian h2,.guanl h2{border-left:3px solid #ccc;padding-left: 5px;font-size:1.6rem;line-height: 1.3rem;color: #db263f;margin: 1rem 0 1rem}


.guanlian .am-g{overflow:hidden}

.kyw-box{overflow-x: auto;white-space:nowrap}
.item{width: 12rem;height:auto;display: inline-block;margin-left:10px;position: relative}
.item button{position: absolute;top:2rem;left:4rem;background: none;border: 0;}
.item video{position: absolute;top:0;left:0;width: 12rem;height: 6rem;display:none}
.item img{width: 100%;}
.item h3{margin: 0;padding: 0;font-size: 1.5rem;text-align: center}
.item h3 a{color: #474747; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;display: block}
.guanl .am-g{margin: 0}
.guanl .am-list{margin:0!important}



#kyw-list .kyw-qw-btn{margin-top: 1rem!important}


/*btn more*/
.ky-btn-more{width:50%;background-color: #fbfbfb;border: 1px solid #5e5e5e;border-radius: 5px;margin:1rem auto;padding:10px 20px;display: block;text-align: center}