@import url('goble.css');
@import url('header.css');
@import url('animate.css');
@import url('navs.css');

/*banner*/
div.moduletable-banner{width:100%;position: relative;top:170px;background: url(../images/loading.gif) no-repeat;margin:0 auto;}
.flexslider{width:100%;overflow: hidden;position: relative;zoom: 1;}
.flexslider .slides{zoom: 1;}
.flexslider .slides > li{display: none;position: relative;}

.flexslider .slides > li .banner-info{position: absolute;bottom: 35%;left:18%;}
.flexslider .slides > li .banner-info h1{color:#fff;font-size: 1.5625vw;font-weight: 400;letter-spacing: .4px;margin-bottom: 50px;}
.flexslider .slides > li .banner-info a{background: #c8aa79;padding: 10px 30px;color:#fff;font-size: 16px;border-radius:20px;}

.flexslider .slides img{width:100%;height:auto;display: block;}

.slides: after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li: first-child{display: block;}


.flex-caption{background: none;-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom: 1;}
.flex-caption{width: 96%;padding: 2%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.3);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);font-size: 14px;line-height: 18px;}

.flex-direction-nav{height: 0;overflow: hidden;}
.flex-direction-nav li a{display: none;width: 47px;height: 80px;position: absolute;top: 50%;margin-top: -40px;cursor: pointer;text-indent: -9999px;}
.flex-direction-nav li a.next{right: 0;background: url("../images/bg_direction_nav.png") no-repeat scroll -47px 0 transparent;}
.flex-direction-nav li a.next: hover{}
.flex-direction-nav li a.next: active{background: url("../images/bg_direction_nav.png") no-repeat scroll -47px -80px transparent;}
.flex-direction-nav li a.prev{left: 0;background: url("../images/bg_direction_nav.png") no-repeat scroll 0 0 transparent;}
.flex-direction-nav li a.prev: hover{}
.flex-direction-nav li a.prev: active{background: url("../images/bg_direction_nav.png") no-repeat scroll 0 -80px transparent;}
.flex-direction-nav li a.disabled{opacity: .3;filter: alpha(opacity=30);cursor: default;}

.flex-control-nav{position: absolute;bottom:10px;width:100%;margin:0 auto;text-align:center;}
.flex-control-nav li{display: inline-block;zoom: 1;margin: 5px 10px;}
.flex-control-nav li a{display: block;width: 18px;height: 18px;border-radius:50px;background:#fff;cursor: pointer;text-indent: -9999px;}
.flex-control-nav li a:hover{width:18px;height: 18px;border-radius:50px;background:#c8aa79;}
.flex-control-nav li a.active{width:18px;height: 18px;border-radius:50px;background:#c8aa79;cursor: default;}
/*banner */

/*视频列表 效果*/
.video-index-list{width:650px;margin-right: -10px;}

.video_con,.video_con_one{position: relative;float: left;margin: 0 10px 10px 0;}

.video_con .a_img{width: 315px;height: 175px;}
.video_con_one .a_img{width: 550px;height: 360px;}

.video_overlay{width: 100%;height: 100%;position: absolute;cursor: pointer;z-index: 10;top: 0;left: 0;background: #000;opacity: 0;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);transition: all ease-out 0.4s;-webkit-transition: all ease-out 0.4s}
.video_con:hover .video_play,.video_con_one:hover .video_play{opacity: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter: alpha(opacity=100);-webkit-transfrom: scale(1);-mo-transfrom: scale(1);transform: scale(1)}
.video_con:hover .video_overlay,.video_con_one:hover .video_overlay{opacity: 0.5;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter: alpha(opacity=50)}
.pro-video-wrap_img.video_con {height: 218px}
.pro-video-wrap_img.video_con_one{height: 360px}

.video_play {
	width: 60px;
	height: 60px;
	position: absolute;
	cursor: pointer;
	z-index: 20;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	-webkit-transition: all ease-out 0.4s;
	transition: all ease-out 0.4s;
	-webkit-transform: scale(2);
	transform: scale(2);
	-ms-transform: scale(2)
}
.play-zhezhao{
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(top,transparent,rgba(0, 0, 0, .5));
    background-image: -moz-linear-gradient(top,transparent,rgba(0, 0, 0, .5));
    background-image: -o-linear-gradient(top,transparent,rgba(0, 0, 0, .5));
     background-image: linear-gradient(to bottom,transparent,rgba(0, 0, 0, .5)); 
    background-image: none 9;
}
.smallvideo-text{position: absolute;top: 150px;left: 10px;color: #fff;font-size: 12px;z-index: 20;}
.video-text-one{position: absolute;top: 335px;left: 10px;color: #fff;font-size: 12px;z-index: 20;}

.floor-banner{width: 100%;height:210px;margin: 0 auto;}
.floor-banner img{width:100%;height:210px;position: absolute;}
.floor-banner .info{width: 80%;margin:0 auto;position: relative;top:40px;text-align: center;}
.floor-banner .info h1{font-weight: lighter;font-size: 20px;line-height: 50px;color:#fff;margin-bottom: 15px;}
.floor-banner .info p{color:#fff;font-size: 16px;letter-spacing: .05em;margin-top: 20px;}

.floor-banner2{width: 100%;height:396px;margin: 0 auto;}
.floor-banner2 img{width:100%;height:396px;position: absolute;}
.floor-banner2 .info{width: 80%;margin:0 auto;position: relative;top:80px;text-align: center;}
.floor-banner2 .info h1{font-weight: lighter;font-size: 28px;line-height: 50px;color:#fff;margin-bottom: 15px;}
.floor-banner2 .info p{color:#fff;font-size: 24px;letter-spacing: .05em;margin: 20px auto 50px auto;}

.floor-banner3{width: 100%;height:525px;margin: 20px auto;}
.floor-banner3 img{width:100%;height:525px;position: absolute;}
.floor-banner3 .info{width:85%;position:relative;top:120px;left:15%;}
.floor-banner3 .info h1{font-weight: lighter;font-size: 28px;line-height: 50px;color:#fff;margin-bottom: 15px;}
.floor-banner3 .info p{color:#fff;font-size: 24px;letter-spacing: .05em;margin: 20px auto 50px auto;}
.floor-banner3 .info a{margin: 0;}

/*内容 新闻*/
.weblist{margin:15px auto 0 auto;width:456px;}
.weblist li{height:30px; line-height:30px; overflow:hidden; position:relative; font-size:14px;color:#999;}
.weblist li span{position:absolute; top:0px; right:5px; white-space:nowrap;}
.weblist li a{background:url(../images/icon-dot.gif) 2px center no-repeat; padding-left:20px;color:#666;}
.weblist li a:hover{background:url(../images/icon-dot.gif) 2px center no-repeat;}

/*2019年新款腕表*/
/*.index-casebox{width: 1560px;margin: 0 auto;}
.index-casebox ul li{width: 500px;height:400px;float: left;margin:10px;position: relative;}
.index-casebox ul li:hover img{width: 500px;height: 400px;transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}
.index-casebox ul li:hover h1{font-size: 20px;color: #fff;font-weight: normal;}

.index-casebox ul li a{position: absolute;overflow:hidden;top:0px;left:0;right:0;width:500px;height:400px;}
.index-casebox ul li a:hover img{width: 500px;height: 400px;transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}

.index-casebox ul li img{width: 500px;height: 400px;-moz-transition: all 2s; -webkit-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.index-casebox ul li h1{position: relative;font-size: 20px;color: #fff;font-weight: normal;text-align: center;top:50px;}*/

/*探索VERTU尊享手机系列*/
.index-casebox3{width: 800px;margin: 40px auto 60px auto;height:370px;}
.index-casebox3 ul li{width: 300px;height:315px;float: left;margin:0 50px 60px 50px;text-align: center;}
.index-casebox3 ul li:hover img{width: 300px;height: 315px;transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}
.index-casebox3 ul li:hover h1{font-size: 22px;color: #1b1b1b;font-weight: normal;line-height: 48px;height: 48px;margin-top: 20px;}

.index-casebox3 ul li a{overflow:hidden;width:300px;height:315px;}
.index-casebox3 ul li a:hover img{width: 300px;height: 315px;transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}

.index-casebox3 ul li img{width: 300px;height: 315px;-moz-transition: all 2s; -webkit-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.index-casebox3 ul li h1{font-size: 22px;color: #1b1b1b;font-weight: normal;line-height: 48px;height: 48px;margin-top: 20px;}



.index-casebox2{width: 1350px;margin: 40px auto 80px auto;height:280px;}
.index-casebox2 ul li{width: 410px;height:280px;float: left;margin:0 20px 60px 20px;text-align: center;}
.index-casebox2 ul li:hover img{width: 410px;height: 230px;}
.index-casebox2 ul li:hover h1{font-size: 22px;color: #1b1b1b;font-weight: normal;line-height: 50px;height: 50px;}

.index-casebox2 ul li a{overflow:hidden;width:410px;height:230px;}
.index-casebox2 ul li a:hover img{width: 410px;height: 230px;}

.index-casebox2 ul li img{width: 410px;height: 230px;}
.index-casebox2 ul li h1{font-size: 22px;background:#fff;color: #1b1b1b;font-weight: normal;line-height: 50px;height: 50px;}