.comm_title { font-size: 30px; font-weight: 400; color: #000000; text-align: center; }

.cfff { color: #fff !important; }

.header_top { height: 80px; }

.comm_small { font-size: 16px; color: #666666; text-align: center; margin-top: 5px; }

.m1200 { max-width: 1200px; margin: 0 auto; }

.df { display: flex; align-items: center; }

.see_detail { width: 120px; line-height: 36px; text-align: center; background: rgba(0, 91, 171, 0); border: 1px solid #005BAB; font-size: 14px; font-weight: 400; color: #0099D7; margin: 0 auto; cursor: pointer; }

.see_detail:hover { border: 1px solid #005BAB; color: #fff; background: #005BAB; }

.see_r { margin-left: 9px; }

.border { width: 100%; }

.img { width: 100%; }

.imgs { width: 100%; /* height: 320px; */ }

.nav { width: 100%; padding-bottom: 30px; border-bottom: 1px solid #E6E6E6; }

.nav ul { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

.nav ul li { padding-top: 32px; margin: 0 20px; font-size: 16px; color: #4D4D4D; cursor: pointer; }

.nav ul li a:hover,.nav ul li a.hover { color: #133984; }

.pages { justify-content: center; margin-bottom: 50px; }

.pages_prev, .pages_next { font-size: 14px; font-weight: 400; color: #666666; cursor: pointer; }

.pages_prev:hover, .pages_next:hover { color: #133984; }

.page_cont { margin-right: 10px; }

.page_item { width: 24px; text-align: center; line-height: 24px; background: transparent; border-radius: 2px; margin-left: 10px; font-size: 14px; font-weight: 400; cursor: pointer; color: #666666; }

.page_item:hover, .page_act { background: #133984; color: #fff; }


.show768 { display: none; }

.hiden768 { display: block; }

@media screen and (max-width:768px) {
    .show768 { display: block; }

    .hiden768 { display: none; }

    .nav ul li { font-size: 14px; }

    .comm_title { font-size: 30px; font-weight: 400; color: #000000; text-align: center; }

    .comm_small { font-size: 16px; color: #666666; text-align: center; margin-top: 5px; }

    .m1200 { width: 100%; margin: 0; }

    .header_top { height: 50px; }
}



/* header */
header { position: fixed; top: 0px; width: 100%; left: 0; z-index: 10; height: 80px; background: #fff; }

.header { display: flex; align-items: center; justify-content: center; max-width: 1200px; margin: 0 auto; }

.logo_img { max-width: 471px; margin-right: 16px; }

.nav { flex: 1; }

.nav_list { display: flex; align-items: center; justify-content: space-around; }

.nav_item { font-size: 18px; font-weight: 400; color: #666666; cursor: pointer; position: relative; }

.nav_item:before { content: ""; position: absolute; left: 0; bottom: -17px; width: 0; height: 4px; background: #0099D7; -webkit-transition: all .3s; transition: all .3s; }

.nav_item:hover:before { width: 31px; right: 0; }

#index .index:before { width: 31px; right: 0; }
#content .content:before { width: 31px; right: 0; }
#product .product:before { width: 31px; right: 0; }
#affiliated .affiliated:before { width: 31px; right: 0; }
#news3 .news3:before { width: 31px; right: 0; }
#news4 .news4:before { width: 31px; right: 0; }
#contact .contact:before { width: 31px; right: 0; }

.inner-header { display: none; background-color: #239bd5; align-items: center; justify-content: space-between; width: 100%; height: 50px; position: fixed; top: 0px; left: 0px; z-index: 1; }

.inner-header-icon { color: #ffffff; height: 50px; font-size: 25px; text-align: center; float: right; width: 50px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; }

.inner-header-icon:hover { background-color: rgba(255,255,255,0.2); cursor: pointer; }

.inner-header-icon span { position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 2px; background-color: rgba(255,255,255,1); }

.inner-header-icon span:nth-child(1) { transform: translateY(4px) rotate(0deg); }

.inner-header-icon span:nth-child(2) { opacity: 0; }

.inner-header-icon span:nth-child(3) { transform: translateY(-4px) rotate(0deg); }


.inner-header-icon-click span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; }

.inner-header-icon-click span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; }

.inner-header-icon-click span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickthird; }


/*第一条线旋转动画*/
@keyframes clickfirst {
    0% { transform: translateY(4px) rotate(0deg); }

    100% { transform: translateY(0) rotate(45deg); }
}
/*第二条线淡入淡出动画动画*/
@keyframes clicksecond {
    0% { opacity: 1; }

    100% { opacity: 0; }
}

/*第三条线旋转动画*/
@keyframes clickthird {
    0% { transform: translateY(-4px) rotate(0deg); }

    100% { transform: translateY(0) rotate(-45deg); }
}

.inner-header-icon-out span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }

.inner-header-icon-out span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; }

.inner-header-icon-out span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outthird; }

@keyframes outfirst {
    0% { transform: translateY(0) rotate(-45deg); }

    100% { transform: translateY(-4px) rotate(0deg); }
}

@keyframes outsecond {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@keyframes outthird {
    0% { transform: translateY(0) rotate(45deg); }

    100% { transform: translateY(4px) rotate(0deg); }
}

.inner-nav { background-color: #FFFFFF; width: 100%; height: 100%; position: fixed; z-index: 2; top: 50px; left: 0px; display: none; }

.inner-nav a { /* display: inline-block; */ line-height: 50px; text-decoration: none; width: 80%; margin-left: 10%; color: #333; border-bottom: solid 1px rgba(0,0,0,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: 300; justify-content: space-between; }

.a_r { color: #666; font-size: 18px; }

.inner-nav a:hover { color: rgba(255,255,255,0.4); border-bottom: solid 1px rgba(255,255,255,0.2); }

@media screen and (max-width:768px) {
    .header { display: none; }

    header { background: none; padding: 0; height: auto; }

    .inner-header { display: flex; }

    .logo_img { max-width: 300px; }
}

/* footer */
.footer { background: #133984; overflow: hidden; }

.footer_top { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; padding-bottom: 60px; }

.footer_box { justify-content: space-between; width: 100%; align-items: flex-start; }

.footer_item { flex-direction: column; }

.footer_title { font-size: 16px; font-weight: 400; color: #FFFFFF; cursor: pointer; margin-bottom: 30px; }

.footer_txt, .ft_txt { font-size: 14px; font-weight: 400; color: #91A3C8; cursor: pointer; line-height: 30px; }

.ft_txt { cursor: default; }

.footer_txt:hover { color: #fff; }

.ma_img { max-width: 120px; }

.ma_title { font-size: 14px; font-weight: 400; color: #6B7FA7; cursor: pointer; margin-top: 12px; text-align: center; }

.footer_bom { padding: 36px 0; border-top: 1px solid #264B96; }

.footer_ban { justify-content: space-between; }

.fban_txt { font-size: 14px; font-weight: 400; color: #8F9CB7; line-height: 36px; width:100%; text-align:center }
.fban_txt a{color: #8F9CB7; }
.fban_txt a:hover{color: #fff; }
.ov_hideen { overflow: hidden; }

.hover_img { cursor: pointer; }

.hover_img img { transition: all 0.5s linear; transform: scale(1); }

.hover_img:hover img { transform: scale(1.1); }

.hover_img:hover div { color: #133984; }
/* 移动端适配 */
@media screen and (max-width:768px) {
    .footer_top {  display: none; padding-bottom:10px}

    .footer_box { width: 100%; padding: 0 20px; display: none; }

  

    .footer_title { margin: 20px 0; }

    .footer_r { text-align: center; margin-top: 20px; }

    .footer_ban { display: block; }

    .fban_txt { text-align: center; display: block; }
}




.pagelist { height: 24px; padding: 0 0px 30px 0px; margin: 0 auto;}
   .pagelist a{ display:block; float:left; padding:0px 6px; margin:0 6px;  line-height:24px; height:24px; color:#3b8dd1; background:#fff; text-decoration:none; }
   .pagelist a:hover {     background: #133984;    color: #fff; }
   .pagelist span{ display:block; float:left; padding:0px 6px; line-height:24px; height:24px; }
   .pagelist span.current {     background: #133984;
    color: #fff; }
   .pagelist span.disabled {  padding:0px 6px; margin:0 6px; color:#ddd; }