/*

date:2015-10-01;
*/
/*@font-face {
    font-family: 'GothamBook';
    src:url('../fonts/gotham-book.eot');
    src:url('../fonts/gotham-book.woff') format('woff'),
    url('../fonts/gotham-book.ttf') format('truetype');
    font-style:normal;
    font-weight:200;
}*/

@font-face{font-family:'iconfont';src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("woff"),url('../fonts/iconfont.ttf') format('truetype');;font-weight:normal}
/*
@font-face {
    font-family: 'FZYouHeiS-L-GB';
    src:url('../fonts/fzyouh_xijw.eot');
    src:url('../fonts/fzyouh_xijw.woff') format('woff'),
        url('../fonts/fzyouh_xijw.ttf') format('truetype');
    font-style: normal;
    font-weight: 200;
}
@font-face {
    font-family: 'FZL11anTingHei-L-GBK';
    src:url('../fonts/fzltxhk.eot');
    src:url('../fonts/fzltxhk.woff') format('woff'),
        url('../fonts/fzltxhk.ttf') format('truetype');
    font-style: normal;
    font-weight: 200;
}
*/


/*--a-reset--*/
::-moz-selection{background:#008cd6; color:#fff; text-shadow:none;}
::selection{background:#008cd6; color:#fff; text-shadow:none;}
a{color:#666; text-decoration:none; cursor:pointer; outline: 0 none;}
a:hover{color:#008cd6; text-decoration:none;}
a:focus{-moz-outline-style:none; border:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,li,ul,dl,dt,dd{list-style:none;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; resize:none; padding: 0; margin: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
b,em,i{display:inline-block; vertical-align:middle; font-weight:normal; font-style:normal;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .cl{ zoom:1;}
html{overflow: hidden; overflow-y: auto;}
body{overflow: hidden; font: 100%; font-family: "FZLanTingHei-L-GBK","GothamBook","helvetica","arial","Microsoft Yahei","微软雅黑",sans-serif; color:#666; background: #fff; overflow: hidden; position: relative; font-weight: 200;}
html.fly-layer,html.fly-layer body{overflow: hidden; width: 100%; height: 100%; position: relative;}
/*--z-reset--*/


/*background*/
a.vivo-h-logo{background-image: url(../images/logo.png); background-size: 150px 65px; background-repeat: no-repeat;}
.v_h_search .search-box a.vh-sear-logo{background-image: url(../images/vh-sear-logo.png); background-size: 95px 25px; background-repeat: no-repeat;}
.vc-p-video a:after,b.v-gb-ico,.v-gb-ico:before,.v-gb-ico:after{background-image: url(../images/gb-ico.png); background-size: 600px 400px; background-repeat: no-repeat; display: inline-block; overflow: hidden; vertical-align: middle; position: relative; content: '';}


@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
    a.vivo-h-logo{background-image: url(../images/vivo-gb-logo-x2.png);}
    .v_h_search .search-box a.vh-sear-logo{background-image: url(../images/vh-sear-logo-x2.png);}
    .vc-p-video a:after,b.v-gb-ico,.v-gb-ico:before,.v-gb-ico:after{background-image: url(../images/gb-ico-x2.png);}
}
/*background*/



#vivo-airbox,#airbox{width: 100%; height: auto; position: fixed; z-index: 999; left: 0; top: 0;}
#vivo-wrap{width: 100%; height: auto; position: relative; z-index: 1;}
#vivo-contain,#mobile-contain,#vivo-foot{width: 100%; position: relative; z-index: 2;}
#vivo-head-wrap{width: 100%; position: fixed; z-index: 99; background-color: #fff; background-color: rgba(255,255,255,.97); border-bottom: 1px #f2f2f2 solid; box-sizing: border-box;}

#v-gotop{width: 50px; height: 50px; position: absolute; right: 10px; overflow: hidden; border-radius: 5px; display: none; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); -webkit-transition: -webkit-transform .3s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1); -moz-transition: -moz-transform .3s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1); transition: transform .3s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1);}
#v-gotop a{width: 100%; height: 100%; display: block; overflow: hidden; background-color:#999; background-color: rgba(0,0,0,.3); -webkit-transition: background-color .8s cubic-bezier(0.316967, 0.989541, 0.310022, 1); -moz-transition: background-color .8s cubic-bezier(0.316967, 0.989541, 0.310022, 1); transition: background-color .8s cubic-bezier(0.316967, 0.989541, 0.310022, 1);}
#v-gotop a:hover{background-color: #008cd6;}
#v-gotop a:after{width: 45px; height: 45px; display: block; content: ''; overflow: hidden; background-position: -120px 0; margin: 2px;}
#v-gotop.show{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); -webkit-transition: -webkit-transform .5s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1); -moz-transition: -moz-transform .5s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1); transition: transform .5s .1s cubic-bezier(0.316967, 0.989541, 0.310022, 1);}

.ir {
    display: block;
    text-align: left;
    text-indent: -9999em;
    overflow: hidden;
    _zoom: 1;
}

/*head*/
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.hide {
    display: none !important;
}
.container {
	width:1400px;
*zoom:1;
	margin-right:auto;
	margin-left:auto
}
.container:before, .container:after {
	content:" ";
	display:table
}
.container:after {
	clear:both
}
.site-header {
	position:relative;
	z-index:20;
	height:80px
}
.site-header .container {
	position:relative
}
.site-header .header-logo {
	float:left;
	width:150px;
	margin-top:10px
}
.site-header .header-nav {
	    width: 50%;
    height: 100%;
    display: table;
    position: relative;
    margin: auto;
}
.site-header .header-search {
    position: absolute;
    right: 0;
    top: 50%;
	margin-top:-20px;
}
.site-header .logo {
	position:relative;
	display:block;
	width:150px;
	height:65px;
	overflow:hidden;
	_zoom:1;
		
*background:url(../img/logo.png) no-repeat 50% 50%
}
.site-header .logo:before, .site-header .logo:after {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:150px;
	height:65px;
	content:'';
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
-webkit-transition:all .2s;
transition:all .2s
}
.site-header .logo:before {
	background:url(../img/mi-logo.png) no-repeat 50% 50%;
	opacity:1;
	filter:alpha(opacity=100)\9;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.site-header .logo:after {
	background:url(../img/mi-home.png) no-repeat 50% 50%;
	opacity:0;
	filter:alpha(opacity=0)\9;
	margin-left:-55px;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
	
}
.site-header .logo:focus {
	outline:0
}
.site-header .logo:hover:before {
	opacity:0;
	filter:alpha(opacity=0)\9;
	-webkit-transform:translate3d(55px, 0, 0);
	transform:translate3d(55px, 0, 0)
	
}
.site-header .logo:hover:after {
	opacity:1;
	filter:alpha(opacity=100)\9;
	-webkit-transform:translate3d(55px, 0, 0);
	transform:translate3d(55px, 0, 0)
	
}
.site-header .logo:active:after {
	-webkit-transform:translate3d(55px, 0, 0) scale(0.9);
	transform:translate3d(55px, 0, 0) scale(0.9)
}
.site-header .nav-list {
	position:relative;
	z-index:10;
	float:left;
	height:88px;
	margin:0;
	list-style-type:none;
	font-size:16px
}
.site-header .nav-item {
	height:88px;
	width: 1%; display: table-cell; position: relative; vertical-align: middle; z-index: 1; text-align: center; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease;
}
.site-header .nav-item a {
	padding: 0 1em;
    display: block;
    height: 100%;
    line-height: 5em;
    white-space: nowrap;
    position: relative;
}
.site-header .nav-item .link:focus {
	outline:0
}
.site-header .nav-item .item-children {
	display:none
}
.site-header .current {
    background-color: #008cd6;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}
.site-header .nav-item:hover{background-color: #008cd6;}
.site-header .nav-item.current{background-color: #008cd6; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
.site-header .nav-item:hover a{color: #fff;}
.site-header .nav-item.current a{color: #fff; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}

.site-header .nav-category {
	position:relative;
	float:left;
	width:127px;
	padding-right:15px
}
.site-header .nav-category .link-category {
	display:block;
	padding:26px 0 38px;
	text-align:right;
	color:#333
}
.site-header .nav-item-active {
	position:relative
}
.site-header .nav-item-active .link {
	color:#ff6700
}
.site-header .nav-item-active:after {
	position:absolute;
	top:50px;
	left:50%;
	width:600px;
	height:40px;
	margin-left:-300px;
	content:'';
	background-color:transparent
}
.site-header .header-nav-menu {
	position:absolute;
	top:87px;
	left:0;
	z-index:24;
	width:100%;
	height:229px;
	border-top:1px solid #e0e0e0;
	background:#fff;
	overflow:hidden;
	_zoom:1
}
.site-header .header-nav-menu .children-list {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:12px
}
.site-header .header-nav-menu .children-list li {
	position:relative;
	float:left;
	width:180px;
	padding:35px 12px 0;
	text-align:center
}
.site-header .header-nav-menu .children-list li:before {
	position:absolute;
	left:0;
	top:35px;
	z-index:1;
	width:1px;
	height:100px;
	content:"";
	background-color:#e0e0e0
}
.site-header .header-nav-menu .children-list .first:before {
	display:none
}
.site-header .header-nav-menu .figure-thumb {
	width:160px;
	height:110px;
	margin:0 auto 16px;
	text-align:center
}
.site-header .header-nav-menu .figure-thumb img {
	width:160px;
	height:110px
}
.site-header .header-nav-menu .figure-thumb a {
	display:block
}
.site-header .header-nav-menu .title {
	margin:0;
	line-height:20px;
	color:#333
}
.site-header .header-nav-menu .title, .site-header .header-nav-menu .title a {
	color:#333
}
.site-header .header-nav-menu .price {
	margin:0;
	line-height:20px;
	color:#ff6700
}
.site-header .header-nav-menu .flags {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	font-size:12px;
	text-align:center
}
.site-header .header-nav-menu .flag {
	display:inline-block;
*zoom:1;
*display:inline;
	height:18px;
	padding:1px 20px;
	background-color:#e53935;
	color:#fff
}
.site-header .header-nav-menu-active {
	border-bottom:1px solid #e0e0e0 \9;
	-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.18);
	box-shadow:0 3px 4px rgba(0, 0, 0, 0.18);
-webkit-transition:-webkit-box-shadow .2s;
transition:box-shadow .2s
}
.site-header .search-form {
	position:relative;
	width:296px;
	height:50px
}
.site-header .search-form .keyword-list {
	position:absolute;
	left:0;
	top:50px;
	_top:51px;
	z-index:20;
	width:243px;
	border:1px solid #ff6700;
	border-top:0;
	background:#fff
}
.site-header .search-form .keyword-list ul {
	margin:0;
	padding:0;
	list-style-type:none
}
.site-header .search-form .keyword-list li.active, .site-header .search-form .keyword-list li:hover {
	background:#fafafa
}
.site-header .search-form .keyword-list li a {
	position:relative;
	display:block;
	padding:6px 15px;
	font-size:12px;
	color:#424242
}
.site-header .search-form .keyword-list li .keyword {
	color:#ff6700
}
.site-header .search-form .keyword-list li .result {
	position:absolute;
	right:15px;
	top:6px;
	color:#b0b0b0
}
.site-header .search-form:hover .search-text {
	border-color:#b0b0b0
}
.site-header .search-form:hover .search-btn {
	border-color:#b0b0b0
}
.site-header .search-form:hover .search-btn:hover {
	border-color:#ff6700
}
.site-header .search-form-focus:hover .search-text {
	border-color:#ff6700
}
.site-header .search-form-focus:hover .search-btn {
	border-color:#ff6700
}
.site-header .search-form-focus .search-text {
	border-color:#ff6700
}
.site-header .search-form-focus .search-btn {
	border-color:#ff6700
}
.site-header .search-form-focus .search-btn:hover {
	background-color:#ff6700;
	color:#fff
}
.site-header .search-text {
	position:absolute;
	top:0;
	right:51px;
	z-index:1;
	width:223px;
	height:45px;
	padding:0 10px;
	border:1px solid #e0e0e0;
	font-size:14px;
	line-height:48px;
	outline:0;
-webkit-transition:all .2s;
transition:all .2s
}
.site-header .search-btn {
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	width:52px;
	height:45px;
	border:1px solid #e0e0e0;
	font-size:24px;
	line-height:24px;
	background:#fff;
	color:#616161;
	outline:0;
-webkit-transition:all .2s;
transition:all .2s
}
.site-header .search-btn:hover {
	background:#ff6700;
	color:#fff
}
.site-header .search-hot-words {
	position:absolute;
	top:14px;
	right:62px;
	z-index:2;
	text-align:right
}
.site-header .search-hot-words a {
	display:inline-block;
*zoom:1;
*display:inline;
	margin-left:5px;
	padding:0 5px;
	font-size:12px;
	background:#eee;
	color:#757575;
-webkit-transition:all .2s;
transition:all .2s
}
.site-header .search-hot-words a:hover {
	background:#ff6700;
	color:#fff
}





/*/////////////////////////////////*/
.vivo-head{width: 1400px; height: 88px; margin: auto; margin-bottom: -1px; position: relative;}
.vivo-head a.vivo-h-logo{width: 150px; height: 65px; float: left; position: absolute; top: 50%; margin-top: -33px;}
.vivo-head ul.vivo-h-nav{width: 50%; height: 100%; display: table; position: relative; margin: auto;}
.vivo-h-nav li{width: 1%; display: table-cell; position: relative; vertical-align: middle; z-index: 1; text-align: center; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease;}
.vivo-head .vivo-h-nav li.nav-gb a{padding: 0 1em; display: block;height: 100%; line-height: 5em; white-space: nowrap; position: relative; }
.vivo-h-nav li.nav-gb:hover{background-color: #008cd6;}
.vivo-h-nav li.nav-gb.current{background-color: #008cd6; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
.vivo-h-nav li.nav-gb:hover a{color: #fff;}
.vivo-h-nav li.nav-gb.current a{color: #fff; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
.vivo-h-nav li.gb-store{}
.vivo-h-nav li.gb-os{}

.site-header .nav-tool{position: absolute; right: 0; top: 50%;margin-top: -15px;}
.nav-tool a{width: 30px; height: 30px; padding:0; display: inline-block; margin-left: 10px; position: relative; border: 1px #999 solid; border-radius: 50%; overflow: hidden; text-align: left; float: left;}
.nav-tool a:hover{opacity: .7; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;}
.nav-tool a b{width: 18px; height: 18px; top: 50%; left: 50%; margin-left: -9px; margin-top: -9px; text-indent: 9999em;}
.nav-tool a.nav-t-search b{background-position: 0 0;}
.nav-tool a.nav-t-user b{background-position: -18px 0;}
.nav-tool a.nav-t-user img{border-radius: 50%;}
.nav-tool a.nav-t-kefu{overflow: inherit; position: relative; opacity: 1;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.nav-tool a.nav-t-kefu:hover{background-color: #008cd6; border-color: #008cd6;}
.nav-tool a.nav-t-kefu b{background-position: -36px 0;}
.nav-tool a.nav-t-kefu:hover b{background-position: -36px -18px;}
.nav-tool a.nav-t-kefu em{display: block; width: 88px; height: 18px; line-height: 18px; text-align: center; border: #aaa solid 1px; border-radius: 3px; position: absolute; top: 34px; left: 50%; margin-left: -44px; color: #999; font-size: 12px; display: none;}
.nav-tool a.nav-t-user img{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.nav-tool a.nav-t-user-login b{display: none;}
.nav-tool a.nav-t-menu{border: none;display: none;}
.nav-tool a.nav-t-menu b{background: none;}
.nav-tool a.nav-t-menu b:before{width: 30px; height: 30px; background-position: 4px -30px; position: absolute; top: 0; left: 0;}
.nav-tool a.nav-t-menu b:after{width: 30px; height: 30px; background-position: -20px -30px; position: absolute; top: 0; left: 0;opacity: 0}


/*下拉内容*/
        .menu_pro_bg
        {
            width: 1200px;
            height: 280px;
            background: url(../maibanzi/images/navbg.png);
            margin: 0 auto;
        }
        .menu_pro_main
        {
            margin: auto;
            padding: 20px;
        }
        .menu_pro_li
        {
            border-right: 1px solid #cfcfcf;
            width: 235px;
            padding-right: 25px;
            padding-left: 25px;
            float: left;
            display: inline;
        }
        .menu_li_txt
        {
            line-height: 22px;
            font-size: 12px;
            color: #696969;
        }
        .menu_li_txt font
        {
            color: #000;
            display: inline-block;
            line-height: 35px;
            height: 35px;
            border-bottom: 1px dotted #CCC;
            font-size: 15px;
            font-weight: bold;
            margin-bottom: 8px;
           
            width: 100%;
        }
        .menu_li_txt font a{ font-size: 15px; color:#000;}
        
        .menu_li_txt a.corred{color:#f00;    float: right;margin-top: -8px;}
        
        .menu_li_txt b
        {
            color: #e60012;
        }
        .menu_li_txt a
        {
            color: #333;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            line-height: 30px;
        }
        .menu_li_txt a:hover
        {
            color: #696969;
            text-decoration: underline;
        }
        
        
        .menu_news_li
        {
            padding: 0px 30px;
            margin-right: 30px;
            height: 150px;
            float: left;
            border-right: solid 1px #cccccc;
        }
        .menu_news_img
        {
            float: left;
            text-align: left;
            color: #bb1721;
            line-height: 30px;
            font-size: 14px;
            width: 300px;
            height: 200px;
        }
		.menu_news_img a img {
    width: 300px;
    height: 185px;
}
        .menu_news_li2
        {
            padding: 0px 30px;
            height: 150px;
            float: right;
            border-left: solid 1px #cccccc;
        }
        .menu_news_img2
        {
            float: left;
            margin-left: 30px;
            text-align: left;
            color: #bb1721;
            line-height: 30px;
            font-size: 14px;
        }
        .menu_news_li3
        {
            padding: 0px 25px;
            height: 150px;
            float: right;
            border-left: solid 1px #cccccc;
        }
        .menu_news_img3
        {
            float: left;
            margin-left: 10px;
            text-align: left;
            color: #bb1721;
            line-height: 30px;
            font-size: 14px;
        }
        .navfirtst
        {
            text-align: center;
        }
        .nav11 li .navfirtst a span
        {
            display: inline-block;
            float: left;
        }
        .nav11 li .navfirtst font
        {
            display: inline-block;
            float: left;
            color: #fff;
            line-height: 50px;
            margin: 0px 5px;
        }
        .fi36{     font-size: 28px;
    color: #000;
    margin-bottom: 30px;
    margin-top: 30px;}

/*head*/


/*vivo-menu*/
.vivo-menu-series,.vivo-menu-gujian{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 98; display: none;}
#mobile-wrap .vivo-menu-series,#mobile-wrap .vivo-menu-gujian{position: absolute;}
.vivo-menu-series .vms-bigbox,.vivo-menu-gujian .vms-bigbox{width: 100%; min-height: 100px; position: relative; top: 80px; background-color: #fff; background-color: rgba(255,255,255,.97);}
.vivo-menu-series  .vms-bigbox .vms-box,.vivo-menu-gujian  .vms-bigbox .vms-box{width: 1000px; margin: auto; padding: 30px 0;}
.vms-box dl{float: left; width: 20%;}
.vms-box dl dt{font-size: 16px; color: #333; padding-bottom: 30px;}
.vms-box dl dt a{display: block; color: #333; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease;}
.vms-box dl dt a:after{width: 6px; height: 10px; background-position: -70px 0; vertical-align: 1px; margin-left: 6px;}
.vms-box dl dt a:hover{color: #008cd6;}
.vms-box dl dt a:hover:after{background-position: -78px 0;}
.vms-box dl dd a{display: block; font-size: 14px; color: #666; height: 2.5em; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.vms-box dl dd a:hover{color: #008cd6;}

.vivo-menu-series,.vivo-menu-gujian,.vivo-menu-series .vms-bigbox,.vivo-menu-gujian.vms-bigbox{-webkit-transition: background-color .3s .3s ease;-moz-transition: background-color .3s .3s ease;transition: background-color .3s .3s ease;}
.vms-box dl dt,.vms-box dl dd{-webkit-transform: translate3d(20px,0,0);-moz-transform: translate3d(20px,0,0);transform: translate3d(20px,0,0); -webkit-transition: -webkit-transform .3s ease,opacity .3s ease; -moz-transition: -moz-transform .3s ease,opacity .3s ease; transition: transform .3s ease,opacity .3s ease; opacity: 0;}
.vms-box dl dt{-webkit-transition-delay: .22s;-moz-transition-delay: .22s;transition-delay: .22s}
.vms-box dl dd:nth-child(1){-webkit-transition-delay: .24s;-moz-transition-delay: .24s;transition-delay: .24s}
.vms-box dl dd:nth-child(2){-webkit-transition-delay: .26s;-moz-transition-delay: .26s;transition-delay: .26s}
.vms-box dl dd:nth-child(3){-webkit-transition-delay: .28s;-moz-transition-delay: .28s;transition-delay: .28s}
.vms-box dl dd:nth-child(4){-webkit-transition-delay: .3s;-moz-transition-delay: .3s;transition-delay: .3s}
.vms-box dl dd:nth-child(5){-webkit-transition-delay: .32s;-moz-transition-delay: .32s;transition-delay: .32s}
.vms-box dl dd:nth-child(6){-webkit-transition-delay: .34s;-moz-transition-delay: .34s;transition-delay: .34s}
.vms-box dl dd:nth-child(7){-webkit-transition-delay: .36s;-moz-transition-delay: .36s;transition-delay: .36s}
.vms-box dl dd:nth-child(8){-webkit-transition-delay: .38s;-moz-transition-delay: .38s;transition-delay: .38s}
.vms-box dl dd:nth-child(9){-webkit-transition-delay: .4s;-moz-transition-delay: .4s;transition-delay: .4s}

.OpenNavproduct .vivo-menu-series,.OpenNavproduct .vivo-menu-gujian{ background-color: #000; background-color: rgba(0,0,0,.1); -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease;}
/*.OpenNavproduct .vivo-menu-series .vms-bigbox{ background-color: #fff; transition: background-color .3s ease;}*/
.OpenNavproduct .vms-box dl dt,.OpenNavproduct .vms-box dl dd{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); -webkit-transition: -webkit-transform .3s ease,opacity .3s ease; -moz-transition: -moz-transform .3s ease,opacity .3s ease; transition: transform .3s ease,opacity .3s ease; opacity: 1;}
/*.OpenNavproduct .vms-box dl dt{transition-delay: .3s}*/
.OpenNavproduct .vms-box dl dd:nth-child(1){-webkit-transition-delay: .02s;-moz-transition-delay: .02s;transition-delay: .02s}
.OpenNavproduct .vms-box dl dd:nth-child(2){-webkit-transition-delay: .04s;-moz-transition-delay: .04s;transition-delay: .04s}
.OpenNavproduct .vms-box dl dd:nth-child(3){-webkit-transition-delay: .06s;-moz-transition-delay: .06s;transition-delay: .06s}
.OpenNavproduct .vms-box dl dd:nth-child(4){-webkit-transition-delay: .08s;-moz-transition-delay: .08s;transition-delay: .08s}
.OpenNavproduct .vms-box dl dd:nth-child(5){-webkit-transition-delay: .1s;-moz-transition-delay: .1s;transition-delay: .1s}
.OpenNavproduct .vms-box dl dd:nth-child(6){-webkit-transition-delay: .12s;-moz-transition-delay: .12s;transition-delay: .12s}
.OpenNavproduct .vms-box dl dd:nth-child(7){-webkit-transition-delay: .14s;-moz-transition-delay: .14s;transition-delay: .14s}
.OpenNavproduct .vms-box dl dd:nth-child(8){-webkit-transition-delay: .16s;-moz-transition-delay: .16s;transition-delay: .16s}
.OpenNavproduct .vms-box dl dd:nth-child(9){-webkit-transition-delay: .18s;-moz-transition-delay: .18s;transition-delay: .18s}

/*vivo-menu*/



/*video*/
#video_layer{position: fixed; top: 0; left: 0; width: 100%; min-height: 300px; z-index: 1; background-color: #fff; background-color: rgba(255,255,255,.98);}
#video_layer a.vdl-colse{display: inline-block; width: 30px; height: 30px; position: absolute; top: 25px; right: 25px; z-index: 9; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;}
#video_layer a.vdl-colse:hover{opacity: .7;}
#video_layer a.vdl-colse:before{width: 30px; height: 30px; position: absolute; top: 0; left: 0; background-position: -130px -125px;}
#video_layer .vdl-box{position: absolute; top: 50%; left: 50%; z-index: 1;}
/*video*/



/*search*/
.v_h_search{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,.9); z-index: 99; display: none;}
.v_h_search .search-box{}
.v_h_search .search-box .vh-sear-nav{height: 88px; border-bottom: #313131 1px solid; position: relative;}
.v_h_search .search-box .vh-sear-nav .nav-box{width: 1400px; margin: auto;}
.v_h_search .vh-sear-nav a.vh-sear-logo{width: 95px; height: 25px; float: left; position: absolute; top: 50%; margin-top: -13px;}
.v_h_search .vh-sear-nav ul{margin-left: 20%; padding-top: 26px; position: relative;}
.v_h_search .vh-sear-nav ul li{display: inline-block;}
.v_h_search .vh-sear-nav ul li.input input{width: 500px; height: 30px; border: none; background: none; color: #fff; font-size: 18px;}
.v_h_search .vh-sear-nav ul li.sear-tool{position: absolute; right: 0; top: 26px;}
.v_h_search .vh-sear-nav ul li.sear-tool a{display: inline-block; margin-left: 13px; width: 30px; height: 30px; position: relative; vertical-align: middle; float: left;}
.v_h_search .vh-sear-nav ul li.sear-tool a:hover{opacity: .7; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;}
.v_h_search .vh-sear-nav ul li.sear-tool a.search:before{width: 30px; height: 30px; background-position: 0 -125px;}
.v_h_search .vh-sear-nav ul li.sear-tool a.close:before,.v_h_search .vh-sear-nav ul li.sear-tool a.close:after{width: 30px; height: 30px; position: absolute; top: 0; left: 0;}
.v_h_search .vh-sear-nav ul li.sear-tool a.close:before{background-position: -60px -125px;}
.v_h_search .vh-sear-nav ul li.sear-tool a.close:after{background-position: -90px -125px;}
.v_h_search .vh-sear-cont{width: 100%; margin: auto; overflow: hidden; overflow-y: auto;}
.v_h_search .vh-sear-cont .cont-box{width: 1200px; margin: auto; overflow: hidden;}
.v_h_search .vh-sear-cont dl{font-size: 14px; color: #666; margin-top: 20px;}
.v_h_search .vh-sear-cont dl dt{height: 48px; line-height: 48px; background: #000; background: rgba(0,0,0,.9); font-size: 18px; color: #ccc; }
.v_h_search .vh-sear-cont dl dt p{ padding-left: 15%;}
.v_h_search .vh-sear-cont dl dt span{font-size: 14px; color: #666; padding-left: 10px;}
.v_h_search .vh-sear-cont dl dd a{display: block; padding:15px 15.5%; -webkit-transition: background .3s ease,color .3s ease; -moz-transition: background .3s ease,color .3s ease; transition: background .3s ease,color .3s ease;}
.v_h_search .vh-sear-cont dl dd a:hover{background: #008cd6; color: #fff;}
.v_h_search .vh-sear-cont dl dd h4{ font-size: 18px; color: #fff; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v_h_search .vh-sear-cont dl dd h4:before{width: 19px; height: 24px; margin-right: 10px; margin-left: 5px;}
.v_h_search .vh-sear-cont dl dd p{padding-left: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.v_h_search .vh-sear-cont dl.vhs-pro dd h4:before{background-position: 0 -80px;}
.v_h_search .vh-sear-cont dl.vhs-data dd h4:before{background-position: -40px -80px;}
.v_h_search .vh-sear-cont dl.vhs-news dd h4:before{background-position: -80px -80px;}
.v_h_search .vh-sear-cont dl.vhs-pro dd a:hover h4:before{background-position: -20px -80px;}
.v_h_search .vh-sear-cont dl.vhs-data dd a:hover h4:before{background-position: -60px -80px;}
.v_h_search .vh-sear-cont dl.vhs-news dd a:hover h4:before{background-position: -100px -80px;}

.vivo-h-nav li.current{ -webkit-transition: background-color .3s .4s ease; -moz-transition: background-color .3s .4s ease; transition: background-color .3s .4s ease;}
.vivo-h-nav li a{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1); opacity: 1; -webkit-transform-origin: 80% 50%; -moz-transform-origin: 80% 50%; -ms-transform-origin: 80% 50%; transform-origin: 80% 50%;}
.vivo-h-nav li:nth-child(1) a{ -webkit-transition: color .3s ease,-webkit-transform .3s .41s ease,opacity .3s .41s ease; -moz-transition: color .3s ease,-moz-transform .3s .41s ease,opacity .3s .41s ease; transition: color .3s ease,transform .3s .41s ease,opacity .3s .41s ease;}
.vivo-h-nav li:nth-child(2) a{ -webkit-transition: color .3s ease,-webkit-transform .3s .42s ease,opacity .3s .42s ease; -moz-transition: color .3s ease,-moz-transform .3s .42s ease,opacity .3s .42s ease; transition: color .3s ease,transform .3s .42s ease,opacity .3s .42s ease;}
.vivo-h-nav li:nth-child(3) a{ -webkit-transition: color .3s ease,-webkit-transform .3s .43s ease,opacity .3s .43s ease; -moz-transition: color .3s ease,-moz-transform .3s .43s ease,opacity .3s .43s ease; transition: color .3s ease,transform .3s .43s ease,opacity .3s .43s ease;}
.vivo-h-nav li:nth-child(4) a{ -webkit-transition: color .3s ease,-webkit-transform .3s .44s ease,opacity .3s .44s ease; -moz-transition: color .3s ease,-moz-transform .3s .44s ease,opacity .3s .44s ease; transition: color .3s ease,transform .3s .44s ease,opacity .3s .44s ease;}
.vivo-h-nav li:nth-child(5) a{ -webkit-transition: color .3s ease,-webkit-transform .3s .45s ease,opacity .3s .45s ease; -moz-transition: color .3s ease,-moz-transform .3s .45s ease,opacity .3s .45s ease; transition: color .3s ease,transform .3s .45s ease,opacity .3s .45s ease;}
.vivo-h-nav li:nth-child(6) a{ -webkit-transition: color .3s ease,-webkit-transform .3s .46s ease,opacity .3s .46s ease; -moz-transition: color .3s ease,-moz-transform .3s .46s ease,opacity .3s .46s ease; transition: color .3s ease,transform .3s .46s ease,opacity .3s .46s ease;}
.vivo-h-nav li:nth-child(7) a{ -webkit-transition: color .3s ease,-webkit-transform .3s .47s ease,opacity .3s .47s ease; -moz-transition: color .3s ease,-moz-transform .3s .47s ease,opacity .3s .47s ease; transition: color .3s ease,transform .3s .47s ease,opacity .3s .47s ease;}
.v_h_search{-webkit-transition: opacity .2s .3s ease;-moz-transition: opacity .2s .3s ease;transition: opacity .2s .3s ease; opacity: 0;}
.v_h_search .vh-sear-nav ul li.sear-tool a.close:after,.v_h_search .vh-sear-nav ul li.sear-tool a.close:before{-webkit-transition: -webkit-transform .3s ease,opacity .25s ease;-moz-transition: -moz-transform .3s ease,opacity .25s ease;transition: transform .3s ease,opacity .25s ease; opacity: 0;}
.v_h_search .vh-sear-nav ul li.sear-tool a.close:after{ -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ; transform: rotate(45deg) ; -webkit-transform-origin: 100% 70%; -moz-transform-origin: 100% 70%; -ms-transform-origin: 100% 70%; transform-origin: 100% 70%;}
.v_h_search .vh-sear-nav ul li.sear-tool a.close:before{ -webkit-transform: rotate(-45deg) ; -moz-transform: rotate(-45deg) ; -ms-transform: rotate(-45deg) ; transform: rotate(-45deg) ; -webkit-transform-origin: 0 70%; -moz-transform-origin: 0 70%; -ms-transform-origin: 0 70%; transform-origin: 0 70%;}
.v_h_search .vh-sear-cont dl dt p,.v_h_search .vh-sear-cont dl dd,.v_h_search .vh-sear-nav ul li.input{-webkit-transition: -webkit-transform .3s ease,opacity .3s ease;-moz-transition: -moz-transform .3s ease,opacity .3s ease;transition: transform .3s ease,opacity .3s ease; -webkit-transform: translate3d(5%,0,0); -moz-transform: translate3d(5%,0,0); transform: translate3d(5%,0,0); opacity: 0;}
.v_h_search .vh-sear-nav ul li.input{ -webkit-transition-delay: .02s; -moz-transition-delay: .02s; transition-delay: .02s;}
.v_h_search .vh-sear-cont dl dt p{ -webkit-transition-delay: .04s; -moz-transition-delay: .04s; transition-delay: .04s;}
.v_h_search .vh-sear-cont dl dd:nth-child(2){ -webkit-transition-delay: .06s; -moz-transition-delay: .06s; transition-delay: .06s;}
.v_h_search .vh-sear-cont dl dd:nth-child(3){ -webkit-transition-delay: .08s; -moz-transition-delay: .08s; transition-delay: .08s;}
.nav-tool a{opacity: 1; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease;}

#vivo-wrap.SearchOpen .vivo-h-nav li.current{background-color: transparent; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease;}
#mobile-wrap.SearchOpen .vivo-h-nav li.current{background-color: transparent; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease;}
#vivo-wrap.SearchOpen .vivo-h-nav li a{-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8); opacity: 0; -webkit-transition: -webkit-transform .3s ease,opacity .3s ease; -moz-transition: -moz-transform .3s ease,opacity .3s ease; transition: transform .3s ease,opacity .3s ease;}
#mobile-wrap.SearchOpen .vivo-h-nav li a{-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8); opacity: 0; -webkit-transition: -webkit-transform .3s ease,opacity .3s ease; -moz-transition: -moz-transform .3s ease,opacity .3s ease; transition: transform .3s ease,opacity .3s ease;}
#vivo-wrap.SearchOpen .v_h_search{opacity: 1; -webkit-transition: opacity .3s .3s ease; -moz-transition: opacity .3s .3s ease; transition: opacity .3s .3s ease;}
#mobile-wrap.SearchOpen .v_h_search{opacity: 1; -webkit-transition: opacity .3s .3s ease; -moz-transition: opacity .3s .3s ease; transition: opacity .3s .3s ease;}
.SearchOpen .vh-sear-nav ul li.sear-tool a.close:after,.SearchOpen .vh-sear-nav ul li.sear-tool a.close:before{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); -webkit-transition: -webkit-transform .3s .3s ease,opacity .25s .3s ease; -moz-transition: -moz-transform .3s .3s ease,opacity .25s .3s ease; transition: transform .3s .3s ease,opacity .25s .3s ease; opacity: 1;}
.clearSearchDelay .vh-sear-nav ul li.sear-tool a.close:after,.clearSearchDelay .vh-sear-nav ul li.sear-tool a.close:before{-webkit-transition-delay: 0s;-moz-transition-delay: 0s;transition-delay: 0s;}
.SearchOpen .vh-sear-cont dl dt p,.SearchOpen .vh-sear-cont dl dd,.SearchOpen .v_h_search .vh-sear-nav ul li.input{ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1;}
.SearchOpen .v_h_search .vh-sear-nav ul li.input{ -webkit-transition-delay: .35s; -moz-transition-delay: .35s; transition-delay: .35s;}
.SearchOpen .v_h_search .vh-sear-cont dl dt p{ -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s;}
.SearchOpen .v_h_search .vh-sear-cont dl dd:nth-child(2){ -webkit-transition-delay: .45s; -moz-transition-delay: .45s; transition-delay: .45s;}
.SearchOpen .v_h_search .vh-sear-cont dl dd:nth-child(3){ -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s;}
.SearchOpen .nav-tool a{opacity: 0;}
/*.SearchOpen #vivo-head-wrap{background: none;}*/

.SearchOpen #vivo-high-wrap{-webkit-filter:blur(10px); -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s;}
.SearchOpen #vivo-contain{-webkit-filter:blur(10px); -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s;}
.SearchOpen #vivo-foot-wrap{-webkit-filter:blur(10px); -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s;}

/*search*/


/*common*/
#vivo-contain{z-index: 9; background-color: #f6f7f8; overflow: hidden; padding-top1: 80px;}
.vivopro-page #vivo-contain{padding-top: 90px; background: #fafafa; min-height: 750px;}

.mainstore-page #vivo-contain{ background-color: #fff;}

/* crubms */
.v-crumbs{width: 1200px; margin: auto; color: #999; font-size: 12px; padding: 10px 0 0 0;}
.v-crumbs a{-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v-crumbs a:hover{color: #008cd6;}

/*common*/


/*foot*/
#vivo-foot-wrap{height: 350px; width: 100%; position: relative; background-color: #222; z-index: -1; visibility: hidden;}
#vivo-foot{height: 350px; width: 100%; position: fixed; background-color: #222; left: 0; bottom: 0; z-index: 2; color: #999; font-size: 14px;}
.pf-mb #vivo-foot{position: relative; left: 0; bottom: auto;}
#vivo-foot a{color: #666;}
#vivo-foot a:hover{color: #008cd6;}
#vivo-foot .vivo-f-logo{text-align: center; padding: 40px 0 20px 0;}
#vivo-foot .vivo-f-share{text-align: center; margin-bottom: 40px; position: relative;}
.vivo-f-share .vf-share-link{margin-top: 20px; position: relative;}
.vivo-f-share .vf-share-link a{width: 45px; height: 45px; overflow1: hidden; display: inline-block; margin: 0 15px; background-color: #666; border-radius: 50%; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease;}
.vivo-f-share .vf-share-link a b{width: 45px; height: 45px; overflow: hidden; display: inline-block; border-radius: 50%;}
.vivo-f-share .vf-share-link a.vf-f-sina:hover{background-color: #f04545;}
.vivo-f-share .vf-share-link a.vf-f-sina b{background-position: -420px -80px;}
.vivo-f-share .vf-share-link a.vf-f-tencent:hover{background-color: #14addf;}
.vivo-f-share .vf-share-link a.vf-f-tencent b{background-position: -465px -80px;}
.vivo-f-share .vf-share-link a.vf-f-renren:hover{background-color: #056be8;}
.vivo-f-share .vf-share-link a.vf-f-renren b{background-position: -510px -80px;}
.vivo-f-share .vf-share-link a.vf-f-weixin:hover{background-color: #20a900;}
.vivo-f-share .vf-share-link a.vf-f-weixin b{background-position: -555px -80px;}
.vivo-f-share .vf-share-link a.vf-f-kongjian:hover{background-color: #ffcc00;}
.vivo-f-share .vf-share-link a.vf-f-kongjian b{background-position: -375px -80px;}
.vivo-f-share .vf-share-link a.vf-f-vi:hover{background-color: #008cd6;}
.vivo-f-share .vf-share-link a.vf-f-vi b{background-position: -285px -80px;}
.vivo-f-share .vf-share-link a.vf-f-tieba:hover{background-color: #2185ee;}
.vivo-f-share .vf-share-link a.vf-f-tieba b{background-position: -330px -80px;}
.vivo-f-share .vf-share-link a.vf-f-buluo:hover{background-color: #42b0f4;}
.vivo-f-share .vf-share-link a.vf-f-buluo b{background-position: -194px -80px;}
#vivo-foot .vivo-f-share .vf-share-link a.vf-f-kefu{width: 140px; height: 36px; line-height: 37px; border-radius: 18px; color: #fff; text-align: left; margin-left: 45px; position: relative; margin-top: 3px;}
#vivo-foot .vivo-f-share .vf-share-link a.vf-f-kefu:before{display: block; content: ''; width: 1px; height: 45px; background: #666; position: absolute; top: 50%; left: -30px; margin-top: -22px;}
.vivo-f-share .vf-share-link a.vf-f-kefu:hover{background-color: #008cd6;}
.vivo-f-share .vf-share-link a.vf-f-kefu b{width: 36px; height: 36px; background-position: -243px -83px; margin: -7px 0 0 5px;}
.vf-weixin-overbox{padding: 10px; position: absolute; bottom: 65px; left: 0; background: #fff; border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,.3); display: none;}
.vf-weixin-overbox:after{width: 18px; height: 12px; background-position: -90px 0; position: absolute; bottom: -12px; left: 50%; margin-left: -9px;}
#vivo-foot .vf-f-sitelinks{text-align: center;}
.vf-f-sitelinks a{display: inline-block; margin: 0 6px; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease;}
.vf-f-sitelinks a.vf-f-lan:after{width: 6px; height: 9px; overflow: hidden; margin-left: 4px; background-position: -594px -125px; top: -1px; transition-delay: .1s;}
.vf-f-sitelinks a.vf-f-lan:hover:after{background-position: -594px -134px;}
#vivo-foot .vf-f-copyright{text-align: center; margin-top: 20px; font-size: 12px; line-height: 1.4em; color: #666;}
/*foot*/





/* products */
.products-model-switch{width: 1200px; margin: auto; text-align: center; position: relative; overflow: hidden; padding-bottom: 20px; z-index: 9;}
.products-model-switch a{width: 22%; height: 150px; display: inline-block; vertical-align: top; margin: 0 5px; margin-bottom: 20px; border:4px #f0f0f0 solid; background: #fff; overflow: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.products-model-switch a h3{font-size: 30px; padding-top: 28px; color: #000; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.products-model-switch a p{font-size: 12px; padding-top: 8px; margin: 0 20px; display: block; overflow: hidden;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.products-model-switch a:hover,.products-model-switch a.current{border:4px #cce8f7 solid; color: #008ad9;}
.products-model-switch a:hover h3,.products-model-switch a.current h3{color: #008ad9;}

.products-model-switch.black-color{padding-top: 40px;}
.products-model-switch.black-color a{border-color: #999; background: none;}
.products-model-switch.black-color a h3,.products-model-switch.black-color a p{color: #999;}
.products-model-switch.black-color a:hover,.products-model-switch.black-color a.current{border:4px #008ad9 solid; color: #008ad9;}
.products-model-switch.black-color a:hover h3,.products-model-switch.black-color a.current h3,.products-model-switch.black-color a:hover p,.products-model-switch.black-color a.current p{color: #008ad9;}





@media screen and (max-width:1420px){
    .vivo-head{width: 100%;}
    .vivo-head a.vivo-h-logo{left: 2em;}
    .site-header .nav-tool{right: 2em;}
}




@media screen and (max-width:1400px){
    .v_h_search .search-box .vh-sear-nav .nav-box{width: 100%;}
    .v_h_search .vh-sear-nav a.vh-sear-logo{left: 2em;}
    .v_h_search .vh-sear-nav ul li.sear-tool{right: 2em;}
}
@media screen and (max-width:1200px){
    .v_h_search .vh-sear-cont .cont-box{width: 100%;}
}
@media screen and (max-width:1100px){
    .vivo-menu-series .vms-bigbox .vms-box,.vivo-menu-gujian .vms-bigbox .vms-box{width: calc(100% - 4em);}
}
@media screen and (max-width:1000px){
    .v_h_search .vh-sear-cont dl dt p{padding-left: 10%;}
    .v_h_search .vh-sear-cont dl dd a{padding: 15px 10%;}
    
    
    .vivo-menu-series .vms-bigbox .vms-box,.vivo-menu-gujian .vms-bigbox .vms-box{width: calc(100% - 4em);}
    
}

.no-foot-ant #vivo-foot-wrap{z-index: 11;}/*去掉foot叠盖效果*/
.no-foot-ant #vivo-foot{position: relative;}


.online-service{    width: 200px;float: right;}