@charset "utf-8";
/*基础部分*/
.mh{ display:none}
body{
color:#000;
margin:0 auto;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;

}

div,ul,li
{
color:#000;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none
}

.cl{ clear:both}


img{ border:none}


*{outline:0px}

a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #0054b1;
transition: 0.3s ease-in-out;
}


.wrapper{ width:100%; padding:0 4%; box-sizing:border-box}
.bclass{ width:100%; float:left; margin-bottom:10px;overflow:hidden}
.bclass ul{ display:inline}
.bclass ul li{ width:32%; box-sizing:border-box; margin-bottom:5px; float:left; background:rgb(3, 65, 134); border:1px solid #2e6da4; height:28px; line-height:28px; text-align:center; color:#fff; border-radius:5px; margin-right:2%;transition: 0.3s ease-in-out;}
.bclass ul li:nth-child(3n){margin-right:0}
.bclass ul li a{ color:#fff; display:block}

/*导航部分*/
header,footer{ display:none}

.m_header{ width:100%; padding:10px 4%; box-sizing:border-box; overflow:hidden}
.m_header .logo{width:80%;float:left; position:relative}
.m_header .logo img{ width:100%; height:auto; overflow:hidden}
.m_header .right{ float:right; width:10%; box-sizing:border-box; text-align:right; background:#005bcc; position:absolute; z-index:1; right:4%; top:12px; padding:10px; text-align:center; border-radius:100%}
.m_header .right img{ width:100%; overflow:hidden; height:auto}
.bgDiv{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position:fixed;
    display: none;
    z-index: 99;
    bottom: 0;
}

.rightNav{
    width: 50%;
    max-width: 400px;
    height: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    top: 0;
    right: -50%;
}


.rightNav span{
    display: inline-block;
    width: 96%;
    height: 50px;
    margin-left: 2%;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    text-align: center;
	font-size:14px
}
.rightNav span:hover{
    background-color: #f5f5f5;
}



.mySwiper {
width: 100%;
cursor: pointer;
height:120px;
margin-bottom:10px

}
.mySwiper .swiper-slide{
width: 100%;
float:left;
position:relative;
text-align:center;
height:120px
}

.mySwiper .swiper-slide img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
object-fit: cover
}

.mySwiper .prev ,.mySwiper .next,.qq_onService_panel,.pro_left,.site,.about_left,.sitea,.sitec{ display:none}





.mySwiper .swiper-pagination{ bottom: 10px !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px;background: rgba(255,255,255,.5);border-radius: 50px;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background: rgba(255,255,255,1);border-radius: 50px;width: 8px; height: 8px;}
.bro{ border:1px dashed #ccc; box-sizing:border-box; padding:10px; overflow:hidden; float:left; width:100%}

.qhys{ width:100%; float:left; margin-bottom:20px}
.gsxw{ width:100%; float:left;margin-bottom:20px}
.fwrx{ width:100%; float:left;}
.ban{ width:100%; float:left; height:35px}
.ban strong *{float:left; color:#000}
.ban strong img{float:left; margin-right:9px; margin-top:5px; height:10px; width:15px}
.ban span a{float:right;color: rgb(224, 102, 102)}
.qhys .area{ width:100%; float:left; line-height:2; font-size:12px; color:#545454; height:240px; overflow:hidden}
.qhys .area img{ float:left; margin-right:10px; margin-top:5px}


.xwa{ width:100%; float:left; height:94px;}
.xwa .left{ width:120px; float:left;}
.xwa .left img{ width:100%;height:80px;}
.xwa .right{ width:calc(100% - 145px); float:right;}
.xwa .right strong{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; font-weight:normal; margin-bottom:6px}
.xwa .right span{ width:100%; float:left; height:40px; line-height:20px; overflow:hidden; color:#666; font-size:12px}

.xwlist{width:100%; float:left; margin-top:5px}
.xwlist li{width:100%; float:left; height:34px; line-height:34px; box-sizing:border-box; overflow:hidden; border-bottom:1px dashed #ddd; background:url(../images/arrow.png) left center no-repeat; padding-left:25px; font-size:14px; }
.xwlist li span{color:#666; float:right; padding-left:20px}

.fwrx .area{ width:100%; float:left; line-height:2.2; font-size:12px; color:#545454;overflow:hidden; position:relative;}
.fwrx .area .kf{width:100%; height:40px; background:#d7d7d8}
.fwrx .area .kf .left{ width:60%; float:left; height:40px; padding-top:5px; box-sizing:border-box; margin-left:5%}
.fwrx .area .kf .left .img{ float:left; padding-top:5px;width:25px}
.fwrx .area .kf .left .text{ float:left;width:calc(100% - 28px); line-height:1.2; font-size:12px; text-align:center; color:#666}
.fwrx .area .kf .right{ width:32%; float:right; height:40px; padding-top:10px; box-sizing:border-box; margin-right:2%; font-size:12px; color:#666}
.fwrx .area .kf .right img{float:left; line-height:2.4;}

.footer{ padding-top:40px; background:url(../images/footer.gif) top center no-repeat; width:100%; margin:0 auto;margin-top:15px; overflow:hidden; }
.footer p{ width:100%; text-align:center; font-size:12px; line-height:1.8; color:#666; padding:20px 0}

.page_list{height:30px;line-height:30px;text-align:center;letter-spacing:0;font-family:Microsoft Yahei;font-size:12px;margin-top:20px;padding-bottom:10px; float:left; width:100%}
.page_list a{display:inline-block;color:#333;border:1px solid #ddd;background:#fff;text-align:center;padding:0 13px;margin:0 3px;}
.page_list a:hover{color:#fff;border:1px solid #1a46a1;background:#1a46a1;}
.page_list a.on{background-color:#1a46a1; color:#fff; border:1px solid #1a46a1}

.pro_right{ width:100%; float:left; margin-top:20px}
.pro_right .prolist{ float:left; width:100%}
.pro_right .prolist ul{ display:inline}
.pro_right .prolist li{ float:left; width:48%; margin-bottom:25px; box-sizing:border-box; margin-right:4%; border:1px solid #ccc}
.pro_right .prolist li .img{display: flex; align-items: center;justify-content: center;height: 200px; width:100%}
.pro_right .prolist li .img img {max-width: 100%;max-height: 100%;}
.pro_right .prolist li .tit{ width:100%; float:left; height:46px; line-height:46px; text-align:center; overflow:hidden}
.pro_right .prolist li:nth-child(2n){ margin-right:0}

.tjlist{ float:left; width:100%; margin-top:20px}
.tjlist ul{ display:inline}
.tjlist li{ float:left; width:48%; margin-bottom:25px; box-sizing:border-box; margin-right:4%; border:1px solid #ccc}
.tjlist li .img{display: flex; align-items: center;justify-content: center;height: 200px; width:100%}
.tjlist li .img img {max-width: 100%;max-height: 100%;}
.tjlist li .tit{ width:100%; float:left; height:46px; line-height:46px; text-align:center; overflow:hidden}
.tjlist li:nth-child(2n){ margin-right:0}


.ny_menu{
width: 100%;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ddd;
margin-top:-10px
}
.ny_menu::-webkit-scrollbar {
display: none;
}

.ny_nav {
display: inline-block;
font-size:14px;
height: 50px;
line-height: 50px;
}
.ny_nav a{color:#333;margin-left: 15px;
font-size:14px;
margin-right: 15px;}

.ny_nav .on{color:#02368c !important}

.ny_menua{
width: 100%;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ddd;
}
.ny_menua::-webkit-scrollbar {
display: none;
}

.ny_nava {
display: inline-block;
font-size:14px;
height: 50px;
padding-top:5px;
box-sizing:border-box

}
.ny_nava a{color:#333;margin-left: 15px; padding:6px 10px; background:#f2f2f2; color:#333; border-radius:5px; height:40px; line-height:40px;
font-size:12px;
margin-right: 15px;}

.ny_nava .on{color:#fff !important; background:#1a46a1}

.nr_area{ width:100%; line-height:30px; font-size:15px; color:#333;}
.nr_area img,.nr_area iframe,.nr_area table,.nr_area video{ max-width:100%; overflow:hidden; height:auto;margin-left:-2em}
.nr_area p{ padding:10px 0;text-indent:2em;margin:0}

.pro_show_img{ width:100%; float:left;}
.pro_show_tit{ width:100%; float:left; font-size:16px; line-height:24px; margin-top:10px}
.pro_show_img .img{ width:100%; height:auto; overflow:hidden}

.box{border:1px solid #236ed4;float:left; width:100%; height:420px; box-sizing:border-box; text-align:center;display: flex; align-items: center;justify-content: center; overflow:hidden; position:relative}
.box .tb-pic img{ width:100%; height:auto; overflow:hidden}
.p-preview-share{position:relative;float:right; width:240px; margin-top:5px}.social-share-icon{font-size:14px !important;line-height:20px !important;width:20px !important;height:20px !important}

.cpsm{ width:100%; float:left; margin-top:15px; border-bottom:1px solid #1a46a1; margin-bottom:20px}
.cpsm strong{ float:left; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight:normal; background:#1a46a1}

.cpsma{ width:100%; float:left; margin-top:15px; border-bottom:1px solid #1a46a1; margin-bottom:20px; height:40px; background:#1a46a1; margin-top:20px}
.cpsma strong{ float:left; height:40px; line-height:40px;color:#fff; font-size:16px; font-weight:normal; padding-left:10px}
.about_title{ width:100%; float:left; height:50px; line-height:50px; overflow:hidden; font-size:16px}

.gglist{ width:100%; float:left; margin-top:20px}
.gglist li{ width:100%; float:left; margin-bottom:25px}
.gglist li strong{ width:100%; float:left; margin-bottom:10px; font-size:16px; height:30px; line-height:30px; overflow:hidden; font-weight:normal}
.gglist li span{ width:100%; float:left;font-size:14px; height:50px; overflow:hidden; line-height:30px; color:#888; line-height:25px}

.fpage{ width:100%; margin-top:20px}
.fpage .p{ float:left; width:100%; margin-bottom:10px; line-height:40px; overflow:hidden; padding:0 10px; box-sizing:border-box; background:#f5f5f5; font-size:12px}
.fpage .n{ float:right; width:100%;line-height:40px; overflow:hidden; padding:0 10px; box-sizing:border-box; background:#f5f5f5; font-size:12px}
.info_tit{width:100%; float:left; font-weight:bold; font-size:18px; line-height:30px; margin-bottom:20px; text-align:center; margin-top:20px}


.down{ width:100%; float:left}
.down li{ width:100%; float:left; height:44px; line-height:44px; border-bottom:1px solid #ddd; overflow:hidden}
.down li em{ font-style:normal; color:#666; padding-left:5px}
.down li span{ float:right;}

.siteb{ width:100%; height:40px; line-height:40px; float:left; margin-bottom:10px; box-sizing:border-box; padding:0 10px; color:#4169e2; border-bottom:2px solid #4169e2; position:relative}
.siteb::before{ width:4px; height:20px; content:''; position:absolute; left:0; top:10px; background:#4169e2}
#map{width:100%;height:300px;}