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:#444;padding:0px 0;
font:400 14px/1.6 '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: #333;}
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:#444;}
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:'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:#3aa079;}
.hidden{visibility:hidden;}


/*设置选中文字时的背景色*/
::selection{ background:#3aa079; color:#fff; }
::-moz-selection    { background:#3aa079; color:#fff; }
::-webkit-selection { background:#3aa079; 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; }
/*.w_1200{ width:1200px; margin: 0 auto;}*/
.w_1200 {
    width: 1043px;
    margin: 0 auto;
}
.white_bj{background-color:#fff; }

.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: #bbb!important;}
input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
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;}

a{transition: .2s; -moz-transition: .2s; -webkit-transition: .2s;}
/*-------------------star首页*/
/*头文件*/
.header{ height:100px; border-bottom: 1px solid #eee;}
/*标志*/
.logo{ padding:20px 0 0 0;}
.logo_th{ margin:32px 0 0 20px; padding:5px 0 5px 20px; height: 30px; border-left:1px solid #ccc;}
/*头文件右*/
.header_r{ padding:30px 0 0 0;}

/*灰色按钮*/
.btn_gray_a{ display:inline-block;position: relative; vertical-align: middle; padding:0 20px; line-height: 40px; background-color: #f2f2f2; text-align: center; border:none; cursor: pointer; position: relative; overflow: hidden;}
.btn_gray_a:hover{color: #fff; background-color: transparent; background-color: #3aa079\9;*background-color: #3aa079;}
.browsebtn_bg{position: absolute; top: 0; left: -150%; transform: skewX(-30deg); -moz-transform: skewX(-30deg); -webkit-transform: skewX(-30deg); display: block; width: 140%; height: 100%; line-height: 0; font-size: 0; background-color: #3aa079; transition: all .5s linear; -moz-transition: all .5s linear; -webkit-transition: all .5s linear; display: none\9; z-index: -1;}
.btn_gray_a:hover .browsebtn_bg,.red_btn:hover .browsebtn_bg,.green_btn:hover .browsebtn_bg{left: -20%;}

/*红色按钮*/
.red_btn,.gray_btn{ width:300px; height: 60px; line-height: 60px; border: none; cursor: pointer; text-align: center; font-weight: bold; color: #fff; font-size: 16px; vertical-align: top; background-color: #e22a38; overflow: hidden; position: relative; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-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;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
	.green_btn,.gray_btn{ width:200px; height: 60px; line-height: 60px; border: none; cursor: pointer; text-align: center; font-weight: bold; color: white; font-size: 16px; vertical-align: top; background-color: #3aa079; overflow: hidden; position: relative; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-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;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
.green_btn .browsebtn_bg{background-color: #24a272;}
.green_btn,.gray_btn{ -moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}
.green_btn:hover,.gray_btn:hover{  -moz-box-shadow: 0 8px 10px rgba(36,162,114,.12);-webkit-box-shadow: 0 8px 10px rgba(36,162,114,.12);box-shadow: 0 8px 10px rgba(36,162,114,.12); -moz-transform: translateY(-2px);-webkit-transform: translateY(-2px);transform: translateY(-2px);}
.green_btn:hover{color:#fff; background-color: #24a272;}


/*灰色按钮*/
.gray_btn{ color:#666; background-color: #f2f2f2; border:1px solid #f2f2f2;}
.gray_btn .browsebtn_bg{background-color: #999;}
.gray_btn:hover{ color:#fff; background-color: #999\9;*background-color: #999;}
.gray_btn:hover{ color:#3aa079; background-color: #fff; border-color:#3aa079;}


/*中间区域*/
.box_mt70{ margin-top:70px; }
.box_mr80{ /*margin-right:80px;*/ margin-right: 100px;}
.box_md80{ margin-bottom:80px;}
.box_mr20{ margin-right:20px;}
.box_p50{ padding:50px;}
/*.w_5{ width:46.2%;}*/
.w_5 {
    width: 42.2%;
}
.w_5_b{ width:49%;}
.m_l50{ margin-left:50px;}
.box_p15{ padding:15px;}

.h_180{ height:180px;}

/*小红点*/
.icon_red_w6{width:6px; height: 6px; background-color: #ff8f0d; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; margin:0 10px 0 5px;}

/*灰色背景*/
.gray_bj{background-color: #f2f2f2;}

/*标题*/
.th_text24{ font-size:24px; margin-bottom: 35px;}
.th_text24 .th_d{ color:#666; font-size: 16px; margin-top:10px;}


/*表单*/
.fill_text,.select_box,.green_textarea,.yellow_textarea{ border:1px solid #f2f2f2; background-color: #f2f2f2; width: 500px; *width: 90%; padding: 10px 30px; *padding:10px 4%; line-height: 30px; height: 52px; size: 100; *height: 30px; font-size:16px; }
.fill_text:focus,.select_box:focus,.language_select_ul .active .box{ border-color:#3aa079; background-color: #fff; -webkit-box-shadow: 0 5px 8px rgba(58,160,120,.08); -moz-box-shadow: 0 5px 8px rgba(58,160,120,.08); box-shadow: 0 5px 8px rgba(58,160,120,.08); }
.date_text{background-image: url("../images/icon/date.png"); background-repeat: no-repeat; background-position: 96% center;}

.green_textarea,.yellow_textarea{/* height:280px;*/ height:430px;}
.green_textarea{border-color:#e8f7f4; background-color: #e8f7f4; }
.yellow_textarea{border-color:#fff6df; background-color: #fff6df; }

.green_textarea:focus{ border-color:#9ecac1; background-color: #fff; -moz-box-shadow: 0 2px 2px #cae3de;-webkit-box-shadow: 0 2px 2px #cae3de;box-shadow: 0 2px 2px #cae3de;}
.yellow_textarea:focus{ border-color:#ffc83b; background-color: #fff; -moz-box-shadow: 0 2px 2px #ece0c2;-webkit-box-shadow: 0 2px 2px #ece0c2;box-shadow: 0 2px 2px #ece0c2;}

.red_note{ color:#ff4032; font-size: 14px; margin-right: 5px;}

/*提示*/
.tips_r_s{width:4px; height: 4px; background-color: #e22a38; font-size: 0; overflow: hidden; margin: 0 10px 0 5px; display: inline-block; vertical-align: middle;}
.not .tips_r_s{background-color: transparent;}


.fill_box{ font-size:16px;}
/*.fill_box .t_o_d{ margin:10px 0 0 0;}*/
.fill_box .t_o_d {
    margin: 10px 0 0 0;
    width: 42.2%;
}



.fill_box .t_o{ margin-bottom:36px;}


/*居中按钮*/
.btn_c{text-align:center; margin:60px 0 0 0; clear: both;}
.btn_c .t_d25{ margin:25px 0 0 0; font-size: 14px; color:#666;}
.btn_c_md100{ margin-bottom:100px;}

/*文件头*/
.footer{text-align:center; border-top:1px solid #eee; margin-top: 50px; color:#666; font-size: 13px; padding: 30px 0;}
.footer p{ margin:10px 0 0 0;}

/*下拉框select*/
.select_box{ background-color: #fff; border-color:#c9c9c9;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; filter: none !important;
appearance:none;-moz-appearance:none;-webkit-appearance: none; background-image:url("../images/icon/option.png"); background-repeat:  no-repeat; background-position:  96% center;}
.select_box::-ms-expand { display: none; }


/*图标*/
.language_icon{ width:90px; height: 90px; margin-bottom: 15px; background-image: url("../images/icon/language_new.png");}

/*选择语言*/
.select_language{ font-size:16px; text-align:center;}
.select_language p{ margin:8px 0 0 0;}
.select_language .t_d{ margin-top:25px;}
.select_language .select_box{width:380px; }

/*-------------------选择框*/
.chespan,.radiospan{display: inline-block; line-height: 28px;}
.chespan [type="checkbox"],.radiospan [type="radio"]{display: none; display: inline-block\9;}
.chespan_label::before,.radiospan_label::before{margin-right: 0px; display: inline-block; content: ""; width: 28px; height: 28px; background: url(../images/icon/che.png) 0 0 no-repeat; vertical-align: top; display: none\9;}
.radiospan_label::before{background: url(../images/icon/radio.png) 0 0 no-repeat;}
.chespan :checked ~ .chespan_label::before,.radiospan :checked ~ .radiospan_label::before{background-position: 0 -28px;}


/*选择语言*/
.language_select_ul{ font-size:16px; line-height: 30px; margin-right:-30px; *margin-right: 0;  padding: 10px 0 0 0;}
.language_select_ul .item_li{ margin:0 0 35px 0; }
.language_select_ul .box{ margin:0 30px 0 0;padding: 10px 20px; border: 1px solid #f2f2f2; background-color: #f2f2f2;}
.language_select_ul .active .box{ border-color:#ff8f0d; background-color: #fff; -moz-box-shadow: 0 5px 5px rgba(255,143,13,.12);-webkit-box-shadow: 0 5px 5px rgba(255,143,13,.12);box-shadow: 0 5px 5px rgba(255,143,13,.12);}


/*测试题*/
.test_div { font-size:16px;}
.test_div .t_t{ margin:0 0 25px 0;}


/*提交成功*/
.fill_ok{text-align:center; margin-top:100px;}
.fill_ok h4{ font-size:24px; margin:30px 0 0 0;}

/*图标*/
.ok_icon,.error_icon,.ok_icon_s,.error_icon_s{ width:80px; height: 80px; background-image: url("../images/icon/icon_a.png"); background-color: #3aa079; }
.error_icon{background-color: #fd3a48; background-position: 0 -80px;}
.ok_icon_s,.error_icon_s{ width:40px; height: 40px; margin:0 15px 0 20px; background-image: url("../images/icon/icon_b.png");}
.error_icon_s{background-color: #fd3a48; background-position: 0 -40px;}

/*提示*/
.btn_c .t_d30{ margin-top:30px; color:#666;}
.btn_c .t_d30 .red_text{ margin:0 5px;}
.tips_icon{ width:24px; height: 24px; margin-right: 8px; background-image: url("../images/icon/tips.png");}

/*倒计时*/
.th_time{ font-size:16px; line-height: 50px; padding: 0 20px;  border:1px solid #e4e4e4;
background: -moz-linear-gradient(top, #ffffff, #f4f4f4); /* Firefox */
background: -webkit-linear-gradient(270deg, #ffffff, #f4f4f4); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType='0'); /* IE*/
background: linear-gradient(to bottom, #ffffff, #f4f4f4);/* ie11*/
}
.icon_time{ width:30px; height: 30px; background-image: url("../images/icon/time.png"); margin-right: 8px;}


/*用户信息*/
.user_data{ font-size:16px; margin-bottom: 45px;}
.user_data .t_l{ font-size:22px;}
.user_icon{ width:34px; height: 34px; margin-right: 14px;
background: -moz-linear-gradient(top, #3ec373, #30b683); /* Firefox */
background: -webkit-linear-gradient(270deg, #3ec373, #30b683); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ec373', endColorstr='#30b683', GradientType='0'); /* IE*/
background: linear-gradient(to bottom, #3ec373, #30b683);/* ie11*/}
.user_icon_i{width:34px; height: 34px; background-image: url("../images/icon/user.png");}


/*测试结果*/
.test_end{ font-size:16px;  margin-bottom: 80px;}
.test_end .t_t{ margin:0 0 35px 0;}
.test_end .t_d{ border-bottom:1px solid #eee; padding: 25px 10px; line-height: 40px;}
.test_end .t_d .t_r{ line-height:1.8; padding-top: 6px; padding-bottom: 24px;}
.test_end .t_d:last-child{ border-bottom:none;}


.green_bj{background-color: #e8f7f4;}
.yellow_bj{background-color: #fff6df;}

/*滚动条*/
.scroll_box{ position:relative; overflow-y: hidden;  }


/*提交成功*/
.end_ok{text-align:center; margin:100px 0;}
.end_ok h4{ font-size:24px; margin:25px 0;}
.end_ok .t_t{ colro:#666; font-size:16px;}
.end_ok .t_d{ margin-top:40px;}

.wechat_240{ border:1px solid #c9c9c9; background-color: #fff; width: 240px; height: 240px; -moz-box-shadow: 0 10px 15px rgba(0,0,0,.08);-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.08);box-shadow: 0 10px 15px rgba(0,0,0,.08);}

.box_md40{ margin-bottom:40px;}

.font_b{ font-weight:bold;}
.c_text{text-align:center;}

/*刷新*/
.refresh_btn{ border:1px solid #3aa079; color:#3aa079; font-weight: bold; width: 120px; height: 40px; line-height: 34px; text-align: center; vertical-align:middle; cursor: pointer;
background: -moz-linear-gradient(top, #ffffff, #f4f4f4); /* Firefox */
background: -webkit-linear-gradient(270deg, #ffffff, #f4f4f4); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType='0'); /* IE*/
background: linear-gradient(to bottom, #ffffff, #f4f4f4);/* ie11*/
}
.refresh_btn:hover{ color:#fff; background: #3aa079;-moz-box-shadow: 0 8px 10px rgba(36,162,114,.12);-webkit-box-shadow: 0 8px 10px rgba(36,162,114,.12);box-shadow: 0 8px 10px rgba(36,162,114,.12);}
/*图标*/
.refresh_icon{ width:24px; height: 24px; background-image: url("../images/icon/refresh_icon.png"); margin-right: 8px;}
.refresh_btn:hover .refresh_icon{ background-position: 0 -24px;}

.font_44{ font-size:44px;}


/*----------------star（2018.12.01）新增样式*/
.box_mh70{ margin-top:70px; margin-bottom: 70px;}
.icon_div{text-align:center;}
/*图标*/
.icon_b{ width:120px; height: 120px; background-image: url("../images/icon/icon_c.png"); }
.icon_b2{background-position: 0 -120px;}
.icon_b3{background-position: 0 -240px;}

/*倒计时*/
.questions_time{ padding-top:30px; padding-bottom: 30px; }
.f_questions_time{position:fixed; top:0; width:1200px; padding-top: 10px; padding-bottom: 10px; background-color: #fff; }

.questions_box .children_div{ display:none;}

/*图标*/
.hide_icon{ width:30px; height: 30px; margin-right: 10px; background-image: url("../images/icon/hide_icon.png"); cursor: pointer;}
.questions_click .hide_icon{ background-position: 0 -30px;}



/*-------star文字的样式*/
/*标题文字*/
.th{ font-family:"Microsoft YaHei";}
/*日期*/
.date{ float:right; color:#999; 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:#ff8f0d;}
.red_link a:hover{ color:#fff; background-color: #ff8f0d;}
.link_h_line a:hover{text-decoration: underline;}
.gray_text{ color:#888;}
.yellow_link a{ color:#ffd926;}



.green_text,.green_link a{color:#1aa094;}
.green_link a:hover{text-decoration:underline; color:#333;}
.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{ color:#fb9e01;}
.orange_link a:hover{ color:#fff; background-color: #fb9e01;}
.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:#0c5ca5;}
.blue_link a:hover{ color:#fff; background-color: #0c5ca5; }
.gray_text_l{ color:#888;}
.yellow_text{ color:#ffea00;}

.graw_link a,.graw_text{ color:#37200b;}
.graw_link a:hover{ color:#fff; background-color: #d5ad50;}

.link_line a{ text-decoration:underline; }
.link_line a:hover{text-decoration: none;}
.white_text,.white_link a{ color:#fff;}
.h_th .white_text_5,.white_text_5{ color:rgba(255,255,255,.5); color:#95baec\9;*color:#95baec;}
.font_12{ font-size:12px;}
.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_30{ font-size:30px;}
.font_36{ font-size:36px;}
.font_40{ font-size:40px;}
.font_60{ font-size:60px;}
.font_b{ font-weight:bold;}
/*隐藏*/
.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%;}
/*---------------------------省略符号*/
/*省略号*/
.hide1{overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.hide2,.hide3,.hide4,.hide6,.hide10,.hide7,.hide8,.hide15{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hide2{height:3.2em;}
.hide3{-webkit-line-clamp: 3;height:4.8em; }
.hide4{-webkit-line-clamp: 4;height:6.4em;}
.hide6{-webkit-line-clamp: 6; height:10em;}
.hide7{-webkit-line-clamp: 7; height:11.2em;}
.hide8{-webkit-line-clamp: 8; height:12.8em;}
.hide10{-webkit-line-clamp: 10;height:16em; }
.hide15{-webkit-line-clamp: 15;height:375px; line-height: 25px; }
/*自适应*/
.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;}
/*自定义动画*/
.transition_a,.transition_o a,.hover_table tbody tr,.hover_arrow_shadow .icon_public,.hover_pic_black img{ -moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}

/*图标*/
.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{ -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{-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);}

/*经过表格*/
.hover_table tbody tr: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);}

/*阴影*/
.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 2px 5px rgba(0,0,0,.3); -webkit-box-shadow:0 2px 5px rgba(0,0,0,.3); box-shadow:0 2px 5px rgba(0,0,0,.3); background-color: #fff;}

/*经过图片阴影*/
.hover_arrow_shadow .box:hover .icon_public{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_pic_black{ overflow:hidden; text-align: center;}
.hover_pic_black{background-color:#000;}
.hover_pic_black a:hover img{ opacity:.7; -moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}

/*经过*/
.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%; bottom: 0; background-color: rgba(0,0,0,.02); 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{ 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;}

/*----------------往下拉动画*/
@-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;}




/*---------------------------star滤镜的样式*/
/*圆角*/
.round_s_s{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.round_s,.round_s_a a,.round_s_img img { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.round_s_b{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.round_s_b_t{-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 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%;}
/*链接文件*/
.round_s,.round_r,.round_m,.round_img img,.round_m_s,.round_m_a a,.round_s_a a,.round_s_s,.round_s_b,.round_s_b_t,.round_img_s img,.round_bj_a a,.round_bj,.round_r_a a{position:relative\9;behavior: url(js/pie.htc);}