@import url("font-awesome.css");
* {outline: none;box-sizing: border-box;word-break: break-all;}
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'微软雅黑'; font-size:14px; line-height:1.8; color:#333; width:100%; zoom:1; overflow-x:hidden;-webkit-text-size-adjust:none; -webkit-tap-codearea-color:rgba(0,0,0,0); -webkit-tap-codearea:rgba(0,0,0,0); -webkit-font-smoothing:antialiased;}
ul,li,form,dl,dt,dd,div,p,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
ul,li{ list-style:none; margin:0;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
input:focus{ outline:none;}
input,button,select,textarea{ outline:none;}
textarea{ resize:none;}
textarea,input,select{ background:none; border:none; margin:0; padding:0;}
audio,canvas,progress,video{ display:inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
figure,figcaption{ margin:0px; padding:0px;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#333; text-decoration:none;}
a:focus{ outline:none; -moz-outline:none; text-decoration:none;}
a:hover{ color: #089af3;}
/*弹性布局*/
.flex{ display: flex; align-items: center; justify-content: space-between;}
.disflex {display: flex; align-items: center;justify-content: space-between;width: 100%;}
.btn-big{padding: 5px 32px; display: inline-block;}
.btn-white{border: 1px solid #fff; color: #fff;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
/*通用*/
.w{ width: 1280px; margin: 0 auto; max-width: 100%;}

.top-header{left:0; right:0; top:0; z-index:101;background: #fff; border-bottom: 1px solid #E1E1E1; min-width: 100%;height: auto !important; padding: 10px 0;}
/*.head{ position: absolute; left: 0; right: 0; top: 0; z-index: 9999; height: auto !important;min-width: 100% !important;}*/
.head .head-nav{position: initial !important;top: 0 !important;min-width: 100% !important;}
.header .head-nav{ background:transparent;border-bottom: 1px solid rgba(255,255,255,.2); }
.head-nav{ height: 79px; background: #192933;border-bottom: 1px solid #192933;position: absolute; left: 0; top: 0; right: 0; min-width:1220px; border-bottom: none;top: 10px}
.logo{width: auto;height: auto;margin: 0 !important;}
.logo img,.logo a {display: block;height: 100%;}
.logo img{width: 128px; height: 60px; margin-right: 15px;}

.nav-left{display: flex; align-items: center;}
.nav-left b{border-left: 1px solid #E1E1E1;  padding-left: 15px; font-size: 18px; line-height: 1.2;}
.nav-right{ width:auto !important;max-width: 100% !important;}
.nav{ width: 100%; margin-right: 40px;}
.nav li{ position: relative;}
.nav li > i::after{ content: ""; position: absolute; right: 14px; top: 10px; display: block; width: 10px; height: 10px; border-top: 2px solid #aaa; border-left: 2px solid #aaa; transform:rotate(-135deg);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
.nav li > i.a::after{ transform:rotate(45deg); top: 16px; border-color: #666;}

.tip {position: absolute;right: -10px;top: 0px;background: rgba(2,111,250,0.5);font-size: 8px;padding: 0 8px;border-radius: 2px;color: #fff;animation: moveUpDown 1s infinite;-webkit-animation: moveUpDown 1s infinite;white-space: nowrap;animation: none;-webkit-animation: none;}
.tip:after {position: absolute;content: '';left: 15px;bottom: -4px; width: 0;height: 0;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(2,111,250,0.5);}
/*菜单*/

.icon-pro-hot{width:49px;height:20px;line-height:20px;background:url(../icon/icon-pro-hot.png) no-repeat center;color:#fff;font-style:normal;text-indent:1.2em;font-size:12px;margin-top:-7px;display:inline-block;vertical-align:middle}
.btn{ flex: 0 0 auto;}
.menu{ width: 30px; height: 30px; position: relative;}
.menu span{ position: absolute; width: 20px; height: 2px; left: 50%; margin-left: -10px; transition: all .2s ease 0s; background: #333; border-radius: 5px; cursor: pointer;}
.menu span:nth-child(1){ top: 50%; margin-top: -9px;}
.menu span:nth-child(2){ top: 50%; margin-top: -1px;}
.menu span:nth-child(3){ top: 50%; margin-top: 7px;}
.menu.on span:nth-child(1){ margin-top: 0; transform: rotate(135deg);}
.menu.on span:nth-child(2){ left: -60px; opacity: 0;}
.menu.on span:nth-child(3){ margin-top: 0; transform: rotate(-135deg);}

.btn{ position: relative; display: flex !important;} 
.amallbtn{display:inline-block;font-size:17px;margin-left:10px;background:#007bfc;color:#fff!important;padding:3px 20px;border-radius:18px;text-align:center;border:1px solid transparent;}
.amallbtn .sbg{ width: 0; height: 0; position: absolute; transition: width .2s ease,height .2s ease; background:radial-gradient(circle closest-side,#51b9ff,transparent); left: 0; top: 0; transform: translate(-50%,-50%);}
.amallbtn:hover .sbg{ width: 300px; height: 300px;}
.amallbtn{ overflow: hidden; position: relative;}

.banner{position: relative; display: flex; justify-content: center; align-items: center; background: #0e5d93; height: 400px;}
.search{width: 460px; background: #fff; display: flex;align-items: center; padding-left: 10px; justify-content: space-between;}
.banner input[type=text]{background: #fff; height: 36px; flex: 1;}
.search i{width: 30px;}
.search input[type=submit]{border-left: 1px solid #333; height: 36px; width: 56px; cursor: pointer;}

.search-option a{color: #fff; text-decoration: underline; margin-right: 10px; display: inline-block;}
.search-option b{display: block; margin: 20px 0 10px 0;color: #ddd; font-weight: normal;}

.floor{padding: 30px 0 60px 0;}
.floor h2{font-size: 28px; margin-bottom: 10px;}
.bg-gray{background:#f4f4f4;}

.bg-img-txt{position: relative; margin-top: 10px;}
.bg-img{width: 100%; height: 100%; overflow: hidden;}
.bg-img img{height: 300px; width: 100%;}
.bg-img::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.bg-txt{position: absolute; width: 100%; height: 75%; bottom: 0; color: #fff; padding: 20px; transition: all 0.5s;}
.bg-txt .more{margin-top: 20px; border: 1px solid #fff; color: #fff; padding: 8px 34px; display: inline-block;}
.bg-img-txt:hover .bg-txt{height: 90%;}
.bg-txt h3{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.bg-txt p{margin: 10px 0 20px 0;}
.bg-img-txt:hover .bg-img:before{background:rgba(0,0,0,.8)}
.bg-img-txt:hover .btn-white{background: #fff; color: #333;}

.col-3{width: 32%; margin-right: 2%;}
.col-3:nth-child(3n){margin-right: 0;}
.row-col{display: flex;}

.circle-list li{position: relative; line-height: 30px; padding-left: 10px; display: flex; justify-content: space-between;}
.circle-list li span{color: #999; width: 60px; text-align: right;}
.circle-list li:before{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px; background: #007BFC; display: block;}
.circle-list li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.list-tag{display: flex; flex-flow: row wrap;}
.list-tag li{margin-bottom: 10px; width: 32%; text-align: center; margin-right: 2%;}
.list-tag li:nth-child(3n){margin-right: 0;}
.list-tag li:nth-child(9n){background-color: #4A4A4A;}
.list-tag li:nth-child(9n+1){background-color: #428BCA;}
.list-tag li:nth-child(9n+2){background-color: #5CB85C;}
.list-tag li:nth-child(9n+3){background-color: #D9534F;}
.list-tag li:nth-child(9n+4){background-color: #567E95;}
.list-tag li:nth-child(9n+5){background-color: #B433FF;}
.list-tag li:nth-child(9n+6){background-color: #00ABA9;}
.list-tag li:nth-child(9n+7){background-color: #B37333;}
.list-tag li:nth-child(9n+8){background-color: #FF6600;}
.list-tag li a{color: #fff;}

.main-position{padding: 40px 0 80px 0; }

.product-all{margin-top: 40px; display: flex; }
.product-nav{width: 320px; position: relative; flex-shrink: 0; min-height: 100px;}
.product-nav-box{background: #EDEDED; width: 320px; max-height: 100vh;}
.product-nav-item{padding: 8px 0; width: 320px;}

.product-nav-item li span{margin-right: 15px; font-size: 24px; vertical-align: middle;}
.product-nav-item li{position: relative; height: 56px; cursor: pointer; line-height: 56px; padding-left: 24px; font-size: 16px;  }
.product-nav-item li.current::before{content:"";position:absolute;left:0;top:16px;width:2px;height:24px;background-color:#005B9E;}
.product-nav-item li.current{background: #fff;color: #005B9E;}


/*.product-nav.active .product-nav-box{position: fixed; top: 61px;  z-index: 20;}*/

.product-content{width: 100%;}
.product-floor{margin-left: 20px;}
.product-floor h3{font-size: 18px; color: #005B9E; padding: 10px 10px; background: #ededed; border-top: 2px solid #005B9E; font-weight: bold;}

.product-content-tab{display: flex; margin: 15px 0 15px 0;}
.product-content-tab b{color: #999; font-weight: normal;}
.product-content-tab a{color: #007AFF; margin-right: 10px;}
.product-content-tab li{padding: 0 12px;margin-right: 12px; line-height: 36px; border-radius: 3px; cursor: pointer; }
.product-content-con li{display: flex;}
.product-content-item{width: 49%; margin-right: 2%; margin-bottom: 10px; border-radius: 2px; transition: all 0.3s ease-out; position: relative;display: block;padding: 20px; border: 1px solid #d7d7d7;}
.product-content-item h4{font-size: 16px; font-weight: normal;color: #333; margin-bottom: 10px; font-weight: bold;}
.product-content-item p{font-size: 14px; color: #999;}

.product-content-con-box {display: flex; flex-flow: row wrap;}
.product-content-con .product-content-item:nth-child(2n){margin-right: 0;}

.product-content-con li .img{position: relative; width: 100%; height: 100%; overflow: hidden;}
.product-content-con li .img img{width: 100%;}
.product-content-con li .img::before {content:'';position:absolute;width:100%;height:100%;background:rgba(233,233,233,.85); }

.more-product{margin: 10px 0 20px 0;}
.more-product a{padding: 0 12px; line-height: 36px; background: #007AFF; color: #fff; display: inline-block;}

.bread-nav{padding: 10px 0; margin-top: 60px;}

.article-con{display: flex; justify-content: space-between; flex-flow: row; padding-bottom: 60px;}
.article-left{width: 860px; padding-bottom: 100px;}
.article-ad{margin-bottom: 10px;}
.artilce-right{width: 280px;}
.article-con h1{font-size: 38px;}
.aritilce-info{display: flex; justify-content: space-between; margin: 10px 0 30px 0; color: #999; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;}
.article-time span{ margin-right: 15px;}
.article-time i{margin-right: 5px;}
.article-tag a{color: #089AF3; margin-right: 5px;}

.article-content *{margin-bottom: 15px;}
.article-content p{font-size: 15px;}
.article-content h3{font-size: 18px;}
.article-content img{max-width: 100%;}
.article-end{height: 30px; line-height: 30px;}
.article-end-line{position: relative; height: 15px; border-bottom: 1px solid #E6E6E6;}
.article-end-line span{color: #999; font-size: 12px; background: #fff; padding: 0 10px; width: 82px; box-sizing: border-box;left: 50%;margin-left: -41px; text-align: center; position: absolute;}

.pre-next{display: flex; justify-content: space-between; flex-flow: row;}
.pre-next li{width: 49%;}

.side-box-line{border: 1px solid #E6E6E6;}
.side-box-line h4{font-size: 16px;font-weight: 600;padding: 10px 0;border-bottom: 1px solid #f2f2f2; position: relative; padding-left: 20px;}
.side-box-line h4:before{content: ""; position: absolute; top: 35%; left: 0; display: block; height: 30%; width: 2px; background: #0000FF;}
.side-list-txt{padding: 10px 20px;}
.side-list-txt li{border-bottom: 1px dashed #F4F4F4; padding-bottom: 10px; margin-bottom: 10px;}
.side-list-time{color: #999;}

.footer{background: #000000; padding: 20px 0;}
.copy-right,.copy-right a{color: #999;}


.faq{display: flex; }
.help-menu-box{padding-bottom: 120px; position: relative; padding-top: 20px; min-height: 100vh;}
.help-menu {width:280px;border-bottom:none;background-color:#f5f6f7; position: relative;}
.help-menu-box::before{content:"";position:absolute;right:0;top:0;z-index:-1;background:#f5f6f7;width:50vw;height:100%;}
.page-id{display: none;}

.help-list-title{position:relative;border-bottom:1px solid #e5e5e5;font-size:14px;color:#333;cursor:pointer;width:100%;height:50px;padding:0 15px;font-weight:bold;color:#666;position:relative;}
.help-list-title{display: flex; align-items: center; justify-content: space-between;}

.help-menu-icon-btn{position:relative;display:inline-block;vertical-align:middle;width:16px;height:18px;}
.help-menu-icon {position:absolute;left:0;top:50%;transform:translateY(-50%);}
.help-menu-icon::before {content:"";position:absolute;top:6px;}
.help-menu-icon::after {content:"";position:absolute;top:-6px;}
.help-menu-icon,.help-menu-icon::before,.help-menu-icon::after {display:block;width:100%;height:2px;background:#1c5cb0;transition:all .36s;}


.help-menu-icon.act .help-menu-icon::before {top:0;transform:rotate(45deg);}
.help-menu-icon.act .help-menu-icon::after {top:0;transform:rotate(-45deg);}
.help-menu-icon-btn.act .help-menu-icon {background:transparent;}
.help-menu-icon-btn.act .help-menu-icon::before {top:0;transform:rotate(45deg);}
.help-menu-icon-btn.act .help-menu-icon::after {top:0;transform:rotate(-45deg);}


.help-menu dl {width:100%;}
.help-menu dt,.help-menu dd {width:100%;height:50px;line-height:50px;}
.help-menu dd {display:none;height:40px;line-height:40px;}
.help-menu dl.active dd {display:block;}
.help-menu dt {position:relative;padding-left:15px;border-bottom:1px solid #e5e5e5;font-size:14px;color:#333;cursor:pointer; border-left: 5px solid transparent;}
.help-menu dt .help-icon {position:absolute;right:20px;top:22px;width:12px;height:10px;background-image:url(../icon/help_flag.png);background-repeat:no-repeat;background-position:0 0;}
.help-menu dt:hover {color:#005B9E;}
.help-menu dt:hover .help-icon {background-position:0 -10px;}
.help-menu dl.active dt .help-icon {background-position:0 -20px;}
.help-menu dl {border-bottom:1px solid transparent;}
.help-menu dl.active dt {border-left:5px solid #005B9E;color:#005B9E;}
.help-menu dl.active {transition:border-bottom 1s;border-bottom:1px solid #e5e5e5;}

.help-menu dd a {color:#666;font-size:13px;display:block;width:100%;height:100%;padding-left:35px;text-decoration:none; line-height: 40px;}
.help-menu dd a.active,.help-menu dd a:hover {color:#f00;}
.help-menu dt a {display:inline-block;width:100%;height:100%;text-decoration:none; }
.help-menu dt a.active,.help-menu dt a:hover {color:#005B9E;}

.help-all{position: absolute; width: calc(1280px - 280px); top: -20px; left: 100%; background: #FFF; height: 400px; display: none; transition: all 0.5s; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; padding: 20px; box-shadow:  5px 7px 10px rgba(150,150,150,.5);}
.help-all.show{display: block; width: calc(1280px - 280px);}
.help-all a{border: 1px solid #bbb; font-weight: normal; font-size: 14px; padding: 2px 16px; margin-right: 5px; display: inline-block; margin-bottom: 15px; border-radius: 0;}
.help-all a:nth-child(9n){padding: 2px 20px; border: 1px solid #005B9E;  color: #005B9E;}
.help-all a:nth-child(9n+1){padding: 2px 16px; border: 1px solid #FF6600; color: #FF6600;}
.help-all a:nth-child(9n+2){padding: 2px 13px; border: 1px solid #5CB85C; color: #5CB85C;}
.help-all a:nth-child(9n+3){padding: 2px 18px; border: 1px solid #567E95; color: #567E95;}
.help-all a:nth-child(9n+4){padding: 2px 26px; border: 1px solid #00ABA9; color: #00ABA9;}
.help-all a:nth-child(9n+5){padding: 2px 11px; border: 1px solid #D9534F; color: #D9534F;}
.help-all a:nth-child(9n+6){padding: 2px 22px; border: 1px solid #FF0000; color: #FF0000;}
.help-all a:nth-child(9n+7){padding: 2px 15px; border: 1px solid #B433FF; color: #B433FF;}
.help-all a:nth-child(9n+8){padding: 2px 24px; border: 1px solid #900300; color: #900300;}
.help-all a:nth-child(9n+9){padding: 2px 16px; border: 1px solid #821736; color: #821736;}


.loction{padding: 20px 0; color: #999;}
.loction a{color: #007AFF;}
.help-con{padding: 0px 0 120px 40px; flex: 1;}
.help-con h2{font-size: 28px; font-weight: bold;}

.page-info{background: #F4F4F4; border: 1px solid #ddd; padding: 20px 15px; margin-bottom: 20px; display: flex;}
.page-img{height: 150px; width: 150px; overflow: hidden; margin-right: 20px;}
.page-img img{height: 150px; width: 150px;}
.page-txt{ width: calc(100% - 180px ); margin-right: 30px;}
.page-txt-full{ width:100%}
.page-top{display: flex;justify-content: space-between; align-items: center;}
.page-speak{margin-top: 15px;}
.page-speak a{color: #FF0000; margin-right: 15px;}
.page-list{display: flex; flex-flow: row wrap;}
.page-list li{width: 49%; border: 1px solid #E6E6E6; padding: 10px 15px; margin-right: 2%; margin-bottom: 15px; box-shadow: 0 0 5px #f9f1f1;}
.page-list li:hover{box-shadow: 0 0 5px #999;}
.page-list li:nth-child(2n){margin-right: 0;}
.page-list li p{margin: 10px 0 15px 0; color: #666;}
.list-time{color: #999;}
.list-time i{margin-right: 5px;}

.page{margin-top: 30px; margin-bottom: 40px;}
.page-num{display: flex;}
.page-num a,.page-num span{padding: 5px 10px; border: 1px solid #666; margin-right: 5px;}

.page-num li.active{}
.page-num li.active a{background: #00ABA9;color: #fff;}

.main-body{display: flex; justify-content: space-between; padding-bottom: 120px; margin-top: 30px; min-height: 100vh;}
.main-side{width: 280px;}
.side-line{border: 1px solid #e6e6e6;border-top: 0; height: 100%;}
.main-con{flex: 1; margin-left: 20px;}

.side-box{}
.side-title{background: #f7f7f7; padding: 5px 10px; border-top: 1px solid #005B9E; }
.side-title span,.side-line-title span{color: #999; margin-right: 10px;}
.side-box h3{font-weight: bold;font-size: 18px;}
.side-line-title{background: #f7f7f7;padding: 5px 10px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #E6e6e6;}


.diy-step{padding: 10px;}
.diy-step li b{color: #005B9E; font-size: 18px;vertical-align:baseline; font-style: italic; margin-right: 20px;}
.diy-step li.on,.diy-step li.off{ padding-left: 30px;}
.diy-step li i{background: url(../icon/ico-bg.png)no-repeat; display: inline-block; width: 14px; height: 50px;}
.diy-step li.off i{background-position: -3px -212px;}
.diy-step li.on i{background-position: -32px -212px;}

.diy-adv{padding: 10px 10px 0 10px;}
.diy-adv li{margin-bottom: 10px; line-height: 26px;}
.diy-adv li span{color: #005B9E; margin-right: 10px;}
.diy-adv img{max-width: 80%;}

.main-title{border-top: 2px solid #005B9E; background: #f7f7f7; padding: 5px 10px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.main-title h1{font-size: 18px; font-weight: bold;}
.main-title a{color: #005B9E;}
.main-title span{color: #999; margin-right: 10px;}
.main-title-line{background: #f7f7f7; padding: 5px 10px; display: flex; justify-content: space-between; border: 1px solid #e6e6e6; margin-bottom: 20px;}
.main-title-line h3{font-size: 18px; font-weight: bold;}
.main-title-line span{color: #999; margin-right: 10px;}

.main-sumbit{border: 1px solid #e6e6e6;padding: 20PX 40PX 0 20px; border-top: 1px solid #005B9E;}
.sumbit-item{display: flex; margin-bottom: 20px; align-items: baseline; position: relative;}
.sumbit-item label{font-size: 16px; margin-right: 15px; width: 100px;}
.sumbit-item em{color: #f00; font-weight: bold; margin-left: 5px; position: absolute; right: -10px; top: 50%; margin-top: -5px;}
.sumbit-item input[type=text]{padding: 5px 15px; border: 1px solid #333; height: 36px; flex: 1;}
.sumbit-item span{width: 100px;}
.sumbit-item select{width: 500px; padding: 5px 15px; border: 1px solid #333; height: 36px;}
.sumbit-item textarea{flex: 1; height: 136px; padding: 10px 15px; border: 1px solid #333;}
.sumbit-btn{padding-left: 115px; margin-bottom: 20px;}
.sumbit-item-ck{margin-right: 20px; vertical-align: middle;}
.sumbit-item input[type=checkbox]{vertical-align: middle; margin-right: 5px; cursor: pointer;}
.sumbit-btn input[type=submit]{border: 0; outline: none; background: #005B9E; color: #fff; padding: 8px 30px; display: inline-block;  cursor: pointer;}
.sumbit-message{font-size: 16px; color: #f00; padding-left: 115px;}

.think{border: 1px solid #E6E6E6; padding: 10px 20px;}
.cell-2{display: flex; flex-flow: row wrap;}
.cell-2 li{width: 49%; margin-right: 2%;}
.cell-2 li:nth-child(2n){margin-right: 0;}
.think li{line-height: 34px; display: flex; justify-content: space-between;}
.think span{color: #999; font-size: 12px;}

.channel-banner-small{position: relative; width: 100%; max-height: 440px; height: 440px; background: #00ABA9; overflow: hidden; display: flex; align-items: center;}
.channel-banner-min{position: relative; width: 100%; max-height: 360px; height: 360px; background: #0E5D93; overflow: hidden; display: flex; align-items: center;}
.channel-banner-tag{margin-bottom: 12px;}
.channel-banner-tag span{}
.channel-banner-tag a{color: #fff; padding-left: 5px; margin-left: 5px;}
.channel-banner-tag a:after{content:"";display:inline-block;height: 0px; border: 5px solid transparent; margin-left: 15px;transition:all .36s; border-left-color: #fff;}
.channel-banner-tag{display:inline-block;vertical-align:top;height:32px;padding:0 28px 0 12px;background-image:linear-gradient(90deg,#005B9E 1%,#005B9E 30%,rgba(246,64,65,0) 99%);font-weight:500;font-size:14px;color:#fff;line-height:32px;margin-right:20px;}
.channel-banner-img{position: relative; width: 100%;}
.channel-banner-img::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.channel-banner-img img{width: 100%; height: auto;}

.channel-banner-desc{z-index:10; color: #fff;}
.channel-banner-desc h1{margin-bottom: 20px; font-size: 38px;}
.channel-banner-desc p{font-size: 16px; max-width: 700px;}
.channel-btn-group{margin-top: 40px;}
.channel-btn-group a {position:relative;font-size:14px;line-height:34px;padding:0 24px;transition:all .36s;display:inline-block;vertical-align:middle; margin-right: 20px;}
.channel-btn-group a::after {content:"";display:inline-block;height: 0px; border: 5px solid transparent; margin-left: 15px;transition:all .36s;}
.channel-btn-group a span {transition:all .36s;}

.btn-price{border: 2px solid #FFF; background: #fff; color: #333;}
.channel-btn-group .btn-price::after{border-left-color:#333;}
.channel-btn-group .btn-price:hover span{color: #fff;}
.channel-btn-group .btn-price:hover{background:#005B9E; border: 2px solid #005B9E;}
.channel-btn-group .btn-price:hover::after{border-left-color: #fff;}

.tag-list-item{display: flex; flex-flow: row wrap;}
.tag-list-item li{width: 18.4%; border: 1px solid #E6E6E6; text-align: center; margin-bottom: 15px; margin-right: 2%;}
.tag-list-item li:nth-child(5n){margin-right: 0;}
.tag-list-item li a{display: block; padding: 5px 0;}
.tag-list-item li span{color: #0000FF; margin-left: 5px;}

.doc-tab{display: flex;}
.doc-tab li{border: 1px solid #bbb; margin-right: 20px; height: 36px; line-height: 36px; padding: 0 16px; cursor: pointer;}
.doc-tab li.current{background: #005B9E; color: #fff; border: 1px solid #005B9E;}
.doc-col-3{display: flex; justify-content: flex-start; flex-flow: row wrap;}
.doc-box .doc-list:not(:first-child){display: none;}

.help-article{display: flex; flex-flow: row wrap;}
.help-article-item{border: 1px solid #E2E2E2;background: #fff;padding: 20px 15px; transition: all 0.5s; width: 32%; margin-bottom: 15px; margin-right: 2%;}
.help-article-item:nth-child(3n){margin-right: 0;}
.help-article-item a{color: #333; }
.help-article-item strong{font-size: 16px; margin-bottom: 10px; display: block;}
.help-article-item:hover,.help-article-item:nth-child(3n-2){box-shadow: 0 0 5px #ddd;}

.double-btn{margin-top: 15px;}
.double-btn a{padding: 5px 22px 15px 0;}
.double-btn a.btn-price{color: #007AFF;}
.double-btn a.btn-doc{color: #007AFF;}

.features{background: #F6F9FC;  background: url(../img/tre_blog_background_d.jpg);}
.features .uitls-title{color: #fff;}
.list-four .li-item{width: 22.5%;border: 1px solid #dcdfe6;border-radius: 8px;background: #fff; margin-bottom: 20px; padding: 50px 20px; text-align: center;}
.list-four .li-item span.fa{font-size: 90px; color: #005B9E;}
.list-four{display:flex;justify-content:space-between;flex-wrap:wrap}
.list-four .li-item:hover{box-shadow:0px 0px 30px 0px rgba(76,126,233,0.1)}
.list-four .li-item:nth-child(4n){margin-right:0;}
.list-four .li-item a{padding:40px 24px;text-align:center;transition:all 0.5s;position:relative;display:block}
.list-four .li-item .img{width:120px;height:120px;margin:auto}
.list-four .li-item .img img{width:100%}
.list-four .li-item .title{line-height:28px;color:#333;margin:24px 0 24px 0;font-size: 20px; font-weight: bold;}
.list-four .li-item .desc{color:#999;line-height:24px}


.world .relative{position: relative; margin-top: 30px;}
.map{background: url(../img/map.png) center center  no-repeat; background-size: contain; position: relative; height: 500px; margin: 0 auto; overflow: hidden; filter: brightness(1.5);}
.map-tag{width: 100%; height: 100%; position: relative;}
.map-tag li{position: absolute; font-size: 16px; color: #666;}
.map-tag li.c1{top: 120px; right: 410px; }
.map-tag li.c2{top: 190px; right: 290px; }
.map-tag li.c3{top: 530px; right: 160px; }
.map-tag li.c4{top: 380px; right: 540px; }
.map-tag li.c5{top: 470px; right: 780px; }
.map-tag li.c6{top: 220px; right: 870px; }
.map-tag li span{font-size: 24px; margin-right: 5px; color: #666;}

.second-circle{position: absolute;left: 48%;top: 50%;transform: translate(-50%, -50%) rotateX(50deg);width: 600px;height: 400px;}
.second-circle>div{position: absolute;width: 100%;height: 100%;opacity: 0;background: url(../img/circle.png) 50% 50% / 35% 35% no-repeat;}
.second-circle .circle-a{animation: ani-circle-a 4.5s ease-out forwards infinite; -webkit-animation: ani-circle-a 4.5s ease-out forwards infinite;}
.second-circle .circle-b{animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite; -webkit-animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;}
.second-circle .circle-c{-webkit-animation: ani-circle-a 4.5s ease-out 3s forwards infinite; animation: ani-circle-a 4.5s ease-out 3s forwards infinite;}
@-webkit-keyframes ani-circle-a{
	0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0;filter:alpha(opacity=0)}
	10%{opacity:.5;filter:alpha(opacity=50)}
	100%{-webkit-transform:scale(5.5);transform:scale(5.5);opacity:0;filter:alpha(opacity=0)}
}
.relative{position: relative;}
.number{display: flex; position: absolute; left: 0; top: 28%; justify-content: space-between; right: 0;}
.number-item{width: 20%; display: flex; flex-direction: column; }
.number-con{display: flex; align-items: center; margin: 0 auto;}
.number-value{font-size: 80px; color: #007AFF; margin-right: 10px;}
.number-img p{font-size: 18px;}
.number-name{text-align: center; font-size: 16px; line-height: 1.5;}
.number-name h3{margin-bottom: 15px;}

.ad{padding: 50px 0; height: 300px; /*background: #007BFC;*/ /*background: url(../img/tre_blog_background_d.jpg);*/ background-image: linear-gradient(to right, #3c3a3a,#117fbf, #434643);}
.ad .uitls-title h2{color: #fff;}
.bottom-sumbit{color: #fff; margin-top: 30px; display: flex; align-items: center;}
.bottom-sumbit input[type=text]{background: #fff; padding: 5px 10px; height: 40px; width: 400px;}
.bottom-sumbit input[type=submit]{background: #fff; color: #333; height: 40px; margin-left: 2px; padding: 0 8px; cursor: pointer;}
.bottom-tel{margin-top: 20px; color: #fff; font-size: 36px;}

.parameters{padding-top: 40px;}
.tp-two{display: flex; justify-content: space-between; padding: 20px 0 40px 0;}
.tp-two-l{width:48%;}
.tp-small-title{font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.tp-nav .tp-nav-type{margin: 20px 0 15px 0;}
.tp-nav .tp-nav-item{display: flex; align-items: center; justify-content: flex-start; flex-flow: row wrap;}
.tp-nav .tp-nav-item-value{border: 1px solid #999; color: #333; padding: 5px 0; cursor: pointer; width: 23.5%; margin-right: 2%; text-align: center; margin-bottom: 10px;}
.tp-nav .tp-nav-item-value.current{background: #005B9E; color: #fff; border: 1px solid #005B9E;}
.tp-nav .tp-nav-item-value:nth-child(4n){margin-right: 0;}
.tp-nav-item-value img{display: none; width: 0; height: 0;}
.tp-two-r{width: 48%;}
.tp-img-list{border: 1px solid #333; position: relative; margin-top: 25px; height: 480px; padding: 20px; cursor: pointer;}
.tp-img{width: 100%; height: 100%; overflow: hidden; text-align: center;}
.tp-img img{height: auto; width: 100%; transition: all 0.3s;}

.tp-img-list:after{content:"";display:inline-block;transform:translateY(-1px);height: 0px; border: 15px solid transparent; border-right-color:#333; transition:all .36s; position: absolute;left: -30px; bottom: calc(50% - 30px);}

.article-sumbit{background: #F4F4F4; padding: 20px; margin-bottom: 20px; display: flex;}
.article-sumbit input[type=text]{background: #fff; border: 1px solid #333; flex: 1; height: 30px; padding: 5px; margin-left: 10px; margin-right: 1px;}
.article-sumbit input[type=submit]{background: #d4dfeb; color: #333; padding: 5px 15px; cursor: pointer; border: 1px solid #333;}

.search-title {margin-bottom: 15px;}
.search-title h1{font-size: 24px; padding: 10px; background: #F9F1F1;}
.search-title span{color: #007AFF; padding: 0 8px;}
.orderby{border: 1px solid #E6E6E6; margin-bottom: 20px;}
.orderby ul{height: 100%; display: flex;}
.orderby li{border-right: 1px solid #E6E6E6;}
.orderby ul a{padding: 5px 15px; display: inline-block;}
/*pc*/
@media screen and (min-width:961px){
	.menu,.close{display: none;} /*隐藏元素*/
	.head-nav{height: auto !important;}	
	.nav{display: flex !important; height: 60px;}
	.nav li{margin-right: 50px;display: flex;} 
	.nav li:last-child {margin-right: 0}
	.nav li>i {display: block; width: 20px;}
	.nav li>i::after{width: 6px;height: 6px;right: 5px;border-color: #999;top: 26px;border-width: 1px;}
    .nav li:hover >i::after{ transform:rotate(45deg); top: 29px;} 
	.nav li > a{ font-size: 17px; color: #000; position: relative; display:inline-block; line-height: 60px;cursor: pointer;white-space: nowrap;}
	.nav li > a::after{content: "";position: absolute;left: 0;right: 0;width: 0;height: 1px;background: #0000FF;top: 100%;margin: 0 auto;transition: all 0.2s ease 0s;}
	.nav li:hover > a::after,.head .nav .on > a::after{width: 100%;}
	/*显示下拉菜单*/
	.dropdown{ position: absolute;width: 156px; left: 50%; margin-left: -72px; top: 100%;  z-index: -300; opacity: 0; transition: all .1s ease 0s; pointer-events: none; display: block !important;margin-left: -280px;width: 555px; background: transparent; }
	.dropdown::after{ content: ""; position: absolute; top: -4px; right: 50%; margin-right: -7.5px;  border: 15px solid transparent; border-bottom-color: #fff;}
	.nav li:hover .dropdown{ z-index: 100; opacity: 1; pointer-events: all;} 		
	.nav-sub {display: flex;flex-wrap: wrap;justify-content: space-between; background: #fff; margin-top: 26px; padding: 15px; border-radius: 6px; box-shadow: 0 3px 10px #999;} 
	.nav-sub-item {flex-basis: 49%;background: #fff; padding: 0 !important; text-align: center;border-radius: 0 !important;}	
	.nav-sub-item a{font-size: 15px; display: flex;align-items: flex-start;padding: 10px 15px;justify-content: flex-start;text-align: left;border-radius: 8px; cursor: pointer;}
	.nav-sub-item a:hover{background-color: rgb(238,244,255);}
	.nav-sub-item img {display: block;width: 55px;height: 55px;}	
	.nav-sub-item-txt{line-height: 1;margin-left: 20px;}
    .nav-sub-item-txt span{font-size: 18px; color: #4173F6; font-weight: normal;}
    .nav-sub-item-txt p{font-size: 13px;color: #525666;font-weight: 100;margin-top: 15px;}  
    .bread-nav{margin-top: 10px;}   
    .floor{padding: 30px 0 30px 0;}
}
@media screen and (max-width:1200px){
	.w{ padding: 0 3%;}
	.article-left{width:600px;}
	
	.product-content-tab{flex-flow: row wrap;}
}
/*mobile*/
@media screen and (max-width:960px){
	.nav,.btn,.tip,.nav-sub-item img,.nav-sub-item p,.top-user-info-2{ display: none;} /*隐藏的元素*/
	.top-header{ position: fixed !important; padding: 12px 0; }
	.logo img{ width: auto; height: 26px;}
	.menu{display: block !important;}
	.head-nav{min-width: 100% !important;height: auto !important;position: relative;}
	.nav{z-index: 99; position: absolute!important; left: 10px; right: 10px; top: 100%; background: #fff; padding: 15px; margin: 15px 0 0 0; width: auto; border-radius: 5px; box-shadow: 1px 1px 10px rgba(0,0,0,.2);}    
    .nav .nav::after{ content: ""; position: absolute; top: -25px; right: 15px; border: 15px solid transparent; border-bottom-color: #fff;}
    .nav li > a{ font-size: 16px; line-height: 40px; display: block;}
    .head .btn::after{ content: ""; position: absolute; top: -25px; left: 15px; border: 15px solid transparent; border-bottom-color: #fff;}
    .head .btn > span{ display: none;}
    .head .btn a{ display: block; font-size: 16px; line-height: 40px;}
    .head .close{ position: fixed;  left: 0; top: 54px; right: 0; bottom: 0; display: none;}
    /* .head .nav{ display: block;} */
    .nav li{ position: relative;}
    .dropdown{ border-top: 1px solid #ddd; padding: 10px 0; display: none;}
    .dropdown a{ display: block; padding:9px 0 9px 15px;}    
    .nav-sub-item-txt{line-height: 1;}
    .nav-sub-item-txt h3{font-size: 14px;}  
    .nav li b{position: absolute;width: 100%;height: 40px;left: 0;top: 0;z-index: 9;}
    .row-col{flex-direction: column;}
	.col-3{width: 100%; margin-bottom: 15px;}
	.product-nav{display: none;}
	.product-floor{margin-left: 0;}
	.pre-next{flex-flow: column;}
	.pre-next li{width: 100%;}
	.aritilce-info{flex-flow: column;}
	.article-left{width: 100%;}
	.article-con{flex-flow: column;}
	.article-left{padding-bottom: 30px;}
	.artilce-right{width: 100%;}
	.side-list-time{display: none;}
	.help-menu-box{display: none;}
	.help-con{padding:0; margin-top: 60px;}
	.main-side{display: none;}
	.main-con{margin-left: 0;}
	.cell-2 li{width: 100%;}
	
	.doc-tab{flex-flow: row wrap;}
	.doc-tab li{margin-right: 0; width: 24.8%; margin-right: 1px; margin-bottom: 1px; text-align: center;}
	.help-article-item{width: 48%;padding: 10px;}
	.help-article-item:nth-child(3n){margin-right: 2%;}
	.double-btn a{display: block; padding: 0; padding-bottom: 10px;}
	.list-four .li-item{width: 48%; padding: 10px;}
	.list-flex{flex-flow: row wrap;}
	.list-four .li-item span.fa{font-size: 60px;}
	.list-four .li-item .img{width:120px;height:60px;margin:auto}
	
	.world .relative{position: relative; margin-top: 0;}
	.map-tag{display: none;}
	.number{flex-flow: row wrap; top: 20%;}
	.number-item{width: 48%;}
	.map{background-size: contain;}
	.tp-two{flex-flow: column;}
	.tp-two-l{width: 100%;}
	.tp-two-r{width: 100%;}
	.tp-img img{width: 100%; height: auto;}
	@-webkit-keyframes ani-circle-a{
	0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0;filter:alpha(opacity=0)}
	10%{opacity:.5;filter:alpha(opacity=50)}
	100%{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0;filter:alpha(opacity=0)}
}
}

@media screen and (min-width: 768px) and (max-width: 959px){
	
}

@media screen and (max-width:767px){
	.search{width: 100%;}
	.banner{height: 300px; top: 20px;}	
}

@media screen and (max-width:640px){
	.tp-nav .tp-nav-item-value {width: 31%;}
	.tp-nav .tp-nav-item-value:nth-child(3n){margin-right: 0;}
	.tp-nav .tp-nav-item-value:nth-child(4n){margin-right: 2%;}
	.map {height: 540px;}
	.article-sumbit{flex-flow: column;}
	.article-sumbit input[type=text]{margin: 10px 0 15px 0; padding: 10px;}
	.article-sumbit input[type=submit]{width: 150px}
}

@media screen and (max-width:480px){
	.product-content-item{width: 100%;}
	.bg-img-txt p{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
	.bg-txt{height: 90%;}
	.page-list li{width: 100%;}
	.cell-2 li span{display: none;}
	.sumbit-item {flex-flow: column;}
	.sumbit-item input[type=text]{width: 100% !important;}width: 100% !important;
	.sumbit-item label{margin-bottom: 10px;}
	.sumbit-item textarea{width: 100% !important;}
	.sumbit-btn{padding: 0;}
	.sumbit-btn input[type=submit]{width: 100% !important;}
	/*.think a{ white-space: nowrap;overflow: hidden; text-overflow: ellipsis; width: 90%;}*/
	.doc-tab li{margin-right: 0; width: 49%; margin-right: 1px; margin-bottom: 1px; text-align: center;}
	.help-article-item{width: 100%;}
	.help-article-item p{display: none;}
	.list-four .li-item {width: 100%;}
	.number-value {font-size: 24px;}
	.number-name p{display: none;}
	.map{height: 300px;}
	.number-img img{height: 15px;}
	.bottom-sumbit{flex-flow: column; align-items: flex-start;}
	.bottom-sumbit input[type=text]{width: 100%; margin-bottom: 10px;}
	.bottom-sumbit input{width: 100%; margin-left: 0;}
	.ad{height: auto;}
	.page-txt{width: 100%;}
	.page-img{display: none;}
	.page-speak a{display: block;}
	.tag-list-item li{width: 48%;}
	.tag-list-item li:nth-child(5n){margin-right: auto;}
	.page-num li:first-child,.page-num li:last-child{display: none;}	
	.article-time span{display: block;}
	.tp-nav .tp-nav-item-value {width: 48%;}
	.tp-nav .tp-nav-item-value:nth-child(3n){margin-right: 2%;}
	.tp-nav .tp-nav-item-value:nth-child(4n){margin-right: 2%;}
	.tp-img-list{height: 200px;}
}