@charset "utf-8";
/* -------style.js--------
* Created & Modified by wei.junlang
* Date modified 2016.1.4
*/
::selection { color: #fff; background-color: #73c8ff; text-shadow: none; }
::-moz-selection { color: #fff; background-color: #73c8ff; text-shadow: none; }
body { width: 100%; display: inline-table }
html { background: url(); width: 100% }
a:hover { text-decoration: none; }
.w-1200 { width: 1200px; margin: 0 auto }
img { /*background: url(../images/loading.gif) no-repeat center*/ }
.mainnav > ul > li > .current { background-color: #003660 }
.top-main { background-color: #fafafa; height: 40px; border-bottom: 1px solid #eee }
.top-m { height: 40px; line-height: 40px; overflow: hidden }
.official { background-color: #1F8ADC; padding: 2px 6px; display: inline-block; line-height: 1.6 }
.ft-box li { float: left; display: inline-block; }
.tm-l { width: 340px; }
.tm-r { width: 282px; }
.logo-min { height: 94px }
.logo, .year, .motto, .item-db, .list-v > li, .item-online > ul > li > a, .icon-ol-tel, .icon-ol-zx, .icon-ol-qq { background-image: url(http://www.whwtqx.com/UIframe/static/uimg/icon-bg.png); background-repeat: no-repeat; }
.logo { background-position: left top; height: 54px; width: 270px; }
/* .logotext { border-left: 1px solid #dadada; height: 36px; padding-top: 14px; } */
.logotext {
    border-left: 1px solid #dadada;
    height: 40px;
    padding-top: 3px;
    margin-top: 28px;
}
    .logotext p { margin-bottom: 0; }
.logo-t { height: 100%; text-indent: -9999px; }
.year { background-position: -286px -75px; width: 98px; height: 52px; display:none;}
.motto { background-position: left -68px; height: 38px; width: 265px; text-indent: -9999px; }
.nav-bg { background-color: #0073c3; height: 58px; }
.nav-main { height: 58px; }
.nav-item { width: 300px; background-color: #005896; height: 58px; }
.nav-main .zy-item-bg { z-index: 3333; background-color: #005896; filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; height: 370px; }
.nav-main .zy-item-bg-page { z-index: 3333; background-color: #005896; height: 370px; }
.zy-item { left: 0; top: 58px; z-index: 4444; width: 300px; }
    .zy-item ul li { height: 45px; line-height: 45px; }
        .zy-item ul li a { display: block; padding-left: 15px; }
.item-db { display: inline-block; height: 30px; width: 30px; margin-top: 7px; }
.item-icon-1 { background-position: 0 -218px; }
.item-icon-2 { background-position: -30px -218px; }
.item-icon-3 { background-position: -60px -218px; }
.item-icon-4 { background-position: -89px -218px; }
.item-icon-5 { background-position: -118px -218px; }
.item-icon-6 { background-position: -148px -218px; }
.item-icon-7 { background-position: -177px -218px; }
.item-icon-8 { background-position: -205px -218px; }
.zy-iemtnav > li > a:hover > i { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.zy-iemtnav > li > a:hover, .zy-iemtnav > li.hover > a .item-icon-1 { background-position: 0 -250px; }
.zy-iemtnav > li > a:hover, .zy-iemtnav > li.hover > a .item-icon-2 { background-position: -30px -250px; }
.zy-iemtnav > li > a:hover, .zy-iemtnav > li.hover > a .item-icon-3 { background-position: -60px -250px; }
.zy-iemtnav > li > a:hover, .zy-iemtnav > li.hover > a .item-icon-4 { background-position: -89px -250px; }
.zy-iemtnav > li > a:hover, .zy-iemtnav > li.hover > a .item-icon-5 { background-position: -118px -250px; }
.zy-iemtnav > li > a:hover, .zy-iemtnav > li.hover > a .item-icon-6 { background-position: -148px -250px; }
.zy-iemtnav > li > a:hover, .zy-iemtnav > li.hover > a .item-icon-7 { background-position: -177px -250px; }
.zy-iemtnav > li > a:hover, .zy-iemtnav > li.hover > a .item-icon-8 { background-position: -205px -250px; }

.zy-iemtnav > li > a:hover, .zy-iemtnav > li.hover > a { background-color: #fff; color: #0892ec; }
.zy-iemtnav > li .arrow { }
.zy-iemtnav > li > .zy-iemtnav { display:none; position: absolute; left: 100%; top: 0; }
.zy-iemtnav > li.hover > .zy-iemtnav { display: block }
.nr-b { background-color: #fff; width: 230px; height: 368px; border-right: 2px solid #0073c3; border-bottom: 2px solid #0073c3; }
.zy-h5 { background-color: #f37a7a; padding: 10px; width: 195px; margin-left: auto; margin-right: auto }
.zy-item-more { line-height: 1.6; }
    .zy-item-more > p { margin-bottom: 5px; }
.msg-main { height: 40px; line-height: 40px; overflow: hidden; }
.topic-box { overflow: hidden; margin-left: -10px; }
    .topic-box > ul > li > a { display: block; height: 105px; background-image: url(../uimg/sp-bg.png); background-repeat: no-repeat; text-indent: -9999px; margin-left: 10px; }
        .topic-box > ul > li > a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.tpi-1 { background-position: left 3px; background-color: #e2eff8; }
.tpi-2 { background-position: left -105px; background-color: #fcf0ba; }
.tpi-3 { background-position: left -209px; background-color: #e9f8a3; }
.tpi-4 { background-position: left -316px; background-color: #d2ede9; }
.banner-main, .bd li, .bd li a { height: 370px; }
.banner-main { width: 100%; position: relative; background: #000; overflow: hidden; z-index: 0; }
    .banner-main .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
        .banner-main .bd ul { width: 100% !important; }
        .banner-main .bd li { width: 100% !important; overflow: hidden; text-align: center; }
            .banner-main .bd li a { display: block; text-indent: -9999px; }
    .banner-main .hd { position: absolute; z-index: 3; left: 0; right: 0; bottom: 10px; padding: 0 10px; text-align: center }
        .banner-main .hd li { display: inline-block; text-align: center; margin-right: 10px; cursor: pointer; background-color: #fff; border: solid 1px #005896; }
            .banner-main .hd li.active { background-color: #005896 }
.dots li { width: 12px; height: 12px; font-size: 0px; line-height: 0px; border-radius: 50% }
.numbox li { width: 20px; height: 20px; line-height: 20px; font-size: 13px; font-family: Arial; font-weight: bold; text-indent: inherit; }
    .numbox li.active { color: #fff }
.rectangle li { width: 40px; height: 10px; font-size: 0px; line-height: 0px }

.title > small { font-size: 50%; }
.title-more { font-size: 60%; }
.title .c-666 a:hover { color: #06c; }
.list-v > li { background-position: -384px -128px; padding-left: 22px; }
.faq-bg { overflow: hidden; margin-left: -10px; margin-top: -8px; line-height: 37px; }
    .faq-bg > li > a { background-color: #eee; display: block; margin-top: 8px; }
        .faq-bg > li > a:hover { background-color: #5fb0e8; color: #fff; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.item-online { overflow: hidden; }
    .item-online > ul { margin-left: -4px; }
        .item-online > ul > li { float: left; margin-left: 4px; }
            .item-online > ul > li > a { display: block; height: 100%; width: 85px; height: 85px; }
                .item-online > ul > li > a > p { display: block; padding-top: 15px; }
                .item-online > ul > li > a:hover { color: #fff; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.item-ol-1 { background-position: left -130px; color: #3fca91 }
.item-ol-2 { background-position: -93px -130px; color: #f4b371; }
.item-ol-3 { background-position: -188px -130px; color: #50aceb; }
.item-ol-4 { background-position: -280px -131px; color: #f37a7a; }
a.item-ol-1:hover { background-color: #3fca91; }
a.item-ol-2:hover { background-color: #f4b371; }
a.item-ol-3:hover { background-color: #50aceb; }
a.item-ol-4:hover { background-color: #f37a7a; }
.online-bg { background-color: #5fb0e8; border-bottom: 3px solid #0073c3; height: 55px; display: block; }
a.online-bg:hover { background-color: #33a0ec; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.icon-ol-tel { background-position: -240px -224px; display: inline-block; width: 36px; height: 36px; margin-bottom: 2px; }
.icon-ol-zx { background-position: -285px -224px; display: inline-block; width: 30px; height: 28px; }
.icon-ol-qq { background-position: -321px -224px; display: inline-block; width: 30px; height: 28px; }
.icon-ol-txt { display: inline-block; }
    .icon-ol-txt > p { margin-bottom: 0; }
.icon-ol-tp { font-family: "century gothic", Times, serif; line-height: 1.2; }
.online-blr { border-left: 2px dotted #fff; margin-top: 8px; }
.lh-zx { line-height: 55px; }
.new-pic { display: block; left: 0; top: 0; overflow: hidden; width: 162px; height: 102px; }
.new-p-b { padding-left: 172px; }
    .new-p-b > h2 { padding-top: 0; font-size: 14px; }
.new-info { margin-bottom: 0; }
.bm-box { background-color: #f37a7a; overflow: hidden; }
    .bm-box > ul > li { height: 24px; }
.dp-line { display: inline-block; width: 74%; left: 250px; top: 35px; }
.title .fa-line { width: 79%; left: 190px; }
.pic-l-box { }
    .pic-l-box li p { margin-bottom: 5px; }
    .pic-l-box ul > li > a > h4 { margin: 0; }
    .pic-l-box ul > li > a { display: block; }
.pic-i-i { background-color: #cfcfcf; padding: 0 2px; color: #fff; }
.pic-l-box ul > li > a:hover, .pic-l-box ul > .on > a { background-color: #2393e1; color: #fff; border-bottom-color: #2393e1; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s; }
    .pic-l-box ul > li > a:hover .pic-i-i, .pic-l-box ul > .on > a .pic-i-i { background-color: #fff; color: #2393e1; }
.pic-big ul li a { display: block; }
.pic-big { overflow: hidden; }
.maskWraper img { border: 0; vertical-align: top; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }
.maskWraper a:hover img { transform: scale(1.04,1.04); -ms-transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04); }
.b-pic-o > ul { overflow: hidden; }
.f-team { overflow: hidden; }
    .f-team > ul { margin-left: -10px; }
    .f-team a { display: block; }
.pos-box { background: url(../uimg/pngbg.png) repeat; bottom: 15%; width: 100%; }
.maskBar { background: url(../uimg/pngbg.png) repeat; }
.f-team a:hover > .pos-box { bottom: 0; transition: bottom 200ms; -moz-transition: bottom 200ms; -webkit-transition: bottom 200ms; -o-transition: bottom 200ms; }
.f-team a > .pos-box { transition: bottom 200ms; -moz-transition: bottom 200ms; -webkit-transition: bottom 200ms; -o-transition: bottom 200ms; }
.job-box { right: 0; top: 20px; }
    .job-box > ul > li { }
    .job-box ul > li > a { display: block; padding: 0 5px; }
        .job-box .on > a, .job-box ul > li > a:hover { background-color: #0073c3; color: #fff; }
            .job-box .on .bot-p, .job-box ul > li > a:hover .bot-p { width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #0073c3; display: block; position: absolute; left: 28px; top: 100%; }
.st-ba { display: block; width: 100%; height: 100%; }
.fot { background-color: #f8f8f8; }
.fot-b { overflow: hidden }
    .fot-b .bk-gray { border-color: #e7e7e7; border-right: 0; }
    .fot-b > li > i, .sys-wx, .item-g > li > i, .icn_tip_close { background-image: url(../uimg/icon-bt.png); background-repeat: no-repeat; }
    .fot-b > li > i { display: inline-block; height: 81px; width: 68px; margin-right: 10px; }
.fot-i-1 { background-position: -216px 0; }
.fot-i-2 { background-position: -162px -103px; }
.fot-i-3 { background-position: 0 0; }
.fot-i-4 { background-position: -68px 0; }
.fot-i-5 { background-position: -136px 0; }
.sys-wx { background-position: 0 -86px; display: block; height: 38px; margin-left: 88px; }
.fot-b > li > p, .fot-b > li > h5 { margin-bottom: 5px; margin-top: 0; }
.fot-b .fot-b-end { border-right: solid 1px #e7e7e7; }
.item-g > li > i { display: inline-block; height: 50px; width: 50px; margin-right: 10px }
.item-g1 { background-position: 0 -128px; overflow: hidden }
.item-g2 { background-position: -108px -128px; overflow: hidden }
.item-g3 { background-position: -54px -128px; overflow: hidden }
.item-g { border-color: #e7e7e7; }
    .item-g > h4 { margin-bottom: 5px; }
.bottom-text > p { margin: 0; }
.flink { border-bottom: 1px solid #eee; }
    .flink li { float: left; margin-right: 20px; cursor: pointer; padding-bottom: 5px; }
    .flink .on { color: #dd514c; border-bottom: 1px solid #0073c3; }
.flink-bd li { float: left; padding-right: 10px; }
.flink .on span { color: #0073c3; }

.w-1200>.f-14>a{font-size: 18px}



/*-/首页布局*/
.bottom_show_left { height: 160px; background: url(../uimg/sjybj_show_left.png) no-repeat; width: 156px; height: 165px; position: absolute; left: 0px; bottom: 20px; position: fixed; _position: absolute; z-index: 9998; _position: absolute; _left: expression(eval(document.documentElement.scrollLeft)); _top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 325)) }
.bottom_fiexd_box { height: 160px; position: fixed; bottom: 0px; z-index: 9998; width: 50%; _position: absolute; _left: expression(eval(document.documentElement.scrollLeft)); _top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 215)) }
.bottom_sjybj_bg { height: 160px; background: url(../uimg/pngbg.png) repeat; position: absolute; bottom: 0px; z-index: 5; width: 90%; }
.bottom_fiexd_sjybj { height: 160px; position: absolute; bottom: 0px; z-index: 5; width: 85%; }
    .bottom_fiexd_sjybj .container { height: 160px; }
    .bottom_fiexd_sjybj .bottom_sjybj_left .sjybj_mx_name { color: #fff; position: absolute; bottom: 4px; left: 202px; z-index: 2; }
.sjybj_mx {
    /*background: url(../uimg/sjybj_freeApply_new.png) no-repeat; */
    width: 627px; height: 235px; position: absolute; left: 0; bottom: 0; }
.icn_tip_close { position: absolute; left:40%; top: 15px; width: 20px; height: 18px; background-position: -232px -90px; cursor: pointer; transition: All .3s ease; -moz-transition: All .3s ease; -webkit-transition: All .3s ease; -o-transition: All .3s ease; }
    .icn_tip_close:hover { transform: rotate(90deg); }
.bottom_fiexd_sjybj .bottom_sjybj_content { position: absolute; top: 0; left: 90px; background: #1c2837; width: 320px; padding: 15px 14px; }
.bottom_sjybj_content .registerform { overflow: hidden; }
    /*兼容FF*/
    .bottom_sjybj_content .registerform > p.cl { margin-right: -5px; }
/*兼容FF*/
.call-txt { width: 200px; }
.btn-call { line-height: 1; padding: 12px 10px; width: 137px; display: block; }
/*/底部免费电话*/
.side { position: fixed; width: 72px; right: 0; margin-left: 600px; top: 100px; z-index: 100; background-color: #0073c3 }
    .side ul li { width: 72px; height: 72px; float: left; position: relative; border-bottom: 1px solid #005896; }
        .side ul li .f-30 { display: block; width:72px; text-align:center; font-size:45px; }
        .side ul li .sidebox { position: absolute; width: 72px; height: 72px; line-height: 72px; top: 0; right: 0; transition: all 0.3s; color: #fff; overflow: hidden; }
        .side ul li .sidetop, .side ul li .sidewx { width: 72px; height: 72px; line-height: 72px; display: inline-block; transition: all 0.3s; }
            .side ul li .sidetop:hover, .side ul li .sidewx:hover { background: #005896; }
.side-wx { left: -170px; top: -96px; width: 160px; height: 160px; border: 5px solid #005896; }
.side-wx-b:hover .side-wx { display: block; }
/*/右侧客服*/
.zx_show { background: #0073c3; width: 460px; height: 305px; position: fixed; left: 50%; top: 50%; margin-left: -225px; margin-top: -152px; z-index: 10; z-index: 9999; box-shadow: 0 0 30px #000; -moz-box-shadow: 0 0 30px #ccc; -webkit-box-shadow: 0 0 30px #000; }
    .zx_show .zxclose { width: 30px; height: 26px; overflow: hidden; cursor: pointer; top: 10px; right: 10px; position: absolute; transition: All .3s ease; -moz-transition: All .3s ease; -webkit-transition: All .3s ease; -o-transition: All .3s ease; }
        .zx_show .zxclose:hover { transform: rotate(90deg); }
.zxcenter { background: url(../uimg/oncen-bg.jpg) no-repeat left bottom; height: 160px; }
.zxbottom { background-color: #fff; height: 105px; position: absolute; bottom: 0; width: 460px; }
.zxcen-text { padding-left: 135px; }
/*/弹窗*/
.barrage { position: fixed; bottom: 70px; right: -500px; display: inline-block; width: 500px; z-index: 99999; }
.barrage_box { background: rgba(0,0,0,.5); filter: Alpha(Opacity=0); /*100为不透明，0为全透明*/ padding-right: 8px; height: 40px; display: inline-block; border-radius: 25px; transition: all .3s; }
    .barrage_box .portrait { display: inline-block; margin-top: 4px; margin-left: 4px; width: 32px; height: 32px; border-radius: 50%; overflow: hidden; }
        .barrage_box .portrait img { width: 100%; height: 100%; background: none; }
    .barrage_box div.p a { margin-right: 2px; font-size: 14px; color: #fff; line-height: 40px; margin-left: 18px; }
        .barrage_box div.p a:hover { text-decoration: underline; }
    .barrage_box .close { visibility: hidden; opacity: 0; text-align: center; width: 25px; height: 25px; margin-left: 20px; border-radius: 50%; background: rgba(255,255,255,.1); margin-top: 8px; background-image: url(../uimg/close.png); }
    .barrage_box:hover .close { visibility: visible; opacity: 1; }
    .barrage_box .close a { display: block; }
    .barrage_box .close .icon-close { font-size: 14px; color: rgba(255,255,255,.5); display: inline-block; margin-top: 5px; }
.barrage .z { float: left !important; }
.barrage a { text-decoration: none; }
/*/弹幕*/

/*cnzz统计*/
#cnzz_stat_icon_1263613109 {display:none;}
.p_title {
    display: inline-block;
    font-size:30px;
    font-weight: 500;
    margin-top:60px;
    color:#3e2800;
}

.p_title2 {
    margin-top: 40px;
    font-size:20px;
    color:#ccc;
        line-height:30px;
        
}

.p_pdiv {
    position: absolute;
    width:600px;
    left:50%;
    margin-left:-300px;
    text-align: center;
}