body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px;color: #333;font-family: "Poppins",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; background: url(../images/shouye_02.jpg) repeat;}
a {color: #333;text-decoration: none;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
a:hover {color: #44374f;text-decoration: none;}
img {border: 0 none; max-width: 100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
textarea{font-family: "SourceHanSansCN",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
input, textarea, select {outline: none;}
i,em{font-style: normal;}
h1,h2,h3,h4,b{font-weight: normal;}
@media (min-width: 1500px){
    html, body{font-size: 16px;}
}
@media (min-width: 991px) and (max-width: 1500px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
@font-face{
    font-family: 'SourceHanSansCN'; 
    src:url('../fonts/SourceHanSansCN.eot');
    src:url('../fonts/SourceHanSansCN.woff') format('woff'),
        url('../fonts/SourceHanSansCN.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN.svg') format('svg');
}

@font-face{
    font-family: 'Poppins'; 
    src:url('../fonts/Poppins-Regular.eot');
    src:url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg') format('svg');
}




.middle{display: table-cell; vertical-align: middle; width: 1000px;}


.top{background: #222222; color: #fff; text-align: right; line-height: 36px;}
.top li{display: inline-table;}
.top li select{width: 80px; direction: rtl;}
.top li select option{direction: ltr;}
.top .phone{background: url(../images/shouye_06.png) center left no-repeat; padding-left: 28px; margin-right: 30px;}
.top .fanyi span{background: url(../images/shouye_033.png) center left no-repeat; padding-left: 25px; background-size: 20px; display: inline-table;}

.navbar{background: #fff; padding:0px; border-bottom: 1px #f7f7f7 solid;}
.navbar-toggler{background: url(../images/menu1.png) center center no-repeat; background-size: 100%;}
.navbar-nav .nav-item{border-bottom: 2px #fff solid; position: relative;}
.navbar-nav .nav-item .nav-link{line-height: 2; position: relative;}
.navbar-nav .nav-item:hover a{background: #333333; color: #fff; border-radius: 5px;}


.navbar-nav .nav-item span{padding: 10px 0px; border:2px rgba(255,255,255,0) solid;}
.dropdown-menu{text-align: center; line-height: 2; background:#fff; border:0px #fff solid; border-top:2px #142e59 solid; padding: 0px;}
.dropdown-menu a{border-bottom: 1px #eee solid; display: block; padding: 5px 0px;}


.nav_form{background: #f6f6f6; border-radius: 18px; overflow: hidden;}
.nav_form input{border:0px #f6f6f6 solid; background: none; height: 36px; float: left;}
.nav_form input.fc-search-keyword{text-indent: 15px; width: 80%;}
.nav_form .search-btn .btn{background: url(../images/xiazai_14.png) center center no-repeat; width: 20%; height: 36px;}

.nav_form .btn.dropdown-toggle{width: 0px; padding: 0px; overflow: hidden;}


@media (min-width: 1500px){
    .navbar,.header_height{height: 80px;}
    .navbar-brand img{}
    .navbar-nav{margin-left: 40px;}
    .navbar-nav .nav-item{padding: 0px 15px; line-height: 80px;}
    .nav_form{margin-top: 22px; margin-left: 30px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .navbar,.header_height{height: 80px;}
    .navbar-brand img{}
    .navbar-nav{margin-left: 35px;}
    .navbar-nav .nav-item{padding: 0px 2px; line-height: 80px;}
    .nav_form{margin-top: 22px; margin-left: 30px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .navbar,.header_height{height: 72px;}
    .main_ban .word{padding-top: 72px;}
    .navbar-brand img{}
    .navbar-nav{margin-left: 30px;}
    .navbar-nav .nav-item{padding: 0px 6px; line-height: 72px;}
    .nav_form{display: none;}
}
@media (max-width: 991px){
    .header_height{height: 50px;}
    .navbar-collapse{background: rgba(255,255,255,1); padding: 2em 4%; position: fixed; left: 0px; width: 100%; z-index: 99;}
    .navbar-nav .nav-item span{display: inline-table; width: 24px;height: 20px; background: url(../images/jia.png) center center no-repeat; background-size: 100% 100%;   position: absolute;  right: 2%; top: 18px; transform: translate(0,-50%);}
    .navbar-nav .nav-item a{border-bottom: 1px #eee solid; }
    .navbar-toggler{padding: 0.25rem 0.25rem;}
}
@media (max-width: 991px){
    .navbar-expand-lg>.container{padding:0px 2%;}
    .navbar-brand img{height: 40px;}
    .navbar-collapse{ top: 85px;}
}
@media (min-width: 992px){
    .navbar-collapse{float: right;}
    .navbar-nav .nav-item .nav-link{ display: inline-table;}
    .dropdown-menu{left: 50%; transform: translate(-50%,0); }
    .navbar-nav .nav-item:hover .dropdown-menu{display: block;}
}




.footer{background: #fff;}
.foot_youshi li{float: left;}


.foot_contact{line-height: 2; border-top: 1px #eaeaea solid;}
.foot_contact li{display: inline-table;}
.foot_contact li a{display: inline-table; background: #000000; color: #fff; font-size: 14px; border-radius: 5px; padding: 0px 10px;}

.foot_nav{text-align: center; border-top: 1px #eaeaea solid; line-height: 2;}
.foot_nav a{display: inline-table; position: relative;}
.foot_nav a:before,.foot_nav a:after{content: ""; display: inline-table; width: 1px; height: 16px; position: absolute; top: 50%; transform: translate(0,-50%);}
.foot_nav a:before{background: #6e6e6e; left: 0px;}
.foot_nav a:after{background: #8c8c8c; right: 0px;}
.foot_nav a:first-child:before{background: none;}
.foot_nav a:last-child:after{background: none;}
.foot_navdiv{display: inline-table;}


@media (min-width: 1500px){
    .foot_youshi{padding: 40px 0px;}
    .foot_youshi li .middle{height: 80px;}


    .foot_contact{padding: 40px 0px;}
    .foot_contact li{font-size: 20px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .foot_youshi{padding: 35px 0px;}
    .foot_youshi li .middle{height: 75px;}

    .foot_contact{padding: 35px 0px;}
    .foot_contact li{font-size: 18px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .foot_youshi{padding: 30px 0px;}
    .foot_youshi li .middle{height: 70px;}

    .foot_contact{padding: 30px 0px;}
    .foot_contact li{font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .foot_youshi{padding: 25px 0px;}
    .foot_youshi li .middle{height: 70px;}

    .foot_contact{padding: 25px 0px;}
    .foot_contact li{font-size: 16px;}
}
@media (max-width: 767px) {
    .foot_youshi{padding: 1.4em 0px;}
    .foot_youshi li{width: 49%; text-align:center; padding: 0px 2%;}
    .foot_youshi li:nth-child(2n){float: right;}
    .foot_youshi li .middle{height: 5em;}

    .foot_contact{padding: 1.4em 0px;}
    .foot_contact li{font-size: 1.1em; display: block;}

    .foot_nav{padding: 0.6em 0px;}
    .foot_nav a{padding: 0px 0.8em;}
}
@media (min-width: 768px){
    .foot_youshi li{width: 25%; padding: 0px 1%;}
    .foot_youshi li .img{width: 25%; float: left;}
    .foot_youshi li .word{width: 70%; float: right;}
    .foot_contact{text-align:justify; text-align-last: justify;}
    .foot_nav{padding: 10px 0px;}
    .foot_nav a{padding: 0px 20px;}
}