html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
  font-family:Microsoft Yahei;
}
:focus {
  outline: 1;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
ul,li{list-style: none;}
input,
select {
  vertical-align: middle;
}

.head{position: relative;overflow: hidden;height: 609px;min-width: 1000px;background: url(../images/vivo-top.jpg) no-repeat center top;}


.containter{width: 1000px;margin: 0 auto;position: relative;}

/*banner整屏轮播*/
.wrap{width: 1000px;margin: 0 auto;}
.pic_show {
    position: relative;
    overflow: hidden;
    height:620px;
}
.pic_show .p_m {
    width:3000px;
}
.pic_show .p_m li {
    float: left;
    overflow:hidden;
}
.pic_show .p_b {
    position: relative;
    bottom: 50px;
    text-align: center;
}
.pic_show .p_b a {
    text-align: center;color: #fff;font-size: 12px;;font-style: italic;line-height: 20px;margin:0 5px;display:inline-block;vertical-align: middle;cursor:pointer;background:#b68c40;width: 10px;height:10px;border-radius: 50%;
}
.pic_show .p_b a.active {
    width: 15px;height: 15px;background:#eca31e;line-height: 40px;font-size: 27px;
}

/*功能*/
.function-list{padding: 75px 0 35px 0;}
.function-list img{display: block;}

/*more功能*/
.function-more{margin-top: 130px;height: 175px;background: #008cd7;}
.function-more .imgs{position:absolute;left: 0;bottom: -175px;z-index: 2;}

.function-more .btns{position: absolute;left:180px;bottom: -155px; z-index: 3}
.function-more .btns a{float: left;margin-left:28px;transition:all ease-in-out;}
.function-more .btns a:hover{opacity: 0.8;filter:alpha(opacity=80);}


/*video播放*/
.videoPlay-box{padding-bottom: 90px;}
.videoPlay-box .tit{text-align: center;padding: 50px 0 40px 0;font-size: 18px;color: #018ED5;font-weight: bold;}
.videoPlay-box .tit em{display: inline-block;margin-right: 10px;vertical-align: middle;background: url(../images/icons.png) -9px -11px;width: 46px;height: 28px;}
.videoPlay-box .main{width: 930px;position: relative;margin: 0 auto;overflow: hidden;border:1px solid #ACC9D9;border-radius: 15px;-webkit-border-radius: 15px;;}
.videoPlay-box .main .lbg{position: absolute;left: 0;top: 0;background: url(../images/lbg.png) no-repeat;width: 200px;height: 200px;}
.videoPlay-box .main .rbg{position: absolute;right: 0;bottom: 125px;background: url(../images/rbg.png) no-repeat;width: 300px;height: 300px;}

.videoPlay-box .main .bigVideo{width: 860px;margin: 35px auto;overflow: hidden;position: relative;z-index: 2;}
.videoPlay-box .main .bigVideo ul{width: 10000px;}
.videoPlay-box .main .bigVideo li{float: left;width: 860px;}
.videoPlay-box .main .smlLink{height: 124px;border-top:1px solid #ACC9D9;overflow: hidden;}
.videoPlay-box .main .smlLink li{width: 310px;height: 124px;cursor: pointer;float: left;text-align: center;background: #ecf1f1;font-size: 14px;color: #7b999c}
.videoPlay-box .main .smlLink li.cur{background: #d1efff;color: #0a7fbc;}
.videoPlay-box .main .smlLink li em{display: block;margin:20px auto 15px auto;background: url(../images/icons.png) -68px -65px;width: 82px;height: 50px;}
.videoPlay-box .main .smlLink li.cur em{background-position: -68px -9px;}

.videoPlay-box .main .smlLink li.two{background-image:-webkit-linear-gradient(180deg, rgba(227,234,235,1) 15%,rgba(249,249,249,1) 100% )}
/*自拍美图*/
.zipai-photo{height:702px;background: url(../images/meitu-bg.jpg) no-repeat;}
.zipai-photo .tit{text-align: center;padding-top: 25px;}
.zipai-photo .main{position: relative;}
.zipai-photo .tit em{display: block;margin: 0 auto;background: url(../images/icons.png) no-repeat -166px -5px;width: 56px;height: 47px;}
.zipai-photo .tit p{color: #018dd6;font-size: 24px;padding:22px 0;}


.img-show{ width:850px; height:548px; position:relative; overflow:hidden;margin: 0px auto;}
.img-show .btn,.img-show img{position:absolute;}
.img-show img{}
.zipai-photo .btn{cursor: pointer;position: absolute;background: url(../images/icons.png) no-repeat ;width: 97px;height: 97px;}
.zipai-photo .left-btn{ background-position: -11px -137px;left: 0;}
.zipai-photo .right-btn{background-position: -115px -140px;right: 0;}

/*产品美图*/
.product-photo{background: #f7f7ff;padding-bottom: 100px;}
.product-photo .tit{text-align: center;padding: 35px 0;font-size:24px;color: #6C5B55; }
.product-photo .product-slider{width: 1000px;height: 545px;margin: 0 auto;position: relative;overflow: hidden;}
.product-photo .product-slider ul{width: 10000px;}
.product-photo .product-slider li{width: 1000px;float: left;height: 545px;}
.product-photo .product-slider .arrow{opacity: 0.8;position: absolute;top: 210px;width: 75px;height: 122px;background: url(../images/icons.png) no-repeat;}
.product-photo .product-slider .prev{left: 0;background-position: -3px -259px}
.product-photo .product-slider .next{right: 0;background-position: -98px -259px;}
.product-photo .product-slider .arrow:hover{opacity: 1;}


a{text-decoration:none;}
/*文章列表*/
.article-list{background: #DFE5F1;/*padding-bottom: 100px;*/}
.article-list .containter .ouba{position: absolute;top: -102px;right: -45px;z-index: 1}
.article-list .main{padding-left: 40px;width: 760px;position: relative;z-index: 2;}
.article-list .tit{height: 114px;line-height: 114px;font-size: 24px;color: #323e51;}
.article-list .list{padding-bottom: 50px;}
.article-list .list li{margin-bottom:40px;background: #fff;border-left:5px solid #008DD5;padding: 0px 130px 25px 20px;position: relative;overflow: hidden;}
.article-list .list li .hd{height: 55px;line-height: 55px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.article-list .list li .hd a{color: #333;font-weight: bold;font-size: 18px;text-decoration: none;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.article-list .list li:hover .hd a{padding-left: 6px;color: #09ACFF;}
.article-list .list li .bt .pic{width: 135px;float: left;}
.article-list .list li .bt .pic img{vertical-align: top;}
.article-list .list li .bt .des{overflow: hidden;padding-left: 20px;line-height:24px;height: 72px;font-size: 14px;overflow: hidden;padding-top:12px;color: #666;}
.article-list .list li .info{position: absolute;right: 0;top: 70px;width: 82px;height: 36px;text-align: center;line-height: 36px;background: #008cd7;font-size: 14px;color: #fff;}
.article-list .list li:hover .info{opacity: 0.8;}


/*footer*/
.footer{text-align: center;height: 70px;line-height: 70px;background: #D2DBE9;color: #56657d;font-size: 14px;}