@charset "utf-8";

@media all and (min-width:1260px) {
	#index{position:relative}
	#index .title{padding:40px 0;text-align:center}
	#index .title h3{position:relative;margin:0 0 30px 0;padding:0 0 30px 0;font-size:36px}
	#index .title h3:before{ content:'';position:absolute;bottom:0;left:50%;margin:0 0 0 -40px;width:80px;height:2px;background:#0d4da5}
	#index .title p{font-size:16px;color:#777}

	#visual .khvisual{height:600px;background:#000}
	#visual .khvisual .inner *{color:#fff}
	#visual .khvisual .inner{position:relative;text-align:center;overflow:hidden}
	#visual .khvisual .inner .tit,
	#visual .khvisual .inner .txt,
	#visual .khvisual .inner .btn{position:absolute;z-index:1;left:0;right:0}
	#visual .khvisual .inner .img{}
	#visual .khvisual .inner .tit{top:150px;font-size:64px}
	#visual .khvisual .inner .txt{top:235px;font-size:16px}
	#visual .khvisual .inner .btn{top:350px}
	#visual .khvisual .inner .btn a{display:inline-block;padding:10px 40px;border:1px solid #fff}
	#visual .khvisual .inner.sel .img{opacity:1}
	#visual .khvisual .inner.sel .tit{opacity:1}
	#visual .khvisual .inner.sel .txt{opacity:1}
	#visual .khvisual .inner.sel .btn{opacity:1}
	#visual .bx-wrapper{position:relative}
	#visual .bx-controls-direction a{position:absolute;z-index:55;;top:50%;display:block;margin-top:-30px;width:60px;line-height:60px;font-size:28px;text-align:center;color:rgba(255,255,255,0.7);background:rgba(0,0,0,0.3);transition:all 0.3s}
	#visual .bx-controls-direction a:hover{color:#333;background:#fff}
	#visual .bx-prev{right:50%;margin-right:630px}
	#visual .bx-next{left:50%;margin-left:630px}
	#visual .bx-pager{position:absolute;z-index:60;bottom:150px;left:50%;margin:0 0 0 -535px;width:1080px;text-align:center}
	#visual .bx-pager .bx-pager-item{display:inline-block;padding:0 4px}
	#visual .bx-pager .bx-pager-item a{display:block;width:12px;height:12px;background:rgba(255,255,255,0.5);text-indent:-9999em;overflow:hidden}
	#visual .bx-pager .bx-pager-item .active{background:rgba(255,255,255,1)}
	#visual .bx-pager .bx-pager-item .active:after{background:#fff}

	#shortcut{position:absolute;z-index:100;top:490px;left:0;right:0;height:110px;background:rgba(0,0,0,0.5)}
	#shortcut *{color:#fff}
	#shortcut ul{overflow:hidden}
	#shortcut li{float:left;width:33.33%}
	#shortcut .inner{display:block;padding:30px;height:110px}
	#shortcut .inner:hover{background:#134ea8 url(../img/shortcut_active.png) no-repeat 100% 100%}
	#shortcut .tit{font-size:18px}
	#shortcut .txt{font-size:14px;color:rgba(255,255,255,0.5)}

	#injection{background:#fff}
	#injection li{height:380px;overflow:hidden}
	#injection .inner{display:block;position:relative;padding:70px 0}
	#injection .tit{position:relative;margin:0 0 30px 0;padding:0 0 30px 0;font-size:48px}
	#injection .tit:before{content:'';position:absolute;bottom:0;left:0;width:80px;height:2px;background:#0d4da5}
	#injection .txt{padding:0 420px 30px 0;font-size:15px}
	#injection .btn{font-size:15px}
	#injection .btn i{width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#0d4da5;border-radius:50px}
	#injection .img{position:absolute;top:50%;right:0;margin-top:-91px}

	#product{padding-bottom:100px;background:#f9f9f9}
	#product ul{overflow:hidden}
	#product li{float:left;width:25%}
	#product .inner{display:block;position:relative;width:250px;height:250px;overflow:hidden}
	#product .img{position:absolute;top:0;left:0}
	#product .img img{max-width:250px;height:auto}
	#product .tit{position:absolute;bottom:0;right:0;left:0;padding:0 0 0 20px;line-height:55px;background:rgba(255,255,255,0.3)}
	#product .tit i{display:none;float:right;width:55px;line-height:55px;font-size:20px;color:#fff;text-align:center;border-left:1px solid rgba(255,255,255,0.2)}
	#product .inner:hover .tit{color:#fff;background:#0d4da5}
	#product .inner:hover .tit i{display:block}

	#partners{height:380px;background:#eff2f7}
	#partners ul{overflow:hidden}
	#partners li{float:left;width:16.66%}
	#partners .inner{display:block;position:relative}
	#partners .img{text-align:center}
	#partners .tit{display:block;line-height:30px;text-align:center}
}

@media all and (min-width:748px) and (max-width:1259px) {
	#index{position:relative}
	#index .title{padding:30px 0;text-align:center}
	#index .title h3{position:relative;margin:0 0 20px 0;padding:0 0 20px 0;font-size:24px}
	#index .title h3:before{ content:'';position:absolute;bottom:0;left:50%;margin:0 0 0 -30px;width:60px;height:2px;background:#0d4da5}
	#index .title p{font-size:13px;color:#777}

	#visual .khvisual{height:600px;background:#000}
	#visual .khvisual *{color:#fff}
	#visual .khvisual .inner{position:relative;text-align:center;overflow:hidden}
	#visual .khvisual .inner .tit,
	#visual .khvisual .inner .txt,
	#visual .khvisual .inner .btn{position:absolute;z-index:1;left:0;right:0}
	#visual .khvisual .inner .img{display:none}
	#visual .khvisual .inner .tit{top:50px;font-size:36px}
	#visual .khvisual .inner .txt{top:120px;font-size:16px}
	#visual .khvisual .inner .btn{top:200px}
	#visual .khvisual .inner .btn a{display:inline-block;padding:10px 40px;border:1px solid #fff}
	#visual .khvisual .inner.sel .img{opacity:1}
	#visual .khvisual .inner.sel .tit{opacity:1}
	#visual .khvisual .inner.sel .txt{opacity:1}
	#visual .khvisual .inner.sel .btn{opacity:1}	
	#visual .khvisual .inner:nth-child(1){height:400px;background:url(../img/mvs01.png) no-repeat 50% 50%;background-size:cover}

	#visual .bx-wrapper{position:relative}
	#visual .bx-controls-direction a{position:absolute;z-index:55;top:50%;display:block;margin-top:-80px;width:40px;line-height:40px;font-size:20px;text-align:center;color:rgba(255,255,255,0.7);background:rgba(0,0,0,0.3);transition:all 0.3s}
	#visual .bx-controls-direction a:hover{color:#333;background:#fff}
	#visual .bx-prev{left:0}
	#visual .bx-next{right:0}
	#visual .bx-pager{position:absolute;z-index:60;bottom:120px;left:50%;margin:0 0 0 -535px;width:1080px;text-align:center}
	#visual .bx-pager .bx-pager-item{display:inline-block;padding:0 4px}
	#visual .bx-pager .bx-pager-item a{display:block;width:12px;height:12px;background:rgba(255,255,255,0.5);text-indent:-9999em;overflow:hidden}
	#visual .bx-pager .bx-pager-item .active{background:rgba(255,255,255,1)}
	#visual .bx-pager .bx-pager-item .active:after{background:#fff}

	#shortcut{position:absolute;z-index:100;top:290px;left:0;right:0;height:110px;background:rgba(0,0,0,0.5)}
	#shortcut *{color:#fff}
	#shortcut ul{overflow:hidden}
	#shortcut li{float:left;width:33.33%}
	#shortcut .inner{display:block;padding:20px 15px;height:110px}
	#shortcut .inner:hover{background:#134ea8 url(../img/shortcut_active.png) no-repeat 100% 100%}
	#shortcut .tit{font-size:15px}
	#shortcut .txt{font-size:13px;color:rgba(255,255,255,0.5)}

	#injection{background:#fff}
	#injection li{overflow:hidden}
	#injection .inner{display:block;position:relative;padding:50px 0}
	#injection .tit{position:relative;z-index:2;margin:0 0 20px 0;padding:0 0 20px 0;font-size:28px}
	#injection .tit:before{content:'';position:absolute;bottom:0;left:0;width:80px;height:2px;background:#0d4da5}
	#injection .txt{padding:0 330px 20px 0;font-size:14px}
	#injection .btn{font-size:14px}
	#injection .btn i{width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#0d4da5;border-radius:50px}
	#injection .img{position:absolute;top:50%;right:0;width:320px;margin-top:-73px}

	#product{padding:0 0 30px 0;background:#f9f9f9}
	#product ul{overflow:hidden}
	#product li{float:left;width:25%}
	#product .inner{display:block;position:relative;margin:0 5px 5px 0;overflow:hidden}
	#product .img{display:block}
	#product .img img{width:100%;height:auto;vertical-lign:middle}
	#product .tit{position:relative;padding:0 32px 0 5px;line-height:32px;font-size:13px;color:#fff;background:#0d4da5}
	#product .tit i{position:absolute;top:0;right:0;float:right;width:32px;line-height:32px;font-size:16px;text-align:center;border-left:1px solid rgba(255,255,255,0.2)}

	#partners{padding:0 0 30px 0;background:#eff2f7}
	#partners ul{margin:0 -10px 0 0;overflow:hidden}
	#partners li{float:left;width:16.66%}
	#partners .inner{display:block;margin:0 10px 10px 0;position:relative}
	#partners .img{text-align:center}
	#partners .tit{display:block;line-height:30px;font-size:13px;text-align:center}	
}

@media all and (max-width:747px) {
	#index{position:relative}
	#index .title{padding:30px 0;text-align:center}
	#index .title h3{position:relative;margin:0 0 10px 0;padding:0 0 10px 0;font-size:20px}
	#index .title h3:before{ content:'';position:absolute;bottom:0;left:50%;margin:0 0 0 -20px;width:40px;height:2px;background:#0d4da5}
	#index .title p{font-size:12px;color:#777}

	#visual .khvisual{height:340px;background:#000}
	#visual .khvisual *{color:#fff}
	#visual .khvisual .inner{position:relative;text-align:center;overflow:hidden}
	#visual .khvisual .inner .tit,
	#visual .khvisual .inner .txt,
	#visual .khvisual .inner .btn{position:absolute;z-index:1;left:0;right:0}
	#visual .khvisual .inner .img{display:none}
	#visual .khvisual .inner .tit{top:50px;padding:0 5%;line-height:1.1;font-size:28px}
	#visual .khvisual .inner .txt{top:130px;padding:0 5%;line-height:1.2;font-size:13px}
	#visual .khvisual .inner .txt br{display:none}
	#visual .khvisual .inner .btn{top:200px}
	#visual .khvisual .inner .btn a{display:inline-block;padding:8px 20px;border:1px solid #fff}
	#visual .khvisual .inner.sel .img{opacity:1}
	#visual .khvisual .inner.sel .tit{opacity:1}
	#visual .khvisual .inner.sel .txt{opacity:1}
	#visual .khvisual .inner.sel .btn{opacity:1}	
	#visual .khvisual .inner:nth-child(1){height:340px;background:url(../img/mvs01.png) no-repeat 50% 50%;background-size:cover}
	#visual .bx-wrapper{position:relative;text-align:center}
	#visual .bx-controls-direction a{position:absolute;z-index:55;bottom:0;display:block;width:50px;height:50px;font-size:30px;color:#000;background:#fff;transition:all 0.3s}
	#visual .bx-controls-direction a i{position:relative;top:7px}
	#visual .bx-controls-direction a:hover{color:#333;background:#fff}
	#visual .bx-prev{right:51px}
	#visual .bx-next{right:0}
	/*#visual .bx-prev{left:0}
	#visual .bx-next{right:0}*/
	#visual .bx-pager{position:absolute;z-index:60;bottom:15px;left:20px;text-align:center}
	#visual .bx-pager .bx-pager-item{display:inline-block;padding:0 4px}
	#visual .bx-pager .bx-pager-item a{display:block;width:20px;height:20px;background:rgba(255,255,255,0.5);text-indent:-9999em;overflow:hidden}
	#visual .bx-pager .bx-pager-item .active{background:rgba(255,255,255,1)}
	#visual .bx-pager .bx-pager-item .active:after{background:#fff}

	#shortcut{background:#015bac}
	#shortcut *{color:#fff}
	#shortcut ul{overflow:hidden}
	#shortcut li{float:left;width:100%}
	#shortcut .inner{display:block;padding:20px;border-bottom:1px solid rgba(255,255,255,0.2)}
	#shortcut .inner:hover{background:#134ea8 url(../img/shortcut_active.png) no-repeat 100% 100%}
	#shortcut .tit{font-size:16px}
	#shortcut .txt{font-size:12px;color:rgba(255,255,255,0.5)}

	#injection{background:#fff}
	#injection li{padding:20px 0;overflow:hidden}
	#injection .inner{display:block;position:relative;padding:10px;padding-top:150px}
	#injection .tit{position:relative;z-index:2;margin:0 0 10px 0;padding:0 0 10px 0;font-size:18px}
	#injection .tit:before{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background:#0d4da5}
	#injection .txt{padding:0 0 5% 0;font-size:12px}
	#injection .btn{font-size:14px}
	#injection .btn i{width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#0d4da5;border-radius:50px}
	#injection .img{position:absolute;top:0;left:0;width:100%}
	#injection .img img{display:block;margin:0 auto;width:300px}

	#product{padding:0 10px 30px 10px;background:#f9f9f9}
	#product ul{margin:0 -5px 0 0;overflow:hidden}
	#product li{float:left;width:50%;margin:0 0 10px 0}
	#product .inner{display:block;position:relative;margin:0 5px 5px 0;overflow:hidden}
	#product .img{display:block}
	#product .img img{width:100%;height:auto;vertical-lign:middle}
	#product .tit{position:relative;padding:0 32px 0 10px;line-height:32px;font-size:12px;color:#fff;background:#0d4da5}
	#product .tit i{position:absolute;top:0;right:0;float:right;width:32px;line-height:32px;font-size:14px;text-align:center;border-left:1px solid rgba(255,255,255,0.2)}

	#partners{padding:0 0 30px 0;background:#eff2f7}
	#partners ul{padding:0 10px;overflow:hidden}
	#partners li{float:left;width:50%}
	#partners .inner{display:block;position:relative;margin:0 10px}
	#partners .img{padding:10px;text-align:center;background:#fff}
	#partners .tit{display:block;line-height:40px;font-size:12px;font-weight:500;color:#585858;text-align:center}
}

#hd_pop{position:absolute;z-index:90000}
#hd_pop h2{display:none}
#hd_pop .hd_pops{position:absolute}
#hd_pop .hd_pops img{display:block}
#hd_pop .hd_pops_con{overflow:hidden}
#hd_pop .hd_pops_footer{padding:5px 20px;background:#000}
#hd_pop .hd_pops_footer button{font-size:13px;color:#fff;line-height:28px;background:none}
#hd_pop .hd_pops_footer .hd_pops_close{float:right}
#hd_pop .hd_pops_footer .hd_pops_close span{position:relative;top:-3px}
#hd_pop .hd_pops_footer .hd_pops_close i{position:relative;top:2px;font-size:24px}