body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px;color: #666;font-family: "SourceHanSansCN","arial","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; text-align: justify;}
a {color: #666;text-decoration: none;}
a:hover {color: #737478;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;}
i,em{font-style: normal;}
input, textarea, select {outline: none;}
@media (min-width: 991px){
    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;}
}
.f2f2f2{background: #f2f2f2;}
.middle{display: table-cell;    vertical-align: middle;}
.clear{clear: both;}

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

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

@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');
}
@media (min-width: 768px){
    .wap_diplay{display: none;} 
}
@media (max-width: 767px){
    .wap_about{padding-top: 73px;}
    .pc_diplay{display: none;} 
}


/*menu*/
.top{color: #fff; background: #737478; line-height: 2; padding: 2px 0px; font-size: 14px;}
.top span{display: inline-table; padding-left: 22px;}
.top .top_qhcs{float: left; }
.top_qhcs{display: inline-flex;}
.top_qhcs .top_dq{float: left;color: #fffd2d; margin-right: 4px;}
.top_qhcs .top_qiehuan{float: left; position: relative; margin-right: 5px; cursor: pointer;}
.top_qhcs .top_qiehuan .top_chengshi{position: absolute; left: 0px; top: 100%; z-index: 999; background: #fff; display: none; width: 100%; text-align: center; box-shadow: 0px 0px 5px #eee;}
.top_qhcs .top_qiehuan:hover .top_chengshi{display: block;}
.top_chengshi a{display: block;}
.top .left{float: left;}
.top .left .yiji{background: url(../images/shouye_03.png) center left no-repeat; margin-right: 20px;}
.top .left .erji{background: url(../images/shouye_05.png) center left no-repeat;}
.top .right{float: right; }
.top .right span{background: url(../images/shouye_08.png) center left no-repeat;}


.logo .fff{display: none;}
.navbar .logo img{max-height: 100%;}
.navbar{position: fixed; top: 0px; left: 0px; width: 100%;z-index: 999; color: #333; background: rgba(255,255,255,0.9);}

.navbar-nav li:nth-child(2) .nav_caidan a:nth-child(1),.navbar-nav li:nth-child(2) .nav_caidan a:nth-child(2),.navbar-nav li:nth-child(2) .nav_caidan a:nth-child(3),.navbar-nav li:nth-child(2) .nav_caidan a:nth-child(4){display: none;}
.navbar-nav>li>a{color: #333;line-height: 30px;}
.nav_caidan { width: 100%; z-index: 9; display: none;}
.nav_caidan a{display: block; }
.nav_caidan a:hover{background: #737478; color: #fff;}
.navbar-nav li span{padding: 10px 0px; border:2px rgba(255,255,255,0) solid;}



.head_ico{float: right;}
.head_ico .search{background: url(../images/shouye_16.png) left center no-repeat; display: inline-table;width: 20px; height: 20px; cursor: pointer;}
@media (min-width: 1600px){
    .ind_padding{padding-top: 112px;}
    .navbar{}
    .navbar .logo{margin-top: 8px;}
    .navbar .logo img{height: 44px;}
    .navbar-nav li{padding: 15px 0px;}
    .navbar-nav li>a{padding: 0px 30px;}
    .head_ico{margin-top: 20px; margin-left: 20px;}
}
@media (min-width: 1200px) and (max-width: 1599px){
    .ind_padding{padding-top: 106px;}
    .navbar{}
    .navbar .logo{margin-top: 8px;}
    .navbar .logo img{height: 40px;}
    .navbar-nav li{padding: 13px 0px;}
    .navbar-nav li>a{padding: 0px 20px;}
    .head_ico{margin-top: 18px; margin-left: 18px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_padding{padding-top: 96px;}
    .navbar{}
    .navbar .logo{margin-top: 9px;}
    .navbar .logo img{height: 36px;}
    .navbar-nav li{padding: 12px 0px;}
    .navbar-nav li>a{padding: 0px 12px;}
    .head_ico{margin-top: 17px; margin-left: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_padding{padding-top: 94px;}
    .navbar{}
    .navbar .logo{margin-top: 9px;}
    .navbar .logo img{height: 32px;}
    .navbar-nav li{padding: 10px 0px;}
    .navbar-nav li>a{padding: 0px 10px;}
    .head_ico{display: none;}
}
@media (max-width: 767px) {
    .top{display: none;}
    .ind_padding{padding-top: 3.6em;}
    .navbar{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999;}
    .navbar-nav{min-height: 350px;}
    .navbar .logo{position: absolute; left: 2%; top:2em;}
    .navbar .logo img{ height: 2.6em; margin-top: 0.4em;}
    .navbar-collapse{position: fixed;  right: 0px;  top: 5em;  z-index: 10;  background: rgba(255,255,255,0.9); height: 100%;   width:100%;}
    .navbar-collapse li{border-bottom: 1px #eee solid;line-height: 2; padding: 0.3em 0px;}
    .navbar-nav 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 li.act{border-color: #737478;}
    .navbar-collapse li a{text-indent: 1em;}
    .nav_caidan{padding: 0.6em 0px;}
    .navbar-collapse li .nav_caidan a{text-indent: 2em;line-height: 2.4;}
    .head_ico{display: none;}
    .pc{display: none;}
    .top_wap{text-align: center; background: #737478; color: #fff; font-size: 10px; padding: 8px 2%;}
    .top_wap span{display: inline-table; margin: 0px 5px;}
}
@media (min-width: 768px){
    .navbar .logo{float: left;}
    .navbar-nav{float: left;}
    .navbar-collapse.collapse{float: right; padding: 0px;}
    .navbar-nav li{ position: relative; text-align: center;}
    .navbar-nav>li>a{ border-radius: 15px;}
    .navbar-nav li span{display: none;}
    .header_right .navbar-collapse{padding: 0px; float: left;}
    .navbar-nav li:hover>a,.navbar-nav li.act>a{color: #d00606;}
    .navbar-nav li:hover .nav_caidan{display: block;}
    .nav_caidan {position: absolute; left: 0px;top: 100%;background: rgba(255,255,255,0.8);line-height: 3;}
    .nav_caidan a{color: #333;}
    .wap{display: none;}
    .top_wap{display: none;}

}



.footer{background: #191919; background-size: cover; color: #fff;}
.footer a{color: #fff;}

.footer_top li{line-height: 2;}

.footer_top h3{line-height: 2;}
.foot_desc{line-height: 1.6;}

.foot_erweima .img{float: left;}
.foot_erweima .img{ text-align:center;}
.foot_erweima .img div{padding: 5px; background: #fff; border-radius: 10px; overflow: hidden;}



.footer_form{overflow: hidden; color: #333;}
.footer_form li{float: left; background: #fff;}

.footer_form li input{width: 100%; border:0px #fff solid;}
.footer_form .txt input{text-indent: 25px;}
.footer_form .txt input.name{background: url(../images/shouye_112.png) center left no-repeat;}
.footer_form .txt input.phone{background: url(../images/shouye_109.png) center left no-repeat;}
.footer_form .txt input.email{background: url(../images/shouye_115.png) center left no-repeat;}
.footer_form .txt input.content{background: url(../images/shouye_117.png) center left no-repeat;}
.footer_form .sub input{background: #d00606; color: #fff;}


.footer_bot span{display: inline-table;}
@media (min-width: 1600px){
    .footer{padding: 80px 0px 30px;}
    .footer_top h3{font-size: 18px; margin-bottom: 10px;}
    .foot_nav{width: 30%; padding-right: 5%;}
    .foot_nav .nav_div a{display: inline-table; padding: 0px 28px;}
    .foot_nav .nav_div a:nth-child(3n-2){padding-left: 0px;}
    .foot_nav .nav_div a:nth-child(3n){padding-right: 0px;}
    .foot_nav .nav_div a:nth-child(3n),.foot_nav .nav_div a:last-child{background: none}
    
    .foot_contact {width: 35%; border-left: 1px #fff solid; padding-left: 5%;}

    
    .foot_erweima .img{width: 120px;margin-left: 20px;}
    .foot_erweima .img p{margin-top: 10px;}
    
    .footer_form{border-radius: 28px; margin-top: 60px;}
    .footer_form li input{height: 56px;}

    .footer_bot{line-height: 55px; margin-top: 20px;}
}
@media (min-width: 1200px) and (max-width: 1599px){
    .footer{padding: 60px 0px 20px;}
    .footer_top h3{font-size: 17px; margin-bottom: 10px;}
    .foot_nav{width: 30%; padding-right: 3%;}
    .foot_nav .nav_div a{display: inline-table; padding: 0px 24px;}
    .foot_nav .nav_div a:nth-child(3n-2){padding-left: 0px;}
    .foot_nav .nav_div a:nth-child(3n){padding-right: 0px;}
    .foot_nav .nav_div a:nth-child(3n),.foot_nav .nav_div a:last-child{background: none}
    
    .foot_contact {width: 35%; border-left: 1px #fff solid; padding-left: 4%;}

    
    .foot_erweima .img{width: 110px;margin-left: 15px;}
    .foot_erweima .img p{margin-top: 10px;}
    
    .footer_form{border-radius: 26px; margin-top: 50px;}
    .footer_form li input{height: 52px;}

    .footer_bot{line-height: 50px; margin-top: 15px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .footer{padding: 50px 0px 15px;}
    .footer_top h3{font-size: 17px; margin-bottom: 10px;}
    .foot_nav{width: 30%; padding-right: 2%;}
    .foot_nav .nav_div a{display: inline-table; padding: 0px 16px;}
    .foot_nav .nav_div a:nth-child(3n-2){padding-left: 0px;}
    .foot_nav .nav_div a:nth-child(3n){padding-right: 0px;}
    .foot_nav .nav_div a:nth-child(3n),.foot_nav .nav_div a:last-child{background: none}
    
    .foot_contact {width: 35%; border-left: 1px #fff solid; padding-left: 3%;}

    
    .foot_erweima .img{width: 100px;margin-left: 10px;}
    .foot_erweima .img p{margin-top: 10px;}
    
    .footer_form{border-radius: 24px; margin-top: 40px;}
    .footer_form li input{height: 48px;}

    .footer_bot{line-height: 46px; margin-top: 12px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .footer{padding: 40px 0px 15px;}
    .footer_top h3{font-size: 17px; margin-bottom: 10px;}
    .foot_nav{width: 40%; padding-right: 2%;}
    .foot_nav .nav_div a{display: inline-table; padding: 0px 16px;}
    .foot_nav .nav_div a:nth-child(3n-2){padding-left: 0px;}
    .foot_nav .nav_div a:nth-child(3n){padding-right: 0px;}
    .foot_nav .nav_div a:nth-child(3n),.foot_nav .nav_div a:last-child{background: none}
    
    .foot_contact {width: 60%; border-left: 1px #fff solid; padding-left: 6%;}

    
    .foot_erweima{display: none;}
    
    .footer_form{border-radius: 22px; margin-top: 30px;}
    .footer_form li input{height: 48px;}

    .footer_bot{line-height: 42px; margin-top: 10px;}
}
@media (max-width: 767px) {
    .footer{padding: 0em 0px 5.5em; background: #4d4948; }
    .footer .container{margin: 0px;}
    .footer_logo{display: none;}
    .footer_top{border-top: 1em #898989 solid; border-bottom: 1px #898989 solid; padding: 0em 0px 1.6em;}
    .foot_nav,.foot_contact{display: none;}
    .wap_foot_contact{}
    .wap_foot_contact i{text-transform:uppercase;}
    .wap_foot_contact p{font-size: 1.2em;}
    .wap_foot_contact .word{padding: 1em 0px 1em 2em; border-bottom: 1px #6c6664 solid;}
    .wap_foot_contact .word_phone{background: url(../images/wapfooter_18.png) center left no-repeat; background-size: auto 40%; padding-left:4.5em;}
    .wap_foot_contact .word_phone h4{font-size: 2em;}
    .wap_foot_contact .word_address{background: url(../images/wapfooter_21.png) center left no-repeat; background-size: auto 40%; padding-left:4.5em;}
    .wap_foot_contact .word_address h4{font-size: 1.2em; line-height: 1.6;}
    .foot_erweima{margin-top: 1em;}
    .foot_erweima .img{width: 33.333%; padding: 0px 3%;}
    .foot_erweima .img:nth-child(3n-1){border-left: 1px #cacaca solid;border-right: 1px #cacaca solid;}
    .foot_erweima .img p{margin-top: 0.2em;}
    
    .footer_form{display: none;}

    .footer_bot{line-height: 2; margin-top: 1em; text-align:center;}
}
@media (min-width: 768px){
    .footer_logo,.wap_foot_contact{display: none;}
    .footer_top li{float: left;}

    .foot_nav .nav_div a{background: url(../images/line_03.png) center right no-repeat;}

    .footer_top .foot_erweima{float: right;}
    
    .footer_form li{ padding-left: 2%;}
    .footer_form .txt{width: 22%;}
    .footer_form .sub{width: 12%;}

    
    .footer_bot .left{float: left;}
    .footer_bot .right{float: right;}
}



.ind_title{text-align:center; color: #737478;}
.ind_title_left{text-align: left;}
.ind_title h2{font-family: "pangmenzhengdao3";text-transform:uppercase; line-height: 1; opacity: 0.5;}
.ind_title h3{font-weight: bold; line-height: 1; position: relative;}
.ind_title h3:after{position: absolute; content:""; display: inline-table;  bottom: 0px; left: 50%; transform: translate(-50%,0); background: #737478;}
.ind_title_left h3:after{left: 0px; transform: translate(0,0);}
@media (min-width: 1600px){
    .ind_title h2{font-size: 45px;}
    .ind_title h3{font-size: 30px;padding: 10px 0px 20px;}
    .ind_title h3:after{width: 25px; height: 3px;}
}
@media (min-width: 1200px) and (max-width: 1599px){
    .ind_title h2{font-size: 34px;}
    .ind_title h3{font-size: 24px;padding: 8px 0px 16px;}
    .ind_title h3:after{width: 22px; height: 3px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_title h2{font-size: 28px;}
    .ind_title h3{font-size: 20px;padding: 6px 0px 12px;}
    .ind_title h3:after{width: 20px; height: 2px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_title h2{font-size: 30px;}
    .ind_title h3{font-size: 16px;padding: 5px 0px 10px;}
    .ind_title h3:after{width: 18px; height: 2px;}
}
@media (max-width: 767px) {
    .ind_title h2{font-size: 1.4em;}
    .ind_title h3{font-size: 1.1em;padding: 0.2em 0px 0.4em;}
    .ind_title h3:after{width: 1em; height: 0.1em;}
}
@media (min-width: 768px){
    
}



.search_bg{background: rgba(0,0,0,0.8); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; display: none;}
.search_alert{background: #fff; position: absolute; left: 50%; top: 50%;}
.search_alert input{float: left;}
.search_alert input.txt{background: #eee; border:0px #eee solid; text-indent: 10px;}
.search_alert input.sub{text-align: center; background:url(../images/shouye_06.png) center center no-repeat #737478; border:1px #737478 solid; color: #fff; text-indent: -999px;}
.search_bg a.close{position: absolute; right: 5%; top: 5%;  display: inline-table; background: url(../images/close.png) center center no-repeat; background-size: 100%; }

@media (min-width: 1660px){
    .search_alert{margin-left: -410px; margin-top: -40px;}
    .search_alert input{height: 80px;}
    .search_alert input.txt{width: 720px; font-size: 20px;}
    .search_alert input.sub{width: 100px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 1440px) and (max-width: 1659px){
    .search_alert{margin-left: -360px; margin-top: -37.5px;}
    .search_alert input{height: 75px;}
    .search_alert input.txt{width: 620px; font-size: 20px;}
    .search_alert input.sub{width: 100px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 1200px) and (max-width: 1439px){
    .search_alert{margin-left: -310px; margin-top: -35px;}
    .search_alert input{height: 70px;}
    .search_alert input.txt{width: 540px; font-size: 20px;}
    .search_alert input.sub{width: 80px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 991px) and (max-width: 1199px){
    .search_alert{margin-left: -260px; margin-top: -35px;}
    .search_alert input{height: 70px;}
    .search_alert input.txt{width: 450px; font-size: 20px;}
    .search_alert input.sub{width: 70px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}
@media (min-width: 768px) and (max-width: 990px){
    .search_alert{margin-left: -260px; margin-top: -35px;}
    .search_alert input{height: 70px;}
    .search_alert input.txt{width: 450px; font-size: 20px;}
    .search_alert input.sub{width: 70px;font-size: 20px;}
    .search_bg a.close{width: 50px; height: 50px;}
}

@media (min-width: 768px) {
    .foot_float{display: none;}
}





.foot_float{position: fixed;bottom: 0px; left: 0px ;width: 100%; background: #282329; padding: 1em 5%; z-index: 999;}
.foot_float a{float: left; text-align: center; line-height: 34px; font-size: 1.2em;}
.foot_float a.phone{width: 40%;}
.foot_float a.zxzx{width: 40%; color: #333;}
.foot_float a.divBox{width: 20%;}

.foot_float a div{display: inline-table;}
.foot_float a.phone div,.foot_float a.zxzx div{ background: #efeceb; border-radius: 0.4em; padding: 0px 1em;}
.foot_float a.phone div{background: #d44647; color: #fff;}
.foot_float a.divBox img{height: 34px;}