/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0 auto; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:bold;}
fieldset, img{vertical-align:middle; border:none;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "微软雅黑",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{font-size:14px; margin:0;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{resize:none; font-family: "微软雅黑",Arial,sans-serif;}
body{color:#666; font:14px "微软雅黑",Arial,sans-serif; background:#fcfeff;}
a{color:#666; text-decoration:none;}
a:hover,a:visited,a:focus{text-decoration:none;color: #0066cc}
i, em{ font-style:normal;}
.clearfix:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{zoom:1;}
.clear{
    clear:both;
}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}
.img-cover{width: 100%;}
.dis-none{display: none;}
.text-nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.flex{display: flex;flex-direction:row;justify-content:center;flex-wrap: nowrap;}
.text-ellipsis{
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*transition*/
.img-tran{transition: all 0.45s ease 0s;}
.img-tran:hover{background: transparent;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}

.tran200{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease;}
.tran400{-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; transition:all 0.4s ease;}

/*网页限定宽度*/
.section{padding: 60px 0}

/*头部*/
.header-top{
    color: #777777;
    background-color: #f3f3f3;
    height: 30px;
    line-height:30px;
    font-size:12px;
}
.navbar{margin-bottom: 0;border: none;}
.navbar .logo {float: left;position: relative;display: block}
.navbar .top{min-height: 140px;;padding: 40px 0}
.navbar .top .top-txt{float: left;margin-left: 21px;padding: 8px 0;}
.navbar .top .top-txt .border{border-left: 1px solid #7c7c7c;padding-left:21px}
.navbar .top .top-txt .border .p1{line-height: 30px;font-size: 18px;color: #1f228d;;font-weight: 800 }
.navbar .top .top-txt .border .p2{line-height: 30px;font-size: 14px;color: #424242;}
.navbar .top-info{float: right;display: flex}
.navbar .top-info .ewm{float: left;margin-right: 10px}
.navbar .top-info .top-tel{height: 50px;background: url("../images/top-phone.png")no-repeat center left;padding-left: 55px;margin-top: 5px}
.navbar .top-info .top-tel p{display: inline-block;font-size: 14px}
.navbar .top-info .top-tel .telnum{text-align: left;}
.navbar .top-info .top-tel .telnum span{display: block;}
.navbar .top-info .top-tel .telnum .num{font-size: 24px;font-weight: 600;line-height: 30px;color: #333333;letter-spacing: -1px;}
.navbar .top-info .top-tel .telnum .txt{padding-left: 3px}


.webnav{
    height: 50px;
    background-color: #191919;
}
.navbar-default {
    background-color: #ffffff;
    border-color: transparent;
}
.navbar-brand{display: none}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > li:hover> a,.navbar-default .navbar-nav > .active> a:hover{background: #1f228d;color: #fff}

.navbar-default .navbar-nav > li:hover .dropdown-menu{display: block;background-color:#191919;}
.navbar-default .navbar-nav > .dropdown > .dropdown-menu {border-top: 2px solid transparent;width: 100%;}
.navbar-default .navbar-nav > .dropdown > .dropdown-menu >li >a {color: #ffffff;padding: 10px;text-align:center;}
.navbar-default .navbar-nav > .dropdown > .dropdown-menu >li >a:hover {color: #ffffff;background: #1f228d}
.nav{width:100%;display:flex;}
.nav>li>a{font-family:"微软雅黑"; font-size: 16px;color:#fff !important;padding:15px 50px}

/*BANNER*/

/*.fullSlide{margin-top: 206px}*/
.hotword{
    height: 80px;
    background-color: #1f228d;
    position: relative;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.39);
}


.hotword .left{float: left;height: 100%;position: relative}
.hotword .left .search .input{background: #fff;
    color: white;border: none;
    box-shadow: none;
    height: 34px;width: 300px;padding-left: 10px;border-radius: 15px;
    margin-top: 23px;
}
.hotword .left .search .input::placeholder{color: white}
.hotword .left .search .button{
    position: absolute;
    background-color: transparent;
    height:20px;
    width: 20px;
    outline:none;
    border: none;
    box-shadow: none;
    background-image: url("../images/search.png");
    background-position: center;
    background-repeat: no-repeat;
    top: 30px;
    left: 260px;
}


.hotword .right {float:right }
.hotword .right p{display: inline-block;font-size: 12px;line-height: 80px;color: white;vertical-align: top}
.hotword .right p a{color: white}
.hotword .right .lefttitle{font-size: 14px;font-weight: 800;padding-left: 30px; background-image: url("../images/hotword.png");
    background-position: center left;
    background-repeat: no-repeat;}
/*无缝滚动*/
.new-prod-list{height: 240px; overflow: hidden; margin:10px auto; width: 1000px;margin-top: 50px}
.list-width li{height: 238px; width: 200px;text-align: center;margin-right: 10px}
.list-width li .img{ border:1px solid #ddd; }
.list-width li .img img{ max-width:100% }
.list-width li p{ background-color: #1f228d;line-height:35px;margin-top: 5px;color:#fff}
#marquee_1 li, #marquee_2 li{float: left;}

/*版权*/
#footer{padding: 0px 0px 56px 0;background: #070707;}

#footer .footnav{margin-top: 60px}
#footer .footnav .row >div {
    padding: 0
}
#footer .footnav  h3{font-size: 20px;margin-bottom: 30px;color: #fff;font-weight:normal;}
#footer .footnav  h3 span{font-size: 16px;margin-bottom: 30px;vertical-align: middle;margin-left:8px}
#footer .footnav .row .foot-con {padding-right: 60px;padding-left: 15px}
#footer .footnav .foot-con p{line-height: 30px}

#footer .footnav .row .foot-form{
    padding-right: 60px;
}
#footer .footnav .row .ewm {
    text-align:center;
}
#footer .footnav .row .ewm .img{
    width:165px;
    height:165px;
    border:1px solid #fff;
    padding:8px;
    margin: 0 auto;
}
#footer .footnav .row .ewm>p{
    line-height: 45px;
    color: #fff;
}

#footer .copyright{text-align: center;color: #9c9c9c;;margin-top: 50px;padding-top: 30px;border-top:1px solid #9c9c9c; }
#footer .copyright a{color: #9c9c9c; }

.foot-button{
    border-color: #1f228d;
    background-color: #1f228d;
    color: #ebebeb;
    position: fixed;
    right: 10px;
    bottom: 20px;
    z-index: 1601;
    padding: 10px;
    line-height: 1em;
    cursor: pointer;
}
.foot-button i{
    line-height: inherit;
    width: 1em;
    margin: -1px 3px 0;
    text-align: center;
}


/*内页banner*/
.innerbanner{
    width:100%;
    height:300px;
    background-repeat: no-repeat;
    background-size: contain;
}
.innerbanner .banner-con{
    position: relative;
    width: 100%;
    height:300px;
}
.innerbanner .banner-con .banner-title{
    position: absolute;
    left:0;
    top: 30%;
}
.innerbanner .banner-con .b-fr{
    left: auto;
    right:0;
}
.innerbanner .banner-con .banner-title>p{
    font-size: 18px;
    color: #ffffff;
}
.innerbanner .banner-con .banner-title>h2{
    font-size: 43px;
    color: #fff;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.83);
}
.innerbanner .banner-con .banner-title>h2 span{
    font-size: 29px;
    vertical-align: bottom;
    margin-left:10px;
}
/*其他*/
#full .qq_info a,#full .qq_info span{ display:block}
#full .qq_info span{ width:86px; background:#fff; text-align:center; padding-top:6px; line-height:24px; border:1px solid #968f96; border-top:none}

/*foot表单*/
.form-horizontal .form-group{margin-right: 0;margin-left: 0;width:160px;float:left;}
.form-horizontal .form-group.name{margin-right: 10px;}
.form-horizontal .form-group.text{width:100%}
.form-horizontal .form-group .form-control{background-color: transparent;}
.form .btn{width:160px}
.form .btn.btn-primary{background-color:transparent;border-color:#fff}

/* 分页 */

.page{
    margin-top: 100px;
}
.list_btn{
    margin: 30px 0;
    text-align: center;
}
#pagesinfo{display: inline-block;font-size: 16px;margin-right: 15px}
#pagesinfo span{color: red;}
.list_btn .list_btn_l_r{
    display: inline-block;
    width: 60px;
    height: 30px;
    /*border-radius: 5px;*/
    border: solid 1px #cccccc;
    text-align: center;
    line-height: 30px;
    padding: 0;
    font-size: 14px;
}
.list_btn .list_btn_l_r:hover{border-color:#1f228d }
.list_btn .list_btn_l_r:hover a{color: #1f228d; }
.list_btn .list_btn_l_r a:hover{
    color: #1f228d;
}
.list_btn .list_btn_num{
    display: inline-block;
}
.list_btn .list_btn_num a{
    display: inline-block;
    width: 30px;
    height: 30px;
    /*border-radius: 5px;*/
    border: solid 1px #cccccc;
    text-align: center;
    line-height: 30px;
    padding: 0;
    font-size: 14px;
    margin-right: 5px;
}
.list_btn .list_btn_num a:hover{
    color: #1f228d;
}
.list_btn .list_btn_num a.cur{
    background: #1f228d;
    color: white;
}


.prenext{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #dddddd;
}
.prenext ul li{margin-bottom: 15px}
.prenext ul li a:hover{color: #1f228d}


@media screen and (max-width:789px){
    .top{
        display: none;
    }
    .nav{display:block;background:#191919;height: auto;
        width: 100%;
        position: relative;
        z-index: 99;
    }
    .navbar-nav{margin:0 auto;}
    .navbar-collapse .nav li{float:none;}
    .webnav{background: #fff}
    .navbar-brand{display: block !important;padding: 0}
    .navbar-brand > img{height: 50px;}
    .subcolumn_nav ul li>a{padding: 5px 5px;}
    .custom-form{padding: 15px}
    .hotword{display: none}
    .new-prod-list{
        width: 100%;
    }
    #footer{padding: 20px 0}
    #footer .footnav h3{text-align: center;padding-bottom: 0}
    #footer .footnav .col-lg-3{margin-top: 20px}
    #footer .footnav ul li{text-align: center}
    #footer .footnav .foot-con p{text-align: center}
    #footer .footnav .foot-logo a img{width: 100%;}
    #footer .footnav .row .ewm{margin-top:50px}
}
