html, body {
    position: relative;
    height: 100%;
    background: #f2f2f2;
    margin: 0;
    padding: 0;
    font-family: Microsoft YaHei;
}
ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
    margin: 0;
    padding: 0;
    list-style-type:none;
}
.w-f {
    width: 100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{ max-width: 100%; height: auto;}
video{
    max-width: 100%;
}
.container{
    width: 83.3%;
    margin: 0 auto;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration : none;
}
a:hover{
    color: #015293!important;
}
/*=============
 * 工具样式
 =============*/
.center-block{
    display: block;
    margin-right: 0;
    margin-left: 0;
}
.f-cb {
    zoom: 1;
}
.float_r{
    float: right !important;
}
.float_l{
    float: left !important;
}
.text-right{
    text-align: right !important;
}
.text-left{
    text-align: left !important;
}
.text-center{
    text-align: center !important;
}
.hide{
    display: none !important;
}
.show{
    display: block !important;
}
.invisible{
    visibility: hidden;
}
.text-hide{
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.clearfix:after,.clearfix:before{
    content: '';
    display: table;
}
.clearfix:after{
    clear: both;
}

/*主体*/
.header{
    background: #fff;
    padding: 1.75rem 0;
    display: flex;
    justify-content: space-between;
}
.header_left{
    margin-left: 1.625rem;
    padding: .625rem 0;
    width: 32.8%;
}
.header_mid{
    margin-left: 2rem;
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    color: #a3454b;
}
.header_mid h2{
    font-size: 1.69rem;
    font-style:italic;
    font-weight: bold;
    height: 2.25rem;
    line-height: 2.25rem;
    width: 100%;
}
.header_mid p{
    font-size: .75rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    width: 45%;
}
.header_mid p:nth-child(5){
    width: 55%;
}
.header_right{
    padding-right: .875rem;
    padding-top: 1rem;
    text-align: right;
    width: 22.3%;
}
.header_right ul{
    width: 100%;
    display: flex;
    justify-content:flex-end;
}
.header_right ul li{
    padding: 0 .875rem;
    height: .875rem;
    border-right: 1px solid #5d5d5d;
    font-size: .75rem;
    line-height: .75rem;
}
.header_right ul li:last-child{
    border-right: none;
}
.header_right ul li a{
    color: #343434;
}
.header_right p{
    width: 100%;
    font-size: 1rem;
    margin-top: 1rem;
    color: #343434;
    height: 1rem;
    line-height: 1rem;
    padding-right: .875rem;
}
.header_right span{
    display: inline-block;
    color: #bf0100;
    margin-left: .4375rem;
}
/*nav*/
nav{
    background-color: #fff;
}
.navbar_header {
    height: 100%;
    position: relative;
    background: #015293;
}
.navbar_header .navbar_box{
    height: 100%;
    margin: 0 auto;
}
.header-wrap .container {
    height: 100%;
}
.headteler_nav{
    height: 100%;
}
.mobile_nav{
    position: absolute;
    top: 7px;
    right: 20px;
    display: none;
}
.pcNav {
    height: 100%;
    transition: all 0.3s ease 0s;
}
.pcNav .nav {
    font-size: 0;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.pcNav .nav>li {
    display: inline-block;
    font-size: 1rem;
}
.pcNav .nav>li{
    line-height: 4.0625rem;
}
.pcNav .nav>li>a {
    display: block;
    text-align: center;
    color: #fff;
    height: 100%;
    position: relative;
}
.pcNav>.nav>li{
    height: 100%;
    text-align: center;
    position: relative;
    padding: 0 20px;
}
.pcNav .nav li p{
    font-size: 1rem;
    color:#fff;
    height: 2.75rem;
    line-height: 2.75rem;
    box-sizing: border-box;
}
.pcNav .nav li img:nth-child(2){
    display: none;
}
.pcNav .nav li:hover img:first-child,
.pcNav .nav li.active img:first-child{
    display: none;
}
.pcNav .nav li:hover img:nth-child(2),
.pcNav .nav li.active img:nth-child(2){
    display: inline-block;
}
/*banner*/
.banner{

}
.banner img{
    display: block;
    width: 100%;
}
.banner p{
    background: #015293;
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: 0.8rem;
    color: #fff;
    padding: 0 1.5rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 2.375rem!important;
}
.swiper-pagination-bullet{
    background: #fff!important;
    opacity: 0.8!important;
}
.swiper-pagination-bullet-active{
    background: #007aff!important;
}
/*主体*/
.main{
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 3rem;
}
.main_left{
    width: 72%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main_news,.main_video,.main_xxjl,.main_shzr{
    width: 46%;
    padding-top: 2.5rem;
    margin-left: 1.875rem;
}
.main_title{
    width: 100%;
    border-bottom: 1px solid #bababa;
}
.main_title h2{
    font-size: 1.375rem;
    font-weight: normal;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #000000;
    margin-bottom: .375rem;
}
.main_title h2 span{
    display: inline-block;
    font-size: .875rem;
    float: right;
    line-height: 2rem;
}
.main_title h2 span a{
    color: #343434;
}
.main_news ul{
    margin-top: 1.125rem;
}
.main_news ul li{
    /*list-style-type: disc;*/
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: 1.125rem;
    width: 100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.main_news ul li a{
    color: #000;
}
.main_video video{
    width: 100%;
    margin-top: 1.125rem;
}
.main_xxjl .xxjl{
    width: 100%;
    margin-top: 1.125rem;
}
.main_xxjl .xxjl .swiper-slide img{
    display: block;
    width: 100%;
}
.main_xxjl .xxjl .swiper-slide p{
    background: #001730;
    color: #fff;
    font-size: 1rem;
    margin: 0;
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
    padding: 0 .625rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.xxjl>.swiper-container-horizontal>.swiper-pagination-bullets,.xxjl>.swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 2.375rem!important;
}
.main_shzr .shzr_tit{
    width: 100%;
    margin-top: 1.125rem;
    position: relative;
}
.main_shzr .shzr_tit img{
    display: block;
    width: 100%;

}
.main_shzr .shzr_tit p{
    font-size: 1.125rem;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 1rem;
    right: 1.5625rem;
}
.main_shzr ul{
    margin-top: 1.125rem;
}
.main_shzr ul li{
    /*list-style-type: disc;*/
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: 1.125rem;
    width: 100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.main_shzr ul li a{
    color: #000;
}
.main_pro{
    width: 100%;
    padding-top: 2.5rem;
    margin-left: 1.875rem;
}
.main_pro ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.125rem;
}
.main_pro ul li{
    width: 32%;
}
.main_pro ul li img{
    display: block;
    width: 100%;
}
.main_pro ul li p{
    width: 100%;
    text-align: center;
    font-size: 1rem;
    line-height: 3rem;
}
.main_pro ul li a p{
    color: #343434;
}
.main_pro ul li:hover a p{
    color: #015293;
}
.main_right{
    width: 28%;
    padding: 0 1.875rem;
}
.main_right .main_xuanchuan{
    margin-top: 2.5rem;
    display: block;
    width: 100%;
}
.main_about{
    width:100%;
    margin-top: .625rem;
    padding: 1rem .75rem;
    background: #eeeeee;
}
.main_about img{
    display: block;
    width: 100%;
}
.main_about p{
    width: 100%;
    font-size: .9375rem;
    color: #343434;
    line-height: 1.75rem;
    margin-top: 1rem;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 16;
    -webkit-box-orient: vertical;
}
.main_contact{
    width: 100%;
}
.main_contact img{
    display: block;
    width: 100%;
}
.main_contact p{
    font-size: .9375rem;
    line-height: 1.75rem;
    background: #eeeeee;
    padding: 1rem .75rem 5rem;
}
/*foot*/
.foot{
    background: #fff;
    padding-bottom: 1.625rem;
}
.foot.container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.foot .foot_top{
    border-top: .5rem solid #00558f;
    width: 100%;
    margin: 0 1.875rem;
}
.foot .foot_left{
    margin-left: 1.875rem;
   margin-top: .875rem;
}
.foot .foot_left p{
    font-size: .875rem;
    line-height: .875rem;
    margin-bottom: .875rem;
    color: #343434;
}
.foot .foot_right{
    margin-right: 1.875rem;
    margin-top: .875rem;
    display: flex;
}
.foot .foot_right .wx1,.foot .foot_right .wx2{
    width: 5.625rem;
}
.foot .foot_right .wx1{
    margin-right: 1.125rem;
}
.foot .foot_right .wx1 img,.foot .foot_right .wx2 img{
    display: block;
    width: 100%;
}
.foot .foot_right .wx1 p,.foot .foot_right .wx2 p{
    width: 100%;
    font-size: .75rem;
    line-height: .75rem;
    color: #333333;
    text-align: center;
    margin-top: .5rem;
}
/*内页*/
.nybanner{
    border-bottom: 9px solid #f2f2f2;
}
.nybanner img{
    display: block;
    width: 100%;
}
.ny{
    background: #fff;
    padding: 0 1.875rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.ny_tit{
    display: flex;
    width: 100%;
    padding: 1rem 0 2rem;
}
.ny_tit p{
    display: inline-block;
    font-size: .875rem;
    color: #000;
    line-height: 1.625rem;
}
.ny_tit p a{
    color: #000;
}
.ny_tit span{
    display: inline-block;
    margin: 0 1rem;
}
.ny_right{
    width: 26%;
}
.ny_right_tit{
    width: 100%;
    display: flex;
    background: #e5e5e6;
    border-radius: 5px;
    height: 3.375rem;
    padding: .625rem 1.625rem;
}
.ny_right_tit img{
    display: block;
    height: 100%;
    margin-right: 1.5rem;
}
.ny_right_tit p{
    font-size: 1.375rem;
    color: #005292;
    height: 2.125rem;
    line-height: 2.125rem;
    border-left: 1px solid #005292;
    padding-left: 1.125rem;
}
.ny_nav{
    width: 100%;
    margin-bottom: 1.75rem;
}
.ny_nav li{
    width: 100%;
    height: 2.125rem;
    line-height: 2.125rem;
    border: 1px solid #005292;
    border-radius: 5px;
    margin-top: 1rem;
}
.ny_nav li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #005292;
    font-size: 1rem;
    text-align: center;
}
.ny_nav li:hover{
    background: #005292;
}
.ny_nav li:hover a{
    color: #fff!important;
}
.ny_news{
    width: 100%;
    margin-bottom: 2.125rem;
}
.ny_news .ny_news_item{
    width: 100%;
    margin-top: 1.125rem;
}
.ny_news .ny_news_item a{
    display: flex;
}
.ny_news .ny_news_item a img{
    display: block;
    width: 5rem;
    height: 5rem;
    margin-right: .625rem;
}
.ny_news .ny_news_item a h2{
    width: 100%;
    font-size: .9375rem;
    font-weight: normal;
    color: #010101;
    line-height: 1.5rem;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ny_news .ny_news_item:hover a h2{
    color: #005292;
}
.ny_news .ny_news_item a p{
    font-size: .875rem;
    width: 100%;
    color: #a9a9a9;
    line-height: .875rem;
    margin-top: .875rem;
}
.ny_left{
    width: 72%;
    margin-right: 1rem;
}
.ny_left .ny_left_tit{
    width: 100%;
    font-size: 1.75rem;
    line-height: 1.75rem;
    color: #000;
    margin-bottom: 1.625rem;
    font-weight: normal;
}
.ny_left .ny_left_tit.detail{
    text-align: center;
}
.ny_left .ny_left_date{
    text-align: center;
    font-size: .9375rem;
    line-height: .9375rem;
    color: #696969;
    margin-bottom: 2.5rem;
    padding-bottom: 1.125rem;
    border-bottom: 1px solid #dcdcdc;
}
.ny_left p{
    font-size: 1rem;
    line-height: 2.25rem;
    margin-bottom: 2.5rem;
}
.ny_news_con{
    width: 100%;
    margin-bottom: 4.375rem;
}
.ny_news_con li{
    width: 100%;
    margin-bottom: 1.5rem;
}
.ny_news_con li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #000000;
    font-size: 1rem;
    line-height: 1rem;
    display: flex;
    justify-content: space-between;
}
.ny_news_con li p{
    width: 100%;
    height: 100%;
    color: #000000;
    font-size: 1rem;
    line-height: 1rem;
    width: 80%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin: 0;
}
.ny_news_con li:hover p{
    color: #005292;
}
.ny_news_con li a span{
    display: inline-block;
    float: right;
}
.page{
    width: 100%;
    height: 2.5rem;
    background: #e6f1fa;
    margin-bottom: 3.125rem;
    padding: .875rem 1.125rem;
    display: flex;
}
.page a{
    font-size: .875rem;
    color: #000000;
    line-height: .875rem;
    display: block;
    margin: 0 4px;
}
.page a span{
    margin: 0 4px;
}
.ny_pro{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.125rem;
    margin-bottom: 3rem;
}
.ny_pro li{
    width: 32%;
}
.ny_pro li img{
    display: block;
    width: 100%;
}
.ny_pro li p{
    width: 100%;
    text-align: center;
    font-size: 1rem;
    line-height: 3rem;
    margin-bottom: 0;
}
.ny_pro li a p{
    color: #343434;
}
.ny_pro li:hover a p{
    color: #015293;
}

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
/*留言*/
.message_tit{
    width: 100%;
    height: 2.75rem;
    line-height: 2.75rem;
    background: #fff;
    border-bottom: 1px solid #bababa;
    color: #015293;
    font-size: 1.125rem;
    font-weight: normal;
    margin: 0;
}
.message_tit span{
    display: inline-block;
    width: 8.375rem;
    height: 2.75rem;
    line-height: 2.75rem;
    background: #f2f2f2;
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #f2f2f2;
    color: #015293;
    font-size: 1.125rem;
    text-align: center;
}
.Comprepairform {
    width: 100%;
    background: #f2f2f2;
    padding: 1.25rem;
    border: 1px solid #bababa;
    border-top: none;
    margin-bottom: 1.75rem;
}
.Comprepair {
    max-width: 100%;
    margin: 0 auto;
    padding: 1.625rem 1.625rem 3.4375rem;
    background: #fff;
}
.Comprepair li {
    width: 100%;
    margin-bottom: 1.25rem;
}
.Comprepair li input{
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #fcfcfc;
    border: 1px solid #e1e1e1;
}
.Comprepair li span{
    margin-bottom: .375rem;
    font-size: .9375rem;
    line-height: .9375rem;
    color: #6f6f6f;
}
.Comprepair .litextarea, .Comprepair .lisubmit {
    width: 100%;
    max-width: 100%;
}
.Comprepair label textarea {
    width: 100%;
    height: 5rem;
    line-height: 1.5rem;
    background: #fcfcfc;
    border: 1px solid #e1e1e1;
}
.Comprepair label .submit {
    width: 14rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    color: #fff;
    background: #015293;
}
.Comprepair label .submit:hover{
    cursor:pointer
}
.message_lx{
    width: 100%;
    height: 7.5625rem;
    background: url("../images/Message1.jpg") no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 2rem;
}
.message_lx .message_text{
    width: 21.625rem;
    height: 2.625rem;
    position: absolute;
    top: 2.1875rem;
    left: 13.75rem;
}
.message_lx .message_text p{
    width: 100%;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    margin: 0;
}
.message_lx .message_text p:nth-child(1){
    margin-bottom: .5rem;
}
.message_lx img{
    display: block;
    width: 5.75rem;
    height: 5.75rem;
    position: absolute;
    top: .9375rem;
    right: .9375rem;
}
.ny_left .ny_left_tit.message{
    font-size: 1.5rem;
    margin-bottom: .625rem;
}
.message_partner{
    width: 100%;
    border-top: 1px solid #bababa;
    padding-top: .9375rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 4.375rem;
}
.message_partner img{
    display: block;
    width: 48%;
}
.ny_contact{
    width: 100%;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 0 2.5rem;
    margin-bottom: 2.5rem;
}
.ny_contact .ny_left_tit{
    width: 100%;
    text-align: center;
    margin-top: 2.25rem;
    padding-bottom: 2.25rem;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 2.5rem;
}
.ny_contact p{
    font-size: 1rem;
    line-height: 2.25rem;
}
.ny_contact .map{
    margin-bottom: 1.875rem;
    width: 100%;
}





/* screen 150% */
@media screen and (max-width:62rem) {
    .menu {display:block;}
    .top-wrap .float_r{display: none}
    .mobile_nav_btns{display: block;position: relative}
    .mobile_nav_btns_logo{margin-top: 15px}
    .header-wrap{ display: none;}
    .adv-wrap_right{width: 60%;}


}
@media screen and (max-width:120rem) {
	.container{width: 62.5%;}
	.navbar_header .navbar_box.container{
		width: 82.5%;
	}
}
@media screen and (max-width:106.25rem){
	.container{width: 83.3%;}
}

/*移动端隐藏*/
@media screen and (max-width: 46.875rem){
    html, body{background: #fff;}
    .container{width: 90%;}
    .header{padding: 0;}
    .header_mid{display: none;}
    .header_right{display: none;}
    .header_left{width: 70%;}
    .navbar_header{display: none;}
    .mobile_nav{display: block;}
    .banner.container{width: 100%;}
    .main_news,.main_video,.main_xxjl,.main_shzr{width: 100%;margin: 0;}
    .main_left,.main_right{width: 100%;}
    .main_right{padding: 0;}
    .main_pro{margin: 0;}
    .main_pro ul li{width: 50%;}
    .main_shzr .shzr_tit p{font-size: .85rem;top: .7rem;right: .5625rem;}
    .foot .foot_top{margin: 0 auto;}
    .foot .foot_left{margin-left: 0;}
    .foot .foot_right{margin-right: 0;width: 100%;justify-content: space-around;}
    .ny{padding: 0;}
    .ny_right,.ny_left{width: 100%;margin: 0;}
    .ny_tit{padding: 1rem 0;display: flex;flex-wrap: wrap}
    .ny_nav{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .ny_nav li{width: 48%;}
    .ny_news,.ny_news_tit{display: none;}
    .ny_news_con{margin-bottom: 1.125rem;}
    .page{flex-wrap: wrap;height: auto;margin-bottom: 1.125rem;}
    .page a:first-child,.page a:last-child{width: 100%;}
    .ny_news_con li a span{display: none;}
    .ny_news_con li p{width: 100%;}
    .ny_left .ny_left_date{margin-bottom: .5rem;}
    .ny_left p{margin-bottom: 1rem;font-size: .875rem;}
    .ny_pro{margin-bottom: 1rem;}
    .ny_pro li{width: 48%;}
    .ny_pro li p{margin-bottom: 0;line-height: 2rem;}
    .ny_left .ny_left_tit{font-size: 1.5rem;}
    .Comprepairform,.Comprepair{padding: .5rem;}
    .Comprepair label .submit{width: 100%;}
    .message_lx{display: none;}
    .message_partner img{width: 100%;margin-bottom: 1rem;}
    .message_partner{margin-bottom: 0;}
    .ny_contact {padding: 0;}
    .ny_contact .ny_left_tit{margin-top: .5rem;padding-bottom: .5rem;margin-bottom: .5rem;}
    #allmap,.BMap_mask{height: 12.5rem!important;}
    .ny_contact p{font-size: .75rem;}
}