@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button,a,i{padding:0;margin:0;font-size:100%;box-sizing:border-box; }

ul,li,dl,dt,ol,u,dd { list-style:none; padding:0px; margin:0px; }

address,caption,cite,code,dfn,em,strong,th,var,i,s,a{ font-style:normal; text-decoration:none; }   

label input{vertical-align:middle, outline: none;}

a{text-decoration:none; color:#666;}

a:hover{color:#f00;text-decoration:none;}

a.hidefocus{outline:none}

body{ font:14px "微软雅黑",Arial,Helvetica,sans-serif; color:black; }

img{border:0;vertical-align: middle;}

.clear{clear:both;line-height:0;height:0}

.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}

*html .clearfix{height:1%}

*+html .clearfix{height:1%}

.orange{color: #ee7a29;}

.green{color: #0da056;}

.gray{color: #999;}

.blue{color: #06f;}

.red { color:#f66; }

.c1 { color:#c11; }

.top-notice{background-color: #2f2f2f;}

.top-notice .topnote-box{width: 1000px; margin: 0 auto;padding: 8px 0;}

.top-notice .topnote-box p{ color: #b8b8b8;background: url("../images/tn1.png") no-repeat left center;text-indent: 3em;}

.top-notice .topnote-box p span{margin-left:80px;}

.top-notice .topnote-box p span a{color:#b8b8b8; background: url("../images/tn2.png") no-repeat 12px 6px; padding: 6px 15px; padding-left: 35px; border:1px solid #b8b8b8; margin-left:15px;}

.top-notice .topnote-box p span a:hover{ color: #808080;border:1px solid #808080;}

.top-notice .topnote-box .notice {float: left;width:95%;line-height: 24px;}

.top-notice .topnote-box .close{float: right; width:5%;text-align: right; margin-top:15px;}

.top-notice .topnote-box .close:hover img{transition: all ease-in .5s; -webkit-transition: all ease-in .5s;}

.top-notice .topnote-box .close:hover img{transform:rotate(360deg);

    -ms-transform:rotate(360deg); 	/* IE 9 */

    -moz-transform:rotate(360deg); 	/* Firefox */

    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */

    -o-transform:rotate(360deg);

}



.mode {padding: 25px 0px;background-color: #FFF;}

.mode ul {margin-right: -25px;*zoom:1;}

.mode ul li {float: left;width: 282px;height: 108px;margin-right: 21px;border:1px solid #eee;background: #fff;text-align: center;}

.mode ul li:hover .ico {margin-top: 21px;}

.mode ul li .ico, .mode ul li .txt {float: left;text-align: left;transition:all 0.4s ease;}

.mode ul li .ico {width: 56px;height: 56px;background: url(../images/icons.png) no-repeat;margin: 25px 15px 0px 15px;}

.mode ul li.li1 .ico {background-position: 0px -50px;}

.mode ul li.li2 .ico {background-position: -60px -50px;}

.mode ul li.li3 .ico {background-position: -120px -50px;}

.mode ul li.li4 .ico {background-position: -180px -50px;}

.mode ul li .txt h4 {color: #2b2b2b;font-size: 18px;}

.mode ul li .txt {margin-top: 30px;}

.mode ul li .txt p {color: #7d7d7d;font-size:14px;line-height: 21px;}



.container { padding:0px; }

.blocks-xxl-4>.block,.blocks-xxl-4>li { width:25% }

.blocks-xxl-5>.block,.blocks-xxl-5>li { width:23%; border: 8px solid #fff;margin: 1%;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);

}





.font-szie-16 { font-size:16px; }

.flex, .slick-track { display:flex; }

.flex-center { -webkit-justify-content:center; justify-content:center; }

.card { margin-bottom:2.143rem; border:none; -webkit-box-shadow:none; box-shadow:none; }

.card > .card-title { padding:16px 20px; }

.card-title a{font-size: 16px;}

.card-shadow { -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05); box-shadow:0 1px 1px rgba(0,0,0,.05); }

.p-r-15 { padding-right:15px!important; }

.cover-image { width:100%;height: 200px; }

.ads-image { width:100%; }

.title-icon{ width:100px; height:4px; margin:6px auto; background:#000;}

.case_box { padding:20px 0 10px 0; }



/* 页面顶部 */

.full_coolc_top { width:100%; height:66px; line-height:36px; background:#fff; position:relative; }

/*.full_coolc_top::before { width:100%; height:6px; background:#fff; position:absolute; z-index:999; content:""; left:0px; bottom:0px; }*/

.full_coolc_top a { color:#999; }

.full_coolc_top a:hover { color:#f00; }

.full_coolc_top .pull-right { padding-right:12px; }

.full_coolc_top .pull-right i { display:block; float:left; height:36px; line-height:38px; margin-right:3px; }

.full_coolc_top .pull-right span { display:block; float:left; height:36px; }

.full_coolc_top .pull-right div,.full_coolc_top .pull-right a { display:block; float:left; }

.full_coolc_top .pull-right .tel { color:#666; padding-right:17px; position:relative; }

.full_coolc_top .pull-right .tel:before { width:1px; height:12px; content:""; background:#ccc; position:absolute; top:12px; right:0px; }

.full_coolc_top .pull-right .tel i { font-size:20px; line-height:36px; margin-right:0px; }

.full_coolc_top .pull-right .tel span { font-size:16px; font-weight:bold; padding-left:2px; }

.full_coolc_top .pull-right .mobile { padding:0 15px; color:#666; position:relative; cursor:pointer; }

.full_coolc_top .pull-right .mobile .mobile_code { width:122px; height:144px; display:none; position:absolute; background:#fff; border:1px solid #dedede; left:-1px; top:36px; z-index:9999999; }

.full_coolc_top .pull-right .mobile .mobile_code p { width:100%; height:24px; line-height:14px; text-align:center; color:#999; }

.full_coolc_top .pull-right .mobile:before { width:1px; height:12px; content:""; background:#ccc; position:absolute; top:12px; right:0px; }

.full_coolc_top .pull-right .mobile:hover .mobile_code { display:block; }

.full_coolc_top .pull-right .mobile:hover .mobile_code:before { width:84px; height:5px; background:#fff; content:""; position:absolute; left:0px; top:-5px; }

.full_coolc_top .pull-right .mobile:hover:before { height:36px; top:0px; right:0px; background:#dedede; z-index:1000; }

.full_coolc_top .pull-right .mobile:hover:after { height:36px; top:0px; left:-1px; width:1px; content:""; z-index:999; background:#dedede; position:absolute; }

.full_coolc_top .pull-right .shoucang { padding:0 15px; position:relative; }

.full_coolc_top .pull-right .shoucang:before { width:1px; height:12px; content:""; background:#ccc; position:absolute; top:12px; right:0px; }

.full_coolc_top .pull-right .lixi { padding:0 0 0 15px; }



/* 菜单 */

.nav_box_bg { width:100%; height:100px; background:rgb(0,0,0,.8); position:absolute; left:0px; z-index:996; box-shadow:0px 5px 15px #002981; }

.nav_box_bg .navbar-collapse { padding:0px; }

.nav_box_bg .container { position:relative; }

.nav_box_bg .container .logo { width:200px; height:100px; float:left; }

.nav_box_bg .container .logo a { width:155px; height:100px; display:block; background:url(../images/logo.png) no-repeat left center; }

.nav_box_bg .container .nav_soso { height:26px; position:absolute; right:0px; top:38px; overflow:hidden; }

.nav_box_bg .container .nav_soso .form { position:relative; display:block; }

.nav_box_bg .container .nav_soso .form .input { width:58px; height:26px; font-size:16px; text-align:right; color:#fff; transition:all 0.25s ease-out; }

.nav_box_bg .container .nav_soso .form .btn_coolc { height:26px; border:0px; background:none; position:absolute; top:2px; right:40px; color:#fff; }

.nav_box_bg .container .nav_soso .form .btn_coolc i { font-size:16px; }

/*公共位置*/

/*about_8关于我们a~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.b_about{ margin-top: 113px; }

.b_about a{ display:block; background:url(../images/b_about.jpg) no-repeat center top; height:380px; }



.abouttit{ height:50px; margin:50px 0 50px 0; overflow:hidden;}

.abouttit ul{ width:1200px; margin:0 auto; overflow:hidden;}

.abouttit li{ width:200px; height:50px; overflow:hidden; float:left; font:16px "Microsoft Yahei"; text-align:center; margin-right:48px;}

.abouttit li a{ display:inline-block; background:#f2f2f2;color:#333;text-align:center; line-height:48px; width:198px; height:48px; border:1px solid #ccc;}

.abouttit li a:hover,.abouttit .cur a{font-weight:bold;background:#ff8a01; border:1px solid #ff8a01; color:#fff; text-decoration:none;}

.abouttit .nones{ margin-right:0;}



/*01*/

.tit01{ text-align:center; padding-bottom:40px;}

.tit01 em{ display:block; text-transform:uppercase; padding-bottom:10px; font:14px Arial, Helvetica, sans-serif; text-align:center; color:#999;}

.tit01 span{ display:block; font:16px "Microsoft Yahei"; text-align:center; color:#555; padding-top:20px;}

.com{ width:1200px; height:397px; margin:0 auto; overflow:hidden;}

.com dt{ width:723px; height:338px; float:left; overflow:hidden;}

.com dt img{width:723px; height:338px;}

.com dd{ width:425px; float:right;}

.com dd h3{ height:80px; overflow:hidden; background:url(../images/com_line.gif) no-repeat left bottom; font:22px "Microsoft Yahei"; font-weight:bold; color:#111; overflow:hidden; line-height:80px;}

.com dd p{ margin-top:20px; text-align: left; background:url(../images/com_line2.gif) no-repeat left 15px; padding-left:20px;}

.com dd p em{ display:block; font:15px "Microsoft Yahei"; color:#333; line-height:36px; text-transform:uppercase;}



.fzlc{ height:410px; padding-top:56px; background:url(../images/lc_bg.jpg) no-repeat center top; overflow:hidden;}

.fzlc dl{ width:512px; height:138px; margin:15px auto 0; overflow:hidden;}

.fzlc dt{ width:130px; float:left; font:56px Arial, Helvetica, sans-serif; font-weight:bold; color:#ff8a01;}

.fzlc dd{ width:360px; float:right; font:16px "Microsoft Yahei"; color:#333; padding-top:5px; line-height:24px;}

.fzlc ul{ width:1200px; height:90px; margin:0 auto;background:url(../images/lc_line.png) no-repeat center 20px;}

.fzlc li{ width:120px; float:left; font:20px "Microsoft Yahei"; text-align:center;}

.fzlc li a{ display:block; padding-top:56px;}

.fzlc li a:hover,.fzlc .cur a{ font-weight:bold; font-size:30px; background:url(../images/icon1.png) no-repeat center top; color:#ff8a01; text-decoration:none;}



.cul{ width:1200px; margin:60px auto 0; height:740px; overflow:hidden;}

.cul1{ width:371px; height:475px; overflow:hidden; background:#f2f2f2;}

.cul1 h2{ width:210px; height:191px; overflow:hidden; background:url(../images/h.png) no-repeat;}

.cul1 h2 img{ width:103px; height:70px; padding:33px 0 0 31px;}

.cul1 h3{ width:280px; margin:0 auto; font:14px "Microsoft Yahei"; line-height:24px; color:#555; margin-bottom:20px;}

.cul1 h3 em{ display:block; font:18px "Microsoft Yahei"; font-weight:bold; color:#333;}

.cul2{ width:829px; height:475px; overflow:hidden; position:relative;}

.cul2 li{width:829px; height:475px; float:left; }

.cul2 li img{width:829px; height:475px; }

.cul2 .arr1{ width:66px; height:91px; overflow:hidden; position:absolute; top:200px; left:0;}

.cul2 .arr2{ width:66px; height:91px; overflow:hidden; position:absolute; top:200px; right:0;}

.jiaz{ height:195px; overflow:hidden;}

.jiaz h2{ width:371px; height:195px; float:left; overflow:hidden;}

.jiaz h2 img{ width:371px; height:195px;}

.jiaz dl{ width:529px; height:195px; float:left; overflow:hidden; background:#ff8a01;}

.jiaz dt{ font:18px "Microsoft Yahei"; font-weight:bold; color:#fff; margin:40px 0 0 60px;}

.jiaz dd{ font:14px "Microsoft Yahei"; line-height:24px; color:#fff; padding-left:60px; width:405px;}

.jiaz h3{ width:300px; height:195px; overflow:hidden; float:left;}

.jiaz h3 img{width:300px; height:195px; }





/*02*/

.wand{ height:200px; border:1px solid #ccc; position:relative; margin-bottom:118px;}

.wand h2{ width:219px; height:100px; font:24px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#fff; padding-top:100px; background:url(../images/wang.jpg) no-repeat left top; float:left;}

.wand h2 em{ display:block; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff;}

.wand dl{ width:915px; float:left; margin-left:32px; display:inline; height:185px; overflow:hidden;}

.wand dd{ width:625px; float:left;}

.wand dd h3{ display:block; font:18px "Microsoft Yahei"; color:#333; background:url(../images/com_line.gif) no-repeat left bottom; height:60px; line-height:60px; overflow:hidden;}

.wand dd p{ font:14px "Microsoft Yahei"; line-height:28px; height:84px; overflow:hidden; color:#666; margin-top:15px;}

.wand dt{ width:241px; height:138px; float:right; overflow:hidden; margin-top:30px;}

.wand dt img{width:241px; height:138px; }

.wand ul{ width:980px; height:80px; overflow:hidden; position:absolute; top:190px; right:0;}

.wand li{ width:196px; float:left; font:18px "Microsoft Yahei"; text-align:center;}

.wand li a{ display:block; padding-top:32px; color:#333; background:url(../images/dot2.gif) no-repeat center top;}

.wand li a:hover,.wand .cur a{background:url(../images/dot1.gif) no-repeat center top;}



.tec{ height:460px; overflow:hidden;}

.tit02{ width:210px; height:191px; overflow:hidden; background:url(../images/h2.gif) no-repeat; float:left;}

.tit02 img{ padding:43px 0 0 29px;}

.tec dl{ width:948px; float:right;}

.tec dd{ font:14px "Microsoft Yahei"; color:#666; line-height:28px; height:84px; overflow:hidden;}

.tec dt{ height:287px; overflow:hidden; margin-top:28px;}

.tec dt img{ width:542px; height:287px;}

.tec em{ display:inline-block; width:386px; float:right;}

.tec em img{ width:386px; height:287px;}



.shil{ height:795px; overflow:hidden;}

.shil2{ width:948px; overflow:hidden; float:right;}

.shil2 h5{ font:14px "Microsoft Yahei"; color:#666; line-height:28px; height:84px; overflow:hidden;}

.shil2 dl{ height:475px; position:relative; margin-top:28px;}

.shil2 dt .em01{ display:block; width:66px; height:91px; overflow:hidden; position:absolute; top:185px; left:0;}

.shil2 dt .em02{ display:block; width:66px; height:91px; overflow:hidden; position:absolute; top:185px; right:0;}

.shil2 dd{width:947px; height:460px;}

.shil2 dd img{width:947px; height:460px;}

.shil2 ul{ height:147px; overflow:hidden;}

.shil2 li{ width:302px; height:147px; float:left; margin-right:21px;}

.shil2 li img{width:302px; height:147px;}

.shil2 .nones{ margin-right:0;}



/*03*/

.qu li{

    width:240px;

    float: left;

    background:url(../images/qu1_bg.jpg) no-repeat left top;

    height:300px;

    }

.qu li img{ display:block; width:162px; height:190px; padding:13px 0 15px 12px;transition: all 1s;margin-top: 31px;}

.qu li em{ display:block; font:14px "Microsoft Yahei"; text-align:center; color:#555; line-height:32px; height:32px; overflow:hidden;}

.qu .nones{ margin-right:0;}

.qu2{ margin-bottom:50px;}

.qu li img:hover{transform:scale(1.1,1.1);}

.qu li p{text-align: center;width:165px;}

.about01{margin-top: 30px;}



.page{ text-align:center; height:60px;}

.page .a02{ display:inline-block; width:27px; height:30px; font:16px Arial, Helvetica, sans-serif; text-align:center; line-height:30px; border:1px solid #ccc; color:#929292; margin:0 4px; overflow:hidden;}

.page .a02:hover{color:#fff;background:#ff8a01; border:1px solid #ff8a01;}

.page a.a01{ display:inline-block; width:45px; height:32px; font-weight:bold;background:none; font:24px "宋体"; background:#d0d0d0; text-align:center; line-height:32px; color:#fff;overflow:hidden;}



.page2{    width:198px;

    height: 48px;

    text-align: center;

    line-height: 48px;

    margin: 20px auto 50px;

    background: #f2f2f2;border: 1px solid #ccc;}

.page2 a{color:#333;font-size:16px;font-family:"Microsoft YaHei";}

/*04*/

.fc1{ width:444px; overflow:hidden;}

.fc1 h2{ width:222px; height:209px; background:#333 url(../images/ser_line.gif) no-repeat 58px 142px; float:left;}

.fc1 h2 img{ display:block; padding:65px 0 0 58px;}

.fc1 h3{ width:222px; height:209px; float:left;}

.fc1 h3 img{width:222px; height:209px;}

.fc1 .h01{background:#ff8a01 url(../images/ser_line.gif) no-repeat 58px 142px; float:left;}



.fc2{ width:731px; height:418px; overflow:hidden; position:relative; margin-bottom:75px;}

.fc2 li{width:731px; height:418px; float:left;}

.fc2 li img{width:731px; height:418px; }

.fc2 .arr1{ width:66px; height:91px; overflow:hidden; position:absolute; top:164px; left:0;}

.fc2 .arr2{ width:66px; height:91px; overflow:hidden; position:absolute; top:164px; right:0;}



/*05*/

.map1{ width:478px; height:403px; border:1px solid #eee; overflow:hidden;}

.map1 h2{ height:75px; padding-top:30px; background:#ff8a01; overflow:hidden; padding-left:36px; margin-bottom:22px;}

.map1 h2 em{ display:block; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; line-height:24px;}

.map1 dl{ width:390px; margin:0 auto; height:75px;}

.map1 dt{ width:66px; float:left;}

.map1 dd{ font:15px "Microsoft Yahei"; line-height:25px; color:#333;margin-left: 64px;}

.map1 .dl02{ height:110px;}

.map1 .dl02 dt{ margin-top:10px;}

.map1 dd em{ display:block; font:20px Arial, Helvetica, sans-serif; font-weight:bold;}



.map2{ width:695px; height:403px; border:1px solid #eee; overflow:hidden; margin-bottom:60px;}

.map2 img{}



.map3{ border:1px solid #eee; padding:0 36px 40px 36px; margin-bottom:75px; overflow:hidden;}

.map3 dl{ padding-top:40px;}

.map3 dt{ width:60px; float:left;}

.map3 dd{ width:1055px; float:right;}

.map3 dd h3{ font:18px "Microsoft Yahei"; color:#333; background:url(../images/map_line.gif) no-repeat left center; padding-left:30px;}

.map3 dd p{ font:14px "Microsoft Yahei"; color:#777; line-height:36px;}

.map3 .dl01{ height:375px; border-bottom:1px dashed #ccc;}







.weiz{height:72px;padding-bottom:10px;background:url(../images/sou_bg.png) repeat-x center bottom;overflow:hidden; margin-bottom: -6px;}

.weiz p{ font:14px "Microsoft Yahei";color:#555; text-align: left; background:url(../images/icon1.png) no-repeat left center; padding-left:32px; height:72px; line-height:72px;}

.weiz p a{ color:#666; padding:0 5px;}

.weiz2{ height:72px; background:#fff;}

.header , .content , .footer { width:1200px; margin:0 auto; text-align: left; }

/* 底部 */

.footer_warp { width:100%; height:auto; display:table; background:#1f2122; padding-top:40px; }

.footer_warp .help_li_box { width:100%; height:auto; display:table; padding-bottom:20px; }

.footer_warp .help_li_box .footer_logo { width:190px; height:190px; float:left; }

.footer_warp .help_li_box .footer_logo a { width:100%; height:100%; display:block; overflow:hidden; text-indent:-999px; background:url(../images/footer_logo.png) no-repeat;background-size: 80% }

.footer_warp .help_li_box ul { width:180px; float:left; height:auto; display:table; padding-left:70px; }

.footer_warp .help_li_box ul b { width:100%; height:40px; font-size:18px; color:#fff; display:block; }

.footer_warp .help_li_box ul li { width:100%; height:28px; }

.footer_warp .help_li_box ul li a { width:100%; height:28px; line-height:28px; font-size:14px; color:#949495; }

.footer_warp .help_li_box ul li a:hover { color:#f00; }

.footer_warp .help_li_box .code_box { width:151px; height:auto; display:table; float:right; }

.footer_warp .help_li_box .code_box p { width:100%; height:36px; line-height:36px; color:#949495; font-size:14px; text-align:center; }

.footer_warp .footer_box { width:100%; height:46px; line-height:46px; border-top:1px solid #38393a; color:#fff; }

.footer_warp .footer_box .company,.footer_warp .footer_box span,.footer_warp .footer_box .icp { display:block; float:left; color:#fff; }

.footer_warp .footer_box span { padding-left:15px; }

.footer_warp .footer_box .icp { padding-left:15px; }

.footer_warp .footer_box a { color:#fff; }

.footer_warp .footer_box a:hover { color:#f00; }



/* 右侧浮动BAR */

.bsk_rightBar{ width:50px; position:fixed; right:50%; bottom:160px; margin-right:-680px; margin-top:0px; z-index:999}

.bsk_rightBar .link_a { display:block; cursor:pointer; width:50px; height:50px; background:#424242; margin:1px 0 0 0; position:relative; left:0; top:0; transition:all linear .2s}

.bsk_rightBar .link_a .img{ display:block}

.bsk_rightBar .link_a .lChi{ visibility:hidden; opacity:0; filter:alpha(opacity = 0); height:50px; position:absolute; right:49px; top:0; padding:0 20px 0 0; overflow:hidden; transition:all linear .2s}

.bsk_rightBar .link_a .lChi .ar{ display:block; position:absolute; right:10px; top:15px}

.bsk_rightBar .link_a .lChi .txt{ display:block; height:50px; line-height:50px; font-size:14px; color:#fff; padding:0 20px; white-space:nowrap; border-radius:4px; background:url(../images/optbg.png) repeat;}

.bsk_rightBar .link_a:hover{ background:url(../images/hoverrtbarbg.jpg) repeat-y;}

.bsk_rightBar .link_a:hover .lChi{ visibility:visible; opacity:1; filter:alpha(opacity = 100);}

.bsk_rightBar .link_a:hover .wxgzh,.bsk_rightBar .link_a:hover .chis{ display:block}

.bsk_rightBar .first{ cursor:default; }

.bsk_rightBar .last{ }

.bsk_rightBar .wxgzh{ display:none; position:absolute; top:-11px; left:-92px; width:88px; height:88px; background-size: 100%}

.bsk_rightBar .chis{ display:none; padding:0 25px 0 0; width:378px; position:absolute; left:-370px; top:-50px}

.bsk_rightBar .chis .ars{ display:block; width:12px; height:22px; background:url(../images/arric.png) no-repeat 0 0; position:absolute; right:14px; top:70px; z-index:2}

.bsk_rightBar .cIns { border-radius:3px; overflow:hidden; background:#fff; box-shadow:0 0 16px #dcdbdb; padding:18px 0}

.bsk_rightBar .csIn { width:326px; margin:0 auto; position:relative; left:0; top:0; }

.bsk_rightBar .csIn .tt{ display:block; height:20px; line-height:20px; font-size:16px; color:#333; text-align:left; font-weight:bold; clear:both; }

.bsk_rightBar .csIn .rowx { width:160px; height:48px; border-bottom:1px dotted #eee; text-align:left; font-size:0; float:left; }

.bsk_rightBar .csIn .rowx .lt{ display:block; float:left; zoom:1; line-height:48px; font-size:14px; color:#666; width:66px; text-align:left}

.bsk_rightBar .csIn .rowx .qq_box_s { display:block; float:left; padding-top:13px; }

.bsk_rightBar .csIn .colv{ width:326px; height:auto; display:table; }

.bsk_rightBar .csIn .austin { margin-top:20px; }



.list_banner { width:100%; height:300px; }



/*通用图片动画样式*/

.pic-img { position:relative; display:inline-block; }

.pic-img a:before { content:""; position:absolute; top:15px; left:15px; bottom:15px; right:15px; z-index:9; border-top:1px solid rgba(255, 255, 255, 0.8); border-bottom:1px solid rgba(255, 255, 255, 0.8); transform:scale(0, 1); }

.pic-img a:after { content:""; position:absolute; top:15px; left:15px; bottom:15px; right:15px; z-index:9; border-left:1px solid rgba(255, 255, 255, 0.8); border-right:1px solid rgba(255, 255, 255, 0.8); transform:scale(1, 0); }

.pic-img a:hover:before,.pic-img a:hover:after { transform:scale(1); -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }



/*通用A链接图片动画样式*/

.aimg { position:relative; display:inline-block; }

.aimg a:before { content:""; position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:9; border-top:2px solid #c11; border-bottom:2px solid #c11; transform:scale(0, 1); }

.aimg a:after { content:""; position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:9; border-left:2px solid #c11; border-right:2px solid #c11; transform:scale(1, 0); }

.aimg a:hover:before,.aimg a:hover:after { transform:scale(1); -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; }