.wap{ display: none;}

/*startdom*/
.lf{ float: left;}
.rt{ float: right;}
.f20{ font-size: 20px;}
.f16{ font-size: 16px;}
.h15{ height: 15px;}
.h10{ height: 10px;}
.h5{ height: 5px;}
.pos{ position: absolute;}
.mb18{ margin-bottom: 18px;}
.btn{ position: relative; display: block;}
.none{ display: none;}

.main_wap{ width: 640px; margin: 0px auto; position: relative;}
.head_wap{ background: #233867; height: 120px; }
.head_wap .logobox{ float: left;  height: 101px; margin:9px 0px 0px 16px; position: relative;}
.head_wap .logobox .logo{ width: 102px; height: 102px; position: absolute; top: 0px; left: 0px;}
.head_wap .logobox  h2,.head_wap .logobox  p{ padding-left: 120px; color: #fff;}
.head_wap .logobox  h2 { padding-top: 20px; font-size: 28px;}
.head_wap .logobox  p {  font-size: 22px;}
.head_wap .down{ width: 200px; height: 80px; background: #ff8f3b; border-radius: 8px; font-size: 35px; font-weight: bold; color: #fff; text-shadow:#666 2px 2px 3px; position: absolute; top: 18px;  right: 15px; text-align: center; line-height: 80px;}

.cont_wap{ background: #fff; display: table; width: 100%; margin-bottom: 0px;}
.cont_wap .ctop{ height: 100px; background: #67baff; position: relative;}
.cont_wap .ctop .cname{ font-size: 36px; left: 23px; top: 26px; color: #fff;  padding-left: 50px; }
.cont_wap .ctop .cname .ic{ display: block; width:38px; height: 38px; background: url(../images/wap/tt_03.jpg) no-repeat; background-size:38px auto; position: absolute; left: 0px; top: 5px; }
.cont_wap .ctop .title{ font-size: 24px; top: 36px;  right: 24px; color: #bedfff;}

.banner_wap{  height: 322px; background: url(../images/wap/banner.jpg) no-repeat center; background-size: 800px auto;  }
.banner_wap .dh{ width: 418px; height: 60px; position: absolute;  top: 207px; left: 40px; background:#4f87ba; }
.banner_wap .dh .ic{ position: absolute; display: block;}
.banner_wap .dh .ic.ic1{  width: 3px; height: 38px; left: 15px; top: 11px;  border: 1px solid #fff; }
.banner_wap .dh a{ color: #fff; line-height: 24px;}

.banner_wap .dh .ic.ic2{  background-position: -114px -245px; top: 12px; left: 132px; color: #fff; font-style: italic  }
.banner_wap .dh .ic.ic3{ background-position: -114px -245px; top: 12px; left: 262px; color: #fff; font-style: italic}
.banner_wap .dh .p{ color: #fff; position: absolute; top:3px; width: 130px;}
.banner_wap .dh .p a{ color: #fff;}
.banner_wap .dh .p1{ font-size: 16px; left: 42px; }
.banner_wap .dh .p2{ font-size: 16px; left: 163px; }
.banner_wap .dh .p3{ font-size: 16px; left: 290px; width: 155px;}

.title2_wap{ height: 48px; clear: both; position: relative; z-index: 2; line-height: 48px; font-size: 26px; background:url(../images/wap/wap_14.jpg) no-repeat 3px center; background-size:24px auto; padding-left: 30px; color: #0068bb; }
.title2_wap span{ font-size: 14px; padding-left: 12px; font-weight:normal;}

.menu_wap{ overflow: hidden; clear:both;}
.menu_wap .m{display: block; width: 33.333%; height: 143px; float:left;}
.menu_wap .m img{ display: block; width: 100%;}

.title3_wap{ height: 73px; background: #0167b9; color: #fff;  text-align: center;  }
.title3_wap .p1{ font-size: 22px; padding-top: 6px;}
.title3_wap .p2{ font-weight: normal; }

.cwbox_wap{ background: #8ed8ff; overflow: hidden;}
.cwbox_wap .cwlist{ width: 600px; margin: 20px auto;}
.cwbox_wap .cwlist li{ width: 141px; height: 146px; float: left; margin-right: 10px; margin-bottom: 3px;}
.cwbox_wap .cwlist li img{ width: 100%; }
.cwbox_wap .cwlist li.mr{ margin-right: 0px;}

.artlist_wap{ overflow: hidden;}
.artlist_wap.mb{ margin-bottom: 10px;}
.artlist_wap ul li{ width: 50%; height: 58px; line-height: 58px; float: left; background: #8ed8ff; color: #02335c; font-size: 24px; position: relative; }

.artlist_wap ul li a{ color: #02335c; display: block; padding-left: 130px;}
.artlist_wap ul li .ic{ display: block; position: absolute;  width:12px; height: 11px; left: 97px; top: 26px; background:url(../images/wap/ic-1.jpg) no-repeat;  background-size: 12px auto;   }
.artlist_wap ul li .ic2{ display: block; position: absolute;  width:2px; height: 58px; right: 0px; top: 0px; background:url(../images/wap/ic-3.jpg) no-repeat;    }
.artlist_wap ul li.h{ background: #0167b9; color: #8ed7ff;}
.artlist_wap ul li.h a{ color: #8ed7ff;}
.artlist_wap ul li.h .ic{background:url(../images/wap/ic-2.jpg) no-repeat;  background-size: 12px auto;  }
.artlist_wap ul li.h .ic2{background:url(../images/wap/ic-4.jpg) no-repeat; }

.mpbox_wap{ height: 282px; margin-bottom: 10px; background-size: 640px auto; display: table; width: 100%;}
.mpbox_wap.bg1{ background: url(../images/wap/jbg1.jpg) no-repeat; background-size: 640px auto;  }
.mpbox_wap.bg2{ background: url(../images/wap/jbg2.jpg) no-repeat;background-size: 640px auto;  }
.mpbox_wap h3{ width: 230px; height: 35px; background:#ffc847; font-size: 22px; line-height: 35px; text-align: center; 
    overflow: hidden;
    margin:54px auto;
    transform: skew(-30deg);
    color: #7e5400;
    margin-bottom: 20px;
}
.mpbox_wap h3 p{  transform: skew(30deg);}
.mpbox_wap .list li { font-size: 22px; text-align: center; height: 25px; line-height: 25px; margin-bottom: 25px;   }
.mpbox_wap .list li a{ color: #fff;}
.mpbox_wap .list.ls2 li{width: 50%; float: left;}

.part3_wap{ height: 330px; margin-top:-45px; position: relative; z-index: 1;    }
.part3_wap.bg1{ background: url(../images/wap/part3_1.jpg) no-repeat; background-size: 640px auto; }
.part3_wap.bg2{ background: url(../images/wap/part3_2.jpg) no-repeat; background-size: 640px auto; }
.part3_wap.bg3{ background: url(../images/wap/part3_3.jpg) no-repeat; background-size: 640px auto; }

.part3_wap .list{ width: 380px; position: absolute; top: 80px; left: 40px; }
.part3_wap .list li{float: left; width: 50%; text-align: center; height: 28px; line-height: 28px; margin-bottom: 28px; }
.part3_wap .list li a{ color: #fff; font-size: 24px;}
.part3_wap .list.ls2 { width: 190px;}
.part3_wap .list.ls2 li{ float: none; width:100%; }
.part3_wap .list.top1{ top: 120px;}
.part3_wap .list.top2{ top: 160px;}

.bq_wap{ color: #828e9c; font-size: 22px; text-align: center; border-top: 2px solid #828e9c; margin:0px 16px; padding: 15px 0px;}

.footer_m{position:relative;width:100%;height:auto;background-color:#071D3A;padding:10px 0}
.footer_m .page_m_foot{position:relative;width:640px;margin:0 auto}
.footer_m .page_m_foot ul{width:600px;height:200px;margin:0 auto;border-bottom:2px solid #838E9D}
.footer_m .page_m_foot ul li{position:relative;width:150px;height:200px;float:left}
.footer_m .page_m_foot ul li div{width:150px;height:92px;overflow:hidden}
.footer_m .page_m_foot ul li a,.footer_m .page_m_foot ul li div span,.footer_m .page_m_foot ul li h3{display:block;margin:0 auto;background:url(../images/wap/footer.png) no-repeat;background-size:544px 93px}
.footer_m .page_m_foot ul li div span.icon_weixin{width:69px;height:57px;background-position:-319px -21px;margin-top:36px}
.footer_m .page_m_foot ul li div span.icon_qq{width:46px;height:56px;background-position:-231px -17px;margin-top:32px}
.footer_m .page_m_foot ul li div span.icon_gflt{width:75px;height:48px;background-position:-114px -29px;margin-top:38px}
.footer_m .page_m_foot ul li div span.icon_khfw{width:65px;height:64px;background-position:-22px -13px;margin-top:28px}
.footer_m .page_m_foot ul li p{color:#fff;font-size:24px;line-height:40px;text-align:center;margin-bottom:10px}
.footer_m .page_m_foot ul li a{width:96px;height:32px}
.footer_m .page_m_foot ul li a.btn_gzdw{background-position:-420px -1px}
.footer_m .page_m_foot ul li a.btn_ckxq{background-position:-420px -34px}
.footer_m .page_m_foot ul li h3{width:107px;height:22px;background-position:-419px -67px}
.footer_m .company_footer{width:600px;height:64px;margin:0 auto;padding:10px 0; }


/*enddom*/