@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF; width:100%; height:100%; overflow:hidden;}
.container{ width:100%; height:100%; overflow:hidden;/* position:fixed; left:0; top:0; background-repeat:no-repeat; background-position:center top; background-size:cover;*/}
.flash{ width:100%; margin:0 auto;}
.swiper1{ width:100%; }
.swiper1 .swiper-pagination {width: 100%; bottom:10px;}
.swiper1 .swiper-pagination-bullet{opacity:1; background:rgba(127,126,125,0.6); margin:0 3px!important;width:12px; height:12px; border-radius:50%; display:none;}
.swiper1 .swiper-pagination-bullet-active{background:rgba(119,182,241,1);}
.swiper1 .swiper-container{width: 100%;}
.swiper1 .swiper-slide{ position:relative; cursor:pointer}
.swiper1 .swiper-slide img{ width:100%;}
/*.swiper1 .swiper-slide h3{ width:45%; height:100%; position:absolute; left:0; top:50%; overflow:hidden; color:#FFF; box-sizing:border-box; padding-left:12%; padding-right:2%; font-weight:normal; font-size:40px; height:144px; line-height:72px; margin-top:-72px;  }*/
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ background-image:url(none); display:none;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ width:60px; height:60px; line-height:60px; text-align:center; border-radius:50%; background-color:rgba(255,255,255,0); top:50%; margin-top:-30px; color:rgba(255,255,255,0.6)}
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:36px;}
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{  background-color:rgba(255,255,255,0); color:#FFF;}
.menu{ width:15%; height:100%; position:fixed; right:0; top:0; background-color:rgba(255,255,255,0.9); z-index:500; display:none;}
.menu > .menu-hd{ width:100%; box-sizing:border-box; border-bottom:1px solid #DDD; font-size:16px; box-sizing:border-box; padding-right:10px; padding-top:10%; padding-bottom:10%; text-align:right; }
.menu > .menu-hd > span{ cursor:pointer; transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; display:inline-block;  }
.menu > .menu-hd > span > i{font-size:16px;  }
.menu > .menu-hd > span:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.menu > .menu-list{ width:100%; height:auto;}
.menu > .menu-list > ul > li{ width:100%; height:60px; line-height:60px; text-align:center; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; cursor:pointer;border-bottom:1px solid #DDD; }
.menu > .menu-list > ul > li + li{/*border-top:1px solid #DDD;*/}
.menu > .menu-list > ul > li:hover{ background-color:#FF7744;}
.menu > .menu-list > ul > li:hover > a,.menu > .menu-list > ul > li:hover > a:hover{ color:#fff !important;}

.header{ width:1200px; position:absolute; left:50%; top:0; margin-left:-600px; margin-top:4%; box-sizing:border-box; padding-left:10px; padding-right:10px; z-index:400;}
.header > .logo{ width:352px; display:block; float:left;}
.header > .logo img{ width:100%;}
.header > .btn-menu{ display:block; width:64px; height:28px; line-height:28px; font-size:16px; position:absolute; right:10px; top:50%; margin-top:-14px; color:#FFF; transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in;}
.header > .btn-menu > i{ font-size:18px; }
.header > .btn-menu:hover{/* transform:rotate(180deg); -webkit-transform:rotate(180deg);*/ color:#FF7744;}

.btns{ width:36%; height:48px; background-color:rgba(255,255,255,0); position:absolute; left:50%; top:50%; margin-left:-18%; transform:translateY(60px); -webkit-transform:translateY(60px); z-index:110;}
.btns > ul > li{ width:32%; height:48px; line-height:48px; float:left; margin-right:2%; background-color:#e73530; border-radius:10px; font-size:14px; position:relative; cursor:pointer;}
.btns > ul > li:nth-of-type(3){ margin-right:0;}
.btns > ul > li > a{ width:100%; height:48px; line-height:48px; display:block; text-align:center; color:#FFF;}
.btns > ul > li > a > i{ border:1px solid #FFF; padding:5px; font-size:17px; box-sizing:border-box; border-radius:50%; color:#FFF;}
.btns > ul > li:hover > a{color:coral;}
.btns > ul > li:hover > a > i{color:coral; border:1px solid coral;}
.btns > ul > li > p{ width:100%; height:200px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-radius:10px; background-color:#e60a15; position:absolute; left:0; top:50%; margin-top:-100px; display:none; z-index:120;}
.btns > ul > li > p > a{ width:100%; height:50px; line-height:50px; box-sizing:border-box; display:block; text-align:center; color:#FFF; transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in;}
.btns > ul > li > p > a + a{ border-top:1px solid rgba(255,255,255,0.3);}
.btns > ul > li:hover > p{ display:block;}
.btns > ul > li > p > a:hover{ background-color:rgba(255,255,255,0.2); color:#f0f0f0 !important;}

.footer{ width:100%; height:auto; padding-top:10px; padding-bottom:10px; min-height:26px; position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,1); z-index:100; }
.footer .footer-nav{ width:40%; height:auto; line-height:26px; text-align:left; font-size:14px; float:left; padding-left:10px; box-sizing:border-box; }
.footer .copyright{ width:60%; height:auto; line-height:26px; box-sizing:border-box; padding-left:2%; padding-right:10px; float:right; font-size:14px;}