@charset "utf-8";
/* CSS Document */
.block{max-width:1200px;margin:0 auto;position:relative;background:#062f6b}
.block:after{display:block;clear:both;content:''}
#hd_wrapper{border-bottom:none}
#section2{background:url(/images/pro_bg1.jpg) no-repeat center fixed;overflow:hidden;padding:140px 0 0;z-index:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#section3{background:url(/images/pro_bg2.jpg) no-repeat center fixed;overflow:hidden;padding:140px 0 0;z-index:2}
#section4{background:#fff1f0 url(/images/sec1bg.jpg) no-repeat center fixed;overflow:hidden;z-index:3}
#section5{background:url(/images/main_customer.jpg) no-repeat center fixed;overflow:hidden;;padding:240px 0 0;z-index:4}
.section{text-align:center;position:relative;height:100%;background-size:cover !important;}
#section2.bgon{background-image:url(/images/del_bg.jpg)}

#section2:after, #section3:after{display:block;position:absolute;background:rgba(255,255,255,0.5);content:'';width:100%;height:100%;top:0;left:0}
.t-area{position:relative;z-index:2;color:#000}

#section2_m{background:url(/images/pro_bg1.jpg);background-repeat: no-repeat; background-position: center;overflow:hidden;z-index:1}
#section3_m{background:url(/images/del_bg_m.jpg);background-repeat: no-repeat; background-position: center;overflow:hidden;z-index:2}

.section .bx-wrapper{height:100%}
.section .bx-wrapper .bx-viewport{height:100%}
.section .bx-wrapper .bx-viewport .bxslider{height:100%}
.bx-wrapper .bx-pager{display:none}

.main-bg{overflow:hidden;position:relative;width:100%;height:100%}

.slide1{background:url(/images/main1.jpg);background-size:cover !important;width:100%;height:100%;position:absolute}
.slide2{background:url(/images/main2.jpg);background-size:cover !important;width:100%;height:100%;position:absolute}
.slide3{background:url(/images/main3.jpg);background-size:cover !important;width:100%;height:100%;position:absolute}

.obj{position:absolute;margin: 0 auto;font-size:24px;font-weight:600;top:50%;left:50%;width:1100px;margin-left:-550px;margin-top:-60px;z-index:98;color:#000;line-height:180%;z-index:95}
.obj2{position:absolute;margin: 0 auto;font-size:24px;font-weight:600;top:50%;left:50%;margin-top:-300px;z-index:98;color:#000;line-height:120%;z-index:95}
.obj3{position:absolute;margin: 0 auto;font-size:24px;font-weight:600;top:50%;left:50%;width:1080px;margin-left:-540px;margin-top:-250px;z-index:98;color:#000;line-height:180%;z-index:95}

.overview{}
.overimg{position:absolute;left:50%;width:600px;top:50%;margin-top:-340px;z-index:4;margin-left:0}


.bar1{background:#dedede;position:absolute;width:100%;height:45%;bottom:0;left:0}

.bar1.bgon{background:#fadcdc}

.header{position:fixed;z-index:99;padding:0 50px;top:0;width:100%;}

.head{margin:0 auto}
.head:after{display:block;clear:both;content:''}
.logo{float:left;width:220px;margin-top:20px}
.header .img{float:right;text-align:right}
.header .img p{margin-top:10px}

.mf{position:absolute;width:100%;bottom:0;}

div.title{font-size:30px;color:#000;font-weight:400;word-spacing:5px;position:relative;margin:0 auto;max-width:300px;letter-spacing:3px}

img{max-width:100%}
.obj2{width:1525px;margin-left:-763px}


.s-title, .stit{ transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.3s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.3s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.3s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.3s;}

.scopy{ transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.4s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.4s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.4s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.4s;}

.section h2, .sstit{transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s;}

.ad1{ transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.6s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.6s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.6s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.6s;}

.ad2{ transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;}

.ad3{ transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.8s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.8s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.8s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.8s;}

.ad4{ transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.9s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.9s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.9s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.9s;}

.stxt{ transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s;}

.pl1, .pr1, .c1{transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.3s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.3s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.3s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.3s;}

.pl2, .pr2, .overview, .c2{transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s;}

.pl3, .pr3, .txt1, .board-area, .c3{transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;}

.pl4, .pr4, .txt2, .overimg, .c4{transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.9s;
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.9s;
    -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.9s;
    -ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.9s;}


.s-title{position:absolute;width:1200px;top:180px;left:50%;font-weight:900;margin-left:-600px;z-index:99;color:#fff;text-align:left;font-size:30px;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}
.section h2{font-weight:900;margin:0 0 80px;color:#8b2b5e;font-size:30px;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:matrix(0.5, 0, 0, 0.5, 0, 0);-ms-transform:matrix(0.5, 0, 0, 0.5, 0, 0);transform:matrix(0.5, 0, 0, 0.5, 0, 0)}
.active .s-title{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.active h2{-webkit-perspective:200px;perspective:200px;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}

.sec3bg1{position:absolute;width:100%;height:150%;transform:rotate(-45deg);top:-100%;left:-50%;background:#c3570e}
.sec3bg2{position:absolute;width:100%;height:150%;transform:rotate(-45deg);top:0;right:-50%;background:#c3570e}

.pl1, .pl2, .pl3, .pl4, .man2, .txt1{opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}
.pr1, .pr2, .pr3, .pr4, .man1, .txt2{opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}

.overview{opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
.overimg, .board-area{opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}
.active .overview, .active .overimg, .active .board-area{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

.pl2{font-size:30px !important}

.active .pl1, .active .pl2, .active .pl3, .active .pl4, .active .pr1, .active .pr2, .active .pr3, .active .pr4, .active .man1, .active .man2, .active .txt1, .active .txt2{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}

.stit{font-size:30px;text-align:center;color:#000;position:relative;margin-bottom:23px;padding-bottom:15px;font-weight:400}
.stit:after{position:absolute;display:block;content:'';height:1px;width:30px;background:#666;left:50%;margin-left:-15px;bottom:0}
.scopy{font-size:36px;text-align:center;color:#000;font-weight:600}
.sstit{font-size:18px;color:#c21f75;font-weight:600;margin-top:10px}
.advan{margin:50px auto;max-width:1520px;padding:0 10px}
.advan li{float:left;width:25%;color:#000;font-weight:400;font-size:24px;text-align:center}
.advan li>div{display:inline-block}
.advan li>div img{margin-bottom:15px;border-radius:10px}
.stxt{color:#727272;text-align:left;font-size:16px;max-width:500px;margin:0 auto;font-weight:400;color:#f00}

.stit, .scopy, .sstit, .ad1, .ad2, .ad3, .ad4, .stxt{opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
.active .stit, .active .scopy, .active .sstit, .active .ad1, .active .ad2, .active .ad3, .active .ad4, .active .stxt{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

.block{max-width:1200px;margin:0 auto;position:relative;background:#062f6b}
.block:after{display:block;clear:both;content:''}


.text-area1{letter-spacing:5px}

.s-txt span{display:block;font-size:24px;font-weight:300;margin-top:5px}

.go-link{position:absolute;width:21px;height:21px;display:inline-block;right:0;top:5px}
.bt-more{display:block;position:absolute;width:100%;height:100%;color:#000;padding:4px}
.more{position:absolute;z-index:20;right:0;top:0;width:100%;height:100%;border:none;background-color:transparent;}
.more{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;}
.more:before,.more:after{content:'';display:block;position:absolute;background-color:#000;}
.more:before{top:0;left:50%;width:1px;height:100%;}
.more:after{left:0;top:50%;margin-top:-1px;width:100%;height:1px;}
.bt-more:hover .more{opacity:1;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg));-ms-transform:rotate(360deg);}

.down-arrow{position:fixed;bottom:50px;left:50%;margin-left:-11px;width:22px;height:31px;overflow:hidden;z-index:99;}
.down-arrow img{display:block;position:relative;max-width:264px}

.hide{overflow-y:hidden !important}

.text-area1, .text-area2{font-size:48px;font-weight:100;text-align:left}
.text-area1 strong, .text-area2 strong, .text-area3 strong{font-weight:400;}
.text-area3{font-size:48px;font-weight:300;text-align:left}
.pl1, .pl2, .pl3, .pl4, .pr1, .pr2, .pr3, .pr4{margin:10px;line-height:100%;}
.pl2{font-size:48px}
.mini{font-size:30px}
.pd200{padding-top:200px}

#owl-demo, #owl-demo2, #owl-demo3{margin-top:30px}
.o-img, .o-img2{position:relative;}
.o-img div, .o-img2 div, .o-img3 div, .o-img4 div{overflow:hidden;height:auto;padding:0;position:relative;display:inline-block;}
.o-img div:before{position:absolute;width:100%;z-index:2;height:100%;top:0;left:0;content:'';border:2px solid rgba(196,0,117,0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.o-img div img { position:relative;width:100%; z-index: 1; }
.o-img div img, .o-img2 div img, .o-img3 div img, .o-img4 div img{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.o-img:hover img, .o-img a:focus img, .o-img2:hover img, .o-img2 a:focus img, .o-img3:hover img, .o-img3 a:focus img, .o-img4:hover img, .o-img4 a:focus img {-webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0);-ms-transform:matrix(1.05, 0, 0, 1.05, 0, 0);transform:matrix(1.05, 0, 0, 1.05, 0, 0);}
.o-img:hover div:before, .o-img:focus div:before{border-color:rgba(196,0,117,1)}
.o-img:hover a h2, .o-img a:focus h2{color:#000 !important}
.o-img:hover a, .o-img a:focus{color:#000 !important}
.o-img .p-title{display:block;padding:5px 0}
.o-img2 div:before{position:absolute;width:100%;z-index:2;height:100%;top:0;left:0;content:'';border-radius:10px;border:2px solid rgba(0,0,0,0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.o-img3 div, .o-img4 div {border-radius: 10px 10px 0 0;}
.o-img3 div:before{position:absolute;width:100%;z-index:2;height:100%;top:0;left:0;content:'';border:2px solid rgba(100,100,100,0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 10px 10px 0 0}
.o-img4 div:before{position:absolute;width:100%;z-index:2;height:100%;top:0;left:0;content:'';border:2px solid rgba(192,48,107,0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 10px }
.o-img2:hover div:before, .o-img2:focus div:before{border-color:rgba(0,0,0,1)}
.o-img3:hover div:before, .o-img3:focus div:before{border-color:rgba(100,100,100,1)}
.o-img4:hover div:before, .o-img4:focus div:before{border-color:rgba(192,48,107,1)}
.m-p-title{background:rgba(0,0,0,0.5);color:#fff;font-size:16px;display:block !imporant;padding:15px 0;margin:-55px auto 0;max-width:300px;position:relative;z-index:9;border-radius: 0 0 10px 10px}
.m-p-title2{background:rgba(192,48,107,0.7);color:#fff;font-size:16px;display:block !imporant;padding:15px 0;margin:-55px auto 0;max-width:300px;position:relative;z-index:9;    border-radius: 0 0 10px 10px;}
.color1{color:#fff}
.color2{color:#ecc056}
.footer{background:#000;color:#999;font-size:13px}
.foot-area{margin:30px auto;padding:0 50px;text-align:left}
.foot-area:after{display:block;clear:both;content:''}
.foot-logo{display:block;float:left;margin-right:20px;width:200px}
.foot-area p{float:left;line-height:160%;}
.block:after{display:block;clear:both;content:'';}

.contac-area{background:#fff;width:600px;position:absolute;width:600px;height:400px;left:50%;margin-left:-550px}

.product{max-width:1940px;margin:0 auto;padding-bottom:30%;text-align:center;position:relative;z-index:2;color:#000}
.pro-back{overflow:hidden;position:relative;width:1400px;margin:0 auto;padding-bottom:35%}
.pro-block{width:100%;position:absolute}
.bg-bt{text-align:center;padding:30px 0px 0;}
.bg-bt li{display:inline-block;font-weight:600;width:150px;border:2px solid #000;border-radius:50px;margin:0 7.5px;text-align:center;color:#000;font-size:17px;padding:15px 0;line-height:0;cursor:pointer}
.bg-bt .on{color:#fff !important;background:#000 !important;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.bg-bt.bgon li{border-color:#c0306b;color:#c0306b;}
.bg-bt.bgon .on{background:#c0306b !important;}

.owl-pagination{display:none}
.owl-carousel{position:relative;overflow:hidden}
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:50%;margin:-35px 0 0 0;width:34px; height:40px;text-indent:-9999px;cursor:pointer;z-index:999}
.owl-prev{left:0;background:url('/images/arrow_left.png') no-repeat}
.owl-next{right:0;background:url('/images/arrow_right.png') no-repeat}	
.owl-carousel .owl-item img{width:300px;height:430px;margin:0 auto}
	@-webkit-keyframes imageAnimation { 
		0% {
			opacity: 0;
			-webkit-animation-timing-function: ease-in;
		}
		10% {
			opacity: 1;
			-webkit-transform: scale(1.02);
			-webkit-animation-timing-function: ease-out;
		}
		20% {
			opacity: 1;
			-webkit-transform: scale(1.05) rotate(0deg);
		}
		80% {
			opacity: 1;
			-webkit-transform: scale(1.07) rotate(0deg);
		}
		100% {
			opacity: 0;
			-webkit-transform: scale(1.1) rotate(0deg);
		}
		100% { opacity: 0 }
	}
	@-moz-keyframes imageAnimation { 
		0% {
			opacity: 0;
			-moz-animation-timing-function: ease-in;
		}
		10% {
			opacity: 1;
			-moz-transform: scale(1.02);
			-moz-animation-timing-function: ease-out;
		}
		20% {
			opacity: 1;
			-moz-transform: scale(1.05) rotate(0deg);
		}
		80% {
			opacity: 1;
			-webkit-transform: scale(1.07) rotate(0deg);
		}
		100% {
			opacity: 0;
			-moz-transform: scale(1.1) rotate(0deg);
		}
		100% { opacity: 0 }
	}
	@-o-keyframes imageAnimation { 
		0% {
			opacity: 0;
			-o-animation-timing-function: ease-in;
		}
		10% {
			opacity: 1;
			-o-transform: scale(1.02);
			-o-animation-timing-function: ease-out;
		}
		20% {
			opacity: 1;
			-o-transform: scale(1.05) rotate(0deg);
		}
		80% {
			opacity: 1;
			-webkit-transform: scale(1.07) rotate(0deg);
		}
		100% {
			opacity: 0;
			-o-transform: scale(1.1) rotate(0deg);
		}
		100% { opacity: 0 }
	}
	@-ms-keyframes imageAnimation { 
		0% {
			opacity: 0;
			-ms-animation-timing-function: ease-in;
		}
		10% {
			opacity: 1;
			-ms-transform: scale(1.02);
			-ms-animation-timing-function: ease-out;
		}
		20% {
			opacity: 1;
			-ms-transform: scale(1.05) rotate(0deg);
		}
		80% {
			opacity: 1;
			-webkit-transform: scale(1.07) rotate(0deg);
		}
		100% {
			opacity: 0;
			-ms-transform: scale(1.1) rotate(0deg);
		}
		100% { opacity: 0 }
	}
	@keyframes imageAnimation { 
		0% {
			opacity: 0;
			animation-timing-function: ease-in;
		}
		10% {
			opacity: 1;
			transform: scale(1.02);
			animation-timing-function: ease-out;
		}
		20% {
			opacity: 1;
			transform: scale(1.05) rotate(0deg);
		}
		80% {
			opacity: 1;
			-webkit-transform: scale(1.07) rotate(0deg);
		}
		100% {
			opacity: 0;
			transform: scale(1.1) rotate(0deg);
		}
		100% { opacity: 0 }
	}

.hh01 li:nth-child(1) span {background-image:url(/images/main1_2.jpg) }
	.hh01 li:nth-child(2) span {
		background-image: url(/images/main2_2.jpg);
		-webkit-animation-delay: 4s;
		-moz-animation-delay: 4s;
		-o-animation-delay: 4s;
		-ms-animation-delay: 4s;
		animation-delay: 4s;
	}
	.hh01 li:nth-child(3) span {
		background-image: url(/images/main3.jpg);
		-webkit-animation-delay: 8s;
		-moz-animation-delay: 8s;
		-o-animation-delay: 8s;
		-ms-animation-delay: 8s;
		animation-delay: 8s;
	}
	.hh01 li:nth-child(4) span {
		background-image: url(/images/main1_2.jpg);
		-webkit-animation-delay: 12s;
		-moz-animation-delay: 12s;
		-o-animation-delay: 12s;
		-ms-animation-delay: 12s;
		animation-delay: 12s;
	}

.v-lotate{
		position:absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: -5;
		background:#fff
	}

.v-lotate:after {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 1;
		background:rgba(255,255,255,0)
	}

	.v-lotate li span {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		color: transparent;
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: none;
		opacity: 0;
		z-index: 0;
		-webkit-backface-visibility: hidden;
		-webkit-animation: imageAnimation 24s linear infinite 0s;
		-moz-animation: imageAnimation 24s linear infinite 0s;
		-o-animation: imageAnimation 24s linear infinite 0s;
		-ms-animation: imageAnimation 24s linear infinite 0s;
		animation: imageAnimation 24s linear infinite 0s;
	}

.main-con{visibility:hidden;overflow:hidden;width:100%;position:relative; z-index:1;height:100%;}
.main-con .visual{width:100%;height:100%}
.visual li{width:100%;height:100%;position:absolute;}
.aPrev {width:64px; height:100px; position:absolute; top:50%;left:50%;margin-top:0;margin-left:-700px;z-index:99}
.aPrev .img { width:64px; height:100px; position:absolute; opacity:0.3; filter:alpha(opacity=30);left:0;z-index:1}
.aPrev .square { width:110px; height:100px; position:absolute;cursor:pointer; top:0px;left:-50px;z-index:9;background:rgba(255,255,255,0)}
	
.aNext {width:64px;height:100px; position:absolute; top:50%;right:50%;margin-top:0;text-align:right;margin-right:-700px;z-index:999}
.aNext .img { width:100%; height:100px; position:absolute;opacity:0.3; filter:alpha(opacity=30);right:0;z-index:1}
.aNext .square { width:110px; height:100px; position:absolute;cursor:pointer; top:0px;right:-50px;z-index:9;background:rgba(255,255,255,0)}

.ms_nav { width:100%; height:49px; bottom:80px; position:absolute; text-align:center; font-size:0;}
.ms_nav li { display:inline-block; *display:inline; zoom:1; cursor:pointer; position:relative;background:#fff;width:10px;height:10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;margin:8px}
.ms_nav li.on {background:#cf0d6c;}
.main1{background:url(/images/main1.jpg) no-repeat center;background-size:cover}
.main2{background:url(/images/main2.jpg) no-repeat center;background-size:cover;display:none}
.main3{background:url(/images/main33.jpg) no-repeat center;background-size:cover;display:none}
.pink{color:#79092c}

.section .c1, .section .c2, .section .c3, .section .c4 {
	border-radius: 10px;
}
.section.active .cs-img, .section.active .c1, .section.active .c2, .section.active .c3, .section.active .c4{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.section .c1{line-height:130%;color:#666;font-size:14px;padding:15px 0 0 40px;text-align:left;background:rgba(255,247,240, 0.9);position:absolute;width:382px;height:263px;margin-left:-392px;left:50%;margin-top:-273px;top:50%;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);z-index:2}
.section .c2{line-height:130%;color:#666;font-size:14px;padding:18px 0 0 40px;text-align:left;background:rgba(240,250,254, 0.9);position:absolute;width:382px;height:263px;margin-left:-392px;left:50%;top:50%;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);z-index:2}
.section .c3{background:rgba(255,255,255, 0.6);position:absolute;width:382px;height:263px;left:50%;;margin-top:-273px;top:50%;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);z-index:2}
.section .c4{font-size:14px;padding:30px 0;background:rgba(255,255,255, 0.6);position:absolute;width:382px;height:263px;left:50%;top:50%;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);z-index:2}
.section .st{color:#aaa;margin-bottom:5px}
.section .cs-title{font-size:24px;color:#000;margin-bottom:10px}
.section .b-num{font-size:24px;color:#000;margin:10px 0 10px}
.section .b-name{margin:10px 0 10px}
.section .cs-title span, .b-num span{font-size:18px}
.section .etc{color:#000;margin:5px 0}
.section .f-site{font-size:16px;color:#000;font-weight:600}
.section .c4 img{display:block;margin:10px auto}
.section .fbt{background:#e75c6c;border-radius: 5px;color:#fff;margin:10px auto;padding:8px;text-align:center;width:160px}
.section .c1 a{display:block;margin:10px 0;border-radius: 5px;background:#f8b500;color:#fff;text-align:center;width:160px;padding:8px}
.section .c3 a{position:absolute;width:100%;height:100%;display:block;top:0;padding:110px 0 0}