*{box-sizing:border-box;}
body,html{height: 100%; font-family: "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif; color: #333; font-size:14px;}
input,select,textarea{outline: 0; resize: none !important; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#aaa;}
/* input type=number时不显示按钮 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

a {cursor: pointer; color:#000;}
a:hover,a:active {text-decoration:none; color:inherit;}

.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ellipsis2{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.clearfix:after{content:""; clear:both; display:block;}


.ie_tips_wrapper {position: fixed; left:0; right:0; top:0; bottom:0; background:#ccc; background:rgba(0,0,0,.7); z-index:999999;}
.ie_tips_box {width:500px; background:#fff; height:360px; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-200px; padding:30px;}
.ie_tips_item {width:140px; float:left; text-align:center;}

/*字体颜色*/
.f_blue { color: #007bff;}
.f_green {color: #5fbf31;}
.f_grey {color: #888;}
.f_orange {color: #ff8f34;}
.f_red {color:#e9281f;}

/*字体大小*/
.f_12 {font-size:12px;} .f_13 {font-size:13px;} .f_14 {font-size:14px;} .f_15 {font-size:15px;} .f_16 {font-size:16px;} .f_18 {font-size:18px;} .f_20 {font-size:20px;} .f_24 {font-size:24px;} 
.txt_bold {font-weight:bold;}
.txtInfo { color:#999; line-height:28px; text-indent:2em}

/*图片, 图标字体垂直居中*/
.txt_align { text-align: center;}
.txt_right { text-align: right;}
.img_middle {vertical-align:middle;}
.fl {float:left;}
.fr {float:right}


/* 自定义按钮 */
.c_btn { background:#ffa41c; color:#fff; line-height:28px;  display:inline-block; padding:0 10px;  border-radius:4px; text-align:center; }
.c_btn:hover {color:#fff;}
.c_btn.mini { line-height:22px; font-size:12px;}
.c_btn.medium {line-height:32px; }
.c_btn.big { line-height:42px; font-size:16px;}
.c_btn.round {border-radius:20px; padding:0 20px;}
.c_btn.primary {background:#0080ff;}
.c_btn.success {background:#7ac23c;}
.c_btn.white {background:#fff; color: #0080ff;}
.c_btn.grey {background:#ccc; color: #fff;}

/**/
.product {padding:40px 0;}
.product2 {padding:60px 0;}
.s_product {padding:50px 0 40px 0;}
.p_main_title {font-size:32px; font-weight:bold; margin:0;}
.p_sub_title {font-size:16px; color: #999;}
.bg_grey {background:#f8f9fb;}

.advantage_item {padding:0 15px; text-align:center; margin-top:30px;}
.advantage_box {height:230px; background:#fff; border-radius:6px; padding-top:28px; transition:all 0.3s;}
.advantage_box:hover {box-shadow:0 0 10px rgba(150, 150, 150, 0.2);}

.triangle-down { width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 40px solid #fff;}

/* 顶部菜单区域 */
.navbar { background:#fff; color:#000; padding:0;}
.nav_logo_box { margin-right:1rem; width:160px;}
.nav_box {display:flex; flex-wrap: wrap; justify-content:space-between;}
.navbar-nav .nav-item{padding:10px 24px; font-size:16px;}
.navbar-light .navbar-nav .active>.nav-link {color:#007bff;}
.login_btn {padding-left:20px;}
.m_content {padding-top:56px;}

.dropdownmenu {position:fixed !important; left:0; top:58px; right:0; border-radius:0; border:0; background:#fff; padding:0; margin:0;  
  box-shadow:4px 4px 4px rgba(150, 150, 150, 0.1); height:0; overflow: hidden; transition:all 0.3s;}
.sub_menu_box { padding-top:20px; padding-bottom:20px;}
.sub_menu_box .col-lg-3 {padding:10px; border-radius:8px; margin-bottom:12px; display:block;}
.sub_menu_box .col-lg-3:hover {background:#f8f9fb; color: #007bff;}
.s_m_icon {float:left; margin-top:8px; margin-right:10px;}
.nav-item.show .dropdownmenu {height:200px;}

/*banner 公共样式*/
.main_banner {height:458px; background:#effaff;}


.banner_box {position:relative; padding-top:100px;}
.banner_btn {min-width:160px;}
.banner_title { font-size:42px; font-weight:bold; color:#007bff;}
.banner_sub_title {font-size:16px; color:#999; padding-bottom:20px;}
.banner_img_box {position:absolute; right:0; top:20px;}
.banner_img_box .earth {padding-left:60px; opacity:1; width: 450px;}
.banner_img_box .earth img {width:100%;}
.banner_img_box .line_1 {position:absolute; right:0; bottom:0;}
.banner_img_box .line_2 {position:absolute; left:0; bottom:0; animation-delay:1.5s;}
.banner { padding-left:20px;}
.sub_banner_txt {padding-top:100px;}

.sms_wapper {height:360px; overflow: hidden; text-align:center; background:url("../images/c_bg1.jpg") #485a71 center center no-repeat; background-attachment: fixed; padding-top:40px;}
.sms_wapper .sms_box {width:480px; color:#fff; margin:auto;}
.sms_wapper .inp_box {height:44px; line-height:44px; background:#fff; margin:30px 0 20px 0;}
.sms_wapper .inp_box input {background:none; border:0; padding-left:10px; font-size:16px; width:100%; text-align:center; height:44px;}
.sms_box .c_btn {margin-top:30px;}

/*底部区域*/
.foot_wel {background:url("../img/d_bg.jpg") #2793ff center center no-repeat; height:110px; padding-top:20px; color: #fff;}
.foot_bg {background:#252a3d; padding-top:50px;}
.foot dl {float: left;width:255px;}
.foot dl dt,.foot dl dt a { height: 30px;line-height: 40px; font-weight:500; color: #a5abb0;}
.foot dl dt { font-size:12px;}
.foot dl .footTitle {font-size:18px; font-weight:bold;}
.foot dl dt.footTitle a {color: #fff;}
.foot_info {text-align:center; padding:20px 0; border-top:1px solid #40465e; color:#a5abb0;} 
.foot_info a {color:#fff;}

.fadeInBottomOpa {transition:all 1s; opacity:0;}
.fadeIn {transition:all 0.3s;}
.mt50 {margin-top:50px;}
.ml50 {margin-left:-160px;}
.mr50 {margin-right:-160px;}

.showT {margin-top:0; opacity:1;}
.showL {margin-left:-15px; margin-right:-15px; opacity:1;}
.showR { margin-right:0; opacity:1;}
.showL2 { margin-left:0; opacity:1;}

.rotate {animation: rotate 60s infinite linear;}
.move_t {animation: move_t 4s infinite linear;}
.telContact {display:none;}
.triangle-down {position:absolute; top:0; left:50%; margin-left:-30px;}
@keyframes rotate {
  0% { transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

@keyframes move_t {
  0% { bottom:0px; }
  50% { bottom:40px;}
  100% { bottom:0px; }
}

@media screen and (max-width:900px) {
    .dropdown-menu {width:100%; position:static !important;}
    .banner_img_box, .registerBtn {display:none;}
    .telContact {display:inline-block;}
    .product2,.product {padding:20px 0;}
    .s_product {padding: 30px 0 20px 0;}
    .triangle-down {border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #fff;}

    .container  {overflow: hidden;}
    .sub_menu_box {padding:0;}
    .sub_menu_box .col-lg-3 {margin-bottom:0;}
    .foot_wel {height:220px;}
    .nav-item.show .dropdownmenu  {width:100%; position:static !important; height:auto !important;}

    .sms_wapper .sms_box {width:100%; padding:0 40px;}
    .nav_box {padding:8px;}
    .foot dl:not(:last-child) {display:none;}
    .p_main_title {font-size:18px;}
    .p_sub_title {font-size:14px;}
    .advantage {background:#fff;}
    .advantage_box {height:auto; padding-top:0; text-align:center;}
    .advantage_box img {width:40px;}
    .advantage_item {padding:0 10px;}
    .advantage_item .advantage_box .f_grey {display:none;}
    .advantage_item .advantage_box .title {font-size:12px;}

    .sms_wapper {height:260px;}
    .foot_bg {padding-top:0;}
    .foot_info {padding-bottom:60px;}
    .sms_box .c_btn {margin-top:0;}

    .banner_title {font-size:26px;}
    .banner_sub_title {font-size:13px; padding-bottom:0;}
    .sub_banner_txt {padding-top:20px; }
    .b_img_box,.sub_banner_img,.moblie_hide {display:none;}
    .moblie_show {display:block !important;}
}