/* CSS Document */

#khnews .c01{color:#ef474b}
#khnews .c02{color:#2d386b}
#khnews .c03{color:#2d6b3f}
#khnews .c04{color:#ef474b}
#khnews .c05{color:#2d386b}
#khnews .c06{color:#2d6b3f}
#khnews .c07{color:#323232}
#khnews .c08{color:#f48938}
#khnews .c09{color:#2d386b}
#khnews .c10{color:#2d6b3f}
#khnews .c11{color:#323232}
#khnews .c12{color:#f48938}
#khnews .c13{color:#2d386b}
#khnews .c14{color:#2d6b3f}
#khnews .c15{color:#323232}
#khnews .c16{color:#f48938}
#khnews .c17{color:#2d6b3f}

#khgall .list ul li:nth-child(4){display:none}

@media all and (min-width:1280px) {
	#main .title{padding:50px 0}
	#main .title h2{font-size:24px;color:#555;letter-spacing:-1px}
	#main .nocontent{line-height:210px;font-size:16px;text-align:center}
	#mvisual{padding-top:140px}
	#mvisual .mvisual{background:#008bca}
	#mvisual .khwrap{z-index:2;height:500px}
	#mvisual .khwrap *{transition:all 0.4s}
	#mvisual .img{position:absolute;z-index:1;top:0;left:0;width:100%;height:500px;opacity:0}
	#mvisual .khv1{background:url(../img/khv1.png) no-repeat 50% 0;background-size:100% auto;transition:all 2.0s;transform:scale(1.05);transition-delay:0.6s;opacity:0}
	#mvisual .khv2{background:url(../img/khv2.png) no-repeat 50% 0;background-size:100% auto;transition:all 2.0s;transform:scale(1.05);transition-delay:0.6s;opacity:0}
	#mvisual .tit{position:relative;top:120px;left:-100%;line-height:1.1;font-size:60px;font-family:'Godo','Godof';font-weight:300;letter-spacing:-1px;color:#fff;transition-delay:0.05s;opacity:0}
	#mvisual .tit strong{font-size:60px;font-family:'Godo','Godof';font-weight:700}
	#mvisual .txt{position:relative;top:150px;right:-100%;font-size:26px;font-weight:300;color:#fff;transition-delay:0.15s;opacity:0}
	#mvisual .sel i{left:-50%;opacity:1}
	#mvisual .sel .img{transform:scale(1);opacity:1}
	#mvisual .sel .img:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.1)}
	#mvisual .sel .tit{left:50%;margin-left:-620px;opacity:1}
	#mvisual .sel .txt{right:-50%;margin-left:-620px;opacity:1}
	#mvisual .bx-wrapper{position:relative}
	#mvisual .bx-controls{position:absolute;z-index:100;left:50%;bottom:0;margin-left:-620px}
	#mvisual .bx-controls-direction{float:left}
	#mvisual .bx-controls-direction a{float:left;display:block;margin:0 1px 0 0;width:45px;line-height:45px;font-size:24px;text-align:center;color:#fff;background:#3eb3e6}
	#mvisual .bx-controls-direction a:hover{filter:brightness(1.2)}
	#mvisual .bx-controls-auto{float:left}
	#mvisual .bx-controls-auto a{display:block;width:45px;line-height:45px;font-size:24px;text-align:center;color:#fff;background:#3eb3e6}
	#mvisual .bx-controls-auto a:hover{filter:brightness(1.2)}
	#mvisual .bx-controls-auto a.active{display:none}

	#khnews{padding:0 0 60px 0}
	#khnews .news{padding:0 800px 0 0}
	#khnews .news .tabs ul{overflow:hidden}
	#khnews .news .tabs li{float:left}
	#khnews .news .tabs a{display:block;margin:0 4px 0 0;padding:10px 30px;font-size:16px;font-weight:400;text-align:center;color:#333;border:1px solid #474e61}
	#khnews .news .tabs a:hover,
	#khnews .news .tabs a.sel{position:relative;z-index:2;font-weight:600;color:#fff;border:1px solid #0073bc;background:#0073bc}
	#khnews .news .cont{padding:20px 0}
	#khnews .news .list ul li{position:relative;padding:0 0 10px 0;overflow:hidden}
	#khnews .news .list ul li span{float:left;display:block;padding:0 10px;line-height:30px;font-size:13px;border:1px solid #eee}
	#khnews .news .list ul li a{display:block;padding:0 10px;line-height:30px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	#khnews .news .list .more{position:absolute;top:20px;right:0}
	#khnews .news .list .more a{display:block;width:25px;height:25px;outline:0;background:url(../img/control.png) no-repeat -96px -40px;text-indent:-9999em}
	#khnews .hongbo{position:absolute;top:0;right:340px}
	#khnews .hongbo h3{padding:50px 0;font-size:24px;letter-spacing:-1px}
	#khnews .popzone{position:absolute;top:0;right:0}
	#khnews .popzone h3{padding:50px 0;font-size:24px;letter-spacing:-1px}

	#khphoto{position:relative;z-index:1;padding: 0 0 60px 0;background:#f3f3f3;overflow:hidden}
	#khphoto .wrap{z-index:3}
	#khphoto .list ul{position:relative;margin:0 -25px 0 0;overflow:hidden;z-index:1000}
	#khphoto .list ul li{float:left;width:25%}
	#khphoto .inner{margin:0 25px 25px 0}
	#khphoto .inner:hover .tit{color:#000}
	#khphoto .inner:hover .tit:before{width:40px;height:2px;background:#333}
	#khphoto .inner:hover .txt{color:#000}
	#khphoto .inner:hover img{transform:scale(1.05)}
	#khphoto .img{height:195px;overflow:hidden}
	#khphoto .img img{width:auto;height:auto;max-width:100%;transition:all .3s}
	#khphoto .tit{position:relative;padding:20px 0;font-size:17px;font-weight:500;color:#555;letter-spacing:0;overflow:hidden}
	#khphoto .tit:before{content:'';position:absolute;display:block;top:60px;left:0;width:20px;height:2px;background:#aaa;transition:all .3s}
	#khphoto .txt{padding:15px 0 0 0;height:60px;font-size:15px;font-weight:400;color:#888;overflow:hidden}
	#khphoto .more{position:absolute;top:57px;right:0;transition:all .3s}
	#khphoto .more i{transition:all .3s}
	#khphoto .more:hover{color:#222;text-decoration:underline}
	#khphoto .more:hover i{padding-left:10px}
	#khgall{position:relative;z-index:1;padding:60px 0;background:#fff;overflow:hidden}
	#khgall .title{position:absolute;z-index:2;top:0;left:0;padding:0;width:22%}
	#khgall .title h2{line-height:1}
	#khgall .title h2 span{display:block;padding:0 0 5px 0;font-size:28px;font-weight:300;color:#999}
	#khgall .title h2 strong{display:block;padding:0 0 5px 0;font-size:48px;font-weight:600;color:#222}
	#khgall .title p{padding:20px 0 0;line-height:1.45;font-size:15px;color:#888;word-break:keep-all}
	#khgall .list{position:relative;z-index:1;padding:0 0 0 25%;background:url(../img/gallbg.png) no-repeat 200px 50%}
	#khgall .list ul{position:relative;margin:0 -25px 0 0;overflow:hidden;z-index:1000}
	#khgall .list ul li{float:left;width:33.33%;background:rgba(255,255,255,0.5)}
	#khgall .list ul li:before,
	#khgall .list ul li:after{clear:both;display:table;content:"";line-height:0}
	#khgall .list ul li:nth-child(3) .inner{border-right:0}
	#khgall .list .inner{display:block;padding:0 25px;border-right:1px solid #d2d2d2}
	#khgall .list .img{display:block;max-height:205px;overflow:hidden}
	#khgall .list .img img{width:100%;height:auto;max-height:100%;transform:scale(1);transition:all .3s}
	#khgall .list .tit{margin:10px 0;height:56px;line-height:28px;font-size:18px;font-weight:500;letter-spacing:-0.04em;overflow:hidden}
	#khgall .list .txt{height:68px;line-height:24px;font-size:15px;color:#888;letter-spacing:-0.04em;overflow:hidden}
	#khgall .list .date{padding:30px 0 0 0;font-size:13px;color:#999}
	#khgall .list li:hover img{transform:scale(1.05)}
	#khgall .list li:hover .tit,
	#khgall .list li:hover .txt,
	#khgall .list li:hover .date{color:#000}
	#khgall .more{position:absolute;top:240px;left:0}
	#khgall .more i{transition:all .3s}
	#khgall .more:hover{color:#222;text-decoration:underline}
	#khgall .more:hover i{padding-left:10px}
	#khbanner{position:relative;padding:20px 0;border-top:1px solid #ccc}
	#khbanner .list{float:left;padding:3px 0;width:16.66%}
	#khbanner .list img{opacity:1}
	#khbanner .list:hover img{opacity:0.65}
}

@media all and (min-width:980px) and (max-width:1280px) {
	#main .title{padding:50px 0}
	#main .title h2{font-size:24px;color:#555;letter-spacing:-1px}
	#mvisual{padding-top:115px}
	#mvisual .mvisual{background:#008bca}
	#mvisual .khwrap{z-index:2;height:300px}
	#mvisual .khwrap *{transition:all 0.4s}
	#mvisual .img{position:absolute;z-index:1;top:0;left:0;width:100%;height:500px;opacity:0}
	#mvisual .khv1{background:url(../img/khv1.png) no-repeat 50% 0;background-size:100% auto;transition:all 2.0s;transform:scale(1.05);transition-delay:0.6s;opacity:0}
	#mvisual .khv2{background:url(../img/khv2.png) no-repeat 50% 0;background-size:100% auto;transition:all 2.0s;transform:scale(1.05);transition-delay:0.6s;opacity:0}
	#mvisual .tit{position:relative;top:50px;left:-100%;line-height:1.2;font-size:40px;font-family:'Godo','Godof';font-weight:300;letter-spacing:-1px;color:#fff;transition-delay:0.05s;opacity:0}
	#mvisual .tit strong{font-size:40px;font-family:'Godo','Godof';font-weight:700}
	#mvisual .txt{position:relative;top:80px;right:-100%;font-size:17px;font-weight:300;color:#fff;transition-delay:0.15s;opacity:0}
	#mvisual .sel i{left:-50%;opacity:1}
	#mvisual .sel .img{transform:scale(1);opacity:1}
	#mvisual .sel .img:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.1)}
	#mvisual .sel .tit{left:50%;margin-left:-50%;opacity:1}
	#mvisual .sel .txt{right:-50%;margin-left:-50%;opacity:1}
	#mvisual .bx-wrapper{position:relative}
	#mvisual .bx-controls{position:absolute;z-index:100;left:50%;bottom:0;margin-left:-50%}
	#mvisual .bx-controls-direction{float:left}
	#mvisual .bx-controls-direction a{float:left;display:block;margin:0 1px 0 0;width:45px;line-height:45px;font-size:24px;text-align:center;color:#fff;background:#3eb3e6}
	#mvisual .bx-controls-direction a:hover{filter:brightness(1.2)}
	#mvisual .bx-controls-auto{float:left}
	#mvisual .bx-controls-auto a{display:block;width:45px;line-height:45px;font-size:24px;text-align:center;color:#fff;background:#3eb3e6}
	#mvisual .bx-controls-auto a:hover{filter:brightness(1.2)}
	#mvisual .bx-controls-auto a.active{display:none}

	#khnews{padding:0 0 60px 0}
	#khnews .news{float:left;width:48%;border-bottom:1px solid #eee}
	#khnews .news .tabs{border-bottom:1px solid #474e61}
	#khnews .news .tabs ul{position:relative;bottom:-1px;overflow:hidden}
	#khnews .news .tabs li{float:left}
	#khnews .news .tabs a{display:block;margin:0 4px 0 0;padding:10px 30px;font-size:16px;font-weight:400;text-align:center;color:#333;border:1px solid #474e61;border-bottom:1px solid #fff}
	#khnews .news .tabs a:hover,
	#khnews .news .tabs a.sel{position:relative;z-index:2;font-weight:600;color:#fff;border:1px solid #4267b2;background:#4267b2}
	#khnews .news .cont{padding:20px 0}
	#khnews .news .list ul li{position:relative;padding:0 0 10px 0;overflow:hidden}
	#khnews .news .list ul li span{float:left;display:block;padding:0 10px;line-height:30px;font-size:13px;border:1px solid #eee}
	#khnews .news .list ul li a{display:block;padding:0 10px;line-height:30px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	#khnews .news .list .more{position:absolute;top:20px;right:0}
	#khnews .news .list .more a{display:block;width:25px;height:25px;outline:0;background:url(../img/control.png) no-repeat -96px -40px;text-indent:-9999em}
	#khnews .hongbo{float:right;width:48%}
	#khnews .popzone{position:absolute;z-index:5000;top:-290px;right:0}
	#khnews .popzone .title{display:none}
	#khphoto{position:relative;z-index:1;padding: 0 0 60px 0;background:#f3f3f3;overflow:hidden}
	#khphoto .wrap{z-index:3}
	#khphoto .list ul{position:relative;margin:0 -25px 0 0;overflow:hidden;z-index:1000}
	#khphoto .list ul li{float:left;width:25%}
	#khphoto .inner{margin:0 25px 25px 0}
	#khphoto .inner:hover .tit{color:#000}
	#khphoto .inner:hover .tit:before{width:40px;height:2px;background:#333}
	#khphoto .inner:hover .txt{color:#000}
	#khphoto .inner:hover img{transform:scale(1.05)}
	#khphoto .img{height:150px;overflow:hidden}
	#khphoto .img img{width:auto;height:auto;max-width:100%;transition:all .3s}
	#khphoto .tit{position:relative;padding:20px 0;font-size:17px;font-weight:500;color:#555;letter-spacing:0;overflow:hidden}
	#khphoto .tit:before{content:'';position:absolute;display:block;top:60px;left:0;width:20px;height:2px;background:#aaa;transition:all .3s}
	#khphoto .txt{padding:15px 0 0 0;height:60px;font-size:15px;font-weight:400;color:#888;overflow:hidden}
	#khphoto .more{position:absolute;top:57px;right:0;transition:all .3s}
	#khphoto .more i{transition:all .3s}
	#khphoto .more:hover{color:#222;text-decoration:underline}
	#khphoto .more:hover i{padding-left:10px}
	#khgall{position:relative;z-index:1;padding:60px 0;background:#fff;overflow:hidden}
	#khgall .title{position:absolute;z-index:2;top:0;left:0;padding:0;width:22%}
	#khgall .title h2{line-height:1}
	#khgall .title h2 span{display:block;padding:0 0 5px 0;font-size:28px;font-weight:300;color:#999}
	#khgall .title h2 strong{display:block;padding:0 0 5px 0;font-size:48px;font-weight:600;color:#222}
	#khgall .title p{padding:20px 0 0;line-height:1.5;font-size:15px;color:#888}
	#khgall .list{position:relative;z-index:1;padding:0 0 0 25%;background:url(../img/gallbg.png) no-repeat 200px 50%}
	#khgall .list ul{position:relative;margin:0 -25px 0 0;overflow:hidden;z-index:1000}
	#khgall .list ul li{float:left;width:33.33%;background:rgba(255,255,255,0.5)}
	#khgall .list ul li:before,
	#khgall .list ul li:after{clear:both;display:table;content:"";line-height:0}
	#khgall .list ul li:nth-child(3) .inner{border-right:0}
	#khgall .list .inner{display:block;padding:0 25px;border-right:1px solid #d2d2d2}
	#khgall .list .img{display:block;max-height:205px;overflow:hidden}
	#khgall .list .img img{width:100%;height:auto;max-height:100%;transform:scale(1);transition:all .3s}
	#khgall .list .tit{margin:10px 0;height:56px;line-height:28px;font-size:18px;font-weight:500;letter-spacing:-0.04em;overflow:hidden}
	#khgall .list .txt{height:68px;line-height:24px;font-size:15px;color:#888;letter-spacing:-0.04em;overflow:hidden}
	#khgall .list .date{padding:30px 0 0 0;font-size:13px;color:#999}
	#khgall .list li:hover img{transform:scale(1.05)}
	#khgall .list li:hover .tit,
	#khgall .list li:hover .txt,
	#khgall .list li:hover .date{color:#000}
	#khgall .more{position:absolute;top:240px;left:0}
	#khgall .more i{transition:all .3s}
	#khgall .more:hover{color:#222;text-decoration:underline}
	#khgall .more:hover i{padding-left:10px}
	#khbanner{position:relative;padding:20px 0;border-top:1px solid #ccc}
	#khbanner .list{float:left;padding:3px 0;width:16.66%}
	#khbanner .list img{opacity:1}
	#khbanner .list:hover img{opacity:0.65}
}

@media all and (min-width:749px) and (max-width:979px) {
	#main .title{padding:30px 0}
	#main .title h2{font-size:20px;color:#555;letter-spacing:-1px}
	#mvisual{padding-top:115px}
	#mvisual .mvisual{background:#008bca}
	#mvisual .khwrap{z-index:2;height:300px}
	#mvisual .khwrap *{transition:all 0.4s}
	#mvisual .img{position:absolute;z-index:1;top:0;left:0;width:100%;height:300px;opacity:0}
	#mvisual .khv1{background:url(../img/khv1.png) no-repeat 50% 0;background-size:cover;transition:all 2.0s;transform:scale(1.05);transition-delay:0.6s;opacity:0}
	#mvisual .khv2{background:url(../img/khv2.png) no-repeat 50% 0;background-size:cover;transition:all 2.0s;transform:scale(1.05);transition-delay:0.6s;opacity:0}
	#mvisual .tit{position:relative;top:50px;left:-100%;line-height:1.2;font-size:30px;font-family:'Godo','Godof';font-weight:300;letter-spacing:-1px;color:#fff;transition-delay:0.05s;opacity:0}
	#mvisual .tit strong{font-size:30px;font-family:'Godo','Godof';font-weight:700}
	#mvisual .txt{position:relative;top:80px;right:-100%;font-size:17px;font-weight:300;color:#fff;transition-delay:0.15s;opacity:0}
	#mvisual .sel i{left:-50%;opacity:1}
	#mvisual .sel .img{transform:scale(1);opacity:1}
	#mvisual .sel .img:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.1)}
	#mvisual .sel .tit{left:50%;margin-left:-50%;opacity:1}
	#mvisual .sel .txt{right:-50%;margin-left:-50%;opacity:1}
	#mvisual .bx-wrapper{position:relative}
	#mvisual .bx-controls{position:absolute;z-index:100;left:50%;bottom:0;margin-left:-50%}
	#mvisual .bx-controls-direction{float:left}
	#mvisual .bx-controls-direction a{float:left;display:block;margin:0 1px 0 0;width:45px;line-height:45px;font-size:24px;text-align:center;color:#fff;background:#3eb3e6}
	#mvisual .bx-controls-direction a:hover{filter:brightness(1.2)}
	#mvisual .bx-controls-auto{float:left}
	#mvisual .bx-controls-auto a{display:block;width:45px;line-height:45px;font-size:24px;text-align:center;color:#fff;background:#3eb3e6}
	#mvisual .bx-controls-auto a:hover{filter:brightness(1.2)}
	#mvisual .bx-controls-auto a.active{display:none}

	#khnews{padding:0 0 60px 0}
	#khnews .news{float:left;width:48%;border-bottom:1px solid #eee}
	#khnews .news .tabs{border-bottom:1px solid #474e61}
	#khnews .news .tabs ul{position:relative;bottom:-1px;overflow:hidden}
	#khnews .news .tabs li{float:left}
	#khnews .news .tabs a{display:block;margin:0 4px 0 0;padding:5px 20px;font-size:16px;font-weight:400;text-align:center;color:#333;border:1px solid #474e61;border-bottom:1px solid #fff}
	#khnews .news .tabs a:hover,
	#khnews .news .tabs a.sel{position:relative;z-index:2;font-weight:600;color:#fff;border:1px solid #0073bc;background:#0073bc}
	#khnews .news .cont{padding:20px 0}
	#khnews .news .list ul li{position:relative;padding:0 0 10px 0;overflow:hidden}
	#khnews .news .list ul li span{float:left;display:block;padding:0 10px;line-height:30px;font-size:13px;border:1px solid #eee}
	#khnews .news .list ul li a{display:block;padding:0 10px;line-height:30px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	#khnews .news .list .more{position:absolute;top:20px;right:0}
	#khnews .news .list .more a{display:block;width:25px;height:25px;outline:0;background:url(../img/control.png) no-repeat -96px -40px;text-indent:-9999em}
	#khnews .hongbo{float:right;width:48%}
	#khnews .hongbo iframe{width:100% !important}
	#khnews .popzone{position:absolute;z-index:5000;top:-290px;right:0}
	#khnews .popzone .title{display:none}
	#khnews .popzone img{width:220px}
	#khphoto{position:relative;z-index:1;padding: 0 0 60px 0;background:#f3f3f3;overflow:hidden}
	#khphoto .wrap{z-index:3}
	#khphoto .list ul{position:relative;margin:0 -25px 0 0;overflow:hidden;z-index:1000}
	#khphoto .list ul li{float:left;width:25%}
	#khphoto .inner{margin:0 25px 25px 0}
	#khphoto .inner:hover .tit{color:#000}
	#khphoto .inner:hover .tit:before{width:40px;height:2px;background:#333}
	#khphoto .inner:hover .txt{color:#000}
	#khphoto .inner:hover img{transform:scale(1.05)}
	#khphoto .img{height:150px;overflow:hidden}
	#khphoto .img img{width:auto;height:auto;max-width:100%;transition:all .3s}
	#khphoto .tit{position:relative;padding:20px 0;font-size:17px;font-weight:500;color:#555;letter-spacing:0;overflow:hidden}
	#khphoto .tit:before{content:'';position:absolute;display:block;top:60px;left:0;width:20px;height:2px;background:#aaa;transition:all .3s}
	#khphoto .txt{padding:15px 0 0 0;height:60px;font-size:15px;font-weight:400;color:#888;overflow:hidden}
	#khphoto .more{position:absolute;top:57px;right:0;transition:all .3s}
	#khphoto .more i{transition:all .3s}
	#khphoto .more:hover{color:#222;text-decoration:underline}
	#khphoto .more:hover i{padding-left:10px}
	#khgall{position:relative;z-index:1;padding:50px 0;background:#fff;overflow:hidden}
	#khgall .title{position:absolute;z-index:2;top:0;left:0;padding:0;width:20%}
	#khgall .title h2{line-height:1}
	#khgall .title h2 span{display:block;padding:0 0 5px 0;font-size:20px;font-weight:300;color:#999}
	#khgall .title h2 strong{display:block;padding:0 0 5px 0;font-size:30px;font-weight:600;color:#222}
	#khgall .title p{padding:10px 0;font-size:15px;color:#888}
	#khgall .list{position:relative;z-index:1;padding:0 0 0 25%;background:url(../img/gallbg.png) no-repeat 200px 50%}
	#khgall .list ul{position:relative;overflow:hidden;z-index:1000}
	#khgall .list ul li{float:left;width:33.33%;background:rgba(255,255,255,0.5)}
	#khgall .list ul li:before,
	#khgall .list ul li:after{clear:both;display:table;content:"";line-height:0}
	#khgall .list ul li:nth-child(3) .inner{border-right:0}
	#khgall .list .inner{display:block;padding:0 15px;border-right:1px solid #d2d2d2}
	#khgall .list .img{display:block;max-height:205px;overflow:hidden}
	#khgall .list .img img{width:100%;height:auto;max-height:100%;transform:scale(1);transition:all .3s}
	#khgall .list .tit{margin:10px 0;height:56px;line-height:28px;font-size:18px;font-weight:500;letter-spacing:-0.04em;overflow:hidden}
	#khgall .list .txt{height:68px;line-height:24px;font-size:15px;color:#888;letter-spacing:-0.04em;overflow:hidden}
	#khgall .list .date{padding:30px 0 0 0;font-size:13px;color:#999}
	#khgall .list li:hover img{transform:scale(1.05)}
	#khgall .list li:hover .tit,
	#khgall .list li:hover .txt,
	#khgall .list li:hover .date{color:#000}
	#khgall .more{position:absolute;top:240px;left:0}
	#khgall .more i{transition:all .3s}
	#khgall .more:hover{color:#222;text-decoration:underline}
	#khgall .more:hover i{padding-left:10px}
	#khbanner{position:relative;padding:20px 0;border-top:1px solid #ccc}
	#khbanner .list{float:left;padding:3px 0;width:16.66%}
	#khbanner .list img{opacity:1}
	#khbanner .list:hover img{opacity:0.65}
}

@media all and (max-width:748px) {
	#main .title{padding:20px 0}
	#main .title h2{font-size:20px;color:#555;letter-spacing:-1px}
	#mvisual .mvisual{background:#008bca}
	#mvisual .khwrap{z-index:2;padding:10px;height:300px}
	#mvisual .khwrap *{transition:all 0.4s}
	#mvisual .img{position:absolute;z-index:1;top:0;left:0;width:100%;height:300px;opacity:0}
	#mvisual .khv1{background:url(../img/khv1.png) no-repeat 50% 0;background-size:cover;transition:all 2.0s;transform:scale(1.05);transition-delay:0.6s;opacity:0}
	#mvisual .khv2{background:url(../img/khv2.png) no-repeat 50% 0;background-size:cover;transition:all 2.0s;transform:scale(1.05);transition-delay:0.6s;opacity:0}
	#mvisual .tit{position:relative;top:50px;left:-100%;line-height:1.2;font-size:30px;font-family:'Godo','Godof';font-weight:300;letter-spacing:-1px;color:#fff;transition-delay:0.05s;opacity:0}
	#mvisual .tit strong{font-size:30px;font-family:'Godo','Godof';font-weight:700}
	#mvisual .txt{position:relative;top:80px;right:-100%;font-size:17px;font-weight:300;color:#fff;transition-delay:0.15s;opacity:0}
	#mvisual .sel i{left:-50%;opacity:1}
	#mvisual .sel .img{transform:scale(1);opacity:1}
	#mvisual .sel .img:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.1)}
	#mvisual .sel .tit{left:50%;margin-left:-50%;opacity:1}
	#mvisual .sel .txt{right:-50%;margin-left:-50%;opacity:1}
	#mvisual .bx-wrapper{position:relative}
	#mvisual .bx-controls{position:absolute;z-index:100;left:50%;bottom:0;margin-left:-50%}
	#mvisual .bx-controls-direction{float:left}
	#mvisual .bx-controls-direction a{float:left;display:block;margin:0 1px 0 0;width:45px;line-height:45px;font-size:24px;text-align:center;color:#fff;background:#3eb3e6}
	#mvisual .bx-controls-direction a:hover{filter:brightness(1.2)}
	#mvisual .bx-controls-auto{float:left}
	#mvisual .bx-controls-auto a{display:block;width:45px;line-height:45px;font-size:24px;text-align:center;color:#fff;background:#3eb3e6}
	#mvisual .bx-controls-auto a:hover{filter:brightness(1.2)}
	#mvisual .bx-controls-auto a.active{display:none}

	#khnews{padding:0 10px 60px 10px}
	#khnews .news{float:left;width:100%;border-bottom:1px solid #eee}
	#khnews .news .tabs{border-bottom:1px solid #474e61}
	#khnews .news .tabs ul{position:relative;bottom:-1px;overflow:hidden}
	#khnews .news .tabs li{float:left;width:33.33%}
	#khnews .news .tabs a{display:block;margin:0 2px;padding:10px;font-size:14px;font-weight:400;text-align:center;color:#333;border:1px solid #474e61;border-bottom:1px solid #fff}
	#khnews .news .tabs a:hover,
	#khnews .news .tabs a.sel{position:relative;z-index:2;font-weight:600;color:#fff;border:1px solid #0073bc;background:#0073bc}
	#khnews .news .cont{padding:20px 0}
	#khnews .news .list ul li{position:relative;padding:0 0 10px 0;overflow:hidden}
	#khnews .news .list ul li span{float:left;display:block;padding:0 10px;line-height:30px;font-size:13px;border:1px solid #eee}
	#khnews .news .list ul li a{display:block;padding:0 10px;line-height:30px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	#khnews .news .list .more{position:absolute;top:20px;right:0}
	#khnews .news .list .more a{display:block;width:25px;height:25px;outline:0;background:url(../img/control.png) no-repeat -96px -40px;text-indent:-9999em}
	#khnews .hongbo{float:left;width:48%}
	#khnews .hongbo iframe{width:100% !important;height:auto !important}
	#khnews .popzone{float:right;width:48%}
	#khphoto{position:relative;z-index:1;padding:0 10px 60px 10px;background:#f3f3f3;overflow:hidden}
	#khphoto .wrap{z-index:3}
	#khphoto .list ul{position:relative;margin:0 -25px 0 0;overflow:hidden;z-index:1000}
	#khphoto .list ul li{float:left;width:50%}
	#khphoto .inner{margin:0 25px 25px 0}
	#khphoto .inner:hover .tit{color:#000}
	#khphoto .inner:hover .tit:before{width:40px;height:2px;background:#333}
	#khphoto .inner:hover .txt{color:#000}
	#khphoto .inner:hover img{transform:scale(1.05)}
	#khphoto .img{height:120px;overflow:hidden}
	#khphoto .img img{width:100%;height:auto;min-height:120px;max-width:100%;transition:all .3s}
	#khphoto .tit{position:relative;padding:20px 0;font-size:17px;font-weight:500;color:#555;letter-spacing:0;overflow:hidden}
	#khphoto .tit:before{content:'';position:absolute;display:block;top:60px;left:0;width:20px;height:2px;background:#aaa;transition:all .3s}
	#khphoto .txt{padding:15px 0 0 0;height:60px;font-size:15px;font-weight:400;color:#888;overflow:hidden}
	#khphoto .more{position:absolute;top:30px;right:0}
	#khphoto .more i{transition:all .3s}
	#khphoto .more:hover{color:#222;text-decoration:underline}
	#khphoto .more:hover i{padding-left:10px}
	#khgall{position:relative;z-index:1;padding:0 10px 60px 10px;background:#fff;overflow:hidden}
	#khgall .title h2{line-height:1}
	#khgall .title h2 span{display:none;padding:0 0 5px 0;font-size:20px;font-weight:300;color:#999}
	#khgall .title h2 strong{display:block;padding:0 0 5px 0;font-size:20px;font-weight:600;color:#222}
	#khgall .title p{display:none;padding:10px 0;font-size:15px;color:#888}
	#khgall .list{background:url(../img/gallbg.png) no-repeat 200px 50%}
	#khgall .list ul{position:relative;margin:0 -10px;overflow:hidden}
	#khgall .list ul li{float:left;width:33.33%;background:rgba(255,255,255,0.5)}
	#khgall .list ul li:before,
	#khgall .list ul li:after{clear:both;display:table;content:"";line-height:0}
	#khgall .list ul li:nth-child(3) .inner{border-right:0}
	#khgall .list .inner{display:block;padding:0 10px;border-right:1px solid #d2d2d2}
	#khgall .list .img{display:block;max-height:205px;overflow:hidden}
	#khgall .list .img img{width:100%;height:auto;max-height:100%;transform:scale(1);transition:all .3s}
	#khgall .list .tit{margin:10px 0;height:44px;font-size:15px;font-weight:500;letter-spacing:-0.04em;overflow:hidden}
	#khgall .list .txt{height:70px;font-size:13px;color:#888;letter-spacing:-0.04em;overflow:hidden}
	#khgall .list .date{padding:30px 0 0 0;font-size:13px;color:#999}
	#khgall .list li:hover img{transform:scale(1.05)}
	#khgall .list li:hover .tit,
	#khgall .list li:hover .txt,
	#khgall .list li:hover .date{color:#000}
	#khgall .more{position:absolute;top:30px;right:0}
	#khgall .more i{transition:all .3s}
	#khgall .more:hover{color:#222;text-decoration:underline}
	#khgall .more:hover i{padding-left:10px}
	#khbanner{position:relative;padding:20px 0;border-top:1px solid #ccc}
	#khbanner .list{float:left;padding:3px 0;width:16.66%}
	#khbanner .list img{opacity:1}
	#khbanner .list:hover img{opacity:0.65}
}
