*{margin: 0;padding: 0;font-family: Microsoft Yahei;}
html, body{-ms-overflow-style: scrollbar;}
a, a:hover{text-decoration: none !important;}
a:visited, a:foucs{text-decoration: none !important;}
ul{list-style: none;}

/* 主面页 */
.header{width:100%;}
.navbar-default{margin-bottom: 0;border: 0;background-color: #f8f8f8;box-shadow: 0 1px 4px rgba(0,0,0,0.18);}
.navbar-default .navbar-header{height:70px}

/*menu栏目*/
#menu i{font-size: 18px;margin-left:2px;}
#menu>.navbar-nav>li>a{display: block;}
#menu>ul>li>a{height:70px;line-height:70px;padding:0 28px;font-size:16px}
.nav_active{background-color:rgba(0,0,0,0.05);border-bottom: 4px solid #2277DA;height:70px;}
#menu .dropdown_li{position: relative;}
#menu .dropdown_li .menu_inner_ul{position: absolute;z-index: 1000;width: 100%;background-color: #f5f5f5;list-style: none;left: 0px;padding:5px 0;display: none;}
#menu .dropdown_li .menu_inner_ul a{padding-left: 18px;line-height: 38px;color: #777;display: block;}
#menu .dropdown_li .menu_inner_ul a:hover{color: #555;}
#menu .dropdown_li .menu_inner_ul li:hover{background-color: rgba(0,0,0,0.05);}

.nav_box{position: absolute;z-index: 5000;border-top: 1px solid #2277DA;box-shadow: 0 3px 4px rgba(0,0,0,0.18);transition: box-shadow .2s;background-color: #fff;left: 0px;width: 100%;display: none;}
.nav_box .children_list{width: 1200px;margin:0 auto;}
.nav_box .children_list h4{font-size: 15px;font-weight: 600;margin:0;margin-bottom: 10px;text-align: center;color: #333;}
.nav_box .children_list>li{float: left;}
.children_list>.col-md-2>li{position: relative;float: left;padding: 15px 12px;}
.nav_box .child_ul li a{line-height: 30px;height: 30px;color: #333;display: block;padding: 0 20px;}
.nav_box .child_ul li a:hover{color: #2277DA;}

/* 产品分类 */
.category{z-index:1000;width:130px;height:500px;font-size:14px;background:#1e2188;position:absolute;margin-top: 1px;}
.category>ul{list-style:none;height:420px;border:0;color:#fff;margin:0;padding:20px 0}
.category>ul>li>a{display:block;padding-left:15px;height:42px;line-height:42px;color:#fff;text-decoration:none}
.category .glyphicon-menu-right{line-height:42px;margin-right:20px}
.carousel-control-left{margin-left:114px}
.category>ul>li:hover{background:#000;}
.category_children_common{background:#fff; position:absolute;left:114px;top:0;min-width:120px;display:none;border-left:0;height:500px;z-index:50}
.category_children_common>ul{list-style:none;color:#fff;margin:0;padding:20px 0;width:250px;float:left}
.category_children_common>ul>li{height:90px}
.category_children_common>ul>li>a{text-decoration:none;display:inline-block;line-height:90px;color:black;display: block;padding-left:20px;}
.category_children_common>ul>li>a:hover{color:#f10215}
/*三级分类，待以后扩展用*/
.category_children{background:#000; position:absolute;left:130px;top:0;width:160px;display:none;border-left:0;height:500px;z-index:100}
.category_children>ul{list-style:none;border:0;color:#fff;margin:0;padding:20px 0}
.category_children>ul>li>a{display:block;padding-left:20px;height:42px;line-height:42px;color:#fff;text-decoration:none;cursor:pointer}
.category_children>ul>li:hover{background:rgba(204,204,204,0.5);}
.category_third{height:500px;background:#fff;position:absolute;left:160px;top:0;min-width:250px;border:1px solid #e0e0e0;border-left:0;z-index:100;display:none;border-top: 0;border-right:0;}
.category_third>ul{list-style:none;color:#fff;margin:0;padding:20px 0;float:left}
.category_third>ul>li{height:90px;}
.category_third>ul>li>a{text-decoration:none;display:inline-block;line-height:90px;color:black;display: block;padding-left:20px;}
.category_third>ul>li>a:hover{color:#f10215}

/* 链接样式 */
.primary_a{color: #333;}
.primary_a:hover, .primary_a:focus:{color:#337ab7}

/* 红色星号标记 */
.required_info{color: #f00;}

/*一般性按钮样式*/
.btn_main{background-color: #2277DA;border-radius: 0;border: 0;color: #fff;}
.btn_main:hover{background-color: #2771CE;}
.btn_main:hover, .btn_main:focus, .btn_main.focus{color: #fff;}

/* 文章内容样式 */
.content_title{font-weight: bold;font-size: 24px;color: #333;margin-top: 40px;margin-bottom: 20px;}
.content_body p{margin-bottom: 30px;font-size:18px;color:#333333;line-height:200%;text-indent:2em}

/*分页*/
.page_wrap{text-align: center;}
.wrap{background-color: #fff;border-top: 5px solid #2277DA;box-shadow: 0 8px 16px rgba(0,0,0,0.18);padding: 50px;margin-bottom: 50px;}

/* 右侧QQ联系栏目 */
.side_chat{position: fixed;top: 200px;left: 0;z-index: 1000;background-color: #eee;width: 30px;height: 190px;padding-top: 5px;}
.side_chat a{text-decoration: none;width: 30px;position: relative;left: 5px;text-align: center;writing-mode: vertical-lr;writing-mode: tb-lr;margin-top: 5px;}
.side_chat .fa_qq{color: #2277DA;font-size: 15px;}
.qq_chat{position: fixed;top: 200px;left: 0;background-color: #fff;border: 1px solid #eee;z-index: 999;}
.qq_chat ul{list-style: none;}
.qq_chat ul li{padding: 5px 10px;overflow: hidden;height: 38px;}
.qq_chat>.title{background-color: #2277DA;color: #fff;height: 45px;line-height: 45px;padding: 0px 15px;margin-bottom: 10px;}
.qq_chat a{text-decoration: none;}
.qq_chat hr{margin-top: 5px;margin-bottom: 5px;}
.qq_chat .fa_qq{color: #2277DA;font-size: 15px;position: relative;top:-2px;}
.chat_description span{color: #337ABE;}

/* top bar */
.top_bar .glyphicon-menu-down{margin-left: 5px;}
#personal_center{position: relative;}
#personal_center>ul{position: absolute;z-index: 1000;width: 100%;background-color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.15);list-style: none;left: 0px;display: none;}
#personal_center>ul>li{height: 35px;line-height: 35px;}
#personal_center>ul>li:hover{background-color: rgba(0,0,0,0.05);}
#personal_center>ul>li>a{color: #666;text-decoration: none;padding-left: 15px;display: block;}
.top_bar{background-color: #133578;z-index: 2000;height: 40px;font-size: 13px;}
.top_bar .first_level_ul{list-style: none;margin-bottom: 0;}
.top_bar .first_level_ul>li{float: right;line-height: 40px;cursor: pointer;padding: 0px 10px;color: #fff;}
.top_bar .first_level_ul>li>a{color: #fff;text-decoration: none;}
.top_bar .first_level_ul li .glyphicon{margin-right: 5px;}
.top_bar .first_level_ul li:first-child{padding-right: 0px;}
.top_bar .user_menu i{margin-right: 10px;}

/* big header */
.full_bar{height:110px;background:#fff;box-shadow: 0 5px 5px rgba(0,0,0,0.08);}
.header .logo .tohome{display: inline-block; line-height: 110px;float: left;}
.header .logo .logo_title{height: 34px;line-height: 110px;font-size: 24px;color: #333;padding-left: 20px;float: left;}
.header .account{font-size: 16px;float: right;margin-top: 55px;color: #999;}
.header .account a{color: #757575;;text-decoration: none;font-size: 14px;}
.header .account .sep{color: #e0e0e0;margin:0 3px;}
.logo .haved_login{float: right;margin-top: 30px;height: 40px;line-height: 40px;position: relative;}
.haved_login .user{padding: 5px 15px;}
.haved_login .glyphicon-menu-down{font-size: 6px;}
.haved_login .user_menu{list-style: none;padding-left: 0;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);box-shadow: 0 2px 10px rgba(0,0,0,0.15);background-color: #fff;position: absolute;min-width: 120px;z-index: 999;display: none;}
.haved_login .user_menu li a{padding-left: 10px;display: block;}
.haved_login .user_menu li i{margin-right: 10px;}
.haved_login a{color: #757575;}
.haved_login a:hover{color: #2277DA;}
.haved_login li:hover{background-color: rgba(0,0,0,0.05);}

/* footer */

/* footer website info */
.website_info{ background-color: #DEDEDE;font-size: 12px;color: #777;padding: 15px 0 15px 0;}
.website_info .partner_link{margin-bottom: 5px;}
.website_info .partner_link a{padding-right: 16px;}
.website_info .partner_link a:after{position: relative;top: 1px;left: 9px;content: "";display: inline-block;width: 1px;height: 12px;background-color: #ccc;}
.website_info a{color: #777;}
.website_info a:hover{color: #337ab7;}
.website_info .icp{margin-top: 10px;}
.website_info .icp_img{position: relative;top:-1px;}

/* breads 面包屑 */
.breadcrumb{margin-top: 10px;margin-bottom: 20px;padding-left: 0;}
.breadcrumb>li+li:before {content: ">\00a0";padding: 0 5px;color: #b0b0b0;}
.sub>li+li:before {content: " \00a0";} /*lists页面*/
.breadcrumb a, .breadcrumb span{color: #757575;}
.breadcrumb a:hover{color: #2277DA;}

/*略缩图*/
.thumbnail .caption h5{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.thumbnail .caption .desc{height: 18px;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #b0b0b0;}
.thumbnail .caption .title{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.thumbnail_hover:hover{box-shadow:0 15px 30px rgba(0,0,0,0.1);transform: translate3d(0, -2px, 0);}

/* cate list 分类列表，col-sm-3 */
.cate_list ul{list-style: none;border: 1px solid #eee;background-color: #fff;}
.cate_list ul .vo_li{height: 40px;line-height: 40px;padding-left: 15px;border-bottom: 1px dashed #eee;}
.cate_list ul .vo_li:hover,.cate_list ul .vo_li.hover{background: rgba(0,0,0,0.1);cursor: pointer;}
.cate_list .selected{background: rgba(0,0,0,0.1);}
.cate_list ul .vo_li a{color: #888;font-size: 14px;display: block;}
.cate_list .header{border: 1px solid #676A6E;background-color: #676A6E;color: #fff;min-width: 140px;font-size: 15px;box-sizing: border-box;margin-bottom: 5px;}
.cate_list .header i{margin-right: 10px;margin-left: 7px;}

/*分页专用css1 -- qipapage*/
.qipapage {list-style:none;margin:20px 0px;text-align:center;}
.qipapage li {display:inline-block; margin:0px 5px;border:1px solid #dedede; margin-right:5px; padding:0 6px;line-height:30px;}
.qipapage a { display:inline-block;line-height:30px;}
.qipapage li.active,.qipapage li.hover {border:1px solid #000; color:#000; font-weight:bold; text-decoration:none;}
.qipapage li.active a,.qipapage li.hover a { color:#000; font-weight:bold; text-decoration:none;}

.page-index {
    width: 1200px;
    margin: 20px auto 0;
    background: #fff;
    height: 520px;
    overflow: hidden;
    padding-bottom: 20px;
}
.page-index ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-index ul li {
    width: 376px;
    padding: 2px;
    border: 1px solid #eee;
    line-height: 26px;
    color: #333;
    height: auto;
    overflow: hidden;
    min-height: 500px;
    position: relative;
}
.page-index ul li:hover {
    opacity: .94;
    text-decoration: none;
    box-shadow: 1px 2px 8px 1px rgba(0,0,0,.22);
}
.page-index .title {
    font-size: 15px;
    font-weight: bold;
    margin-top: 30px;
}
.page-index .desc {
    color: #888;
}
.page-index ul li img {
    width: 370px;
    height: 240px;
}
.page-index ul li a {
    font-weight: bold;
    display: block;
    position: absolute;
    bottom: 10px;
}
.page {
    text-align: center;
}
.page .num {
    display: inline-block;
    border: 1px solid #999;
    padding: 5px 10px;
}
.page .first {
    display: inline-block;
    border: 1px solid #999;
    padding: 5px 10px;
}
.page .end {
    display: inline-block;
    border: 1px solid #999;
    padding: 5px 10px;
}
.page .prev {
    display: inline-block;
    border: 1px solid #999;
    padding: 5px 10px;
}
.page span {
    display: inline-block;
    border: 1px solid #999;
    padding: 5px 10px;
    margin: 0 5px;
}
.page .next {
    display: inline-block;
    border: 1px solid #999;
    padding: 5px 10px;
}
.article-title {
    font-size: 22px;
    color: #000;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}
.article-title p {
    font-size: 12px;
    color: #999;
}
.h4 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #333;
    margin-top: 20px;
}
.icon {
    display: block;
    width: 30px;
    height: 2px;
    background: #0087e1;
    margin: 8px auto;
}

.bigBox {
    width: 100%;
    height: auto;
    margin: 0 auto;
    /*border-bottom: 5px solid orange;*/
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 30px;
    padding-top: 20px;
}

.bigBox ul {
    height: 50px;
    display: flex;
    justify-content: space-evenly;
}

.bigBox ul li {
    width: 33%;
    border-bottom: 1px solid #efefef;
    text-align: center;
    line-height: 50px;
}
.bigBox ul li:hover{
    /*background-color: skyblue;cursor: pointer*/
}
.box {
    width: 100%;
    margin: 10px auto;
}

.box>div {
    width: 100%;
    text-align: center;
}

.activea {
    border: 1px solid #ff8a00 !important;
    border-bottom: 1px solid #FFF !important;
}

.search2 {
    background: #f3f7f9;
    height: 70px;
    line-height: 70px;
    width: 100%;
    margin: 20px 0;
}
.search2 .form2 {
    margin-left:15%;
    width:85%;

}
.search2 .form2 .select2 {
    width: 200px;
    border: 1px solid #d6e4f1;
    height: 40px;
    text-indent: 10px;
    color: #777;
}
.search2 .form2 .input2 {
    width: 300px;
    border: 1px solid #d6e4f1;
    height: 40px;
    text-indent: 10px;
    color: #777;
}
.search2 .form2 .btn2 {
    height: 70px;
    line-height: 70px;
    background: #009fe7;
    border: 0;
    float: right;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 120px;
}
.down-table {
    width: 100%;
}
.down-table tr th {
    background: #009fe7;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}
.down-table tr td {
    border-bottom: 1px solid #efefef;
    line-height: 50px;
    padding: 20px 5px;
}

.pro-title {
    color: #009fe7;
    font-size: 30px;
    text-align: center;
}

.pro-list {
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}
.pro-desc {
    width: 90%;
    margin: 0 auto;
}
.pro-list ul li {
    border: 1px solid #dee9f5;
    width: 320px;
    margin-left: 3%;
    float: left;
    margin-bottom: 40px;
    height: auto;

    overflow: hidden;
}
.pro-back-title a {
    background: #009fe7;
    display: block;
    line-height: 50px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: 1px solid #009fe7;
}
.pro-list ul li .lists {
    min-height: 200px;
    overflow: hidden;
    height: auto;
}
.pro-list ul li .lists span {
    display: block;
    width: 80%;
    margin: 5px auto;
    line-height: 30px;
}

.product-ls {
    width: 100%;
    border: 1px solid #ccc;
}
.product-ls ul li .t {
    background: #f2f4f6;
    line-height: 60px;
    font-weight: bold;
    color: #000;
    font-size: 18px;
    text-indent: 220px;
}
.product-ls ul li {
    position: relative;
    height: auto;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.product-ls ul li .d {
    text-indent: 220px;
    line-height: 30px;
    margin-top: 20px;
    min-height: 120px;
}
.product-ls ul li img {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    box-shadow: 0 2px 2px 2px #ccc;
}

.p-content {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.p-content .img {
    width: 500px;
    float: left;
}
.p-content .img img {
    width: 500px;
}
.p-content .r-main {
    width: 500px;
    float: left;
    margin-left: 30px;
}
.p-content .r-main .t {
    margin-top: 30px;
    border-bottom: 1px solid #eee;
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.p-content .r-main .l {
    line-height: 30px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    height: auto;
    overflow: hidden;
}


.bigBox2 {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    /*border-bottom: 5px solid orange;*/
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 30px;
    padding-top: 20px;
}

.bigBox2 ul {
    height: 50px;
    display: flex;
    justify-content: space-evenly;
}

.bigBox2 ul li {
    width: 33%;
    border-bottom: 1px solid #bfe7f9;
    background: #f8f9fb;
    text-align: center;
    line-height: 50px;
}
.bigBox2 ul li:hover{
    /*background-color: skyblue;cursor: pointer*/
}
.box2 {
    width: 100%;
    min-height: 400px;
    margin: 10px auto;
}

.box2>div {
    width: 100%;
    min-height: 400px;
    padding: 20px;
}

.activea2 {
    border: 1px solid #009fe7 !important;
    border-bottom: 1px solid #FFF !important;
    border-top: 2px solid #009fe7 !important;
    background: #fff !important;
}