.layout{padding-left:4%; padding-right:4%;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}

/*header*/
#warpper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; height:100px; position:fixed; _position:absolute; left:0; top:0; z-index:100;}
.header.header-hover,.header.header-hover1{-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px rgba(0,0,0,0.2); background-color:#fff; border-bottom:1px solid #e6e6e6;}
.header.header-hover .logo a,.header.header-hover1 .logo a{background-image:url("../images/logo-h.png")/*tpa=http://www.100vic.com/themes/index/images/logo-h.png*/;}
.logo{position:absolute; left:0px; top:0px; padding-left:4%; padding-top:30px;}
.logo a{display:block; width:296px; height:38px; font-size:0; background-image:url("../images/logo.png")/*tpa=http://www.100vic.com/themes/index/images/logo.png*/; background-size:contain; background-repeat:no-repeat;}
.myPhone{position:absolute; right:4%; top:11px; font-size:12px; color:#fff; background:url("../images/myPhone.png")/*tpa=http://www.100vic.com/themes/index/images/myPhone.png*/ left center no-repeat; padding-left:18px;}
.myPhone b{margin-left:3px; color:#e15620;}
.nav{position:absolute; right:0px; top:40px; padding-right:4%;}
.nav ul{float:left;}
.nav ul li{float:left; margin-left:40px;}
.nav ul li a{font-size:16px; color:#fff; position:relative;}
.nav ul li a:before{content:""; display:block; width:0; height:1px; background-color:#fff; position:absolute; left:0; bottom:-3px; transition: 0.3s; -webkit-transition: 0.3s;}
.nav ul li:hover a:before,.nav ul li.on a:before{width:100%;}
.nav .messsn{display:block; width:21px; height:21px; background-image:url("../images/messicon.png")/*tpa=http://www.100vic.com/themes/index/images/messicon.png*/; background-position:0px 0px; background-repeat:no-repeat; cursor:pointer; font-size:0; float:left; margin-left:40px; display:none;}
.header.header-hover .myPhone,.header-hover1 .myPhone{color:#333; background:url("../images/myPhone_h.png")/*tpa=http://www.100vic.com/themes/index/images/myPhone_h.png*/ left center no-repeat;}
.header.header-hover .nav .messsn,.header.header-hover1 .nav .messsn{background-position:0px -21px;}
.header.header-hover .nav ul li a,.header.header-hover1 .nav ul li a{color:#333;}
.header.header-hover .nav ul li a:before,.header.header-hover1 .nav ul li a:before{background-color:#333;}
.header.header-hover .btn-m-list span,.header.header-hover1 .btn-m-list span{background-color:#333;}
.btn-m-list{position:absolute; top:50%; right:75px; margin-top:-17px; height:30px; width:30px; cursor:pointer; display:none;}
.btn-m-list span{position:absolute; left:0; top:0; display:block; width:100%; height:1px; background-color:#fff; transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .25s ease-in-out; -o-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out;}
.btn-m-list span:first-child{top:10px;}
.btn-m-list span:nth-child(2){top:18px;}
.btn-m-list span:nth-child(3){top:18px;}
.btn-m-list span:nth-child(4){top:26px;}
.btn-m-list.on span:first-child,.btn-m-list.on span:nth-child(4){display:none;}
.btn-m-list.on span:nth-child(2){transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.btn-m-list.on span:nth-child(3){transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=70); background-color:rgba(0, 0, 0, 0.7);display:none;z-index:100;}
.mob-nav{width:60%; height:100%; position:fixed; _position:absolute; top:0; left:-60%; overflow-y:auto; overflow-x:hidden; background-color:#25211E; z-index:200; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease;}
.mob-nav.on{left:0px; visibility:visible; opacity:1;}
.mob-nav .msearchbox{width:100%; height:35px; position:relative; background-color:#fff;}
.mob-nav .msearchbox .mtext{width:100%; height:35px; border:none; background:none; font-size:14px; color:#333; text-indent:10px;}
.mob-nav .msearchbox .mbtn{width:40px; height:35px; border:none; position:absolute; right:0px; top:0px; z-index:5; cursor:pointer; background:url("../images/searchbtn.png")/*tpa=http://www.100vic.com/themes/index/images/searchbtn.png*/ no-repeat;}
.mob-nav .subtab li{border-bottom:1px solid #343434; position:relative;}
.mob-nav .subtab li .tlink{display:block; padding:10px; font-size:14px; color:#fff; background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li.on .tlink{background-color:#e15620;}
.mob-nav .subtab li .subbtn{background-image:url("../images/moli.png")/*tpa=http://www.100vic.com/themes/index/images/moli.png*/;}
.mob-nav .subtab li.on .subbtn{background-image:url("../images/moli_h.png")/*tpa=http://www.100vic.com/themes/index/images/moli_h.png*/; background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.mob-nav .subtab li .submenu a{display:block; font-size:18px; color:#fff; padding:10px; border-top:1px solid #343434; background-color:#000;}
/*手机菜单样式开始-----------*/
.neirong{
	display:block; 
	position:fixed;
	width:100%; 
	top:0; 
	z-index:1000; 
	overflow-y:auto; 
	left:0;
	touch-action:pan-y; 
	-webkit-user-select:none; 
	-webkit-user-drag:none; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.neirong .neirong-bd{padding-bottom: 20px; padding-top: 50px;padding-left: 50px;padding-right: 50px; visibility: hidden;}
.neirong a{
	display:block; 
	height:47px; 
	line-height:47px; 
	color:#fff; 
	font-size:16px; 
	border-bottom: 1px solid #333; 
	-webkit-transition: all .35s ease-out;
	-moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
}
.neirong a.neirong-on{color:#aaa;}
.content{overflow-x:hidden; left:0; position:relative;}
.content.content-on{left:120px;}
.neirong.neirong-on{left:0;}
.body-on{position:relative; overflow:hidden;}
.html-on{overflow:hidden;}
.neirong-close{width:24px; height:24px; background:url("../images/nav_close.png")/*tpa=http://www.100vic.com/themes/index/images/nav_close.png*/ no-repeat 7px center; position:absolute; top:20px; left:10px; visibility:hidden;}
.neirong.neirong-hide{
	background-color:rgba(0,0,0,.8); height:0;
    -webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -ms-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    transition:background 0.35s linear,height 0.25s ease-in 200ms;
}
.neirong.neirong-show{background-color:#000; height:100%;}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility:visible;}
.neirong.neirong-hide a{
	opacity: 0;
	-webkit-transform: scale(1.1) translateY(-24px);
	-moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    -o-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
}
.neirong.neirong-show a{
	opacity: 1;
	-webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.neirong a:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong a:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong a:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong a:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong a:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong a:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong a:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong a:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong a:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong a:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}
/*手机菜单样式结束-----------*/
.seebtn{text-align:center; position:relative; z-index:10; padding:0px 0px 30px 0px;}
.seebtn a{display:block; width:150px; height:43px; line-height:43px; border-radius:10px; background:#2e2e2e; color:#fff; font-size:18px; margin:0 auto; transition: all 0.3s ease 0s;}
.seebtn a i{background:url("../images/loadmore.png")/*tpa=http://www.100vic.com/themes/index/images/loadmore.png*/ right center no-repeat; padding-right:30px; line-height:22px; display:inline-block;}
.seebtn a:hover{background:#cb0808;}

/*banner*/
.bannerwarp{width:100%; /*height:920px;*/ background-color:#000;}
.scrollBar{position:relative; left:0; top:0; width:100%; height:100%;}
.scrollBar .banner{position:absolute; left:0; top:0; width:100%; height:100%; background-image:url("../images/loading.gif")/*tpa=http://www.100vic.com/themes/index/images/loading.gif*/; background-position:center center; background-repeat:no-repeat;}
.scrollBar .banner ul li{
	position:absolute; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%; 
	overflow:hidden;
    transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;
    -webkit-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;
    -moz-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0.2s;
}
.scrollBar .banner ul li .imgTimes{
	width:100% !important; 
	height:100%; 
	position:relative; 
	z-index:5; 
	left:0; 
	top:0;
	background-repeat: no-repeat !important; 
	background-position: center center !important;
	background-size: 100% 100% !important;
	background-color:#000; filter:alpha(opacity=40); background-color:rgba(0, 0, 0, 0.4);
}
.scrollBar .banner ul li video{
	position:absolute; 
	left:0; 
	top:0; 
	width:0%; 
	height:auto;
	object-fit:cover; 
	object-position: center center; 
	z-index: 1;
	transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -webkit-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -moz-transition: width 1.2s cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}
.scrollBar .banner ul li .imgTimes>article{position:absolute; left:4%; bottom:15%;}
.scrollBar .banner ul li .imgTimes>article .banTops{
	font-size:0;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
}
.scrollBar .banner ul li .imgTimes>article .banTops small{
	display:inline-block;
	vertical-align:middle;
	margin:0 8px; 
	opacity: 0;
	transform: matrix(0.5, 0, 0, 0.5, 0, 0);
	-webkit-transform: matrix(0.5, 0, 0, 0.5, 0, 0);
	-moz-transform: matrix(0.5, 0, 0, 0.5, 0, 0);
}
.scrollBar .banner ul li .imgTimes>article .banTops em{
	display:inline-block; 
	vertical-align: middle; 
	margin:0 8px; 
    opacity: 0;
	transform: matrix(1, 0, 0, 1, 0, -80);
	-webkit-transform: matrix(1, 0, 0, 1, 0, -80);
	-moz-transform: matrix(1, 0, 0, 1, 0, -80);	
}
.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(2){
	 opacity: 0;
	 transform: matrix(1, 0, 0, 1, 0, -80);
	 -webkit-transform: matrix(1, 0, 0, 1, 0, -80);
	 -moz-transform: matrix(1, 0, 0, 1, 0, -80);
}
.scrollBar .banner ul li .imgTimes>article .banTops small,
.scrollBar .banner ul li .imgTimes>article .banTops em,
.scrollBar .banner ul li .imgTimes>article .banText i,
.scrollBar .banner ul li .imgTimes>article .banText span{
	transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-webkit-transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
	-moz-transition: all 200ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
}
.em-h1{font-size:48px; font-weight:bold; color:#da0000; line-height:1;}
.em-h2{font-size:48px; color:#fff; margin:10px 0px;}
.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(1){
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
}
.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(2){
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.2s;
}
.scrollBar .banner ul li .imgTimes>article .banText{font-size:0;}
.scrollBar .banner ul li .imgTimes>article .banText i{display:inline-block; vertical-align: middle; width: 0px; height: 1px; background-color: #fff;}
.scrollBar .banner ul li .imgTimes>article .banText span{display:inline-block; width: 0px; vertical-align: middle; margin-left: 8px; overflow: hidden;}
.scrollBar .banner ul li .imgTimes>article .banText span font{display:inline-block; width: 400px; font-size: 14px; color: #fff;}
.scrollBar .banner ul li.curs{width:0%;}
.scrollBar .banner ul li.visb{width:100%;}
.scrollBar .banner ul li.visb video{width:100% !important;}
.scrollBar .banner ul li.visb .imgTimes>article .banTops small,
.scrollBar .banner ul li.visb .imgTimes>article .banTops em{
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
}
.scrollBar .banner ul li.visb .imgTimes>article .banTops small{
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.4s;
}
.scrollBar .banner ul li.visb .imgTimes>article .banText i{
	width:35px;
	transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
	-webkit-transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
	-moz-transition: all 300ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.5s;
}
.scrollBar .banner ul li.visb .imgTimes>article .banText span{
	width:400px;
	transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;	
	-webkit-transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;	
	-moz-transition: all 1500ms cubic-bezier(0.35, 0.85, 0.55, 1) 1.7s;
}

/*banner start*/
.inbanner{overflow:hidden; clear:both; width:100%; position:relative; z-index:1;}
.bx-wrapper{position:relative; margin:auto; padding:0; *zoom: 1;}
.bx-wrapper ul li{width:100%;}
.bx-wrapper ul li img{display:block; width:100%;}
.bannerheight{display:block; width:100%; /*height:925px; height:100vh;*/ background-repeat:no-repeat !important; background-position:center center !important; background-size:100% 100% !important;}
.bx-wrapper .bx-pager{position:absolute; left:0px; bottom:20px; z-index:10; width:100%; text-align:center; display:none;}
.bx-wrapper .bx-pager-item{margin:0px 5px; display:inline-block; *display:inline; zoom:1;}
.bx-wrapper .bx-pager-item a{display:block; width:10px; height:10px; border:1px solid #fff; border-radius:50%; font-size:0; text-indent:-9999px;}
.bx-wrapper .bx-pager-item a.active{background-color:#2c3783; border-color:#2c3783;}
.bx-wrapper .bx-controls-direction a{display:none;}
.web-banner{display:block !important;}
.mob-banner{display:none !important;}
/*banner end*/

.index-waper-box{
	position:absolute; 
	bottom:0; 
	width:100%; 
	height:100px;
	overflow:hidden; 
	z-index:9;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
}
.index-back-box{
	width:92%; 
	height:100px; 
	background-color:#fff; 
	position:absolute; 
	bottom:0; 
	margin:0 4%; 
	overflow: hidden;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0,0,0);
    -webkit-transform: rotateX(0deg) translate3d(0,0,0);
    -moz-transform: rotateX(0deg) translate3d(0,0,0);    
    transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
}
.index-back-box.active{
    transform: rotateX(100deg) translate3d(0,0,0);
    -webkit-transform: rotateX(100deg) translate3d(0,0,0);
    -moz-transform: rotateX(100deg) translate3d(0,0,0);	
}
.index-back-box .sub-arrows{position:absolute; left:0; top:0; width:auto; height:100%; line-height:100px; padding-left:100px; font-size:0;}
.index-back-box .sub-arrows i.icom{display:inline-block; vertical-align:top; width:60px; height:100%; height:100px\0; cursor:pointer; position:relative;}
.index-back-box .sub-arrows i.prev:before,.index-back-box .sub-arrows i.next:before{
	content:''; 
	display:inline-block; 
	position:absolute; 
	top:42%; 
	width:10px; 
	height:15px; 
	background-image:url("../images/sub-arrows.png")/*tpa=http://www.100vic.com/themes/index/images/sub-arrows.png*/; 
	background-position:0px 0px; 
	background-repeat:no-repeat;
}
.index-back-box .sub-arrows i.prev:before{background-position:0px 0px; left:-7px;}
.index-back-box .sub-arrows i.next:before{background-position:-10px 0px; left:24px;}
.index-back-box .sub-arrows i.icom:after{
	position:absolute; 
	content: ''; 
	left:0; 
	top:49px; 
	width:30px; 
	height:2px; 
	background-color: #000;
	transform: scale(0,1);
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}
.index-back-box .sub-arrows i.icom font{
	color:#000;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}
.index-back-box .sub-arrows i.icom.prev font{position:absolute; left:9px;}
.index-back-box .sub-arrows i.icom.next font{position:absolute; left:6px;}
.index-back-box .sub-arrows i:hover:after{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
}
.index-back-box .sub-arrows i.icom.prev:hover font{left:-7px;}
.index-back-box .sub-arrows i.icom.next:hover font{left:20px;}
.index-back-box .sub-share{position:absolute; right:15px; top:0; width:auto; height:100%; display:table; cursor:pointer;}
.index-back-box .sub-share .tels{display:table-cell; vertical-align:middle;}
.index-back-box .sub-share .tels span{display:inline-block;}
.index-back-box .sub-share .tels .cc1{
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(-40px);
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
}
.index-back-box .sub-share .tels .cc2{
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
}
.index-back-box .sub-share .sider-tel{
	display:table-cell; 
	vertical-align:middle; 
	font-size:0;
    opacity:0;
    filter: alpha(opacity='0');
 	transform: translateX(130px);
 	-webkit-transform: translateX(130px);
 	-moz-transform: translateX(130px);
 	transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
 	-webkit-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
 	-moz-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
}
.index-back-box .sub-share .sider-tel a{
	display:inline-block;
	font-size:12px;
	color:#000;
	margin: 0 8px;
    opacity: 0;
    filter: alpha(opacity='0');
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.index-back-box .sub-share:hover .tels .cc1{
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
	-webkit-transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
	-moz-transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
}
.index-back-box .sub-share:hover .tels .cc2{
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}
.index-back-box .sub-share:hover .sider-tel{
	opacity: 1;
    filter: alpha(opacity='100');
 	transform: translateX(0px);
 	-webkit-transform: translateX(0px);
 	-moz-transform: translateX(0px);
 	transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;
 	-webkit-transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;
 	-moz-transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;	
}

.index-back-box .sub-share:hover .sider-tel a:nth-of-type(1){
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
	-webkit-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
	-moz-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
}
.index-back-box .sub-share:hover .sider-tel a:nth-of-type(2){
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
	-webkit-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
	-moz-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
}
.index-back-box .sub-mouse{width:30px; height:43px; position:absolute; top:50px; right:100px; cursor:pointer; z-index:1; zoom:0.7; -moz-transform:scale(0.7);}
.index-back-box .sub-mouse:after{display:none; z-index:-1; position:absolute; content:''; top:-30px; left:50%; height:53px; border-right:1px solid #333; margin-left:-1px;}
.index-back-box .sub-mouse span{
	display:block; 
	position:relative;
	width:100%;
	height:100%;
	animation: ani-svg 0.85s linear 0s alternate infinite;
	-webkit-animation: ani-svg 0.85s linear 0s alternate infinite; 
}
.index-back-box .sub-mouse i{
	position:absolute;
	bottom:5px;
	left:50%;
	color:#000;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}

.IndexList{width:440px; margin:0 auto; display:table; position:relative; -webkit-transition: all .8s ease-out 0s; transition: all .8s ease-out 0s;}
.IndexList ul{font-size:0; padding-top:30px;}
.IndexList li{display:inline-block; width:33.33%; text-align:center; position:relative;}
.IndexList li i{font-size:16px; color:#000;}
.IndexList li span{display:block; font-size:14px; color:#666; letter-spacing:4px;}
.nub{font-size:48px; color:#000; line-height:48px; height:48px; display:inline-block;}
.NumContent{height:inherit; display:inherit; overflow:hidden; position:relative; line-height:inherit; font-size:inherit;}
.NumContent>div{line-height:inherit; color:inherit; font-size:inherit; display:inline-block;}
.NumContent>div>div{line-height:inherit; color:inherit; font-size:inherit;}
.NumContent>div:nth-child(1){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(2){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(3){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0;
}
.NumContent>div:nth-child(4){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(5){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.IndexList.active{
	opacity: 1;
	transform: translateY(0px);	
	-webkit-transform: translateY(0px);	
	-moz-transform: translateY(0px);	
}

/*index*/
.contain{width:100%; position:relative;}
.section01{background-color:#fff; padding-top:80px; padding-bottom:100px;}
.index-title{text-align:center; font-size:16px; color:#666;}
.index-title span{display:block;font-size:40px; color:#000;}
.index-ser{width:100%;}
.index-ser ul li{width:23.87%; float:left; margin-top:60px; margin-right:1.5%; margin-right:1%\0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-ser ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.index-ser ul li:nth-of-type(4n),.index-ser ul li.mr0{margin-right:0;}
.index-ser ul li .item{border:1px solid #ddd; text-align:center; padding:10% 17%;}
.index-ser ul li .co{width:180px; height:100px; display:block; margin:0 auto; /*background-color:#eee;*/ -webkit-transition: all 1.5s ease; transition: all 1.5s ease;}
.index-ser ul li:hover .co{background-position:-180px 0px;}
.index-ser ul li h2{font-size:18px; color:#333; margin:15px 0px;}
.index-ser ul li span{font-size:14px; color:#666; display:block;}
.section02{background-color:#efefef; padding-top:80px; overflow:hidden;}
.index-case{width:100%; padding-top:50px; margin-bottom:40px; position:relative;}
.index-case .owl-carousel{padding-bottom:80px;}
.index-case .item{margin:0 !important;}
.index-case ul{padding-bottom:30px;}
.index-case ul li{width:24.77%; float:left; margin-bottom:0.3%; margin-right:0.3%; margin-right:0.1%\0; background-color:#fff;}
.index-case ul li:nth-of-type(4n),.index-case ul li.mr0{margin-right:0;}
.index-case ul li .pic{display:block; width:100%; overflow:hidden; background-color:#eee; background-image:url("../images/loading.gif")/*tpa=http://www.100vic.com/themes/index/images/loading.gif*/; background-position:center center; background-repeat:no-repeat; position:relative;}
.index-case ul li .bg{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background-color:#000; filter:alpha(opacity=50); background-color:rgba(0, 0, 0, 0.5); visibility:hidden; opacity:0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-case ul li:hover .bg{visibility:visible; opacity:1;}

.btn-group{position:absolute; width:100%; height:auto; overflow:hidden; bottom:0px; -webkit-backdrop-filter: blur(10px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center;}
.btn-group a{display:block;width:100%;height: 0px;line-height: 50px;margin-bottom: 1px;font-size: 12px;background-color: #ccc;background-color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color:#000;}
.btn-group a:hover{background:#fff;}
.btn-group .details_btn:before{content:""; display:inline-block; width:12px; height:12px; background:url("../images/bw01.png")/*tpa=http://www.100vic.com/themes/index/images/bw01.png*/ no-repeat; margin-right:5px;}
.btn-group .link_btn:before{content:""; display:inline-block; width:12px; height:12px; background:url("../images/bw02.png")/*tpa=http://www.100vic.com/themes/index/images/bw02.png*/ no-repeat; margin-right:5px;}
.index-case ul li:hover .btn-group a,
.index-case ul li:hover .btn-group a{height:50px;}

.index-case ul li .inxcasetxt::before,
.index-case ul li .inxcasetxt::after {
	position: absolute;
	top:50%;
	left: 50%;
	width: 50%;
	height: 1.5px;
	background: #ccc;
	content: '';
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	opacity: 0;
	z-index:20;
}
.index-case ul li:hover .inxcasetxt::before {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}
.index-case ul li:hover .inxcasetxt::after {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
.index-case ul li .pic img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-case ul li .pic:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.index-case ul li .h2{padding:25px 15px; min-height:20px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-case ul li .h2:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cb0808;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  height:0px\0;
}
.index-case ul li:hover .h2 span,.index-case ul li:hover .h2 i{
  color: white;
}
.index-case ul li:hover .h2:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  height:auto\0;
}
.index-case ul li .h2 span{font-size:16px; color:#333; margin-right:10px; position:relative; z-index:5;}
.index-case ul li .h2 i{font-size:12px; color:#999; position:relative; z-index:5;}
.index-case .indexmore{position:static; left:auto; bottom:auto; margin:0 auto; transform: translateX(0) translateY(0);}
.section03{background-color:#fff; padding-top:80px; padding-bottom:95px;}
.index-kehu{padding-top:50px;}
.index-kehu ul li{width:12.5%; float:left; position:relative; border:1px solid #f3f3f3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-left:-1px; margin-top:-1px;}
.index-kehu ul li span{display:block; overflow:hidden;}
.index-kehu ul li span img{opacity: 0.5;width:100%; display:block; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.index-kehu ul li:hover span img{opacity: 1;-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}
.index-kehu ul li .bg{display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10;}
.index-kehu ul li .bg:before,.index-kehu ul li .bg:after{position:absolute;top:0px;right:0px;bottom:0px;left:0px;content: '';opacity:0;pointer-events:none;-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;transition: opacity 0.35s,transform 0.35s;}
.index-kehu ul li .bg:before{border-top:2px solid #cb0808; border-bottom:2px solid #cb0808; -webkit-transform: scale(0,1); transform: scale(0,1);}
.index-kehu ul li .bg:after{border-right:2px solid #cb0808; border-left:2px solid #cb0808; -webkit-transform: scale(1,0); transform: scale(1,0);}
.index-kehu ul li:hover .bg:after,.index-kehu ul li:hover .bg:before{opacity:1; -webkit-transform: scale(1); transform: scale(1);}
.section04{background-color:#efefef; padding-top:80px; overflow:hidden;zoom:1;}
.index-news{padding-top:20px; margin-bottom:100px; position:relative;}
.index-news .item{padding:0px; margin:30px 3% !important; background-color:#fff; max-width:432px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-news .item:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.04); transform: translate3d(0,-4px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.index-news .item .pic{width:100%; position:relative; overflow:hidden; background-color:#eee; background-image:url("../images/loading.gif")/*tpa=http://www.100vic.com/themes/index/images/loading.gif*/; background-position:center center; background-repeat:no-repeat;}
.index-news .item .pic img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-news .item:hover .pic img{-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.index-news .item .tmain{padding:30px 30px;}
.index-news .item .tmain .time{display:block; font-size:14px; color:#999; line-height:25px; padding-left:25px; background-image:url("../images/time.png")/*tpa=http://www.100vic.com/themes/index/images/time.png*/; background-position:left center; background-repeat:no-repeat;}
.index-news .item .tmain .title{font-size:18px; color:#333; margin:10px 0px; height:27px;}
.index-news .item .tmain .h3{font-size:14px; color:#999; height:42px; overflow:hidden; margin-bottom:40px;}
.index-news .item .tmain .more{display:inline-block; font-size:14px; color:#666; border-bottom:1px solid #c6c6c6;}
.section02 .owl-theme .owl-controls .owl-buttons div,.section04 .owl-theme .owl-controls .owl-buttons div{width:50px; height:50px; border-radius:5px; opacity:1; background-color:#fff; 
background-image:url("../images/indexbtn.png")/*tpa=http://www.100vic.com/themes/index/images/indexbtn.png*/; background-position:0px 0px; background-repeat:no-repeat;}
.section04 .owl-theme .owl-controls .owl-buttons div:hover{background-color:#323232;}
.section04 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-position:0px -50px;}
.section04 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{background-position:-50px -50px;}
.section02 .owl-theme .owl-controls .owl-buttons div.owl-prev,.section04 .owl-theme .owl-controls .owl-buttons div.owl-prev{background-position:0px 0px; margin-right:55px;}
.section02 .owl-theme .owl-controls .owl-buttons div.owl-next,.section04 .owl-theme .owl-controls .owl-buttons div.owl-next{background-position:-50px 0px; margin-left:55px;}
.indexmore{display:block; width:90px; height:50px; font-size:0; border-radius:5px; background-color:#fff; background-image:url("../images/indexmore.png")/*tpa=http://www.100vic.com/themes/index/images/indexmore.png*/; background-position:0 0; background-repeat:no-repeat; position:absolute; left:50%;margin-left:-45px; bottom:0px; /*transform: translateX(-50%) translateY(0);*/}
.indexmore:hover{background-color:#323232; background-position:0px -50px;}
.section05{background-color:#fff;}
.gf-demand{*margin-top:50px!important; padding:80px 0px;}
.gf-demand .h2{font-size:14px; color:#666;}
.gf-demand .h3{font-size:34px; color:#333; padding-bottom:50px; line-height:1;}
.gf-demand .write{padding-bottom:50px;}
.gf-demand .write input{margin-right: 1%;background-color: #f4f4f4; padding: 20px 0; color:#6e6e6e; padding-left: 1%;font-size: 14px;}
.gf-demand .write .submit{
	background-color:#040404; 
	color:#fff; 
	width:11%;
	font-family:'Microsoft YaHei';
	text-align:center;
	padding-left:0; 
	cursor:pointer;
	*margin:0!important;
	*padding:17px 0!important; 
	margin-right:0;
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box; 
	padding:0;
	height:60px;
	line-height:56px;
	border:2px solid #040404;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.gf-demand .write .submit:hover{background: #fff;color:#040404;}
.gf-demand .write .text1,.gf-demand .write .text2{width:16%; border:none; font-family:'Microsoft YaHei';}
.gf-demand .write .text3{width:50%; border:none; font-family:'Microsoft YaHei';}
.italic{font-size:14px; color:#999;}

/*about*/
.nybanner{width:100%; height:776px; background-position:center center; background-repeat:no-repeat; position:relative;}
/*.nybanner img{width:100%; display:block;}*/
.ny-title{width:100%; position:absolute; left:0px; top:50%; z-index:5; text-align:center; transform: translateX(0) translateY(-50%);}
.ny-title h2{margin-bottom:15px;}
.navigation{padding:20px 0px; text-align:right; background-color:#efefef;}
.navigation a{font-size:14px; color:#999;}
.navigation a:hover,.navigation a.on{color:#e15620;}
.navigation em{margin:0 3px; font-family:Simsun;}
.about-box01{width:100%; background-color:#fff; padding:120px 0px;}
.about-box01 .about-tm{max-width:910px; margin:0 auto; text-align:center;}
.about-box01 .about-tm .h2{font-size:40px; color:#000; margin-bottom:30px;}
.about-box01 .about-tm .h3{font-size:14px; color:#666; line-height:30px;}
.about-box01 .IndexList{width:70%; padding-top:30px;}
.about-box02{width:100%; height:676px; background-image:url("../images/about03.jpg")/*tpa=http://www.100vic.com/themes/index/images/about03.jpg*/; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.about-box02 .about-xzwm{max-width:1295px; margin:0px auto; padding-top:70px; text-align:center;}
.about-box02 .about-xzwm .h2{font-size:36px; color:#fff; margin-bottom:10px;}
.about-box02 .about-xzwm .h3{font-size:16px; color:#d9d9d9;}
.about-box02 .about-xzwm .abul li{width:21%; max-width:270px; float:left; margin-top:120px; margin-right:18%; margin-right:11%\0;}
.about-box02 .about-xzwm .abul li .co{display:block; width:120px; height:120px; border:1px solid #fff; border-radius:50%; margin:0 auto; background-image:url("../images/about04.png")/*tpa=http://www.100vic.com/themes/index/images/about04.png*/; background-position:0 0; background-repeat:no-repeat; -webkit-transition: all .5s ease; transition: all .5s ease;}
.about-box02 .about-xzwm .abul li:hover .co{background-position:0px -120px; border-color:#dc1010;}
.about-box02 .about-xzwm .abul li .c1{background-position:0px 0px;}
.about-box02 .about-xzwm .abul li .c2{background-position:-120px 0px;}
.about-box02 .about-xzwm .abul li:hover .c2{background-position:-120px -120px;}
.about-box02 .about-xzwm .abul li .c3{background-position:-240px 0px;}
.about-box02 .about-xzwm .abul li:hover .c3{background-position:-240px -120px;}
.about-box02 .about-xzwm .abul li .t{display:block; font-size:24px; font-weight:bold; color:#fff; margin:20px 0px;}
.about-box02 .about-xzwm .abul li p{font-size:14px; color:#c4c4c4;}
.about-box02 .about-xzwm .abul li:nth-of-type(3n){margin-right:0;}
.about-box03{width:100%; background-color:#fff; border-bottom:1px solid #ddd; padding:120px 0px;}
.about-box03 .about-xzwm{max-width:1295px; margin:0px auto; text-align:center;}
.about-box03 .about-xzwm .h2{font-size:40px; color:#000; margin-bottom:30px;}
.about-box03 .about-xzwm .h3{font-size:14px; color:#666; line-height:30px;}
.ab-team{width:100%;}
.ab-team ul li{width:30%; float:left; position:relative; overflow:hidden; cursor:pointer; margin-top:5%; margin-right:5%; margin-right:3%\0;}
.ab-team ul li:nth-of-type(3n){margin-right:0;}
.ab-team ul li .pic{width:100%; overflow:hidden;}
.ab-team ul li .pic img{width:100%; display:block;}
.ab-team ul li .tmask{width:100%; height:100%; overflow:hidden; position:absolute; left:0; bottom:0; z-index:5; background-color:#000; filter:alpha(opacity=60); background-color:rgba(0, 0, 0, 0.6); visibility:hidden; opacity:0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.ab-team ul li:hover .tmask{visibility:visible; opacity:1;}
.ab-team ul li .tm{padding:35px; text-align:left; transform: translateX(0) translateY(10%); -webkit-transition: all .8s ease; transition: all .8s ease;}
.ab-team ul li:hover .tm{transform: translateX(0) translateY(0%);}
.ab-team ul li .tm .n1{font-size:24px; font-weight:bold; color:#fff;}
.ab-team ul li .tm .n2{font-size:16px; color:#fff; display:block;}
.ab-team ul li .tm .line{display:block; width:20px; height:1px; background-color:#fff; margin-top:10px; margin-bottom:30px;}
.ab-team ul li .tm p{font-size:14px; color:#fff; margin-bottom:10px;}

/*service*/
.ser-box01{width:100%; background-color:#fff; padding-top:80px; padding-bottom:100px;}
.ser-box02{width:100%; height:676px; background-image:url("../images/about03.jpg")/*tpa=http://www.100vic.com/themes/index/images/about03.jpg*/; background-position:center center; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.ser-bz{max-width:920px; margin:0 auto; padding-top:70px; text-align:center;}
.ser-bz .h2{font-size:36px; color:#fff; margin-bottom:20px;}
.ser-bz .h3{font-size:14px; color:#cdcdcd;}
.serlist{max-width:910px; margin:0 auto;}
.serlist ul li{width:33.333%; float:left; text-align:center; font-size:14px; color:#fff; margin-top:20%;}
.serlist ul li .sn{font-size:72px; color:#da0000; line-height:1;}
.ser-box03{width:100%; background-color:#efefef; padding-top:80px; padding-bottom:100px;}
.ser-step{max-width:1640px; margin:0 auto;}
.ser-step ul li{width:7%; min-width:130px; height:90px; padding:20px 0px; border:1px solid #d2d2d2; background-color:#efefef; border-radius:50%; float:left; margin-top:65px; position:relative; margin-right:5.06%;}
.ser-step ul li .co{display:block; width:45px; height:48px; margin:5px auto; background-image:url("../images/ser01.png")/*tpa=http://www.100vic.com/themes/index/images/ser01.png*/; background-position:0px 0px; background-repeat:no-repeat; -webkit-transition: all .5s ease; transition: all .5s ease;}
.ser-step ul li:hover .co{background-position:0px -48px;}
.ser-step ul li span{display:block; font-size:16px; color:#666; text-align:center;}
.ser-step ul li.on{margin-top:170px;}
.ser-step ul li:nth-of-type(8){margin-right:0;}
.ser-step ul li:before{content:""; display:block; width:100%; height:1px; border-top:2px dashed #ddd; position:absolute; right:-85%; top:92%; -webkit-transform: rotate(40deg); transform: rotate(40deg);}
.ser-step ul li.on:before{-webkit-transform: rotate(-40deg); transform: rotate(-40deg); top:9%;}
.ser-step ul li:nth-of-type(8):before{display:none;}
.ser-box04{padding:100px 0px; border-bottom:1px solid #ddd;}

/*news*/
.news-warp{width:100%; background-color:#efefef; overflow:hidden;}
.news-screen{padding:35px 0px;}
.news-screen .screenleft{float:left;}
.news-screen .screenleft ul li{width:145px; height:50px; line-height:50px; float:left; margin-right:1px; background-color:#fff; text-align:center;}
.news-screen .screenleft ul li.on,.news-screen .screenleft ul li:hover{background-color:#0a0a0a;}
.news-screen .screenleft ul li.on a,.news-screen .screenleft ul li:hover a{color:#fff;}
.news-screen .screenleft ul li a{display:block; font-size:14px; color:#333;}
.news-screen .screenleft ul li a:before{content:""; display:inline-block; width:18px; height:18px; vertical-align:middle; margin-right:5px; background-position:0px 0px; background-repeat:no-repeat;}
.news-screen .screenleft ul li.on a:before,.news-screen .screenleft ul li:hover a:before{background-position:0px -18px;}
.news-screen .screenleft ul li a.n1:before{background-image:url("../images/nw01.png")/*tpa=http://www.100vic.com/themes/index/images/nw01.png*/;}
.news-screen .screenleft ul li a.n2:before{background-image:url("../images/nw02.png")/*tpa=http://www.100vic.com/themes/index/images/nw02.png*/;}
.news-screen .screenleft ul li a.n3:before{background-image:url("../images/nw03.png")/*tpa=http://www.100vic.com/themes/index/images/nw03.png*/;}
.news-screen .screenleft ul li a.n4:before{background-image:url("../images/nw04.png")/*tpa=http://www.100vic.com/themes/index/images/nw04.png*/;}
.news-screen .screenleft ul li a.n5:before{background-image:url("../images/nw05.png")/*tpa=http://www.100vic.com/themes/index/images/nw05.png*/;}
.news-screen .screenright{width:255px; height:35px; padding:0px 10px; background-color:#fff; position:relative; float:right; margin-top:8px;}
.news-screen .screenright .screentext{width:100%; height:35px; border:none; color:#333;}
.news-screen .screenright .screenbtn{width:43px; height:35px; border:none; position:absolute; right:0px; top:0px; background-color:#adadad; cursor:pointer; background-image:url("../images/nw06.png")/*tpa=http://www.100vic.com/themes/index/images/nw06.png*/;}
.newslist .item{background-color:#fff; width:23.87%; -webkit-transition: all .5s ease; transition: all .5s ease; float:left; margin-bottom:1.5%; margin-right:1.5%; margin-right:1\0;}
.newslist .item:hover,.newslist .hottou .hotbox:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist .item .pic{width:100%; overflow:hidden; background-color:#eee; background-image:url("../images/loading.gif")/*tpa=http://www.100vic.com/themes/index/images/loading.gif*/; background-position:center center; background-repeat:no-repeat;}
.newslist .item .pic img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newslist .item .tmain{padding:30px 30px;}
.newslist .item .tmain .time{display:block; font-size:14px; color:#999; line-height:25px; padding-left:25px; background-image:url("../images/time.png")/*tpa=http://www.100vic.com/themes/index/images/time.png*/; background-position:left center; background-repeat:no-repeat;}
.newslist .item .tmain .title{font-size:18px; color:#333; margin:10px 0px; height:27px;}
.newslist .item .tmain .h3{font-size:14px; color:#999; height:42px; overflow:hidden; margin-bottom:40px;}
.newslist .item .tmain .more{display:inline-block; font-size:14px; color:#666; border-bottom:1px solid #c6c6c6;}
.newslist .hottou .item{margin-right:0; margin-left:1.5%;}
.newslist .hottou .hotbox{width:49%; height:100%; max-width:862px; max-height:479px; float:left; position:relative; background-color:#000; overflow:hidden;}
.newslist .hottou .hotbox img{width:100%; display:block; position:absolute; left:0; top:50%; z-index:20; 
-webkit-transform: translateX(0) translateY(-50%);
   -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
     -o-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
}
.newslist .hottou .hotbox .bg{width:100%; height:100%; position:relative; background-color:#000;}
.newslist .hottou .hotbox .title{position:absolute; left:4%; bottom:6%; width:92%; z-index:30;}
.newslist .hottou .hotbox .title i{font-size:14px; color:#fff;}
.newslist .hottou .hotbox .title h2{font-size:30px; color:#fff;}
.newslist .hottou .hotbox .title .more{display:inline-block; font-size:14px; color:#fff; border-bottom:1px solid #c6c6c6;}
.newslist .hotbom{padding-bottom:0px;}
.newslist .hottou .item{margin-left:1%\0;}
.newslist .hotbom .item{margin-right:1%\0;}
.newslist .hotbom .item:nth-of-type(4n){margin-right:0;}
.news-btn{width:100%; position:absolute; left:0; bottom:4%; z-index:10; text-align:center;}
.news-btn .nwprev,.news-btn .nwnext{display:block; width:46px; height:46px; position:absolute; top:0; font-size:0; background-image:url("../images/nwbtn.png")/*tpa=http://www.100vic.com/themes/index/images/nwbtn.png*/; background-position:0px 0px; background-repeat:no-repeat;}
.news-btn .nwprev{background-position:0px 0px; left:4%;}
.news-btn .nwprev:hover{background-position:0px -46px;}
.news-btn .nwnext{background-position:-92px 0px; right:4%;}
.news-btn .nwnext:hover{background-position:-92px -46px;}
.news-btn .nwretrue{display:block; width:46px; height:46px; margin:0 auto; font-size:0; background-image:url("../images/nwbtn.png")/*tpa=http://www.100vic.com/themes/index/images/nwbtn.png*/; background-position:-46px 0px; background-repeat:no-repeat;}
.news-btn .nwretrue:hover{background-position:-46px -46px;}
.news-details{max-width:1220px; background-color:#fff; margin:40px auto; padding:60px 40px;}
.news-title{border-bottom:1px solid #ddd;}
.news-title .tou{position:relative; padding-right:90px;}
.news-title h1{font-size:36px; color:#333;}
.news-title .date{display:inline-block; font-size:14px; color:#999; margin:10px 0px;}
.news-title .bdsharebuttonbox{position:absolute; right:0; top:10px;}
.news-title .bdsharebuttonbox a{width:30px; height:30px; border:1px solid #ddd; border-radius:50%; padding:0; margin:0; margin-left:10px; background-position:0px 0px; background-image:url("../images/nwicon.png")/*tpa=http://www.100vic.com/themes/index/images/nwicon.png*/; background-repeat:no-repeat; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news-title .bdsharebuttonbox a.bds_tsina{background-position:0px 0px;}
.news-title .bdsharebuttonbox a.bds_tsina:hover{background-color:#db0b0b; border-color:#db0b0b; background-position:0px -30px;}
.news-title .bdsharebuttonbox a.bds_weixin{background-position:-30px 0px;}
.news-title .bdsharebuttonbox a.bds_weixin:hover{background-color:#db0b0b; border-color:#db0b0b; background-position:-30px -30px;}
.news-text{padding:20px 0px;font-size:16px;}

/*page*/
.page{text-align:center; padding:40px 0px;}
.page a{display:inline-block; font-size:14px; color:#666; border:1px solid #e3e3e3; padding:5px 15px;}
.page a:hover,.page a.on{background-color:#CA2310; color:#fff; border-color:#CA2310;}

/*case*/
.news-warp .index-case{padding-top:0px;margin-bottom:0px;}
.casedetails{background-color:#fff;}
.case-tou{border-bottom:1px solid #ddd; padding:171px 0px 70px 0px;}
.case-tou .name{border-right:1px dashed #ddd; padding-right:2%; float:left; width:20%;}
.case-tou .name h1{font-size:30px; color:#333;}
.case-tou .name span{font-size:14px; color:#999;}
.case-tou .tmain{margin-left:5%; float:left; font-size:14px; color:#999; position:relative; padding-left:70px; width:45%;}
.case-tou .tmain .sn{position:absolute; left:0; top:0; color:#333;}
.case-tou .link{float:right;}
.case-tou .link a{display:block; width:48px; height:48px; border:1px solid #ddd; border-radius:50%; background-image:url("../images/case01.png")/*tpa=http://www.100vic.com/themes/index/images/case01.png*/; background-position:0px 0px; background-repeat:no-repeat;}
.casetext{max-width:1300px; margin:0 auto; padding-top:90px; padding-bottom:200px;}
.caselike{width:100%; background-color:#efefef; padding-bottom:100px;}
.caselike .name{font-size:24px; color:#333; padding:50px 0px;}
.caselike .item{margin:0px 0.3% !important; background-color:#fff;}
.caselike .item .pic{display:block; width:100%; overflow:hidden; background-color:#eee; background-image:url("../images/loading.gif")/*tpa=http://www.100vic.com/themes/index/images/loading.gif*/; background-position:center center; background-repeat:no-repeat; position:relative;}
.caselike .item .bg{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background-color:#000; filter:alpha(opacity=50); background-color:rgba(0, 0, 0, 0.5); visibility:hidden; opacity:0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.caselike .item:hover .bg{visibility:visible; opacity:1;}
.caselike .item .inxcasetxt::before,
.caselike .item .inxcasetxt::after {
	position: absolute;
	top:50%;
	left: 50%;
	width: 50%;
	height: 1.5px;
	background: #ccc;
	content: '';
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	opacity: 0;
	z-index:20;
}
.caselike .item:hover .inxcasetxt::before {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}
.caselike .item:hover .inxcasetxt::after {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
.caselike .item .pic img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.caselike .item .pic:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.caselike .item .h2{padding:25px 15px; min-height:20px; position:relative;}
.caselike .item .h2:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cb0808;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  height:0px\0;
}
.caselike .item:hover .h2 span,.caselike .item:hover .h2 i{
  color: white;
}
.caselike .item:hover .h2:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  height:auto\0;
}
.caselike .item .h2 span{font-size:16px; color:#333; margin-right:10px; position:relative; z-index:5;}
.caselike .item .h2 i{font-size:12px; color:#999; position:relative; z-index:5;}

/*contact*/
.contact-box{padding:140px 0px;}
.contact-box .tw{width:50%; float:left;}
.contact-box .name{width:50%; float:left; font-size:24px; color:#333;}
.contact-box .info{width:50%; float:left;}
.contact-box .info dd{font-size:16px; color:#666; position:relative; padding-left:30px; margin-bottom:35px;}
.contact-box .info dd img{position:absolute; left:0px; top:0px; max-width:26px;}
.contact-box .conform{margin-left:110px;}
.contact-box .conform li{width:100%; margin-bottom:20px; float:left;}
.contact-box .conform li.item1{width:31%; margin-right:3%;}
.contact-box .conform li.item2{width:31%; margin-right:3%;}
.contact-box .conform li.item3{width:32%; margin-right:0;}
.contact-box .conform li.item5{text-align:right;}
.contact-box .context,.contact-box .conteat{width:92%; height:40px; background-color:#f4f4f4; border:none; font-family:'Microsoft YaHei'; padding:0px 4%; color:#333;}
.contact-box .conteat{padding:15px 2%; width:96%; height:200px;}
.contact-box .consub{background-color: #040404; color:#fff; width: 21%;font-family:'Microsoft YaHei';text-align: center;padding-left: 0; cursor:pointer;*margin:0!important;*padding:17px 0!important; margin-right: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;height: 50px;line-height: 50px;border: 2px solid #040404;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.contact-box .consub:hover{background: #fff;color:#040404;}
.contact-map img{width:100%; display:block;}

/*vote*/
.votewarp{padding-top:82px;}
.votetmain{padding:68px 0px 96px 0px;}
.votetmain .h2{font-size:20px; color:#666; font-weight:bold; text-align:center;}
.votetmain .h3{font-size:12px; color:#929292; text-align:center;}
.votetmain .vtext{font-size:14px; color:#464646; text-align:center; max-width:1310px; margin:0 auto; padding-top:35px;}
.votetmain .votefrom{max-width:280px; margin:0 auto; padding-top:80px;}
.votetmain .votefrom .tit{font-size:16px; color:#464646; padding-bottom:15px;}
.votetmain .votefrom ul li{margin-top:10px; font-size:14px; color:#464646;}
.votetmain .votefrom ul li label input{vertical-align:-2px; margin-right:3px;}
.votetmain .votefrom ul li .subimt{width:105px; height:32px; border:none; background-color:#ca2310; color:#fff; border-radius:5px; cursor:pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}
.votetmain .votefrom ul li .subimt:hover{background-color:#000;}
.voteresult{max-width:840px; margin:0 auto; padding-top:50px;overflow:hidden;}
.voteresult ul li{width:95%; height:40px; line-height:40px; margin-top:15px;float:left; background-color:#e6e6e6; position:relative; font-size:16px; color:#fff; text-align:center;}
.voteresult ul li .name{width:110px; height:40px; position:absolute; left:0; top:0; background-color:#000; filter:alpha(opacity=40); background-color:rgba(0, 0, 0, 0.4);}
.voteresult ul li .votewidth{width:100%; height:40px; background-color:#ca2310; -webkit-transition:all .5s ease; transition:all .5s ease;}
.voteresult ul li .num{position:absolute; right:20px; top:0px; color:#909090;}
.voteresult ul li.net .votewidth{background-color:#ca2310;}
.voteresult ul li.tv .votewidth{background-color:#3498db;}
.voteresult ul li.sns .votewidth{background-color:#5a68a5;}
.voteresult ul li.news .votewidth{background-color:#2ecc71;}
.votemorewarp{padding:0px 0px 150px 0px;}
.votemorewarp .layout{max-width:1400px; margin:0 auto;}
.votemorewarp .votitle{font-size:20px; color:#666; margin-top:50px;}
.votemolist ul li{width:27.9%; float:left; background-color:#ededed; margin-right:8.1%; margin-top:50px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.votemolist ul li:nth-child(3n),.votemolist ul li.mr0{margin-right:0;}
.votemolist ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19);}
.votemolist ul li a{display:block; padding:30px 45px;}
.votemolist ul li .time{display:block; font-size:15px; color:#727272; line-height:25px; padding-left:25px; background-image:url("../images/time.png")/*tpa=http://www.100vic.com/themes/index/images/time.png*/; background-position:left center; background-repeat:no-repeat;}
.votemolist ul li .votit{font-size:16px; color:#464646; margin:10px 0px; height:48px; overflow:hidden;}
.votemolist ul li .go{font-size:14px; color:#a8a8a8; text-align:right; margin-top:30px;}

/*solution*/
#dowebok .section{overflow:hidden;}
.sosectionbox1{background-color:#c60000;}
.sosectionbox2{background-color:#f3a427;}
.sosectionbox3{background-color:#2187c8;}
.sosectionbox4{background-color:#d1b062;}
.sosectionbox5{background-color:#0974b8;}
#dowebok .section .slide{position:relative;}
.baiweilfbox,.baiweilrbox{width:50%; height:100%; position:absolute; top:0; background-position:left bottom; background-size:cover; background-repeat:no-repeat; -webkit-transition: all .8s ease; transition: all .8s ease;}
.baiweilfbox{left:-100%; background-image:url("../images/sbg1.jpg")/*tpa=http://www.100vic.com/themes/index/images/sbg1.jpg*/; opacity:0;}
.baiweilrbox{right:-100%; background-image:url("../images/simg1.jpg")/*tpa=http://www.100vic.com/themes/index/images/simg1.jpg*/; opacity:0;}
.active .baiweilfbox{left:0px; opacity:1;}
.active .baiweilrbox{right:0px; opacity:1;}
#dowebok .fp-controlArrow:hover{opacity:0.8;}
#dowebok .fp-controlArrow{width:55px; height:55px; background-image:url("../images/solbutton.png")/*tpa=http://www.100vic.com/themes/index/images/solbutton.png*/; background-repeat:no-repeat; border:none;}
#dowebok .fp-controlArrow.fp-prev{right:auto; left:50%; margin-left:-55px;background-position:left top; background-color:#fff; filter:alpha(opacity=50); background-color:rgba(255, 255, 255, 0.5);}
#dowebok .fp-controlArrow.fp-next{left:auto; right:50%; margin-right:-55px; background-position:right top; background-color:#000; filter:alpha(opacity=50); background-color:rgba(0, 0, 0, 0.5);}
.baiweibtn{width:55px; height:55px; background-image:url("../images/solbutton.png")/*tpa=http://www.100vic.com/themes/index/images/solbutton.png*/; background-repeat:no-repeat; position:absolute; top:50%; display:block; font-size:0; cursor:pointer; visibility:hidden; opacity:0; -webkit-transition: all 1s ease; transition: all 1s ease;}
.active .baiweibtn{visibility:visible; opacity:1;}
.baiweibtn:hover{opacity:0.8;}
.bwleftbtn{right:0; /*left:50%; margin-left:-55px;*/ background-position:left top; background-color:#fff; filter:alpha(opacity=50); background-color:rgba(255, 255, 255, 0.5);}
.bwrightbtn{left:0;  /*right:50%; margin-right:-55px;*/ background-position:right top; background-color:#000; filter:alpha(opacity=50); background-color:rgba(0, 0, 0, 0.5);}
.bwcasetext{position:absolute; left:50px; top:50%; width:71.9%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.bwcasetext .h2{font-size:36px; color:#fff; margin-top:30px;}
.bwcasetext .h2 .line{display:inline-block; width:30px; height:3px; background-color:#fff; vertical-align:middle; margin-right:5px;}
.bwcasetext .pcont{font-size:14px; color:#fff; line-height:25px; word-wrap:break-word; margin-top:60px;}
.bwcasetext .more a{display:inline-block; min-width:140px; height:45px; line-height:45px; font-size:18px; color:#fff; border:1px solid #fff; text-align:center; margin-top:90px;}
.bwcasetext .more a em{font-family:'Simsun'; font-weight:bold; margin-left:5px;}
.bwcasetext .more a:hover{opacity:0.8;}
.bwcasetext .h2{-webkit-transition: all .3s ease; transition: all .3s ease;}
.bwcasetext .pcont{-webkit-transition: all .6s ease; transition: all .6s ease;}
.bwcasetext .more{-webkit-transition: all .9s ease; transition: all .9s ease;}
.active .bwcasetext .h2{margin-top:0px;}
.active .bwcasetext .pcont{margin-top:20px;}
.active .bwcasetext .more a{margin-top:60px;}
#fp-nav ul li,.fp-slidesNav ul li{width:14px; height:2px;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{width:14px !important; height:2px !important; border-radius:0px !important; background-color:#9f9794 !important;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{width:27px !important; background-color:#fff !important; margin:-1px 0px 0px -15px !important;}

/*kefu*/
.kefu{width:50px; position:fixed; _position:absolute; right:0px; top:54%; z-index:200; transform: translateX(0) translateY(-50%);}
.kefu ul li{width:50px; height:50px; margin-top:1px; position:relative;}
.kefu ul li:hover,.kefu ul li:hover .div-item{background-color:#da0000;}
.kefu .qq,.kefu .shouhou,.kefu .call,.kefu .back,.kefu .share,.kefu .weixin,.kefu ul li .bdsharebuttonbox a{display:block; width:50px; height:50px; float:left; font-size:0; background-image:url("../images/kefu.png")/*tpa=http://www.100vic.com/themes/index/images/kefu.png*/; background-repeat:no-repeat;}
.kefu .qq,.kefu .shouhou,.kefu .call,.kefu .back,.kefu .share,.kefu .weixin{position:relative; z-index:10; background-color:#242424;}
.kefu ul li:hover a{background-color:#da0000;}
.kefu .weixin{background-image:url("../images/weixin.png")/*tpa=http://www.100vic.com/themes/index/images/weixin.png*/; background-repeat:no-repeat; background-position:0px 0px;}
.kefu .qq{background-position:0px 0px;}
.kefu .shouhou{background-position:-50px 0px;}
.kefu .call{background-position:-100px 0px;}
.kefu .back{background-position:-150px 0px;}
.kefu .share{background-position:-200px 0px;}
.kefu ul li .div-item{width:200px; height:50px; background-color:#242424; position:absolute; right:-200px; top:0px; cursor:pointer; -webkit-transition: all .5s ease; transition: all .5s ease;}
.kefu ul li:hover .div-item{right:50px;}
.kefu ul li .div-ewm{width:298px; height:175px; padding-top:20px; background-color:#da0000; position:absolute; right:50px; top:0px; display:none;}
.kefu ul li .div-ewm ul li{width:119px; float:left; text-align:center; margin-left:20px;}
.kefu ul li .div-ewm ul li img{width:100%; display:block;}
.kefu ul li .div-ewm ul li p{font-size:14px; color:#fff; margin-top:5px;}
.kefu ul li:hover .div-ewm{display:block;}
.kefu ul li .h2{display:block; line-height:50px; font-size:14px; color:#fff; padding:0px 25px;}
.kefu ul li .bdsharebuttonbox{width:100%; height:50px;}
.kefu ul li .bdsharebuttonbox a{padding:0px; margin:0px; width:50px; height:50px;}
.kefu ul li .bdsharebuttonbox a:hover{background-color:#565656;}
.kefu ul li .bdsharebuttonbox a.bds_tsina{background-position:-250px 0px;}
.kefu ul li .bdsharebuttonbox a.bds_weixin{background-position:-300px 0px;}
.kefu ul li .bdsharebuttonbox a.bds_tqq{background-position:-350px 0px;}
.kefu ul li .bdsharebuttonbox a.bds_more{background-position:-400px 0px;}

/*footer*/
.footer{width:100%; background-color:#282828;}
.foottou{
	overflow:hidden;
	zoom:1;
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.foottou .ftlogo{float:left; max-width:210px; margin-top:50px;}
.foottou .ftcont{float:left; margin-left:5%;}
.foottou .ftcont .i{font-size:14px; color:#797979;}
.foottou .ftcont h2{font-size:36px; color:#989898; margin:10px 0px;}
.foottou .ftcont p{font-size:14px; color:#797979; margin-bottom:5px;}
.foottou .foot-ewm{width:158px; float:left;}
.foottou .foot-ewm ul li{width:119px; float:left; text-align:center; margin-left:60px;}
.foottou .foot-ewm ul li img{width:100%; display:block;}
.foottou .foot-ewm ul li p{font-size:14px; color:#797979; margin-top:5px;}
.foottou .foot-ewm ul li p span{color:#989898;}
.foottou .ftewm{
	float:right;
	text-align:right;
	font-size:12px;
	color:#424242;
	margin-top: 100px;
}
.foottou .ftewm img{margin-bottom:20px;}
.footer .footbom{border-top:1px solid #343435; padding:25px 0px; font-size:14px; color:#797979;}
.footer .footbom a{color:#424242; margin-left:5px; margin-top:2px;}
.footer .footbom a:hover{color:#797979;}

/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
	/*.layout{ width: 1180px; }*/
	/*.bannerheight{height:730px;}*/
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
	/*.layout { width: 750px; }*/
	.foottou .foot-ewm{float:right;}
	.foottou .ftewm{width:100%; padding-top:20px; text-align:center;}
	/*.web-banner{display:none !important;}
	.mob-banner{display:block !important;}*/
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
	/*.layout { width: 95%; }*/	
	.kefu{display:none;}
	.logo a{width:90px; height:12px;}
	.scrollBar .banner ul li .imgTimes,.bannerheight{background-size:auto 100% !important;}
	.foottou .foot-ewm{float:right; width:100%; text-align:center; padding-top:20px;}
	.foottou .foot-ewm ul li{float:none; display:inline-block; margin:0px 10px;}
	.foottou .ftewm{width:100%; padding-top:20px; text-align:center;}
	/*.web-banner{display:none !important;}
	.mob-banner{display:block !important;}*/
}

@media screen and (min-width:769px) and (max-width:1199px){
	/*.layout { width: 95%; }*/	
	.gf-demand .write .text1,.gf-demand .write .text2{width:48%; margin-bottom:20px;}
	.gf-demand .write .text2{margin-right:0;}
	.gf-demand .write .text3{width:77%;}
	.gf-demand .write .submit{width:20%;}
	.index-ser ul li{width:47%; margin-right:6%;}
	.index-ser ul li:nth-of-type(2n){margin-right:0px;}
}

@media screen and (max-width:1800px){
	.ser-step{max-width:1228px;}
	.ser-step ul li{margin-right:2%;}
}

@media screen and (max-width:1400px){
	.contact-box .name{margin-bottom:35px;}
	.contact-box .name,.contact-box .info{width:100%;}
}

@media screen and (max-width:1366px){
	.ser-step{max-width:1056px;}
	.ser-step ul li{margin-right:0;}
	.nybanner{height:545px;}
}

@media screen and (max-width:1110px){
	
	.news-screen .screenleft{width:100%;}
	.news-screen .screenleft ul li{width:19.8%;}
	.news-screen .screenright{width:98%; padding:0px 1%;}
}

@media screen and (max-width:1024px){
	
	.baiweilfbox,.baiweilrbox{width:100%; position:relative; left:auto; right:auto; top:auto; opacity:1;}
	.baiweilfbox{height:500px;}
	.baiweilrbox{height:740px;}
	.active .baiweilfbox{left:auto;}
	.active .baiweilrbox{right:auto;}
	.bwcasetext{width:95%; left:4%;}
	.active .bwcasetext .h2,.bwcasetext .h2{margin-top:0px;}
	.active .bwcasetext .pcont,.bwcasetext .pcont,.active .bwcasetext .more a,.bwcasetext .more a{margin-top:20px;}
	.bwcasetext .h2{font-size:20px;}
	.bwcasetext .pcont{font-size:12px;}
	.active .bwcasetext .more a{margin-top:20px;}
	.baiweibtn,#fp-nav{display:none;}
	.bwrightbtn{top:auto; bottom:0; margin-right:-27.5px; background-color:inherit;}
	#dowebok .section{height:auto !important;}
}

@media screen and (max-width:960px){
	
	.logo{padding-top:36px;}
	.logo a{width:220px; height:30px;}
	.nav ul li{margin-left:25px;}
	.nav .messsn{margin-left:25px;}
	.contact-box .conform{margin-left:0px;}
}

@media screen and (max-width:768px){
	
	.header{height:60px; background-color:#fff;}
	.logo{padding-top:21px;}
	.logo a{width:170px; height:22px; background-image:url("../images/logo-h.png")/*tpa=http://www.100vic.com/themes/index/images/logo-h.png*/;}
	.nav{display:none; top:32px; right:75px; padding-right:0;}
	.nav .messsn{background-position: 0px -21px;}
	.myPhone{color:#333; background:url("../images/myPhone_h.png")/*tpa=http://www.100vic.com/themes/index/images/myPhone_h.png*/ left center no-repeat; right:75px; top:22px;}
	.btn-m-list{display:block; margin-top:-19px; right:4%;}
	.btn-m-list span{background-color:#333;}
	.contain{padding-top:60px;}
	
	.index-back-box{height:65px;}
	.IndexList ul{padding-top:10px;}
	.nub{font-size:25px; height:40px; line-height:40px;}
	.votewarp{padding-top:60px;}
	.index-back-box .sub-arrows,.index-back-box .sub-mouse{display:none;}
	.scrollBar .banner ul li .imgTimes>article{bottom:22%;}
	.index-ser{padding-top:30px;}
	.index-ser ul li{width:48%; margin-right:3.7%; margin-top:30px;}
	.index-ser ul li:nth-of-type(2n){margin-right:0;}
	.index-case ul li{width:33%;}
	.index-case ul li:nth-of-type(3n){margin-right:0px;}
	.index-kehu ul li{width:25%;}
	.gf-demand{padding:60px 0px;}
	.gf-demand .write,.gf-demand .h3{padding-bottom:15px;}
	.gf-demand .write .text1, .gf-demand .write .text2,.gf-demand .write .text3{width:99%; margin-right:0px; margin-bottom:15px;}
	.gf-demand .write .submit{width:100%;}
	
	.nybanner{height:500px;}
	.ab-team ul li{width:48%; margin-top:4%; margin-right:4%;}
	.ab-team ul li:nth-of-type(3n){margin-right:4%;}
	.ab-team ul li:nth-of-type(2n){margin-right:0;}
	.about-box02 .about-xzwm .abul li{margin-top:80px;}
	.ser-box02{height:500px;}
	.serlist ul li{margin-top:10%;}
	.ser-step ul li,.ser-step ul li.on{width:19%; height:auto; margin:20px 2.5% 0px 2.5%;}
	.ser-step ul li:before{display:none;}
	.newslist .hottou .hotbox{width:100%; max-height:inherit;}
	.newslist .hottou .hotbox .bg{display:none;}
	.newslist .hottou .hotbox img{position:static; left:auto; top:auto; transform: translateX(0) translateY(0);}
	.newslist .hottou .item:nth-of-type(2){margin-left:0px;}
	.newslist .hottou .item{width:48%; margin-left:0; margin-left:4%; margin-bottom:0px; margin-top:4%;}
	.newslist .item{width:48%; margin-right:4%; margin-bottom:0px; margin-top:4%;}
	.newslist .item:nth-of-type(2n){margin-right:0px;}
	.news-title .tou{padding-right:0;}
	.news-title .bdsharebuttonbox{position:static; right:auto; top:auto; margin-top:20px;}
	.news-title .bdsharebuttonbox a{margin-left:0; margin-right:10px;}
	.scrollBar .banner ul li.visb .imgTimes>article .banText i{display:none;}
	
	.foottou{padding:30px 0px;}
	.foottou .ftcont{width:50%; padding-left:0px; float:right;}
	.foottou .ftewm{float:left; /*padding-top:50px;*/}
	.foottou .foot-ewm{width:100%; text-align:center; margin-top:20px;}
	.foottou .foot-ewm ul li{display:inline-block; float:none; margin:0px 20px;}
	
	.baiweilfbox,.baiweilrbox{width:100%; position:relative; left:auto; right:auto; top:auto; opacity:1;}
	.baiweilfbox{height:500px;}
	.baiweilrbox{height:210px;}
	.active .baiweilfbox{left:auto;}
	.active .baiweilrbox{right:auto;}
	.bwcasetext{width:95%; left:4%;}
	.active .bwcasetext .h2,.bwcasetext .h2{margin-top:0px;}
	.active .bwcasetext .pcont,.bwcasetext .pcont,.active .bwcasetext .more a,.bwcasetext .more a{margin-top:20px;}
	.bwcasetext .h2{font-size:20px;}
	.bwcasetext .pcont{font-size:12px;}
	.active .bwcasetext .more a{margin-top:20px;}
	.baiweibtn,#fp-nav{display:none;}
	.bwrightbtn{top:auto; bottom:0; margin-right:-27.5px; background-color:inherit;}
	#dowebok .section{height:auto !important;}
	.kefu{display:none;}
}

/* #Mobile - 640px */
@media screen and (max-width:640px){

	.logo{padding-top:32px;}
	.logo a{width:120px; height:16px;}
	.btn-m-list{right:15px; margin-top:-9px;}
	.header .myPhone{right:15px; top:5px; margin:auto;}
	
	.bannerwarp{background-color:#fff;}
	.index-waper-box{position:static; left:auto; bottom:auto; height:75px;}
	.em-h1{font-size:14px;}
	.em-h2{font-size:14px;}
	.scrollBar .banner ul li .imgTimes>article{bottom:33%;}
	.scrollBar .banner ul li .imgTimes>article .banText span font{font-size:12px;}
	.IndexList{width:95%;}
	.nub{height:30px; line-height:30px; font-size:25px;}
	.index-title{font-size:12px;}
	.index-title span{font-size:30px;}
	.section01,.section02,.section03,.section04{padding-top:30px;}
	.section01{padding-bottom:30px;}
	.index-ser{padding-top:0px;}
	.index-ser ul li{width:49%; margin-right:2%;}
	.index-ser ul li:nth-of-type(2n){margin-right:0;}
	.index-ser ul li .item{padding:10px;}
	.index-ser ul li .co{width:100%; height:84px; background-size:auto 100%;}
	
	.index-case{padding-top:30px;}
	.index-case ul li,.index-case ul li:nth-of-type(3n){width:49%; margin-right:2%; margin-bottom:2%;}
	.index-case ul li:nth-of-type(2n){margin-right:0;}
	.index-case ul li .h2{padding:10px;}
	.index-case ul li .h2 span{font-size:14px; display:block;}
	.index-kehu{padding-top:20px;}
	.index-kehu ul li{width:33.333%;}
	.section03{padding-bottom:70px;}
	.index-news{margin-bottom:50px;}
	.index-news .item{margin:0px !important;}
	.gf-demand{padding:30px 0px;}
	
	.nybanner{height:320px;}
	.ny-title h2 img,.ny-title h3 img{max-width:50%;}
	.about-box01 .IndexList{width:95%;}
	.about-box01 .about-tm .h2{font-size:26px;}
	.about-box02{height:auto; padding-bottom:70px; overflow:hidden;}
	.about-box02 .about-xzwm .abul li,.about-box02 .about-xzwm .abul li:nth-of-type(3n){max-width:50%; width:auto; float:none; margin:10% auto 0 auto;}
	.about-box01,.about-box03{padding:40px 0px;}
	.ab-team ul li{width:49%; margin-right:2%;}
	.ab-team ul li:nth-of-type(3n){margin-right:2%;}
	.ab-team ul li:nth-of-type(2n){margin-right:0;}
	.ab-team ul li .tm{padding:10px;}
	.ab-team ul li .tm .n1{font-size:14px;}
	.ab-team ul li .tm .n2,.ab-team ul li .tm p{font-size:12px;}
	.ab-team ul li .tm .line{margin:5px 0px;}
	.ab-team ul li .tm p{margin-bottom:0px;}
	.ser-box01,.ser-box03,.ser-box04{padding:50px 0px;}
	.ser-box02{height:auto; padding-bottom:70px;}
	.serlist ul li{font-size:12px;}
	.serlist ul li .sn{font-size:30px;}
	
	.ser-step{text-align:center;}
	.ser-step ul li{display:inline-block; float:none; margin:20px 2% 0px 2%;}
	.contact-box{padding:40px 0px;}
	.contact-box .tw{width:100%;}
	.contact-box .name{font-size:20px; margin-bottom:20px;}
	.contact-box .info dd{margin-bottom:20px;}
	.contact-box .conform li.item1,.contact-box .conform li.item2,.contact-box .conform li.item3,.contact-box .consub{width:100%; margin-right:0px;}
	.news-screen .screenleft{margin-top:-35px;}
	.news-screen .screenleft ul li{width:49.5%; margin-right:0.5%; text-align:left; margin-bottom:1px;}
	.news-screen .screenleft ul li:nth-of-type(2n){margin-right:0;}
	.news-screen .screenleft ul li a{padding-left:20px;}
	
	.newslist .hotbom{padding-bottom:20px;}
	.newslist .hottou .item{width:49%; margin-left:0; margin-right:2%;}
	.newslist .hottou .item:nth-of-type(3){margin-right:0;}
	.newslist .hotbom .item{width:49%; margin-left:0; margin-right:2%;}
	.newslist .hotbom .item:nth-of-type(2n){margin-right:0;}
	.newslist .item{width:49%; margin-left:0; margin-right:1%;}
	.newslist .item .tmain{padding:10px;}
	.newslist .item .tmain .title{font-size:14px; margin:5px 0px; height:auto;}
	.newslist .item .tmain .h3{font-size:12px; margin-bottom:10px; height:55px;}
	.newslist .item .tmain .time{font-size:12px;}
	.newslist .hottou .hotbox .title h2{font-size:14px;}
	.newslist .hottou .hotbox .title i,.newslist .hottou .hotbox .title .more{font-size:12px;}
	.news-details{padding:40px 20px;}
	.news-title h1{font-size:20px;}
	.case-tou{padding:30px 0;}
	.case-tou .name{width:100%; padding-right:0; border:none; padding-bottom:10px;}
	.case-tou .tmain{width:100%; margin-left:0; padding-left:0;}
	.case-tou .tmain .sn{position:static; left:auto; top:auto; display:block; margin-bottom:5px;}
	.case-tou .link{float:left; margin-top:10px;}
	.casetext{padding:40px 0;}
	.caselike{padding-top:10px; padding-bottom:30px;}
	.caselike .name{padding:20px 0px;}
	.index-case ul li:hover .btn-group a,.index-case ul li:hover .btn-group a{height:30px; line-height:30px;}
	
	.votemorewarp{padding-bottom:60px;}
	.votetmain{padding-top:0; padding-bottom:60px;}
	.voteresult{padding-top:30px;}
	.votemolist ul li{width:49%; margin-right:2%; margin-top:20px;}
	.votemolist ul li:nth-of-type(2n){margin-right:0;}
	.votemolist ul li a{padding:20px 10px;}
	.votemolist ul li .votit{font-size:14px; height:42px;}
	
	.foottou{padding:30px 0px;}
	.foottou .ftlogo{margin-top:0px;}
	.foottou .ftcont{width:100%; margin-left:0px; padding-top:15px;}
	.foottou .ftewm{padding-top:20px;}
	.kefu{display:none;}
}

/*CSS pageinfo style pagination*/

.pageinfo {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 31px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.pageinfo A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #ca2310; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
.pageinfo A:hover {
	BORDER-RIGHT: #ca2310 1px solid; BORDER-TOP: #ca2310 1px solid; BORDER-LEFT: #ca2310 1px solid; COLOR: #000; BORDER-BOTTOM: #ca2310 1px solid
}
.pageinfo A:active {
	BORDER-RIGHT: #ca2310 1px solid; BORDER-TOP: #ca2310 1px solid; BORDER-LEFT: #ca2310 1px solid; COLOR: #000; BORDER-BOTTOM: #ca2310 1px solid
}
.pageinfo SPAN.thisclass {
	BORDER-RIGHT: #ca2310 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ca2310 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ca2310 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ca2310 1px solid; BACKGROUND-COLOR: #ca2310
}
.pageinfo SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}