@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:12px/1.5 "微软雅黑",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:12px 20px; }
.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%; }
.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:-192px; width:188px; height:258px; background:url(../images/gzhewm.png) no-repeat 0 0}
.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; }