html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
img{border:none;vertical-align:middle;}
a{text-decoration:none;color: black;}
body,input,button,textarea{font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
body{-webkit-text-size-adjust: none;background-color:#fff;}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none;border-radius:0;border:none;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
textarea{overflow:auto;resize:none;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.content{width:1200px;margin:0 auto 0 auto;}
.flex{display:-webkit-flex;-moz-display:flex;-o-display:flex;-ms-display:flex;display:flex;}
.flex-center{align-items:center;justify-content:center;}
.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;}
.line-clamp-2{-webkit-line-clamp:2;}
.line-clamp-3{-webkit-line-clamp:3;}

.top-banner{width:100%;overflow:hidden;min-width:1200px;display:-webkit-flex;display:flex;align-items:center;justify-content:center;}
.bg-gray{background-color:#fafafa;}
.bg-img{background-position:center;background-repeat:no-repeat;background-size:100% 100%;}

.skin-bg{background-color:#1097d5;}
.skin-bd{border-color:#1097d5;}
.skin-color{color:#1097d5;}

.icon{display:inline-block;}
.icon-tel{background-image:url(../../image/icon/icon-tel.png);width:8px;height:12px;}
.icon-viode{background-image:url(../../image/icon/icon-viode.png);width:48px;height:48px;}

.pages-content{text-align:center;justify-content:center;font-size:0;}
.pages-content ul{margin:0 0 0 10px;}
.pages-content ul li{margin:0 10px 0 0;}
.pages-content>a,.pages-content ul li{cursor:pointer;display:inline-block;font-size:16px;color:#333;border:solid 1px #ececec;border-radius:5px;padding:10px 15px;}
.pages-content ul li.active{background-color:#1097d5;border:0;color:#fff;}

.content-top-text{font-size:16px;color:#666;text-align:center;margin:70px auto;line-height:30px;}
.official-content{padding:60px 0;}
.swiper-content-bg{outline:none;width:230px;height:471px;background:url(../../image/phone-bg.html) no-repeat 0 0;position:relative;box-sizing:border-box;padding:54px 14px 53px 15px;}
.swiper-content-bg .button-prev,.swiper-content-bg .button-next{outline:none;background-repeat:no-repeat;cursor:pointer;width:24px;height:44px;position:absolute;top:50%;margin-top:-22px;}
.swiper-content-bg .button-prev{left:-50px;background-image:url(../../image/swiper-left.html);}
.swiper-content-bg .button-next{right:-50px;background-image:url(../../image/swiper-right.html);}
.swiper-content{margin:0;width:370px;}
.swiper-content-left{margin:0 70px 0 0;}
.swiper-content-right{margin:0 0 0 70px;}
.swiper-content{width:100%;height:100%;}
.swiper-content .swiper-button-prev,.swiper-content .swiper-button-next{opacity:0;}
.words-content{font-size:16px;color:#666;line-height:30px;min-width:480px;}

.recommend-content{padding:50px 0 45px 0;}
.recommend-content .title{font-size:20px;color:#5d6168;}
.recommend-list{margin:25px 0 0 0;}
.recommend-list .list{background-color:#fff;color:#5d6168;text-align:center;width:280px;box-sizing:border-box;display:block;border:solid 1px #dedede;padding:25px 20px;margin:0 27px 0 0;}
.recommend-list .list:last-child{margin:0;}
.recommend-list .list:hover{color:#fff;}
.recommend-list .list:hover .icon{background-position:0 -100px;}
.recommend-list .list .icon{width:100px;height:100px;margin:0 0 10px 0;}
.recommend-list .list .name{font-size:14px;display:block;}