@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('/en/tres/NewWebUI/iconfont/iconfont.eot?t=1574392565157'); /* IE9 */
    src: url('/en/tres/NewWebUI/iconfont/iconfont.eot?t=1574392565157#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('/en/tres/NewWebUI/iconfont/iconfont.woff?t=1574392565157') format('woff'),
    url('/en/tres/NewWebUI/iconfont/iconfont.ttf?t=1574392565157') format('truetype'), /* chrome ,firefox, opera, Safari, Android, iOS 4.2+ */
    url('/en/tres/NewWebUI/iconfont/iconfont.svg?t=1574392565157#iconfont') 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(//m.natachou.com/en/tres/NewWebUI/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(//m.natachou.com/en/tres/NewWebUI/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;
}