* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
body {font: 14px/1.5 tahoma, "Source Han Sans CN", "SyRegular", "\5FAE\8F6F\96C5\9ED1", sans-serif, Arial; color: #333;} 
a{color: #333;}
a:hover,a:focus{color: #0055a2; text-decoration: none !important;}
.top_head {height: 30px; background: #f5f6f9; width: 100%; text-align: right; }
.my_head {display: flex; position: absolute; top: 0; right: 50px; text-align: center; } 
.my_style li > a {color: #B5B5B5; text-shadow: none !important; }
.my_style li:hover {color: #FFF; /*background: #011F37 !important;*/ }

/* 引入字体 */
@font-face {font-family: 'SyRegular';src: url('../fonts/SyRegular.OTF');}
@font-face {font-family: 'GothamBook';src: url('../fonts/GothamBook.TTF');}
@font-face {font-family: 'COLFAX';src: url('../fonts/COLFAX-MEDIUM.OTF');}
@font-face {font-family: 'GOTHAMHTF';src: url('../fonts/GOTHAMHTF-BOLD.OTF');}

@media (min-width: 768px) 
{.my_style li:hover .dropdown-menu {display: block; } 
} 
.top_head_list {cursor: pointer; padding: 0 8px; font-size: 12px; font-weight: 400; color: #474747; line-height: 30px; }
.line-s{background: #474747; } .navbar {background: #000; margin-bottom: 0 !important; z-index: 999; border: none !important; border-radius: 0; position: relative; }
.row{margin: 0!important; padding: 0; } 
.navbar-inverse {background-image: url("../image/nav.png") !important; border-radius: 0 !important; }
.navbar-brand img {height: 22px; margin-right: 10px; } 
.my_search_style{display: none; height: 50px; width: 40%; }
.search_style{width: 100%; padding-top: 10px; } .my_input{height: 30px; width: 90%; } 
.my_cancel{cursor: pointer; color: #FFF; font-size: 18px; font-weight: 200; padding-left: 10px; } 
.container-fluid {width: 100%; color: #999999; }

.my_list {cursor: pointer; font-family: Microsoft YaHei; font-weight: 400; color: rgba(153, 153, 153, 1); padding-top: 10px; } 
.my_list>a{color: rgba(153, 153, 153, 1); padding-top: 10px; text-decoration: none; } 
.my_lists {padding-top: 60px; } .my_list>a:hover {color: rgba(255, 255, 255, 1); text-decoration: none; } 
.input-group-addon {cursor: pointer; color: rgba(255, 255, 255, 1); background: #0055a2 !important; border: none !important; } 
.input-group-addon:hover {background: #0055a2 !important; } 
.my_footer {background: #121212 ; } 
.my_info {display: flex; padding: 20px 0 !important; margin: 0 !important; } 
.inputss{background: #121212; color:rgba(153, 153, 153, 1); border: 1px solid #353535; border-radius: 0!important; outline: none!important; box-shadow: none!important; -webkit-box-shadow:none!important; } 
.inputss:focus{border: 1px solid rgba(153, 153, 153, 1); outline: none!important; box-shadow: none!important; -webkit-box-shadow:none!important; } 
.company>a {color: #999; font-size: 14px; text-align: left; padding: 0px !important; } 
.company>a{color: #999; font-size: 14px; text-align: left; padding: 0px !important; text-decoration: none; }
.beian {padding: 0px !important; text-align: right; } 
.beian a {font-size: 12px; color: #4d4d4d; } 
.beian a:hover {text-decoration: none !important; color: #FFF; } 
.technology {font-size: 12px; color: #4d4d4d; text-align: center; } 
.phone_title {text-align: right; font-weight: 400; color: rgba(153, 153, 153, 1); } 
.tel {padding-top: 10px; text-align: right; font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 1); } 
.go_top div{cursor: pointer; } 
.go_top {position: fixed; z-index: 99999; top: 40%; right: 5px; height: 180px; width: 60px; background:none; line-height: 30px; } 
.ce img{max-width:100%; } 
.navti{position: relative; height: 85px; width: 100%; z-index: 999;background: #fff; } 
.logo{position: absolute; margin-top: 22px; left: 4%; } 
.logo span{line-height: 39px; padding: 0px 0px 0px 5px !important; color: rgb(71, 71, 71);} 
.logo img{height:30px; }

@media (max-width: 480px) {
    .logo img{height:20px; margin-left: 8px;}
    .navti{position: relative; height: 68px; }
}
.navsti{width: 100%; height: 100%; background: none; } 
.uls{width: 100%; height: 100%; text-align:right; position: relative; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2); box-shadow: 0 3px 5px rgba(0, 0, 0, .2); } 
.lis{list-style: none;  display:inline-flex; line-height: 85px; font-size: 16px; margin: 0 25px; color: #000; } 
.lis a{text-decoration: none; color: #000; } 
.lis >a{letter-spacing:2px; } 
.lis:hover{/*background: #FFF;*/ color: #000; border-bottom: 2px solid #0055a2; } 
.lis:hover a{color: #000; } 
#newBridge .nb-middle {display: none!important; } 
#newBridge .nb-invite-wrap-0 {display: none!important; } 
#nb_icon_wrap{height: 7%!important; } 
.lis:hover .pull{padding-top: 20px; background: #FFF; max-height: 400px; padding-bottom: 15px; } 
.lis:hover .uls{background: #FFF; color: #000; } 
.pull{z-index: 999; position: absolute; max-height: 0; width: 100%; background: #FFF; left: 0; top: 85px; transition: all 1s; overflow: hidden; color: #000; } 
.nav_li{text-align: left;border-right: 1px dashed #d0d4e0; width: 50%;} 
.nav_li:last-child{border-right:none;}
.nav_li_title{font-size: 16px; line-height: 32px; font-weight: 600; } 
.sub_li_list{color: #474747; font-size: 14px; padding-left:5px; line-height: 30px; } 
.pull_list span{margin-right: 10px; } 
.pull_select{padding-left: 50px; } 
.select_img{height: 140px; } 
.sub_li_list a{font-size: 14px; color: #474747 !important; } 
.sub_li_list:hover a{color: #133BB7 !important; } 
.select_title{margin-top: 10px; font-size: 14px; } 
.my_title a{line-height: 40px; font-size: 16px; font-weight: 400; color: #FFF; } 
.my_title{line-height: 40px; font-size: 16px; font-weight: 400; color: #FFF; } 
.line-s{width: 1px; background: #b0b0b0; margin:9px 0; } 
.search_input{overflow: hidden; display: flex; z-index: 999; position: absolute; right: 0; top: 0; width: 0; height: 85px; background: #FFF; text-align: left; transition: all .3s ease; } 
.search_input_active{width: 60%; } 
.search_input input{width: 80%; height: 100%; color: #000; outline: none; border: none; font-size: 14px;} 
.m_nav{display: none; background: #212020; color: #FFF; height: 68px; } 
.m_nav_btn{width: 100%; text-align: right; padding-right: 10px; line-height: 68px; cursor: pointer; } 
.breadcrumb{margin-bottom: 0!important; } 
.breadcrumb li{padding: 0 !important; } 
.phone{position: relative; } 
.connect-sub{overflow: hidden; position:absolute; height: 100%; width: 0; top: 0; font-size: 16px; left: 0; background: #077BCF; color: #FFF; transition: all .6s; } 
.phone:hover .connect-sub{left: -199px; width: 200px; } 
.c-way{width: 200px; line-height: 30px; margin-left: 20px; } 
.c-way a{color: #FFF; margin-left: 10px; } 
.triangle{height: 15px; width: 15px; position: absolute; background: #FFF; transform: translateY(-10px) rotate(50deg); right: 3px; } 
.popup{display: block; background: #FFF; border-radius: 3px; position: absolute; top: -105px; left: -80px; z-index: 99; }

.g-us{margin-top: 15px;}
.o-us {margin-left: 10px; position: relative; }


@media (min-width: 1024px)
{#newBridge .icon-right-center{top: 45%!important; } } 
@media (width: 1024px){
.lis{margin: 0!important; } } 
@media (max-width: 480px) {
    .mobliest{margin-top: 25px; } 
    .go_top {height: 150px; width:50px; } 
    .ce img{width: 50px!important; } 
    .c-way{width: 200px; line-height: 25px; margin-left: 20px; } 
    .my_head{right: 3px!important; } 
    .nb-icon-inner-wrap{width: 50px!important; height: 50px!important; } 
    #newBridge .icon-right-center{right: -25px!important; top: 44% !important; } 
    #newBridge .nb-invite-skin-9{width: 100% !important; } 
    #newBridge .nb-middle{width: 100% !important; top: 50%; bottom: auto; left: 0!important; right: auto; margin: 0!important; } 
    #newBridge .nb-icon-right-center{right: -30px!important; top: 43% !important; left: auto; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } 
    #newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{height: 40px!important; width: 40px!important; } 
    .position{display: none;}
    } 
.breadcrumb a{color: #0055a2; } 
.h_title{color: #000; line-height: 50px; list-style: none; width: 100%; font-size: 16px; position: relative; padding-left: 10px; } 
.h_title span{padding-right: 15px; } 
.h_title i{position: absolute; right: 10px; transition: all .5s ease ; } 
.h_list{padding-left: 15px; margin-top: -10px; overflow: hidden; max-height: 0; transition: all .5s; } 
.h-active{transform: rotate(90deg); } 
.h_list li{display: block!important; font-size: 14px; width: 100%; line-height: 34px; } 
.h_list li a{color: rgba(0,0,0,0.8); } 
.hmenus{width: 100%; text-align: left; overflow: hidden; max-height: 0; position: absolute; z-index: 9; background: #FFF; transition: all .5s; } 
.hmenus-active{max-height: 800px; } 
.h_list_active{max-height: 400px; } 
.breadcrumb span{font-size: 10px!important; } 
#nb_icon_wrap{width: 81px!important; opacity: 0!important; }