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{font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; font-size:12px; color:#444; line-height:1.6;}
/*@font-face{font-family: "Helvetica Neue"; src: url("../font/Helvetica Neue.otf");}*/
a:hover img,img{border:none; vertical-align: top;}
ol,ul{list-style: none}
input,button,select,textarea{outline:none;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; font-size:14px; color: #444;}
input,buttom{ -webkit-appearance: none;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer}
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; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;}
th{font-weight: normal;}

.fl{float: left}
.fr{float: right}
.al{text-align: left}
.ac{text-align: center}
.ar{text-align: right}
.hide{display: none}

a:hover{ color:#0f829d;}

.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, .clearfix{*zoom:1;}
.clearfix:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}

::-webkit-scrollbar-track-piece {background-color: transparent; -webkit-border-radius: 0;}
::-webkit-scrollbar{width: 4px; height: 4px;}
::-webkit-scrollbar-thumb{height: 50px; background-color: rgba(0,0,0,.2);}
::-webkit-scrollbar-thumb:hover{background-color: rgba(0,0,0,.4);}

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

/*-------------------------结束公用样式--------------------------*/
body{background-color:#fff; }
.w_1200{ width:1200px; margin: 0 auto;}
.white_bj{background-color:#fff; }


.mw, .line_mw{margin: 0 auto; width: 1200px;}
.min1200,.min_1200{margin: 0 auto; min-width: 1200px; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "auto" );}

.tc{display: table-cell; width: 9999px; zoom: 1; *width: auto;}


.nodata{display: block; padding: 20px; text-align: center; font-size: 13px; font-family: simsun; color: #999;}
.tabItem{display: none;}
.tabItem:first-of-type{display: block;}


.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;}


.setint, .textint, .selint_select{text-align: left; text-indent: 0; padding: 10px 0; line-height: 25px; font-size: 14px; color: #333; background-color: transparent; border: none; border-radius: 0; outline: 0; box-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
.setint{width: 240px; height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.full_setint{width: 100%;}
.textint{width: 100%; height: auto; min-height: 12rem; resize: vertical;}


.selint{position: relative;}
.selint_select{position: relative; z-index: 5; width: 100%;}
.selint_arrow{position: absolute; right: 5px; top: 50%; margin-top: -3px; display: block; content: ""; border: 6px solid rgba(0,0,0,0); border-top-color: #272636; transform: scaleX(.8); -webkit-transform: scaleX(.8);}



[class*="btn"]:not(.disabled):hover [class*="ico"]{opacity: .6;}

/*图标*/
.sico{margin-right: 5px; display: inline-block; width: 20px; height: 20px; background-image: url(../images/icon/sico.png); background-repeat: no-repeat; background-size: 20px auto; vertical-align: -4px;}
.cyuser_sico{background-position: 0 0;}
.cyedit_sico{background-position: 0 -20px;}
.gneye_sico{background-position: 0 -40px;}
.whplay_sico{background-position: 0 -60px; margin-left: 2px;}


.mico{margin-right: 10px; display: inline-block; width: 30px; height: 30px; background-image: url(../images/icon/mico.png); background-repeat: no-repeat; background-size: 30px auto; vertical-align: top;}
.whsearch_msico{background-position: 0 0;}
.whfilesearch_mico{background-position: 0 -30px;}
.whplay_mico{background-position: 0 -60px;}


.inflist{margin-top: 10px;}
.infitm{margin-right: 10px; line-height: 20px; font-size: 14px; color: #888;}
.infitm:last-child{margin-right: 0;}
.infitm:hover{ color:#0f829d;}


/*头部*/
.header_t{position: relative; display: block; background-color: #fff;}
.headlogo{float: left; padding: 12px 0;}
.headlogoitm{margin-right: 15px; display: inline-block; vertical-align: middle;}
.headsolgentext{font-size: 22px; color: #333; display: inline-block; vertical-align: top; padding-top: 60px;}
.headsolgentext .spc{margin: 0 10px;}
.headrside{float: right; padding-top: 55px;}

.hdsearch{float: left; width: 280px;}
.hdsearch_box{position: relative; display: block; width: 100%; height: 44px;}
.hdsearch_input{display: block; text-align: left; padding: 11px 52px 11px 11px; width: 100%; height: 44px; *width: 215px; *height: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; font-size: 14px; background-color: #f7f7f7; border: 1px solid #eee; outline: 0; -webkit-appearance: none; appearance: none;}
.hdsearch_input:focus{background-color: #fff; box-shadow: 0 0 10px #eee;}
.hdsearch_btn{position: absolute; right: 0; top: 0; padding: 7px; width: 30px; height: 30px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; line-height: 30px; font-size: 14px; color: #fff; background-color: #0f829d; border: none; outline: 0; -webkit-appearance: none; appearance: none;}

.hopera{float: left; margin-left: 25px;}
.hoperaitem{position: relative; float: left;}
.hoperabtn{display: block; padding: 11px; height: 20px; line-height: 20px; font-size: 14px; color: #333;}
.hoperabtn:visited{color: #333;}
.hoperabtn:hover{color: rgba(51,51,51,.6); background-color: #efefef;}


/*tnav*/
.tnav{position: relative; z-index: 9; display: block; height: 70px; background-color: #0f829d; width: 100%;}
/*浮动*/
@-webkit-keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
@keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
.top_header{position: absolute; top: 0; left: 0;}
.header_fixed{position: fixed; background-color: #0f829d; padding: 0; top: 0; left: 0; height: 70px; _position: absolute; animation: hdnav2-show .3s; -moz-animation: hdnav2-show .3s; -webkit-animation: hdnav2-show .3s;-moz-box-shadow: 0 4px 5px rgba(0,0,0,.12);-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.12);box-shadow: 0 4px 5px rgba(0,0,0,.12);}
* html{background-image: url(about:blank); background-attachment: fixed;}
/*.header_fixed .nav{ padding-top:0px; line-height: 48px;}*/
{width:22px;}
/*end浮动*/


.tnavlist{position: static; display: block; height: 70px;}
.tnavitem{float: left; position: relative; display: block; width: 12.5%; height: 70px; overflow: hidden;}
.tnavtitle{position: relative; z-index: 12; display: block; text-align: center; padding: 20px 10px; width: 100%; height: 70px; *width: 130px; *height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; font-size: 16px; color: #fff;}
.tnavtitle::after{position: absolute; bottom: -100%; left: 50%; margin-left: -12px; display: block; content: ""; width: 24px; height: 3px; line-height: 0; font-size: 0; background-color: #fff; border-radius: 3px; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}
.on .tnavtitle::after, .tnavitem:hover .tnavtitle::after{bottom: 12px;}
.tnavtitle:hover{ color:#fff;}

.tnavsub{position: absolute; top: 0; left: 0; padding-top: 70px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; visibility: hidden; -moz-transition: 0s; -webkit-transition: 0s; transition: 0s; -moz-transform: translateY(-70px); -webkit-transform: translateY(-70px); transform: translateY(-70px);}
.tnavitem_hover, .tnavitem:hover{overflow: visible;}
.tnavitem_hover .tnavsub, .tnavitem:hover .tnavsub{opacity: 1; visibility: visible; -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}


.tnavsubcont{display: block; padding: 1px 8px; background-color: #fff; border-bottom: 4px solid #228aa3; box-shadow: 0 10px 15px rgba(0,0,0,.15);}
.tnavsubitem{margin: 10px 0; display: block; text-align: center; padding: 10px; width: 100%; height: 40px; *width: 114px; *height: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 20px; font-size: 14px; color: #333;}
.tnavsubitem:hover{color: #fff; background-color: #0f829d;}


/*end tnav*/
.ibnrow{position: relative; display: block; background-color: #fff; padding-bottom: 20px;}
.ibnrow_bg{position: absolute; top: 0; left: 0; width: 100%; height: 130px; background-color: #0f829d;}
.ibn{margin: 0 auto; position: relative; display: block; width: 1200px; height: 450px; box-shadow: 0 10px 20px rgba(15,130,157,.2);}
.ibn .bd li a{display: block; background-color: #000;}
.ibn .bd li img{display: block; width: 100%; height: 450px;}
.ibn .bd li a:active img{opacity: .8;}
.ibn .hd{position: absolute; bottom: 25px; left: 300px; text-align: center; width: 250px; line-height: 0; font-size: 0;}
.ibn .hd li{margin: 0 2px; display: inline-block; width: 10px; height: 8px; background-color: rgba(0,0,0,.4); background-color: #000\9; opacity: .4\9; filter: alpha(opacity=40)\9; border-radius: 4px; vertical-align: top; transition: .3s width linear; -webkit-transition: .3s width linear;}
.ibn .hd .on{width: 40px; background-color: #0f829d; opacity: 1\9; filter: alpha(opacity=100)\9;}


.focusbottomhd{margin-top: 40px; display: block; text-align: center; line-height: 0; font-size: 0;}
.focusbottomhd li{margin: 0 2px; display: inline-block; width: 10px; height: 8px; background-color: rgba(0,0,0,.4); background-color: #000\9; opacity: .4\9; filter: alpha(opacity=40)\9; border-radius: 4px; vertical-align: top; transition: .3s width linear; -webkit-transition: .3s width linear;}
.focusbottomhd .on{width: 40px; background-color: #0f829d; opacity: 1\9; filter: alpha(opacity=100)\9;}



/*服务商查询*/

.bnservice{position: absolute; z-index: 5; right: 40px; top: 40px; display: block; width: 330px; background-color: rgba(255,255,255,.9); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF,endcolorstr=#7FFFFFFF);}
.bnservice_head{display: block; padding: 15px 20px; height: 60px; *height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background-color: #0f829d;}
.bnservice_title{float: left; line-height: 30px; font-size: 22px;}

.bnservice_cnt{display: block; padding: 1px 20px;}
.bnservice_list{margin-bottom: 15px; line-height: 25px; font-size: 14px; color: #666;}
.bnservice_list .item{display: block; min-height: 45px; _height: 45px; _overflow-y: visible; border-bottom: 1px solid #dedfe1;}
.bnservice_list .item .dt{float: left; text-align: right; padding: 10px 0; width: 110px;}
.bnservice_list .item .dd{display: table-cell; width: 9999px; *zoom: 1; *width: auto;}
.bnservice_action{margin: 20px 0 15px 0;}




.fsection{position: relative; display: block; padding: 40px 0; background-position: 50% 0; background-repeat: no-repeat; background-size: cover;}
.whbg_fsection{background-color: #fff;}
.gybg_fsection{background-color: #f0f2f5;}
.union_fsection{background-color: #fff; background-image: url(../images/fsectbg/union.jpg); background-size: contain;}

.l580{float: left; width: 580px;}
.r580{float: right; width: 580px;}



.fsectitle{margin-bottom: 20px; height: 30px; line-height: 30px; font-size: 24px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wh_fsectitle{color: #fff;}
.fsectitle_arrow{margin-left: 5px; font-size: 20px; font-family: simsun; font-weight: bold;}

.fsection_btnrow{margin-top: 50px; text-align: center;}


.gytabhd{position: relative; display: block; width: 100%; height: 40px; line-height: 20px; background-color: #f0f2f5;}
.gytabhd_list{position: relative; z-index: 5; float: left; line-height: 20px; font-size: 16px; color: #666;}
.gytabhd_list li{float: left;}
.gytabhd_list a{display: block; padding: 10px 20px; color: #666; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}
.gytabhd_list a:hover{color: #0f829d;}
.gytabhd_list .on a{color: #fff;}
.gytabhd_onbg{position: absolute; top: 0; left: 0; display: block; width: 104px; height: 40px; line-height: 0; font-size: 0; background-color: #0f829d;}
.gytabhd_rmore{float: right; padding: 10px; line-height: 20px; font-size: 13px; color: #0f829d;}
.gytabhd_rmore:hover{color: #333;}

.newstextitle{margin-bottom: 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; line-height: 30px; font-size: 22px; color: #333;}
.newstextitle_text{color: #333;}
.newstextitle_text:hover{color: #0f829d;}

.dotnewslist{line-height: 20px; font-size: 16px; color: #333;}
.dotnewslist li{margin: 10px 0; position: relative; padding-left: 20px; background: url(../images/icon/dot6.png) 0 50% no-repeat\9;}
.dotnewslist>li::before{position: absolute; left: 0; top: 7px; display: block; content: ""; width: 6px; height: 6px; background-color: #0f829d; border-radius: 50%;}
.dotnewslist a{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.dotnewslist a:hover{color: #0f829d;}

.cutnewsitem{margin: 25px 0;}
.cutnewsitem_produce{display: -moz-box; display: -webkit-box; display: flex; -moz-box-align: center; -webkit-box-align: center; align-items: center; *zoom: 1; overflow: hidden\9;}
.cutnewsitem_pic{margin-right: 25px; display: block; width: 140px; float: left;}
.cutnewsitem_pic img{display: block; width: 100%;}
.cutnewsitem_cnt{display: block; -moz-box-flex: 1; -webkit-box-flex: 1; flex: 1; display: table-cell\9; width: 9999px\9; padding-top: 20px\9; *zoom: 1; *width: auto;}
.cutnewsitem_cnt .title{margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; line-height: 28px; font-size: 18px; color: #333; height: 56px;}
.cutnewsitem_cnt .title:hover{color: #0f829d;}

/*学术会议*/
.sideplist{margin-left: -20px; *zoom: 1;}
.sidepitem{float: left; margin: 20px 0 0 20px; _display: inline; width: 280px;}
.sidepitem_produce{display: block; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}
.sidepitem_produce:hover{-moz-box-shadow: 0 10px 20px rgba(0,0,0,.08);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.08);box-shadow: 0 10px 20px rgba(0,0,0,.08); -moz-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.sidepitem_pic{position: relative; display: block; overflow: hidden;}
.sidepitem_pic img{display: block; width: 280px; height: 180px;max-width: 280px; max-height: 180px;}
.sidepitem_decs{display: block; padding: 0 10px 8px 10px; border: 1px solid #ddd;}
.sidepitem_decs .t{margin-top: 8px; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #333;}
.sidepitem_decs .inflist{margin-top: 5px;}

/*学术会议列表*/
.r_sideplist{margin: 0px 0 40px -40px;}
.r_sideplist .sidepitem{ margin-left:0; width: 33.3%; margin-top: 40px; }
.r_sideplist .sidepitem_produce{ margin:0 0px 0 40px;}


/*收费*/
.textag{margin-left: 10px; display: inline-block; text-align: center; padding: 0 10px; height: 20px; line-height: 20px; font-size: 12px; color: #333; background-color: #fff; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; vertical-align: text-bottom;}
.yebu_textag{color: #0f829d; background-color: #feda00;}




.videocover{position: relative;}
.bkcover{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%\9; height: 100%\9; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CF000000,endcolorstr=#CF000000); display: none;}
.videocover_playbtn{position: absolute; top: 50%; left: 50%; display: block; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;  -moz-border-radius: 50%;  -webkit-border-radius: 50%; border-radius: 50%;behavior: url(pie.htc); }
.playbtn70{margin: -35px 0 0 -35px; padding: 17px; width: 30px; height: 30px; background-color: rgba(15,130,157,.95); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CF0f829d,endcolorstr=#CF0f829d); border: 3px solid #fff; -moz-box-shadow: 0 5px 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.4);box-shadow: 0 5px 10px rgba(0,0,0,.4);}
.playbtn40{margin: -20px 0 0 -20px; padding: 9px; width: 20px; height: 20px; background-color: rgba(15,130,157,.95); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CF0f829d,endcolorstr=#CF0f829d); border: 2px solid #fff; -moz-box-shadow: 0 5px 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.4);box-shadow: 0 5px 10px rgba(0,0,0,.4);}
.playdec{position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -60px; display: block; text-align: center; padding: 0 40px; width: 40px; height: 30px; line-height: 30px; font-size: 18px; color: #fff; opacity: 0; filter: alpha(opacity=0);}
.playdec_left, .playdec_right{position: absolute; top: 50%; display: block; width: 30px; height: 1px; line-height: 0; font-size: 0; background-color: #fff; overflow: hidden;}
.playdec_left{left: -20%;}
.playdec_right{right: -20%;}
.playdec_text{position: absolute; top: 50%; left: 40px; display: block; width: 40px;}



.cutvideoitem{display: block; color: #fff; background-color: #0f829d;}
.cutvideoitem_pic{float: left; position: relative; width: 50%;}
.cutvideoitem_pic img{display: block; width: 100%;}
.cutvideoitem_cnt{margin-left: 50%; display: block; padding: 40px 40px 0 40px;}
.cutvideoitem_cnt .t{margin-bottom: 10px; font-size: 18px; color: #fff;}
.cutvideoitem_cnt .t a{color: #fff;}
.cutvideoitem_cnt .t a:hover{color: #feda00;}
.cutvideoitem_cnt .p{margin-bottom: 10px; line-height: 1.6; font-size: 14px;}
.cutvideoitem_cnt .btnrow{margin-top: 50px;}


.videolist{margin-left: -25px; *zoom: 1;}
.videoitem{float: left; margin: 26px 0 0 26px; _display: inline; width: 280px;}
.videoitem_produce{position: relative; display: block; }
.videoitem_produce img{display: block; width: 100%;}

/*课程右*/
.r_videolist{ margin:0 0 60px -40px;*zoom: 1;}
.r_videolist .videoitem{ margin:40px 0 0 0; float:left; width: 33.3%;}
.r_videolist .videoitem img{ height:170px;}
.r_videolist .box{ margin:0 0px 0 40px; padding-bottom: 10px; background-color: #f0f2f5;}
.r_videolist h5{ margin:10px 10px 0 10px; font-size:14px;}
.r_videolist .textag{ margin:0 5px 0 0;}

/*培训课程_左*/
.l_lesson_ul{ margin:10px auto 20px auto; width:190px;}
.l_lesson_ul .videoitem{float:none; margin:20px 0 0 0; _display: block; width: 100%;}
.l_lesson_ul .videoitem_produce{  height:115px;}
.l_lesson_ul h5{ font-size:14px; padding: 0 10px; height: 36px; line-height: 36px;}
.l_lesson_ul h5 a{display: block;}
.l_lesson_ul li:hover h5{ color:#fff; background-color:#0f829d;} 
.l_lesson_ul li:hover h5 a{ color:#fff;}
.l_lesson_ul .videoitem img{ width:100%; height: 100%;}





.restable{display: block; width: 100%; overflow-x: auto;}
.gyhdtable{width: 100%; max-width: 100%; text-align: center; line-height: 20px; font-size: 14px; color: #666; background-color: transparent;}
.gyhdtable th{padding: 10px;}
.gyhdtable td{padding: 20px 10px; border-bottom: 1px solid #f0f2f5;}
.thead-gray{color: #888; background-color: #f0f2f5;}
.gyhdtable .tit{text-align: left; padding-left: 20px;}
.gyhdtable .tit_text{font-size: 16px; color: #0f829d;}
.gyhdtable .tit_text:hover{color: #0a697f;}



.unionfocus{margin: 36px 0; position: relative; display: block; padding: 20px 35px; background-color: #fff; box-shadow: 0 10px 20px rgba(15,130,157,.2);}
.unionfocus .prev, .unionfocus .next,.lesson_flash .prev,.lesson_flash .next{position: absolute; top: 50%; margin-top: -25px; display: block; text-align: center; width: 35px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; font-family: simsun; font-weight: bold; background-color: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
.unionfocus .prev:hover, .unionfocus .next:hover,.lesson_flash .prev:hover,.lesson_flash .next:hover{background-color: #0f829d;}
.unionfocus .prev,.lesson_flash .prev{left: 0; -moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.unionfocus .next,.lesson_flash .next{right: 0;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.unionlist{overflow: hidden;}
.unionitem{float: left; margin-top: -1px; margin-left: -1px; position: relative; width: 50%; overflow: hidden;}
.unionitem_produce{position: relative; display: block; padding: 30px 20px 30px 220px; min-height: 70px; border-width: 1px 0 0 1px; border-style: solid; border-color: #eee;}
.unionitem_produce .pic{position: absolute; left: 0; top: 50%; margin-top: -35px; text-align: center; width: 210px;}
.unionitem_produce .pic img{display: block; height: 70px;}
.unionitem_produce .name{margin-bottom: 20px; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; color: #333;}
.unionitem_produce .p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; height: 40px; font-size: 14px; color: #666;}
.unionitem_produce:hover .name{ color:#0f829d;}


/*动画*/
.lesson_flash_t{ border-bottom: 1px solid #eee; padding-bottom: 40px;margin: 50px 0 20px 0;}
.lesson_flash{ position:relative; }
.lesson_flash .cutvideoitem{ background-color:transparent; color:#666;}
.lesson_flash .cutvideoitem .t a{ color:#333;}
.lesson_flash .cutvideoitem_pic{ border:6px solid #f0f2f5; background-color: #f0f2f5; width: 420px; height: 250px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin-right: 40px;} 
.lesson_flash .cutvideoitem_pic img{ width:100%; height: 100%;}
.lesson_flash .cutvideoitem_cnt{ padding:0;}
.lesson_flash .cutvideoitem_cnt .p{ height:112px; line-height: 28px; margin-bottom: 0; padding-bottom: 0;}
.lesson_flash .cutvideoitem_cnt .btnrow{ margin-top:0;padding-bottom: 20px;}
.lesson_flash .cutvideoitem_cnt .t_h{ height:204px;}
/*按钮*/
.lesson_flash .more_a_btn{ display:inline-block; width: 130px; line-height: 44px; height: auto; vertical-align: top;}

/*不可点击*/
.lesson_flash .prevStop, .lesson_flash .nextStop,.lesson_flash .prevStop:hover, .lesson_flash .nextStop:hover{ cursor: default; background-color:#ccc;}


/*selfservice*/
.selfservice{display: block; padding: 60px 0 40px 0; color: #fff; background: #202634 url(../images/icon/selfservice.jpg) 50% 0 no-repeat; background-size: cover;}
.selfservice a{color: rgba(255,255,255,.4); color: #939698\9; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}
.selfservice a:hover{color: #fff;}
.selfservice_list{float: left;}
.selfservice_item{float: left; width: 150px; font-size: 14px;}
.selfservice_item .dt{margin-bottom: 20px; line-height: 20px; font-size: 16px; color: #fff;}
.selfservice_item li{margin: 10px 0;}

.selfservice_qrcode{float: right;}
.selfservice_qrcode .item{float: left; margin-left: 30px; width: 90px;}
.selfservice_qrcode .item h4{margin-bottom: 15px; font-size: 14px;}
.selfservice_qrcode .pic{margin: 0 auto; display: block; width: 90px; height: 90px; overflow: hidden;}
.selfservice_qrcode .pic img{display: block; width: 90px; height: 90px;}
/*end selfservice*/
/*footer*/
.footer{display: block; padding: 15px 0; font-size: 14px; color: rgba(255,255,255,.4); color: #939698\9; background-color: #1d2330;}
.footer a{color: rgba(255,255,255,.4); color: #939698\9; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}
.footer a:hover{color: #fff;}
/*end footer*/

/*btn*/
.bigbtn{display: block; text-align: center; padding: 10px; width: 100%; height: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; font-size: 16px; border-radius: 5px; border: none; outline: 0; -webkit-appearance: none; vertical-align: middle; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}
.mdbtn{display: inline-block; text-align: center; padding: 10px; min-width: 170px; height: 25px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 25px; font-size: 16px; border-radius: 5px; border: none; outline: 0; -webkit-appearance: none; vertical-align: middle; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}
.mbtn{display: inline-block; text-align: center; padding: 10px; min-width: 110px; height: 25px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 25px; font-size: 14px; border-radius: 5px; border: none; outline: 0; -webkit-appearance: none; vertical-align: middle; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}




.primarylinebtn{padding: 9px; color: #0f829d; background-color: transparent; border: 1px solid #0f829d;}
.primarylinebtn:hover{color: #fff; background-color: #0f829d;}

.whlinebubtn{padding: 9px; color: #fff; background-color: transparent; border: 1px solid #fff;}
.whlinebubtn:hover{color: #0f829d; background-color: #fff;}

.gylinebubtn{padding: 9px; color: #888; background-color: transparent; border: 1px solid #e6e6e6;}
.gylinebubtn:hover{color: #fff; background-color: #0f829d; border-color: #0f829d;}



/*返回顶部*/
.ftool_top{position: fixed; right: 6px; bottom: 10px; z-index: 40; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html,* html body{background-image:url(about:blank);background-attachment: fixed;}
.top_ftoolab{ width:50px; height:50px; display:block; background-color:#1d2330; background-image:url(../images/icon/top.png); background-repeat:no-repeat; background-position:center center; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.top_ftoolab:hover{ background-color:#0f829d;}
/*end 返回顶部*/



/*----------------------star登录(18.09.25)*/
.header_login{ padding-top:30px;}
.logo_login_th{ padding:70px 0 0 30px;}
html,body{ width:100%; height: 100%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/*背景图片*/
.body_login{background-image: url(../images/login/body_login.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover; background-color: #368db0; position: relative;}
/*固定的文件底*/
.f_footer{ position:fixed; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; background-color: #1d2330; }
.f_footer,.f_footer a{ color:rgba(255,255,255,.4);color:#939599\9;*color:#939599;}
.f_footer a:hover{ color:#fff;}
.f_footer dd{text-align:right;}

/*中间区域*/
.f_login_box{ width:650px; position: absolute; top:42%; left: 55%; margin: -200px 0 0 -325px; /*transform: translateX(-50%) translateY(-50%);*/}
.login_box_div{ padding:30px 0 65px 40px; }
.login_box_c{overflow: hidden;}
.login_box_r{ border-left:1px solid #ddd; padding:40px 0 3000px 0; margin-bottom: -3000px; width: 260px; text-align: center;  color:#666;}
.login_box_l{ width:300px;}
.wechat_140{ width:140px; height: 140px;}
.login_box_r p{ margin:20px 0 0 0;}
.input_div{ position:relative; margin: 10px 0 0 0;}
.login_fill_dl dt{ margin:20px 0 0 0;}
.login_fill_dl dt .t_d{ margin:20px 0 0 0; color:#888;}
.input_div::before{ width:0; left: 50%; bottom: 0; position: absolute; display: block; height: 1px; background-color: #0f829d; font-size: 0; overflow: hidden; -moz-transform: translateX(-50%);  -webkit-transform: translateX(-50%);  transform: translateX(-50%); -moz-transition: .3s;-webkit-transition: .3s; transition: .3s;  color: ''; z-index: 1;}
.input_div:hover::before{ width:100%;}
/*标题*/
.login_th{ font-size:24px; margin-bottom: 10px;}

/*图标*/
.f_login_icon{ width:20px; height: 20px; background-image: url(../images/login/login_icon.png); background-repeat: no-repeat;  font-size: 0; overflow: hidden; position: absolute; top:12px; left: 15px;}
.f_login_icon2{background-position: 0 -20px;}
.f_login_icon3{background-position: 0 -40px;}
.input_div:hover .f_login_icon{background-position: -20px 0;}
.input_div:hover .f_login_icon2{background-position: -20px -20px;}
.input_div:hover .f_login_icon3{background-position: -20px -40px;}


/*表单*/
.login_text{ border:none; font-size: 14px; vertical-align: top;  background-color: transparent; width: 100%; height: 40px; padding: 10px 10px 10px 55px; line-height: 25px; border-bottom: 1px solid #eee; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

.f_ma{ width:100px; position: absolute; top:0px; right: 0; overflow: hidden; text-align: center;}

/*按钮*/
.blue_btn{ color:#fff; font-size:16px; font-weight: bold; height: 50px; line-height: 50px; width: 100%; vertical-align: top; text-align: center; background-color: #0f829d; border:none; cursor: pointer;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.blue_btn:hover{ color:#fff; background-color: #1294b3; -moz-box-shadow: 0 10px 15px rgba(18,148,179,.25);-webkit-box-shadow: 0 10px 15px rgba(18,148,179,.25);box-shadow: 0 10px 15px rgba(18,148,179,.25);}

/*---------------star注册*/
.reg_center{ padding:20px 40px;}
/*标题*/
.reg_th{ font-size:22px; border-bottom: 1px solid #eee;line-height: 30px; padding: 0px 10px 15px 10px;}
.reg_th .t_r{ font-size:14px; color:#888; }

/*图标*/
.th_icon{ width:30px; height: 30px; background-color: #f0f2f5; background-image: url(../images/icon/th_icon.png);margin-right: 15px;}
.th_icon2{ background-position: 0 -30px; }

/*表格*/
.reg_fill_table{ margin:20px 20px 40px 20px;}
.reg_fill_table td,.reg_fill_table th{ padding:8px 8px; vertical-align: top; line-height: 40px;}
.reg_fill_table tfoot td{ padding-top:30px;}
.reg_fill_table th{text-align:right;}

/*表单*/
.fill_text,.fill_textarea{ font-size: 16px; border:1px solid #bfced2; background-color: #fff; height: 40px; line-height: 20px; padding: 10px 20px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; vertical-align: middle; width: 350px;}
.fill_textarea{ width:700px; height: 120px;}
.fill_text:focus,.fill_textarea:focus,.select_box:hover,.input_div_o:hover{ border-color:#0f829d; -moz-box-shadow: 0 5px 10px rgba(15,130,157,.15);-webkit-box-shadow: 0 5px 10px rgba(15,130,157,.15);box-shadow: 0 5px 10px rgba(15,130,157,.15); background-color: #fff;}

.fill_text_t,.fill_textarea_t{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; vertical-align: top; background-color: transparent; border: none; width: 100%; height: 50px; padding: 10px 10px; line-height: 30px;}

/*表单框*/
.input_div_o{ border:1px solid #bfced2; background-color: #fff; margin: 15px 0; height: 50px; line-height: 50px;}
.input_div_o .t_l{ width:80px; text-align: center;}


/*下拉框select*/
.select_box{  width:350px; margin:0 0em 0 0; height:45px; line-height:20px; padding: 10px 20px; border:1px solid #bfced2; font-size: 16px;
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:none; background-image:url(../images/icon/option.png); background-repeat:  no-repeat; background-position:  95% center;}
.select_box::-ms-expand { display: none; }


.w_350{ width:350px;}

/*-------------------选择框*/
.chespan,.radiospan{display: inline-block; line-height: 20px; }
.chespan [type="checkbox"],.radiospan [type="radio"]{display: none; display: inline-block\9;}
.chespan_label::before,.radiospan_label::before{margin-right:10px; display: inline-block; content: ""; width: 20px; height: 20px; 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 -20px;}


/*上传控件*/
.file-box{ position:relative;width:240px;cursor: pointer; height: 100px;} 
.file{ position:absolute; top:0; left:0px;  filter:alpha(opacity:0);opacity: 0;width:100%;height:100%;cursor: pointer; } 
.file_add{ width:100%; height: 100%; border: 1px solid #bfced2; background-color: #fff; background-image: url(../images/icon/file_add.png); background-position: center center; background-repeat: no-repeat; cursor: pointer;}
.file_add,.file_photo{ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*上传控件-头像*/
.file-box_photo{width:160px; height: 160px; margin: 0 auto;}
.file_photo{ width:100%; height: 100%; border:none; background-color: #ebf0f1; background-image: url(../images/icon/photo_160.png); background-position: center center; background-repeat: no-repeat; cursor: pointer;}


.file_note{ color:#888; font-size: 13px; padding-top: 70px; line-height: 20px; }

/*-----------star会员中心*/
.box_ptd50{padding-top:50px; padding-bottom: 50px;}
.d_club_center{ overflow:hidden; }
.w_220{ width:220px;}
.w_320{ width:320px;}
.w_920{ width:920px;}
.w_830{ width:830px;}
.d_club_l{ border-right:1px solid #ddd; padding: 0 0 3000px 0; margin-bottom: -3000px; margin-right: 50px;}

/*左导航*/
.d_club_nav{ padding:0 40px; font-size: 16px;}
.d_club_nav li{ margin:20px 0; line-height: 30px;}
.d_club_nav li a{ display:block;}
.d_club_nav .active a{ font-weight:bold; color:#0f829d;}
/*图标*/
.icon_nav{ width:30px; height: 30px; float: left; margin-right: 10px; font-size: 0; overflow: hidden; background-image: url(../images/icon/i_l_icon.png); background-repeat: no-repeat;}
.icon_nav2{ background-position: 0 -30px;}
.icon_nav3{ background-position: 0 -60px;}
.icon_nav4{ background-position: 0 -90px;}
.icon_nav5{ background-position: 0 -120px;}
.icon_nav6{ background-position: 0 -150px;}

a:hover .icon_nav,.active .icon_nav{background-position: -30px 0;}
a:hover .icon_nav2,.active .icon_nav2{background-position: -30px -30px;}
a:hover .icon_nav3,.active .icon_nav3{background-position: -30px -60px;}
a:hover .icon_nav4,.active .icon_nav4{background-position: -30px -90px;}
a:hover .icon_nav5,.active .icon_nav5{background-position: -30px -120px;}
a:hover .icon_nav6,.active .icon_nav6{background-position: -30px -150px;}

/*标题*/
.r_th_line{ border-bottom:1px solid #eee; font-size: 16px; line-height: 52px; height: 52px; position: relative;}
.f_line_w20{ width:20px; height: 3px; position: absolute; border-radius: 3px; font-size: 0; overflow: hidden; background-color: #0f829d; left: 0; bottom: -1px;}

.w_360{ width:360px;}
.r_club_date_fill{ margin:60px auto;}
.r_club_date_fill h5{ font-size:16px; margin: 15px 0 25px 0; text-align: center; }
.r_club_date_fill dd{ margin-top:30px;}
.r_club_date_fill .select_city select{background-position: 86% center; padding-left: 10px;}

/*省份下拉框select*/
.select_city select{  width:50%; float:left; margin:0 0em 0 0; height:45px; line-height:25px; padding: 10px 0px; border:none;
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:none; background-image:url(../images/icon/option.png); background-repeat:  no-repeat; background-position:  95% center;}
.selint_select{filter: none !important;appearance:none;-moz-appearance:none;-webkit-appearance: none; background:none; vertical-align: middle;}
.select_city select::-ms-expand ,.selint_select::-ms-expand{ display: none; }

/*中间背景*/
.i_center_group{ margin-bottom:60px; position: relative; font-size: 14px;}
.blue_bj{ background-color: #0f829d;}
.f_banner_bj_130{ position:absolute; width: 100%; height: 130px; left: 0;}
.d_center{ position:relative; z-index: 1;}
.box_mt50{ margin-top:50px;}
.box_m50{ margin-top:50px; margin-bottom:50px;}


/*大图片*/
.i_banner{ position:relative; margin-bottom: 50px; z-index: 1; background-color: #fff;}
.i_banner_text{ position:absolute; top:0; left:0; text-align: right; width: 100%; height: 100%; }
.i_banner_text h2{ padding:75px 60px 0 0;}
.i_banner_text .t_r{  border-left:2px solid #0f829d;padding: 4px 0 0 20px; margin-left: 20px;}


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

/*间距*/
.box_md25{ margin-bottom:25px;}
.box_pw40{ padding:10px 40px;}

/*蓝色标题*/
.l_blue_th,.l_nav_th,.l_blue_th_b{ color:#fff; background-color: #0f829d; background-image: url(../images/icon/i_l_th_s.png); background-repeat: no-repeat; background-position: left center; padding: 0 20px 0 35px; font-size: 16px;height: 50px; }
.l_blue_th{ line-height: 50px;}
.l_blue_th_b{ padding: 10px 20px; background-image: url(../images/icon/i_l_th_b.png); font-size: 16px; line-height: 50px;}
.l_blue_th_b .whfilesearch_mico{ display:inline-block; vertical-align: middle;}

.l_blue_th a{ color:#fff;}
.l_blue_th a:hover{ color:rgba(255,255,255,.5);}
.text_up{ text-transform: uppercase;}

/*左标题*/
.l_nav_th{  padding:10px 10px; text-align: center; background-image: url(../images/icon/i_l_th.png); }
.l_nav_th .t_t{ padding:0 20px 0 0; height: 40px; background-image: url(../images/icon/th_y_line.png); background-position: right top; background-repeat: no-repeat; line-height: 1.1; display: inline-block; vertical-align: top; margin-top: 8px;}
.l_nav_th .t_d{ padding:22px 0 0 0; display: inline-block; vertical-align: top;}

/*左导航*/
.l_nav_ul{ margin:40px 0 60px 0; font-size: 16px;}
.l_nav_ul li a{ display:block; padding: 0 15px 0 45px; line-height: 18px; position: relative;}
.l_nav_ul li a::before{ display:block; content: ''; position: absolute; left: 0; top:50%; width: 3px; height: 0; font-size: 0; overflow: hidden; background-color: #0f829d; -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%); -moz-transition: .3s;-webkit-transition: .3s;transition: .3s;display: none\9; display: none\0;}
.l_nav_ul li{ margin:30px 0; }
.l_nav_ul li a:hover::before,.l_nav_ul .active a::before{ height:100%;}
.l_nav_ul .active a{ color:#0f829d; font-weight: bold; border-left:3px solid #0f829d\9;*border-left:3px solid #0f829d;}

/*位置标题*/
.site_th{ border-bottom:1px solid #eee; position: relative;height: 70px; line-height: 70px;padding-right:20px}
.site_th dt,.site_th dt a{ color:#666;}
.site_th dd{ font-size:22px;}
.f_th_w24{ width:24px; height: 3px; bottom: -1px; left: 0; font-size: 0; overflow: hidden; position: absolute; background-color: #0f829d;}
.site_th dt a:hover{color:#0f829d;}
.site_th dt .china,.d_site_th .china { font-style:normal; margin: 0 8px; color:#888;}
.site_icon{ width:24px; height: 24px; margin-right: 12px; background-color: #f0f2f5; background-image: url(../images/icon/site_icon.png); background-position: center center;}

.d_site_th{ margin:25px 0;}


/*---------------star关于联盟*/
.r_about{ margin:40px 10px 80px 10px; line-height: 2;}
.r_about h5{ font-size:18px; font-weight: bold; margin-bottom: 10px;}
.r_about .t_o{ margin:0 0 50px 0;}

/*---------------star联盟成员*/
/*新闻*/
.l_news_ul{ margin:20px 20px;}
.l_news_ul li{ margin:12px 0; padding-left: 18px; background-image: url(../images/icon/icon_r.png); background-position: left center; background-repeat: no-repeat;}


/*灰色标题*/
.gray_th{ margin:25px 0; background-color: #f0f2f5; line-height: 44px; height: 44px; padding: 0 20px; font-size: 18px;}
/*小圆圈*/
.th_icon_r{ width:8px; height: 8px; background-color: transparent; font-size: 0; border: 4px solid #0f829d;  margin-right: 12px; display: inline-block; vertical-align: middle;}

/*成员列表*/
.r_member_ul{ margin-left:-55px; *zoom:1;}
.r_member_ul .box{ margin:0 0px 0 55px; display: block; text-align: center;}
.r_member_ul li{ margin:15px 0 0 0;}
.r_member_ul .pic{ height:100px; border: 1px solid #eee; background-color: #eee;}
.r_member_ul h6{ font-size:16px; margin:8px 5px 0 5px; text-align: center;}

/*页码*/
.page_group{ border:1px solid #dadfe2;display:inline-block; vertical-align: middle; background-color: #fff;}
.page_group a{ display:inline-block; vertical-align: top; border-right:1px solid #dadfe2; padding: 0 12px;}
.page{ line-height:34px; margin: 10px 0 60px 0; border-top:1px solid #eee; padding: 30px 5px 0 5px;}
.page_group a:last-child{ border-right:none;}
.page_group a:hover{ color:#0f829d;}
.page_group .active,.page_group .active:hover{ color:#fff; background-color: #0f829d; font-weight: bold;}
.page_group .not_a,.page_group .not_a:hover{ cursor:no-drop; background-color: #f5f7fa; color:#d5dce6;}

/*--------------联盟成员详情*/
.w_300{ width:300px;}

/*关于*/
.d_member_t1{ overflow:hidden;}
.d_member_t1_r{ border-left:1px solid #ddd; margin-left: 40px; padding: 0 0 3000px 30px; margin-bottom: -3000px;}

/*标题*/
.r_th_line_icon{ border-bottom:1px solid #eee; padding:0 5px 10px 5px; color:#333; line-height: 30px; font-size: 16px;}

/*数字*/
.num_text{ font-weight: bold; color: #666; font-size: 16px; margin-right: 16px; font-style: italic;}
.active .num_text{ color:#ff6d01;}

/*联盟成员*/
.r_tad_member_ul{ margin:20px 8px;}
.r_tad_member_ul li{ margin:12px 0; line-height: 20px; height: 20px;}

/*间距*/
.box_p30{ padding:20px 30px;}

/*介绍*/
.d_member_t1_l h3{ margin-bottom:25px; font-size: 24px; color:#333; }
.d_member_t1_dl dt{ width:340px;max-height: 179px; padding-top: 25px; margin-right:30px; text-align: center;}
.d_member_t1_dl dt .box{ display:block; border: 1px solid #eee; background-color: #fff;}
.d_member_t1_dl .li_o{ margin:14px 0;}
.d_member_t1_dl .t_l{ color:#888; width: 80px;}
.d_member_t1_dl .t_r{ color:#333;}

/*分享功能*/
.d_share_r{ margin:20px 0 0 0; text-align: right;}
.d_share_r .bdsharebuttonbox,.d_r_share .bdsharebuttonbox{ float:right;}
.d_r_share .bdsharebuttonbox{ margin-top:10px;}
/*标签导航*/
.f_tab_nav{ border-bottom:1px solid #eee; background-color: #fff; font-size: 18px; height: 50px; line-height: 50px; margin: 40px 0;}
.f_tab_nav li{float:left; margin-right: 40px;}
.f_tab_nav li a{float:left; color:#333; position: relative; padding: 0 5px;}
.f_tab_nav li a::before{ position:absolute;content: ''; bottom: -1px; left: 50%; width:0; height: 3px; background-color: #0f829d; font-size: 0; overflow: hidden; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%); -moz-transition: .3s;-webkit-transition: .3s;transition: .3s; display: none\9; display: none\0;}
.f_tab_nav li a:hover::before,.f_tab_nav .current a::before{ width:100%;}
.f_tab_nav .current a{ font-weight:bold; border-bottom: 3px solid #0f829d\9;* border-bottom: 3px solid #0f829d; height: 48px\9;height: 48px\0; margin-bottom: -1px\9;margin-bottom: -1px\0;*margin-bottom: -1px;}

/*固定位置*/
.top_fix{position: fixed; top: 70px;left:0; margin: 0; box-shadow: 0 5px 15px rgba(0,0,0,.15); width:100%;  background-color: #fff; z-index: 5; }
.top_fix ul{ margin:0 auto; width: 1120px; padding: 0 40px;}

/*联盟简介*/
.d_text,.d_member_tool{ font-size:16px; margin: 40px 10px 60px 10px; line-height: 2;}
.d_text p{text-indent:2em; margin: 0 0 20px 0;}

/*联盟优势*/
.d_member_tool li{ margin:0 0 20px 0;}
.d_member_tool .t_l{ margin:0 20px 0 0; width: 30px; text-align: center;}
/*数字*/
.num_r_text{ width:30px; height: 30px; display: inline-block; vertical-align: middle; text-align: center; line-height: 30px; font-size:18px ; color:#372c24; background-color: #fed36e;}

/*联盟案例*/
.d_member_case{ margin-right:-30px; *zoom:1;  margin-bottom: 50px; margin-top: 40px;}
.d_member_case li{ margin:0px 0 30px 0;}
.d_member_case .box{ display:block; margin: 0 30px 0 0; background-color: #f0f2f5;}
.d_member_case .pic{ height:230px; overflow: hidden; text-align: center; background-color: #eee;}
.d_member_case .t_o{ padding:14px;}
.d_member_case h5{ font-size:16px;}
.d_member_case .t_d{ color:#999;}
.d_member_case .box:hover,.l_meet_list .box:hover{ color:#fff; background-color: #0f829d;}
.d_member_case .box:hover .t_d,.l_meet_list .box:hover .t_d{ color:#fff;}

/*学术会议*/
.l_meet_list{ width:190px; margin: 0 auto 20px auto;}
.l_meet_list li{ margin:20px 0 0 0;}
.l_meet_list .box{ display:block; background-color: #fff;}
.l_meet_list .t_o{ padding:5px 10px;}
.l_meet_list h5{ font-size:14px;}
.l_meet_list .t_d{ color:#999;}
.l_meet_list .pic{ height:120px; overflow: hidden; text-align: center; background-color: #eee;}

/*公告*/
.r_ann_list_ul .box{ border-bottom:1px solid #eee; padding: 30px 20px;}
.r_ann_list_ul .box:last-child,.r_news_pic_ul .box:last-child{ border-bottom:none;}
.r_ann_list_ul .t_l{ line-height: 1.1; margin-right: 25px; padding: 10px 10px 0 20px; width:90px; height: 90px; background-color: #f0f2f5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.r_ann_list_ul .t_l p{ color:#888;}
.r_ann_list_ul .t_l_t{ font-size:36px; font-family:Arial;}
.r_ann_list_ul h5{ font-size:18px; margin:4px 0 10px 0; width: 750px;}
.r_ann_list_ul .t_r p{ color:#666;}
.r_ann_list_ul .box:hover .t_l{ color:#fff; background-color: #0f829d;}
.r_ann_list_ul .box:hover .t_l p,.r_ann_list_ul .box:hover .t_l_t{ color:#fff;}


/*新闻资讯*/
.r_news_pic_ul .box{ padding:30px 20px; border-bottom: 1px solid #eee;}
.r_news_pic_ul .pic{ width:280px; height: 200px; margin-right: 30px;}
.r_news_pic_ul h5{ font-size:18px; margin: 5px 0 10px 0; width: 550px;}
.r_news_pic_ul .t_d{ margin:20px 0 0 0; color:#666; line-height: 28px; height:112px; }

/*评论*/
.d_bbs_fill{ margin:30px 5px 50px 5px;}
.d_bbs_fill dd{ margin:20px 0 0 0; line-height: 44px;}
.d_bbs_fill dt{ position:relative;}
.f_text_num{ position:absolute; bottom: 10px; z-index: 2; font-style:italic;right:15px; color:#999;font-family:Arial;}
.f_text_num b{ font-size:16px;}
.d_bbs_fill .fill_textarea{ width:100%; font-size: 14px;}
/*按钮*/
.bbs_btn{ width:130px; line-height: 44px; height: 44px; font-size: 14px;}


/*文字标题*/
.d_bbs_th{ color:#666; font-size: 16px; margin: 20px 5px;}

/*评论列表*/
.d_bbs_list .box{ border-top:1px solid #eee; padding: 25px 20px;}
.d_bbs_list .t_l{ width:60px; margin-right: 30px;}
.d_bbs_list h5{ font-size:14px;}
.d_bbs_list .t_r_r{ color:#999;}
.d_bbs_list .t_d{ font-size:16px; margin:15px 0 0 0; color:#666;}


/*头像*/
.photo_a{ display:inline-block; vertical-align: top; background-color:#ebf0f1; overflow: hidden; text-align: center;}
.photo_a60{ width:60px; height: 60px;}

/*课程详情*/
.d_lesson_about{ margin:30px 0 50px 0;}
.d_lesson_about .pic{ width: 580px; margin-right: 40px; height: 350px; position: relative;}
.f_black{ position:absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CF000000,endcolorstr=#CF000000);}
.d_lesson_about dd h3{ font-size:24px; margin-bottom: 10px;}
.d_lesson_about dd .t_t{ padding:10px 20px; color:#666;}
.d_lesson_about dd .t_t li{ margin:6px 0;}
.d_lesson_about dd .t_c{ margin:20px 0;}
.d_lesson_about dd h5{ font-size:14px; margin-bottom: 12px;}
.d_lesson_about dd .ul_d_d{ margin-right:-10px; *zoom:1;}
.d_lesson_about dd .ul_d_d .box{ display: block; margin-right: 10px; height: 95px;}

/*vip*/
.f_vip_text{ position:absolute; z-index: 1;text-transform: uppercase; width: 100%; text-align: center; height: 100%; color:#fff; padding-top: 20%;}
.vip_icon{ width:60px; height: 60px; background-image: url(../images/icon/vip.png);}
.f_vip_text h5{ font-size:14px; margin: 10px 0 4px 0;}

a:hover .f_black{ background-color: rgba(0,0,0,.4);}

.video_btn_a{ width:130px; display: inline-block; line-height: 44px; height: auto; text-align: center; font-size: 14px; font-weight: normal;}
.video_icon{ width:20px; height: 20px; margin-right: 10px; background-image: url(../images/icon/btn_video.png);}


/*-----------------------------star（2018.12.04）新增样式*/
/*视频详情页*/
/*弹出框内容*/

/*头像*/
.photo_70{ width:70px; height: 70px;}
.photo_100{ width:100px; height: 100px;}
.photo_a{ overflow:auto;}
.photo_a:hover{ -moz-transform:translateY(-2px);-webkit-transform:translateY(-2px);transform:translateY(-2px);-moz-box-shadow: 0 5px 5px rgba(0,0,0,.12);-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.12);box-shadow: 0 5px 5px rgba(0,0,0,.12);}

/*关于我*/
.f_club_dl{ padding:10px 20px 30px 20px; margin: 0 20px; border-bottom: 1px solid #eee;}
.f_club_dl dt{ width:70px; text-align: center; margin-right: 25px;}
.f_club_dl dd{ font-size:14px;}
.f_club_dl dd .t_d{ color:#888; margin-top: 10px;}

.tips_icon{ width:24px; height:24px; background-color: #feda02; margin-right: 8px; background-image: url("../images/icon/tips_icon.png"); }

/*收费提示*/
.f_prit_text{text-align:center; font-size: 14px; margin: 30px 0; color:#666;}
.f_prit_text h4{ font-size:24px; margin: 5px 0;}


/*按钮*/
.f_btn_c_div{text-align:center;}
.gray_btn{  color:#666; background-color: #f0f2f5;}
.btn_w180{ width:auto; min-width:180px;*width:180px; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: normal;line-height: 45px; height: auto; border: none; cursor: pointer; text-align: center;}
.gray_btn:hover{ color:#666; background-color: #e8ebef; -moz-box-shadow:0 10px 15px #f0f2f5;-webkit-box-shadow: 0 10px 15px #f0f2f5;box-shadow: 0 10px 15px #f0f2f5;}


/*左导航-图标*/
.icon_nav7{ background-position: 0 -180px;}
.icon_nav8{ background-position: 0 -210px;}
.icon_nav9{ background-position: 0 -240px;}

a:hover .icon_nav7,.active .icon_nav7{background-position: -30px -180px;}
a:hover .icon_nav8,.active .icon_nav8{background-position: -30px -210px;}
a:hover .icon_nav9,.active .icon_nav9{background-position: -30px -240px;}

/*标题*/
.th_text16{ font-size:16px;}
.box_mh30{ margin-top:30px; margin-bottom: 30px;}

.th_icon3{background-image: url("../images/icon/th_video.png"); margin-right: 10px; background-color: transparent;}

.d_club_r{ padding-right:40px;}
/*课程(会员中心)*/
.r_videolist_s{ margin-left:-20px;}
.r_videolist_s .box{ margin-left:20px;}
.r_videolist_s .videoitem{ margin-bottom:40px; margin-top: 0;}


/*按钮*/
.btn_sh30{ width:auto; padding: 0 14px; line-height: 30px; height: auto; font-size: 14px; font-weight: normal; display: inline-block; vertical-align: middle; cursor: pointer;  }
.blue_border_btn{ border:1px solid #0f829d; background-color: #fff; color:#0f829d;}
.blue_border_btn:hover{color:#0f829d; -moz-box-shadow: 0 10px 15px rgba(18,148,179,.25);-webkit-box-shadow: 0 10px 15px rgba(18,148,179,.25);box-shadow: 0 10px 15px rgba(18,148,179,.25);}

/*会员*/
.text_box_yellow{ line-height:24px; font-size: 13px; font-weight: bold; color:#0f829d; display: inline-block; vertical-align: middle; padding: 0 10px; background-color: #feda00;}


/*关于*/
.r_club_about_dl{ border-bottom:1px solid #eee; padding: 50px 0; margin-bottom: 40px;}
.r_club_about_dl dt{ width:100px; text-align: center; margin-right: 30px;}
.r_club_about_dl .sec_ul{ overflow:hidden;}
.r_club_about_dl .t_l{ border-right:1px solid #eee; margin-right: -1px; padding-bottom: 3000px; margin-bottom: -3000px;}
.r_club_about_dl .t_l .box{ padding-right:35px;}
.r_club_about_dl .t_r .box{ padding-left:35px;}
.r_club_about_dl dd .box{ padding-top: 10px;}
.r_club_about_dl .t_r .t_d{ color:#888; line-height: 30px;}
.r_club_about_dl .t_r .t_t_r{ margin-top:14px;}
.r_club_about_dl .t_l .t_d{ margin:12px 0 0 0; }

/*图标*/
.prit_icon{ width:30px; height: 30px; margin-right: 10px; background-image: url("../images/icon/prit.png");}
.vip_icon_not{background-position: 0 -60px;}

/*充值中心*/
.r_tab_nav{ margin:25px 0; line-height: 40px;}
.r_tab_nav dd a{ display:inline-block; text-align: center; padding: 0 40px; background-color: #f0f2f5; font-size: 16px; color:#666; cursor: pointer; margin-right: 10px; min-width: 140px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.r_tab_nav dd .tab_light{ color:#fff; background-color: #0f829d;}

/*表单列表*/
.r_pay_fill{ margin-bottom:80px;}
.r_pay_fill dd .box{ margin:25px 0 0 0; line-height: 40px;}
.r_pay_fill dd .t_l{ margin-right:20px; color:#666;}
.r_pay_fill .d_btn{ margin-top:40px;}


/*选择支付方式*/
.pay_select_ul{ text-align:center; color:#666;}
.pay_select_ul li{float:left; margin-right: 20px;}
.pay_select_ul h5{ font-size:14px; margin-top: 8px;}
.pay_select_ul .pic{ padding:8px 1px; width: 160px; text-align: center; border: 1px solid #bfced2; background-color: #fff; cursor: pointer;}
.pay_select_ul .active .pic,.pay_class_ul .active .box_i{ border-width: 2px; padding: 7px 0; border-color:#0f829d;}
/*价格*/
.prit_div{ position:relative;}
.f_prit_icon{  font-size: 24px; left: 0; width: 60px; text-align: center; line-height: 40px; top:0; position: absolute;}
.prit_div .fill_text{ padding-left:60px;}

/*更多视频包月会员套餐*/
.pay_class_ul {text-align:center; margin-bottom: 50px; border-bottom: 1px solid #eee; padding:0 0 30px 0;}
.pay_class_ul li{ margin:20px 0;}
.pay_class_ul h5{ margin-top:0; font-size: 14px; line-height: 1.2;}
.pay_class_ul p{ line-height: 1.2; font-size: 22px; margin-top: 5px;}
.pay_class_ul .box_i{ padding:11px 1px; margin: 0 5px; display: block; cursor: pointer; border: 1px solid #bfced2; background-color: #fff;}
.pay_class_ul .active .box_i{ padding:10px 0;}
.pay_class_ul .active p{ color:#ff8963;}

/*促销*/
.sale_box{ color:#fff; display: inline-block; vertical-align:middle; margin: 0 4px; padding: 0 5px; background-color: #ff8963; font-size: 13px;}


/*充值结果*/
.r_pay_ok_dl{ margin:40px 10px;}
.r_pay_ok_dl dt .sec_ul{ padding:15px 30px; margin-top: 20px;}
.r_pay_ok_dl dt .sec_ul .box{ margin:10px 0;}
.r_pay_ok_dl dt .sec_ul .t_l{ min-width:150px; margin-right: 10px; text-align: right; color:#666; *width: 150px;}
.r_pay_ok_dl dt h4{ font-size:16px; line-height: 30px; margin: 0 10px;}

/*二维码*/
.r_pay_wechat_260{ margin:70px auto; width: 260px; text-align: center;}
.r_pay_wechat_260 .t_d{ margin-top:20px; padding: 10px 10px; }
.wechat_icon{ width:50px; height: 50px; margin-right: 10px; background-image: url("../images/icon/wechat_icon.png");}

/*-----------------------------end（2018.12.04）新增样式*/


/*-------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:#ff3324;}
.link_h_line a:hover{text-decoration: underline;}
.gray_text{ color:#888;}
.yellow_link a{ color:#ffd926;}
.pink_text,.pink_link a{ color:#e3516a;}
.pink_link a:hover{ color:#fff; background-color: #e3516a;}
.blue_text_b,.blue_link_b a{ color:#0a2766;}
.blue_link_b a:hover{ color:#fff; background-color: #0a2766;}

.green_text,.green_link a{color:#00cc66;}
.green_link a:hover{ color:#fff; background-color: #00cc66;}
.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:#ff8963;}
.orange_link a:hover{ color:#fff; background-color: #ff8963;}
.gray_link_l a{ color:#888;}
.gray_link_l a:hover{ color:#00cc66; text-decoration: underline;}
.blue_link a,.blue_text,.blue_link_t a{ color:#0f829d;}
.blue_link a:hover{ color:#fff; background-color: #0f829d; }
.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;}


/*距离*/
.m0, .mt0{margin-top: 0!important;}
.m0, .mb0{margin-bottom: 0!important;}
.m0, .ml0{margin-left: 0!important;}
.m0, .mr0{margin-right: 0!important;}

.pt20{padding-top: 20px!important;}

.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 li{ float:left; width:49.99%;}

.list_4 li{float:left; width: 24.99%;}
.list_5 li{float:left; width: 19.99%;}
.list_6 li{float:left; width: 16.666%;}
.list_7 li{float:left; width: 14.28%;}
.list_8 li{float:left; width: 12.5%;}
.list_3 li{ float:left; width:33.33%;*width:33.2%;}
/*---------------------------省略符号*/
/*省略号*/
.hide1{overflow:hidden; word-break:keep-all; white-space:nowrap;text-overflow:ellipsis;}
.hide2,.hide6,.hide4,.hide3,.hide10{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; }
.hide6{-webkit-line-clamp: 6; height:9.6em;}
.hide4{-webkit-line-clamp: 4;height:6.4em;}
.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;}
/*自定义动画*/
.transition_a,.transition_o a,.hover_table tbody tr,.hover_arrow_shadow .icon_public{ -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,.12);-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.12);box-shadow: 0 10px 15px rgba(0,0,0,.12);}

/*经过表格*/
.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 5px 15px rgba(0,0,0,.12); -webkit-box-shadow:0 5px 15px rgba(0,0,0,.12); box-shadow:0 5px 15px rgba(0,0,0,.12); 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;}
.box_shadow_blue{-moz-box-shadow:0 10px 20px rgba(15,130,157,.2); -webkit-box-shadow:0 10px 20px rgba(15,130,157,.2); box-shadow:0 10px 20px rgba(15,130,157,.2); 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_li li{ 
-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 li::before{ width:0; height: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,.025); display: block; position: absolute; content: ''; -moz-transition: .3s;-webkit-transition: .3s;transition: .3s;z-index: -1;}
.hover_li li:hover::before{ width:100%;}


/*---------------------------------------------图片缩小后摇动（不错）*/
/*左右摇摆*/
.hover_arrow .box:hover .icon_public,a:hover .btn_icon{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:3px; -webkit-border-radius:3px; border-radius:3px;}
.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,.textag{position:relative\9;behavior: url(js/pie.htc);}