@charset "utf-8";
/* 全局 */
*{transition:background-color ease .3s;-moz-transition:background-color ease .3s;-webkit-transition:background-color ease .3s;-o-transition:background-color ease .3s;}
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,h2,font
{ margin: 0; padding: 0; border:0;} 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;}
.fl{ float:left}.fr{float:right;}.clear { clear:both;height:0px; overflow:hidden}
a{text-decoration:none;outline:0;}
html{overflow-x:hidden; }
.center{ text-align:center;}
.center img{ border:1px solid #ccc;}
/*header*/

body{color:#515d6b;font-size:12px;overflow:hidden;background:#dce1e7;font-family: 'Microsoft Yahei';}
a{ color:#515d6b;}
.header{width:100%;min-width:1004px;height:78px;padding-top:23px; position:relative; z-index:9;background:#fff;border-bottom:3px solid #0ba298}
.logo{ float:left;display:inline;}
.headerr{ float:right; width:366px;}
.border3{ border-radius:5px;}
.search{ position:relative;padding-top:10px; float:right; width:363px;z-index:9999;height:32px;line-height:32px;display:inline; }
.text{float:left;width:237px; padding-left:5px;color:#333d49;height:32px;line-height:32px;background:url(../images/text.gif) center top no-repeat;}
.button{float:left;width:33px; margin-left:3px;height:32px; display:inline;background:url(../images/button.gif) center top no-repeat;}
.select{float:left;width:82px; margin-left:3px; display:inline;background:url(../images/select.gif) left top no-repeat; position:relative}
.select select{margin:5px auto;width:80px;}
div.selectbox-wrapper{border: #333d49 1px solid; overflow:hidden;width:80px; *left:0;position: absolute;background: #fff;text-align:left;*margin-top:0;z-index:10;}
div.selectbox-wrapper ul li.selected {background:#efefef;}
div.selectbox-wrapper ul li.current {color: #fff;background:#9ba8b8}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height: 20px;padding-top: 3px;font-size:12px;color:#666;}
.selectbox{border:none;display:block;width:80px;text-indent:8px;cursor:pointer;background:none;font-size:12px;height:32px;line-height:32px;color:#333d49;}

.menu{width:100%;height:75px;  z-index:999;position:absolute; bottom:6px; left:0;background:url(../images/menu.png) center top no-repeat;}
.menu ul{ width:1004px; margin:0 auto;}
.menu li{float:left;}
.menu li a{ display:block;width:100px;line-height:75px;text-align:center; font-size:16px; color:#474646; font-weight:bold;font-family:'Microsoft Yahei';}
.menu a:hover,.menu li.cur{ color:#e76b53}
.menu li.cur a{ color:#e76b53}

.banner{width:100%;text-align:center; z-index:1; height:456px;position:relative;background:url(../images/bannerbg.jpg) center top no-repeat;}
/* index*/
.teacher{ width:100%;padding-top:80px; height:471px;background:url(../images/teacher.jpg) center top repeat-x; overflow:hidden;}

.teacher ul{ width:980px; margin:0 auto;}
.teacher li{ margin-bottom:72px; height:162px; overflow:hidden; width:100%;float:left;}
.teacherimg{ float:left; margin-left:94px; display:inline;width:213px; position:relative; text-align:center;}
.gray{position:absolute;width:100%;height:160px;background:url(../images/tbg1.gif) left top no-repeat;}
.teacherr{ float:right; width:670px;height:155px;}
.tmore{line-height:34px; width:105px; text-align:center;color:#fff;font-size:14px;background:url(../images/teachermore.gif) center top no-repeat;}
.teacher_t{ width:100%; margin-bottom:15px;float:left; }
.teacherr p{ line-height:28px; color:#653b00; font-size:14px;}
.teacher_t .fl{ color:#fff;font:24px/24px 'Microsoft Yahei';width:60%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mtwo .teacherimg{ float:right;  margin:0 93px 0 0 ; }



















.mtwo .tmore{float:left;}
.mtwo .teacher_t .fl{float:right; text-align:right;}
.mtwo .teacherr{ float:left;background: url(../images/right.gif) right center no-repeat;padding-left:0;}
.mtwo .gray{background:url(../images/tbg2.gif) left top no-repeat;}

.ititle{ text-align:center; font-size:16px; color:#727272;font-family:'Microsoft Yahei'; height:69px; width:385px; margin:0 auto;}
.ititle font{ height:47px;text-transform:uppercase; display:block; line-height:1; font-size:45px; font-family:'Impact';}
.news .ititle{background:url(../images/line3.gif) center 55px no-repeat; }
.news .ititle font{ color:#3ab4ff}
.news .ititle span{ display:block; }
.news .ititle i{ color:#808080; font-style:normal;}
.product .ititle{background:url(../images/line2.gif) center 55px no-repeat; }
.product .ititle font{ color:#faea51}
.product .ititle span{ display:block; color:#fff;}
.product .ititle i{ color:#fff; font-style:normal;}
.enrollment .ititle{background:url(../images/line1.gif) center 55px no-repeat; }
.enrollment .ititle font{ color:#42b6fe}


.enrollment{padding-top:54px;width:100%;height: 450px;overflow:hidden;}
.enrollmenttxt{display:block;text-align:center;height:79px;overflow:hidden;line-height:24px;font-size:14px;color:#747474;margin: 25px auto 53px;width:666px;}
.enrollmenttxt img{ margin-bottom:8px;}
.eli li{width:150px; float:left;text-align:center;float:left; margin:0 45px; display:inline;}
.eico{ display:block;width:150px; height:150px;background:url(../images/ebg.gif) left top no-repeat;}
.eico:hover{background:url(../images/ebg.gif) right top no-repeat;}
.eico img{ margin-top:43px;}
.eli p{ line-height:18px;}
.e_t{ color:#3f3f3f; font:24px/24px 'Microsoft Yahei'; margin:13px 0 8px; width:100%; display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.news{width:100%;height:426px; padding-top:68px;}
.news ul li{width:100%;float:left;display:inline;}
.newsli{width:436px;margin: 60px 0px 0 0px;}
.news img{float:left;}
.protxt{  float:right; color:#707070; font-size:14px; line-height:24px;}
.protxt font{ font-size:16px; float:left; width:100%; margin-bottom:10px; font-weight:bold; color:#292929;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news li a font:hover{color:#2798e3; }
.news li a:hover{color:#3f3f3f; }

.product{ padding-top:50px; height:665px; width:100%;overflow:hidden; background:url(../images/product.jpg) center top repeat-x;}
.pronav{margin:45px auto 42px;width:800px; padding:0 10px;height:34px; border-top:1px solid #fbea51; border-bottom:1px solid #fbea51;}
.pronav a{color:#fff;font-family: 'Microsoft Yahei';position:relative;text-align:center;font-size:14px;float:left;margin-top:-1px;width:100px;line-height:36px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.pronav a:hover{ color:#000; background:#fbea51}
.pronav .fr{ float:right;}
.productli{ height:403px;}
.productli li{ float:left; overflow:hidden; margin:0 5px 10px 5px; width:235px; height:177px; position:relative; display:inline;}
.productli li p{ position:absolute; display:none; bot/tom:-177px;width:235px; height:177px; background:url(../images/pro.png) center top no-repeat;}
.productli li p span{ width:100%; display:block; color:#fff;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; padding-top:134px;height:42px; font:16px/16px 'Microsoft Yahei'}
.promore{ width:111px; height:38px; margin:0 auto;}
.promore a{width:111px; height:38px; display:block;background:url(../images/promore.png) center top no-repeat;}


.main,.fyMain{ width:980px; margin:0 auto; clear:both; position:relative;}
.fyMain{overflow-x:hidden; overflow-y:auto;padding-bottom:40px; padding-top:50px;}
.bootTxt{float:left;text-align:center;width:962px;padding-top: 20px;height:80px;line-height:30px;}
.bootTxt a{
    color: #fff;
}

/* foot*/
.footclear{ width:100%; clear:both; margin:0 0 0px 0;height:0px; font-size:0; overflow:hidden;}
.foot{width:100%; min-width:1004px;color:#fff; background:#30333a}
.f_link{ width:100%;height:60px; text-align:center;line-height:20px; color:#fff;background:#1d2026; clear:both;}
.f_link a{ color:#fff; margin:0 5px;}
.bottomnav{width:100%; text-align:center; background:#fff; line-height:57px;}
.bottomnav a{ color:#1d2026;display:inline; margin-left:15px; margin-right:10px; font-size:14px; font-family:'Microsoft Yahei';}
.share{width: 140px;display:inline-block;margin-top: 10px;}

.footmain{width:100%;height: 155px;/* padding-top:50px; */}
.fbook{ float:left;width:505px; overflow:hidden;}
.fbookcon{ padding-top:10px; width:100%;}
.fbookconl{float:left;width:168px; overflow:hidden; }
.fbookconl input,.iyzm input{ width:166px; float:left; margin-bottom:2px; height:36px; line-height:36px; border:1px solid #3b3b43; background:#1d2026; color:#565657; text-indent:1em; }
.iyzm input{width:100px; margin:3px 0; }
.iyzm img{ float:left;}
.iyzm{width:100px; display:inline;overflow:hidden;margin-left:3px; float:left;}
.ftextarea{float:left;border:1px solid #3b3b43; overflow:hidden; background:#1d2026; color:#565657; width:207px; padding:5px 10px; height:105px; padding-top:6px; margin-left:2px; display:inline; }
.iyzm .fsub{margin:0;width:100px;float:left; height:36px; border:0;display:inline;background:url(../images/fsub.gif) left top no-repeat;}
.foot_t{width:100%; margin-bottom:14px;font: 18px/18px 'Microsoft Yahei'; color:#fff; }
.foot_t img{ vertical-align:middle; margin-right:7px;}
.fcontact{float:right;width:383px;font: 14px/27px 'Microsoft Yahei';color:#acadae;}
.fcontact a{color:#acadae; }
/* 二级页面*/
.fyLeft{ float:left;width:290px; overflow:hidden;}
.l_pro{margin-bottom:38px;}
.proOne{margin-bottom:8px;}
.proOne ul{display: none;} .proOne .proTwo{display: block;}
.proOne a{width:290px; display:block; text-align:center;height:33px;line-height:33px;font-size:14px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#6d6d6d; background:url(../images/l_pro.gif) bottom center  repeat-x;}
.proOne a:hover,.proOne a.cur{color:#fff; background:url(../images/l_pro.gif) top center  repeat-x; }
.proTwo{padding:0px 10px; display:block; background:#f7f7f7;}
.proTwo li a{border:0;border-bottom:1px solid #ccc;color:#6d6d6d;height:40px; line-height:40px;width:270px;background:url(../images/protwo.gif) 12px center  no-repeat }
.proTwo li a:hover,.proTwo li a.cur{ background:none; font-weight:bold;color:#6d6d6d;}
.l_news ul{ padding:10px 0 25px 0; display:block;float:left;}
.l_news li a{ display:block;height:36px; line-height:36px;width:270px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background: url(../images/newsico1.gif) 2px center no-repeat;padding-left:24px; color:#707070; }
.l_news li a:hover{ color:#000; background: url(../images/newsico2.gif) 2px center no-repeat; }
.l_pro .titlefl{ background:#42b6fe;}
.ltitle{ width:310px; height:70px;float:left;font-family:'Microsoft Yahei';font-weight:bold;}
.titlefl{ background:#ff9600; width:90px; overflow:hidden; padding:0; margin-right:10px; color:#fff;font-size:24px; line-height:1;}
.ltitle a{ color:#a2a4a6; line-height:10px;font-size:14px;}
.ltitle p{ width:100%; color:#8a8a8b; font-size:30px; text-transform:uppercase; font-family:'impact'; line-height:45px;}

.contact,.l_contact{ clear:both;width:100%; line-height:28px;}
.l_contact{line-height:23px; color:#707070;}
.contact_t{ height:75px; width:273px;background: url(../images/contact_t.gif) top left no-repeat;}
.contact_t a{ margin:42px 0 0 180px; display:inline; width:96px; height:18px; float:left;}
/* fyRight*/
.border6{ border-radius:12px;}
.fyRight{ float:right; overflow:hidden;width:655px;}
#tip{width:655px;}
#tip b{color: #42b6fe;}
.titler{float:right;color:#dd4c47;line-height:22px;color:#6d6d6d;font-weight:normal;font-family: '宋体';}
.titler a{color:#6d6d6d;}
.titler font{ font-size:12px; color:#42b6fe;}
.membermain{padding-top:20px;}
.padding25{ padding:0 20px 0 20px;word-break:break-all; line-height:30px; font-size:14px; padding-bottom:20px;min-height:640px; _height:640px;}
.mainr_line{float:left; height:18px; width:99%;background:url(../images/line_s.gif) top left repeat-x;}
.fyRight .pro_list li{ display:inline;width:192px; height:176px;margin: 0px 4px 20px 8px;}
.pro_list li,.pro_li_img{float:left; background:#fff;display:inline;margin-left:8px; margin-bottom:10px;border:1px solid #e5e5e5; padding:4px;}
.pro_li_img{ width:200px;}
.proname{float:left;height:35px;line-height:35px; width:100%; background:url(../images/proico.gif) right center no-repeat;}
.proname a{ float:left;height:35px;line-height:35px; color:#515d6b;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:95%;}
.proname a:hover{ color:#000;}
.title{float:left; height:40px; margin-bottom:20px;width:100%;font-weight:bold;background:url(../images/titlebg.gif) left bottom repeat-x;}
.title .fl{font-size:24px; color:#42b6fe;font-family:'Microsoft Yahei'; line-height:1; padding-right:27px;background:url(../images/titlefl.gif) right 3px no-repeat; } 

/* list*/
.news_list{margin-bottom:20px; float:left; }
.news_list li a{width:615px; padding:0 20px;display:block; line-height:37px; height:37px; font-size:14px; color:#737171;}
.news_list li a:hover{ color:#e37056;}
.news_list li a .fr{ color:#616161; font-size:12px;}
.news_list li a span{ cursor:pointer; }
.news_list li .fl{width:400px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news_list .fr{color:#01673a;}
.news_line{ clear:both;width:687px; height:18px; margin:18px 0;}
.news_list p{ font-size:12px; padding:10px 20px; line-height:20px; color:#ccc;}
.newseven a{ background:#fff;}
.pro_txtimg{ margin-bottom:20px; width:100%; float:left;}
.pro_txtimg li{margin-bottom:27px; background:#fff;height:157px; width:635px; padding:16px 10px;}

.pro_li_txt{float:right; position:relative; width:410px; color:#696969; line-height:36px; font-size:14px;}
.pro_li_txt p{ font-size:12px; line-height:32px;}
.protitle{ margin-bottom:16px; width:100%; height:32px;background:#dce1e7; font-size:14px;color:#e76b53; font-weight:bold;}
.protitle .fr{ float:right;width:70px; height:32px; line-height:32px; text-align:center; color:#fff; background:#42b6fe;font-family:'Microsoft Yahei'; font-size:16px; font-weight:normal; }
.protitle .fl{ color:#e76b53; font-size:14px; line-height:32px; font-weight:bold;text-overflow:ellipsis; overflow:hidden; white-space:nowrap ;width:70%; display:block; padding-left:10px;}

/*news_view*/
.padding25 h2{ font-size:18px; font-family:'黑体'; font-weight:normal; color:#e76b53;}
.padding25 .center img{ border:1px solid #ccc; margin-bottom:10px; width:auto; max-width:600px;_width:expression(this.width > 600 ? "600px" : this.width);overflow:hidden; }
.newsview{ min-height:400px;display:inline;width:615px; padding-top:25px; margin-top:30px;border-top:1px dotted #555;border-bottom:1px dotted #555;margin-bottom:25px; padding-bottom:15px;_height:400px; font-size:14px; line-height:28px; float:left; color:#555;}
.main_r_nav div{ line-height:25px; color:#555;}
.main_r_nav{ float:left; width:400px; font-size:12px; }
.returnlist{ margin-top:30px; float:right;color:#e76b53 ; font-size:12px; }
.main_r_nav a:hover{color:#e76b53 ; }
.title_s{ text-align: center;color: #77787a;font-size: 12px;line-height: 35px;}
/* page*/
.page{margin: 15px 0;float:left;width:100%;line-height: 34px;text-align:center;}
.page a {color: #fff;padding: 0 9px;margin:0 5px;font-/weight: bold;background: #4ab7fe;border: 1px solid #4ab7fe;}
.page *{display:inline-block;_zoom:1;_display:inline;vertical-align:middle;line-height: 26px;height: 26px;padding-bottom:1px;}
.page .hover {display:inline-block;color: #4ab7fe;background: #fff;border: 1px  solid #4ab7fe;}
.page a:hover {display:inline-block;color: #4ab7fe;background: #fff;border: 1px  solid #4ab7fe;}
/* search*/
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
.searchmore{ float:left; width:92%; background:#efefef; text-align:center;margin:10px 20px;_margin:10px ; border:1px solid #dbd6f1}
.searchmore a{ line-height:25px; color:#333;}
.input_title{ background:none; line-height:30px;height:30px; padding-left:7px;}
/* book*/
.book{ float:left; padding-left:25px;}
.bookmain{width:640px; margin:20px auto;height:auto;background:#fff;padding:0 25px ; overflow:auto; }
.bookline{width: 640px; height:34px;float:left; margin-top:10px;}
.book3{ width:640px; margin:0 auto;}
.booktop{ width:640px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; }
.booktop_name{ width:470px; height:30px; float:left; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:#ccc; text-align:right; line-height:30px;}
.bookcontent{width:610px;min-height:40px;height: auto!important;height:40px;float:left;border:1px solid #d6deef;background:url(../images/bookcontentbg.jpg) repeat-x;background-color:#fff;padding:10px;}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{width:610px;min-height:30px;background:#fff;height: auto!important;height:30px;border-left:1px solid #d6deef;border-right:1px solid #d6deef;border-bottom:1px solid #d6deef;float:left;padding:10px;}
.admintimecol{ color:#5e7194;}
.message{ width:600px; height:auto;float:left;padding-left:50px;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input{height: 28px;l;line-height: 28px;width: 150px;border:1px solid #ccc;}
.message li p.message_title{width:100px;height: 30px;float:left;text-align:right;line-height: 30px;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px; border:1px solid #ccc }
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:170px; height:40px; float:left; text-align:right;}
.message li .bookbut{ background:#4ab7fe; border:0; font-size:14px; font-weight:bold; color:#fff; line-height:30px;height:30px;}
.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}
/* hr */
.hr{ margin:10px auto; width:95%;font-size:12px;line-height:24px; border:1px #CCC solid;border-collapse: collapse; background:#efefef; }
.hr td{border:1px #CCC solid;border-collapse: collapse; line-height:2;}
.hr input,.hr textarea{ line-height:1.8; border:1px solid #ccc;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px;}
/* 下拉菜单 */
.common-nav2 {display:none;position:absolute;z-index:9999;text-align:center;top: 70px;}
.common-nav2_in {background: #fff;width:100px;}
.common-nav2_in div{width: 100%;height: 35px;}
.common-nav2 div a {
	display:block;
	height:35px !important;
	line-height:35px !important;
	font-size: 14px!important;
	color: #474646!important;
	}
.common-nav2 div a:hover {
	color:#e76b53 !important;
	}
.common-nav2 i {
	width:0;
	height:0;
	position:absolute;
	top:5px;
	left:50%;
	margin-left:-7px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom: 5px solid #15acb5;
}
/* 幻灯切换 */
.slideBox{position:relative;display:block;width: 1600px;height: 456px;overflow:hidden;left: 50%;margin-left: -800px;}
.slideBox .bd img{display:block;margin:0 auto;height: 456px;}
.slideBox .prev{display:none;position:absolute;padding:0;left: 50%;margin-left: -595px;top: 40%;padding: 5px;width: 32px;height: 80px;background: url('../images/left-ico.png') no-repeat;}
.slideBox .next{display:none;position:absolute;padding:0;right: 50%;margin-right: -595px;top: 40%;padding: 5px;width: 32px;height: 80px;background: url('../images/right-ico.png') no-repeat;}
.slideBox .hd{position:relative;top: -110px;z-index:1;}
.slideBox .hd ul{text-align:center}
.slideBox .hd ul li{display:inline;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding: 0 8px;margin:3px;overflow:hidden;background: #42B6FF;cursor:pointer;}
.slideBox .hd ul li.on{background: #2B98DC;}
.slideBox .hd ul li:hover {background: #2B98DC;}
/* 浮动工具 */
#common-tool{margin-top:278px;position:absolute;top:78px;right:0;z-index:9999}
#common-tool ul{list-style:none}
#common-tool ul li{background: #42B6FF;margin:3px 0 0 0;_margin:0;*margin:0;width:40px;height:40px;overflow:hidden;}
#common-tool ul li a{display:block;padding:5px}
#common-tool ul li a:hover{background: #2B98DC;}
#common-top-ico{display:none}
.common-sweep-box{display:none;position:absolute;right:50px;top:3px;padding:5px;background:#FFF;border:1px solid #EEE}
.common-sweep-box img{width:196px;height:196px;}
/* product view 产品内页 */
.view_imgs{width:555px;height:500px;margin:20px auto;position:relative;background:#f7f7f7;}
.view_imgs .btn{position:absolute;width:15px;height:70px;top:422px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.view_imgs .prev{left:0;background:url(../images/view_left.png) no-repeat center center #bfbebe;}
.view_imgs #prev,.view_imgs #prev #next{width: 15px;height: 70px;margin-left: 0;}
.view_imgs #prevTop,.view_imgs #nextTop{display:none}
.view_imgs .next{right:0;background:url(../images/view_right.png) no-repeat center center #bfbebe;}
.view_imgs li{float:left;}
.view_imgs .prev:hover,.view_imgs .next:hover{background-color:#42b6fe;}
.view_imgs .cf li{position:relative;color:#fff;}
.view_imgs .cf a{display:block;width:555px;height:416px;position:absolute;color:#fff;}
.view_imgs .picBox{height:416px;position:relative;overflow:hidden;}
.view_imgs .picBox ul{height:416px;position:absolute;}
.view_imgs .picBox li{width:555px;height:374px;}
.view_imgs .listBox{width:511px;height:71px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.view_imgs .listBox ul{height:71px;position:absolute;}
.view_imgs .listBox li{width:104px;height:71px;cursor:pointer;position:relative;}
.view_imgs .listBox li a{display:block;width:95px;height:71px;}
.view_imgs .listBox li img{width:95px;height:71px;}
.view_imgs .listBox .on img{width:89px;height:65px;border: 3px solid #42b6fe;}
.view_imgs .picBox li img{max-width: 100%;}
.ol_width { width:580px;}