/*全局样式*/
* {padding:0px; margin:0px;}
html,body{ height:100%;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {font-size:14px;padding:0px; background:#fff;font-family: "Microsoft YaHei","黑体",Arial,sans-serif; background:url(/images/agent/body_bg.gif) repeat-y #FFF;width:auto;}
label {font-size:14px; font-family: "Microsoft YaHei","黑体",Arial,sans-serif;}
ul, li, ol, li { margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin:0px; padding:0px; font-weight:normal; font-size:14px; }
img { border:0px; margin:0px; padding:0px; vertical-align:middle; }
table { border:0px; font-size:14px;}
.c{clear:both;}
a{ text-decoration:none;}
.no_bor{border-right:none;}
.no_bor_t{border-top:none;}
input, select,textarea{ vertical-align:middle;font-size:12px;font-family:"Microsoft YaHei","黑体",Arial,sans-serif; padding:3px; line-height:20px; }
/*为了消除选中时的虚线框*/
a{
	bblr:expression(this.onFocus=this.blur());/*IE使用*/
	outline-style:none;/*FF使用*/
}
.fl{float:left;}
.relative{position:relative;}

#ISL_Cont{display:inline-block; *display:inline; *zoom:1; width:95%;overflow: hidden;}
#List1 img{max-height:60px;}
#List1 .swiper-container{padding:0px 40px;}
#List1 .swiper-button-prev{background-color: #fff;left: 0px;width: 40px;height: 65px;margin-top: -33px;}
#List1 .swiper-button-next{background-color: #fff;right: 0px;width: 40px;height: 65px;margin-top: -33px;}

.mask{margin:0;padding:0;border:none;width:100%;height:100%;background:#333;opacity:0.6;filter:alpha(opacity=60);z-index:9999;position:fixed;top:0;left:0;display:none;}
#LoginBox{position:absolute;left:50%;top:50%; margin-left:-320px !important; /*margin-top:-150px !important;*/background:white;width:632px;border:3px solid #fff;border-radius:7px;z-index:10000;display:none; padding-bottom:15px;}
#LoginBox .pic{width:300px; height:200px; background:url(../image/login_img.jpg) no-repeat; display:inline-block; vertical-align:middle; margin-left:20px; margin-top:20px;}
#LoginBox .box{float:right; width:270px;}
#LoginBox .w{ width:310px;}
#LoginBox .txt{ padding:10px; height:210px; overflow-y:scroll; overflow-x:hidden;}
#LoginBox .txt h4{ text-align:center; line-height:24px; color:#505050;font-size:12px;}
#LoginBox .txt p{font-size:12px;line-height:24px; color:#505050; text-align:left;}
.row1{background:#fff;padding:0 5px 0 10px;line-height:30px;height:30px;font-weight:bold;color:#505050;font-size:14px; font-weight:bold; border-bottom:1px solid #a0a0a0; position:relative; list-style: none;}
.row1 img{ width:90px; height:22px; position:absolute; left:10px; top:4px;}
.row{height:50px;line-height:50px;font-size:x-large; list-style: none;}
.row3{height:40px;line-height:40px;font-size:x-large;list-style: none;}
.row4{font-size:x-large; padding-left:60px; height:30px; line-height:30px;list-style: none;}
#LoginBox .w label.tr_left1{
    display:inline-block; *display:inline; *zoom:1; vertical-align:top;
    line-height: 30px;
    margin-right: 5px;
	text-align:right;
	color:#505050;
	font-size:12px;width: 50px;
}
#LoginBox .w .inputBox{display:inline-block; *display:inline; *zoom:1; vertical-align:top;border:1px solid #99abc7;}
#LoginBox .w .inputBox .txtinput{height:21px;width:185px;border:none; padding:3px 6px;float:left;}
.row p{ color:#F00; font-size:12px;}
.row4 p{ color:#F00; font-size:12px; line-height:26px;}
.row2{height:40px;line-height:20px;font-size:x-large; width:205px;list-style: none;}
.row2 .input_box,.row4 .input_box{margin: 3px 5px 5px 0; vertical-align: middle;}
.row2 label{font-size:12px; color:#8d8d8d; line-height:30px; float:left;}
.row4 label{font-size:12px; color:#505050; line-height:20px; display:block;}
.row4 label a{ color:#505050;font-size:12px;}
.row2 a.link{float:right; color:#8d8d8d; font-size:12px; line-height:30px;}
.row2 a.link:hover{ color:#26beef;}
.close_btn{font-family:arial;font-size:36px;font-weight: normal;color:#999;text-decoration:none; position:absolute; right:5px; top:0;}
.inputBox{border:1px solid #17427a;border-radius:3px; height:28px; line-height:28px; width:203px; }
.inputBox input{color:#8d8d8d;}
.inputBox .icon1{ width:16px; height:16px; background:url(../image/login_icon1.gif) no-repeat; display:inline-block; float:left; margin-top:6px; margin-left:6px; margin-right:10px;}
.inputBox .icon2{ width:16px; height:16px; background:url(../image/login_icon2.gif) no-repeat; display:inline-block; float:left; margin-top:6px; margin-left:6px; margin-right:10px;}
#txtName{height:21px;width:160px;border:none; float:left;}
#txtPwd{height:21px;width:160px;border:none; float:left;}
#LoginBox .btn1{color:#000; font-size:12px;background:#26beef;text-decoration:none; line-height:28px;border-radius:5px; display:block; text-align:center; width:205px;}
#LoginBox .btn2{color:#000; font-size:12px;background:#8d8d8d;text-decoration:none; line-height:28px;padding:0 35px;border-radius:5px; float:left;}
#LoginBox .btn3{color:#000; font-size:12px;background:#fff; border:1px solid #26beef;text-decoration:none; line-height:26px;border-radius:5px; display:inline-block; *display:inline; *zoom:1; width:90px; margin:15px 5px; vertical-align:top; text-align:center;}
#LoginBox .btn4{color:#000; font-size:12px;background:#26beef;text-decoration:none; line-height:28px;border-radius:5px; display:inline-block; *display:inline; *zoom:1; width:90px; margin:15px 5px; vertical-align:top; text-align:center;}
#LoginBox .row4 .btn3{margin:0;}
#LoginBox .row4 .btn4{margin:0 10px 0 0;}
#example{position:fixed;left:390px;top:30px;color:White;background:#4490f7;text-decoration:none;padding:10px 95px;margin-left:87px;margin-top:40px;border-radius:5px;opacity:0.6;filter:alpha(opacity=60);}
.warning{float:right;color:Red;text-decoration:none;font-size:20px;font-weight:bold;margin-right:20px;display:none;}


@media only screen and (max-width: 480px) {
#LoginBox{position:absolute;left:50%;top:50%; margin-left:-145px !important; /*margin-top:-145px !important;*/background:white;width:290px;border:3px solid #fff;border-radius:7px;z-index:10000;display:none; padding-bottom:15px;}
#LoginBox .pic{width:150px; height:100px; display:block;  background:url(../image/login_img_s.jpg) no-repeat; vertical-align:middle;margin:30px auto 0;}
#LoginBox .box{float:none; width:203px; margin:0 auto;}
#LoginBox .box.w{ width:310px;}
#txtName{height:21px;width:160px;border:none; float:left;}
#txtPwd{height:21px;width:160px;border:none; float:left;}

}	





/*美化下拉框*/
.mainCon{display: inline-block; float:left;color:#272e33;}
.selectbox { float:left; cursor: pointer; font-size:14px; height:18px; line-height:18px; overflow:hidden; border: solid 1px #d9d9d9; border-top:1px solid #c0c0c0; border-right:none; background-color:#ffffff; padding:5px;color:#272e33; width:229px;}
.selBtn{ float:left; width:26px;height:30px;border: 0;border-style:none;background-image: url(../image/selBtn.gif);background-repeat: no-repeat;cursor: pointer; display:inline-block;}

div.selectbox-wrapper ul li {cursor:pointer; line-height:20px; padding:3px; list-style:none;}
.selectbox_disabled{border-left: solid 1px #cccccc!important;border-top: solid 1px #cccccc!important;border-bottom: solid 1px #cccccc!important;}
.loader{position:absolute;z-index:500;left:0px;top:0px;padding-left:5px;padding-top:3px;width:100%;height:25px;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);background-color:white;}
.li_left{float:left;overflow:hidden;}
.mainCon .inputDisabled{background-color:#eeeeee!important;background-image:none!important;color:#c0bfbf!important;cursor: default!important;}
.mainCon .selBtn_disabled{ background-image:url(/images/admin/selBtn_disabled.gif); cursor:default;}
div.selectbox-wrapper {border:#ccc 1px solid;  position:absolute; background-color:#fff; text-align:left;z-index:510;display:block;left:0px; top:29px; width:100px;}
div.selectbox-wrapper ul li{white-space:nowrap;text-overflow:ellipsis; overflow:hidden; height:20px; list-style:none;}
div.selectbox-wrapper ul li.selected {background-color: #e9f8ff; border:none; line-height:20px; height:20px;}
div.selectbox-wrapper ul li.current {background-color: #beeaff;border:0!important;}
div.selectbox-wrapper ul li.no_selected { color:#999;}
.tipColor{color:gray;}




.top{width:100%;}
.top .version{ float:right; margin-right:10px; background:#4fc1e9;}
.top .version li{ display:inline-block; *display:inline; *zoom:1;  text-align:center; line-height:24px; color:#fff;font-size:12px; font-weight:bold;list-style:none;}
.top .version li a:hover,.top .version li a.hover{background:#3bafda; }
.top .version li a{display:inline-block; *display:inline; *zoom:1; color:#fff; font-size:12px; font-weight:bold; padding:0 10px;}
.top .logo{ float:left; margin-top:24px; margin-left:20px; width:190px; height:56px; text-align:center;}
.top .logo img{width:190px; height:56px;}
.top .menu{ float:right; margin-top:40px; margin-right:20px; display:block;}
.top .menu ul{ text-align:center;}
.top .menu li{display:inline-block; *display:inline; *zoom:1; width:90px; text-align:center; vertical-align:bottom; line-height:38px; height:40px; background:#fff; font-weight:bold;list-style:none;}
.top .menu li a{display:block; color:#626262;}
.top .menu li a:hover,.top .menu li a.hover{border-bottom:2px solid #26beef; line-height:38px; height:38px; color:#26beef;}
@media only screen and (max-width: 960px) {
.top .menu{display:none;}
.top .version{ float:right; margin-right:0; background:#4fc1e9;}
.top .logo{ float:none; width:116px; height:34px; text-align:center;}
.top .logo img{width:116px; height:34px;}
.top .menu{ margin:10px auto 0; float:none;}
} 

.kePublic{background:#FFF; padding:10px 0 20px 0;}

/* 效果CSS开始 */
.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 14px; overflow: hidden; position: absolute; bottom: 12px; z-index: 1; width: 124px; background: none; margin-left: -66px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 14px; height: 14px; background: url(../image/btn1.png) no-repeat; cursor: pointer; margin-right: 10px;list-style:none; }
.mBan2 .slideBox .hd ul li.on{ background: url(../image/btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }
/* 效果CSS结束 */

.banner{width:100%; overflow:hidden; text-align:center; margin-top:10px;margin-bottom:20px;}
.banner img{width:100%; max-height:270px;}


.newsbox{width:100%; text-align:center;}
.news1{display:inline-block; *display:inline; *zoom:1; width:56%; overflow:hidden; text-align:left; vertical-align:top;}
.news1 .box{padding-right:20px;}
.news1 .box .tit1{ height:38px; line-height:38px; background:#4fc1e9; overflow:hidden;}
.news1 .box .tit1 .more{float:right; width:66px; height:38px; background:url(../image/btn_more.png) no-repeat;  margin-right:12px;}
.news1 .box .tit1 p{line-height:38px; background:url(../image/icon1.png) no-repeat 0 center; padding-left:50px; color:#fff;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news1 .box .tit1 p a{color:#ffffff;}
.news1 .box .tit1 p a:hover{text-decoration:underline;}
.news1 .box .tit1 .icon_new{ width:28px; height:10px; background:url(../image/icon_new.png) no-repeat; display:inline-block;}

.news2{display:inline-block; *display:inline; *zoom:1; width:42%; overflow:hidden; text-align:left; vertical-align:top;}
.news2 .tit2{ height:38px; line-height:38px; background:#5dc21a; overflow:hidden; text-align:center; font-size:18px; color:#fff; display:block;}

.news1 .box h4,.news2 h4{ height:48px; line-height:48px; color:#383838; font-size:18px; padding:0 10px; border-bottom:1px solid #c3c3c3;}
.news1 .box ul,.news2 ul{height:200px; overflow:hidden;}
.news1 .box ul li,.news2 ul li{height:48px; line-height:48px; color:#383838;  padding:0 10px; border-bottom:1px solid #c3c3c3;list-style:none; }
.news1 .box ul li a,.news2 ul li a{color:#383838; cursor:pointer;}
.news1 .box ul li a:hover,.news2 ul li a:hover{color:#383838; text-decoration:underline;}
.news1 .box ul li p,.news2 ul li p{ max-width:62%;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block;}
.news1 .box ul li a .hotimg,.news2 ul li a .hotimg{ width:22px; height:22px; background:url(../image/hot.gif) no-repeat; display:inline-block; margin-right:3px; vertical-align:top; margin-top:12px; margin-left:5px;}
.news1 .box ul li .more,.news2 ul li .more{ float:right; width:45px; height:38px; overflow:hidden; color:#383838;}
.news1 .box ul li .date,.news2 ul li .date{ float:right; color:#383838; /*padding:0 40px 0 10px;*/ padding:0 0 0 10px;}

@media only screen and (max-width: 480px) {
.news1 .box h4,.news2 h4{margin:0 10px;}
.news1,.news2{width:100%; }
.news1 .box{padding-right:0;}
.news1 .box .tit1 .more{margin-right:0;}
.news1 .box ul,.news2 ul{padding-bottom:20px; margin:0 10px;}
.news1 .box ul li p,.news2 ul li p{ max-width:52%;}
}

.main_tit{width:190px; margin:50px auto 0; border-bottom:2px solid #26beef; text-align:center; padding-bottom:5px; line-height:24px;}
.main_tit h6{font-size:16px;}
.main_tit h4{font-size:18px;}
.main_tit h4 a{ color:#222;font-size:18px;}

.main_tit2{ width:205px; margin:50px auto 0; background:#f4d350; padding:10px 0; line-height:24px; text-align:center;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.main_tit2 h6{font-size:16px;}
.main_tit2 h4{font-size:18px;}

.product_box{text-align:center; width:100%;}
.product_box li{width:24%; display:inline-block; *display:inline; *zoom:1; vertical-align:top;list-style:none;}
@media only screen and (min-width: 481px) and (max-width: 960px) { 
.product_box li{width:49%;}
.news1 .box ul li p{ max-width:62%;}
.news2 ul li p{ max-width:52%;}
} 
@media only screen and (max-width: 480px) {
.product_box li{width:49%;}
}	
.product_box li .box{padding:20px 12px;}
.product_box li .box ul{background:#fff; border:2px solid #4fa4fe; border-top:12px solid #4fa4fe; padding-top:35px;}
.product_box li .box ul.sty{ background:#4fa4fe;}
.product_box li .box ul a{display:block; cursor:pointer;}
.product_box li .box ul a .picbox{width:121px; height:121px; position:relative; margin:0 auto 10px; text-align:center;}
.product_box li .box ul a .picbox img{width:121px; height:121px;}
.product_box li .box ul a .picbox .png{position:absolute; top:0; left:0; width:121px; height:121px; background:url(../image/round_cp.png) no-repeat; display:inline-block;}
.product_box li .box ul.sty a .picbox .png{position:absolute; top:0; left:0; width:121px; height:121px; background:url(../image/round_cp2.png) no-repeat; display:inline-block;}
.product_box li .box ul a .txt{height:100px; padding-bottom:10px; overflow:hidden;}
.product_box li .box ul a .txt h4{text-align:center; font-size:18px; color:#4fa4fe; font-weight:bold; line-height:28px;}
.product_box li .box ul a .txt h5{ text-align:center; font-size:14px; color:#323232; line-height:28px;}
.product_box li .box ul a .txt p{ text-align:center; font-size:10px; color:#9a9a9a; line-height:16px;}
.product_box li .box ul.sty a .txt h4,.product_box li .box ul.sty a .txt h5,.product_box li .box ul.sty a .txt p{color:#fff;}
.product_box li .box ul .btnbg{background:#e3e3e3; padding:0 10px; text-align:center;}
.product_box li .box ul .btnbg .icon1{ width:42px; height:42px; background:url(../image/icon_cp.gif) no-repeat; display:inline-block;*display:inline; *zoom:1;}
.product_box li .box ul .btnbg .icon2{ width:42px; height:42px; background:url(../image/icon_cp.gif) no-repeat -42px 0; display:inline-block;*display:inline; *zoom:1;}
.product_box li .box ul .btnbg .icon3{ width:42px; height:42px; background:url(../image/icon_cp.gif) no-repeat -92px 0; display:inline-block;*display:inline; *zoom:1;}
.product_box li .box ul .btnbg .icon4{ width:42px; height:42px; background:url(../image/icon_cp.gif) no-repeat -136px 0; display:inline-block;*display:inline; *zoom:1;}


.solution_box{text-align:center; width:100%; overflow:hidden;}
.solution_box li{width:14%; display:inline-block; *display:inline; *zoom:1; text-align:center;list-style:none;}
@media only screen and (min-width: 481px) and (max-width: 960px) { 
.solution_box li{width:32%; float:left;}
} 
@media only screen and (max-width: 480px) {
.solution_box li{width:49%; float:left;}
.product_box li .box ul a .txt{height:50px;}
}
.solution_box li .box{padding:20px 25px;}
.solution_box li .box .icon1{width:86px; height:95px; background:url(../image/icon_solution1.gif) no-repeat; display:inline-block;}
.solution_box li .box .icon2{width:86px; height:95px; background:url(../image/icon_solution2.gif) no-repeat; display:inline-block;}
.solution_box li .box .icon3{width:86px; height:95px; background:url(../image/icon_solution3.gif) no-repeat; display:inline-block;}
.solution_box li .box .icon4{width:86px; height:95px; background:url(../image/icon_solution4.gif) no-repeat; display:inline-block;}
.solution_box li .box .icon5{width:86px; height:95px; background:url(../image/icon_solution5.gif) no-repeat; display:inline-block;}
.solution_box li .box .icon6{width:86px; height:95px; background:url(../image/icon_solution6.gif) no-repeat; display:inline-block;}
.solution_box li .box .icon7{width:86px; height:95px; background:url(../image/icon_solution7.gif) no-repeat; display:inline-block;}
.solution_box li .box .name{margin:15px 10px; line-height:30px; height:30px; border-top:1px solid #949494; border-bottom:1px solid #949494;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.solution_box li .box .name a{color:#696969;}
.solution_box li .box p{ color:#949494; font-size:12px;}
.solution_box li .box .btn a{ line-height:20px; padding:0 10px; font-size:12px;color:#696969; background:#fff; border:1px solid #b5b5b5; text-align:center; display:inline-block; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin:15px 0;}
.solution_box li .box .btn a:hover{background:#26beef; color:#fff;}

.linkbg{ width:100%; text-align:center; margin:25px 0 70px 0;}
.linkbg .leftbtn{display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-top:5px; width:23px; height:50px; background:url(../image/leftarrow.gif) no-repeat; cursor:pointer;}
.linkbg .rightbtn{display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-top:5px; width:23px; height:50px; background:url(../image/rightarrow.gif) no-repeat; cursor:pointer;}
.linkbg ul{display:inline-block; *display:inline; *zoom:1; width:90%;}
@media only screen and (max-width: 480px) {
.linkbg ul{width:70%;}
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
.linkbg ul{width:70%;}
}
.linkbg ul li{ float:left; border-right:2px solid #c1c1c1; padding:0 10px; text-align:center;list-style:none;}
.linkbg ul li a{display:block;}
.linkbg ul li img{height:50px; max-width:120px;}

.footer{background:#434a54;text-align:center; width:100%; padding:20px 0;}
.footer .leftbox{ float:left;/*width:300px; padding:80px 20px 20px 20px;*/ width:25%; padding:20px 0 20px 0; text-align:center;}
.footer .leftbox .code{ /*width:74px; height:74px;float:left;*/ width:18%;  margin-right:10px;display:inline-block; *display:inline; *zoom:1;}
.footer .leftbox .logo{  /*width:190px; height:74px;float:left;*/ width:49%;display:inline-block; *display:inline; *zoom:1;}
.footer .rightbox{display: table-cell;float: none;vertical-align: top;width: 74%; *display:block; *zoom:1;}

.footer .rightbox ul li{ float:left; /*width:280px; padding:20px 28px;*/ width:100%; padding:20px 2% 20px 0; color:#fff; line-height:22px; text-align:left;list-style:none;}
.footer_p{ background:#1a2d38; text-align:center; line-height:20px; padding:21px 0; color:#fff;}
@media only screen and (max-width: 360px) {
.footer .leftbox{margin:0 auto; float:none; text-align:center; width:100%;}
}


.expert{ text-align:center; width:100%;}
.expert li{display:inline-block; *display:inline; *zoom:1; width:19%; text-align:center; height:295px; overflow:hidden;list-style:none; vertical-align:top;}
@media only screen and (max-width: 480px) {
.expert li{width:49%;}
.footer .leftbox{width:100%; padding:10px 0;}
.footer .rightbox{width:100%;}
.footer .rightbox ul li{ width:100%; padding:20px 2%;}
.footer .rightbox ul li a{color:#fff;}
.footer .leftbox .code{width:15%; }
.footer .leftbox .logo{ width:39%;}
.footer_p{padding:21px;}
.footer_p strong{font-weight:normal; font-size:12px;}
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
.expert li{width:49%;}
}
.expert li .box{ padding:25px 5px; text-align:center;}
.expert li .box a{display:block; cursor:pointer;}
.expert li .box p{color:#949494; font-size:12px; width:168px; margin:0 auto;}
.expert li .box a.name{ color:#323232; font-size:14px; line-height:30px; width:168px; margin:0 auto;}
.expert li .box a .pic{ width:178px; height:178px; background:#fff; text-align:center; position:relative; margin:0 auto; overflow:hidden;}
.expert li .box a .pic img{max-width:100%; max-height:100%; }
.expert li .box a:hover .pic .txt{display:block;}
.expert li .box a:hover .pic .txt h2{display:block;}
.expert li .box a:hover .pic .txt p{display:block;}
.expert li .box a .pic .txt{ position:absolute; top:0; left:0; width:158px; height:158px; overflow:hidden; background:url(../image/tran5.png) repeat; color:#fff; font-size:12px; text-align:left; padding:10px; display:none;}
.expert li .box a .pic .txt h2{font-size:12px; line-height:46px; display:none;}
.expert li .box a .pic .txt p{font-size:12px; line-height:18px; color:#fff; display:none;}

.case{ text-align:center; width:100%;}
.case li{display:inline-block; *display:inline; *zoom:1; width:24%; text-align:center;list-style:none;}
.case li .box{ padding:25px 10px; text-align:center;}
.case li .box a{display:block; cursor:pointer;}
.case li .box a .pic{margin:0 auto; width:250px; height:250px; overflow:hidden;}
.case li .box a .pic img{width:250px; height:250px;}
@media only screen and (max-width: 480px) {
.case li{width:49%;}
.case li .box a .pic{margin:0 auto; width:165px; height:165px; overflow:hidden;}
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
.case li{width:49%;}
.case li .box a .pic{margin:0 auto; width:165px; height:165px; overflow:hidden;}
}

.nbox{ margin:0 20px;}
.nbox .line{border-bottom:1px dashed #7f7f7f; width:100%; height:1px; margin-bottom:20px;}
.nav{ height:44px; line-height:44px; background:#fff; border-bottom:1px solid #dadada; margin-bottom:30px;}
.nav li{float:left; /*width:90px;*/ width:auto; height:44px; line-height:44px; text-align:center; margin-right:10px;list-style:none;}
.nav li a{display:block; font-size:18px; color:#bdbdbd; font-weight:bold;}
.nav.font{ height:28px; line-height:28px;}
.nav.font li{line-height:28px; height:28px; width:75px;list-style:none;}
.nav.font li a{font-size:14px; font-weight:normal; }
.nav.font li a:hover,.nav.font li a.hover{height:26px;}
.nav li a:hover,.nav li a.hover{border-bottom:3px solid #2764a5; color:#484848; height:42px; overflow:hidden;}
.nav .fr{float:right; font-size:12px;color:#484848; width:auto; }
.nav .fr a{color:#484848; font-size:12px; display: inline; font-weight:normal;}
.nav .fr a:hover{color:#484848; text-decoration:underline; border:none; height:auto;}

.n_tit{ height:24px; line-height:24px; margin-bottom:14px; font-size:18px; color:#484848; float:left;}

.arrow_lr{float:right;}
.arrow_lr .btn1{width:24px; height:24px; background:url(../image/arrow_lr.jpg) no-repeat; display:inline-block; margin:0 5px; padding:0; border-radius:0;}
.arrow_lr .btn2{width:24px; height:24px; background:url(../image/arrow_lr.jpg) no-repeat -34px 0; display:inline-block; margin:0 5px;padding:0; border-radius:0;}
.arrow_lr .btn1.no_hov{display:none;}
.arrow_lr .btn2.no_hov{display:none;}

.cpbox {width:100%; text-align:center;}
.cpbox li{width:24%; display:inline-block; *display:inline; *zoom:1; text-align:center; margin-bottom:30px;list-style:none;}
@media only screen and (max-width: 480px) {
.cpbox li{width:49%;}
.nav li{ /*width:60px;*/width:auto;}
.nav li a{ font-size:14px;}
.nav .fr{margin-top:1px; height:auto; line-height:20px; padding:12px 0; text-align:left; margin-right:0;}
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
.cpbox li{width:49%;}
}
.cpbox li .box{ /* width:249px; height:249px;*/ width:76%; height:76%;padding:10px; position:relative; margin:0 auto; text-align:center;display:table; }
.cpbox li .box img{/*width:249px; height:249px;*/ width:100%; height:100%;}
.cpbox li .box a{display:block; cursor:pointer;}
.cpbox li .box .btn{ height:24px; line-height:24px; color:#fff; border:1px solid #fff; text-align:center;  position:absolute; /*top:190px; left:75px;padding:0 30px;*/ top:75%; left:50%; margin-left:-60px; width:120px; display:inline-block;}

.cpbox li.sty .box a .txt{ display:none; position:absolute; left:10px; right:10px; bottom:10px; top:10px; text-align:center;background:url(../image/tran1.png) repeat; /*width:249px; height:169px;*/ padding-top:80px;}
.cpbox li.sty .box a p{ font-size:18px; color:#fff; font-weight:bold;}
.cpbox li.sty .box a h2{font-size:24px; line-height:34px; color:#fff; font-weight:bold;}
.cpbox li.sty .box a:hover .txt{display:block; }

.cpbox li.color1 .box a .txt{ display: block; position:absolute; left:10px; right:10px; bottom:10px; top:10px; text-align:center;background:url(../image/tran2.png) repeat; padding:25% 5%;}
.cpbox li.color2 .box a .txt{ display: block; position:absolute; left:10px; right:10px; bottom:10px; top:10px; text-align:center;background:url(../image/tran1.png) repeat; padding:25% 5%;}
.cpbox li.color3 .box a .txt{ display: block; position:absolute; left:10px; right:10px; bottom:10px; top:10px; text-align:center;background:url(../image/tran3.png) repeat; padding:25% 5%;}
.cpbox li.color4 .box a .txt{ display: block; position:absolute; left:10px; right:10px; bottom:10px; top:10px; text-align:center;background:url(../image/tran4.png) repeat; padding:25% 5%;}
.cpbox li.color1 .box a h2,.cpbox li.color2 .box a h2,.cpbox li.color3 .box a h2,.cpbox li.color4 .box a h2{font-size:1.4em; line-height:1.4em; color:#fff; font-weight:bold;}
.cpbox li.color1 .box a .btn,.cpbox li.color2 .box a .btn,.cpbox li.color3 .box a .btn,.cpbox li.color4 .box a .btn{ height:24px; line-height:24px; color:#fff; border:1px solid #fff; text-align:center;  position:absolute; top:75%; left:50%; margin-left:-60px; width:120px; display:inline-block; font-style:normal; }



.nbg{ width:100%; background:url(../image/nbg1.gif) repeat-y left top; padding:20px 0 30px 0; margin-top:-30px;}
@media only screen and (max-width: 480px) {
.nbg{background:url(../image/nbg2.gif) repeat-y left top; margin-top:10px; padding:20px 0 30px 0; }
.cpbox li.color1 .box a h2,.cpbox li.color2 .box a h2,.cpbox li.color3 .box a h2,.cpbox li.color4 .box a h2{font-size:0.8em; line-height:1.2em; color:#fff; font-weight:bold;}
.cpbox li.color1 .box a .btn,.cpbox li.color2 .box a .btn,.cpbox li.color3 .box a .btn,.cpbox li.color4 .box a .btn{ margin-left:-40px; width:80px; display:inline-block; font-style:normal;top:70%; }
}
/*左侧伸缩导航*/
.menu_list{float:left; width:227px; padding-left:20px;}
.menu_head{line-height:27px; padding:10px 0 10px 18px; font-size:16px;color:#484848;cursor:pointer;position:relative;margin:0px;font-weight:bold;word-break: break-all; word-wrap: break-word;background:url(../image/pro_round1.gif) no-repeat 0 20px;}
.menu_head .stretch_icon{ width:28px; height:19px; background:url(../image/pro_left.png) no-repeat; display:inline-block; margin-left:10px; float:right; }
.menu_list .current{color:#3bafda;background:url(../image/pro_round2.gif) no-repeat 0 20px;}
.menu_list .menu_body .current{color:#3bafda;background:url(../image/pro_round2.gif) no-repeat 0 15px;}
.menu_list .current .stretch_icon{ width:28px; height:19px; background:url(../image/pro_down.png) no-repeat; display:inline-block; margin-left:10px; }
.menu_head:hover{color:#3bafda;background:url(../image/pro_round2.gif) no-repeat 0 20px;}
.menu_body{width:223px;height:auto;overflow:hidden;line-height:38px;backguound:#fff;}
.menu_body a{display:block;line-height:18px;padding:10px 0 10px 18px;color:#8c8c8c;background:#fff url(../image/pro_round1.gif) no-repeat 0 15px;text-decoration:none; font-size:16px; margin-left:18px;font-weight:bold;word-break: break-all; word-wrap: break-word;}
.menu_body a:hover{text-decoration:none; color:#3bafda;background:#fff url(../image/pro_round2.gif) no-repeat 0 15px;}

@media only screen and (max-width: 480px) {
.menu_list{ width:120px; padding:0;}
.menu_head{font-size:14px; margin-left:0;}
.menu_body{ width:100%;}
.menu_body a{font-size:12px;padding:5px 10px 5px 12px;}
}

.nbg .content{display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1; padding-left:20px;word-break: break-all; word-wrap: break-word; color:#484848;}
.nbg .content:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.nbg .content ul li,.nbg .content ol li{margin-left:10px;}
.nbg .content h4{ font-size:24px; line-height:32px; padding:15px 0; text-align:center;}
.nbg .content .date{font-size:12px; text-align:center; line-height:20px; padding-bottom:20px;}
.nbg .content img{max-width:100%; max-height:500px;}


.case1{ width:100%; padding-bottom:20px;}
.case1 li{ display:inline-block; *display:inline; *zoom:1; text-align:center; width:32%;list-style:none;}
.case1 li .box{padding:10px; text-align:center; }
.case1 li .box .img{width:100%; height:310px; text-align:center;}
.case1 li .box .img img{max-width:100%; max-height:310px; vertical-align:middle;}
.case1 li .box .img b{ vertical-align:middle; display:inline-block; height:100%;}
.case1 li .box a{display:block; color:#484848; font-size:18px; line-height:40px;}
@media only screen and (max-width: 480px) {
.case1 li{width:49%;}
.case1 li .box .img{width:100%; height:80px; text-align:center;}
.case1 li .box .img img{max-width:100%; max-height:80px; vertical-align:middle;}
.case1 li .box a{display:block; color:#484848; font-size:12px; line-height:20px;}
.nbg .content ul li,.nbg .content ol li{margin-left:0;}
}
@media only screen and (min-width: 481px) and (max-width: 960px){
.case1 li .box .img{width:100%; height:220px; text-align:center;}
.case1 li .box .img img{max-width:100%; max-height:220px; vertical-align:middle;}
.case1 li .box a{display:block; color:#484848; font-size:16px; line-height:20px;}
}

.program{width:100%;padding-bottom:20px; }
.program li{padding-bottom:20px;list-style:none; width:49%; display:inline-block; *display:inline; *zoom:1;}
@media only screen and (max-width: 960px) {
	.program li{ width:100%;}
}
.program li .pic{float:left; width:30%; text-align:center;}
.program li .pic img{ max-width:100%; height:auto;}
.program li .content{display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1; padding-left:20px; /*padding-top:20px;*/word-break: break-all; word-wrap: break-word; }
.program li .content:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.program li .content h4{font-size:18px; line-height:30px;  font-weight:bold;color:#484848;}
.program li .content p{color:#484848; line-height:30px; font-weight:bold; font-size:16px; padding:25px 0;}
.program li .content a.btn{ height:28px; line-height:28px; padding:0 20px; text-align:center; display:inline-block; color:#fff; background:#26beef; margin-right:10px; margin-bottom:10px;}
.program li .content a.btn:hover{height:28px; background:#3bafda;}

.n_news{ border-top:1px dashed #b2b2b2;}
.n_news li{ padding:20px 0; border-bottom:1px dashed #b2b2b2;list-style:none;}
.n_news li .pic{float:left; width:22%; max-height:143px; text-align:center;}
.n_news li .pic img{max-width:100%; max-height:143px;}
.n_news li .txt{display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1; padding-left:20px; word-break: break-all; word-wrap: break-word;}
.n_news li .txt:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.n_news li .txt h4{font-size:18px; line-height:20px; padding:15px 0 15px 0;font-weight:bold;color:#484848; text-align:left; }
.n_news li .txt h4 .hotimg{ width:22px; height:22px; background:url(../image/hot.gif) no-repeat; display:inline-block; margin-right:3px;}
.n_news li .txt p{color:#989898; line-height:20px; font-weight:bold; text-align:left; padding-bottom:10px;text-indent : 20px; }
.n_news li .txt a.btn{ float:right; height:28px; line-height:28px; padding:0 20px; text-align:center; display:inline-block; color:#fff; background:#26beef; margin-bottom:10px;}
.n_news li .txt a.btn:hover{height:28px; background:#3bafda;}

@media only screen and (max-width: 480px) {
.n_news li .txt h4{font-size:14px;padding:0 0 10px 0;}
.n_news li .txt p{ font-size:12px;}
.n_news li .txt a.btn{ font-size:12px;height:22px; line-height:22px; padding:0 10px;}
.n_news li .txt a.btn:hover{height:22px;}
.program li .pic{float:left; width:45%; text-align:center;}
.program li .content h4{font-size:14px; line-height:20px; }
.program li .content p{line-height:20px; font-weight:bold; font-size:14px; padding:10px 0;}
.program li .content a.btn{ height:20px; line-height:20px; padding:0 10px;}
.program li .content a.btn:hover{height:20px;}
.menu_list{display:none;}
.nbg .content{float:none; width:90%; display:block;}
.nbg{background-image:none;}
}


.contact_bg{ width:100%; background:#8c8c8c; text-align:center; margin-top:-15px; padding-top:30px;}
.contact_bg .img{ width:49%; display:inline-block; *display:inline; *zoom:1;  text-align:right; vertical-align:middle;}
.contact_bg .img img{ max-width:100%;}
.contact_bg .txt{/*width:49%;  float:left;*/display:inline-block; *display:inline; *zoom:1; color:#fff; text-align:left; vertical-align:middle; padding:10px 0;}
.contact_bg .txt h4{font-size:24px; color:#fff; line-height:46px; padding-bottom:10px; font-weight:bold;}
.contact_bg .txt li{padding:10px 0;word-break: break-all; word-wrap: break-word;list-style:none;}
.contact_bg .txt li.sty1{background:url(../image/contact_icon1.png) no-repeat 0 center; line-height:20px; padding-left:30px; color:#fff;}
.contact_bg .txt li.sty2{background:url(../image/contact_icon2.png) no-repeat 0 center; line-height:20px; padding-left:30px; color:#fff;}
.contact_bg .txt li.sty3{background:url(../image/contact_icon3.png) no-repeat 0 center; line-height:20px; padding-left:30px; color:#fff;}
.contact_bg .txt li.sty4{background:url(../image/contact_icon4.png) no-repeat 0 center; line-height:20px; padding-left:30px; color:#fff;}


.downinfo{width:1000px; height:560px; margin:0 auto;overflow:hidden;background:url(../image/map1.png) no-repeat; }
.downinfo_n{padding:0; float:left; width:700px; height:560px; position:relative;}
.downinfo_n li{cursor:pointer;list-style-type:none; position:absolute;}
.downinfo_n li#six1{ width:32px; height:54px; left:469px; top:181px;}
.downinfo_n li#six2{ width:60px; height:108px; left:376px; top:238px;}
.downinfo_n li#six3{ width:128px; height:114px; left:283px; top:309px;}
.downinfo_n li#six4{ width:90px; height:65px; left:408px; top:315px;}
.downinfo_n li#six5{ width:46px; height:67px; left:520px; top:326px;}
.downinfo_n li#six6{ width:32px; height:50px; left:541px; top:293px;}
.downinfo_n li#six1:hover{background:url(../image/beijing.png) no-repeat; }
.downinfo_n li#six2:hover{ background:url(../image/xian.png) no-repeat; }
.downinfo_n li#six3:hover{ background:url(../image/chengdu.png) no-repeat; }
.downinfo_n li#six4:hover{ background:url(../image/wuhan.png) no-repeat; }
.downinfo_n li#six5:hover{ background:url(../image/hangzhou.png) no-repeat; }
.downinfo_n li#six6:hover{ background:url(../image/shanghai.png) no-repeat; }
.downinfo_n li.Active{text-decoration:none;display:block;}
.downinfo_n li.Active#six1{background:url(../image/beijing.png) no-repeat; }
.downinfo_n li.Active#six2{ background:url(../image/xian.png) no-repeat; }
.downinfo_n li.Active#six3{ background:url(../image/chengdu.png) no-repeat; }
.downinfo_n li.Active#six4{ background:url(../image/wuhan.png) no-repeat; }
.downinfo_n li.Active#six5{ background:url(../image/hangzhou.png) no-repeat; }
.downinfo_n li.Active#six6{ background:url(../image/shanghai.png) no-repeat; }


.downinfo_c img{ float:left;width:420px;}
.downinfo_c{display:table-cell; float: none; vertical-align:middle; width:auto; *display:block; *zoom:1; height:560px; padding:0 10px;overflow:hidden; text-align:left; }
.downinfo_c:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.downinfo_c a{color:#fff;}
.downinfo_c h4{font-size:24px; color:#fff; line-height:46px; padding-bottom:10px; font-weight:bold;}
.downinfo_c li{padding:10px 0;word-break: break-all; word-wrap: break-word;list-style:none;}
.downinfo_c li.sty1{background:url(../image/contact_icon1.png) no-repeat 0 center; line-height:20px; padding-left:30px; color:#fff;}
.downinfo_c li.sty2{background:url(../image/contact_icon2.png) no-repeat 0 center; line-height:20px; padding-left:30px; color:#fff;}
.downinfo_c li.sty3{background:url(../image/contact_icon3.png) no-repeat 0 center; line-height:20px; padding-left:30px; color:#fff;}
.downinfo_c li.sty4{background:url(../image/contact_icon4.png) no-repeat 0 center; line-height:20px; padding-left:30px; color:#fff;}





.message{margin:0 auto; width:22%; padding:30px 0;}
#LoginBox .message{width:50%; }
@media only screen and (max-width: 480px) {
.message{ width:55%;}
#LoginBox .message{width:70%; }
.contact_bg{ margin-top:0;}
.downinfo{ width:320px; height:auto;  background-size:100%;}
.downinfo_n{height:256px;}
.downinfo_c{width:90%; height:auto; padding:5%;}
.downinfo_n li#six1{ width:18px; height:30px; left:213px; top:81px;}
.downinfo_n li#six2{ width:30px; height:54px; left:171px; top:106px;}
.downinfo_n li#six3{ width:56px; height:50px; left:130px; top:142px;}
.downinfo_n li#six4{ width:40px; height:29px; left:187px; top:144px;}
.downinfo_n li#six5{ width:20px; height:29px; left:239px; top:150px;}
.downinfo_n li#six6{ width:14px; height:22px; left:248px; top:138px;}
.downinfo_n li#six1:hover{background-size:18px 30px;}
.downinfo_n li#six2:hover{background-size:30px 54px;}
.downinfo_n li#six3:hover{background-size:56px 50px;}
.downinfo_n li#six4:hover{background-size:40px 29px;}
.downinfo_n li#six5:hover{background-size:20px 29px;}
.downinfo_n li#six6:hover{background-size:14px 22px;}
.downinfo_n li.Active#six1{background-size:18px 30px; }
.downinfo_n li.Active#six2{background-size:30px 54px;}
.downinfo_n li.Active#six3{background-size:56px 50px;}
.downinfo_n li.Active#six4{background-size:40px 29px;}
.downinfo_n li.Active#six5{background-size:20px 29px;}
.downinfo_n li.Active#six6{background-size:14px 22px;}

}
@media only screen and (min-width: 481px) and (max-width: 960px){
.message{ width:40%;}
#LoginBox .message{width:50%; }
.downinfo{width:700px; height:auto;}
.downinfo_n{height:auto;}
}
.message h4{font-size:24px; font-weight:bold; text-align:center; line-height:36px; color:#484848;}
.message .sty1{border:1px solid #8c8c8c;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:0 10px; height:36px; margin:20px 0;}
.message .sty1 .input_txt{ width:100%; line-height:26px; padding:5px 0; font-size:14px; outline:none; border:none; background:none; }
.message .sty1:hover,.message li.sty:hover{border:1px solid #26beef;}
.message .sty2{padding:5px;border:#8c8c8c 1px solid; height:130px;margin:20px 0;}
.message .sty2 .textarea_1{ line-height:normal; width:98%; height:125px;outline: none; border:none; background:none; font-size:14px;}
.message a.btn{height:36px; line-height:36px; text-align:center;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; display:block; color:#484848; background:#26beef; margin-bottom:10px;}
.message a.btn:hover{height:36px; background:#3bafda;}


.lore_bor_t{border-top:1px solid #dadada; margin-top:10px;}
.lore{margin:0 auto; width:30%; padding:20px 0; text-align:center; height:40px;}
@media only screen and (max-width: 480px) {
.lore{ width:90%; }
}
@media only screen and (min-width: 481px) and (max-width: 960px){
.lore{ width:60%; }
}
.lore .input_bg{border:1px solid #bdbdbd; padding:0 10px; height:38px; margin:20px 0; 
display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1; }
.lore .input_bg:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.lore .input_bg .input_txt{ width:100%; line-height:28px; padding:5px 0; font-size:14px; outline:none; border:none; background:none; }
.lore a{display:block;}
.lore .btn_search{ float:right; width:26%; height:40px; text-align:center; background:#26beef; color:#fff; line-height:40px; }
.lore .btn_search:hover{ background:#3bafda;}

.select_box{padding:10px 15px 0 15px; background:#f4f4f4;}
.select_box .mainCon{margin:0 10px 10px 10px;}

.search_results{ padding:15px 10px 0 10px; line-height:30px;text-align:left;}

.lore_box{width:1200px; margin:0 auto; text-align:center; overflow:hidden;}
.lore_box li{ float:left; width:25%; text-align:center;list-style:none;}
@media only screen and (max-width: 480px) {
.lore_box{width:320px;}
.lore_box li{ width:50%; display:block; float:left; }
}
@media only screen and (min-width: 481px) and (max-width: 960px){
.lore_box{width:480px;}
.lore_box li{ width:50%; }
}
.lore_box li .box{ border:1px solid #8c8c8c;width:248px; margin:20px auto; display:inline-block; *display:inline; *zoom:1;} 
.lore_box li .box .pic{width:248px; height:159px; background:#aaaaaa; text-align:center;}
.lore_box li .box .pic img{max-width:100%; max-height:100%; vertical-align:middle;}
.lore_box li .box .pic b{height:100%; display:inline-block; vertical-align:middle;}
.lore_box li .box .txt{padding:10px; width:228px; text-align:left;}
.lore_box li .box .name{ line-height:20px; padding:3px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.lore_box li .box .btn{float:right; height:36px; line-height:36px; padding:0 20px; text-align:center; color:#fff; background:#26beef;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.lore_box li .box .btn:hover{ background:#3bafda;}
.lore_box li .box p{ float:left;word-break: break-all; word-wrap: break-word;line-height:22px;display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1; }
.lore_box li .box p:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}

.page{width:100%; text-align:center; margin:30px 0;}
.page li{display:inline-block; *display:inline; *zoom:1; text-align:center; margin:0 6px;color:#484848; vertical-align:top;line-height:28px;list-style:none;}
.page li a{ line-height:28px; border:1px solid #8c8c8c; background:#fff; padding:0 10px; text-align:center; color:#484848; display:block; cursor:pointer;}
.page li a:hover,.page li a.hover{ background:#26beef; border:1px solid #26beef; color:#fff;}
.page li a.no_hov{ border:1px solid #cecece; color:#c1c1c1; cursor:default;}
.page li a.no_hov:hover{ background:#fff;border:1px solid #cecece; color:#c1c1c1; }
@media only screen and (max-width: 480px) {
.page li a{ padding:0 5px; font-size:12px; line-height:24px;}
.lore_box li .box{width:96%; margin:2%;}
.lore_box li .box .pic{width:100%; height:auto; background:#aaaaaa; text-align:center;}
.lore_box li .box .txt{padding:10px 2%; width:96%; text-align:left;}
.lore_box li .box .btn{float:none; padding:5px 20px;}
}
@media only screen and (min-width: 481px) and (max-width: 960px){
.page li a{ padding:0 5px; font-size:12px; line-height:24px;}
.lore_box li .box{width:96%; margin:2%;}
.lore_box li .box .pic{width:100%; height:auto; background:#aaaaaa; text-align:center;}
.lore_box li .box .txt{padding:10px 2%; width:96%; text-align:left;}
	}


.join_list p{ line-height:24px;}
.join_list h5{ font-size:18px; border-bottom:1px solid #a3a3a3; line-height:20px; padding:20px 0 10px 0; text-align:left;}
.join_list li{list-style:none; border-bottom:1px solid #dadada; padding:20px 0 20px 50px; background:url(../image/round_list.gif) no-repeat 20px 27px;}
.join_list li span{color:#484848; font-size:12px; display:inline-block; *display:inline; *zoom:1; vertical-align:top;  text-align:right;}
.nbg .content .join_list li .date{width:18%;text-align:right; padding-bottom:0; line-height:normal;}
.join_list li .loca{width:12%; }
.join_list li .btn{width:20%; text-align:right;}
.join_list li .btn a{ width:auto; cursor:pointer; line-height:20px; padding:0 10px; font-size:12px;color:#696969; background:#fff; border:1px solid #b5b5b5; text-align:center; display:inline-block; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.join_list li .btn a:hover{background:#26beef; color:#fff;}
.join_list li a{ color:#484848;font-size:12px; line-height:20px; display:inline-block; *display:inline; *zoom:1; width:49%; vertical-align:top;}
.join_list li a:hover{text-decoration:underline;}
@media only screen and (max-width: 480px) {
.join_list li{ background:url(../image/round_list.gif) no-repeat 0 27px; padding:20px 0 20px 10px;}
.join_list li span{ width:100%; text-align:left; padding-top:10px; font-size:11px;}
.join_list li a{ width:100%; text-align:left;}
.join_list li .btn{width:100%;}
.join_list li .loca{width:100%; text-align:left; }
.nbg .content .join_list li .date{width:100%; text-align:left;}
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
.join_list li span{ width:28%; text-align:left; padding-top:10px; font-size:11px;}
.join_list li a{ width:43%; text-align:left;}
}
.join_btn{overflow:hidden;}
.join_btn a{cursor:pointer; line-height:32px; padding:0 30px; font-size:14px;color:#fff; background:#26beef;  text-align:center; display:inline-block; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin:15px 0;}
.join_btn a:hover{background:#22abd7; color:#fff;}

.events_tit{text-align:left; margin:30px 0 50px 0; border-bottom:1px solid #cecece; padding-bottom:10px;}
.events_tit li{ display:inline-block; *display:inline; *zoom:1; text-align:center;list-style:none;}
.nbg .content ul.events_tit li{ margin:0;}
.nbg .content ul.events_tit li.line{ width:70px; height:81px;background:url(../image/events_line1.gif) repeat-x top;display:inline-block; *display:inline; *zoom:1; border-bottom:none; margin:-8px -4px 0 -4px; *margin:-8px 0 0 0; vertical-align:middle;}
.events_tit li a{ display:block; width:111px; height:111px; background:url(../image/events_tub1.jpg) no-repeat; line-height:111px; font-size:15px; font-weight:bold; color:#fff; margin-bottom:20px;}
.events_tit li a:hover,.events_tit li a.hover{height:111px; background:url(../image/events_tub1.jpg) no-repeat -179px 0;}
@media only screen and (max-width: 480px) {
.events_tit li{width:99%; text-align:center;}
.events_tit li.line{display:none;}
.nbg .content ul.events_tit li.line {display:none;}
.events_tit li a{margin:0 auto 20px;}
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
.events_tit li.line{ width:12px;}
}

.course{margin-left:4%;}
.course li{ background:url(../image/events_line2.gif) repeat-y left top;list-style:none;}
.course li.bg{ background:#fff;}
.course li a.tit{ background:url(../image/events_tub2.jpg) no-repeat 0 center; padding:0 0 0 40px; line-height:29px; height:29px; font-size:18px; font-weight:bold; margin-bottom:20px; display:block; color:#484848; *margin-left:-16px;}
.course li a.tit:hover,.course li a.tit.hover{background:url(../image/events_tub3.jpg) no-repeat 0 center;}
.course li ul{padding:0 0 50px 80px;}
.course li ul li{ line-height:30px; background:url(../image/events_round.gif) no-repeat 0 12px; padding-left:20px;}


.theme_box{ padding-top:20px; overflow:hidden;}
.theme_box .tit1{ background:#00ace6; padding-left:18px;}
.theme_box .tit1 h4{font-size:18px; color:#fff;}
.theme_box .tit1 a{display:block;}
.theme_box .tit2{ background:#bd8dc7; padding-left:18px;}
.theme_box .tit2 h4{font-size:18px; color:#fff;}
.theme_box .tit2 a{display:block;}
.theme_box .tit3{ background:#13b5b1; padding-left:18px;}
.theme_box .tit3 h4{font-size:18px; color:#fff;}
.theme_box .tit3 a{display:block;}

.theme_box .more{float:right; width:100px; font-size:12px; line-height:20px; color:#fff; text-align:right; margin-top:3px;}
.theme_box .more .down{ width:20px; height:20px; background:url(../image/icon_down.png) no-repeat; display:inline-block; vertical-align:middle;}
.theme_box .more .up{ width:20px; height:20px; background:url(../image/icon_up.png) no-repeat; display:inline-block; vertical-align:middle;}
.theme_box ul{padding:20px 0; text-align:center; width:1200px; margin:0 auto;}  
.theme_box ul li{ width:19%; text-align:center; float:left;list-style:none;}
.theme_box ul li .box{ width:158px; padding:20px 8px; margin:0 auto;}
.theme_box ul li a{display:block;}
.theme_box ul li .pic a{width:158px; height:158px; overflow:hidden;}
.theme_box ul li .pic a img{ width:100%; height:100%; vertical-align:middle;}
.theme_box ul li .pic a b{height:100%; vertical-align:middle; display:inline-block;}
.theme_box ul li a .txt{ /*background:#383838; color:#fff;*/background:#fff; color:#222; padding:10px; text-align:left;}
.theme_box ul li a .txt h4{ font-size:18px; line-height:22px; text-align:center;}
.theme_box ul li a .txt p{font-size:14px; line-height:22px;}

.theme_news{display:inline-block; *display:inline; *zoom:1; width:49%; text-align:center; position:relative; padding-bottom:50px; text-align:left; vertical-align:top; }
.theme_news .box{ border:1px solid #8c8c8c;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; height:150px; overflow:hidden; padding:30px; margin:0 10px;line-height:24px;}
@media only screen and (max-width: 480px) {
.theme_news{ width:100%;}
.theme_news .box{ height:auto;}
.course li ul{padding:0 0 50px 40px;}
.theme_box ul{margin:0 auto; width:316px;}
.theme_box ul li{padding:20px 0; margin:0 4px; width:150px;}
.theme_box ul li a{width:150px;}
.theme_box ul li .pic a{width:150px; height:150px; overflow:hidden;}
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
.theme_news{ width:100%;}
.theme_news .box{ height:auto;}
.theme_box ul{ width:480px;} 
.theme_box ul{margin:0 auto; width:480px;}
.theme_box ul li{padding:20px 0; margin:0 4px; width:150px;}
.theme_box ul li a{width:150px;}
.theme_box ul li .pic a{width:150px; height:150px; overflow:hidden;}
}
.theme_news .line{position:absolute; left:8px; top:23px; width:5px; height:50px; background:#3fc4c8;}
.theme_news h4{color:#434a54; padding-bottom:20px; font-size:18px;}
.theme_news a{color:#434a54;}
.theme_news li .date{ float:right;}


.experts_box{padding:30px;}
.experts_box .pic{float:left; width:205px; height:205px; margin:10px 20px;}
.experts_box .pic img{width:100%; height:100%;}
.experts_box .txt{ padding-left:30px; line-height:36px; float:left;word-break: break-all; word-wrap: break-word;display: table-cell;float: none;vertical-align: top;width: auto; *display:block; *zoom:1;}
.experts_box .txt:after {
    clear: both;
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    display: block;
    height: 0 !important;
    line-height: 0;
    visibility: hidden;
}
.experts_box .txt{}
.experts_box .txt h4{font-size:18px; line-height:60px; font-weight:bold;}


.experts_box .btn{float:left; height:36px; line-height:36px; padding:0 20px; text-align:center; color:#fff; background:#26beef;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-top:10px; }
.experts_box .btn:hover{ background:#3bafda;}


.experts_box .box{ border:1px solid #8c8c8c;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:308px; height:108px; overflow-x:hidden; overflow-y:auto; padding:15px 25px; margin:30px 10px;line-height:24px; }
.experts_box .box .line{position:absolute; left:8px; top:53px; width:5px; height:50px; background:#3fc4c8;}
.experts_box .box h4{color:#434a54; padding-bottom:10px; font-size:18px;}
@media only screen and (max-width: 480px) {
.experts_box .box{margin:10px 0; width:210px;}
.experts_box .pic{float:none; margin:10px auto;}
.experts_box{padding:0 30px;}
.experts_box .txt{ padding-left:0; padding-top:0; line-height:24px; float:none;}
.experts_box .box .line{left:-2px;}
.experts_box .btn{float:left;}
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
.experts_box .box{ width:238px;}
}

.experts_box .tit{ line-height:54px; font-size:18px; font-weight:bold;border-bottom:1px solid #dadada;}
.experts_box p{ font-size:14px; line-height:24px; padding:10px;}
.experts_box li{border-bottom:1px solid #dadada; background:url(../image/round_theme.gif) no-repeat 10px 22px; padding:15px 0 15px 40px; font-size:12px; color:#484848; line-height:24px;list-style:none;}
.experts_box li a{ color:#484848;}
.experts_box li .date{float:right; margin-left:30px;}



/*首页大banner*/
.cbp-fwslider {
	position: relative;
	margin: 10px 0 20px 0;
	overflow: hidden;

}
.cbp-fwslider ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}
.cbp-fwslider ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
.cbp-fwslider ul li > a, .cbp-fwslider ul li > div {
	display: block;
	text-align: center;
	outline: none;
}
.cbp-fwslider ul li > a{cursor:default;}
.cbp-fwslider ul li > a img {
	border: none;
	display: block;
	margin: 0 auto;
	/*max-width: 75%;*/
	width:100%;
}
.cbp-fwslider nav span {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 100px;
	background: #47a3da;
	color: #fff;
	font-size: 50px;
	text-align: center;
	margin-top: -50px;
	line-height: 100px;
	cursor: pointer;
	font-weight: normal;
	
}
.cbp-fwslider nav{display:none;}
.cbp-fwslider nav span:hover {
	background: #378fc3;
}
.cbp-fwslider nav span.cbp-fwnext {
	right: 0px;
}
.cbp-fwslider nav span.cbp-fwprev {
	left: 0px;
}
.cbp-fwdots {
	position: absolute;
	bottom: 10px;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}
.cbp-fwdots span {
	display: inline-block;
	width: 14px;
	height: 14px;
	background:url("../image/btn1.png") no-repeat;
	background: #ddd;
	margin: 4px;
	border-radius: 50%;
	cursor: pointer;
}
.cbp-fwdots span:hover {
	background: #999;
	background:url("../image/btn2.png") no-repeat;
}
.cbp-fwdots span.cbp-fwcurrent {
	background: #47a3da;
    background:url("../image/btn2.png") no-repeat;
}


.cd-nav-trigger,.cd-nav{display:none;}
@media only screen and (max-width: 960px) {
.cd-nav-trigger,.cd-nav{display: block;}
.cbp-fwdots { bottom:0;}
.cbp-fwdots span {
	background: #828284;
	width: 12px;
	height: 12px;
}
.cbp-fwdots span:hover {
	background: #828284;
}
.cbp-fwdots span.cbp-fwcurrent {
	background: #ffffff;
}
}






.a1{display:none;}
@media screen and (max-width : 958px){
.a1{display:block; height:40px; float:right; margin-right:10px; }
.apply-pup{background:url(../image/navbg.png) left no-repeat; background-size:30px 30px; height:30px; width:30px; display:block; text-indent:-9999px;}