/* 重置浏览器默认样式 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}

html,input{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}

body{  font: 14px/1.2 -apple-system,PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Helvetica Neue,sans-serif;background:#eceff8;height:100%}

table{border-collapse:collapse;border-spacing:0;}img{border:none}

pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}

h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}

h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}

input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}

code,kbd,pre,samp{font-family:courier new,courier,monospace;}

input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}

ul,ol,li{list-style:none;}

a{text-decoration:none;color: #444;}

a:hover{text-decoration:underline;}

.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}

.red, .red a, a.red{color:red;}.green{color:#0E774A}

select optgroup{color:#CAC8BB;}

header{ display:block}

/*通用样式*/

.hidden{display:none;}.invisible{visibility:hidden;}

.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}

.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.cf:after{display: table;content:" ";clear:both;}
ul,ol,li,a,button,input,textarea:focus {

            outline: none;

       }
.ml25{margin-left:25px;}.ml40{margin-left:40px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;} .mt50{margin-top:50px;}
.f12{font-size: 12px}.f13{font-size: 13px}.f14{font-size: 14px}.f15{font-size: 15px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}.f24{font-size:24px}

.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}

.fb{ font-weight:bold}.fn{ font-weight:normal}

.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}

.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}

.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}

.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}

.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}

.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}

.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}

.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}

.img-wrap a:hover{ background-color:#e8eff6}

.col-left{float:left}

.col-auto{overflow:hidden;_zoom:1;_float:left;}

.col-right{float:right}


/* 页头导航 */
.header {width:100%;height:80px;background:#2a2a2a;text-align:center;margin:0 auto;padding:0;position: fixed;z-index: 999;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);}
.head {width:1200px;height:80px;text-align:center;margin:0 auto;display: flex;justify-content: space-between;width: 100%;min-width: 1200px;max-width:1920px; }
.head .logo2 {height:80px;z-index:5; padding:0;margin-left:10px;}
.head .logo2 a {height:80px;display:flex;align-items: center;}
.head #ddmenu {height:80px;float:left;text-align: center;}
.head #ddmenu .dflli { display: block;position: relative; float:left; height:80px; line-height:80px;border-right:1px solid #2a2a2a;}
.head #ddmenu .dflli a{display: block;color: #999;padding:0 25px; height:100%;text-decoration: none;text-align: center;}
.head #ddmenu .dflli em{display: inline-block;}
.head #ddmenu .dflli a span{display:inline-block; width:16px; height:40px;background: url(https://img.alicdn.com/imgextra/i1/800803731/TB2oEWulq8lpuFjy0FpXXaGrpXa_!!800803731.png) no-repeat;float: left;position: relative;top: 10px;}
.head #ddmenu .new3 a.d-menu{color: #ea3838;}
.head #ddmenu .new3 a.d-menu span{background-position: -42px 16px;}
.head #ddmenu .submenu a span{background-position: -74px 16px;}
.head #ddmenu .dflli:hover a.d-menu { color:#fff; }
.head #ddmenu .xflul { display: block;position: absolute;top:80px;width: 180px;background: #fff;display: none; z-index:1000000; overflow:hidden;border-bottom-left-radius: 10px;border-bottom-right-radius:10px;}
.head #ddmenu .xflul .xflli { display: block; text-align:left}
.head #ddmenu .xflul .xflli a{text-align:left;background: #2a2a2a; display:block;height:30px; line-height:30px;width: 160px;padding: 10px;-webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;}
.head #ddmenu .xflul .xflli a:hover{ color:#FFF!important;}
.head #ddmenu .menu-active{background: #1d1e23;}
.head .contact{display: block;color: #999;padding: 0 20px;height: 80px;line-height:80px;text-decoration: none;text-align: center;}

/* footer style */
/**页尾**/
.footer{width: 100%;height: 360px;background: #232323;}
.footer .row {width: 1200px;margin: 0 auto;position: relative;overflow: hidden;}
.footer a {text-decoration: none;color: #9b9ea0;}
.footer a:hover {color:#ea3838;}
.footer .top {margin-top: 50px;height: 190px;overflow: hidden;}
.footer .left {position: absolute;left: 0;width: 310px;}
.footer .left > div {position: relative;padding-left: 80px;}
.footer .left > div .logo {position: absolute;left: 0;width: 50px;}
.footer .left >div > h2 {color: #9b9ea0;font-size: 16px;height: 30px;margin-top: 0;margin-bottom: 0;}
.footer .left > div > h1 {color: #ffffff;font-size: 16px;height: 30px;margin-top: 0;margin-bottom: 30px;}
.footer .left > div > ul{margin: 16 0;}
.footer .left > div > ul li {height: 40px;line-height: 30px;}
.footer .left > div > ul li a {font-size: 16px;color: #9b9ea0;}
.footer .left > div > ul li a:hover {color:#ea3838;}
.footer .right {border-left: 1px solid #4b5054;padding-left: 130px;position: absolute;left: 360px;width: 760px;height: 160px;}
.footer .right > li h3 {color: #d7d8d9;font-size: 12px;height: 18px;line-height: 18px;font-weight: bolder;}
.footer .right > li {width: 33%;float: left;}
.footer .right > li > ul {margin-top: 14px;}
.footer .right > li ul li {margin-top: 8px;}
.footer .right > li ul li {color: #9b9ea0;height: 18px;line-height: 18px;font-size: 12px;}
.footer .mid {height: 50px;}
.footer .mid > div {height: 100%;border-bottom: 1px solid #4b5054;}
.footer .mid > .row > ul {height: 50px;line-height: 50px;}
.footer .mid > .row > ul li { float: left;padding: 0 20px;margin-right: 3%; color: #9b9ea0;font-size: 12px;height: 50px;line-height: 50px;}
.footer .bot {padding: 20px;height: 30px;}
.footer .bot > div {color: #9b9ea0;font-size: 12px;}
.footer .bot p {font-weight: bolder;}
.footer .bot .row a {display: inline-block;height: 20px;line-height: 20px;}
.footer .bot .row a img {float: left;width: 20px;}
.footer .bot .row a span {float: left;height: 20px;line-height: 24px;margin: 0px 0px 0px 5px;color: #939393;}

/**********右侧悬浮******************/
.sidebar{width:48px;position: fixed;right:20px;bottom:300px;}
.sidebar .tel{width:48px;background: #e41e2b;margin-bottom: 10px;position: relative;}
.sidebar .tel .icon{width:24px;height:24px;background:url(https://www.cnzoom.com/en/images/icon.png) no-repeat 0 12px;margin: 0 auto;padding:12px 0;}
.sidebar .tel .title{background: #eee;width:14px;padding:10px 17px;font-size: 14px;color:#222;text-align: center;line-height: 16px;}
.sidebar .tel .sub-nav{width:210px;padding:10px 0;background: #eee;color:#555;overflow: hidden;position: absolute;top:0;left:-220px;visibility:hidden;transform:scale(0.95);opacity: 0;transition:0.1s ease-out;box-shadow:0 4px 10px 0 #ccc;}
.sidebar .tel:hover .sub-nav{visibility: visible;transform:scale(1);opacity:1;}
.sidebar .tel .sub-nav .list{line-height: 20px;padding:8px 15px 8px 0;overflow: hidden;}
.sidebar .tel .sub-nav .sub_icon{width:24px;height:24px;background:url(https://www.cnzoom.com/en/images/icon.png) no-repeat;margin: 0 15px 0;float: left;}
.sidebar .tel .sub-nav .f1{background-position: -168px 0;}
.sidebar .tel .sub-nav .f2{background-position: -192px 0;}
.sidebar .tel .sub-nav .f3{background-position: -48px 0;margin-top:10px;}
.sidebar .tel .sub-nav .f4{background-position: -72px 0;}
.sidebar .tel .sub-nav .f5{background-position: -96px 0;}
.sidebar .tel .sub-nav .number{font-size: 16px;color: #f24651;}
.sidebar .tel .sub-nav .tb{display: block;margin-top: -1px;}
.sidebar .gotop{width: 48px;height:48px;background: #eee;display: block;overflow: hidden;}
.sidebar .gotop i{width: 24px;height:24px;margin:12px;display: block;background:url(https://www.cnzoom.com/en/images/icon.png) no-repeat -144px 0;}
.sidebar .gotop:hover i{background-position: -120px 0;}
/*************右侧悬浮new*************/
.sidebar-new{width:58px;position: fixed;right:20px;bottom:200px;z-index: 99;display: none;}
.sidebar-new .hexagon{width: 58px;height: 65px;text-align: center;position: relative;display: flex;flex-flow: column wrap;align-items: center;justify-content: center;cursor: pointer;background:url('https://img.alicdn.com/imgextra/i1/800803731/O1CN01kSLYM11dQqQrNgWsh_!!800803731.png') no-repeat top center;}
.sidebar-new .static-group-button-item{line-height: 1.7;font-size: 12px;color: #fff;padding: 0 10px;}
.sidebar-new .square{margin-top: -20px;background-color: #fff;padding-top: 15px;padding-bottom: 12px;border-radius: 6px;box-shadow: 0 4px 10px 0 rgb(0 0 0 / 5%);}
.sidebar-new .square li{color: #68747f;font-size: 12px;line-height: normal;opacity: 1;display: flex;justify-content: center;align-items: center;margin-top:19px;}
.sidebar-new .square li .icon{position:relative;color:#8a8a94;font-size:14px;width:100%;cursor: pointer;}
.sidebar-new .square li .icon .bridge{width:15px;height:200px;opacity: 0;position: absolute;left:-15px;}
.sidebar-new .square li .icon a{color:#8a8a94;width:200px;height:60px;border-radius: 10px;line-height:60px;background: #fff;text-align: center;position: absolute;}
.sidebar-new .square li .wx .wx-info{width:200px;height:200px;border-radius: 10px;background:#fff;padding:0 25px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;flex-direction: column;position: absolute;left: -215px;top: -30px;opacity: 0;transform: scale(0);}
.sidebar-new .square li .wx .wx-info p{height:25px;line-height: 25px;}
.sidebar-new .square li .wx{height:23px;background:url("https://img.alicdn.com/imgextra/i2/800803731/O1CN01Djxf631dQqQeULUlT_!!800803731.png") no-repeat center top;}
.sidebar-new .square li .wx:hover{background:url("https://img.alicdn.com/imgextra/i4/800803731/O1CN01FWPHjX1dQqQlJYyan_!!800803731.png") no-repeat center top;}
.sidebar-new .square li .wx:hover .wx-info{opacity: 1;transform: scale(1);}
.sidebar-new .square li .wangwang{height:24px;background:url("https://img.alicdn.com/imgextra/i3/800803731/O1CN01rshsU91dQqQlJXlkX_!!800803731.png") no-repeat center top;}
.sidebar-new .square li .wangwang .wangwang-info{left: -215px;top: -23px;opacity: 0;transform: scale(0);display: flex;justify-content: center;align-items: center;}
.sidebar-new .square li .wangwang .wangwang-info img{margin-right:10px;}
.sidebar-new .square li .wangwang:hover{background:url("https://img.alicdn.com/imgextra/i3/800803731/O1CN01NN3joL1dQqQoyWpJl_!!800803731.png") no-repeat center top;}
.sidebar-new .square li .wangwang:hover .wangwang-info{opacity: 1;transform: scale(1);}
.sidebar-new .square li .qq{height:27px;background:url("https://img.alicdn.com/imgextra/i2/800803731/O1CN01S0zPWz1dQqQt2wCrb_!!800803731.png") no-repeat center top;}
.sidebar-new .square li .qq .qq-info{left: -215px;top: -23px;opacity: 0;transform: scale(0);display: flex;justify-content: center;align-items: center;}
.sidebar-new .square li .qq .qq-info img{margin-right:10px;}
.sidebar-new .square li .qq:hover{background:url("https://img.alicdn.com/imgextra/i1/800803731/O1CN01IC7Ss21dQqQnSLbDc_!!800803731.png") no-repeat center top;}
.sidebar-new .square li .qq:hover .qq-info{opacity: 1;transform: scale(1);}
.sidebar-new .square li .phone{height:26px;background:url("https://img.alicdn.com/imgextra/i3/800803731/O1CN01Mgw5K91dQqQukbmzL_!!800803731.png") no-repeat center top;}
.sidebar-new .square li .phone .phone-info{font-size:16px;left: -215px;top: -23px;opacity: 0;transform: scale(0);}
.sidebar-new .square li .phone:hover{background:url("https://img.alicdn.com/imgextra/i2/800803731/O1CN01efhDXx1dQqQeUK9ZK_!!800803731.png") no-repeat center top;}
.sidebar-new .square li .phone:hover .phone-info{opacity: 1;transform: scale(1);}
.sidebar-new .back-top{width:58px;height:34px;background:#fff;margin-top:8px;border-radius: 6px;cursor: pointer;box-shadow: 0 4px 10px 0 rgb(0 0 0 / 5%);display: flex;justify-content: center;align-items: center;}
/* 浏览器滚动条 */
::selection{background:#eb5753;color:#fff;}
::-moz-selection{background:#eb5753;color:#fff;}
::-webkit-selection{background:#eb5753;color:#fff;}
::-webkit-scrollbar{width:10px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
::-webkit-scrollbar-button{display:none;}
::-webkit-scrollbar-track{background:#bbb;}
::-webkit-scrollbar-thumb{background:#888;border-radius:5px;-webkit-border-radius:5px;}
::-webkit-scrollbar-thumb:active{background:#555;}