.iban { width: 100%; height: 500px; position: relative; }
.iban .bd { width: 100%; height: 100%; }
.iban .bd li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; }
.iban .bd li a { display: block; width: 100%; height: 100%; background: url("../images/banner1.jpg")/*banner1.jpg*/ center; }
.iban .hd { position: absolute; bottom: 0; left: 0; font-size: 0; text-align: center; width: 100%; min-width: 990px; }
.iban .hd li { width: 100px; height: 25px; background: #fff; color: #fff; text-align: center; line-height: 20px; display: inline-block; font-size: 16px; margin: 4px; cursor: pointer; border-bottom: 2px #FFF solid; overflow: hidden; }
.iban .hd li img { width: 100%; }
.iban .hd li.on { border-color: #ff3f3c; }
.banner{width:100%;float:left;overflow:hidden;position:relative;height:390px}
.banner .img{width:100%;height:auto}
.banner .img li{position:absolute;top:0;left:0;display:none;height:100%;float:left;min-width:990px;min-height:257.8px}
.banner .img li img{height:100%;width:100%;float:left;position:relative;max-width:1903px}
.banner .img li div{position:absolute}
.banner .img li div img{width:100%}
.banner .img li .img2{top:29.4%;left:35%;width:30%;opacity:0;display:block}
.banner .img li .img3{top:29%;left:29%;width:42%;opacity:0;display:block}
.banner .img li .img4{top:33.6%;left:48.5%;width:32.8%;opacity:0;display:block}
.banner .img li .img5{top:39.2%;left:19%;width:25%;opacity:0;display:block}
.banner .img li .img6{top:32.6%;left:19%;width:24.5%;opacity:0;display:block}
.banner .img li .img5_2{top:5%;right:16.145%;width:41.19%;height:84.8%}
.banner .num{position:absolute;bottom:0;left:0;font-size:0;text-align:center;width:100%;min-width:990px}
.banner .num li{width:100px;height:25px;background:#fff;color:#fff;text-align:center;line-height:20px;display:inline-block;font-size:16px;margin:4px;cursor:pointer;border-bottom:2px #FFF solid;overflow:hidden}
.banner .num li img{width:100%}
.banner .num li.on{border-color:#ff3f3c}
.qu_nav{width:100%;height:170px;margin:30px 0 60px}

.qu_nav .threed_box{width:100%;height:170px;float:right}
.qu_nav .threed_box .sm_box{width:31.5%;height:180px;float:left;border-radius:5px;background:#f3f3f3;position:relative;margin-right:30px;}
.qu_nav .threed_box .sm_box a{display:block;width:100%;height:100%}
.qu_nav .threed_box .sm_box a:hover h5{color:#ff3f3b}
.qu_nav .threed_box .sm_box h5{font-size:18px;color:#333;position:absolute;top:15px;left:20px;/*transition:all .3s;*/}
.qu_nav .threed_box .sm_box p{color:#666;font-size:14px;line-height:26px;position:absolute;top:48px;right:90px}
.qu_nav .threed_box .sm_box span{width:160px;height:130px;display:block;position:absolute;top:52px;left: 22px}
.qu_nav .threed_box .sm_box:last-child{margin-right:0}
.pro{width:100%;/*height:340px;*/margin:40px 0 0px}
.pro dl{width:25%;float:left;border:1px solid #efefef;border-right-color:#FFF;transition:all .3s;padding:4px; margin-bottom: 40px}
.pro dl dt{width:100%;margin:0px auto 20px}
.pro dl dt img{width:100%}
.pro dl dd{/*width:180px;*/margin:0 auto;text-align:center}
.pro dl dd h5{font-size:16px}
.pro dl dd h5 a{color:#333;transition:all .2s}
.pro dl dd p{color:#999;font-size:12px;margin:-8px 0 5px}
.pro dl dd a.con,.pro dl dd a.del{float:left;width:80px;height:24px;line-height:24px;font-size:12px;border-radius:3px;display:none;opacity:0;transition:all .1s}
.pro dl dd a.con:hover,.pro dl dd a.del:hover{background:#ff3f3b;color:#FFF;border-color:#ff3f3b}
.pro dl dd a.del{color:#ff3f3b;border:1px solid #ff3f3b}
.pro dl dd a.con{border:1px solid #efefef;float:right}
.pro dl.last{border-right-color:#efefef}
.pro dl:hover{border-color:#ff3d3b}
.pro dl:hover h5 a{color:#ff3f3b}
.rongliang .search{width:720px;height:50px;line-height:50px;margin:0 auto;font-size:16px;color:#666;z-index:9999;position:absolute;left:0;right:0}
.rongliang .search span{cursor:pointer;margin-right:5px;display:inline-block;width:95px}
.rongliang .search span i{display:inline-block;width:15px;height:15px;border:1px solid #ccc;margin:-3px 6px;font-size:10px}
.rongliang .search span.on i{background:url("../images/icon_qunav.png")/*icon_qunav.png*/ -463px -65px}
.rongliang .search #which{font-style:normal;display:inline-block;width:80px}
.rongliang .search #calc{font-size:12px;color:#ff3f3b;text-decoration:dashed;cursor:pointer}
.rongliang .search a.btn,.rongliang .search input{width:100px;height:40px;line-height:40px;text-align:center;box-shadow:1px 2px 14px 1px #eaeaea;border-radius:5px;background:#FFF;display:inline-block;margin:0 5px}
.rongliang .search input::-webkit-inner-spin-button,.rongliang .search input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
.rongliang .search a.btn{color:#ff3f3b;margin-left:20px;transition:all .3s}
.rongliang .search a.btn:hover{background:#ff3f3b;color:#FFF}
.rongliang i.line{display:block;width:188px;height:2px;background:url("../images/run_line.png")/*run_line.png*/ no-repeat;position:absolute;top:20px;left:-200px;z-index:8888;animation:run_line 8s infinite linear}
.rongliang i.line_1{animation-delay:1s}
.rongliang i.line_2{top:40px;animation-delay:4s;animation-duration:3.5s}
.rongliang i.line_3{top:80px;animation-delay:7.3s;animation-duration:10s}
.rongliang i.line_4{top:95px;animation-delay:2.5s}
@keyframes run_line{from{left:-200px}
to{left:1190px}
}
.newslist{width:100%;height:233px;padding-bottom: 50px}
.newslist .news{width:100%;float:left}
.newslist .news a{transition:all .3s}
.newslist .news a:hover{color:#ff3d3b}
.newslist .news dl{width:50%;font-size:16px;height:16px;line-height:16px;color:#666;margin-top:35px;float:left}
.newslist .news dl dt{width:60px;float:left}
.newslist .news dl dt:after{border-right:1px solid #ccc;content:" ";height:10px;margin-top:3px;display:block;width:1px;float:right}
.newslist .news dl dd{float:left;text-indent:12px}
.newslist .spe{width:300px;float:left}
.newslist .spe .spe_box{width:294px;height:126px;margin-top:35px;position:relative;overflow:hidden}
.newslist .spe .spe_box ul{width:100%;height:126px}
.newslist .spe .spe_box ul li{width:100%;height:126px;display:none}
.newslist .spe .spe_box ul li img{width:100%}
.newslist .spe .spe_box ul li span{width:100%;height:30px;line-height:30px;background:rgba(255,63,59,.6);font-size:14px;text-align:center;color:#FFF;position:absolute;bottom:-30px;left:0}
.newslist .spe .spe_box a.next,.newslist .spe .spe_box a.prev{width:24px;height:40px;text-align:center;position:absolute;background:rgba(255,255,255,.6);top:36px;line-height:40px;color:#FFF;font-weight:700;transition:all .3s}
.newslist .spe .spe_box a.next:hover,.newslist .spe .spe_box a.prev:hover{background:rgba(255,255,255,.8);color:#ff3f3b}
.newslist .spe .spe_box a.prev{left:-24px;border-radius:0 5px 5px 0}
.newslist .spe .spe_box a.next{right:-24px;border-radius:5px 0 0 5px}

.index_3{width:100%;height:180px;background:url("../images/index_7.jpg")/*index_7.jpg*/ no-repeat center;padding-bottom: 40px}
.index_3_top{width:100%}
.b_middle{font-size:30px;height:30px;line-height:30px;text-align:center;display:block;font-weight:100;color:#333}
.index_3_bot{width:100%;position:absolute;left:0;bottom:0;height:180px}
.index_3_bot_1{float:left;height:100%}
.index_3_bot_1 b{font-size:40px;color:#FFF;font-weight:100;line-height:40px;height:40px;margin-top:55px;margin-bottom:30px;display:block}
.index_3_bot_1 a{color:#999;font-size:18px}
.index_3_bot_1 a:hover{color:#FFF}
.index_3_bot_1 p{font-size:20px;color:#FFF;font-weight:100;line-height:20px;height:20px;margin-top:85px;display:block;float:left}
.index_3_bot_1 span{font-family:Arial;font-size:60px;color:#FFF;height:60px;line-height:60px}

.tl{width:100%;height:180px;background: rgb(245, 245, 245);height: 240px;margin-bottom: 20px;}
.tl_top{width:100%}
.b_middle{font-size:30px;height:30px;line-height:30px;text-align:center;display:block;font-weight:100;color:#333;}
.tl_bot{width:100%;margin: 0 auto;}

.tl_bot_1{height:100%}
.tl_bot_1 p{font-size:20px;color:#e03d33;font-weight:bold;line-height:20px;height:20px;margin-top:15px;display:block; text-align: center}
.tl_bot_2{width:80%;margin: 0 auto;}
.tl_bot_2 p{font-size:18px;color:#1f365c;line-height:36px;height:72px;margin-top:20px;display:block; text-align: center}
.tl_bot_3{width:20%;margin: 0 auto;background:#e03d33;height: 32px;margin-top: 20px;padding-left: 15px }
.tl_bot_3 a{color:#fff;font-size:16px;font-weight: bold;text-align: center;line-height: 32px}
.tl_bot_4{width:80%;margin: 0 auto;}
.tl_bot_4 p{text-align: center}
.tl_bot_4 img{width:52px;}


.tl_bot_1 span{font-family:Arial;font-size:60px;color:#FFF;padding:0 30px;display:block;float:left;margin-top:64px;height:60px;line-height:60px}

.index_5{height:240px;width:100%;margin:45px 0 10px}
.index_5 div{width:17.65%;height:100%;float:left}
.index_5 div span{height:53px;width:60px;margin:0 auto;background:url("../images/index_bg2.png")/*index_bg2.png*/ no-repeat;display:block;margin-bottom:30px}
.index_5 div .span1{background-position:-80px -74px}
.index_5 div .span2{background-position:-140px -74px}
.index_5 div .span3{background-position:-200px -74px}
.index_5 div .span4{background-position:-260px -74px}
.index_5 div .span5{background-position:-320px -74px}
.index_5 div:hover .span1{background-position:-80px -127px}
.index_5 div:hover .span2{background-position:-140px -127px}
.index_5 div:hover .span3{background-position:-200px -127px}
.index_5 div:hover .span4{background-position:-260px -127px}
.index_5 div:hover .span5{background-position:-320px -127px}
.index_5 div b{font-size:20px;color:#333;text-align:center;display:block;font-weight:100;height:20px;line-height:20px;margin-bottom:7px;transition:all .3s}
.index_5 div:hover b{color:#FF3F3C}
.index_5 p{text-align:center}
.video_box{width:100%;height:235px;margin:40px 0 20px}
.video_box dl{width:31%;float:left;background:#f5f5f5;transition:all .3s;margin-right:20px}
.video_box dl dt{width:100%;position:relative;overflow:hidden}
.video_box dl dt img{width:100%;transition:all 2s;width:369px ;height:210px }
.video_box dl dd{width:100%;height:65px;padding-top:15px;text-align:center}
.video_box dl dd h5{font-size:20px;color:#333;transition:all .3s}
.video_box dl dd p{font-size:16px;color:#999;line-height:20px}
.video_box dl a:hover dt img{transform:scale(1.1)}
.video_box dl a:hover dt i{background-color:#ff3f3b;border-color:#fff}
.video_box dl a:hover h5{color:#ff3f3b}
.video_box dl:hover{box-shadow:1px 2px 14px 1px #eaeaea}
.video_box dl:last-child{margin-right:0}
#container{position:absolute;height:350px;width:100%;left:0;top:0}
#output{width:100%;height:100%}


.index_footer_so{width:91%;height:38px;border:1px solid #666}
.index_footer_so .key{height:100%;width:80%;border:none;background:0 0;float:left;text-indent:20px}
.index_footer_so .sub{height:100%;width:20%;border:none;background:0 0;float:left;text-align:center;border-left:1px solid #666;display:block;cursor:pointer;font-size:16px}
.index_footer_so .sub:hover{color:#fff}
.index_footer_r{width:32%;float:left}
.index_footer_r_t{height:111px;float:left}
.index_footer_r_t div{width:50%;float:left;margin-bottom:15px}
.index_footer_r_t div b{border-left:1px solid #fff;display:block;font-weight:100;font-size:14px;line-height:14px;text-indent:7px;color:#FFF;float:left;width:100%;margin-bottom:15px;margin-top:7px}
.index_footer_r_t div p{font-size:24px;line-height:24px;color:#FFF;display:block;height:24px;float:left}
.index_footer_r p{color:#FFF;float:left}
.index_footer_r_b{float:left;height:106px;width:100%;margin-top:15px}
.index_footer_r_b span{height:106px;width:27.89%;float:left;display:block;background:url("../images/index_bg2.png")/*index_bg2.png*/ -380px 0 no-repeat;margin-right:7.89%}
.index_footer_r_con{width:64.2%;float:left;height:106px}
.index_footer_r_con ul li{width:50%;float:left;height:53px;line-height:40px;margin-top:4px}
.index_footer_r_con ul li a{color:#FFF}
.index_footer_r_con ul li:hover a{color:#c8c8c8}
.index_footer_r_con ul li i{background:url("../images/index_bg2.png")/*index_bg2.png*/ no-repeat;width:40px;height:40px;display:block;margin-right:10px;float:left}
.index_footer_r_con ul li .span1{background-position:0 0}
.index_footer_r_con ul li .span2{background-position:0 -40px}
.index_footer_r_con ul li .span3{background-position:0 -80px}
.index_footer_r_con ul li .span4{background-position:0 -120px}
/*.footer{width:100%;height:239px;background-color:#282828}
.footer-c{margin-top:40px;height:60px}
.footer,.footer dl a{color:#bdbebe}
.copyright,.copyright a{color:#aaa}
.footer a:hover{color:#ccc}
.btlist,.ftbox{margin:0 auto}
.footer .flogo{margin:44px 150px 0 7px;height:145px}
.footer dl.list{float:left;margin-top:30px}
.footer dl.w{overflow:hidden;margin-right:120px}
.footer dl.w dd{float:left;margin-right:20px;width:130px}
.footer dl dt{margin-bottom:15px;font:700 15px/22px "microsoft yahei"}
.footer dl dd{text-indent:2px;line-height:26px}*/
.copyright{clear:both;height:60px;line-height:60px}
.copyright i{width:35px;height:23px;display:block;background:url("../images/icon_hf.png")/*icon_hf.png*/ -353px -148px no-repeat;float:left;margin-right:10px;margin-top:18px}
.copyright .t{width:420px;color:#999}
.copyright .t a{color:#999}
.copyright .t a:hover{color:#fff}
.copyright ul{width:47.8%}
.copyright ul li{float:right;background-position:-374px -35px;text-indent:3px}
.copyright ul li a{color:#999}
.copyright .group{position:relative}
.copyright .last{background:0 0}
.copyright .group span{display:block;cursor:pointer;color:#999}
.copyright .group:hover span{color:#fff}
.copyright .group dl{position:absolute;bottom:50px;left:-46px;display:none;padding-bottom:10px;width:160px;border-top:2px solid #ccc;background:url("../images/icon_group.png")/*icon_group.png*/ left bottom no-repeat #f7f6f6;text-align:center;font-size:12px;line-height:24px}
.copyright .group dl,.copyright .group dl a{color:#666}
.copyright .group dl a:hover{font-weight:700}
@media screen and (max-width:1199px){body,button,input,select,textarea{color:#666;font:14px/24px "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti}
.header{width:990px;margin:0 auto}
.header .logo{width:330px}
.header_top{width:990px;margin:0 auto}
.nav{width:612px;overflow:hidden;height:80px}
.navlist{padding-left:0}
.navlist li{float:left;width:94px}
.navlist li .poslf{width:94px;margin-left:0}
.navpro .plist{width:990px}
.navpro .plist ul.fv{width:198px}
.navlist li .online-items{width:138px}
.navlist li.first{margin-left:0}
.navlist li .navpro,.navpro .plist{height:400px}
.navlist li .navpro{top:80px}
.navpro .plist ul.tj{display:none}
.ftbox{background:0 0;width:990px}
.index_1_l{height:130px}
.index_1_l ul li{height:67px}
.index_2_l img{height:316px}
.index_hover{height:130px}
.index_hover .box{height:130px}
.index_hover .content b{margin-top:40px}
/*.index_footer_r_t{height:135px}
.index_footer_r_t div{margin-bottom:10px}
.index_footer_r_t div p{font-size:20px}
.index_footer_r_b span{width:106px;margin-right:2%}
.index_footer_r_con ul li i{margin-right:2px}*/
.index_2{height:317px}
.index_2_2 b{font-size:30px;width:210px;height:30px;line-height:30px;margin:12px 0 16px 0}
.index_2_2 a{margin-top:16px}
.index_3_bot_1 span{padding:0 10px}
.index_4_con{width:182px}
.index_4_con_ho{width:254px}
.index_6{height:336px}
.index_6_con div{height:211px}
.index_4_con_ho p{width:216px}
.h60{height:30px;width:100%;display:block;clear:both;overflow:hidden}
.h50{height:25px;width:100%;display:block;clear:both;overflow:hidden}
.h40{height:20px;width:100%;display:block;clear:both;overflow:hidden}
.h30{height:15px;width:100%;display:block;clear:both;overflow:hidden}
.header .hdbox{height:80px}
.header .logo{margin-top:13px}
.navlist{margin:0 auto;height:80px}
.navlist li .items{width:94px;left:0;height:80px;font:400 16px/80px "microsoft yahei"}
.navlist li dl{top:80px}
.navlist li{width:96px}
.qu_nav .threed_box{width:600px;overflow-y:hidden;padding-left:10px}
.qu_nav .threed_box .sm_box{margin-right:50px}
.qu_nav .threed_box .sm_box:nth-child(2){margin-right:30px}
.qu_nav .threed_box .sm_box:nth-child(2) span{left:82px}
.pro dl{width:196px}
.newslist .news{width:690px}
.newslist .news dl{width:345px}

.video_box{margin-bottom:40px}
.video_box dl{width:225px;height:205px}
.video_box dl dt{height:125px}
.video_box dl dt i{top:88px}
}
@media screen and (max-width:2000px){.banner{height:500px}
}
@media screen and (max-width:1903px){.banner{height:500px}
}
@media screen and (max-width:1853px){.banner{height:485px}
}
@media screen and (max-width:1803px){.banner{height:472px}
}
@media screen and (max-width:1753px){.banner{height:458px}
}
@media screen and (max-width:1703px){.banner{height:445px}
}
@media screen and (max-width:1653px){.banner{height:425px}
}
@media screen and (max-width:1603px){.banner{height:416px}
}
@media screen and (max-width:1553px){.banner{height:404px}
}
@media screen and (max-width:1503px){.banner{height:390px}
}
@media screen and (max-width:1453px){.banner{height:374px}
}
@media screen and (max-width:1403px){.banner{height:363px}
}
@media screen and (max-width:1353px){.banner{height:357px}
}
@media screen and (max-width:1303px){.banner{height:336px}
}
@media screen and (max-width:1253px){.banner{height:322px}
}
@media screen and (max-width:1203px){.banner{height:309px}
}
@media screen and (max-width:1153px){.banner{height:284px}
}
@media screen and (max-width:1103px){.banner{height:270px}
}
@media screen and (max-width:953px){.banner{height:261px}
}
@media screen and (max-width:1199px) and (min-width:1190px){.navlist li{float:left;width:76px}
.navlist li .items{width:auto}
.navlist .header_soso i{margin-top:30px}
.navlist .header_soso p{line-height:77px}
}
@media screen and (max-width:1190px){.header .logo{margin-right:30px}
.nav{width:630px}
.navlist li{width:81px}
.navlist li .items{font-size:16px}
.navlist .header_soso p{line-height:77px}
.navlist .header_soso i{margin-top:30px}
}
h3 a{color:#333}

       @media screen and (max-width: 1800px)
            .w {
                max-width: 1190px;
            }
            .w {
                max-width: 1190px;
                margin: 0 auto;
            }
            .w1 {
                max-width: 1920px;
                margin: 0 auto;
            }
            .w h1 {
                padding-top: 70px;
                font-size: 45px;
                font-weight: 700;
                text-align: center;
                font-style: normal;
            }
        }
        h1:after
        {
            content:url(logo.gif);
        }
        .w h1:after, .w h1:before {
            content: "";
            width: 76px;
            height: 28px;
            background: url(../images/h-zs.png) no-repeat; 
            display: inline-block;
            margin: 0 45px;
        }
        *, :before, :after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .w .text {
            font-size: 16px;
            text-align: center;
            line-height: 30px;
            margin: 20px 0 25px 0;
        }

/* wx */
.wm{
    background: url(../images/w1.png) center no-repeat;
    height: 643px;
}
.wm .wh{
    width: 1300px;
    margin:0 auto;
    height: 643px;
    padding: 60px 41px 0 44px;
}
.abtit{
    width: 573px;
}
.abtit dd{
    font:normal 40px/40px MicrosoftYaHei;
    color: #020202;
}
.abtit dt{
    font:normal 16px/30px MicrosoftYaHei;
    color: #020202;
    margin-top: 44px;
}
.abtit a{
    display: block;
    width: 155px;
	height: 41px;
	background-color: #e03d33;
    border-radius: 10px;
    text-align: center;
    font:normal 18px/41px MicrosoftYaHei;
    color: #ffffff;
    margin-top: 70px;
}


.abtut{
    width: 605px;
	height: 351px;
}

.ablist{
    margin-top: 12px;
}

.abxiali{
    margin-left: 0;
    width: 613px;
    float: left;
    margin-top: 37px;
    
}
.abxiali ul li{
    float: left;
    width: 164px;
	height: 88px;
	background-color: #ffffff;
    border: solid 1px #c0c0c0;
    margin-right: 36px;
}
.abxiali ul li:last-child{
    margin-right: 0;
}
.abxiali ul li a{
    display: block;
}
.abxiali ul li .alstu{
    width: 47px;
    height: 47px;
    text-align: center;
    position: relative;
    margin-left: 11px;
    margin-top: 18px;
}
.abxiali ul li .alstu dd{
    position: absolute;
    z-index: 1;
    bottom: 0;
    opacity: 1;
    transition: all 0.4s;
    left: 0;
    right: 0;
    width: 47px;
    height: 47px;
}
.abxiali ul li .alstu dt{
    opacity: 0;
    transition: all 0.4s;
    width: 47px;
    height: 47px;
}
.abxiali ul li:hover dd{
    opacity: 0;
    transition: all 0.4s;
}
.abxiali ul li:hover dt{
    opacity: 1;
    transition: all 0.4s;
}
.abxiali ul li .alcont{
    margin-left: 7px;
}
.abxiali ul li .alcont h3{
    font:normal 12px/12px MicrosoftYaHei;
    color: #020202;
    margin-top: 7px;
}
.abxiali ul li .alcont h4{
    font:normal 14px/14px MicrosoftYaHei;
    color: #020202;
    margin-top: 22px;
}
.abxiali ul li:hover{
    background-color: #216de7;
}
.abxiali ul li:hover h4,.abxiali ul li:hover h3{
    color: #fff;
}
.abtel{
	width: 290px;
    margin-top: 37px;
    float: left;
}
.abtel h4{
    font:normal 14px/14px MicrosoftYaHei;
    color: #020202;
}
.abtel h3{
    font:bold 30px/30px MicrosoftYaHei;
    color: #e03d33;
    margin-top: 14px;
}
.abtel h5{
    font:normal 14px/14px MicrosoftYaHei;
    color: #020202;
    margin-top: 15px;
}
/* w3 */
.w3{
    background: url(../images/w3.jpg) center no-repeat;
    height: 1335px;
    padding-top: 55px;
}
.w3tit{
    text-align: center;
}
.w3tit dd{
    background: url(../images/w3t1.png) center no-repeat;
    height: 70px;
    font:bold 55px/70px MicrosoftYaHei;
    color: #131313;
}
.w3tit dd b{
    color: #e03d33;
}
.w3tit dt{
    font:bold 18px/18px MicrosoftYaHei;
    color: #000;
    background: url(../images/w3t2.png) center no-repeat;
    margin-top: 14px;
}

.ysbg{
    margin-top: 8px;
}
.ys1{
    height: 605px;
}
.ys2wen{
    width: 814px;
}
.ys1wen{
    width: 828px;
    padding-left: 10px;
}
.ystit{
    padding-left: 178px;
}
.ystit1{
    background: url(../images/ys1.png)left top no-repeat;
    margin-top: 23px;
}
.ystit2{
    background: url(../images/ys2.png)left top no-repeat;
    margin-top: 33px;
}
.ystit3{
    background: url(../images/ys3.png)left top no-repeat;
}
.ystit4{
    background: url(../images/ys4.png)left top no-repeat;
    margin-top: 40px;
}

.ystit dd{
    font:bold 28px/28px MicrosoftYaHei;
    color: #111111;
    padding-top: 38px;
}
.ystit dd strong{
    color: #e03d33;
}
.ystit dt{
    font:normal 14px/14px MicrosoftYaHei;
    border-bottom: 1px dashed #cecece;
    margin-top: 21px;
    padding-bottom: 18px;
}
.ystit dl{
    font:normal 16px/40px MicrosoftYaHei;
    color: #131313;
    margin-top: 25px;
}



.hen{
    background: url(../images/hen.png) center no-repeat;
    height: 283px;
    text-align: center;
    padding-top: 185px;
}
.wh{width: 1300px;margin:0 auto;} 
.footer {
  padding: 40px 0 0;
  color: #FFF;
  background: #1f365c;
	font-size: 16px;
}

.footer a {
  color: #9D9D9D;
}

.footer-box .foot_logo p {
  display: flex;
  padding-top: 25px;

}

.footer-box dd a:hover {
  color: #e03d33;
  text-decoration: underline;
}

.footer-box .web_share {
  margin-top: 35px;
}
.footer-box .web_share a{
  position: relative;
}
.footer-box .web_share a:hover .h-img{
  opacity: 1;
  visibility: visible;
}
.footer-box .web_share .h-img  p{
  padding: 15px 5px;
  color: #333;
  text-align: center;
}
.footer-box .web_share .h-img{
  background: #FFF;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 10px;
  width: 120px;
 
  /* height: 120px; */
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.footer-box .web_share .h-img img{
  width: 100%;
  transform: translate(0,0);
  position: initial;
}
.foot_nav {
  width: 100%;
}

.foot_nav li {
  box-sizing: border-box;
  padding: 0 2%;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  float: left;
}

.foot_nav li dd {
  position: relative;
  /* padding-left: 0 !important; */
  box-sizing: border-box;
}
.foot_nav li:nth-child(2) dd .dd-wap{
  display: none;
}
.foot_nav li:nth-child(2) dd{
  padding-left: 30px;
}
.foot_nav li dd a {
  color: #fff;
}
.foot_nav li dd a:hover{
  text-decoration: none;
  color: #e03d33;
}
.foot_nav li dd:nth-last-child(1) a:hover{
  text-decoration: none;
  color: #e03d33;
}
.foot_nav li dd .icon {
  position: absolute;
  left: 0;
  top: 2px;
  /* display: none; */
  
}
.foot_nav li .lx-wap{
  display: none;
}
.foot_nav li:nth-of-type(1) {
  width: 20%;
  padding-left: 0;
}

.foot_nav li:nth-of-type(1) dd {
  float: left;
  width: 50%;
  line-height: 2;
  margin-bottom: 5px;
}

.foot_nav li:nth-of-type(2) {
  width: 25%;
}

.foot_nav li:nth-of-type(2) dd {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  line-height: 1.5;
  overflow: hidden;
}

.foot_nav li:nth-of-type(2) dd .icon {
  top: 6px;
}

.foot_nav li:nth-of-type(3) {
  width: 25%;
}

.foot_nav li:nth-of-type(4) {
  width: 30%;
  padding-right: 0;
  border-right: 0;
}

.foot_nav li:nth-of-type(4) .flogo {
  display: block;
  margin-bottom: 30px;
}

.foot_nav li:nth-of-type(4) .flogo img {
  /*width: 100%;*/
}

.foot_nav li:nth-of-type(4) p {
  color: #fff;
  line-height: 1.5;
}

.foot_nav li .line {
  width: 22px;
  height: 2px;
  background: #e03d33;
  display: block;
  margin: 20px 0 35px;
}

.foot-gz .imgshow {
  width: 47%;
  float: left;
  margin-right: 6%;
}

.foot-gz .imgshow img {
  margin-bottom: 10px;
}

.foot-gz .imgshow:nth-child(2) {
  margin-right: 0;
}

.foot-gz p {
  font-size: 14px;
  color: #B7BABC;
  text-align: center;
  line-height: 1.3;
}

.foot_nav h3 {
  font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.foot_nav h3 a {
  color: #444;
  text-transform: uppercase;
}

.textnowrap {
  white-space: nowrap;
}

.footer-copy {
  text-align: center;
  margin-top: 60px;
  background-color: #191B1F;
  padding: 20px 0;
  color: #7C7F83;
  font-size: 14px;
}

.disflex {
    display: flex;
}
.web_share a {
  border: 1px solid #B7BABC;
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-position: 50% 50%;
  margin-right: 11px;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  box-sizing: border-box;
}

.web_share a:hover {
  background-color: #B7BABC;
}

.web_share a img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
	width: auto;
}

.web_share.imgtab a {
  background-color: transparent;
}

.web_share.imgtab a:hover {
  border-color: #e03d33;
}

.web_share.imgtab a:hover img {
  opacity: 0;
}

.web_share.imgtab a:hover img.hover-img {
  opacity: 1;
}

.web_share.imgtab a .hover-img {
  opacity: 0;
}

.web_share a:nth-last-of-type(1) {
  margin-right: 0;
}
.m-width-1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

@media only screen and (max-width: 1466px) {
  .inner-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .m-width-1280 {
    max-width: 1000px;
  }
/*footer end*/
}
.abmap{
	margin-top: -110px;
		
}