.clr{*zoom:1}
.clr:after{content:"";display:block;clear:both}

.section{padding-top:10px;clear:both;max-width:870px;margin:0 auto}
.section .title{padding-bottom:50px}
.section h2{margin-bottom:20px}
.section h2 span{display:block;font-weight:normal;font-size:30px; text-align:center; color:#222;}
.section h2 i{display:block;border-bottom:1px dotted #222;width:30px;height:1px;margin:15px auto 0}
.section h1{margin-bottom:25px;font-size:35px;font-weight:600; text-align:center; color:#222;}
.section h1 i{display:block;border-bottom:1px solid #222;width:30px;height:1px;margin:15px auto 0}
.section h4{font-size:16px;line-height:24px;font-weight:normal;color:#999; text-align:center; color:#222;}
.section h4 span{color:#eb1c23}
.section h42{font-size:16px;line-height:24px;font-weight:normal;color:#999; text-align:left; color:#222;}
.section h42 span{color:#00B4D5; font-weight:bold;}
.section h3{margin:0 auto 45px;font-size:26px; color:#222;}
.section h33{margin:0 auto 450px;font-size:26px; color:#222;}


#section01{background:#fff;overflow:hidden}
.section01 li{float:left;width:48%}
.section01 li.listyle_left{text-align:right;margin-right:2%}
.section01 li.listyle_left figure{float:right;margin:0 0 20px 20px;overflow:hidden;width:50px}
.section01 li.listyle_left figure img{width:100%}
.section01 li.listyle_right{text-align:left;margin-left:2%}
.section01 li.listyle_right figure{float:left;margin:0 20px 20px 0;overflow:hidden;width:50px}
.section01 li.listyle_right figure img{width:100%}
.section01 li h3{font-size:17px;font-weight:normal;margin-bottom:5px}
.section01 li p{margin-bottom:20px;color:#666;font-size:14px;line-height:24px}

.section01 .animate.about_img{bottom:-100%}



#section03{background:#fff}
.section03 .process{padding:0 10px}
.section03 .left_con{width:48%;float:left;margin-right:4%}
.section03 .left_con img{width:100%;margin-bottom:50px}
.section03 .right_con{width:48%;float:left}
.section03 ul{margin-top:15px}
.section03 li{text-align:left}
.section03 li figure{float:left;margin:0 30px 30px 0;overflow:hidden;width:50px}
.section03 li figure img{width:100%}
.section03 li h3{font-size:17px;font-weight:normal;margin-bottom:5px;margin-top:0}
.section03 li p{margin-bottom:20px;color:#666;font-size:14px;line-height:24px}

.section03 .left_con.animate{left:-100%}
.section03 li.animate{right:-100%}


@media screen and (max-width:1700px){
.main_videoBg.video{padding-bottom:0;height:100%}
.main_videoBg.video iframe,.main_videoBg.video object,.main_videoBg.video embed{position:absolute;top:-10%;left:-10%;width:auto;width:120%;height:120%;background:#fff!important}}

@media screen and (max-width:1400px){
.main_videoBg.video{padding-bottom:0;height:100%}
.main_videoBg.video iframe,.main_videoBg.video object,.main_videoBg.video embed{position:absolute;top:-20%;left:-20%;width:auto;width:140%;height:140%;background:#fff!important}}

@media screen and (max-width:1200px){
.main_videoBg.video{padding-bottom:0;height:100%}
.main_videoBg.video iframe,.main_videoBg.video object,.main_videoBg.video embed{position:absolute;top:-40%;left:-40%;width:auto;width:180%;height:180%;background:#fff!important}
.section0A{font-size:13px}.section0A li h2{font-size:18px}header h1 a{left:10px}.r_nav_btn{font-size:0;right:10px}}

@media screen and (max-width:1000px){header h1{padding:15px 0 21px}header h1 a{position:static;display:inline-block}header nav{display:none}header .lnbBtn{display:block;position:absolute;left:10px;top:18px}header .lnbBtn img{width:40px}
.overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:500}
.btnStyle a{font-size:16px}.section h1{font-size:30px}
.section h4{font-size:14px}
.section01 .about_img{width:90%;margin:0 auto}
.section02{width:90%;margin:0 auto}
.section02 h2{font-size:24px;line-height:36px}
.section03{padding-bottom:60px}


.themesPage_items_main .item{width:33.3%}

.section .title{opacity:1}.animate{opacity:1;position:relative}
.section01 .animate.listyle_left{left:0}
.section01 .animate.listyle_right{right:0}
.section01 .animate.about_img{bottom:0}
.section03 .left_con.animate{left:0}
.section03 li.animate{right:0}
.themesPageWrap .title.animate{bottom:0}
.themesPageWrap .themesPage_items{position:relative;opacity:1;bottom:0}}

@media screen and (max-width:768px){
.themesPage_items_main .item{width:50%}footer{font-size:12px}
.section0A{padding:0 10px 80px}.section0A li{float:none;width:100%;margin-left:0;margin-bottom:20px}
.section0A li:first-child{margin-bottom:20px}}

@media screen and (max-width:599px){header h1{padding:5px 0 15px}header h1 img{max-height:22px}header .lnbBtn{top:11px}header .lnbBtn img{width:30px}#molnb{top:56px}

.down_btn a{font-size:12px}.btnStyle{margin-bottom:60px}
.btnStyle a{font-size:10px;margin:3px 5px}
.section{padding-top:40px}
.section .title{padding-bottom:30px}
.section h1{margin-bottom:10px}
.section h2 span{font-size:22px}
.section h1{font-size:18px}
.section h3{font-size:22px;margin-bottom:30px}
.section h4{font-size:12px;width:80%;margin:0 auto}
.section h4 br{display:none}
.section01 li h3{font-size:14px}
.section01 li p{font-size:12px;line-height:16px}
.section01 .about{width:80%;margin:0 auto}
.section01 li{width:100%;margin:0!important}
.section01 li.listyle_left{text-align:left}
.section01 li.listyle_left figure{float:left;margin:0 20px 20px 0}
.section02{padding:60px 0 60px}
.section02Wrap>div{background-size:auto 100%!important;background-position:center!important}
.section02 h2{font-size:14px;line-height:28px}
.section02 img{width:10px}
.section03 .left_con{margin-right:0;width:100%;overflow:hidden}
.section03 .left_con img{margin-left:7%}
.section03 .right_con{width:80%;margin:0 auto;float:none}
.section03 li h3{font-size:14px}
.section03 li p{font-size:12px;line-height:16px}
.section03 li figure{margin:0 20px 20px 0}


@media screen and (max-width:320px){header nav ul li a{padding:0 3px;font-size:10px}.viewBoxWrap{width:290px;height:220px;margin:-110px 0 0 -150px;padding:5px}}