@import url("/static/css/base.css");
@import url("/static/css/common.css?v=1.4");

#home-banner{ width:100%; height:588px;}
#content2 { background:#eee; margin:30px 0 0}

.eui_switchable { z-index:1}
.eui_switchable .sc_container a { display:block}
.eui_switchable .sc_container ul li a{ text-align:center; background:#111}

.eui_switchable{ width:100%; height:588px; position:relative;}
.eui_switchable .sc_container{ width:100%; height:588px; position:relative; overflow:hidden;  z-index:-301; }
.eui_switchable .sc_container ul{ width:100%; height:588px; position:absolute}
.eui_switchable li{ width:100%; height:588px; overflow:hidden; text-align:center;}
.eui_switchable .sc_container ul li a{ display:block; width:100%; height:588px;}
.eui_switchable .sc_index{ position:absolute; right:12px; z-index:3; }
.eui_switchable .sc_index a{ float:left; width:30px; height:7px; line-height:7px; margin-left:2px; background:#fff; opacity:0.7; filter:alpha(opacity=70); cursor:pointer; text-indent:-999em; overflow:hidden; }
.eui_switchable .sc_index .current{ background:#43bcc5; opacity:1; filter:alpha(opacity=100); }
.eui_switchable .sc_prev,
.eui_switchable .sc_next{ position:absolute; z-index:100; top:50%; margin-top:-29px; display:block; width:42px; height:42px; background:url(/static/img/common/arrow_banner.png) no-repeat 0 0; text-indent:-999em; overflow:hidden; opacity:0.7; filter:alpha(opacity=70);}
.eui_switchable .sc_prev{ left:4%;  z-index:100;}
.eui_switchable .sc_next{ right:4%; background-position:0 -54px; }
.eui_switchable .sc_prev:hover,
.eui_switchable .sc_next:hover{ opacity:0.8; filter:alpha(opacity=80); }

.content-title h3 { line-height:57px; height:57px; text-align:center; font-size:30px; font-family:"΢ÈíÑźÚ",Microsoft YaHei; padding:30px 0; position:relative}
.content-title h3 img { /* vertical-align:middle; margin:0 0 0 15px */ position:absolute; right:0; top:40px}


.box3-4 { width:590px;}
.widget1,.widget4 { position:relative}
.widget1 i.hot { width:84px; height:82px; background:url(/static/img/common/bg.png) no-repeat 0 0; position:absolute; left:25px; top:0}
.widget1 i.new-big { width:84px; height:82px; background:url(/static/img/common/tag_new.png) no-repeat 0 0; position:absolute; left:25px; top:0}
.widget4 i.fav,.widget4 i.new { position:absolute; right:0; top:0; width:78px; height:22px; line-height:22px; font-size:11px; font-family:MingLiU; z-index:2; font-style:normal}
.widget4 i.new { background:url(/static/img/y/bg.png) no-repeat 0 -213px; color:#fff; text-indent:25px} 
.widget4 i.fav  { background:url(/static/img/y/bg.png) no-repeat 0 -245px; color:#fff; text-indent:20px}
.mr20 { margin:0 20px 0 0}
.widget4 .info {*width:285px;}
.widget4 .info p { width:225px; height:23px; overflow:hidden}
.pro-widget .info { height:68px; position:relative; padding:8px 0 0}
.pro-widget .info h5 { width:225px; height:25px; overflow:hidden}
.pro-widget .widget1 .info h5 { width:400px; height:25px; overflow:hidden}
.pro-widget .info h5 a { font-size:14px; font-family:Verdana, Geneva, sans-serif}
.pro-widget .info p { color:#888}
.pro-widget .info span { color:#f50; font-size:14px; position:absolute; right:0; top:15px; font-family:"΢ÈíÑźÚ",Microsoft YaHei}
.pro-widget .info p.place { color:#888; font-weight:700; text-indent:20px; background:url(/static/img/y/bg.png) no-repeat 0 -344px}

.more-item { text-align:center; padding:40px 0 10px 0}
.more-item a { background:#f50; color:#fff; padding:10px 70px; font-size:14px;  -moz-border-radius:45px; -webkit-border-radius:45px; border-radius:45px; text-decoration:none }
.more-item a:hover { background:#ff6d24; color:#fff; padding:10px 70px; font-size:14px;  -moz-border-radius:45px; -webkit-border-radius:45px; border-radius:45px; }

.brand-widget,.brand-widget dl { height:82px;}
.brand-widget { padding:40px 0; border-bottom:1px solid #d8d8d8;}

.brand-widget dl.brand1 { border-right:1px solid #d8d8d8; background:url(/static/img/common/bg.png) no-repeat 20px -124px}
.brand-widget dl.brand2 { border-left:1px solid #f9f9f9; border-right:1px solid #d8d8d8; background:url(/static/img/common/bg.png) no-repeat 20px -362px}
.brand-widget dl.brand3 { border-left:1px solid #f9f9f9; border-right:1px solid #d8d8d8; background:url(/static/img/common/bg.png) no-repeat 20px -536px}
.brand-widget dl.brand4 { border-left:1px solid #f9f9f9; background:url(/static/img/common/bg.png) no-repeat 20px -242px}
.brand-widget dt { font-size:14px; font-family:"΢ÈíÑźÚ",Microsoft YaHei}
.brand-widget dd { color:#888}
.topic-widget { border-top:1px solid #f9f9f9}
.topic-widget h2,.active-title h2 { line-height:30px; height:30px; text-align:center; font-size:30px; font-family:"΢ÈíÑźÚ",Microsoft YaHei; padding:45px 0}

#mygallery{}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
height: 268px; /*Height should enough to fit largest content's height*/
 
}

.stepcarousel .belt,.stepcarousel .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
padding:0 20px 0 0; /*margin around each panel*/
width: 285px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
}
.stepcarousel .panel img { width:285px; height:185px;}
.stepcarousel .panel div { height:50px; background:#43bcc5; padding:15px 15px 15px 25px}
.stepcarousel .panel p{}
.stepcarousel .panel p a{ color:#fff;}
.stepcarousel .panel h4 a { font-size:15px; color:#fff; line-height:22px; font-family:"΢ÈíÑźÚ",Microsoft YaHei}

.topic-more { padding:20px 0 40px 0; text-align:right}
.active-box { position:relative; margin:0 20px 0 0}
.active-box a.img-link { display:block; overflow:hidden}
.active-c { background:#eee; padding:10px 20px;}
.active-c h4 { margin:0 0 5px 0}
.active-c h4 a { font-size:14px; line-height:20px}
.active-c p { position:relative; color:#888; font-weight:700}

.partner{ height:74px; width:100%;}
.partner_imgs{ height:74px; background:url(/static/img/common/partner.jpg) no-repeat center center;}

#num { background:#43bcc5; margin-top:25px;}
.num-widget ul li p.font-num { font-size:63px; font-family:"»ªÎÄ¿¬Ìå"}
.num-widget { height:80px; padding:25px 0}
.num-widget ul li { height:80px; float:left; text-align:center; width:19.8%; border-right:1px solid #eee; color:#fff}
.num-widget ul li p.mt { margin-top:-20px}
.num-widget ul li p.font-num{ margin-top:-30px}

body#home #searchbox { background:#fff; margin-bottom:15px}
body#home #searchbox .searchbox-inner { border-bottom:1px solid #e4e4e4; padding-bottom:25px}
body#home #searchbox .searchbox-inner .qtext { background:#f6f6f6; border-bottom:1px solid #e3e3e3; color:#666}
body#home #searchbox .searchbox-inner .qbt { height:41px;  border-bottom:1px solid #f55200;}

/* ËÑË÷ÇøÓò */
#search-pro { height:80px; border:1px solid #eee; margin-top:-40px; background:#fff;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;box-shadow:1px 1px 3px #ccc;-webkit-box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc;}
.s-key { height:62px; border-right:1px solid #eee; padding:18px 20px 0 20px; color:#888; background:#f3f3f3}
.s-key a { color:#888}
.search-main { height:62px; border-right:1px solid #eee;  padding:18px 20px 0 20px;}
.s-other { text-align:center; padding:18px 0 0}
.protext { height:40px; line-height:40px; background:#eee; text-indent:15px; color:#666; border:none;  }
.probt { width:100px; height:40px; line-height:40px; border:none; cursor:pointer; font-size:14px; background:url(/static/img/detail/ico.png) #f50 no-repeat -170px -666px; color:#fff; text-indent:15px; font-size:14px}
.search-main input { vertical-align:middle}


/*»î¶¯Ðü¸¡*/
.avi_fixed{
    display: inline-block;
    position: fixed;
    bottom: 60px;
    left: 20px;
    z-index: 99999;
    transition:left .5s;
    -moz-transition:left .5s; /* Firefox 4 */
    -webkit-transition:left .5s; /* Safari and Chrome */
    -o-transition:left .5s; /* Opera */
}
.avi_contend_img{
    float: left;
}
.avi_contend_close{
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: #31ABBA;
    float: left;
    margin-left: -47px;
    margin-top: 10px;
    padding: 4px;
}
.avi_contend_close:hover{
    background-color: #2C828C;
}
.avi_contend_close img{
    width: 100%;
}