html, body { color: #666;font-size: 14px; }
body { background: url(../img/bg.jpg) #fff center repeat-y;position: relative; }
.w1200 { width: 1200px; margin: 0 auto; position: relative; }
.w1300 { width: 1300px; margin: 0 auto; position: relative; }
.w1160 { width: 1160px; margin: 0 auto; }
.pt50 { padding-top: 50px; }
a { color: #666; transition: color 0.3s ease 0s; }
    a:hover { color: #035ba2; }
ul:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }



body > div.overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; overflow: hidden; font-family: microsoft yahei; }
    body > div.overlay div.left_menu { position: absolute; width: 15%; height: 100%; background-color: #0079c5; overflow: hidden; top: 0; left: -20%; }
        body > div.overlay div.left_menu a.close { display: block; height: 35px; color: #fff; padding-left: 50px; line-height: 35px; width: 50px; margin: 25px 0 0 30px; background: url(../img/icon_close.png) no-repeat 0px center; }
        body > div.overlay div.left_menu ul.list { margin: 40% 0 0 30px; float: left; }
            body > div.overlay div.left_menu ul.list li { width: 170px; overflow: hidden; margin-top: 15px; }
                body > div.overlay div.left_menu ul.list li a { display: inline-block; height: 100%; color: #fff; padding: 5px 10px; font-size: 14px; border: 1px solid transparent; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
                    body > div.overlay div.left_menu ul.list li a:hover { border: 1px solid #fff; display: block; text-indent: 20px; }
                body > div.overlay div.left_menu ul.list li.selected a { text-align: right; }
        body > div.overlay div.left_menu ul.foot { position: absolute; bottom: 20px; left: 30px; }
            body > div.overlay div.left_menu ul.foot li { font-size: 12px; color: #fff; overflow: hidden; margin-top: 15px; }
                body > div.overlay div.left_menu ul.foot li input { border: 1px solid #fff; width: 135px; height: 20px; border-radius: 10px; margin-bottom: 10px; line-height: 20px; text-align: left; text-indent: 12px; font-size: 12px; float: left; }
                body > div.overlay div.left_menu ul.foot li a { color: #fff; font-size: 12px; }
                    body > div.overlay div.left_menu ul.foot li a:hover { text-decoration: underline; }
                    body > div.overlay div.left_menu ul.foot li a.search_btn { float: left; margin: 0 auto; margin: 2px 0 0 10px; }
    body > div.overlay div.right_wrap { width: 85%; height: 100%; background: #fff; overflow: hidden; position: absolute; top: 0; right: -80%; }
        /*body > div.overlay div.right_wrap .probox { margin-top: 10%; }*/
        body > div.overlay div.right_wrap div.con { width: 90%; height: 40%; margin-top: 5%; left: 5%; }
            body > div.overlay div.right_wrap div.con div.title { float: left; width: 200px; height: 100%; overflow: hidden; text-transform: uppercase; }
                body > div.overlay div.right_wrap div.con div.title .en { font-size: 18px; }
                body > div.overlay div.right_wrap div.con div.title span { display: block; width: 100%; text-align: right; font-weight: bold; }
            body > div.overlay div.right_wrap div.con div.pro { height: 100%; overflow-y: scroll; zoom: 1; }
                body > div.overlay div.right_wrap div.con div.pro:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
                body > div.overlay div.right_wrap div.con div.pro ul.list { zoom: 1; }
                    body > div.overlay div.right_wrap div.con div.pro ul.list:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
                    body > div.overlay div.right_wrap div.con div.pro ul.list li { margin: 0 0 15px 10px; float: left; width: 164px; height: 164px; background: url(../img/bg_product.png) no-repeat center; overflow: hidden; position: relative; }
                        body > div.overlay div.right_wrap div.con div.pro ul.list li span.img { width: 165px; height: 165px; }
                            body > div.overlay div.right_wrap div.con div.pro ul.list li span.img img { width: 165px; display: block; vertical-align: center; }
                        body > div.overlay div.right_wrap div.con div.pro ul.list li > a { display: block; position: absolute; height: 100%; width: 100%; z-index: 9; background: #0079c5; top: -164px; left: 0; color: #fff; text-align: center; font-size: 18px; }
                            body > div.overlay div.right_wrap div.con div.pro ul.list li > a span { display: block; margin-top: 50px; }
            body > div.overlay div.right_wrap div.con .page { margin: 30px 0 0 250px; }
                body > div.overlay div.right_wrap div.con .page a { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; }
                    body > div.overlay div.right_wrap div.con .page a img { vertical-align: middle; margin: -3px 0 0 0; }
                body > div.overlay div.right_wrap div.con .page ul { display: inline-block; margin: 0 10px 0 5px; }
                    body > div.overlay div.right_wrap div.con .page ul li { display: inline-block; }
                        body > div.overlay div.right_wrap div.con .page ul li a { width: 15px; }
                            body > div.overlay div.right_wrap div.con .page ul li a:hover { color: #0079c5; }
body > div.header { font-family: microsoft yahei; width: 100%; height: 96px; position: fixed; background-color: rgba(255, 255, 255, 0.8); top: 0; z-index: 777;border-bottom: 1px solid #000; }
    body > div.header img.logo { position: absolute; left: 50%; top: 0; margin-left: -114.5px; }
    body > div.header a.menu { position: fixed; z-index: 888; top: 60px; left: 20px; }
    body > div.header img.guide { position: absolute; right: 20px; bottom: 10px; }
    body > div.header ul { float: right; margin: 40px 180px 0 0; }
        body > div.header ul li { font-size: 12px; color: #313131; overflow: hidden; }
            body > div.header ul li input { border: 1px solid #313131; width: 135px; height: 20px; border-radius: 10px; margin-bottom: 10px; line-height: 20px; text-align: left; text-indent: 12px; font-size: 12px; float: left; }
            body > div.header ul li a { margin: 0 0 0 10px; color: #313131; font-size: 12px; }
                body > div.header ul li a.search_btn { float: left; margin: 0 auto; margin: 2px 0 0 10px; }
























.iban-wrap { height: 800px; margin-top: 96px; }
.iban { height: 800px; background: url(../img/loadings.gif) no-repeat center; }
    .iban .imglist li.active { animation: bannerIn 15s forwards; }
.sub_banner { height: 320px; background: url(../img/sub_banner.jpg) no-repeat center; margin-top: 96px; }

.tit-box h4 { font-size: 28px; line-height: 36px; font-weight: normal; color: #2b292a; }
    .tit-box h4 em { font-size: 20px; line-height: 50px; font-style: normal; }
.tit-box .intr { line-height: 26px; font-size: 15px; margin-top: 6px; color: #999; }
.tit-box .line { display: block; width: 10px; height: 2px; background-color: #2b292a; margin-top: 6px; line-height: 2px; }
.tit-box .tit-more { display: inline-block; line-height: 32px; margin-top: 16px; padding-left: 25px; background: url(../img/ico_09.png) no-repeat left center; font-size: 12px; }
.i-wrap { width: 1300px; margin: 0 auto; }
.i-sub-wrap { width: 1300px; background: #fff; margin: 0 auto; }

.tit-img { padding-top: 120px; padding-bottom: 72px; text-align: center; }
.i-fir-wrap { }
    .i-fir-wrap .i-banner { width: 1200px; height: 436px; margin: 0 auto 90px; }








.i-sec-wrap { margin-bottom: 80px; }
    .i-sec-wrap .i-news { width: 565px; }
        .i-sec-wrap .i-news .newslist { margin-top: 17px; }
.newslist .i_newtop { margin-top: 12px; }
    .newslist .i_newtop .i_newtoptit { font-size: 18px; font-weight: bold; line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .newslist .i_newtop .i_newtopcon { height: 24px; line-height: 24px; padding-bottom: 8px; border-bottom: 1px solid #a4a4a5; }
.news_con { margin-top: 5px; }
    .news_con li span { width: 85px; float: right; text-align: right; height: 28px; line-height: 28px; }
    .news_con li a { float: left; width: 448px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 28px; line-height: 28px; background: url(../img/new-ico.jpg) no-repeat left center; padding-left: 12px; }
.i-sec-wrap .i-products { width: 565px; }
.catelist { margin-top: 17px; }
    .catelist ul { width: 264px; margin-right: 11px; float: left; }
        .catelist ul li { margin-bottom: 11px; }
            .catelist ul li a { height: 42px; line-height: 42px; text-align: center; font-size: 16px;padding:0 4px; background: #d2d2d2; display: block; color: #2a2a2a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
                .catelist ul li a.t { background: #3f84b8; color: #fff; }                
                .catelist ul li a:hover {background: #53adf1; color: #fff; }
                .catelist ul li a.t:hover { background: #3f84b8; color: #fff;font-weight:bold; }

.fttop { width: 100%; background: url(../img/bg_footer.jpg);padding-top: 47px; }
    .fttop h2 { font-size: 16px; color: #fff; margin-bottom: 20px;height:25px;line-height:25px; }
.botlink { width: 560px;}
    .botlink ul li { color: #fff; font-size: 16px; margin-bottom: 20px; float: left; width: 140px; height: 25px; line-height: 25px; text-align: left; }
        .botlink ul li a { color: #fff; }
.footlogo {margin-top:5px;padding-left:50px; }
.footpdf {margin-right:30px; width:240px;}
.focus { width: 255px; }
    .focus p {color:#fff;line-height:25px; }
.copyright {height:55px;line-height:55px;border-top:1px solid #65686c;color:#fff;margin-top:50px;text-align:center; }
    .copyright a { color:#fff; }



/*.contact-wrap { background-color: #f6f6f6; padding-top: 50px; padding-bottom: 50px; }
    .contact-wrap h4 { font-size: 18px; line-height: 30px; font-weight: bold; font-family: "Base-font"; padding-bottom: 13px; border-bottom: 1px solid #e3e3e3; color: #333; }
    .contact-wrap .address { margin-right: 90px; width: 600px; }
        .contact-wrap .address img { width: 150px; margin-top: 30px; }
        .contact-wrap .address .cont { padding-top: 25px; width: 400px; }
            .contact-wrap .address .cont .stt { font-weight: bold; }
            .contact-wrap .address .cont p { line-height: 24px; font-size: 14px; color: #666; }
    .contact-wrap .weixin { margin-right: 90px; width: 210px; }
        .contact-wrap .weixin .wx-img { padding-top: 26px; }
    .contact-wrap .mobile { width: 210px; }
        .contact-wrap .mobile .wx-img { padding-top: 26px; }

.footer-wrap { background-color: #222; padding-top: 20px; padding-bottom: 20px; }

    .footer-wrap .top-wrap { padding-bottom: 15px; border-bottom: 1px solid #393939; }
        .footer-wrap .top-wrap .nav { line-height: 40px; }
            .footer-wrap .top-wrap .nav a { display: inline-block; font-size: 14px; float: left; color: #fff; opacity: 0.4; filter: alpha(opacity=40); transition: opacity 0.3s ease 0s; }
                .footer-wrap .top-wrap .nav a:hover { opacity: 1; filter: alpha(opacity=100); }
            .footer-wrap .top-wrap .nav .line { display: inline-block; float: left; width: 1px; height: 10px; background-color: #fff; opacity: 0.4; filter: alpha(opacity=40); margin: 16px 20px 14px; }
        .footer-wrap .top-wrap .call { line-height: 40px; margin-top: 2px; display: inline-block; color: #fff; opacity: 0.4; filter: alpha(opacity=40); }
    .footer-wrap .bot-wrap { line-height: 42px; padding-top: 10px; font-size: 12px; }
        .footer-wrap .bot-wrap p { color: #7a7a7a; text-transform: uppercase; }
            .footer-wrap .bot-wrap p.fr img { height: 42px; }
        .footer-wrap .bot-wrap a { color: #7a7a7a; transition: all 0.3s ease 0s; }
            .footer-wrap .bot-wrap a:hover { color: #fff; }
        .footer-wrap .bot-wrap .site-img { display: inline-block; margin-right: 8px; }
.yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; }
.yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; }
.yb_bar .yb_top { background: #ff4a00 url(../img/rightbar.png) no-repeat 0 0; }
.yb_bar .yb_phone { background: #ff4a00 url(../img/rightbar.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ { text-indent: 0; background: #ff4a00 url(../img/rightbar.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { background: #ff4a00 url(../img/rightbar.png) no-repeat 0 -169px; }
.hd_qr { padding: 0 29px 25px 29px; }
.yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; }*/