a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}
body{color:#333;padding:0px 0;
font:400 14px/1.6 'RUBIK-REGULAR-WEBFONT','Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';-webkit-text-size-adjust:none;
background:#fff; }
a:hover img,img{border:none; vertical-align: top;}
ol,ul{list-style: none}
input,button,select,textarea{outline:none;font:400 14px/1.6 'Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';font-size:14px; color: #666;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer;-webkit-appearance: none;}
button[disabled],html input[disabled]{cursor: default}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:400; }
th{font-weight: normal; }



.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.hide{display: none;}
.th{ font-family:'RUBIK-REGULAR-WEBFONT','Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2:before,.clearfix2:after{content:""; display: table;}
.clearfix2:after{clear: both;}
.clearfix2{*zoom:1;}


::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-button{height:0;width:0;}::-webkit-scrollbar-track{background-color:#f1f1f1;}::-webkit-scrollbar-thumb{background:#ccc;}



.clearfix:after{content: ""; display: block;height: 0;clear: both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}


a:hover{color:#b7130c;}
.hidden{visibility:hidden;}

/*自定义动画*/
a,a:hover,.btn,.icon,.box,.box_k{transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease; }


/*设置选中文字时的背景色*/
::selection{ background:#0f6bb9; color:#fff; }
::-moz-selection    { background:#0f6bb9; color:#fff; }
::-webkit-selection { background:#0f6bb9; color:#fff;}
/*可改变元素被点击时背景框的颜色*/
html{-webkit-tap-highlight-color: rgba(240,240,240,0.7);}/*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/

/*--------------------------end公用样式*/
body{background-color:#fff; }
.white_bj{background-color:#fff; }
.blue_bj{background-color:#0f6bb9;}
.gray_bj_b{background-color:#eee;}
.w_1200{ width:1200px; margin: 0 auto;}


.min_1200{margin: 0 auto; min-width: 1200px; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "auto" );}
.max_1200{margin: 0 auto; max-width: 1200px; _width:expression((documentElement.clientWidth > 1200) ? "1200px" : "auto" );}



.phcolor{color: #ccc!important;}
input::-webkit-input-placeholder{color: #ccc;}
input:focus::-webkit-input-placeholder{color: #ccc;}
input::-moz-placeholder{color: #ccc;}
input:-ms-input-placeholder{color: #ccc;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

/*输入框默认颜色*/
textarea::-webkit-input-placeholder{color: #ccc;}
textarea:focus::-webkit-input-placeholder{color: #ccc;}
textarea::-moz-placeholder{color: #ccc;}
textarea:-ms-input-placeholder{color: #ccc;}

/*-------------------star首页*/
/*头文件*/
.header_t{ height:190px;background-color:#085c9e; background-image: url(zccl_header.jpg); background-repeat: no-repeat; background-position: center top;}

/*导航*/
.nav,.nav_ul{ height:50px;}
.nav_ul,.nav .item_li{background-image: url(zccl_nav_line_y.gif); background-repeat: no-repeat; }
.nav_ul{ background-position: left center;}
.nav .item_li{ float:left; width:9.99%; position: relative; z-index: 10; background-position: right center;}
.nav .item_a{ float:left;width: 100%;text-align: center; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; color:#fff;font-size: 16px;   line-height: 50px;  padding:0\9;
-webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}

.nav .item_a::before{ position:absolute; top:0; width: 0; height: 100%; background-color: #b7130c; content: ''; font-size: 0; overflow: hidden;transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease; left:50%; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%); z-index: -1;}
.nav .item_a:hover::before,.nav .active .item_a::before,.nav .hover .item_a::before{ width:100%;}
.nav .active .item_a,.nav .item_a:hover{background-color: #b7130c\9;}


/*二级导航*/
.sec_nav{ position:absolute;  display: none; z-index: 10; background-color: rgba(255,255,255,.85); background-color: #eee\9; box-shadow: 0 5px 10px rgba(0,0,0,.2); width: 100%; text-align: center; top:50px;}
.sec_nav a{ display:block; padding: 8px 10px; border-bottom: 1px solid rgba(0,0,0,.05);border-bottom: 1px solid #e8e8e8\9;}
.sec_nav a:hover{ color:#fff; background-color: #0f6bb9;}

/*中间区域*/

/*标题*/
.h_th{ height:40px; line-height: 40px;}
.h_th .th_box{ padding-left:30px; background-image: url(zccl_th_l_icon.png); background-repeat: no-repeat; background-position: left top; padding-right: 30px; display: inline-block; vertical-align: top; position: relative;}
.f_th_r{ width:22px; height: 40px; background-image: url(zccl_th_r.png); font-size:0; overflow: hidden;  position: absolute; top:0; right: -22px;}

/*动画*/
.h_flash{ position: relative; overflow: hidden;}
.f_black{ position:absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 40px; background-color: rgba(0,0,0,.8);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00000000,endcolorstr=#FF000000);}
.h_flash .bd li{ position:relative;}
.h_flash .bd .th_t{ color:#fff; z-index: 3; font-size: 14px; width:70%; position: absolute; bottom: 8px; left:15px;}
.h_flash .hd{ position:absolute; z-index: 2; width:100%; bottom: 10px; right:0; text-align: right; padding-right:10px; }
.h_flash .hd li{cursor:pointer;display:inline-block;*display:inline;zoom:1;margin:0 3px;overflow:hidden; font-size: 0; background-color:rgba(255,255,255,.5); width:12px; height:12px; position: relative;}
.h_flash .hd li,.h_flash .hd li::before{ -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.h_flash .hd li::before{ position:absolute; content: ''; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); width:0; height: 0;  overflow: hidden; background-color: #b7130c; transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease; }
.h_flash .hd .on::before{ width:100%; height: 100%;}
.h_flash .hd .on{background-color: transparent;background-color: #b7130c\9; }

/*新闻*/
.h_news_ul .li_w{ margin-top:14px;}
.h_news_ul .item_a{ float:left; width: 75%; padding-left: 20px; background-image: url(zccl_blue_icon.gif); background-repeat: no-repeat; background-position: 1px center;}

/*专题*/
.h_theme_ul .li_w{ margin-top:2px; padding: 10px 15px; line-height: 20px; height: 20px; }
.h_theme_ul .item_a{ padding-left:15px; background-image: url(zccl_blue_icon_r.png); background-repeat: no-repeat; background-position: left center;}

/*业务流程*/
.h_ann_date{ width:50px; height:40px; margin-right: 20px; padding: 8px 5px; line-height: 20px; text-align: center; background-color: #eee; border: 2px solid #b7d2ea;}
.h_ann_date .t_t{ font-size: 18px;}
.h_ann_ul .li_w{ padding:18px 5px; border-bottom: 1px dotted #ccc;}
.h_ann_ul .th_t{ margin-top:8px; font-size: 14px;}

/*内页中间*/
.i_center{ overflow:hidden;}
.i_left{ margin-bottom:-3000px; padding-bottom: 3000px; }

/*左标题*/
.i_l_th{background-image: url(zccl_th_r_icon.png); background-repeat: no-repeat; background-position: right top; }
/*左导航*/
.i_nav_ul .box_a{ padding:10px 10px; display: block;}
.i_nav_ul .li_w{ border-bottom:1px solid #ccc;}
.i_nav_ul .li_w .box_a::before{background-color: #0f6bb9;}
.i_nav_ul .li_w .box_a:hover,.i_nav_ul .active .box_a{background-color: #0f6bb9\9; color:#fff;}

/*位置标题*/
.i_site_th .china{ margin:0 8px;}
.i_site_th{ line-height:24px;}

/*关于我们*/
.i_about_text{line-height: 2;}
.i_about_text p{ text-indent:2em; margin: 25px 0; }
.i_about_text .pic p{text-indent:0;margin:10px 0 0 0;}
.i_about_text .pic{text-align:center;}
.i_about_text img{ max-width:100%; width:100%\9;}

/*新闻*/
.i_news_ul .li_w{ border-bottom:1px dotted #ccc; height: 1.6em; padding: 12px 10px;}
.i_news_ul .item_a{ float:left; width: 75%; padding-left: 20px; background-image: url(zccl_blue_icon.gif); background-position: left center; background-repeat: no-repeat;}


/*页码*/
.page{ font-size: 12px; color:#666; line-height: 28px;}
.page .box,.page a{display:inline-block; vertical-align: top; margin:0 4px;}
.page a{ border:1px solid #ddd; background-color: #f2f2f2; padding: 0 10px;color:#666;}
.page_text,.page_btn{ margin: 0 5px; text-align: center; line-height:28px;height:28px; border: 1px solid #ddd; vertical-align: top;}
.page_text{ width:40px; }
.page_btn{ cursor:pointer; padding:0 10px;}
.page_text:focus,.page_btn:hover,.page a:hover{ border-color:#0f6bb9; background-color: #fff;}
.page_btn:hover{ color:#fff; background-color: #0f6bb9;}
.page .prev_a{ padding-left:20px; background-image: url(zccl_page_l.gif); background-repeat: no-repeat; background-position: 6px center;}
.page .next_a{ padding-right:20px; background-image: url(zccl_page_r.gif); background-repeat: no-repeat; background-position: 95% center;}
.page .disabled_a:hover{ border-color:#ddd; background-color: #f2f2f2; cursor: no-drop;}
.page .disabled_a{ color:#999;}
.page .active_a,.page .active_a:hover{color:#fff; background-color: #0f6bb9;border-color:#0f6bb9;}

/*形象标识*/
.i_pic_ul{ margin-left:-35px;}
.i_pic_ul .box_w{ display: block; margin-left:35px;}
.i_pic_dl .t_l{ width:154px;text-align: center; margin-right: 20px;}
.i_pic_dl .t_r .th_t{ width:250px; font-size: 16px; font-weight: bold;}
.i_pic_dl .t_r .t_d{ color:#666; margin-top: 5px;}
.i_pic_dl .t_l .pic{ border:2px solid #cdd9e2; display: block; background-color: #cdd9e2; height: 100px; overflow: hidden; }
.i_pic_dl .t_l .pic:hover{ border-color:#3d95d0;}
.i_pic_dl .t_l .t_d{ margin-top:10px;}
/*按钮*/
.orange_btn{ color:#fff; width: 80px; line-height: 30px; text-align: center; background-color: #fa7706; display: inline-block;}
.orange_btn:hover{ color:#fff; background-color: #ff6600; -moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);transform: translateY(-3px);}

/*线标题*/
.i_th_line{ border-bottom:1px solid #3d95d0; padding: 10px 0; }


/*联系我们*/
.h_contact_ul .li_w{ margin-top:10px;}
/*小图标*/
.icon_a{ width:20px; height: 20px; margin-right: 10px; background-image: url(zccl_contact_icon.png); }
.icon_a2{background-position: 0 -20px;}
.icon_a3{background-position: 0 -40px;}



/*间距*/
.box_mw15{ margin-left:15px; margin-right: 15px;}
.box_mh25{ margin-top:25px; margin-bottom: 25px;}
.box_mw10{ margin-left:10px; margin-right: 10px;}
.box_pw20{ padding-left:20px; padding-right: 20px;}
.box_m20{ margin:20px;}
.box_ml20{ margin-left:20px;}
.box_ph25{ padding-top:25px; padding-bottom: 25px;}
.box_mt15{ margin-top:15px;}
.box_mt40{ margin-top:40px;}
.box_mt10{ margin-top:10px;}
.box_mt20{ margin-top:20px;}
.box_pr20{ padding-right:20px;}
.box_mt30{ margin-top:30px;}
.box_pt35{ padding-top:35px;}
.box_pl94{ padding-left:94px;}
.box_pt10{ padding-top:10px;}
.box_pt70{ padding-top:70px;}
.box_pd20{ padding-bottom:20px;}
.box_pd10{ padding-bottom:10px;}
.box_pw35{ padding-left:35px; padding-right: 35px;}
.box_ph10{ padding-top:10px; padding-bottom: 10px;}
.box_pd30{ padding-bottom:30px;}
.box_mt50{ margin-top:50px;}
.box_mw30{ margin-left:30px; margin-right: 30px;}
.box_mw20{ margin-left:20px; margin-right: 20px;}
.box_mh40{ margin-top:40px; margin-bottom: 40px;}


/*线*/
.box_line_d{ border-bottom:1px solid #eee;}


/*宽度*/
.w_850{ width:850px;}
.w_320{ width:320px;}
.w_400{ width:400px;}
.w_420{ width:420px;}
.w_230{ width:230px;}
.w_940{ width:940px;}


/*高度*/
.h_300{ height:300px;}
.h_200{ height:200px;}
.min_h720{ min-height:720px;}


/*对齐*/
.box_c{text-align:center;}
.box_l{text-align:left;}
.box_r{text-align:right;}


/*font*/
.font_12{ font-size:12px;}
.font_13{ font-size:13px;}
.font_14{ font-size:14px;}
.font_16{ font-size:16px;}
.font_18{ font-size:18px;}
.font_20{ font-size:20px;}
.font_22{ font-size:22px;}
.font_24{ font-size:24px;}
.font_26{ font-size:26px;}
.font_28{ font-size:28px;}
.font_30{ font-size:30px;}
.font_32{ font-size:32px;}
.font_54{ font-size:54px;}
.font_b{ font-weight:bold;}
.th_text{ line-height:1.1;}


/*color*/
.white4_text,.white4_link a{ color:rgba(255,255,255,.4);}
.white4_link a:hover{ color:#fff;}
.black9_text{ color:#999;}
.up_text{ text-transform:uppercase;}


/*效果*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}


/*-------star文字的样式*/
/*标题文字*/
.th{ font-family:"Microsoft YaHei";}
/*日期*/
.date{ float:right; color:#888; font-size: 13px; font-family:Arial;font-weight:normal;}
/*宋体*/
.china{ font-family:"宋体";}
.eng,.prit_r{font-family:Arial;}
/*距离*/
.mt30{margin-top: 30px!important; }
.red_text,.red_link a{ color:#b7130c;}
.red_link a:hover{ color:#fff; background-color: #b7130c;}
.link_h_line a:hover{text-decoration: underline;}
.gray_text{ color:#888;}
.pink_text,.pink_link a{ color:#e3516a;}
.pink_link a:hover{ color:#fff; background-color: #e3516a;}
.black_text,.black_link a{ color:#000;}
.black_link a:hover{ color:#fff;}
.black6_text,.black6_link a{ color:#666;}
.black3_text,.black3_link a{ color:#333;}
.black6_link a:hover,.black8_link a:hover,.black3_link a:hover{ color:#2c77d2; }
.black8_text,.black8_link a{ color:#888;}



.green_text,.green_link a{color:#8cc63f;}
.green_link a:hover{color:#fff; background-color: #8cc63f;}
.m_l{ margin-left:1em;}
.m_l_b{ margin-left:2em;}
.m_r_b{ margin:0 10px 0 0;}
.m_text{ margin:0 2em;}
.m_t_5{ margin:0 5px;}
.m_t_20{ margin:0 20px;}
.mr_40{ margin-right:40px;}
.m_t{ margin:0 .5em;}
.orange_text,.orange_link a,.orange_link_t a{ color:#fa7706;}
.orange_link a:hover{ color:#fff; background-color: #fa7706;}
.gray_link_l a{ color:#888;}
.gray_link_l a:hover{ color:#000; text-decoration: underline;}
.blue_link a,.blue_text,.blue_link_t a{ color:#0f6bb9;}
.blue_link a:hover{ color:#b7130c;  }
.gray_text_l{ color:#bbb;}
.yellow_text,.yellow_link a{ color:#ffda48;}
.graw_link a,.graw_text{ color:#a1794c;}
.graw_link a:hover{ color:#fff; background-color: #b8841d;}
.graw_text_light{ color:#dda891;}


.link_line a{ text-decoration:underline; }
.link_line a:hover{text-decoration: none;}
.white_text,.white_link a,.white_link_5 a:hover{ color:#fff;}
.white_link a:hover{color:rgba(255,255,255,.5);}
.white_text_5,.white_link_5 a{ color:rgba(255,255,255,.5);}

.white7_text,.white7_link a{color:rgba(255,255,255,.7);}
.white7_link a:hover{ color:#fff;}


/*隐藏*/
.hide_box{ height:auto; overflow: hidden;}
/*列表*/
.list_2 .item_li{ float:left; width:49.99%;}

.list_4 .item_li{float:left; width: 24.99%;}
.list_5 .item_li{float:left; width: 19.99%;}
.list_6 .item_li{float:left; width: 16.666%;}
.list_7 .item_li{float:left; width: 14.28%;}
.list_8 .item_li{float:left; width: 12.5%;}
.list_3 .item_li{ float:left; width:33.33%;*width:33.2%;}
.list_12 .item_li{ float:left; width:8.33%; }

/*---------------------------省略符号*/
/*省略号*/
.hide1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;-webkit-box-orient: vertical;}
.hide2,.hide6,.hide4,.hide3,.hide10,.hide_1_w,.hide9,.hide8,.hide5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.hide2{-webkit-line-clamp: 2;height:3.2em;}
.hide3{-webkit-line-clamp: 3;height:4.8em; }
.hide5{-webkit-line-clamp: 5; height:9em; line-height: 1.8em;}
.hide6{-webkit-line-clamp: 6; height:9.6em;}
.hide4{-webkit-line-clamp: 4;height:6.4em;}
.hide9{-webkit-line-clamp: 9;height:18em; line-height: 2em;}
.hide8{-webkit-line-clamp: 8;height:14.4em; line-height:1.8em;}
.hide10{-webkit-line-clamp: 10;height:16em; }
/*自适应*/
.r_cell{ display:table-cell; width:9999px; *width:auto; *zoom:1;}

.pic_cell{ vertical-align:middle; text-align:center; display:table-cell; overflow:hidden;}
.pic_cell img{ max-width:100%; max-height:100%; width:100%\9;width:100%\0;*width:100%;vertical-align:middle; overflow:hidden;}
/*自定义动画*/
a,a:hover,.btn,.icon,.transition_a,.transition_o a,.hover_table tbody tr,.hover_arrow_shadow .icon_public,.hover_table_td tbody td{transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease; }

/*图标*/
.icon_public{display: inline-block; vertical-align: middle; font-size: 0; overflow: hidden; background-repeat: no-repeat;}

.img_w{ width:100%; height: 100%; overflow: hidden;}
.img_w_w{ width:100%; overflow: hidden;}
.img_m,.text_m{ display:inline-block; vertical-align: middle;}
a:hover .img_m{vertical-align: middle;}
.box_sizing{ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*经过*/
.hover_pic_shadow .box:hover .pic,.hover_box .box:hover,.hover_box_t .box:hover,.hover_dl_o:hover,.hover_box_pic .box:hover .pic{ -moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px); }
.hover_pic_shadow .box:hover .pic,.hover_box .box:hover,.hover_pic_shadow_t .box:hover .pic,.hover_box_shadow .box:hover,.hover_dl_o:hover,.hover_box_pic .box:hover .pic{-moz-box-shadow: 0 10px 25px rgba(0,0,0,.07);-webkit-box-shadow: 0 10px 25px rgba(0,0,0,.07);box-shadow: 0 10px 25px rgba(0,0,0,.07);}

.hover_box_line .box{ position:relative;}
.hover_box_line .box::before{ width:0; height: 4px; background-color: #aa0a00; font-size: 0; overflow: hidden;transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease;  -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%); left: 50%; bottom: 0;  display: block; position: absolute; content: ''; z-index: 2;}
.hover_box_line .box:hover::before{ width:100%;}

.hover_box_line_black .box::before{ background-color: #1a1a1a;}



/*经过表格*/
.hover_table tbody tr:hover,.hover_table_td tbody td:hover{ -moz-transform:translateY(-2px);-webkit-transform:translateY(-2px);transform:translateY(-2px); -moz-box-shadow: 0 10px 20px rgba(0,0,0,.15);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.15);box-shadow: 0 10px 20px rgba(0,0,0,.15); /*background-color: #f4fbff;*/}





/*阴影*/
.box_shadow{ -moz-box-shadow:0 10px 15px rgba(0,0,0,.2); -webkit-box-shadow:0 10px 15px rgba(0,0,0,.2); box-shadow:0 10px 15px rgba(0,0,0,.2); /*background-color: #fff;*/}
.box_shadow_s{-moz-box-shadow:0 5px 6px rgba(0,0,0,.08); -webkit-box-shadow:0 5px 6px rgba(0,0,0,.08); box-shadow:0 5px 6px rgba(0,0,0,.08); background-color: #fff; border:1px solid #eee\9; }
.box_shadow_b{-moz-box-shadow:0 15px 35px rgba(0,0,0,.09); -webkit-box-shadow:0 15px 35px rgba(0,0,0,.09); box-shadow:0 15px 35px rgba(0,0,0,.09); background-color: #fff;}


/*经过图片阴影*/
.hover_arrow_shadow .box:hover .icon_public,.hover_pic_shadow_o img:hover{filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.2)); -webkit-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.2)); -moz-filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.2)); transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0);}

/*经过*/
.hover_li .box{
-webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
.hover_li .box::before{ width:0; height:100%; left:50%; top:0; background-color: rgba(0,0,0,.03); display: block; position: absolute; content: ''; -moz-transition: .3s;-webkit-transition: .3s;transition: .3s;z-index: -1; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.hover_li .box:hover::before,.hover_li .active .box::before{ width:100%; }




/*---------------------------------------------图片缩小后摇动（不错）*/
/*左右摇摆*/
.hover_arrow .box:hover .icon_public{animation: landr 0.8s ease-in-out;
-ms-animation: landr 0.8s ease-in-out;
-moz-animation: landr 0.8s ease-in-out;
-webkit-animation: landr 0.8s ease-in-out;
-o-animation: landr 0.8s ease-in-out;}
/*定义动画效果_css3*/
@keyframes landr {
0% {transform: rotate(0deg);transform-origin: right bottom 0;}
39% {transform: rotate(5deg);transform-origin: right bottom 0;}

40% {transform: rotate(5deg); transform-origin: left bottom 0;}
75% {transform: rotate(-10deg);transform-origin: left bottom 0;}
100% {transform: rotate(0deg);transform-origin: left bottom 0;}
}
@-webkit-keyframes landr {
0% { -webkit-transform: rotate(0deg);-webkit-transform-origin: right bottom 0;}
39% {-webkit-transform: rotate(5deg);webkit-transform-origin: right bottom 0;}
40% {-webkit-transform: rotate(5deg);-webkit-transform-origin: left bottom 0;}
75% {-webkit-transform: rotate(-10deg); -webkit-transform-origin: left bottom 0;}
100% {-webkit-transform: rotate(0deg);-webkit-transform-origin: left bottom 0;}
}

/*经过图片有闪光效果*/
.hover_pic a{position: relative; overflow: hidden; display:block;}
.hover_pic a:before{position: absolute; top: 0px; left: -80%; display: block; content: ""; width: 40%; height: 100%; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); background: -webkit-gradient(linear,left top,right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), to(rgba(255,255,255,0))); background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0)); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.hover_pic a:hover:before{-moz-transition: left 1s ease 0s; -webkit-transition: left 1s ease 0s; transition: left 1s ease 0s; left: 140%;}

/*效果*/
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}


.animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

.fadeInUp{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.active .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

/*动画时间*/
.delay2{-webkit-animation-delay: .5s; animation-delay: .5s;}
.delay3{-webkit-animation-delay: 1s; animation-delay: 1s;}
.delay4{-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.delay5{-webkit-animation-delay: 2s; animation-delay: 2s;}
.delay6{-webkit-animation-delay: 2.5s; animation-delay: 2.5s;}
.delay7{-webkit-animation-delay: 3s; animation-delay: 3s;}
.delay8{-webkit-animation-delay: 3.5s; animation-delay: 3.5s;}
.delay9{-webkit-animation-delay: 4s; animation-delay: 4s;}
.delay10{-webkit-animation-delay: 4.5s; animation-delay: 4.5s;}


/*----------------往下拉动画*/
@-webkit-keyframes down {0%,100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}40% {-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0)}80% {-webkit-transform: translate3d(0,2px,0);transform: translate3d(0,6px,0);-moz-box-shadow:0 10px 15px rgba(0,0,0,.2);-webkit-box-shadow:0 10px 15px rgba(0,0,0,.2);box-shadow:0 10px 15px rgba(0,0,0,.2);}}
@keyframes down {0%,100% {-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}40% {-webkit-transform: translate3d(0,-2px,0);-ms-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0)}80% {-webkit-transform: translate3d(0,2px,0);-ms-transform: translate3d(0,2px,0);transform: translate3d(0,2px,0);-moz-box-shadow:0 10px 15px rgba(0,0,0,.2);-webkit-box-shadow:0 10px 15px rgba(0,0,0,.2);box-shadow:0 10px 15px rgba(0,0,0,.2);}}

.down_animation{animation: down 1s infinite;-webkit-animation: down 1s infinite;}



/*变大变小的效果*/
@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

.tada{animation: tada 1s infinite;-webkit-animation: tada 1s infinite;}


/*---------------------------star滤镜的样式*/
/*圆角*/
.round_r2{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.round_r4,.round_r4_a a,.round_r4_img img { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.round_r10{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.round_r20{ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.round_r_t10{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
.round_r4_t{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.round_m,.round_m_a a{ -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}

.round_m_s{ -moz-border-radius:.4em; -webkit-border-radius:.4em; border-radius:.4em;}
.round_r,.round_img img,.round_r_a a{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}