a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,html,i,iframe,img,ins,label,legend,li,ol,pre,small,span,strong,u,ul,var{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}
html, body{scroll-behavior: smooth;}
body{color:#333;padding:0px 0;
font:400 14px/1.6 'LionbridgeSans-Light','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 'STHeiti','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; }



a:hover{color:#3770be;}
.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; }


.hide{display: none;}
.th{ font-family:'LionbridgeSans-Light','Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';}

.fl{ float:left;}
.fr{ float:right;}
.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;}



/*设置选中文字时的背景色*/
::selection{ background:#3770be; color:#fff; }
::-moz-selection    { background:#3770be; color:#fff; }
::-webkit-selection { background:#3770be; color:#fff;}
/*可改变元素被点击时背景框的颜色*/
html{-webkit-tap-highlight-color: rgba(240,240,240,0.7);}/*如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)*/






ol,ul{list-style: none}
input,button,select,textarea{outline:none;font:400 14px/1.6 'LionbridgeSans-Light','Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';}
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}



.phcolor{color: #999!important;}
input::-webkit-input-placeholder{color: #999;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}
input:-ms-input-placeholder{color: #999;}
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: #999;} 
textarea:focus::-webkit-input-placeholder{color: #999;} 
textarea::-moz-placeholder{color: #999;} 
textarea:-ms-input-placeholder{color: #999;}


/*--------------------------end公用样式*/
body{background-color:#fff; }
.gray_bj{background-color:#f6f6f6;}
.black3_bj{background-color:#333;}
.white_bj{background-color:#fff; }
.blue_bj{background-color:#3770be; }
.blue_border{ border:1px solid #3770be;}
.blue_text,.blue_link a{color:#3770be;}
.gray_border{ border:1px solid #eee; background-color: #fff;}

/*列表自适应样式*/
.flex-wrap{-webkit-flex-wrap: wrap; flex-wrap: wrap;}

.wb{display: -webkit-box; display: flex;}
.wbc{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.wbw{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}

.wb2{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb2 .item_w{width: calc(100%/2);}

.wb3{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb3 .item_w{width: calc(100%/3);}

.wb4{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb4 .item_w{width: calc(100%/4);}

.wb5{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb5 .item_w{width: calc(100%/5);}

.wb6{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb6 .item_w{width: calc(100%/7);}

.wb7{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.wb7 .item_w{width: calc(100%/7);}
/*列表自适应样式*/

/*高/宽*/
.img_auto{display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;position: absolute; top: 0; left: 0;}
.img_auto_group{position: relative; display: block; padding-bottom: 60%;}





/*宽度*/
.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" );}


/*首页的样式*/
/*头文件上*/
.header_t{ height:40px; padding: 5px 0 0 0; line-height: 30px;}
.header_t_w{ padding-left:1vw; padding-right: 1vw;}
/*按钮*/
.header_btn_a{ min-width:80px; line-height: 26px; text-align: center; display: inline-block; padding:0 10px; vertical-align: middle;}

/*头文件中*/
.header_c{ height:160px; padding-top: 20px;}
/*二维码*/
.header_wechat .t_r{ line-height:1.4;}
/*搜索*/
.header_search_box{ height:42px; padding:0 0 0 20px;}
.header_search_text{ border:none; background-color: transparent; padding:5px 0; width: 100%; line-height: 30px;}
.header_search_btn{ border:none; cursor: pointer; width: 80px; text-align: center; background-image:url("../images/icon/search_icon.png"); background-repeat: no-repeat; background-position: center center; position: absolute; top:-1px; right:-1px; height: 42px;}
/*热门搜索*/
.header_search_hot a{ margin-right:14px;}

/*导航*/
.nav .a_w{ display:inline-block; line-height: 50px; padding:0 13px; position: relative;
-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;
}
.nav .a_w::after{ width:0; height: 100%; position: absolute;z-index: -1;  content: ''; background-color: #1a4f97; left:50%; top:0; -webkit-transform: translateX(-50%);transform: translateX(-50%);-moz-transform: translateX(-50%);transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.nav .a_w::before{ width:1px; height: 30px; position: absolute; content: ''; background-color: #3061a5; right:0; top:50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);-moz-transform: translateY(-50%);}
.nav .a_w:last-child::before{ width:0; height: 0;}
.nav .a_w:hover,.nav .active{color:#fff;}
.nav .a_w:hover::after,.nav .active::after{ width:100%;}
/*导航*/
.nav.wb6 .a_w{ padding:0;}


/*广告条*/
.h_adv5{ margin-right:-10px;}
.h_adv5 .a_w{ margin-right:10px;}

/*新闻*/
.w_715{ width:715px;}
.h_420{ height:420px;}
/*标题*/
.th_lin_y{ padding-left:28px;}
.th_lin_y::before{ width:7px; height: 30px; left:0; content: ''; position: absolute; top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-moz-transform: translateY(-50%); background-color: #3770be;}
.th_lin_y.font_24::before,.th_lin_y.font_20::before{ height:24px; }


/*中间线标题*/
.h_news_th_line{position:relative;}
.h_news_th_line::before{ width:100%; height: 1px; background-color: #eee; overflow: hidden; content: ''; position: absolute; top:50%; left:0;}
.h_news_th_line .th_lin_y,.h_news_th_line .th_more{background-color: #fff;}
.h_news_th_line .th_lin_y{ display: inline-block; padding-right: 20px;}
.h_news_th_line .th_more{ position:relative; padding-left: 20px;}

/*黑色*/
.f_black{ position:absolute; z-index: 1; bottom: 0; left:0; width: 100%; overflow: hidden; height: 50px; background-color: rgba(0,0,0,.5);}
.box_block{ display:block;}
/*新闻动画*/
.h_news_flash{ }
.h_news_flash .bd .th_t,.f_news_th{z-index: 2; bottom: 0; left:0; padding-left: 20px; padding-right: 20px; width: 100%; line-height: 50px; height: 50px; }
/*f动画数字*/
.h_news_flash .hd{ text-align:center; bottom: -30px; left: 0; width: 100%; position: absolute;}
.h_news_flash .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;margin:0 10px;overflow:hidden; font-size: 0;  width:8px; height:8px; position: relative; border:1px solid #3770be;}
.h_news_flash .hd li,.h_news_flash .hd li::before{ border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.h_news_flash .hd li::before{ width:0; height: 0; overflow: hidden; background-color: #3770be; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left:50%; top: 50%; content: ''; position: absolute;transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.h_news_flash .hd .on::before{ width:100%; height: 100%; }
.h_news_flash .hd .on{ width:24px; }

/*新闻*/
.h_news_ul .li_w{ min-height:60px; border-bottom:1px solid #eee; padding: 8px 30px 0 30px;}
.h_news_ul .li_w:last-child{ border-bottom:none;}
.h_news_ul .th_t{ height:22px; line-height: 22px;}

/*宽度*/
.w_315{ width:315px;}
.w_330{ width:330px;}
.w_340{ width:340px;}
.w_300{ width:300px;}
.w_500{ width:500px;}
.w_170{ width:170px;}
.h_170{ height:170px;}
.h_180{ height:180px;}
.h_100{ height:100px;}
.h_110{ height:110px;}
.h_205{ height:205px;}
.h_480{ height:480px;}
.min_h110{min-height:110px;}


.h_news_th{ height:20px; line-height: 20px;}
.h_news_th.hide2{height:40px; }
.h_news_th.hide3{height:60px; }


/*新闻列表*/
.h_news_ul_icon .li_w{ margin-top:8px; padding-left: 16px; position: relative;}
.h_news_ul_icon .li_w::before{ width:6px; height:6px; content: ''; position: absolute; border-radius: 50%; background-color: #666; top:50%; left:2px; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.h_news_ul_icon .box:hover{ padding-left:20px;}

.h_news_ul_icon_h .li_w{ margin-top:10px;}

.h_news_ul_icon.font_18 .li_w{ padding-left:40px; margin: 17px 0;}
.h_news_ul_icon.font_18 .li_w::before{ width:8px; height: 8px;}


/*图片新闻*/
.l_news_pic_ul .li_w{ padding:20px 0;}


/*标签导航*/
.h_tab_nav_dd .a_w{ padding:0 15px; border-right: 1px solid #eee;}

/*供应*/
.h_pro_ul .box_w{ margin-left:10px; min-height: 230px;}
.h_pro_ul .li_w{ margin-top:10px;}

/*展会*/
.h_exh_ul .li_w{ margin-top:10px;}
.h_exh_ul{ margin-right:-10px;}
.h_exh_ul .a_w{ display:block; margin-right: 10px;}

/*按钮*/
.apply_link_btn{ min-width: 100px; text-align: center;padding: 0 10px; line-height: 25px; display: inline-block;}

/*友情链接*/
.h_link .a_w{ margin:10px 13px 0 0;}


/*文件底*/
.footer a,.footer{ color:#d7d7d7;}
.footer_d a,.footer_d{ color:#a0a0a0;}
.footer a:hover,.footer_d a:hover{ color:#fff;}
.footer_d{border-top:1px solid rgba(255,255,255,.08);}
.w_540{ width:540px;}
.w_210{ width:210px;}
.w_110{ width:110px;}
.h_110{ height:110px;}
.footer_th{ line-height:48px;}
.footer_th_line{ border-bottom:1px solid rgba(255,255,255,.08);}
.footer_link_ul .li_w p{ margin-top:5px;}
.footer_icon{ width:30px; height: 30px; background-color: #666; background-image: url("../images/icon/footer_share.png");}
.footer_icon.wechat{ background-position: 0 -30px;}

/*视频*/
.h_360{ height:360px;}
.h_video_big .f_th{ bottom:0; left:0; padding: 0 20px; height: 44px; line-height: 44px;}
.h_video_big .f_black{ height:44px;}
.f_video_icon{ width:60px; height: 60px; background-color: rgba(0,0,0,.5); background-image: url("../images/icon/video.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; top:50%; left:50%; transform: translateY(-50%) translateX(-50%);}
.box:hover .f_video_icon{background-color: rgba(0,0,0,.8);}
.box_shadow_s{ border:1px solid #eee; background-color: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.04);}
.h_video_ul .a_w{ margin-right:10px;}
.h_video_ul .li_w{ margin-bottom:10px;}
.h_video_ul .th_t{ height:50px; line-height: 50px; margin: 0 14px;}

/*--------------star储能*/
/*新闻*/
.banner_news{
background: linear-gradient(180deg, #f2f2f2, #e4e4e4); background: -moz-linear-gradient(-90deg, #f2f2f2, #e4e4e4); background: -webkit-linear-gradient(-90deg, #f2f2f2, #e4e4e4); background: -webkit-gradient(linear,0 0%,0% 100%, from(#f2f2f2), to(#e4e4e4));
}
.news_about_text p{text-indent:2em;}
/*热点话题*/
.hot_link_group .a_w{ margin:0 10px;}

.w_390{ width:390px;}
.h_250{ height:250px;}

/*数字*/
.news_num{ width:20px; line-height: 20px; height: 20px; text-align: center; display: inline-block;}
.active .news_num{ background-color: #3770be; color:#fff;}

/*排行榜*/
.r_news_tad .li_w{ padding:12px 5px; line-height: 20px;}
.r_news_tad .hide2{ height:40px;}
.r_news_tad li:last-child{ border-bottom:none;}

/*页码*/
.page .a_w,.page_input_text{ min-width:32px; text-align: center; line-height: 30px; padding:0 4px; background-color: #f4f4f5; border: 1px solid #f4f4f5;}
.page .a_w{ display:inline-block; font-size: 16px; vertical-align: middle; margin: 0 10px;}
.page .a_w:hover,.page_input_text:focus{ border-color:#3770be;}
.page .a_w:hover{ color:#333;}
.page_input_text{width:50px; background-color: #fff; border-color:#ccc; }
.page .page_prev,.page .page_prev{ font-size:14px; min-width: 64px;}
.page .active,.page .active:hover{ color:#fff;  border-color:#3770be; background-color: #3770be;}
.page .disabled,.page .disabled:hover{ color:#ccc;border-color:#e7e7e7; cursor: no-drop; background-color: #fbfbfb; }

/*最后一个li*/
.ul_last_li li:last-child{ border-bottom:none;}

.key_link .a_w{ margin:0 6px;}

/*小图标*/
.tool_s_icon{ width:24px; height: 24px; background-image: url("../images/icon/tool_icon.png");}
.tool_s_icon.good{ background-position: 0 -24px;}
.active .tool_s_icon{background-position: -24px 0;}
.active .tool_s_icon.good{background-position: -24px -24px;}
/*背景*/
.gray_bj_black{ background-color: #eee;}


/*正文*/
.d_wen p{ margin:14px 0;}
.d_wen img{ max-width:100%;}
.d_wen .pic{ text-align:center; margin-top: 30px; margin-bottom: 30px;}

/*空二格正文*/
.d_wen_2{ line-height:2.2;}
.d_wen_2 p{text-indent: 2em;}
.d_wen_2 p,.d_wen_2 h4,.d_wen_2 h5,.d_wen_2 div{ margin:8px 0;}

/*分享图标*/
.share_icon{ width:30px; height: 30px; background-image: url("../images/icon/share_icon.png");}
.share_icon.sina{ background-position: 0 -30px;}
.share_icon:hover{ background-position: -30px 0;}
.share_icon.sina:hover{ background-position: -30px -30px;}

/*参与评论*/
.bbs_form{ border:1px solid #dfdfdf;}
.bbs_btn{ width:80px; height: 80px; padding: 10px; line-height: 30px; text-align: center; border:none; cursor: pointer;}
.bbs_textarea{ border:none; background-color: transparent; width: 100%; height: 80px;}

/*头像*/
.w_64{ width:64px;}
.h_64{ height:64px;}

/*间距*/
.box_mt5{ margin-top:5px;}
.box_ph20{ padding-top:20px; padding-bottom: 20px;}
.box_pd50{ padding-bottom:50px;}
.box_pw40{ padding-left:40px; padding-right: 40px;}
.box_pw30{ padding-left:30px; padding-right: 30px;}
.box_pt10{ padding-top:10px;}
.box_md20{ margin-bottom:20px;}
.box_pw60{ padding-left:60px; padding-right: 60px;}
.box_ph30{padding-top:30px; padding-bottom: 30px;}
.box_mw20{ margin-left:20px; margin-right: 20px;}
.box_mh40{ margin-top:40px; margin-bottom: 40px;}
.box_ph10{ padding-top:10px; padding-bottom: 10px;}
.box_mr25{ margin-right:25px;}
.box_p10{ padding:10px;}
.box_ml50{ margin-left:50px;}
.box_mr30{ margin-right:30px;}
.box_mt50{ margin-top:50px;}
.box_mt80{ margin-top:80px;}
.box_pr30{ padding-right:30px;}
.box_mr10{ margin-right:10px;}
.box_mr70{ margin-right:70px;}
.box_mr10{ margin-right:10px;}
.box_mt15{ margin-top:15px;}
.box_mt10{ margin-top:10px;}
.box_mb10{margin-bottom: 10px;}
.box_pd30{ padding-bottom:30px;}
.box_mw10{ margin-left:10px; margin-right: 10px;}
.box_pt20{ padding-top:20px;}
.box_pd20{ padding-bottom:20px;}
.box_pt30{ padding-top:30px;}
.box_mt15{ margin-top:15px;}
.box_pt5{ padding-top:5px;}
.box_mw_auto{ margin-left:auto; margin-right: auto;}
.box_ml15{ margin-left:15px;}
.box_mt45{ margin-top:45px;}
.box_pd10{ padding-bottom:10px;}
.box_mr25{ margin-right:25px;}
.box_mt40{ margin-top:40px;}
.box_mt25{ margin-top:25px;}
.box_mt20{ margin-top:20px;}
.box_mt30{ margin-top:30px;}
.box_mr40{ margin-right:40px;}
.box_mt10{ margin-top:10px;}
.box_mt70{ margin-top:70px;}
.box_mt90{ margin-top:90px;}
.box_ml40{ margin-left:40px;}
.box_mr20{ margin-right:20px;}
.box_ml10{ margin-left:10px;}
.box_ml20{ margin-left:20px;}


/*宽度*/
.w_240{ width:240px;}


/*经过扩散效果*/
.btn_circle{ position:relative; overflow: hidden;}
.button-fade-circle{position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.btn_circle:hover .button-fade-circle{-webkit-animation: button-fade-circle 0.75s; animation: button-fade-circle 0.75s;}
.button-fade-circle::before{margin-top: 100%; position: relative; display: block; content: "";}
.button-fade-circle::after{position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; border-radius: 50%;}
.btn_circle:hover .button-fade-circle::after{-webkit-animation: button-fade-circle-pseudo 0.75s; animation: button-fade-circle-pseudo 0.75s;}
@-webkit-keyframes button-fade-circle{0%{width:0}100%{width:100%}}
@keyframes button-fade-circle{0%{width:0}100%{width:100%}}
@-webkit-keyframes button-fade-circle-pseudo{0%{background:rgba(0,0,0,0.5)}100%{background:transparent}}
@keyframes button-fade-circle-pseudo{0%{background:rgba(0,0,0,0.5)}100%{background:transparent}}


.box_w_auto{ margin-left:auto; margin-right: auto;}
.box_relative{ position: relative;}
.box_absolute{ position: absolute; z-index: 1;}

/*线*/
.box_line_d{ border-bottom:1px solid #d9dee3;}
.box_line_t{ border-top:1px solid #d9dee3;}
.box_line_d.box_line_t{ border-color:#eee;}
.box_line_r{ border-right:1px solid #d9dee3;}
.box_line_l{ border-left:1px solid #d9dee3;}




/*color*/
.black_text,.black_link a{ color:#000;}
.black3_text,.black3_link a,.black_c3_link a:hover{ color:#333;}
.black6_text,.black6_link a{ color:#666;}
.black8_text,.black8_link a{ color:#888;}
.black9_text,.black9_link a{ color:#999;}
.black_link a:hover,.black3_link a:hover,.black6_link a:hover,.black8_link a:hover,.black9_link a:hover{color: #000; }
.black_c3,.black_c3_link a{ color:#c3c3c3;}


/*color*/
.green_text,.green_link a{ color:#12ce80;}
.red_text{ color:#ff471a;}
.adopt{color:#f38700!important;}
.white_text,.white_link a{ color:#fff;}
.white_link a:hover{ color: rgba(255,255,255,.9); }
.white3_text{ color:rgb(255,255,255,.3);}
.white5_text{ color:rgb(255,255,255,.5);}





/*font*/
.font_12{ font-size:12px;}
.font_13{ font-size:13px;}
.font_14{ font-size:14px;}
.font_15{ font-size:15px;}
.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_34{ font-size:34px;}
.font_40{ font-size:40px;}
.font_44{ font-size:44px;}
.font_48{ font-size:48px;}
.font_50{ font-size:50px;}
.font_78{ font-size:78px;}
.font_b{ font-weight:bold;}
.font_not_b{ font-weight:normal;}
.th_text{ line-height:1.1;}
.th_text_b{ line-height:1.4;}
.china{ font-family:"宋体";}
.up_text{ text-transform: uppercase; }
.link_a{cursor: pointer;}

.font_b600{font-weight: 600;}





/*对齐*/
.box_c{text-align:center;}
.box_l{text-align:left;}
.box_r{text-align:right;}


/*经过*/
.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,0.1); 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_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: 2px; background-color: #44a69b; 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%;}



/*自定义动画*/
a,a:hover,.btn,.icon,.transition_a,.transition_o a,.hover_table tbody tr,.hover_arrow_shadow .icon_public,.hover_table_td tbody tr{transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease; }
.hover_table_td tbody tr:hover{background-color: #f6faff;}




/*省略号*/
.hide1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;-webkit-box-orient: vertical;}
.hide2,.hide6,.hide4,.hide3,.hide10,.hide_1_w,.hide9,.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; }
.hide6{-webkit-line-clamp: 6; height:9.6em;}
.hide4{-webkit-line-clamp: 4;height:6.4em;}
.hide5{-webkit-line-clamp: 5;height:8em;}
.hide9{-webkit-line-clamp: 9;height:18em; line-height: 2em;}
.hide10{-webkit-line-clamp: 10;height:16em; }
/*自适应*/
.r_cell{ display:table-cell; width:9999px; *width:auto; *zoom:1;}


/*隐藏*/
.hide_box{ /*height:auto;*/ overflow: hidden;}
/*列表*/

.list_2 .item_li{ float:left; width:49.99%;}
.list_3 .item_li{ float:left; width:33.33%;*width:33.2%;}
.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_12 .item_li{ float:left; width:8.33%; }





/*图标*/
.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;}
.img_t,.text_t{ display:inline-block; vertical-align: top;}


/*左右摇摆*/
.hover_arrow .box:hover .icon_public,
.give-score-broad-control: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 .pic_a{position: relative; overflow: hidden; display:block;}
.hover_pic .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 .box:hover .pic_a:before,.hover_pic .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}
@-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{-webkit-animation-name:tada;animation-name:tada;}
@-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;}


/*圆角*/
.round_r8{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.round_r6{-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.round_r2{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.round_r3,.round_r3_a a,.round_r3_img img { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.round_r4,.round_r4_a a{-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_r16{ -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;}
.round_r20{ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.round_rt10{-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_r30{ -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}

.round_rd4{-moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}

.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%;}

/*.pos{height:40px;line-height: 40px;font-size: 16px;margin-bottom: 10px;}*/


