@charset "utf-8";
@font-face{
	font-family:'苹方-简 细体';
	src: url('../font/苹方-简 细体.ttf');
}
.menu_sec{width: 100%;height: auto;}
.megamenu{margin-bottom:0px;width:100%;list-style:none;position:relative;font-family: '苹方-简 细体';font-size:1.1em;}
.megamenu>li{display:inline;float: left;width: 15%;text-align: center;}
.megamenu>li.logo1{width: 24%;}
.megamenu>li>a{width:100%;float:left;padding:12px 0;text-decoration:none;font-size:14px;color: #fff;}
.megamenu>li.active>a{position:relative; }
.megamenu>li.active>a:after{content: "";width: 0;height: 0;position: absolute;bottom: -9px;left:50%;margin-left: -8px;border: 8px solid transparent;border-bottom-color: #7a7a7a;}
.megamenu>li>.megapanel{display:none;position:absolute;width:15%;top:44px;left:39%;z-index:99;text-align: center;
}
.megamenu>li>.megapanel.megapanel2{left: 54%;}
.megapanel li{padding: 9px 0;border: none;background: #000;}
.megamenu>li.showhide{display:none;width:100%;height:50px;cursor:pointer;color:#555;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#dbdbdb',GradientType=0)}
.megamenu>li.showhide span.title{margin:0;float:left;height:100%;}
.megamenu>li.showhide span.title img{width: auto;height:20px;margin: 12px 12px 0;}
.megamenu>li.showhide span.icon1:after{position:absolute;content:"";right:25px;top:12px;height:3px;width:25px;font-size:50px;border-top:2px solid #fff;border-bottom:2px solid #fff;z-index:1}
.megamenu>li.showhide span.icon2:after{position:absolute;content:"";right:25px;top:20px;height:3px;width:25px;font-size:50px;border-top:2px solid #fff;border-bottom:2px solid #fff;z-index:1}
.megamenu>li.showhide span.icon3:after{position:absolute;content:"";right:25px;top:28px;height:3px;width:25px;font-size:50px;border-top:2px solid #fff;border-bottom:2px solid #fff;z-index:1}
.skyblue,.skyblue>li.showhide{width: 80%;margin: 0 10%;}
.skyblue li>a,.skyblue>li.showhide span{color:#fff}
.skyblue li:hover{background: #c5c5c5;}
.skyblue li a:hover{color: #000000;}
.skyblue li .megapanel li:hover{background: #c5c5c5;}
.megamenu>li>.megapanel>ul>li>a{font-size:14px;}
@media(max-width:2000px){
	figure.effect-bubba h4 img{width: 12%;}
}
@media(max-width:1650px){
	.about-bg1{width: 36%;}
	.about-bg2{margin-top: 90%;}
	.about-tu2{width: 32%;left:20%;}
	.about-tu3{width: 42%;left:20%;}
	.about-tu4{width: 60%;left:20%;}
	figure.effect-bubba h4 img{width: 16%;}
}
@media(max-width:1366px){
	.about-bg1{width: 30%;}
	.about-bg2{width: 20%;margin-top: 120%;}
	.about-tu1{width: 14%;left:56%;}
	.about-tu2{width: 30%;left:35%;}
	.about-tu3{width: 40%;left:20%;}
	.about-tu4{width: 50%;left:25%;}
}
@media(max-width:1250px){
	figure.effect-bubba h4{font-size: 16px;}
}
@media(max-width:1200px){
	.about-bg2{margin-top: 160%;}
}
@media(max-width:1024px){
	figure.effect-bubba h4{padding-top:12%;}
	.about-bg2{margin-top: 200%;}
	.about-tu1{left:50%;top:10%}
}
@media(max-width:990px){
	figure.effect-bubba h4{padding-top:20%;}
	.life-content{height: auto;overflow: visible;}
	.life-side{padding: 0;}
	.fw_logo li{width:20%;}
}
@media(max-width:980px){
	.movies-sub2 .container{padding:0;}
}
@media(max-width:900px){
	.fw_biaoti{font-size: 36px;}
}
@media(max-width:840px){
	.footer{margin-top: 0;}
	.foot-a1{padding-bottom: 8px;}
	.foot-a2{padding: 8px 0 0;}
	.foot-c{float: left;}
	.about{padding-bottom: 5%;}
	.about-bg2{margin-top: 100%;}
	.about-tu1{width: 25%;left:45%;top:10%;}
	.about-tu2{width: 40%;left:20%;top:36%;}
	.about-tu3{width: 50%;left:20%;bottom: 36%;}
	.about-tu4{width: 50%;left:20%;bottom: 10%;}
}
@media(max-width:768px){
	body,html,p{font-size: 14px;}
	.header .container{padding: 0;}
	.skyblue, .skyblue>li.showhide{width: 100%;margin: 0;}
	.megamenu>li>a{background:#000; }
	.megamenu>li>a:hover{color: #fff;}
	.megamenu>li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;border-radius:0;border: none;border-bottom: 1px solid #E1ECF0;}
	.megamenu a{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	.megamenu>li.showhide span.title {margin: 0;}
	.megamenu>li.showhide span.icon1:after {top: 10px;right:15px;}
	.megamenu>li.showhide span.icon2:after {top:20px;right:15px;}
	.megamenu>li.showhide span.icon3:after {top:30px;right:15px;}
	.megamenu>li.showhide {height: 40px;border-color:transparent;}
	ul.megamenu.skyblue {width: 100%;margin: 0 auto;}
	.megamenu>li>.megapanel{width: 100%;left: 0;top:124px;box-shadow: 0px 0px 6px #a2a2a2;}
	.megamenu>li>.megapanel.megapanel2{left: 0;top:172px;}
	.home-slide .carousel-indicators{margin-bottom: 0 ;}
	.megapanel li{border-radius: 0;border-bottom: 1px solid #58A1C1;}
	.home-slide .carousel-indicators li,.home-slide .carousel-indicators .active{width: 30px;}
	.contact-top h4{font-weight: bold;font-size: 1.1em;line-height: 1.5em;}
	.contact-top p{font-size: 12px;line-height: 1.5em;}
	.contact-top p span{font-size: 12px;line-height: 1.5em;}
	.case2 .col-sm-6:nth-of-type(1),.case2 .col-sm-6:nth-of-type(2){padding-left:0;padding-right:0;padding-bottom: 0.4em;}
	.public .col-sm-6,.public .col-sm-12{padding-top: 0;padding-bottom: 20px;}
	.daop1{margin-top: 10%;margin-left: 36%;}
	.domainnav img{width: 40%;margin: 0 30%;}
	.overli{margin-top: 20%;}
	.clock{width: 40px;right:7%;top:17%;}
	.clock2{width: 36px;right:5%;top:10%;}
	.botlogo{display: none;}
	.ih-item .info h3 img{width: 40px;margin: 0 auto;}
	.shipins .overul .overli{margin: 50% auto 0;}
	.swiper-right{padding: 0 5px;}
	.movies-sub2{padding-top:20px;}
	.movies-wen{width: 100%;padding: 12px 40px 30px;}
	.biaoti-navs{margin-top: 30px;}
	.banner-grid{padding: 0;}
	.life-anli a h4{line-height: 1.6em;font-size: 14px;}
	.life-anli a p{line-height: 1.6em;font-size: small;padding-bottom: 0.5em;}
	.life-wen h4{line-height: 1.6em;font-size: 14px;padding-bottom: 0.3em;}
	.life-wen p{line-height: 1.6em;font-size: small;}
	.ih-itemzi p{font-size: 14px;}
	.life-wen img{margin: 8px auto;}
	.carousel,.case1{padding-top: 40px;}
	.overli p.pap{font-size: small;}
	.domainul li{font-size: 12px;}
	.fw_logo li{width:20%;}
	.fw_biaoti{border-bottom: none;}
}
@media (max-width: 650px){
	.contact-bot{height: 400px;}
	.life{margin-top: 20px;}
	.life-content{margin-bottom: 30px;}
	figure.effect-bubba p.ovp{font-size: small;}
	figure.effect-bubba p.daop2{font-size:14px;padding: 2% 0;margin-top: 2%;}
	.banner-grid figcaption h5 a span{font-size: small;padding:2px 4px;}
	.videowei p{font-size: small;}
	.fw_biaoti{font-size: 30px;}
}
@media (max-width: 500px){
	.foot-a1{font-size: 12px;letter-spacing:1px;}
	.contact-bot{height: 280px;width: 100%;}
	.contact-top p{font-size: 12px;}
	.about-tu1{width: 25%;left:50%;top:8%;}
	.about-tu2{width: 60%;left:6%;top:32%;}
	.about-tu3{width: 70%;left:5%;bottom: 30%;}
	.about-tu4{width: 60%;left:7%;bottom: 1%;}
	.daop1{margin-top: 12%;margin-left: 20%;}
	.domainul li{margin: 2px 14px 14px 18px;}
	.domainbot,.fwpingpai{margin-top: 30px;}
	.biaoti-nav li{margin-right: 14px;}
	.biaoti-nav li a{font-size: 14px;padding-bottom: 10px;}
	.movies-wen{width: 100%;padding: 12px 2px 20px;text-align: left;}
	.life-tu img{width: 100%;}
	figure.effect-bubba p.ovp {  margin-top: 2%;padding: 6px 0;}
	.overli img{width: 100%;height:auto;margin: 15% 0 0;}
	.overli p.pap{width: 96%;}
	.fw_logo li{width:25%;}
	.fw_biaoti{font-size: 24px;font-weight: 500;}
}
@media (max-width: 400px){
	.foot-a1{font-size: 12px;letter-spacing:1px;}
	.fw_biaoti{font-size: 20px;}
}
@media (max-width: 320px){
	ul.megamenu.skyblue {width: 100%;margin:0;}
	figure.effect-bubba h4{padding-top:10%;}
	.contact-bot{height: 220px;}
	.fw_biaoti{font-size: 18px;}
}