html,
body{-webkit-font-smoothing:antialiased;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
td{margin:0;padding:0;}
ol,
ul{list-style:none;}
caption,
th{text-align:left;}
q:before,
q:after{content:' ';}
a{text-decoration:none;}
a:focus,
a:hover{color:#3F75FF;text-decoration:none;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
*{padding:0;margin:0;}
input{border:0;background:none;font-family:"Microsoft Yahei";}
.fred{color:red;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f30{font-size:30px;}
.f40{font-size:40px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.m20{margin:20px;}
.mt5{margin-top:5px;}
.mtb50{margin:50px 0px;}
.mtb20{margin:20px 0px;}
.tei20{text-indent:2em;}
.p20{padding:20px;}
.p30_20{padding:30px 20px;}
.p30{padding:30px;}
.pr10{padding-right:10px;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1;}
.vh{visibility:hidden;}
.none{display:none;}
.pore{position:relative;}
.poab{position:absolute;}
.g-orange{color:#ff7800;}
.g-blue{color:#3F75FF;}
.g-yellow{color:#ffff00;}
.c-333{color:#333;}
.btop{border-top:dotted 1px #dcdcdc;}
.bri{border-right:dotted 1px #ddd;}
.bg_white{background-color:#fff;}
.c999{color:#999;}
.c333{color:#333;}
.c000{color:#000;}

/* alert */
.we_alert{padding:20px 15px;margin-bottom:20px;border:1px dashed transparent;border-radius:4px;}
.we_alert-danger{color:#ff0000;border-color:#ff0000;}

/* more */
.container a.more2,
.more a.more2{border:1px solid #e5e5e5;box-sizing:border-box;border-radius:24px;width:180px;height:45px;display:block;line-height:42px;font-size:14px;color:#999999;text-indent:150px;transition:all ease-out .3s;transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1) 0s;border-radius:100px;text-align:center;text-indent:0px;position:relative;margin:0 auto;font-weight:100;vertical-align:middle;}
.container a.more2:hover{border-color:#3F75FF;text-indent:10px;color:#3F75FF;border-radius:100px;}
.container a.more2 span{vertical-align:middle;padding-left:5px;}
.container a.more2 .bi-chevron-right{margin-left:0px;vertical-align:middle;}

/*main-css*/
.fontTitRegular{color:#000;font-family:'fontTitRegular';}
@font-face{font-family:din;src:url(../font/din.woff),url(../font/din.ttf) format("truetype")}
@font-face{font-family:"fontTit";src:url("../font/ding-Ti.woff2") format("woff2"),url("../font/ding-Ti.woff") format("woff"),url("../font/ding-Ti.ttf") format("truetype"),url("../font/ding-Ti.eot") format("embedded-opentype"),url("../font/ding-Ti.svg") format("svg");}
.fontTit{color:#000;font-family:'fontTit';}


/* .fontTit2Regular{color:#000;font-family:'fontTit2Regular';}
@font-face{font-family:din;src:url(../font/din.woff),url(../font/din.ttf) format("truetype")}
@font-face{font-family:"fontTit2";src:url("../font/fontTit.woff2") format("woff2"),url("../font/fontTit.woff") format("woff"),url("../font/fontTit.ttf") format("truetype"),url("../font/fontTit.eot") format("embedded-opentype"),url("../font/fontTit.svg") format("svg");}
.fontTit2{color:#000;font-family:'fontTit2';} */

/* 通用 */
.br-after:after{content:" ";clear:both;width:1px;height:100%;background-color:#EAEAEA;position:absolute;top:0;right:0;}
.bb-before:before{content:" ";clear:both;width:100%;height:1px;background-color:#EAEAEA;position:absolute;bottom:0;left:0;}
body{font-size:14px;font-family:din,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;color:#666666;    /*font-weight:100;*/-webkit-font-smoothing:antialiased;overflow-x:hidden;background-color:#fff;width:100%;min-width:1280px;}
@-moz-document url-prefix(){
    body{width:100%;min-width:1280px;position:relative;overflow-x:auto;}
}
.container{width:1280px;    /* height: 100%; */margin:0 auto;}
a{color:#666666;}
p{line-height:1.8em;}
hr{border-left:none;}

/*404*/
.error-404{position:absolute;left:50%;margin-left:-243px;top:50%;margin-top:-243px;}

/* 效果 */
.tst{transition:all .5s;-webkit-transition:all .5s;}
.shadow-sm{box-shadow:0px 2px 18px -4px rgba(0,0,0,0.08);box-shadow:0px 2px 18px -4px rgba(0,0,0,0.08)!important;}

/* 自定义按钮 */
.btn-un_default,
.btn-un_primary{color:#333;background-color:#fff;border-color:#ccc;transition:all .3s ease-in-out;}

/* .btn-un_default:focus,.btn-un_default:focus{color:#fff;background-color:#ff8920;border-color:#ff6700;}*/
.btn-un_default:hover{color:#fff;background-color:#ff6700;border-color:#ec6f00;}
.btn-un_default:active,
.btn-un_default:active:focus,
.btn-un_default:active:hover{color:#fff;background-color:#ff6700;border-color:#ec6f00;}
.btn-un_primary.focus,
.btn-un_primary:focus{color:#fff;background-color:#ff6700;border-color:#ec5f00}
.btn-un_primary:hover{color:#fff;background-color:#ff6700;border-color:#ec5f00}

/* 底部 */
.footer{background:#192850;padding:60px 0px;color:#fff;    clear: both;}
.footer .park-1{padding-left:0px;}
.footer .park-2{padding-right:0px;}
.footer .park-2 .cont{line-height:35px;}
.footer_bom{text-align:center;padding-top:30px;border-top:solid 1px #303e62;margin-top:60px;color:#526087;}
.footer_bom a{color:#526087;}
.footer_bom a:hover{color:#fff;}
.footer-logo{padding-top:5px;}
.footer .cnlink{padding-left:30px;}
.footer .cnlink a{color:#fff;font-size:14px;border:solid 1px #354264;display:block;padding:10px 25px;border-radius:6px;}
.footer .cnlink a:hover{border:solid 1px #8e95a7;}
.footer .cnlink .href{margin-left:30px;font-size:14px;margin-top:5px;}
.footer .cnlink .href .img{padding-top:10px;padding-right:20px;}
.footer .park-2 .content .dt{font-weight:600;font-size:16px;line-height:22px;padding-bottom:0px;}
.footer .park-2 .content .cont{padding-top:5px;margin-left:-15px;margin-right:-15px;}
.footer .park-2 a{color:#fff;}
.footer .park-2 a:hover{color:#a0baff;}

/* 浏览过低提示 */
.alert-danger .container a{color:#ff0500;}

/* 全局头部 */
.top_header{position:relative;z-index:999;}
.top_header .top{height:30px;width:100%;background-color:#171717;line-height:28px;color:#999999;opacity:1;display:none;}
.top_header .top.cur{opacity:0;}
.top_header .top .container{text-align:right;padding-right:20px;}
.top_header .top .login{float:right;margin:0px 12px;}
.top_header .top .login a{color:#3f75ff;font-size:12px;}
.top_header .top .login a:hover{color:#e46b00;}
.top_header .top,
.top_header .top.cur,
.top_header .top .login a,
.top_header .top .login a:hover,
.top_header .top a.social,
.top_header .top a.social:hover,
.navbar .navbar-nav li a:hover,
.piclist li,
.case .row li,
.product_list .thumbnail_pro{-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.top_header .top a.social{float:left;width:20px;height:20px;line-height:20px;text-align:center;background-color:#d4d4d4;margin-top:6px;margin-right:8px;border-radius:50%;-webkit-border-radius:50%;color:#3e3e3e;position:relative;}
.top_header .top a.social:last-child{margin-left:12px;}
.top_header .top a.social:hover{background-color:#ff6700;}
.top_header .top a{color:#ff6700;}
.top_header .top span{margin:0px 4px;color:#fff;font-size:12px;}
.i_con{position:absolute;left:-70px;top:36px;display:none;z-index:11;background:#fff;border:1px solid #dddddd;border-radius:4px;box-shadow:0 0 8px #c4c4ce;padding:2px;width:155px;text-align:center;line-height:10px;}

/* 导航 */
.container-top{width:100%;padding:0 8%;margin:0 auto;}
.header{height:67px;width:100%;position:absolute;top:-1px;font-weight:100;}
.header.active{background-color:#333;background-color:rgba(0,0,0,0.8);position:fixed;}
.header,
.header.active{transition:background 1s;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;}
.navbar-logo{float:left;padding:0px;padding-top:10px;}
.navbar-logo img{width:220px;}
.navbar{margin-bottom:0px;display:block;width:100%;padding:0px;}
.navbar-nav{margin:0px auto;display:block;text-align:right;width:100%;}
.navbar-nav li{margin:-1px 1px 0px 0;    /* float: left; */display:inline-block;list-style-type:none;position:relative;}
.navbar-nav li a{height:80px;font-size:16px;*height:50px;color:#fff;padding:5px 21px;line-height:60px;display:block;position:relative;font-weight:500;}
.navbar-nav li.active a{color:#FFF;font-size:22px}
.navbar-nav li.active a.nav_c{color:#3F75FF;}
.navbar-nav li.active a:hover{color:#3F75FF;}
.navbar-header{position:absolute;left:15px;margin-top:7px;}
.navbar-right{position:absolute;top:0;right:0;float:right;margin-top:14px;}
.navbar-collapse.collapse{    /* float: right; */
display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;}
.navbar-nav.navbar-left{float:left;padding-left:30px;}
.navbar-nav li a.cur:after{content:" ";clear:both;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;border-bottom:8px solid #fff;position:absolute;bottom:0px;left:50%;margin-left:-8px;z-index:999999;}
.navbar-nav li.active a.cur{color:#3F75FF;}
.navbar-nav li:first-child a.cur:after,
.navbar-nav li:first-child+li+li a.cur:after,
.navbar-nav li:first-child+li+li+li+li a.cur:after,
.navbar-nav li:first-child+li+li+li+li+li a.cur:after,
.navbar-nav li:first-child+li+li+li+li+li+li a.cur:after,
.navbar-nav li:first-child+li+li+li+li+li+li+li+li a.cur:after{display:none;}
.navbar-nav li .dropdown-menu .menu_li dd{text-align:center;padding:10px 0px;}
.navbar-nav li .dropdown-menu .menu_li dd a{height:15px;line-height:15px;color:#333;background:none;font-size:14px;padding:0px;display:block;border-bottom:0px;}
.navbar-nav li .dropdown-menu .menu_li dd:last-child a{border-right:0px solid;}
.navbar-nav li .dropdown-menu .menu_li dd a:hover{background:none;color:#238bff;}
.navbar-nav>li>.dropdown-menu{border:solid 0px;box-shadow:0px 2px 18px -4px rgba(0,0,0,0.08);background-color:#fff;border-radius:0px;display:none;position:absolute;left:0;z-index:99999;}
.navbar-nav>li>.dropdown-menu.down-show{display:block;}
.nav>li>a:focus,
.nav>li>a:hover{background:none;}
.dropdown-menu>li>a{text-align:center;}
.dropdown-menu{border:solid 0px;top:76px;box-shadow:0 3px 15px rgba(0,0,0,0.1);background-color:#000b18;background-color:rgba(37,45,52,0.9);border-radius:0px;display:none;position:absolute;left:0;width:1920px;height:90px;z-index:1111;}
.navbar-nav li.cur a{color:#3F75FF;}
.navbar-nav li:hover .dropdown-menu.menu2.down-show{left:-265px;height:280px;}
.navbar-nav>li>.dropdown-menu.menu3{margin-left:-807px;height:290px;}
.navbar-nav>li>.dropdown-menu.menu5{margin-left:-1050px;height:163px;}
.navbar-nav>li>.dropdown-menu.menu1 .menu_li{margin-left:175px;}
.navbar-nav>li>.dropdown-menu.menu2 .menu_li{margin-left:38px;}
.navbar-nav>li>.dropdown-menu.menu3 .menu_li{margin-left:105px;}
.navbar-nav>li>.dropdown-menu.menu5 .menu_li{margin-left:164px;}
.navbar-nav>li>.dropdown-menu.menu7 .menu_li{width:640px;float:right;text-align:right;}
.navbar-nav>li.active>.dropdown-menu{border-radius:0 0 5px 5px;}
.navbar-nav li.active .dropdown-menu:after{border-bottom:8px solid #ff6700;top:-8px;}
.container-menu{width:1920px;background:#fff;}
.dropdown-menu.menu3 .container-menu{    /* height: 280px; */}
.dropdown-menu>li>a{text-align:center;}
.dropdown-menu .menu_li{height:70px;line-height:70px;}
.navbar .container-menu .container{width:1200px;display:block;margin:auto;}
.dropdown-menu{padding-top:0px;}
.grid:after,
.grid:before{content:" ";position:absolute;right:0;bottom:0;color:#d9d9d9;}
.grid:before{top:0;width:1px;border-right:1px solid #d9d9d9;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5);}
.grid:after{left:0;height:1px;border-bottom:1px solid #d9d9d9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);}
.products-nav{position:relative;}
.products-nav:before{content:" ";position:absolute;left:0;top:-1px;color:#d9d9d9;right:0;height:1px;border-top:1px solid #d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);}
.products-nav a{color:#333;text-align:center;}
.navbar-nav li .products-nav a{color:#238bff;}
.border-cl{border-left:1px solid #e8e8e8;}

/* 通用 */
.banner,
.inrtoduction_banner{width:100%;position:relative;}
.zoom_h{zoom:1;height:1px;width:1px;overflow:hidden;}

/*.carousel-indicators{bottom:70px;}*/
.carousel-indicators li{height:1px;width:60px;}
.carousel-control-next,
.carousel-control-prev{width:8%;}

/*标题*/
.container .header_title{text-align:center;width:100%;}
.container .header_title p.title{font-size:36px;padding-bottom:30px;line-height:50px;font-family:fontTit;letter-spacing:4px; /*font-weight: 600;*/}
.container .header_title p.subtitle{display:block;color:#999;margin:0 auto;padding-bottom:10px;}

/* 通用 */
.white-bg{background-color:#fff;}
.gray-bg{background-color:#f9f9f9;}

/* 底部修改 */
.scancode_tab .nav>li>a{padding:14px 20px;    /* border: solid 1px #e5e5e5; */}
.topping{background:rgba(255,255,255,0.9) url(../images/topping_icon.png) no-repeat center;background-size:50%;border-radius:100%;width:40px;height:40px;position:fixed;border:solid 1px rgba(0,0,0,0.2);bottom:70px;z-index:9999;right:15px;display:none;cursor:pointer}
@media (min-width:576px){
    .container,
    .container-sm{max-width:100%}
}
@media (min-width:768px){
    .container,
    .container-md,
    .container-sm{max-width:100%}
}
@media (min-width:992px){
    .container,
    .container-lg,
    .container-md,
    .container-sm{max-width:100%}
}
@media (min-width:1200px){
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl{max-width:1280px}
}


/* 导航适应 */
@media(min-width:0px)and (max-width:1520px){
    .container-top{padding:0 0px;width:1280px;}
    .bannerheght .w100{width:1200px;padding:0 0px;}
}
@media (min-width:1520px) and (max-width:1920px){
    .container-top,
    .bannerheght .w100{padding:0 140px;}
}
@media(min-width:0px)and (max-width:1200px){
    .best-screen .best5{overflow:hidden;}
}
.use-screen2 .text-list .col-md-6,
.col{float:left;}
::-webkit-scrollbar{    /*改变纵向滚动条宽度*/
width:10px;}
::-webkit-scrollbar-track{    /*改变滚动条轨道颜色*/
border-radius:10px;background-color:#F0F2F5;}
::-webkit-scrollbar-thumb{    /*改变滚动条滑轨相关的样式*/
border-radius:10px;background-color:rgb(192,192,192);}

/* 移入鼠标效果 */
::-webkit-scrollbar-thumb:hover{border-radius:10px;background-color:#8d8d8d;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);}