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: "SourceHanSansCN",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: #234eab;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');
}


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

.header .container{position: relative;}
.header .phone{position: absolute; right: 0px; top: 50%; transform: translate(0,-50%);}
.header .phone i,.header .phone em{display: block; color: #114368; line-height: 1.4;}
.header .phone em{font-weight: bold;}
@media (min-width: 1800px){
    .header{padding: 20px 0px;}
    .header .logo img{height: 70px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .header{padding: 20px 0px;}
    .header .logo img{height: 64px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .header{padding: 20px 0px;}
    .header .logo img{height: 58px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .header{padding: 15px 0px;}
    .header .logo img{height: 54px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .header{padding: 10px 0px;}
    .header .logo img{height: 50px;}
}
@media (max-width: 991px) {
    .header{display: none;}
}
@media (min-width: 768px){
    .header .logo{}
    .header .phone{color: #10468d; background: url(../images/indexbg_06.png) center left no-repeat; padding-left: 65px;}
    .header .phone em{font-size: 24px;}
}




.navbar{padding:0px;}
.navbar-brand{margin-right: 0px; font-size: 0px;}
.navbar-toggler{background: url(../images/wap_menu_07.png) center center no-repeat; background-size: 100%;}
.navbar-nav .nav-item{position: relative;}
.navbar-nav .nav-item .nav-link{padding: 0px;}
.navbar-nav .nav-item .div-link{position: relative;}
.navbar-nav .nav-item:hover{border-color: #38914f;}


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


.head_erji{position: fixed; left: 0px; width: 100%; background: rgba(255,255,255,0.95); z-index: 999; display: none;}
.head_erji .container{display: block;}
.head_erji .left{float: left; width: 30%;}
.head_erji .right{float: right; width: 68%;}
.head_erji .right a{float: left; line-height: 2; color: #999999;}
.head_erji .right a img{filter: grayscale(100%); opacity: 0.5;}
.head_erji .right a .desc{margin-top: 8px;}

.head_erji .right a:hover{color: #234eab;}
.head_erji .right a:hover img{filter: grayscale(0); opacity: 1;}
@media (min-width: 1800px){
    .navbar-nav{}
    .navbar-nav .nav-item{margin: 0px 20px;}
    .navbar-nav .nav-item .nav-link{padding: 0px 49px;}

    .head_erji{top: 160px; padding:40px 0px;}
    .head_erji .right a{margin-left: 70px; margin-top: 40px;}
    .head_erji .right a img{height: 40px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .navbar-nav{}
    .navbar-nav .nav-item{margin: 0px 20px;}
    .navbar-nav .nav-item .nav-link{padding: 0px 37px;}

    .head_erji{top: 154px; padding:35px 0px;}
    .head_erji .right a{margin-left: 60px; margin-top: 30px;}
    .head_erji .right a img{height: 36px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .navbar-nav{}
    .navbar-nav .nav-item{margin: 0px 15px;}
    .navbar-nav .nav-item .nav-link{padding: 0px 27px;}

    .head_erji{top: 148px; padding:30px 0px;}
    .head_erji .right a{margin-left: 50px; margin-top: 20px;}
    .head_erji .right a img{height: 32px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .navbar-nav{}
    .navbar-nav .nav-item{margin: 0px 10px;}
    .navbar-nav .nav-item .nav-link{padding: 0px 21px;}

    .head_erji{top: 134px; padding:25px 0px;}
    .head_erji .right a{margin-left: 40px; margin-top: 10px;}
    .head_erji .right a img{height: 28px;}
}
@media (max-width: 991px){
    .navbar-brand img{max-height: 54px;}
    .navbar-collapse{background: rgba(255,255,255,1); padding: 2em 4%; position: fixed; left: 0px; top: 70px; width: 100%; z-index: 99;}
    .navbar-nav .nav-item .nav-link{line-height: 2.5;}
    .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{padding: 8px 0px; max-width: 75%;}
    .head_erji{display: none;}
}
@media (max-width: 767px){
    .header_height{height: 50px;}
    .navbar-brand{padding: 7px 0px;}
    .navbar-brand img{max-height: 36px;}
    .navbar-collapse{top: 50px;}
}
@media (min-width: 992px){
    .navbar{background: #284baa;}
    .navbar .navbar-brand{display: none;}
    .navbar-nav .nav-item{line-height: 50px;}
    .navbar-nav .nav-item .nav-link{color: #fff; display: inline-table; position: relative;}
    .navbar-nav .nav-item .nav-link:before,.navbar-nav .nav-item .nav-link:after{position: absolute; left: 0px; width: 100%; height: 4px; background: #62b751;content: ""; display: inline-table; z-index: 9; display: none;}
    .navbar-nav .nav-item .nav-link:before{top: 0px; transform: translate(0,-100%);}
    .navbar-nav .nav-item .nav-link:after{bottom: 0px; transform: translate(0,100%);}
    .navbar-nav .nav-item:hover .nav-link,.navbar-nav .nav-item.active .nav-link{background: #62b751;}
    .navbar-nav .nav-item:hover .nav-link:before,.navbar-nav .nav-item.active .nav-link:before,.navbar-nav .nav-item:hover .nav-link:after,.navbar-nav .nav-item.active .nav-link:after{display: block;}
    .dropdown-menu{left: 50%; transform: translate(-50%,0); background: #fff;}
    .navbar-nav .nav-item:hover .dropdown-menu{display: block;}
    .navbar-nav .nav-item2:hover .dropdown-menu{display: none;}
    .navbar-nav .nav-item2:hover .head_erji{display: block;}
}




.footer{color: #fff; line-height: 2; background: url(../images/indexbg_02.png) center center no-repeat; background-size: cover;}
.footer a{color: #fff;}

.foot_top .left h3{font-weight: bold; line-height: 2;}
.foot_top .contact i{display: inline-table; width: 30px; float: left;}

.foot_nav li:nth-child(4){margin-right: 0px;}
.navlist a{display: block;}
.navlisttwo a{float: left; min-width: 42%;}
.navlisttwo a:nth-child(2n){float: right;}
.foot_nav h3{font-weight: bold; line-height: 2; position: relative;}
.foot_nav h3:after{content:""; display: inline-table; width: 38px; height: 3px; background: #62b751; position: absolute; bottom: 0px; left: 0px;}

.foot_nav .img{background: #fff; border-radius: 10px; padding: 15px; text-align: center; color: #999999;}


.foot_bot{border-top: 1px #fff solid; text-align: center; line-height: 2;}
.foot_bot span{display: inline-table;}
@media (min-width:1800px){
    .foot_top{padding-top: 130px; margin-top: -130px; padding-bottom: 45px;}
    .foot_top .left{width: 420px;}
    .foot_top .left h3{font-size: 30px;}
    .foot_top .contact{margin-top: 30px;}
    .foot_top .contact li{padding:5px 0px;}
    .foot_top .contact i{}

    .foot_nav li{margin-right: 70px;}
    .navlisttwo{width: 330px;}
    .navlist{margin-top: 20px;}
    .foot_nav h3{font-size: 24px; padding-bottom: 10px;}
    .foot_nav .img{width: 190px;}
    
    .foot_bot{padding: 20px 0px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .foot_top{padding-top: 120px; margin-top: -120px; padding-bottom: 40px;}
    .foot_top .left{width: 400px;}
    .foot_top .left h3{font-size: 24px;}
    .foot_top .contact{margin-top: 25px;}
    .foot_top .contact li{padding:5px 0px;}
    .foot_top .contact i{}

    .foot_nav li{margin-right: 60px;}
    .navlisttwo{width: 320px;}
    .navlist{margin-top: 20px;}
    .foot_nav h3{font-size: 20px; padding-bottom: 10px;}
    .foot_nav .img{width: 170px;}

    .foot_bot{padding: 20px 0px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .foot_top{padding-top: 110px; margin-top: -110px; padding-bottom: 35px;}
    .foot_top .left{width: 360px;}
    .foot_top .left h3{font-size: 20px;}
    .foot_top .contact{margin-top: 25px;}
    .foot_top .contact li{padding:4px 0px;}
    .foot_top .contact i{}

    .foot_nav li{margin-right: 30px;}
    .navlisttwo{width: 300px;}
    .navlist{margin-top: 20px;}
    .foot_nav h3{font-size: 18px; padding-bottom: 10px;}
    .foot_nav .img{width: 140px;}

    .foot_bot{padding: 16px 0px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .foot_top{padding-top: 100px; margin-top: -100px; padding-bottom: 30px;}
    .foot_top .left{width: 360px;}
    .foot_top .left h3{font-size: 20px;}
    .foot_top .contact{margin-top: 25px;}
    .foot_top .contact li{padding:4px 0px;}
    .foot_top .contact i{}

    .foot_nav li{margin-right: 30px;}
    .foot_nav li:nth-child(2),.foot_nav li:nth-child(3){display: none;}
    .navlisttwo{width: 300px;}
    .navlist{margin-top: 20px;}
    .foot_nav h3{font-size: 18px; padding-bottom: 10px;}
    .foot_nav .img{width: 140px;}

    .foot_bot{padding: 12px 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .foot_top{padding-top: 80px; margin-top: -80px; padding-bottom: 25px;}
    .foot_top .left h3{font-size: 20px;}
    .foot_top .contact{margin-top: 25px;}
    .foot_top .contact li{padding:3px 0px;}
    .foot_top .contact i{}
    
    .foot_top .right{margin-top: 30px;}
    .foot_nav li{margin-right: 30px;}

    .navlisttwo{width: 300px;}
    .navlist{margin-top: 20px;}
    .foot_nav h3{font-size: 18px; padding-bottom: 10px;}
    .foot_nav .img{width: 140px;}

    .foot_bot{padding: 10px 0px;}
}
@media (min-width: 992px) {
    .foot_top .left{float: left;}
    .foot_top .right{float: right;}
}
@media (max-width: 767px) {
    .foot_top{padding-top: 50px; margin-top: -50px; padding-bottom: 25px;}
    .foot_top .left h3{font-size: 1.3em;}
    .foot_top .contact{margin-top: 1em;}
    .foot_top .contact li{padding:3px 0px;}
    .foot_top .contact i{}
    
    .foot_top .right{margin-top: 1.2em;}
    .foot_nav li{text-align: center;}
    .foot_nav li:nth-child(1),.foot_nav li:nth-child(2),.foot_nav li:nth-child(3){display: none;}
    .foot_nav li .img{display: inline-table;}

    .foot_bot{padding: 0.6em 2%;}
}
@media (min-width: 768px){
    .foot_nav li{float: left;}

    .foot_bot .left{float: left;}
    .foot_bot .left span{margin-right: 20px;}
    .foot_bot .right{float: right;}
}







@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;}

    .padding_sjb{padding-bottom: 130px;}

    .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;}

    .padding_sjb{padding-bottom: 165px;}
}



@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;}

    .padding_sjb{padding-bottom: 145px;}

    .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;}

    .padding_sjb{padding-bottom: 120px;}
}
@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;}

    .padding_sjb{padding-bottom: 125px;}

    .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;}

    .padding_sjb{padding-bottom: 110px;}
}
@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;}

    .padding_sjb{padding-bottom: 110px;}

    .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;}

    .padding_sjb{padding-bottom: 100px;}
}
@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;}

    .padding_sjb{padding-bottom: 100px;}

    .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;}

    .padding_sjb{padding-bottom: 80px;}
}
@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;}

    .padding_sjb{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;}

    .padding_sjb{padding-bottom: 50px;}
}
@media (min-width: 768px){
    
}




.ind_title{text-align: center;}
.ind_title.tleft{text-align: left;}
.ind_title.tfff{color: #fff;}
.ind_title .div{display: inline-table; background: url(../images/titlebg_07.png) left bottom no-repeat;}
.ind_title h3{font-weight: bold; position: relative;}
.ind_title h3:after{content:""; display: inline-table; border-radius: 50%; background: #62b751; position: absolute; top: 0px; right: 0px; transform: translate(120%,-50%);}
.ind_title.tfff h3:after{background: #fff;}
.ind_more{text-align: center;}
.ind_more.mleft{text-align: left;}
.ind_more a{display: inline-table; background: #284baa; color: #fff; display: inline-table; padding:5px 20px;}
.ind_more a i{background: url(../images/index_45.png) center right no-repeat; padding-right: 20px;}
@media (min-width: 1800px){
    .ind_title.tleft{margin-left: -40px;}
    .ind_title .div{background-size: 130px; padding-left: 80px; padding-top: 40px;}
    .ind_title h3{font-size: 48px;}
    .ind_title h3:after{width: 25px; height: 25px;}
    .ind_title p{font-size: 24px;}
}
@media (min-width: 1500px) and (max-width: 1799px){
    .ind_title.tleft{margin-left: -35px;}
    .ind_title .div{background-size: 120px; padding-left: 70px; padding-top: 36px;}
    .ind_title h3{font-size: 44px;}
    .ind_title h3:after{width: 24px; height: 24px;}
    .ind_title p{font-size: 22px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_title.tleft{margin-left: -32.5px;}
    .ind_title .div{background-size: 102px; padding-left: 65px; padding-top: 32px;}
    .ind_title h3{font-size: 36px;}
    .ind_title h3:after{width: 22px; height: 22px;}
    .ind_title p{font-size: 18px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_title.tleft{margin-left: -27.5px;}
    .ind_title .div{background-size: 90px; padding-left: 55px; padding-top: 28px;}
    .ind_title h3{font-size: 32px;}
    .ind_title h3:after{width: 20px; height: 20px;}
    .ind_title p{font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_title.tleft{margin-left: -22.5px;}
    .ind_title .div{background-size: 80px; padding-left: 45px; padding-top: 24px;}
    .ind_title h3{font-size: 28px;}
    .ind_title h3:after{width: 20px; height: 20px;}
    .ind_title p{font-size: 16px;}
}
@media (max-width: 767px) {
    .ind_title .div{background-size: 70px; padding-left: 35px; padding-top: 20px;}
    .ind_title h3{font-size: 24px;}
    .ind_title h3:after{width: 16px; height: 16px;}
    .ind_title p{font-size: 14px;}
}
@media (min-width: 768px){
    
}


.ind_search{padding:10px 0px;}
.ind_form{float: right;}
.ind_form input{border:1px #dddddd solid;}
.ind_form .txt{font-size: 12px; text-indent: 20px;}
.ind_form .sub{background: #284baa; color: #fff; border-color: #284baa; }
@media (min-width: 1800px){
    
}
@media (min-width: 1500px) and (max-width: 1799px){
    
}
@media (min-width: 1200px) and (max-width: 1499px){
    
}
@media (min-width: 992px) and (max-width: 1199px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
	.ind_form input{height: 30px; border-radius: 15px;}
    .ind_form .txt{width: 20em;}
    .ind_form .sub{width: 4em;}
}
@media (min-width: 768px){
	
	.ind_form input{height: 40px; border-radius: 20px;}
    .ind_form .txt{width: 300px;}
    .ind_form .sub{padding:0px 25px;}
}