@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; font-size: 100%; -webkit-text-size-adjust: none; }
body { line-height: 1; text-align:left; }
table { border-collapse: collapse; border-spacing: 0; }
object, :focus { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section /* HTML 5 */ { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img { border: none; }
input,button,textarea,select,optgroup,option{ font-size: 100%; font: inherit; }
ul,li{ list-style:none;}
a{ text-decoration:none; color:#555656}
a:hover{ text-decoration:underline}
.arial{ font-family:Arial;}
body { font-family:"微软雅黑"; font-size:12px; color:#555656}
input { color:#555656; font-family:"微软雅黑"; font-size:12px; }

/***************************{Common CSS Class}*****************************/
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.lc { margin: 0 auto; }
.fl, .il .fl { float: left; }
.fr, .il .fr { float: right; }
.fc, .il .fc { float: none; clear: both; }
.clear { clear:both; height:0px; font-size:0px; overflow:hidden}
.hide{ display:none;}

/*header*/
.header_box { width:100%; height:77px; border-top:2px solid #d6000f; border-bottom:1px solid #cdcece}
.header { margin:0px auto; padding:10px 0 0 0; width:960px; height:auto}
.header_r { width:300px;}
.logo { margin:12px 0 0 0 }
.language { float: right; font-size:11px; margin-right:-4px;}
.language a { margin:0 7px; white-space: nowrap;}
.search { float: right; margin-top:18px; width:200px;}
.search_input { padding-left:6px;  width:144px; height:21px; line-height:21px; background:url(http://www.hanergy.com/images/search_input.jpg) no-repeat; border:none}
.search_btn { width:48px; height:21px; background:url(http://www.hanergy.com/images/search_btn.jpg) no-repeat; cursor:pointer; border:none}

/*nav*/
.nav { margin:0px auto; width:960px; height:41px}
.nav li {  float:left; line-height:41px; padding-right: 8px; margin-right: 1px; }
.nav li a:hover{
    text-decoration: none;
}
.nav li dl{
    position: relative;
    z-index: 1000;
}
.nav li dt{
    height: 41px;
    padding-left: 20px; padding-right:21px; 
    background:url(http://www.hanergy.com/images/nav_bg.jpg) right center no-repeat;
}

.nav li.current,.nav li.hover{
    background: #d6000f;
}
.nav li.current dt,.nav li.hover dt{
    background: url(http://www.hanergy.com/images/nav_bg_on.gif) right center no-repeat;
}
.nav li.current a,.nav li.hover a{
    color: #fff;
}
.nav li.current .nav_sub a,.nav li.hover .nav_sub a{
    color: #555656;
}
.nav_sub{
    display: none;
    position: absolute;
    left: 0;
    z-index: 100;
    top: 41px;
    width: 222px;
    height: auto;
    background: #ddddde;
}
.nav_sub a{
    display: block;
    width: 100%;
    height: 31px;
    line-height: 31px;
    text-indent: 20px;
}
.nav_sub a:hover{
    background: #c0c0c1 url(http://www.hanergy.com/images/icon_subnav.gif) 200px center no-repeat;
    text-decoration: none;
}

/*in_banner*/
.in_bannerbox{ width: 100%; height: 460px; /*min-width: 1366px;*/ background: #D3D4D4;}
.in_banner { margin:0px auto; position:relative; /*width:1366px;*/ height:460px; overflow:hidden}
.slider { position:relative}
.slider li { position:absolute; display:none; z-index:1; background-repeat:no-repeat;background-position: 50% 50%;}
.slider li.active {display:block; z-index:2}
.slider li a { display:block;width:100%; height: 460px;}
.num { position:absolute; z-index:10; width:120px; height:20px; bottom:10px; left:603px; text-align: center;}
.num dd { display: inline-block; *display:block; *float:left; margin-left:10px; width:12px; height:12px; background: url(http://www.hanergy.com/images/num_bg.png) no-repeat;cursor:pointer}
.num dd.active { background:url(http://www.hanergy.com/images/num_on.png) no-repeat}
.txt { position:absolute; top:82px; left:165px; width:295px; height:265px; color:#FFF}
.Hanergy { font-size:24px; margin-bottom:14px}
.Hanergy_e { font-family:Arial; font-size:18px}
.txt_c { line-height:18px}
.txt_e { margin:6px 0 50px; font-size:10px; line-height:15px}
.line_w { margin:22px 0 22px 0; width:51px; height:4px; background:#FFF}

/*main*/
.main { margin:25px auto 0 auto; width:1002px; height:auto; overflow:hidden}
/*news*/
.news { width:490px; height:360px; /*background:url(http://www.hanergy.com/images/new_bg.jpg) center bottom no-repeat*/}
.news_tit { width:490px; height:33px; background:url(http://www.hanergy.com/images/news_tit_c.jpg) repeat-x}
.news_tit h2 { width:320px; margin-left:11px; font-size:14px; color:#d6000f; line-height:26px;}
.news_tit_l,.news_tit_r { width:6px; height:33px}
.news_tit_l { background:url(http://www.hanergy.com/images/news_tit_l.jpg) no-repeat}
.news_tit_r { background:url(http://www.hanergy.com/images/news_tit_r.jpg) no-repeat}
.more { display:block; margin:9px 12px 0 0; padding-left:10px; width:68px; height:21px; line-height:21px; background:url(http://www.hanergy.com/images/more.jpg) no-repeat; font-weight:bold; color:#FFF}

.time { margin:14px 0 19px 0; width:160px; height:39px;}
.time p { float:left; margin-right:2px; text-align:center; font:normal 24px/39px Arial; color:#FFF}
.time p.years { width:71px; height:39px; background:url(http://www.hanergy.com/images/year.jpg) no-repeat}
.time p.mouths_day { width:39px; height:39px; background:url(http://www.hanergy.com/images/mouth_day.jpg) no-repeat}

.news dl { padding-bottom:15px; line-height:18px; border-bottom:1px dotted #999}
.news dt { font-weight:bold; line-height:24px;font-size:16px;}
.news dd { line-height:24px;padding-top:5px;font-size:14px;}

.news_list { margin-top:15px;}
.news_list li { line-height:22px;font-size:16px;  line-height: 30px;}

/*Industry*/
.ad { position:relative; margin-top:16px; width:490px; height:238px}
.ad_list_box { width:490px; height:209px; background:url(http://www.hanergy.com/images/ad-bg.jpg) no-repeat;position:relative;}
.ad_list { position:relative; margin-left:1px; width:490px; height:205px; overflow:hidden}
.ad_list li { position:absolute; left:0px; top:0px}
.ad_txt { position:absolute; left:0px; bottom:30px; width:486px; height:43px; 
          background:rgba(0,0,0,0.4);
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#40000000',EndColorStr='#40000000'); }
.ad_txt li { width:465px; height:43px; color:#FFF;line-height:43px;padding-left:25px;} 

.ad_num_box { margin:14px 0 0 0; width:auto; *width:80px; overflow:hidden;}
.ad_num { margin:5px 0 0 7px; *margin-left:12px; width:auto; height:auto;}
.ad_num li { float:left; margin-right:2px; width:5px; height:5px; cursor:pointer; background:url(http://www.hanergy.com/images/ad_n.jpg) center center no-repeat}
.ad_num li.on {background:url(http://www.hanergy.com/images/ad_n_on.jpg)  center center no-repeat}
.prev,.next { cursor:pointer}
.ad_txt_more { position:relative; top:10px; line-height:18px}
.ad_txt_more li { position:absolute}

/*technology*/
.technology { margin:0px auto; width:1002px; height:437px}
.technology_tit { width:1002px; height:41px; background:url(http://www.hanergy.com/images/technology_c.jpg) repeat-x}
.technology_tit_l,.technology_tit_r  { width:6px; height:41px; background:url(http://www.hanergy.com/images/technology_l.jpg) no-repeat}
.technology_tit_r { background:url(http://www.hanergy.com/images/technology_r.jpg) no-repeat}
.technology h2 { width:500px; margin-left:11px; font-size:14px; color:#d6000f; line-height:40px}
.technology .more { margin-top:18px}
.technology_content { width:1000px; height:396px; overflow:hidden; border:1px solid #d8d7d7; border-top:none}

.technology_l { margin:11px 0 0 9px; width:672px; height:378px}
.technology_l img { border:3px solid #e0e0e2}

.technology_r { margin-right:20px; width:280px; height:390px}
.technology_txt { padding-top:26px; height:246px; line-height:18px}

.technology_list { width:276px; height:105px; background:url(http://www.hanergy.com/images/technology_img_bg.jpg) repeat-x top center}
.technology_list li { float:left; margin:0 3px; text-align:center; padding-top:18px; width:86px; height:92px; cursor:pointer}
.technology_list li.on { background:url(http://www.hanergy.com/images/on.jpg) no-repeat}
.technology_list li img { border:2px solid #e0e0e2; padding:1px; background:#FFF}

/*product*/
.product_tit { margin:26px 0 14px 0; color:#d6000f; font-size:14px}
.product { margin-bottom:62px; width:1002px; height:216px; background:url(http://www.hanergy.com/images/product_bg.jpg) repeat-x}
.prodcut_top { display:block; margin:0px auto}
.product_list { margin:23px auto 0 auto; width:960px; height:auto; overflow:hidden; padding-bottom:2px; border-bottom:2px solid #d6000f}
.product_list li { position:relative; float:left; margin-right:2px}
.product_list li p { position:absolute; left:0px; bottom:0px; color:#FFF; width:100%; height:29px; text-align:center; line-height:29px; background:url(http://www.hanergy.com/images/product_txt.png) repeat-x}
.product_list li a { color:#FFF;font-size:16px;}

/*footer*/
.footer { width:100%; height:auto; background:#e8e8e8;overflow:hidden}
.footer_nav { padding-left:39px; margin:50px auto 0 auto; width:1043px; height:auto; overflow:hidden }
.footer_nav dl { float:left; padding-left:20px; width:105px; height:170px; border-right:1px solid #FFF; line-height:22px}
.footer_nav dt {margin-bottom:26px; font-size:14px;  width:150px; line-height:14px; }
.footer_nav dl.last { border:none;/*margin-top: 30px;*/}

.footer_b { margin:54px auto 0 auto; padding-top:38px; width:960px; height:22px; background:url(http://www.hanergy.com/images/footer_b.png) no-repeat center top;}
.footer_logo { margin:-4px 15px 0 0}
.copyright { color:#d6000f;}
.copyright a { color:#d6000f;}

#gotop{ display: none; position: fixed; bottom: 100px; right: 100px; overflow: hidden; width: 38px; height: 38px; background: #d6000f url(http://www.hanergy.com/images/icon_gotop.gif) 0 0 no-repeat; text-indent: -500px;}

/* qrcode - 2014.11.05 - start */
.qrcode-wechat { position: fixed; display: inline-block; color: #666; width: 76px; padding: 10px; border: 1px solid #e8e8e8; top: 10px; left: 50%; margin-left: 530px; background: #fff; }
.qrcode-wechat a { display: inline-block; width: 20px; height: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAG1BMVEXV1dXo6Ojp6enq6urt7e3v7+/w8PD09PT///9wi5PTAAAATElEQVR4XnWPwQkAIAwD++xeziA4ghP4jvrp2Cq1BARDH0coaSoth6Ta1ZQS2L+IA3BXN6ojzjhuSwMBJqi9LneZwFxe+9Vh9cGH0gJwPF3aVB7j3gAAAABJRU5ErkJggg==') /*images/qrcode-close.png*/ no-repeat; *background: url("images/qrcode-close.png") no-repeat; /* For IE 6 and 7 */ overflow: hidden; position: absolute; top: -1px; left: -20px; cursor:pointer;}
/* qrcode - 2014.11.05 - end */

/* new index 20150629 - start */
.clearfix:after,.wrapper:after  { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.new-index-header { }
.new-index-header .top{ background:#7e7e7e; }
.new-index-header .top .inner{ width:1002px;margin:0 auto;height:41px;color:#fff;font-size:16px; }
.new-index-header .top .inner ul li{ float:left;height:41px; }
.new-index-header .top .inner ul li a{ display:inline-block;height:14px;border-top:5px solid #7e7e7e;padding:9px 25px 13px 25px;color:#fff; }
.new-index-header .top .inner ul li.cur a{ border-top:5px solid #d5010f;background:#d5010f; }
.new-index-header .top .inner .fr{ display:inline-block;font-size:14px;height:41px;line-height:41px; }
.new-index-header .top .inner .fr a{ color:#fff; }
.new-index-header .top .inner .fr span{ padding:0 10px; }
    .new-index-header .header { width:1002px;} 
    .new-index-header .language { margin-top:20px; } 
    .new-index-header .language a { display:inline-block;width:18px;height:18px;border:1px solid #c2c2c2;text-align:center;line-height:18px;float:left; } 
    .new-index-header .language a:hover,.new-index-header .language a.cur { text-decoration:none;background:#c2c2c2;}
.new-index-nav { }
.new-index-nav .inner { width:1002px;margin:0 auto; }
.new-index-nav .nav { width:auto; height:52px; float:left;font-size:16px;}
.new-index-nav .nav li{ line-height:52px; }
.new-index-nav .nav li dt{ height:52px; }
.new-index-nav .nav_sub{ top:52px; }
.new-index-nav .search{ height:30px;border:1px solid #ddd;width:180px;margin-top:10px; }
.new-index-nav .search .search_input{ width:135px;background:#fff;float:left;padding:3px 0 3px 5px;height:24px;line-height:24px;}
.new-index-nav .search .search_btn{ width:40px;background:#fff url(../images/search.png) 50% 50% no-repeat;float:left;padding:0;height:30px; }
.in_banner { width:100%;position:relative; }
.in_banner #banner-prev,.in_banner #banner-next{ display:inline-block;width:37px;height:51px;background: url(../images/slider-flip.png) no-repeat;position:absolute;top:50%;margin-top:-25px; z-index:100;cursor:pointer;}
.in_banner #banner-prev{ background-position: 0 0;left:50px; }
.in_banner #banner-next{ background-position: -37px 0; right:50px;}
.slider li { width:100%;text-align:center; }
.num { left:50%;margin-left:-60px; }
.news_tit_2 { height:18px;border-left:3px solid #d6000f;line-height:18px; font-size:16px;padding-left:10px;font-weight:bold;color:#333;}
.news_tit_2 .more{ font-size:14px;background:none;color:#333;font-weight:normal;line-height:18px;margin:0;width:auto;}
.news-headline {margin-top:20px; width:490px;height:173px; position:relative;}
.news-headline img{ width:490px;height:173px; }
.news-headline div{ 
    height:47px;line-height:47px;font-weight:bold;color:#fff;padding:0 10px;position:absolute;bottom:0;left:0;width:470px;
    background:rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#70000000',EndColorStr='#70000000'); 
}
    .news-headline div a { color: #fff; font-size:18px;}
.news_list_2 { padding-top:10px; }
.news_list_2 li { font-size:16px;list-style-type:none;line-height:30px; }
.ad_list_box .prev,.ad_list_box .next{ display:inline-block;width:16px;height:22px;background: url(../images/flip.png) no-repeat;position:absolute;top:50%;margin-top:-11px; z-index:100;cursor:pointer; }
.ad_list_box .prev { background-position:0 0;left:13px;}
.ad_list_box .next { background-position:-16px 0;right:13px;}
.product-wrap { background:#f1f1f1;padding-bottom:45px;}
.product-wrap .inner{ width:1002px;margin:0 auto;}
.product-wrap .product{ background:#f1f1f1;}
.product_tit { height:68px; color: #2d2d2d; font-size: 16px; font-weight:normal;margin:0;line-height:68px;font-weight:bold;}
.product_tit .fr{ font-size:14px;font-weight:normal;}
.product_list {  margin:0;border-bottom:0;}
.product-prev,.product-next { display:inline-block;width:21px;height:26px;background: url(../images/product-flip.png) no-repeat;position:absolute;top:50%;margin-top:-13px; z-index:100;cursor:pointer; }
.product-prev { background-position:0 0;left:-15px;}
.product-next { background-position:-21px 0;right:-15px;}
.product-inner { overflow:hidden;width:1002px;height:179px;position:relative; }
.product-inner .product { margin:0 auto; }
.footer { background:#d6d6d6; }
.footer a{ color:#2d2d2d; }
.footer_nav { width:1002px;margin:50px auto;padding:0; }
.footer_nav dl{ border-right:0;padding:0;margin-right: 50px;height:270px; }
.footer_nav dl.last{ margin-right: 0; }
.footer_nav dl dt{width:auto; margin-bottom:6px; }
.footer_nav dl dt a{display:inline-block; border-bottom:1px solid #b5b5b5;padding:15px 0;font-size:16px; }
.footer_nav dl dd a{font-size:14px; }
.footer_nav dl.first dt{margin-bottom:0; }
    .footer_nav dd { line-height:30px; }
.footer_nav .fr{ margin-top:10px;text-align:center;width:110px;}
.footer_nav .fr img{ display:block;margin:0 auto;margin-bottom:10px;}
.footer_nav .fr .hotline{ font-size:16px;margin-bottom:20px;color:#333;}
.footer_nav .fr .qrcode{ margin-bottom:15px;}
.footer_b { height:56px;background:#7e7e7e;width:100%; margin:0;padding-top:20px;color:#fff;}
.footer_b a{ color:#fff;}
.footer_b .inner{ width:1002px;margin:0 auto; }
.copyright { color:#fff;}

.nav_sub_multi_3 { width:666px; }
.nav_sub_multi_3 div{ width:222px;float:left; }
.nav_sub_multi_3 div a{ margin:10px 0; }
/* new index 20150629 - end */