@charset "utf-8";
/* CSS Document */
body,html{background:#ffffff;}
body { font:14px "Arial",sans-serif; color: #333; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none;}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd{padding:0;margin:0;}
img{border:0; vertical-align: middle; max-width: 100%; max-height: 100%;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a,a:link{text-decoration:none; transition: all 0.5s; outline: none;}

input,textarea{ box-sizing: border-box; outline:none; border: 0; border-radius: 0;  background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }


/*处理老站部分样式问题*/
.form-group input[type="button"],.form-group input[type="submit"]{ width: auto;}
/*处理老站部分样式问题*/

input[type="button"],input[type="submit"],input[type="text"],input[type="password"],textarea{-webkit-appearance: none;}

h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}


/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder {color: #999; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; opacity: 1}

/*去掉默认下划线*/
.header a:link,
.lanm_pic a:link, 
.lanm_path a:link, 
.support_download a:link, 
.support_left a:link, 
.footer a:link{text-decoration:none;}

/* 去掉颜色 */
.lanm_path a:link{color: #666 !important;}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.cf, .header, .main, .footer, .wrap { *zoom: 1 }

/* 图标字体 */
@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot'); /* IE9 */
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/c866ccdddfbc496da54bbebc8d5eb11b.woff') format('woff2'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome ,firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

/*其他公用*/
.main{min-height: 500px;}
.wrap{width: 1400px; margin: 0 auto;}
.chosen-drop{ z-index:99 !important;}
@media screen and (max-width:1920px) and (min-width:1200px){
    .img_scale{ display: block; overflow: hidden;}
    .img_scale img{transition: 0.5s;}
    .img_scale:hover img{transform: scale(1.1);}
}

/* MORE 红底色 */
.more_hong{width: 210px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-weight: bold; background: #e60012; display: inline-block; text-transform:capitalize}
.more_hong i{ display: inline-block; position: relative; padding-right: 30px; transition: 0.5s; line-height: 1;}
.more_hong i::before { content: "\e608"; font-family: "iconfont" !important; font-size: 16px; font-weight: normal; position: absolute; right:0; top: 0px; transition: 0.5s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.more_hong:hover i{padding: 0}
.more_hong:hover i::before{transform: translatex(25px); opacity: 0;}

/* MORE 蓝色边框 */
.more_lanbian{ width: 147px; height: 36px; line-height: 36px; box-sizing: border-box; border: 1px solid #6aaae1; color: #6aaae1; font-size: 12px; font-weight: bold; display: inline-block; text-align: center; transition: 0.5s; cursor: pointer;text-transform:capitalize}
.more_lanbian i{ display: inline-block; position: relative; padding-right: 15px; transition: 0.5s;}
.more_lanbian i::before { content: "\e601"; font-family: "iconfont" !important; font-size: 10px; font-weight: normal; position: absolute; right:0; top: 1px; transition: 0.5s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.more_lanbian:hover i{padding: 0}
.more_lanbian:hover i::before{transform: translatex(20px); opacity: 0;}

/* MORE 白色字 */
.more_but{ padding-right: 20px; line-height: 1; display: inline-block; color: #fff; font-weight: bold; position: relative; text-transform:capitalize}
.more_but::before { content: "\e608"; line-height: 1; font-family: "iconfont" !important; font-size: 14px; font-weight: normal; position: absolute; right:0; top: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.more_but:hover{color: #e60012;}


/* MORE 蓝色字 */
.more_lanzi{ padding-right: 20px; line-height: 1; display: inline-block; color: #6aaae1; font-weight: bold; position: relative; text-transform:capitalize;}
.more_lanzi::before { content: "\e608"; font-family: "iconfont" !important; font-size: 14px; line-height: 1; font-weight: normal; position: absolute; right:0; top: 1px; transition: 0.5s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.more_lanzi:hover,
.more_lanzi:hover::before{ color: #e60012;}  


/* 下载按钮 */
.comware_download {padding:30px 0 ;}
.comware_download a{ line-height: 22px; text-align: center; padding: 20px 30px;  color: #6aaae1; border: 1px solid #6aaae1; font-size: 16px; font-weight: bold; display: inline-block;}
.comware_download i{padding-right: 40px; display: inline-block; position: relative;}
.comware_download i::before { content: "\e609"; font-family: "iconfont" !important; font-size: 16px; font-weight: normal; position: absolute; right: 0px; top: 50%; margin-top: -8px; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.comware_download a:hover{background: #6aaae1; color: #fff;}

.comware_download2{padding: 0 0 100px 0}
.comware_download2 a{min-width: 440px;}
.comware_download2 span{ display: block; padding-bottom: 20px;}
.comware_download2 span:last-child{padding-bottom: 0;}


/* 公用内间距 标题字号 */
.often_box{padding: 90px 0; overflow: hidden;}
.often_txt{font-size: 40px; text-align: center; color: #333; padding-bottom: 40px;}


/* 分页 */
.often_page{text-align: center; margin-top: 80px ;}
.often_page>span,
.often_page>span>a{height: 37px; line-height: 37px; box-sizing: border-box; display: inline-block;}
.often_page>span{padding: 0 4px}
.often_page>span>a{border: 1px solid #565656; width: 34px; text-align: center; color: #333;}
.often_page>span>a.one,
.often_page>span>a:hover{background: #e60012; border-color: #e60012; color: #fff;}
.often_page .prev a,
.often_page .next a{width: 120px;}
.often_page .prev{padding-right: 10px}
.often_page .next{padding-left: 10px}
.often_page .prev i{position: relative; padding-left: 15px;}
.often_page .next i{position: relative; padding-right: 15px;}
.often_page .prev i::before { content: "\e600"; font-family: "iconfont" !important; font-size: 10px; position: absolute; left: 0px; top: 3px; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.often_page .next i::before { content: "\e601"; font-family: "iconfont" !important; font-size: 10px; position: absolute; right: 0px; top: 3px; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.often_page .per{position: absolute; right: 0; top:0; display: none;}
.often_page .per .b1{float: left; padding-right: 10px}
.often_page .per .b2{float: left; width: 80px; position: relative;}
.often_page .per .b2::before { content: "\e625"; font-family: "iconfont" !important; font-size: 12px; position: absolute; right: 20px; top: 12px; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.often_page .per .chosen-container a{ text-align: left; border: 1px solid #565656; padding: 0 20px; box-sizing: border-box; font-size: 14px; color: #333;}

.news-page{ clear: both; overflow: hidden; padding-top: 80px; margin: 0 auto; max-width: 400px;}
.news-page img{ margin: 0 10px;}
.news-page img,
.news-page p,
.news-page span,
.news-page input,
.news-page .form{ float: left; height: 30px; line-height: 30px; box-sizing: border-box;}
.news-page .page-text{border: 1px solid #000; width: 80px; text-align: center; margin: 0 10px 0 15px}
.news-page .page-button{background: #333;  width: 40px; cursor: pointer; transition: 0.5s; color: #fff;text-transform:Uppercase;}
.news-page .page-button:hover{ background:#e60012; }
.news-page .statu{background: url(../images/pagebar_line.png) no-repeat center;}
.news-page .statu span{margin: 0 8px}


/* 编辑器内容 */

.often_content{font-size: 16px; line-height: 1.6; color: #666; overflow: hidden;}
.often_content p{margin: 15px 0;}
.often_content b{font-weight: bold; color: #333;}
.often_content strong{color: #333;}
.often_content h1{font-size: 40px; color: #333; font-weight: normal; margin: 90px 0 20px 0; line-height: 48px;}
.often_content h2{font-size: 24px; color: #333; font-weight: normal; margin: 25px 0; }
.often_content h3{font-size: 22px; color: #333; font-weight: normal; margin: 20px 0;}
.often_content h4{font-size: 18px; color: #333; font-weight: normal; margin: 15px 0;}
.often_content2{font-size: 16px; line-height: 1.6; color: #333; overflow: hidden;}
.often_content2 p{margin: 15px 0;}
.often_content2 a{transition: none 0s;}

.often_content table,
.often_content table th,
.often_content table td{border: 0;}
.often_content table p{margin: 0;}
.often_content table img{margin: 0 auto;}
.often_content table{ width: 100%;  border-top: 2px solid #000; border-bottom: 2px solid #000; margin:0 !important; }
.often_content thead td{ border-bottom: 1px solid #000;  color: #333;  padding: 13px 15px; font-size: 18px; font-weight: bold;  border-right:1px solid #000;background: #e4e4e4;  }
.often_content tbody td{border-bottom: 1px solid #000; border-right:1px solid #000; color: #333; padding: 15px; }
.often_content tbody tr:last-child td{border-bottom: 0;}
.often_content td:last-child{border-right: 0;}

.often_content table.table-borderon {border: 0;}
.often_content table.table-borderon thead td{ background: none; border: 0; font-weight: normal; color: #666; padding: 0; font-size: 16px; line-height: 26px;}
.often_content table.table-borderon p{margin: 15px 0;}
.often_content table.table-borderon p:first-child{margin-top: 0px;}


.often_content table table{border:1px solid #000;}

.often_content p:first-child,
.often_content h1:first-child,
.often_content h2:first-child,
.often_content h3:first-child{margin-top: 0px;}

.often_content .TOC{font-size: 18px; color: #333; border-bottom:1px solid #333; max-width: 350px; padding-bottom: 20px; margin-bottom: 10px;}
.often_content .MsoToc1 a,
.often_content .MsoToc2 a,
.often_content .MsoToc3 a{ color: #6aaae1; margin: 0px 20px; display: inline-block; font-size: 16px}
.often_content p a{color: #6aaae1;}
.often_content p a[name] {color: inherit;}

.often_content .ItemList {padding-left: 20px; margin: 15px 0; position: relative;}
.often_content .ItemList::before {content: ''; position: absolute; left: 0; top: 11px; width: 8px; height: 4px; background:#e60012;}
.often_content .MsoListParagraph {padding-left: 20px; margin: 15px 0; position: relative;}
.often_content .MsoListParagraph::before {content: ''; position: absolute; left: 0; top: 11px; width: 8px; height: 4px; background:#e60012;}
.often_content .ItemList2 {padding-left: 20px;  margin: 15px 30px;  position: relative;}
.often_content .ItemList2::before { content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: #000; border-radius: 50%;}
.often_content .FigureDescription{padding-left: 0; }
.often_content .ItemList img:first-child{display: none;}
.often_content .MsoListParagraph img:first-child{display: none;}
.often_content .ItemList2 img:first-child{display: none;}

.often_content .Itemstep2{padding-left: 20px; margin: 15px 0;}

.often_content .margin-b{font-size: 24px; color: #000; font-weight: normal;}
.often_content .ManualTitle1{ color: #666; font-size: 18px; padding: 20px 0 50px 25px;}
.often_content .MsoHyperlink{font-size: 24px; color: #000;}
.often_content .MsoHyperlink a{ color: #6aaae1; margin: 0px 20px; display: inline-block; font-size: 16px}

.table-responsive,
.often_content .table-responsive{overflow-y: hidden;}


.cases_details_tet .often_content table td > table{ padding: 0; border: none; border-collapse:collapse;border-spacing:0;}
.cases_details_tet .often_content table td > table td{ padding: 0; border: none;}


/* 栏目配图 */
.lanm_pic {background-size: cover; background-repeat: no-repeat; background-position: center; color: #fff; background-color: #ccc;}
.lanm_pic .box{height: 480px; width: 100%; display: table; max-width: 50%;}
.lanm_pic .txt{display: table-cell; vertical-align: middle; padding-top: 120px; }
.lanm_pic .txt h2{color: #fff; font-size: 60px;}
.lanm_pic .txt span{font-size:16px; line-height: 26px; padding-top: 20px; display: inline-block;}


/* 集成页配图 */
.collect_pic .box{height: 680px;}


/*---栏目标签--*/
.lanm_pic .label{padding-top: 15px}
.lanm_pic .label li{float: left; padding-right: 1px;}
.lanm_pic .label li a{ width: 150px; height: 40px; line-height: 40px; display: block; background: #333; color: #fff; font-weight: bold; font-size: 13px; text-align: center;}
.lanm_pic .label li a.one,
.lanm_pic .label li a:hover{background: #e60012;}


/* 栏目下拉 */
.lanm_pic .select{padding-top: 20px; max-width: 232px;}
.lanm_pic .select dl{position: relative; z-index: 9;}
.lanm_pic .select dt{background: #e60012; color: #fff; font-weight: bold; padding: 10px 30px; cursor: pointer; position: relative; font-size: 13px}
.lanm_pic .select dt::before { content: "\e601"; font-family: "iconfont" !important; font-size: 10px; position: absolute; right: 30px; top: 13px;  transition: 0.5s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.lanm_pic .select dd{position: absolute; left: 0; top: 36px; width: 100%; display: none;}
.lanm_pic .select dd a{display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.9); color: #fff; padding: 12px 30px; font-weight: bold;}
.lanm_pic .select dd a:hover{background: #e60012;}
.lanm_pic .select dt.on::before{transform: rotate(90deg);}

/* 栏目路径 */
.lanm_path{color: #666; padding: 15px 0;}
.lanm_path i{padding: 0 15px; display: inline-block;}
.lanm_path a{color: #666;}
.lanm_path a:hover{color: #e60012 !important;}
.wrap .lanm_path .wrap{ width: 100%; margin: 0;}


/* 返回顶部 */
.back_top{ position: fixed; right: 20px; bottom: 30px; z-index: 99; width: 50px; height: 50px;  box-sizing: border-box; border: 1px solid #a7a7a7; color: #a7a7a7; transition: 0.5s; cursor: pointer;}
.back_top::before { content: "\e60b"; font-family: "iconfont" !important; font-size:20px;  position: absolute; width: 100%; text-align: center; left: 0px; top: 13px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.back_top:hover{background:#e60012; color: #fff; border-color: #e60012;}

/* 底部-合作伙伴 */
.partners_buttom {background: url(../images/xx_010.jpg) center no-repeat; background-size: cover; color: #fff; text-align: center; }
.partners_buttom .tet{font-size: 16px; line-height: 1.6; padding-bottom: 35px;}
.partners_buttom .product_solutions{padding: 0 !important;}
.partners_buttom .product_solutions a{margin: 0 !important;}



/* 公用-头部 */
.mob_header{display: none;}
.header{ font-family: "Arial"; font-size: 14px;}
.footer{ font-family: "Arial";}
.header{position: absolute; left: 0; top: 0; width: 100%; z-index: 999;}
.header .part1{ height: 30px; background: #000; color: #fff;}
.header .part1 .box{float: right;}
.header .part1 .ul{float: right; border-left: 1px solid #262626;}
.header .part1 .ul>li{height: 30px; line-height: 30px; border-right: 1px solid #262626; float: left; position: relative;}
.header .part1 .ul>li>a{display: block; padding: 0 20px; color: #fff; float: left;}
.header .part1 .ul>li>a:hover{background-color: #e60012;}
.header .part1 .ul>li>a>i{position: relative; padding-left: 25px; display: block; float: left; }
.header .part1 .ul li i b{ position: relative; padding-right: 15px;}
.header .part1 .ul li i b::before { content: "\e625"; font-family: "iconfont" !important; font-size: 10px; position: absolute; right:0; top: -5px; transition: 0.5s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.header .part1 .ul li i.hidden{float: left; overflow: hidden; text-overflow:ellipsis;white-space: nowrap; display: block; width: 80px; box-sizing: border-box;}
.header .part1 .ul li .a1{padding:0 10px 0 15px;}
.header .part1 .ul li .a2{padding:0 15px 0 10px;}
.header .part1 .ul li .i1::before { content: "\e602"; font-family: "iconfont" !important; font-size: 18px; position: absolute; left:0; top: 0px; transition: 0.5s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.header .part1 .ul li .i2::before { content: "\e604"; font-family: "iconfont" !important; font-size: 16px; position: absolute; left:0; top: 0px; transition: 0.5s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.header .part1 .ul li .i3::before { content: "\e605"; font-family: "iconfont" !important; font-size: 16px; position: absolute; left:0; top: 0px; transition: 0.5s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.header .part1 .ol_box{position: absolute; left: 50%; top: 100%; width: 220px; margin-left: -110px; opacity: 0; visibility: hidden; z-index: 101; transition: 0.2s; }
.header .part1 .ol_box ol{background: rgba(0,0,0,0.9); margin-top: 6px; position: relative;}
.header .part1 .ol_box ol::before{content: ''; position: absolute; left: 0; top: -3px; width: 100%; height: 4px; background: url(../images/ico_037.png) center no-repeat;}
.header .part1 .ol_box a{text-align: center;display: block; padding: 15px 0; color: #fff; line-height: initial;  border-top: 1px solid #262626;}
.header .part1 .ol_box a i{display: block; font-weight: bold; font-size: 16px; }
.header .part1 .ol_box a b{display: block; font-size: 12px; font-weight: normal; color: #848484; padding-top: 3px; transition: 0.5s; }
.header .part1 .ol_box a:hover{background: #e60012;}
.header .part1 .ol_box a:hover b{color: #fff;}
.header .part1 li:hover .ol_box{opacity: 1; visibility: visible; transition: 0.5s; }

.header .part2{border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: #333; background: rgba(0,0,0,0.4); width: 100%; position: relative;}
.header .part2::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 90px; background: url(../images/xx_006.jpg) repeat-x; z-index: -1; transition: 0.5s; opacity: 0;}
.header .part2 .logo{float: left; padding: 12px 0;}
.header .part2 .nav{float: right;}
.header .part2 li{float: left; margin-right: 45px; position: relative;}
.header .part2 li:last-child{margin: 0;}
.header .part2 li a{color: #fff; font-size: 16px; padding: 35px 0; font-weight: bold; display: inline-block; }
.header .part2 li i{ padding-right: 17px; position: relative;}
.header .part2 li i::before { content: "\e618"; font-family: "iconfont" !important; font-size: 13px; font-weight: normal; position: absolute; right:0; top: 2px; transition: 0.5s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.header .part2 li a.one,
.header .part2 li a:hover{color: #e60012;}

.header.on .part2::before{ opacity: 1;}


.search_part{position: absolute; left: 0; top: 30px; background: #fff; width: 100%; padding: 40px 0; z-index: 100; display: none; box-shadow: 3px 3px 7px rgba(51, 51, 51, 0.2)}
.search_part .box{max-width: 1000px; margin: 0 auto;}
.search_part dl{position: relative; padding-right: 160px; margin-bottom: 20px;}
.search_part dt{border: 1px solid #000; border-right: 0; padding: 0 20px 0 70px; background: url(../images/ico_039.png) center left 20px no-repeat;}
.search_part dt input{font-size: 16px; color: #333; height: 58px; line-height: 58px; box-sizing: border-box;}
.search_part dd{position: absolute; right: 0; top: 0;}
.search_part dd input{width: 160px; font-family: "Arial"; height: 60px; line-height: 60px; background: #e60012; display: block; color: #fff; font-weight: bold; font-size: 18px; cursor: pointer; transition: 0.5s;}

.search_part li{float: left; padding: 0 25px; position: relative;}
.search_part li::before{content: ''; position: absolute; right: 0; top: 3px; width: 1px; height: 14px; background: #e5e5e5;}
.search_part li a{font-size: 16px; color: #999;}
.search_part li a:hover{color: #e60012;}

.navdown{position: absolute; left: 0; top: 120px; width: 100%; /*height: 600px;*/ z-index: 99;  background: #f4f6f7; display: none; box-shadow: 3px 3px 7px rgba(51, 51, 51, 0.2)}
.navdown .wrap{padding: 70px 0 30px 0; position: relative;}
.navdown .wrap::before{ content: "\e618"; font-family: "iconfont" !important; font-size: 35px; color: #f4f6f7; position: absolute; right:0; top: -23px; display: block !important; transform: rotate(-180deg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.navdown .wrap_back::after{content: ''; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background:#fff; margin-left: 480px; z-index: -1; display: block;}
.navdown .recommend{float: left; width: 480px; box-sizing: border-box; padding: 0 100px 0 0; height: 500px;}
.navdown .recommend dt{margin-bottom: 25px;}
.navdown .recommend dd{padding: 0;}
.navdown .recommend span{ display: block; font-weight: bold; font-size: 18px; padding-bottom: 20px;}
.navdown .recommend dd li{padding-bottom: 15px;}
.navdown .recommend dd li:last-child{padding: 0;}
.navdown .recommend dd a{color: #6aaae1; position: relative; padding-left: 17px; display: inline-block; line-height: 20px;}
.navdown .recommend dd a::before{content: ''; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: #6aaae1;}
.navdown .recommend dd a:hover{color: #e60012;}
.navdown .recommend dd .tet{font-size: 16px; line-height: 24px; color: #666; padding-top: ;}

.navdown .recommend2{float: right; width: 525px; padding-left: 100px; box-sizing: border-box;}
.navdown .recommend2 li{padding-bottom: 30px;}
.navdown .recommend2 a{display: block; background: #fff; text-align: center; line-height: 120px; color: #333; font-size: 24px; }
.navdown .recommend2 a i{display: inline-block; padding-left: 75px; background-repeat: no-repeat; background-position: center left;}
.navdown .recommend2 a:hover{color: #e60012;}

.navdown .navlink{overflow: hidden; padding-bottom: 50px;}
.navdown .navlink .txt {padding-bottom: 20px;}
.navdown .navlink .txt h2{float: left; font-size: 40px}
.navdown .navlink .txt a{float: right;}
.navdown .navlink>ul{margin: 0px -30px}
.navdown .navlink>ul>li{padding: 50px 30px 0 30px; box-sizing: border-box;}
.navdown .navlink dt{border-bottom: 1px solid #000; padding-bottom: 15px; margin-bottom: 25px; font-size: 17px; color: #333; font-weight: 600;}
.navdown .navlink dt a{font-size: 18px; color: #333;}
.navdown .navlink dt a:hover{ color: #e60012;}
.navdown .navlink dd ol{margin: -25px -25px 0 -25px;}
.navdown .navlink dd li{float: left; padding: 25px 25px 0 25px;}
.navdown .navlink dd a{color: #666; font-size: 16px;}
.navdown .navlink dd a:hover{ color: #e60012;}
.navdown .navlink .email{color: #e60012; font-size: 24px; background: url(../images/ico_046.png) center left no-repeat; padding-left: 40px; background-size: 30px; margin-top: 150px}
.navdown .navlink.navlinkppading{padding-left: 100px;}
.navdown .navlink.navlinktwo>ul>li{width: 50%; float: left; box-sizing: border-box;}
.navdown .navlink.navlinktxt .txt{padding-bottom: 90px;}
.navdown .navlink.navlinktxt>ul{margin: -90px -30px 0 -30px}
.navdown .navlink.navlinktxt>ul>li{width: 50%; float: left; box-sizing: border-box; padding: 90px 30px 0 30px}
.navdown .navlink.navlinktxt dt{margin: 0;}

.navdown1 .wrap::before{right: 830px;}
.navdown2 .wrap::before{right: 655px;}
.navdown3 .wrap::before{right: 525px;}
.navdown4 .wrap::before{right: 350px;}
.navdown5 .wrap::before{right: 160px;}
.navdown6 .wrap::before{right: 30px;}

.navdown.navdown1 .navlink dd li{ width: 25%; box-sizing: border-box;}
.navdown.navdown2 .navlink dd li{ width: 20%; box-sizing: border-box; padding-right: 0;}
.navdown.navdown3 .navlink dd li{ width: 50%; box-sizing: border-box; padding-right: 0;}
.navdown.navdown4 .navlink dd li{ width: 25%; box-sizing: border-box; padding-right: 0;}
.navdown.navdown5 .navlink dd li{ width: 25%; box-sizing: border-box; padding-right: 0;}
.navdown.navdown6 .navlink dd li{ width: 33%; box-sizing: border-box; padding-right: 0;}

.navdown.navdown5 .navlink > ul > li,
.navdown.navdown6 .navlink.navlinktwo > ul > li{ height: 190px; overflow: hidden;}

.navdown.navdown4 .recommend,
.navdown.navdown5 .recommend2{display: none;}
.navdown.navdown4 .wrap_back::after{display: none;}
.navdown.navdown4 .navlink.navlinkppading{padding-left: 0;}


/* 公用-底部 */
.footer{background: #1b1b1b; padding: 85px 0 30px 0; color: #fff; overflow: hidden; }
.footer .part1 {min-height: 370px; padding-bottom: 40px; box-sizing: border-box;}

.footer .part1 dl{float: left; width: 20%;}
.footer .part1 dt{padding-bottom: 25px; font-weight: bold; font-size: 16px}
.footer .part1 dt b{display: none;}
.footer .part1 dt a{color: #fff; font-weight: bold; font-size: 16px}
.footer .part1 dd a{color: #999; font-size: 16px}
.footer .part1 dd i{display: block; padding-bottom: 20px;}
.footer .part1 dd i.ibottom{padding-bottom: 60px;}
.footer .part1 dd i:last-child{padding-bottom: 0;}
.footer .part1 dl a:hover{color: #e60012;}
.footer .part1 .fenx{float: right;}
.footer .part1 .fenx .logo{display: none;}
.footer .part1 .fenx li{float: left; padding-right: 10px;}
.footer .part1 .fenx li:last-child{padding: 0;}
.footer .part1 .fenx a{width: 50px; height: 50px; line-height: 45px; box-sizing: border-box; text-align: center; border: 1px solid #323232; border-radius: 50%; display: inline-block;}
.footer .part1 .fenx a:hover{background: #e60012; border-color: #e60012;}

.footer .part2 .box1{display: none;}
.footer .part2 .box2 {font-size: 14px}
.footer .part2 .box2 span{float: left; color: #666; line-height: 1.4;}
.footer .part2 .box2 span i{float: left; padding-right: 25px; display: block;}
.footer .part2 .box2 span i:last-child{padding: 0;}
.footer .part2 .box2 span img{padding-right: 5px; position: relative; top: -2.5px}
.footer .part2 .box2 ul{float: right;}
.footer .part2 .box2 li{float: left; padding-right: 40px;}
.footer .part2 .box2 li:last-child{padding: 0;}
.footer .part2 .box2 a{color: #666;}
.footer .part2 .box2 a:hover{color: #e60012; }

/*20200225新增icon*/
.footer .part1 dl p span{display: inline-block;padding-right:20px;}
.footer .part1 dl p span:last-child{padding-right: 0;}
.footer .part1 dl p span img{width: 25px;height: 25px;}
.footer .part1 dl:last-child{padding: 0;}
.footer .part1 .mb_follow{display: none;}

/* 跳转来源提示弹层 */
.tap_backyy{position: fixed; left: 0; top: 0; width: 100%; padding:18px 0;  background: url(../images/back_04.jpg) center no-repeat; z-index: 999; text-align: center; color: #fff;}
.tap_backyy span{padding: 0 15px; font-size: 18px; display: inline-block;}
.tap_backyy a{margin: 0 15px; border: 1px solid #fff; padding: 10px 30px; display: inline-block; color: #fff; font-size: 16px;}
.tap_backyy .a2,
.tap_backyy .a1:hover{background: #fff; color: #6aaae1;}
.tap_backyy .a2:hover{background: #f3f3f3; border-color: #f3f3f3;}


/* 响应式小PC */
@media screen and (max-width:1500px){
    .wrap{width: 1200px;}
    .lanm_pic .txt h2{ font-size: 50px;}
    .often_txt{ font-size: 36px;}
    .often_box{ padding: 70px 0;}
    
    .lanm_pic .box{height: 450px;}
    .collect_pic .box{height: 650px;}

    .often_page .per .b2 .select_mob{ height: 37px; line-height: 37px; padding: 0 10px; font-size: 14px; background: url(../images/ico_049.png) center right 10px no-repeat;}
    
    .header .part2 li{margin-right: 30px;}
     
    /* 下拉导航 */

    .navdown1 .wrap::before{right: 760px;}
    .navdown2 .wrap::before{right: 595px;}
    .navdown3 .wrap::before{right: 480px;}
    .navdown4 .wrap::before{right: 315px;}
    .navdown5 .wrap::before{right: 145px;}
    .navdown6 .wrap::before{right: 30px;}    

    .navdown .wrap{padding: 40px 0 30px 0;}
    .navdown .wrap_back::after{margin-left: 400px;}
    .navdown .recommend{padding:0 50px 0 0; width: 400px; height: auto;}
    .navdown .recommend dd .tet{font-size: 14px; line-height: 22px;}
    .navdown .recommend dd li{padding-bottom: 10px;}

    .navdown .navlink{padding-bottom: 0;}
    .navdown .navlink.navlinkppading{padding: 0 0 0 50px;}
    .navdown .navlink .txt{padding-bottom: 0px;}
    .navdown .navlink .txt h2{font-size: 32px;}
    .navdown .navlink>ul{margin: 0px -30px ; position: relative; top: -10px; clear: both; overflow: hidden;}
    .navdown .navlink>ul>li{padding: 40px 30px 0 30px;}
    .navdown .navlink dt{margin-bottom: 20px; padding-bottom: 10px;}
    .navdown .navlink dd a{font-size: 14px;}
    .navdown .navlink dd ol{margin: -15px -15px 0 -15px;}
    .navdown .navlink dd li{padding: 15px 15px 0 15px ;}

    .navdown.navdown1 .navlink dd li{width: 33.3%;}   
    .navdown.navdown5 .navlink>ul{margin-top: 0px;}
    .navdown.navdown5 .navlink>ul>li,
    .navdown.navdown6 .navlink.navlinktwo>ul>li{height: auto;}
}

@media screen and (max-height:800px){
    .lanm_pic .box{height: 400px;}

    .collect_pic .box{height: 500px;}
    
    .navdown .wrap{padding: 30px 0 25px 0;}
    .navdown .wrap_back::after{margin-left: 350px;}
    .navdown .recommend{padding:0 50px 0px 0; width: 350px;}
    .navdown .recommend dt{margin-bottom: 20px}
    .navdown .recommend dd span{padding-bottom: 10px;}
    .navdown .recommend dd li{padding-bottom: 15px;}
    .navdown .recommend dd a{font-size: 12px; line-height: 18px;}
    .navdown .recommend dd .tet{font-size: 12px; line-height: 18px;}
}


/* 响应式Ipad横 */
@media screen and (max-width:1200px){

    .more_hong{width: 170px; height: 50px; line-height: 50px;}
    .wrap{width: auto; margin: 0 30px;}    
    .header{display: none!important;}

    .often_box{padding: 70px 0;}
    .often_txt{font-size: 30px; padding-bottom: 20px;}

    .often_content h1{font-size: 30px; margin: 70px 0 20px 0; line-height: 35px ;}
    .often_content h2{font-size: 22px;}

    .more_but,
    .more_lanzi{background-size: 10px; padding-right: 20px;}

       
    .comware_download{padding: 30px 0 20px 0;}
    .comware_download a{padding: 15px 30px;}    
    .comware_download2{padding:0 0 80px 0 ;}


    /* 栏目配图 */
    .lanm_pic .box{height: 400px;}
    .lanm_pic .txt{padding-top: 80px;}
    .lanm_pic .txt h2{font-size: 50px;}
    .collect_pic .box{height: 550px;}
    

    /* 网站底部 */
    .footer{padding: 50px 0 30px 0;}   
    .footer .part1{min-height: auto;}
    .footer .part1 dt{font-size: 14px;}
    .footer .part1 dt a{font-size: 14px;}
    .footer .part1 dd i{padding-bottom: 15px;}
    .footer .part1 dd a{font-size: 14px;}
    .footer .part2 li{padding-right: 20px;}
    .footer .part1 dd i.ibottom{padding-bottom: 30px;}
    .footer .part2 .box2{font-size: 14px;}
    .footer .part2 .box2 ul{float: none; text-align: center; padding-bottom: 10px;}
    .footer .part2 .box2 li{float: none; display: inline-block; padding: 0 10px;}
    .footer .part2 .box2 span{float: none; display: block; text-align: center;}
    .footer .part2 .box2 span i{float: none; display: inline-block; padding: 5px 10px;}


    /* 移动端导航 */
    .mob_header{display: block; position: fixed; width: 100%; left: 0; top:0; z-index: 999;}
    .mob_header::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100px; background-image: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); z-index: -1; transition: 0.5s;;}   
    .mob_header .part1{padding:15px 20px; position: fixed; z-index: 9; transition:background 0.5s; width: 100%; box-sizing: border-box; }
    .mob_header .part1 .logo{float: left; width: 45px}
    .mob_header .part1 .but{float: right; padding-top: 11px;}
    .mob_header .part1 .but a{float: left; margin-right: 20px; background-repeat: no-repeat; background-position: center; background-size: cover;}
    .mob_header .part1 .but a:last-child{margin-right: 0;}
    .mob_header .part1 .but .a1{width: 22px; height: 22px;}
    .mob_header .part1 .but .a2{width: 19px; height: 22px;}
    .mob_header .part1 .but .a3{width: 20px; height: 20px;}
    .mob_header .part1 .but .a3 i{width:100%; height: 2px; margin-top: 10px; background: #fff; display: block; position: relative; transition: 0.4s;}
	.mob_header .part1 .but .a3 i:before,
	.mob_header .part1 .but .a3 i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height: 2px; background: #fff; transition: 0.4s;}
	.mob_header .part1 .but .a3 i:before{ margin-top: -8px;}
    .mob_header .part1 .but .a3 i:after{ margin-top: 8px;}
    
    .mob_search{position: fixed; left: 0; top: 70px; background: #fff; width: 100%; box-sizing: border-box; padding: 20px; z-index: 9; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); display: none;}
    .mob_search::before { content: "\e618"; font-family: "iconfont" !important; font-size: 20px; position: absolute; right: 100px; top: -14px; color: #fff; transform: rotate(-180deg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .mob_search dl{position: relative; padding-right: 90px; margin-bottom: 20px;}
    .mob_search dt{border: 1px solid #000; border-right: 0; padding: 0 10px 0 40px; position: relative;}
    .mob_search dt::before { content: "\e605"; font-family: "iconfont" !important; font-size: 20px; color: #e7e7e7; position: absolute; left: 10px; top: 8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .mob_search dt input{font-size: 14px; color: #333; height: 38px; line-height: 38px; box-sizing: border-box;}
    .mob_search dd{position: absolute; right: 0; top: 0;}
    .mob_search dd input{width: 90px; height: 40px; line-height: 40px; background: #e60012; display: block; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; transition: 0.5s;}
    .mob_search dd input:hover{background: #6aaae1 ;}
    .mob_search span{ font-size: 13px; display: block; padding:0 0 15px 10px; }
    .mob_search li{padding:0 0 13px 10px;}
    .mob_search li:last-child{padding-bottom: 0;}
    .mob_search li a{color: #6aaae1; position: relative; padding-left: 10px; font-size: 13px;}
    .mob_search li a::before{content: ''; position: absolute; left: 0; top: 3px; width: 5px; height: 5px; background: #6aaae1; border-radius: 50%;}

    .mob_land{position: fixed; left: 0; top: 70px; background: #fff; width: 100%; box-sizing: border-box; padding: 20px; z-index: 9; box-shadow:0 2px 3px rgba(0, 0, 0, 0.1); display: none; }
    .mob_land::before { content: "\e618"; font-family: "iconfont" !important; font-size: 20px; position: absolute; right: 60px; top: -14px; color: #fff; transform: rotate(-180deg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .mob_land .a1{float: left; color: #333; height: 22px; line-height: 22px; display: block; padding-left: 30px; margin-top: 5px; position: relative;}
    .mob_land .a1::before { content: "\e602"; font-family: "iconfont" !important; font-size: 20px; position: absolute; left:0; top: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .mob_land .a2{float: right; display: block; width: 125px; height: 30px; line-height: 28px; box-sizing: border-box; border: 1px solid #6aaae1; text-align: center; font-weight: bold; font-weight: bold; color: #6aaae1;}
    .mob_land .a2 i{ padding-right: 20px; position: relative;}
    .mob_land .a2 i::before { content: "\e601"; font-family: "iconfont" !important; font-size: 8px; position: absolute; right:0; top: -5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .mob_land .a2 b{padding-left: 20px; position: relative;}
    .mob_land .a2 b::before { content: "\e627"; font-family: "iconfont" !important; font-size: 14px; position: absolute; left:0; top: -5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

    .mob_nav{position: fixed; right: 0; top: 0; width: 100%; box-sizing: border-box; transition: transform 0.5s; z-index: 8; transform: translateX(100%);}
    .mob_nav .box{background: #fff; overflow-x: hidden;}
    .mob_nav .nav1{ position: relative; z-index: 10;}
    .mob_nav .nav1 li{border-bottom: 1px solid #ccc;  padding: 25px 20px; font-size: 15px; font-weight: bold; background: url(../images/ico_044.png) center right 20px no-repeat; background-size: 6px;}
    .mob_nav .nav2{position: fixed; left: 0; top: 0; width: 100%; box-sizing: border-box; transform: translateX(100%); transition: transform 0.5s; background: #f4f6f7; z-index: 20;}
    .mob_nav .nav2 .back{position: relative; padding:0; text-align: center; background: #fff; border-bottom: 1px solid #ccc;}
    .mob_nav .nav2 .back b{width: 100%; height: 55px; background: url(../images/ico_045.png) no-repeat 28px 22px #f4f6f7; background-size: 7px; background-repeat: no-repeat;  display: block; text-align: left; border-bottom: 1px solid #e3e3e3;}
    .mob_nav .nav2 .back b::before{ content: "Back"; position: absolute; left: 55px; line-height: 55px;}
    .mob_nav .nav2 .back > a{position: absolute; right: 22px; top: 17px; width: 30px; height: 30px; border: 1px solid #6aaae1; background: url(../images/ico_030.png) center no-repeat; display: none;}
    .mob_nav .nav2 .back h2{font-size: 20px; line-height: 55px; padding:0 55px; text-align: left;}
    .mob_nav .nav2 .back h2 a{ color: #333; font-size: 15px; border-bottom: 1px dotted #2b2b2b; padding: 4px 0; font-weight: bold; }
    .mob_nav .nav2 .box2{overflow-x: hidden;}
    .mob_nav .nav2 .box2 li a{border-bottom: 1px solid #ccc; display: block; color: #333; padding: 25px 20px; font-size: 15px; font-weight: bold; background: url(../images/ico_044.png) center right 20px no-repeat; background-size: 6px;}
    .mob_nav .nav2 .box2 span{ display: block; text-align: center; padding:25px 0;}
    .mob_nav .nav2 .box2 span i{color: #e60012; font-size: 15px; background:url(../images/ico_046.png) center left no-repeat; background-size: 19px; padding-left: 30px;}
    .mob_nav .nav2 .box2 dt{font-weight: bold; padding: 15px 40px 15px 70px; font-size: 15px; border-bottom: 1px solid #ccc; line-height: 1.5; font-weight: bold }
    .mob_nav .nav2 .box2 dd a{background-color: #fff; padding: 15px 40px 15px 70px; font-size: 15px; line-height: 1.5; color: #666; font-weight: 400;}

    .mob_header.on .part1{background: #000;}
    .mob_header.on::before{opacity: 0; visibility: hidden;}

    .mob_header.mob_on .part1{background: #000;}
    .mob_header.mob_on .mob_nav{transform: translate(0);}
    .mob_header.mob_on .part1 .but .a3 i:before{ transform: rotate(45deg); margin: 0;}
	.mob_header.mob_on .part1 .but .a3 i:after{ transform: rotate(-45deg); margin: 0;}
    .mob_header.mob_on .part1 .but .a3 i{ background:none;}   
    .mob_body{position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}

    .mob_nav .bottom{position: absolute; left:0; bottom: 0; width: 100%; height: 75px; background: #000; text-align: center; transition: 0.5s; overflow: hidden; z-index: 25;}
    .mob_nav .bottom .li1{padding: 28px 0;}
    .mob_nav .bottom .li1 span{ padding-left: 30px; background-size: 19px; display: inline-block; line-height: 20px; color: #fff; position: relative;}
    .mob_nav .bottom .li1 span::before { content: "\e604"; font-family: "iconfont" !important; font-size: 20px; font-weight: normal; position: absolute; left: 0px; top: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .mob_nav .bottom .li1 span i{ display: inline-block; padding-right: 25px; background-size: 12px; font-weight: bold; position: relative; }
    .mob_nav .bottom .li1 span i::before { content: "\e625"; font-family: "iconfont" !important; font-size: 10px; font-weight: normal; position: absolute; right: 0px; top: 1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .mob_nav .bottom li a{display: block; padding: 20px 0;  color: #fff;}
    .mob_nav .bottom li a.one{background: #e60012;}
    .mob_nav .bottom.on{height: 315px; background: rgba(0,0,0,0.89);}

    /*20200225新增icon*/
    .footer .part1 dl p span img{width: 20px;height: 20px;}
    .footer .part1 dl p span{display: inline-block;padding-right:20px;}
}

/* 响应式Ipad竖 */
@media screen and (max-width: 1002px){
    .more_hong{width: 150px; height: 45px; line-height: 45px;}    

    .comware_download2{padding-bottom: 60px}
    .comware_download2 a{min-width: 360px;}

    .often_box{padding: 60px 0;}
    .often_txt{font-size: 25px; }

    .often_content2,
    .often_content{font-size: 14px;}
    .often_content thead td{padding: 20px; font-size: 16px;}
    .often_content tbody td{padding: 15px;}
    .often_content h1{font-size: 25px; margin: 50px 0 15px 0;}
    .often_content h2{font-size: 20px; margin: 20px 0 15px 0}
    .often_content h3{font-size: 18px; margin: 20px 0 15px 0}
    .often_content table.table-borderon p{font-size: 14px; line-height: 22px;}

    .often_content .margin-b{font-size: 22px}
    .often_content .ManualTitle1{font-size: 14px; padding: 15px 0 20px 20px}

    .often_content .MsoHyperlink{font-size: 22px;}

    .news-page{padding-top: 60px}
    .often_page{margin-top: 60px;}

    /* 栏目配图 */
    .lanm_pic .box{height: 350px;}
    .lanm_pic .txt h2{font-size: 45px;}
    .collect_pic .box{height: 450px;}


    .footer .part1 .nav{margin: 0 -10px;}
    .footer .part1 dl{box-sizing: border-box; padding:0 10px}


    /* 跳转来源提示弹层 */
    .tap_backyy{padding: 20px 0;}
    .tap_backyy span{font-size: 16px; margin:0 10px}
    .tap_backyy a{font-size: 14px; margin: 0 10px; padding: 10px 25px}
}



/* 响应式手机 */
@media screen and (max-width:758px){    
    
    .wrap{ margin: 0 20px;}
    .more_hong{width: 135px; height: 30px; line-height: 30px; font-size: 13px;}
    .more_hong i{ padding-right: 20px;}
    .more_hong i::before{font-size: 12px; top: 1.5px}
    .more_lanbian{width: 110px; height: 30px; line-height: 28px;}
    .more_lanbian i{padding-right: 15px; background-size: 4px;}

    .mob_header::before{height: 80px;}

    .comware_download{padding: 25px 0 15px 0;}
    .comware_download a{padding: 15px 20px; font-size: 14px; line-height: 20px;}
    .comware_download i{padding-right: 25px;}
    .comware_download2{padding: 0 0 30px 0;}
    .comware_download2 a{min-width: inherit;}
    
    .news-page{padding-top: 40px}
    .often_page{margin-top: 40px;}

    /* 公用内间距 标题字号 */
    .often_box{padding: 40px 0;}
    .often_txt{font-size: 22px; padding-bottom: 15px;}

    .often_content2,
    .often_content{font-size: 14px; line-height: 1.75;}
    .often_content img{ height: auto;}
    .often_content2 p,
    .often_content p{margin: 10px 0;}
    .often_content h1{font-size: 18px; margin: 30px 0 15px 0; line-height: 22px;}
    .often_content h2{font-size: 16px; margin: 10px 0}
    .often_content h3{font-size: 15px; margin: 10px 0}
    .often_content table{width: 700px;}
    .often_content thead td{padding: 10px; font-size: 14px;}
    .often_content tbody td{padding: 10px; font-size: 13px; }   
    
    .often_content .TOC{font-size: 15px; padding-bottom: 10px; margin-bottom: 10px ;}
    .often_content .MsoToc1 a,
    .often_content .MsoToc2 a,
    .often_content .MsoToc3 a {margin: 0px 10px; }

    .often_content .ItemList{padding-left: 15px; margin: 10px 0;}
    .often_content .ItemList::before{width: 7px; height: 3px; top: 11px;}
    .often_content .ItemList2{padding-left: 10px; margin: 10px 20px;}
    .often_content .ItemList2::before{width: 4px; height: 4px; top: 11px;}
    .often_content .itemstep2{padding-left: 15px; margin: 10px 0;}

    .often_content .FigureDescription{padding-left: 0;}

    .often_content table.table-borderon p{font-size: 13px; line-height: 18px;}
    
    .often_content table.table-borderon,
    .often_content table.table-borderon thead tr,
    .often_content table.table-borderon thead td{display: block; width: auto;}


    .often_content .margin-b{font-size: 18px}
    .often_content .MsoHyperlink{font-size: 18px}
    .often_content .ManualTitle1{padding: 0}

    /* 分页 */
    .often_page .per,
    .often_page>span{display: none !important;}
    .often_page .next,
    .often_page .prev{display: inline-block !important;}
    .news-page img { margin: 0 5px;}
    .news-page .page-text{ width: 60px; margin: 0 5px 0 10px;}


    /* 栏目配图 */
    .lanm_pic .box{height: 240px; max-width: 100%;}
    .lanm_pic .txt{padding-top: 50px; padding-bottom: 15px;}
    .lanm_pic .txt h2{font-size: 35px;}
    .lanm_pic .txt span{font-size: 14px;line-height: 20px;padding-top: 15px;}
    .collect_pic .box{height: 350px; max-width: 100%;}    

    
    /* 栏目路径 */
    .lanm_path a{font-size: 13px;}
    .lanm_path i{padding: 0 10px;}

    /* 回顶部按钮 */
    .back_top{width: 35px; height: 35px; background-size: 13px; right: 10px; bottom: 10px;}
    .back_top::before{font-size: 16px; top: 10px}

    /* 底部-合作伙伴 */
    .partners_buttom .tet{font-size: 14px; padding-bottom: 20px;}


    /* 底部导航 */
    .footer {padding: 0px 0 20px 0;}
    .footer .part1{padding-bottom: 50px ;}
    /*.footer .part1 .nav{border-top: 1px solid #353535;}*/
    .footer .part1 dl{ float: none; width: auto; padding: 0;}
    .footer .part1 dt{padding: 18px 0;  border-bottom: 1px solid #353535; position: relative;font-size: 12px;}
    .footer .part1 dt b{position: absolute; right: 0; top: 0; height: 100%; width: 20%; display: block; transition: 0.5s;}
    .footer .part1 dt b::before { content: "\e601"; font-family: "iconfont" !important; font-size: 10px; position: absolute; right:0; top: 20px; transition: 0.5s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
    .footer .part1 dt a{font-size: 12px;}
    .footer .part1 dd{display: none;padding: 20px ; border-bottom: 1px solid #353535;}
    .footer .part1 dd i{padding-bottom: 30px;}
    .footer .part1 dd a{font-size: 11px;}
    .footer .part2 .box1{display: block; padding-bottom: 50px; display: none;}
    .footer .part2 .box1 span{background: url(../images/ico_018.png) center left no-repeat; padding-left: 30px; background-size: 19px; display: inline-block; line-height: 20px; color: #666;}
    .footer .part2 .box1 span i{ display: inline-block; background: url(../images/ico_019.png) center right no-repeat; padding-right: 25px; background-size: 12px; font-weight: bold; }

    .footer .part2{text-align: center;}
    .footer .part2 .box2 ul{float: none; padding-bottom: 15px; clear: both; overflow: hidden; text-align: center;}
    .footer .part2 .box2 li {padding: 0 12px; position: relative; float: none; display: inline-block;}
    .footer .part2 .box2 li::before{ content: ""; position: absolute; right: 0; top: 7px; width: 1px; height: 6px; background: #2f2f2f;}
    .footer .part2 .box2 li:last-child::before{display: none;}
    .footer .part2 .box2 li a{font-size: 11px; color: #fff;}
    .footer .part2 .box2 span{float: none; display: block; font-size: 12px;}
    .footer .part2 .box2 span i{float: none; padding: 5px;}


    /* 跳转来源提示弹层 */
    .tap_backyy{padding: 10px 0;}
    .tap_backyy span{font-size: 11px; display: block; margin:0 0 10px 0}
    .tap_backyy a{font-size: 11px; margin: 0 5px; padding: 6px 13px}

    /*202002225新增样式*/
    .footer .part1 .mb_follow {display: block;}
    .footer .part1 .mb_follow p{display: inline-block;}
    .footer .part1 .pc_follow{display: none;}

}


/* 响应式手机-320 */
@media screen and (max-width:370px){  
    .news-page{ text-align: center; }
    .news-page img,
    .news-page p,
    .news-page span,
    .news-page input,
    .news-page .form{ float: none; display: inline;}

    .news-page .form{ padding-top: 10px; display: block; height: auto;}
}


.list.hz-020305-xg .cf+.cf{
	margin-top:60px;
}

.detail-body .link-list li{

	padding:15px 20px;
}
.detail-body .link-list li a{
	position:relative;
	color:#6aaae1;
	font-size:16px;
	padding-left:25px;
	display:inline-block;
}
.detail-body .link-list li a::before{
	 content:"\e608";
	font-family:"iconfont" !important;
	font-size:12px;
	position:absolute;
	left:0;
	top:1px;
	color:#e60012;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale; 
}




.often_content.hz-020513-xg{
	width:55.6%;
	float:right;
	margin-right:3.3%;
}
.often_content.hz-020513-xg p{
	margin-bottom:0;
}
.hz-020513-t1{
	font-weight:600;
	color:#666;
	font-size:24px;
	margin-top:30px !important;
}

.hz-020513-t2{
	color:#666;
	margin-top:35px !important;
	font-weight:600;
}
.hz-020513-t2+p{
	margin:5px 0;
}
.hz-020509-erweima{
	width:200px;
	display:block;
	margin-top:30px;
}
.hz-020513-left{
	width:30.4%;
	float:left;
	overflow:hidden;
	position:relative;
}
.hz-020513-phone{
	width:64%;
	margin: 0 auto;
	position:relative;
}
.swiper-container-hzphone{
	width:92%;
	position:absolute;
	left:4.3%;
	top:2%;
	overflow:hidden;
	border-radius:20px;
}
.hz-020513-lh{
	position:absolute;
	width:50%;
	top:1%;
	left:25%;
	z-index:20;
}
.hz-020513-pro{
	width:100%;
	text-align:center;
	margin:25px auto;
}
.hz-020513-pro span{
	width:10px;
	height:10px;
	margin:0 7px;
}
.hz-020513-pro span.swiper-pagination-bullet-active{
	background-color:#E60012;
}
.hz-020513-prev{
	position:absolute;
	width:4%;
	left:0;
	top:40%;
	cursor:pointer;
}
.hz-020513-next{
	position:absolute;
	width:4%;
	right:0;
	top:40%;
	cursor:pointer;
}
.hz-020513-arr2{
	display:none;
}
.hz-020513-prev:hover .hz-020513-arr1{
	display:none;
}
.hz-020513-prev:hover .hz-020513-arr2{
	display:block;
}

.hz-020513-next:hover .hz-020513-arr1{
	display:none;
}
.hz-020513-next:hover .hz-020513-arr2{
	display:block;
}
@media screen and (max-width:768px){
	.often_content.hz-020513-xg{
		float:none;
		margin-right:0;
		width:100%;
	}
	.hz-020513-t1{
		font-size:16px;
		margin:10px 0 !important;
	}
	.hz-020513-t2{
		font-size:14px;
		margin-top:15px !important
	}
	.hz-020513-left{
		width:88.4%;
		margin:5% auto 0;
		float:none;
	}
	.hz-020513-pro{
		margin:6.5% 0 11%;
	}
	.hz-020513-prev:hover .hz-020513-arr1{
		display:block;
	}
	.hz-020513-prev:hover .hz-020513-arr2{
		display:none;
	}

	.hz-020513-next:hover .hz-020513-arr1{
		display:block;
	}
	.hz-020513-next:hover .hz-020513-arr2{
		display:none;
	}
	.swiper-container-hzphone{
		overflow:hidden;
	}
}


.hz-020529-xgli{
	position:relative;
	overflow:hidden;
}
.product_details_tet .cont .list a.hz-020529-xga{
	
	width:30%;
	cursor:default !important;
	padding-top:30px;
}
.product_details_tet .cont .list a.hz-020529-xga::before{
	content:'';
}
.hz-020529-div{
	width:100%;
	overflow:hidden;
	
}	
.product_details_tet .cont .list .hz-020529-div a{
	font-size:16px;
	text-align:right;
	float:left;
	color:#666;
	padding-right:10px;
	padding:8px 22px 15px 0;
	font-weight:400;
	line-height:16px;
	margin-right:70px;
}
.product_details_tet .cont .list .hz-020529-div a:last-child{
	
}
.product_details_tet .cont .list .hz-020529-div a:last-child,.product_details_tet .cont .list .hz-020529-div a:nth-child(2){
	margin-right:0;
}
.product_details_tet .cont .list .hz-020529-div a::before{
	top:8px;
}
@media screen and (max-width:1400px){
	.product_details_tet .cont .list .hz-020529-div a{
		margin-right:40px;
	}
}
@media screen and (max-width:1200px){
	.product_details_tet .cont .list .hz-020529-div a{
		text-indent:0em;
	}
}

@media screen and (max-width:768px){
	.product_details_tet .cont .list a.hz-020529-xga{
		width:22%;
	}
	.hz-020529-div{
		width:100%;
	}
	.product_details_tet .cont .list .hz-020529-div a{
		font-size:14px;
	}
}






/*hz-20200628*/
.lanm_pic .txt.hz-20200628-txt {
	padding-top:80px;
}
.lanm_pic .txt.hz-20200628-txt p {
	width:85%;
	font-size:16px;
	color:#fff;
	line-height:1.7em;
	margin-top:3%;
}
/*.often_box.hz-20200628-box {
	padding-top:30px;
}*/
/*.hz-20200628-title {
	width:100%;
	margin:0 auto 40px;
	text-align:center;
	font-size:40px;
	color:#333;
}*/

.hz-20200628-icon {
	width:9.5%;
}
.about_success.hz-20200628-box .txt {
	margin:20px auto 15px;
}
.about_success.hz-20200628-box a {
	cursor: default;
}
.about_success.hz-20200628-box .txt a {
	cursor: text;
}

@media screen and (max-width:1366px){
	.lanm_pic .txt.hz-20200628-txt {
		padding-top:100px;
	}
	.lanm_pic .txt.hz-20200628-txt p {
		width:87%;
		font-size:14px;
	}
}
@media screen and (max-width:768px){
	.often_box.hz-20200628-box {
		padding-top:30px;
	}
	.hz-20200628-bg1 {
		width:100%;
		margin-bottom:5%;
		position:relative;
	}
	.hz-20200628-bg1-txt {
		width:90%;
		color:#6b6b6b;
		font-size:3.2vw;
		line-height:1.6em;
		position:absolute;
		top:11%;
		left:0;
		right:0;
		margin:0 auto;
	}

	.lanm_pic .txt.hz-20200628-txt {
		padding-top:50px;
	}
	.lanm_pic .txt.hz-20200628-txt p {
		width:77%;
		line-height:20px;
		margin-top:0;
		font-size:14px;
		display:none;
	}
	.about_success.hz-20200628-box .txt {
		margin:10px auto;
	}
	.about_success.hz-20200628-box .tet {
		padding-bottom:0;
	}

}
.connect_solution.hz-0207070box{
	padding-top:0;
	margin-top:0px;
}
.connect_solution .list.hz-020707-xg li{
	padding-bottom:0px;
	text-align:left;
}
.connect_solution .list.hz-020707-xg li .comware_download{
	position:relative;
	padding-top:0;
	float:left;
	width:48%;
	box-sizing:border-box;
}
.connect_solution .list.hz-020707-xg li .comware_download a{
	text-align:left;
	padding:0 30px;
	height:96px;
}
.connect_solution .list.hz-020707-xg li .comware_download i::before{
	content:' ';
	display:inline-block;
	vertical-align:middle;
}
.connect_solution .list.hz-020707-xg li .comware_download i{
	margin-top:30px;
	padding-left:50px;
	text-align:left;
	padding-right:0;
}
.connect_solution .list.hz-020707-xg li .comware_download i::after{
	content: "\e609";font-family: "iconfont" !important; font-size: 30px; font-weight: normal; position: absolute; left: 0px; top: 28%; margin-top: -8px; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.connect_solution .list.hz-020707-xg li .comware_download.hz-d1{
	float:right;
}
.connect_solution .list.hz-020707-xg li .comware_download a{
	width:100%;
	box-sizing:border-box;
}
.list.hz-020707-xg{
	margin-top:80px;
}
@media screen and (max-width:768px){
	.connect_solution .list.hz-020707-xg li .comware_download{
		width:100%;
		float:none !important;
		display:block;
	}
	.connect_solution .list.hz-020707-xg li .comware_download a{
		height:80px;
	}
	.list.hz-020707-xg{
	margin-top:30px;
}
}
.cases_details_txt .txt{
	position:relative;
}
.hz-fx-icon{
	position:absolute;
	bottom:0;
	right:0;
	overflow:hidden;
}
.hz-fx-ul{
	overflow:hidden;
}
.hz-fx-ul li{
	width:25px;
	padding-right:25px;
	float:left;
}
.hz-fx-ul li:last-child{
	padding-right:0;
}
@media screen and (max-width:768px){
	.hz-fx-ul li{
	width:20px;
	padding-right:20px;
	float:left;
}
}
.often_content tbody tr:last-child td.hz-020804-xg{
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}



/*20200821 安全通告*/
.hz-200821-lanm {
	margin-top: 120px;
}
.hz-200821-con {
	padding: 40px 0 70px;
}
.hz-200821-title {
    border-bottom: none;
    position: relative;
    padding-left: 17px;
    padding-bottom: 20px;
    font-size: 30px;
    font-weight: 400;
}
.hz-200821-title:before {
    content: " ";
    width: 5px;
    height: 33px;
    background: #e60010;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -27px;
}
.hz-200821-m1-txt1 {
    width:100%;
}
.hz-200821-m1-txt1 p {
    font-size:16px;
    line-height:1.7em;
    color:#000;
    margin-top:0.8%;
    margin-bottom:0;
}
.hz-200821-m1-txt1 p:first-child {
    margin-top:0;
}
.hz-200821-m1-txt1 p a {
    color:#000;
}
.hz-200821-m1-table1 {
    width:100%;
    margin:2% auto;
}
.hz-200821-m1-table1 td {
    width:50%;
    border:1px solid #e6e6e6;
    border-top:none;
    border-left: none;
    vertical-align:middle;
}
.hz-200821-m1-table1 tr td:first-child {
	border-left:1px solid #e6e6e6;
}
.hz-200821-m1-table1 tr:first-child td {
	border-top:1px solid #e6e6e6;
}
.hz-200821-m1-td {
    width:75.7%;
    margin:3% auto 2.5%;
    font-size:16px;
    color:#000;
    overflow:hidden;
}
.hz-200821-m1-td .hz-200821-m1-icon {
    width:4.0%;
    margin-top:0.2%;
    margin-right:3%;
    float:left;
}
.hz-200821-m1-td .hz-200821-m1-icon>img {
    width:100%;
}
.hz-200821-m1-td .hz-200821-m1-txt2 {
    width:92%;
    float:left;
    line-height: 1.5em;
}

.hz-200821-m1-ul1 {
    width:100%;
    overflow:hidden;
    margin:0 auto !important;
}
.hz-200821-m1-ul1>li {
    width:48.5% !important;
    float:left !important;
    background-color:#fff;
    border:1px solid #e5e5e5;
    margin-bottom:1.5%;
    margin:0 0.7% 1.5%;
    padding:0 !important;
    box-sizing:border-box;
}
.hz-200821-m1-ul1>li:nth-child(even) {
    
}
.hz-200821-m1-ul1-con {
    /*width:100%;*/
    /*margin:4% auto 4.5%;*/
    padding:4.5% 15%;
    padding-right:0;
}
.hz-200821-m1-ul1-txt1 {
    font-size:14px;
    color:#999999;
}
.hz-200821-m1-ul1-txt2 {
    width:90%;
    font-size:18px;
    color:#000000;
    margin-top:1%;
    line-height: 1.5em;
}
.hz-200821-m1-ul1>li:hover {
    border:1px solid #df0012;
}
.hz-200821-m1-ul1>li:hover .hz-200821-m1-ul1-txt2 {
    color:#df0012;
}
.hz-200821-m1-btn1 {
    width:200px;
    font-size:20px;
    margin:1% auto 0;
    border:1px solid #e60011;
}
.hz-200821-m1-more1 {
    width:68.7%;
    margin:0 auto;
    overflow:hidden;
    padding:6% 0;
}
.hz-200821-m1-btn1-txt {
    font-size:20px;
    color:#e40011;
    float:left;
}
.hz-200821-btn-img {
    width:11px;
    vertical-align:middle;
    margin-left:5%;
    float:right;
    margin-top:3%;
}
.hz-200821-btn-img>img {
    width:100%;
}
.hz-200821-img1 {
    display:block;
}
.hz-200821-img2 {
    display:none;
}
.hz-200821-m1-btn1:hover {
    background-color:#e60011;
}
.hz-200821-m1-btn1:hover .hz-200821-m1-btn1-txt {
    color:#fff;
}
.hz-200821-m1-btn1:hover .hz-200821-img1 {
    display:none;
}
.hz-200821-m1-btn1:hover .hz-200821-img2 {
    display:block;
}

/*全部通告*/
.hz-200821-tg-ul1>li .hz-200821-tg-box {
    overflow:hidden;
    padding: 4.2% 5.7%;
    box-sizing:border-box;
    /*height:114px;*/
    padding-right:0;
}
.hz-200821-tg-ul1>li .hz-200821-tg-icon1 {
    width:5.1%;
    float:left;
    margin-top:1%;
    margin-right:4.3%;
}
.hz-200821-tg-ul1>li .hz-200821-tg-icon1>img {
    width:100%;
}
.hz-200821-tg-ul1>li .hz-200821-m1-ul1-con {
    width:90%;
    float:left;
    padding:0;
}
.hz-200821-tg-page {
    float:none;
    margin:0 auto;
    padding-top: 30px;
}
.news-page .statu {
    background: url(../images/pagebar_line.png) no-repeat center;
}
.hz-200821-tg-page p {
    margin-bottom: 0;
}
.hz-200821-sx{
    width:100%;
    padding:1% 0;
    margin-bottom:30px;
    background-color:#f2f2f2;
    overflow:hidden;
    position:relative;
}
.hz-sx-t1{
    float:left;
    font-size:18px;
    color:#7f8080;
    margin-left:3.1%;
}
.hz-sx-btn1{
    width:14.7%;
    float:left;
    margin-left:1.8%;
    cursor:pointer;
}
.hz-sx-btn1>img{
    width:9.4%;
    float:left;
    margin-right:5.6%;
    margin-top:1.5%;
}
.hz-sx-btn1>p{
    float:left;
    margin-bottom:0 !important;
    font-size:18px !important;
    color:#040000 !important;
    line-height: 1.5em;
}
.hz-sx-btn1.m0{
    margin-left:0;
}
.hz-sx-qk{
    float:right;
    width:12.8%;
    cursor:pointer;
}
.hz-sx-qk>img{
    width:11.3%;
    float:left;
    margin-right:9.1%;
    margin-top:1.5%;
}
.hz-sx-qk>p{
    float:left;

    margin-bottom:0 !important;
    font-size:18px !important;
    color:#040000 !important;
    line-height: 1.5em;
}
.hz-sx-line{
    width:1px;
    position:absolute;
    right:15.4%;
    top:0;
    height:100%;
    background:#fff;
}
.hz-sx-show{
    display:block;
}
.hz-sx-hide{
    display:none;
}
.hz-sx-btn1.active .hz-sx-show{
    display:none;
}

.hz-sx-btn1.active .hz-sx-hide{
    display:block;
}
.hz-sx-btn1:hover p,.hz-sx-qk:hover p{
    color:#e60012 !important;
}
@media (max-width:770px){
	.hz-200821-lanm {
		margin-top: 80px;
	}
	.hz-200821-con {
		padding:6.6% 0;
	}
	.hz-200821-title {
		width: 100%;
		color: #3c3c3c;
		font-size: 20px;
		border: none;
		margin: 0;
		height: auto;
		line-height: 1;
	}
	.hz-200821-title:before {
	    content: " ";
	    width: 4px;
	    height: 25px;
	    background: #e60010;
	    display: inline-block;
	    position: absolute;
	    top: 50%;
	    left: 0;
	    margin-top: -22px;
	}
    .hz-200821-m1-txt1 p {
        font-size:3.2vw;
        margin-top:1.3%;
    }
    .hz-200821-m1-list2-w {
        width:100%;
        margin: 4% auto;
    }
    .hz-200821-m1-list2-w>li {
        /*width:100%;*/
        overflow:hidden;
        font-size:3.2vw;
        padding:4% 0;
        padding-left:7.7%;
        border:1px solid #e6e6e6;
        border-top:none;
    }
    .hz-200821-m1-list2-w>li:first-child {
        border-top:1px solid #e6e6e6;
    }
    .hz-200821-m1-list2-icon {
        width:5%;
        float:left;
        margin-right:5%;
    }
    .hz-200821-m1-list2-icon>img {
        width:100%;
    }
    .hz-200821-m1-list2-icon.hz-200821-ic1 {
        margin-top:0%;
    }
    .hz-200821-m1-list2-txt1 {
        width:85%;
        font-size:3.2vw;
        float:left;
    }
    
    
    .hz-200821-m1-ul1>li {
        width:100% !important;
        margin:0 0 4%;
        float:none !important;
        border:2px solid #e5e5e5;
    }
    .hz-200821-m1-ul1>li:nth-child(even) {
        float:none;
    }
    .hz-200821-m1-ul1-con {
        padding:6% 14%;
        padding-right:0;
    }
    .hz-200821-m1-ul1-txt1 {
        font-size:2.9vw;
    }
    .hz-200821-m1-ul1-txt2 {
    	width:89%;
        font-size:3.7vw;
    }
    .hz-200821-m1-ul1>li:hover {
        border: 2px solid #e5e5e5;
    }
    .hz-200821-m1-ul1>li:hover .hz-200821-m1-ul1-txt2 {
        color:#000;
    }
    
    .hz-200821-m1-btn1 {
        width:39%;
        background-color: #e60011;
    }
    .hz-200821-m1-btn1-txt {
        font-size:3.5vw;
        color:#fff;
    }
    .hz-200821-btn-img {
        width:8.3%;
    }
    .hz-200821-img1 {
        display:none;
    }
    .hz-200821-img2 {
        display:block;
    }

    /*全部通告*/
    .hz-200821-tg-ul1>li .hz-200821-tg-box {
        padding:6% 7.4%;
        padding-right:0;
        height:auto;

    }
    .hz-200821-tg-ul1>li .hz-200821-tg-icon1 {
        width:6.8%;
        font-size:3.2vw;
        margin-top:2%;
        margin-right:5.8%;
    }
    .hz-200821-tg-ul1>li .hz-200821-m1-ul1-con {
        width:87%;
    }
    .hz-200821-tg-page {
        padding-bottom:0;
    }
    .hz-sx-t1{
        font-size:3.3vw;
    }
    .hz-sx-btn1>p,.hz-sx-qk>p{
        font-size:3.3vw !important;
    }
    .hz-sx-btn1{
        width:26.7%;
    }
    .hz-sx-btn1>img{
        width:9.4%;
        margin-top:6%;
    }
    .hz-sx-qk{
        width:27.8%
    }
    .hz-sx-line{
        right:32.8%;
    }
    .hz-200821-sx{
        padding:3%;
    }
    .hz-sx-qk>img{
        margin-top:4%;
        margin-right:6.1%;
    }
    .hz-sx-btn1:hover p,.hz-sx-qk:hover p{
        color:#040000 !important;
    }
}



/*安全预警*/
.hz-200821-m2-content{
    width: 86%;
    margin:0 auto;
    overflow: hidden;
}
.hz-200821-m2-title{
    width: 100%;
    text-align: center;
    font-size: 32px;
    color: #333;
}
.hz-200821-m2-line1{
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    margin-top: 28px;
}
.hz-200821-m2-line2{
    margin-top: 20px;
}
.hz-200821-m2-con{
    width: 100%;
    margin-top:15px;
}
.hz-200821-m2-con1{
    margin-top: 20px;
}
.hz-200821-m2-con img{
    width: 16px;
    float: left;
    margin-right: 10px;
    margin-top: 0.25%;
}
#hz-200821-m2 .hz-200821-m2-content .hz-200821-m2-con p{
    font-size: 16px;
    color: #333333;
    margin:0;
}
.hz-200821-m2-line3{
    width: 100%;
    font-size: 0;
    margin:5px auto 20px;

}
.hz-200821-m2-con2{
    margin-top: 20px;
    overflow:hidden;
}
.hz-200821-m2-con2 img{
    width: 18px;
    margin-top: 0.6%;
}
#hz-200821-m2 .hz-200821-m2-content .hz-200821-m2-con2 p{
    font-size: 24px;
    float: left;
    color: #333333;
}

.hz-200821-a1 {
    width:100%;
    margin: 2% 0;
    display:none;
}
.hz-200821-m2-table1 {
    width: 58.5%;
}
.hz-200821-m2-table1 td {
    width: 10%;
    border: 1px solid #e6e6e6;
    vertical-align: middle;
}
.hz-200821-m2-td{
    font-size: 18px;
    margin-left: 5%;
    padding: 4% 0;
}
#hz-200821-m2 .hz-200821-m2-content .hz-200821-m2-box2 p{
    /*width: 80%;*/
    text-align: justify;
    color: #333333;
}
#hz-200821-m2 .hz-200821-m2-content .hz-200821-m1-txt1.hz-200821-a1 p{
       color: #333;
}

.hz-200821-m2-box2{
    width: 100%;
    overflow: hidden;
}
.hz-gg-title{
    font-size:40px !important;
    color:#333 !important;
    text-align:center !important;
    width:100%;
    margin:0 auto !important;
    line-height:32px !important
}
.hz-gg-title-c{
    font-size:24px !important;
    color:#333 !important;
    margin-bottom:0 !important;
    margin-top:20px !important;
    cursor:pointer
}
.WordSection1 .hz-gg-title-c{
    margin-top:40px !important;
}
.hz-gg-img{
    width:100% !important;
    margin:5px auto 15px !important;
}
.hz-gg-img img{
    width:100% !important;
    height:auto !important;
}
.hz-gg-p,.hz-200821-m2-content .MsoNormal{
    font-size:16px !important;
    color:#333 !important;
    margin-bottom:1% !important;
    line-height:1.8em !important;
}
.hz-gg-title-c img{
    width:18px !important;
    display:inline !important;
}
@media (max-width:770px){
    .hz-200821-m2-content {
        width:100%;
    }
    .hz-200821-m2-title,.hz-gg-title{
        margin: 5% auto !important;
        font-size: 5.8vw !important;
    }
    .hz-200821-m2-line1{
        margin-top: 0;
    }
    #hz-200821-m2 .hz-200821-m2-content .hz-200821-m2-con p{
        font-size: 3.2vw;
    }
   .hz-gg-title-c{
        font-size: 4.8vw !important;

    }
    .hz-200821-m2-con1 {
        margin-top: 4%;
    }
    .hz-200821-m2-line2 {
        margin-top: 5%;
    }
    #hz-200821-m2 .hz-200821-m2-content .hz-200821-m1-txt1.hz-200821-a1 p{
        font-size: 3.2vw;
    }
    #hz-200821-m2 .hz-200821-m2-content .hz-200821-m1-txt1.hz-200821-a1 p{
        width: 100%;
    }
    .hz-200821-m2-table1{
        width: 100%;
    }
    .hz-gg-p{
        font-size: 3.7vw !important;
        line-height:1.8em !important;
        color:#666 !important;
    }
    #hz-200821-m2 .hz-200821-m2-content .hz-200821-m2-box2 p{
        text-align: left;
    }
    .hz-gg-title-c img{
	    width:14px !important;
	    display:inline !important;
	}
	.WordSection1 .hz-gg-title-c{
	    margin-top:20px !important;
	}
	.hz-gg-img {
		margin-bottom: 0 !important;
	}
}




/*e-Learning Center*/
.partners_resources_list .product_details_cont.hz-200916-partners {
	padding-top: 60px;
	padding-bottom: 0;
}
.hz-200916-ul {
	width:100%;
	overflow: hidden;
	background-color: #f5f5f5;
}
.partners_resources_list .product_details_cont .hz-200916-ul>li {
	width:9.08%;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color:#333;
	cursor: pointer;
	margin-top: 0.5%;
}
.partners_resources_list .product_details_cont .hz-200916-ul>li:nth-child(8) {
	margin-top: 0%;
}
.partners_resources_list .product_details_cont .hz-200916-ul>li:nth-child(9) {
	margin-top: 0%;
}
.partners_resources_list .product_details_cont .hz-200916-ul>li:nth-child(10) {
	margin-top: 0%;
}
.partners_resources_list .product_details_cont .hz-200916-ul>li>a {
	color:#333;
	display: inline-block;
	width:100%;
	padding:15% 0;
}
.partners_resources_list .product_details_cont .hz-200916-ul>li>a:hover {
	color:#e60012;
}
.partners_resources_list .product_details_cont .hz-200916-ul>li.active>a {
	color:#e60012;
}
.hz-200916-list2 {
	width:100%;
	display: none;
}

@media (max-width:770px) {
	.hz-200916-con.tab_con {
		display: none !important;
	}
	.hz-200916-ul {
		background-color: #fff;
	}
	.partners_resources_list .product_details_cont .hz-200916-ul>li {
		width:100%;
		float: none;
		border-top: 1px solid #ddd;
		text-align: left;
		margin-top: 0;
		box-sizing: border-box;
		/*box-shadow: 0 1px 5px 5px #ddd;*/
	}
	.partners_resources_list .product_details_cont .hz-200916-ul>li:first-child {
		border-top: none;
	}
	.partners_resources_list .product_details_cont .hz-200916-ul>li>a {
		padding:3% 0;
		text-indent: 2em;
		/*background:url('../images/product-server-arrow-down.png') 96% center no-repeat;
		background-size: 21px 21px;*/
		background-color: #f5f5f5;
		position: relative;
	}
	.partners_resources_list .product_details_cont .hz-200916-ul>li>a::before {
		content: "\e625";
		font-family: "iconfont" !important;
	    font-size: 14px;
	    line-height: 1;
	    position: absolute;
	    right: 5%;
	    top: 36%;
	    /*transition: 0.1s;*/
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	.partners_resources_list .product_details_cont .hz-200916-ul>li.hz_active>a::before {
		/*background:url('../images/product-server-arrow-up_h3c.png') 96% center no-repeat;
		background-size: 21px 21px;
		background-color: #f5f5f5;*/
		content: "\e626";
		font-family: "iconfont" !important;
	    font-size: 14px;
	    line-height: 1;
	    position: absolute;
	    right: 5%;
	    top: 36%;
	    /*transition: 0.1s;*/
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	.hz-200916-ul dd {
	    padding: 20px;
	    box-shadow: 0 1px 10px 3px #ddd;
	}
	.hz-200916-ul .txt {
	    font-size: 16px;
	    height: auto;
	    margin-bottom: 15px;
	    font-weight: normal;
	    line-height: 1.4;
	    overflow: hidden;
	}
	.hz-200916-ul .tmt {
	    color: #666;
	    font-weight: normal;
	    font-size: 14px;
	}
	.hz-200916-ul li>div .txt {
	    color: #333;
	}
	.hz-200916-ul div dt {
	    /*height: 187px;*/
	    position: relative;
	}
	.hz-200916-ul div b {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    width: 53px;
	    height: 53px;
	    margin: -26px 0 0 -26px;
	    background-color: rgba(0, 0, 0, 0.4);
	    border-radius: 50%;
	    transition: 0.5s;
	    cursor: pointer;
	}
	.hz-200916-ul div b:before {
	    content: "\e607";
	    font-family: "iconfont" !important;
	    font-size: 30px;
	    position: absolute;
	    right: 8px;
	    top: 10px;
	    color: #fff;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}

	.hz-200916-more {
		width:30%;
		/*text-align: center;*/
		font-size: 4vw;
		color:#e60012;
		margin:1% auto 5%;
		position: relative;
		overflow: hidden;
		display: none;
	}
	.hz-200916-more::before {
		content: "\e601";
	    font-family: "iconfont" !important;
	    font-size: 3.6vw;
	    line-height: 1;
	    position: absolute;
	    right: 0;
	    top: 21%;
	    transition: 0.5s;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
}