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;text-align: justify; color: #333;font-family: "SourceHanSerifCN-Regular",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
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: #002177;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: "SourceHanSerifCN-Regular",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
@media (min-width: 768px){
    .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: 1800px){
    html, body{font-size: 18px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    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: 'SourceHanSerifCN-Bold'; 
    src:url('../fonts/SourceHanSerifCN-Bold.eot');
    src:url('../fonts/SourceHanSerifCN-Bold.woff2') format('woff'),
        url('../fonts/SourceHanSerifCN-Bold.ttf') format('truetype'),
        url('../fonts/SourceHanSerifCN-Bold.svg') format('svg');
}
@font-face{
    font-family: 'SourceHanSerifCN-Heavy'; 
    src:url('../fonts/SourceHanSerifCN-Heavy.eot');
    src:url('../fonts/SourceHanSerifCN-Heavy.woff2') format('woff'),
        url('../fonts/SourceHanSerifCN-Heavy.ttf') format('truetype'),
        url('../fonts/SourceHanSerifCN-Heavy.svg') format('svg');
}
@font-face{
    font-family: 'SourceHanSerifCN-Medium'; 
    src:url('../fonts/SourceHanSerifCN-Medium.eot');
    src:url('../fonts/SourceHanSerifCN-Medium.woff2') format('woff'),
        url('../fonts/SourceHanSerifCN-Medium.ttf') format('truetype'),
        url('../fonts/SourceHanSerifCN-Medium.svg') format('svg');
}
@font-face{
    font-family: 'SourceHanSerifCN-Regular'; 
    src:url('../fonts/SourceHanSerifCN-Regular.eot');
    src:url('../fonts/SourceHanSerifCN-Regular.woff2') format('woff'),
        url('../fonts/SourceHanSerifCN-Regular.ttf') format('truetype'),
        url('../fonts/SourceHanSerifCN-Regular.svg') format('svg');
}






.navbar{background: #fff; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999;}
.navbar-nav .nav-item{}
.navbar-nav .nav-item .nav-link{padding: 0px;position: relative;}
.navbar-nav .nav-item:hover a,.navbar-nav .nav-item.active a{color: #002177;}
.navbar-nav .nav-item:hover a span,.navbar-nav .nav-item.active a span{display: inline-table; width: 100%; height: 2px; background: #002177; position: absolute; bottom: 25%;}

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

.navbar_right{display: flex; }
.navbar_right .phone{color: #002177; font-weight: bold;}
.navbar_right .phone div{background: url(../images/phone_03.png) center left no-repeat; background-size: auto 100%; line-height: 2; padding: 2px;}
@media (min-width: 1800px){
    .navbar,.header_height{height: 100px;}
    .navbar .container-fluid{padding: 0px 8%;}
    .navbar-brand img{max-height: 80px;}
    .navbar-nav .nav-item{padding: 0px 15px; margin:0px 15px;}
    .navbar-nav .nav-item .nav-link{line-height: 100px;}
    .navbar_right .phone div{font-size: 20px; padding-left: 60px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .navbar,.header_height{height: 90px;}
    .navbar .container-fluid{padding: 0px 6%;}
    .navbar-brand img{max-height: 70px;}
    .navbar-nav .nav-item{padding: 0px 12px; margin:0px 12px;}
    .navbar-nav .nav-item .nav-link{line-height: 90px;}
    .navbar_right .phone div{font-size: 18px; padding-left: 54px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .navbar,.header_height{height: 80px;}
    .navbar .container-fluid{padding: 0px 6%;}
    .navbar-brand img{max-height: 60px;}
    .navbar-nav .nav-item{padding: 0px 10px; margin:0px 10px;}
    .navbar-nav .nav-item .nav-link{line-height: 80px;}
    .navbar_right .phone div{font-size: 16px; padding-left: 48px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .navbar,.header_height{height: 75px;}
    .navbar .container-fluid{padding: 0px 6%;}
    .navbar-brand img{max-height: 55px;}
    .navbar-nav .nav-item{padding: 0px 6px; margin:0px 6px;}
    .navbar-nav .nav-item .nav-link{line-height: 75px;}
    .navbar_right .phone div{font-size: 15px; padding-left: 50px;}
}
@media (max-width: 991px){
    .header_height{height: 50px;}
    .navbar-collapse{padding:1em 0px;}
    .navbar-brand img{max-height: 40px;}
    .navbar-nav .nav-item{padding: 0px 6px; margin:0px 6px;}
    .navbar-nav .nav-item .nav-link{line-height: 2.5; padding:0.5em 0px;}
    .dropdown-toggle::after{right: 0px; position: absolute; top: 50%; transform: translate(0,-50%);}
    .navbar-nav .nav-item:hover a span,.navbar-nav .nav-item.active a span{left: 0px;}
    .navbar_right .phone div{font-size: 15px; padding-left: 50px;}
}
@media (max-width: 767px) {
    .navbar-brand{max-width: 65%;}
}
@media (min-width: 992px){
    .navbar-brand{max-width: 30%;}
    .navbar-nav .nav-item:hover a span,.navbar-nav .nav-item.active a span{ left: 50%; transform: translate(-50%,0);}
    .dropdown-toggle::after{display: none;}
    .dropdown-menu{left: 50%; transform: translate(-50%,0); background: #fff;}
    .navbar-nav .nav-item:hover .dropdown-menu{display: block;}

}



.footer{background: url(../images/shouye_07.jpg) center center no-repeat; color: #fff; background-size: cover;}
.footer a{color: #fff;}





.foot_top .middle{width: auto;}

.foot_topul li{float: left;line-height: 2;}
.foot_topul li .middle{text-align: left;}
.foot_topul li span{display: block;}
.foot_topul li.dianhua span{background: url(../images/shouye_71.png) center left no-repeat; background-size: auto 100%;}
.foot_topul li.dizhi span{background: url(../images/shouye_73.png) center left no-repeat; background-size: auto 100%;}
.foot_topul li.youxiang span{background: url(../images/shouye_76.png) center left no-repeat; background-size: auto 100%;}

.foot_erweima{position:relative;}
.foot_erweima li{float: left; cursor: pointer;}
.foot_erweima li .erweima{position:absolute; left: 0px; top:0px; background: #fff; padding: 15px; border-radius: 10px; display: none;}
.foot_erweima li .erweima img{width: 100%;}
.foot_erweima li .erweima:after{position:absolute; bottom: 0px; transform: translate(0,100%); content:""; display: inline-table;width: 20px; height: 9px; background: url(../images/shouye_85.png) center center no-repeat;}
.foot_erweima li .img{background: url(../images/shouye_91.png) center center no-repeat; background-size: cover;}
.foot_erweima li.active .erweima{display: block;}
.foot_erweima li.active .img{background: url(../images/shouye_89.png) center center no-repeat; background-size: cover;}

.foot_c_select select{font-size: 14px; border:1px rgba(255,255,255,0.5) solid;}
.foot_centerul{}
.foot_centerul li{float: left;}
.foot_centerul li h3{line-height: 1; font-size: 16px;}
.foot_centerul .link{line-height: 2; font-size: 14px;}
.foot_centerul .link a{display: block; color: rgba(255,255,255,0.6);}





.foot_center{border-top: 1px #4481c4 solid;}

.foot_bot{border-top: 1px #4481c4 solid; font-size: 14px; text-align: center;}


@media (min-width: 1800px){
    .foot_toplogo{float: left; width: 16%;}
    .foot_toplogo img{height: 75px;}
    .foot_topul{float: right; max-width: 82%;}
    .foot_topul li{margin-left: 80px;}
    .foot_top .middle{height: 88px;}
    .foot_topul li span{padding-left: 40px;}

    .foot_erweima{padding-top: 180px;}
    .foot_erweima li{margin-right: 20px;}
    .foot_erweima .erweima{width: 160px; height: 160px;}
    .foot_erweima li:nth-child(1) .erweima:after{left: 10px;}
    .foot_erweima li:nth-child(2) .erweima:after{left: 70px;}
    .foot_erweima li .img{width: 40px; height: 40px; }

    .foot_c_select select{width: 250px; height: 40px;}
    
    .foot_centerul li{margin-left: 100px;}
    .foot_centerul h3{}
    .foot_centerul .link{margin-top: 20px;}
    
    .foot_bot{line-height: 80px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .foot_toplogo{float: left; width: 16%;}
    .foot_toplogo img{height: 65px;}
    .foot_topul{float: right; max-width: 82%;}
    .foot_topul li{margin-left: 70px;}
    .foot_top .middle{height: 80px;}
    .foot_topul li span{padding-left: 38px;}

    .foot_erweima{padding-top: 180px;}
    .foot_erweima li{margin-right: 20px;}
    .foot_erweima .erweima{width: 160px; height: 160px;}
    .foot_erweima li:nth-child(1) .erweima:after{left: 10px;}
    .foot_erweima li:nth-child(2) .erweima:after{left: 70px;}
    .foot_erweima li .img{width: 40px; height: 40px; }

    .foot_c_select select{width: 250px; height: 40px;}
    
    .foot_centerul li{margin-left: 90px;}
    .foot_centerul h3{}
    .foot_centerul .link{margin-top: 20px;}

    .foot_bot{line-height: 70px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .foot_toplogo{float: left; width: 14%;}
    .foot_toplogo img{height: 55px;}
    .foot_topul{float: right; max-width: 86%;}
    .foot_topul li{margin-left: 40px;}
    .foot_top .middle{height: 70px;}
    .foot_topul li span{padding-left: 38px;}

    .foot_erweima{padding-top: 170px;}
    .foot_erweima li{margin-right: 20px;}
    .foot_erweima .erweima{width: 150px; height: 150px;}
    .foot_erweima li:nth-child(1) .erweima:after{left: 10px;}
    .foot_erweima li:nth-child(2) .erweima:after{left: 70px;}
    .foot_erweima li .img{width: 40px; height: 40px; }

    .foot_c_select select{width: 220px; height: 40px;}
    
    .foot_centerul li{margin-left: 50px;}
    .foot_centerul h3{}
    .foot_centerul .link{margin-top: 20px;}

    .foot_bot{line-height: 60px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .foot_toplogo{display: none;}
    .foot_topul li{margin-left: 30px;}
    .foot_top .middle{height: 60px;}
    .foot_topul li span{padding-left: 38px;}

    .foot_erweima{padding-top: 170px;}
    .foot_erweima li{margin-right: 20px;}
    .foot_erweima .erweima{width: 150px; height: 150px;}
    .foot_erweima li:nth-child(1) .erweima:after{left: 10px;}
    .foot_erweima li:nth-child(2) .erweima:after{left: 70px;}
    .foot_erweima li .img{width: 40px; height: 40px; }

    .foot_c_select select{width: 180px; height: 40px;}
    
    .foot_centerul li{margin-left: 20px;}
    .foot_centerul h3{}
    .foot_centerul .link{margin-top: 20px;}
    
    .foot_bot{line-height: 50px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .foot_toplogo{display: none;}
    .foot_topul{width: 100%;}
    .foot_topul li{margin-left: 30px;}
    .foot_top .middle{height: 60px;}
    .foot_topul li span{padding-left: 38px;}

    .foot_erweima{padding-top: 170px;}
    .foot_erweima li{margin-right: 20px;}
    .foot_erweima .erweima{width: 150px; height: 150px;}
    .foot_erweima li:nth-child(1) .erweima:after{left: 10px;}
    .foot_erweima li:nth-child(2) .erweima:after{left: 70px;}
    .foot_erweima li .img{width: 40px; height: 40px; }

    .foot_c_select select{width: 160px; height: 40px;}
    
    .foot_centerul li{margin-left: 30px;}
    .foot_centerul li:nth-child(3),.foot_centerul li:nth-child(4){display: none;}
    .foot_centerul h3{}
    .foot_centerul .link{margin-top: 20px;}
    
    .foot_bot{line-height: 50px;}
}
@media (max-width: 767px) {
    .foot_toplogo{display: none;}
    .foot_topul{width: 100%;}
    .foot_topul li{margin:8px 0px;}
    .foot_topul li span{padding-left: 38px;}
    .foot_topul li.dizhi span{background-size: 8%;}

    .foot_erweima{padding-top: 170px;}
    .foot_erweima li{margin-right: 20px;}
    .foot_erweima .erweima{width: 150px; height: 150px;}
    .foot_erweima li:nth-child(1) .erweima:after{left: 10px;}
    .foot_erweima li:nth-child(2) .erweima:after{left: 70px;}
    .foot_erweima li .img{width: 40px; height: 40px; }

    .foot_c_select select{width: 160px; height: 40px;}

    .foot_center{display: none;}
    .foot_centerul li{margin-left: 30px; margin-top: 1.5em;}
    .foot_centerul h3{}
    .foot_centerul .link{margin-top: 20px;}
    
    .foot_bot{line-height: 2; padding: 0.6em 2%; text-align: center;}
}
@media (min-width: 768px){
    
    .foot_centerleft{float: left;}
    .foot_centerul{float: right;}

}


.ind_title{position: relative;}
.ind_title .title{line-height: 1;}
.ind_title .title h3{font-family: "Impact";}
.ind_title .title span{display: inline-table; width: 50px; height: 3px; background: #002177;}

.ind_title .ind_more{position: absolute; right: 0px; top: 50%; transform: translate(0,-50%);}
.ind_more a{display: inline-table; background: #d4b147; color: #fff; line-height: 2;text-transform:uppercase;}
.ind_more.center,.ind_title.center{text-align: center;}
@media (min-width: 1800px){
    .ind_title .title h3{font-size: 60px;}
    .ind_more a{padding: 6px 30px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .ind_title .title h3{font-size: 48px;}
    .ind_more a{padding: 5px 25px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_title .title h3{font-size: 40px;}
    .ind_more a{padding: 5px 25px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_title .title h3{font-size: 32px;}
    .ind_more a{padding: 4px 20px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_title .title h3{font-size: 28px;}
    .ind_more a{padding: 4px 20px;}
}
@media (max-width: 767px) {
    .ind_title .title h3{font-size: 2em;}
    .ind_more a{padding: 0.2em 1.5em;}
}
@media (min-width: 768px){
    
}














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



@media (min-width: 1800px){
    .margin_tb{margin: 110px 0px;}
    .margin_t{margin-top: 110px;}
    .margin_b{margin-bottom: 110px;}

    .padding_tb{padding: 110px 0px;}
    .padding_t{padding-top: 110px;}
    .padding_b{padding-bottom: 110px;}

    .margin_stb{margin: 70px 0px;}
    .margin_st{margin-top: 70px;}
    .margin_sb{margin-bottom: 70px;}

    .padding_stb{padding: 70px 0px;}
    .padding_st{padding-top: 70px;}
    .padding_sb{padding-bottom: 70px;}
}



@media (min-width: 1500px) and (max-width: 1799px){
    .margin_tb{margin: 90px 0px;}
    .margin_t{margin-top: 90px;}
    .margin_b{margin-bottom: 90px;}

    .padding_tb{padding: 90px 0px;}
    .padding_t{padding-top: 90px;}
    .padding_b{padding-bottom: 90px;}

    .margin_stb{margin: 60px 0px;}
    .margin_st{margin-top: 60px;}
    .margin_sb{margin-bottom: 60px;}

    .padding_stb{padding: 60px 0px;}
    .padding_st{padding-top: 60px;}
    .padding_sb{padding-bottom: 60px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .margin_tb{margin: 75px 0px;}
    .margin_t{margin-top: 75px;}
    .margin_b{margin-bottom: 75px;}

    .padding_tb{padding: 75px 0px;}
    .padding_t{padding-top: 75px;}
    .padding_b{padding-bottom: 75px;}

    .margin_stb{margin: 50px 0px;}
    .margin_st{margin-top: 50px;}
    .margin_sb{margin-bottom: 50px;}

    .padding_stb{padding: 50px 0px;}
    .padding_st{padding-top: 50px;}
    .padding_sb{padding-bottom: 50px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .margin_tb{margin: 60px 0px;}
    .margin_t{margin-top: 60px;}
    .margin_b{margin-bottom: 60px;}

    .padding_tb{padding: 60px 0px;}
    .padding_t{padding-top: 60px;}
    .padding_b{padding-bottom: 60px;}

    .margin_stb{margin: 40px 0px;}
    .margin_st{margin-top: 40px;}
    .margin_sb{margin-bottom: 40px;}

    .padding_stb{padding: 40px 0px;}
    .padding_st{padding-top: 40px;}
    .padding_sb{padding-bottom: 40px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .margin_tb{margin: 50px 0px;}
    .margin_t{margin-top: 50px;}
    .margin_b{margin-bottom: 50px;}

    .padding_tb{padding: 50px 0px;}
    .padding_t{padding-top: 50px;}
    .padding_b{padding-bottom: 50px;}

    .margin_stb{margin: 30px 0px;}
    .margin_st{margin-top: 30px;}
    .margin_sb{margin-bottom: 30px;}

    .padding_stb{padding: 30px 0px;}
    .padding_st{padding-top: 30px;}
    .padding_sb{padding-bottom: 30px;}
}
@media (max-width: 767px) {
    .margin_tb{margin: 1.6rem 0px;}
    .margin_t{margin-top: 1.6rem;}
    .margin_b{margin-bottom: 1.6rem;}

    .padding_tb{padding: 1.6rem 0px;}
    .padding_t{padding-top: 1.6rem;}
    .padding_b{padding-bottom: 1.6rem;}

    .margin_stb{margin: 1rem 0px;}
    .margin_st{margin-top: 1rem;}
    .margin_sb{margin-bottom: 1rem;}

    .padding_stb{padding: 1rem 0px;}
    .padding_st{padding-top: 1rem;}
    .padding_sb{padding-bottom: 1rem;}
}
@media (min-width: 768px){
    
}