/* 清除内外边距 */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body{width: 100%;min-width: 1296px;margin:0 auto;font-family: "微软雅黑", Arial;background: #fff;}
body,button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #333; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#0066dd;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.clearfix:after{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


/* -- 页面整体布局 -- */
.left { width:260px; float:left;margin-right: 30px;}
.right { width:calc(100% - 290px); float:right;min-height: 500px;}

.overflow2{display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.overflow3{display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.overflow4{display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

/*分页*/
.pages{ background:#ffffff; padding:28px 0; text-align:center; clear:both;}
.pages a{ display:inline-block; min-width:22px; background:#ffffff; padding:8px;  min-height:22px; border:1px solid #d3d7d8; border-radius:0.2rem; margin:0 3px; font:16px Arial; line-height:22px; color:#999999;}
.pages a:hover,.pages a.cur{ background:#0066dd; color:#ffffff; border:1px solid #0066dd;-webkit-transition:all 0.7s;transition:all 0.7s;transition-property:background;-moz-transition-property: background; 
-webkit-transition-property:background; -o-transition-property:background;}

/* -- 分页2 -- */
.apage2 { height:25px; line-height:25px; padding:0 5px;text-align:center; margin:30px 0 10px;}
.apage2 a { border:1px solid #0066dd; color:#0066dd; padding:0 3px;  margin-right:8px; line-height:24px; display:inline-block;width:20px;}
.apage2 .num_btns {float:right;}
.apage2 a:hover, .apage2 .cur { border:1px solid #D5D5D5;background-color:#0066dd; color:#fff; text-decoration:none; }
.apage2 .cust_txt { float:left;}
.apage2 .oran_pg_fp {width:auto; padding:0 10px; }
.apage2 .oran_pg_pp {width:auto; padding:0 10px; }
.apage2 .oran_pg_np {width:auto; padding:0 10px; background:#0066dd; color:#fff; }
.apage2 .oran_pg_lp {width:auto; padding:0 10px; display:none; }
.apage2 select { font-size:8px; margin-top:5px; }
.apage2 .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage2 .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

/* 无数据 */
#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:0 0 10px 0; background:url(../image/nodata.gif) no-repeat 20px 20px;}

/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}

/* 右侧浮窗 */
.custom{width: 50px;position: fixed;right: 0;top: 25%;z-index: 99;}
.custom ul li{height: 50px;border-bottom: 1px solid #f9f9f9;background: #0066dd;position: relative;cursor: pointer;transition: all 0.5s linear;float:left; width:50px;}
.custom ul li.br0{border-bottom: 0;}
.custom ul li i{display: block;height: 50px;}
.custom ul li i.cui1{background: url(../image/cut1.png) no-repeat center;}
.custom ul li i.cui2{background: url(../image/cut7.png) no-repeat center;}
.custom ul li i.cui3{background: url(../image/cut3.png) no-repeat center;}
.custom ul li i.cui4{background: url(../image/cut4.png) no-repeat center;}
.custom ul li i.cui5{background: url(../image/cut5.png) no-repeat center;}
.custom ul li i.cui6{background: url(../image/cut6.png) no-repeat center;}
.custom ul li i.cui8{background: url(../image/cut8.png) no-repeat center;}
.custom ul li i.cui9{background: url(../image/cut9.png) no-repeat center;}
.custom ul li div.div_left{position: absolute;width: 0;height: 50px;background: #124093;padding-left: 20px;border-bottom: 1px solid #4d4d4d;top: 0;right: 50px;opacity: 0;transition: all 0.5s linear; display:none;}
.custom ul li div.div_left em{display: block;height: 50px;font: bold 14px/50px "Montserrat,Arial";color: #fff;overflow: hidden;}
.custom ul li span{display: block;height: 50px;overflow: hidden;}
.custom ul li span a{float: left;width: 30px;height: 50px;margin-right: 15px;}
.custom ul li span a.last1{background: url(../image/cuta1.png) no-repeat center;}
.custom ul li span a.last2{background: url(../image/cuta2.png) no-repeat center;}
.custom ul li span a.last3{background: url(../image/cuta3.png) no-repeat center;}
.custom ul li span a.last4{background: url(../image/cuta4.png) no-repeat center;}
.custom ul li div.br0{border-bottom: 0;}
.custom ul li:hover{background: #fff; }
.custom ul li:hover i.cui1{background: url(../image/cut01.png) no-repeat center;}
.custom ul li:hover i.cui2{background: url(../image/cut07.png) no-repeat center;}
.custom ul li:hover i.cui3{background: url(../image/cut03.png) no-repeat center;}
.custom ul li:hover i.cui4{background: url(../image/cut04.png) no-repeat center;}
.custom ul li:hover i.cui5{background: url(../image/cut05.png) no-repeat center;}
.custom ul li:hover i.cui6{background: url(../image/cut06.png) no-repeat center;}
.custom ul li:hover i.cui8{background: url(../image/cut08.png) no-repeat center;}
.custom ul li:hover i.cui9{background: url(../image/cut09.png) no-repeat center;}
div.div_left{ display:none;}
.custom ul li:hover div.div_left{width: 200px;opacity: 1; display:block;}
.custom ul li:hover div.div_left{background: #fff;}
.custom ul li:hover div.div_left em{color: #333;}
.custom ul li.one:hover div.div_left{ display:none;}
.custom ul li.one .wx{ position:absolute; left:-120px; top:0; z-index:999; display:none;}
.custom ul li.one:hover .wx{ display:block;}
.custom ul li.one .wx img{ width:100px; height:100px; display:block; margin:0 auto; padding:10px; background:#fff;}



/* 头部开始 */
@font-face { font-family: AS; src: url("../font/argentum-sans.bold.ttf"); font-display: swap; }
@font-face { font-family: ASR; src: url("../font/argentum-sans.regular.ttf"); font-display: swap; }
.content{width:1400px;margin:0 auto}
.header{height:140px;transition:.5s;z-index:99;position:relative;width:100%;min-width:1300px;font-family: AS;}
.header .content1{width:90%;margin:0 auto}
.header .h_con{transition:.5s;height:140px;width:100%;background:rgba(17,17,17,.8)}
.header .logo{float:left;padding-top:31px;line-height:0;text-align:center}
.header .logo img{width:103px;margin:0 auto}
.header .logo span{display:block;font-size:18px;color:#fff;line-height:1;margin-top:12px}
.header .ask{float:right;margin-top:36px;margin-left:65px}
.header .ask a{display:block;float:left;margin-left:14px;width:198px;height:68px;background:#fff;border-radius:0 30px 0 30px;text-align:center;font-size:16px;color:#06d;line-height:68px;transition:.5s}
.header .ask a:first-child{background:#06d;color:#fff}
.header .ask a:hover{letter-spacing:1px}
.header .menu{float:right;margin-top:36px}
.header .menu li{position:relative;float:left;margin-left:45px}
.header .menu li:before{position:absolute;content:"";width:0;height:2px;background:#fff;left:0;bottom:0;z-index:2;opacity:0;-o-transition:all .5s ease;transition:all .5s ease}
.header .menu li>a{display:block;font-size:20px;color:#fff;line-height:68px;position:relative;z-index:2}
.header .menu li.cur>a,.header .menu li:hover>a{font-weight:700}
.header .menu li.cur:before,.header .menu li:hover:before{opacity:1;width:100%}
.header-stick{position:fixed;height:80px!important}
.header-stick .logo{padding-top:6px}
.header-stick .logo img{width:80px}
.header-stick .logo span{margin-top:4px}
.header-stick .menu{margin-top:6px}
.header-stick .ask{margin-top:12px}
.header-stick .ask a{line-height:56px;height:56px}

@media screen and (max-width:1400px),(-webkit-min-device-pixel-ratio:2){
    .content{width:1300px}
    .header .menu li{margin-left:22px}
    .header .ask{margin-left:10px}
    .header .ask a{width:170px}
}
@media screen and (max-width:1600px),(-webkit-min-device-pixel-ratio:2){
    .h_con .content1{width:1300px}
    .header .ask{margin-left:30px}
    .header .menu li{margin-left:22px}
    .header .ask a{width:176px}
}

.footer{background:#262626;height:509px;position:relative;padding-top:118px;box-sizing:border-box;overflow:hidden;font-family: AS;}
.footer .f_con{height:319px}
.f_contact{float:left;width:290px;margin-right:70px}
.f_contact h3{font-size:18px;line-height:100%;color:#fff;margin-bottom:55px}
.f_contact p{font-size:14px;line-height:23px;color:#999;padding-left:21px;background:url(../image/fi1.png) no-repeat left 3px;margin-bottom:14px}
.f_contact p:nth-of-type(2){background-image:url(../image/fi3.png)}
.f_contact p:last-of-type{background-image:url(../image/fi2.png)}
.f_menu dl{float:left;margin-right:80px}
.f_menu dt a{display:block;font-size:18px;line-height:100%;color:#fff;margin-bottom:51px}
.f_menu dd a{display:block;font-size:14px;line-height:32px;color:#999;transition:all .5s ease}
.f_menu dd a:hover{color:#fff}
.f_logo{float:right;text-align:right}
.f_logo h3{line-height:0}
.f_logo h3 img{display:inline-block;width:130px}
.f_logo h3 span{display:block;font-size:19px;line-height:100%;color:#fff;margin:40px 0 29px}
.f_links{font-size:0}
.f_links a{display:inline-block;width:34px;height:34px;margin-left:9px}
.f_info{height:72px;background:#161616;text-align:center;font-size:14px;line-height:72px;color:#fff;clear:both}
.clearfix:after{content:".";height:0;display:block;visibility:hidden;clear:both}

.product_con .right dl dt img{width: 100%;}



/* 底部结束 */

.video-box{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;font-size:0;z-index:9999;background:rgba(0,0,0,.9);display:none}
.video-box .video{width:1200px;height:680px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.video-box .video iframe,.video-box .video video{width:1200px;height:680px;background:#000}
.video-box .close-video{position:absolute;top:calc(54px);right:5%;width:30px;height:30px;cursor:pointer;background:url(../image/close.png) no-repeat center}

.common_form{position: fixed;right: 20px;bottom: 20px;z-index: 99;background: #fff;border-radius:10px;height: 380px;width: 300px;overflow: hidden;font-family:"微软雅黑", Arial;box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.common_form .title{background: #d00;color: #fff;line-height: 50px;font-size:18px;font-weight: normal;padding: 0 10px;box-sizing: border-box;}
.common_form .desc{font-size:15px;line-height:22px;color:#333;padding: 15px 20px;}
.common_form .form{padding: 0 20px;}
.common_form .form input[type=text]{box-sizing:border-box;font-size:15px;line-height:34px;padding:0 10px;outline:0;color:#666;border:1px solid #ccc;border-radius:5px;width: 100%;margin-bottom: 10px;color: #333;}
.common_form .form textarea{box-sizing:border-box;border:1px solid #ccc;outline:0;border-radius:5px;padding:5px 10px;font-size:15px;line-height:22px;color:#666;resize:none;width: 100%;height: 80px;color: #333;}
.common_form .form input[type=button]{width:140px;border:0;font-size:18px;line-height:36px;height:36px;text-align:center;background:#d00;border-radius:5px;cursor:pointer;color:#fff;display:block;margin:10px auto 0;text-transform:uppercase;}