﻿
/* CSS Document */
* { list-style:none; padding:0; margin:0;}
body{ font-size:12px; margin:0 auto; color:#333;font-family:"Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","Segoe UI",Tahoma,Arial,STHeiti,sans-serif; background:#ededed; ;}
p{ line-height:25px;}
.cl{ clear:both;}
a{  font-size:12px;   text-decoration:none;color:#5f5f5f;}
a:hover{	font-size:12px;	text-decoration:none;color:#f8ad00;}img{ border:none;}
.zi a{  font-size:12px;   text-decoration:none; color:#fff;}
.zi a:hover{  font-size:12px;   text-decoration:none;color:#277ec3;}
.piczi a{  font-size:12px;   text-decoration:none; color:#5f5f5f;}
.piczi a:hover{  font-size:12px;   text-decoration:none;color:#277ec3;}  .pad{ padding-top:15px;}
.mad{ margin-top:20px;}

/*---------------------------------ҳͷ��ʽ��ʼ-------------------------------------*/
.top{ width:100%;  margin:0px auto;background:url(../images/index_04.jpg) left top repeat-x;}
.logo{ width:1013px;  height:114px; background:url(../images/index_02.png) left top no-repeat; margin:0 auto ;}
.logo_right{width:149px; text-align:center; float:right; line-height:23px; color:#277ec3;}
.logo_right a{color:#277ec3;}
/*��Ϊ��ҳ �����ղ�*/
.banner{ width:100%; height:auto; margin:0 auto; margin-top:3px; overflow:hidden;}

/*���岿�֣�������ƽ��*/
.mail{ width:100%; height:auto; margin:0 auto; background-color:#ECE8BB;}

/*�������Ĳ��֣����岻ƽ��*/
.box{ width:1000px; margin:0px auto; height:auto; padding-top:20px; padding-bottom:15px;} 
.box2{ width:1000px; margin:0px auto; height:auto; padding-top:8px;} 
/*---------------------------------��ҳ��ʽ��ʼ-------------------------------------*/


/* ��ҳ���Ĳ���:�ϣ��У��µȵ�*/
.sytop{ width:1000px; margin:7px auto; overflow:hidden;}
.symid{ height:281px;  overflow:hidden; background:url(../images/index_211.jpg) no-repeat 50% 0;}
.symid2{width:960px; margin:12px auto; overflow:hidden;}
.sybot{ width:100%; overflow:hidden;}
.sy4{ width:100%;  overflow:hidden; background:#277ec3; height:250px; padding:5px 0;}

/*��ҳ��˾���*/
.syabout{ width:466px; float:left; }
.syabout_top{ height:47px;background:url(../images/index_21.png) left top no-repeat;}
.syabout_bot{ height:170px; overflow:hidden; margin-top:23px;}
.in_about{padding:8px 10px;line-height:24px;text-align:justify}
.in_about img{float:left;display:inline;background:url(images/);margin-right:15px; border:#84D808 0px solid; width:170px; height:160px;}

/*��ҳ��������*/
.syhonor{ width:209px;  float:left;}
.syhonor_top{ height:40px;background:url(../images/1_r5_c3.jpg) left top no-repeat;}
.syhonor_bot{ height:174px; overflow:hidden;}
.syhonor_bot_nr{ width:209px; height:148px; margin:12px auto 0 0;}
.syhonor_bot_nr img{ width:199px; height:140px; padding:2px; border:1px #CECED0 solid;}

/*��ҳ��Ʒ����*/
.sylist{ width:240px; float:left;}
.sylist_top{ height:85px;background:url(../images/index_10.jpg) left top no-repeat;}
.sylist_bot{ height:354px; background:#277ec3; overflow:hidden;}

.sylist2_top{ height:85px;background:#6d7e90; line-height:85px; color:#fff; font-family:"΢���ź�"; font-weight:bold; font-size:20px; text-align:center}
.sylist2_bot{ height:auto; background:#277ec3; overflow:hidden;}

.sylist ul {width:205px;margin:0px auto;}
.sylist ul li{width:100%;height:35px;line-height:35px;float:left;display:inline;background:url(../images/index_16.jpg) left center no-repeat; margin-top:15px;}
.sylist ul a {  text-decoration:none; color:#fff; display:block; font-family:"΢���ź�"; text-indent:2em; font-size:14px;}
.sylist ul font {float:right;margin-right:0px; font-size:12px;}
.sylist ul a:hover {text-decoration:none; color:#ff0;}

/*��ҳ��ϵ����*/
.sylink{ width:220px;  float:left; overflow:hidden; padding:20px 10px; background:#fff;}
.sylink_top{ height:46px;background:url(../images/index_26.jpg) left top no-repeat;}
.sylink_bot{  height:142px;}
.sylink_nr{ line-height:24px; width:90%; margin:0 auto; padding-top:10px ;}

/*��ҳ����*/
.synews{ width:464px;  float:right;}
.synews_top{ height:46px;background:url(../images/index_23.png) left top no-repeat;}
.synews_bot{ height:170px; overflow:hidden; margin-top:23px;}

/*focus*/
.focus{ width:396px; height:100px; margin:0; padding:0;}
.focus-left{ width:120px; height:100px; margin:0; padding:0; float:left;}
.focus-right{ width:276px; height:100px; margin:0; padding:10; float:left; text-height:2em; overflow:hidden;}
.focus-left img{ width:107px; height:83px; margin:6px; padding:0;}
#a-focus{color:#333;font-size:16px;}
#a-focus:hover{color:#f00;}
#a-focus-end{color:#333;}
#a-focus-end:hover{color:#f00;}

/*��ҳ�����б�*/
.new {width:99%;margin:0px auto ;}
.new li {width:100%;height:25px;line-height:25px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom:1px dashed #bebebe}
.new a {float:left; padding-left:10px;  text-decoration:none;color:#333}
.new font {float:right;margin-right:0px; font-size:12px;color:red}
.new a:hover {text-decoration:none;color:#277ec3}

/*��ҳ�����豸��ͼƬ�л��ȵ�*/
.sytu{ width:302px; height:204px; float:right;}
.sytu_top{ height:40px; background:url(../images/1_r13_c13.jpg) left center no-repeat;}
.sytu_bot{ height:160px; overflow:hidden;}
.sytu_bot_nr{ width:295px; height:152px; margin:2px auto 0 auto;}
.sytu_bot_nr img{ width:290px; height:152px; border:3px #64B802 solid;}

/*��ҳ��Ʒչʾ*/
.sypic{ width:749px; float:right; overflow:hidden;}
.sypic_top{ height:45px;background:url(../images/pictop.jpg) left center no-repeat;}
.sypic_bot{ height:437px; overflow:hidden;}

/*��ҳ��Ʒչʾ2������*/

/*.sypic2{ width:100%; height:606px; overflow:hidden;}*/
.sypic2_top{ height:45px;background:url(../images/pictop2.jpg) left center no-repeat;}
/*.sypic2_bot{ width:100%; height:566px; overflow:hidden;}*/


/*��ҳ�������ӣ�����*/
.syfri{ width:953px; height:42px; margin:0 auto; background:#AEF285; border:6px #40981D solid; line-height:42px;}
.syfri_nr{ padding:0 25px; color:#000;}
.syfri_nr a{ color:#000;}
.syfri_nr a:hover{ color:#FF6602;}

/*��ҳ�������ӣ�ͼƬ*/
.syfripic{ width:965px;margin:0 auto; border:1px #DDDDDD solid;}
.syfripic_top{ height:20px;background:url(../images/fritop.jpg) left center no-repeat;}
.syfripic_bot{ width:965px; height:56px; overflow:hidden;}
.syfripic_bot li{ width:95px; height:56px; margin:6px 9px; float:left;}
.syfripic_bot li img{ width:95px; height:42px; margin:6px 9px; float:left;}

/*-------------------------------------------��ҳ��ʽ��ʼ-----------------------------------------------*/


/*����б���Ŀ*/
.boxleft{width:240px;   margin:0px; float:left;}

/*��ҳ��Ʒ����*/
.nylist{width:239px; height:auto; margin:0 auto; overflow:hidden;}
.nylist_top{height:35px; background:url(../images/index_03.png) no-repeat left center ;}
.nylist_bot{ width:239px;height:auto !important; zoom:1; overflow:hidden;}
.classname{ line-height:35px;font-size:16px; color:#000;  padding-left:35px;}

/* �������*/

/*��Ʒ�����б�*/
.aboutleft2 {width:226px;font-size:12px; margin:0 auto; height:auto; padding-bottom:10px;}
.aboutleft2 li {width:100%; height:32px;line-height:32px;background:#e8e8e8; border-bottom:0px #747474 dashed; margin-top:4px;}
.aboutleft2 a {	font-size:14px;text-align:center;  font-weight:bold; display:block;}
.aboutleft2 a:hover {text-decoration:none;text-align:center; font-weight:bold; background:#b3d34a; color:#fff;}

/*��ҳ��ϵ����*/
.boxleft_bot{ margin-top:15px;}
.nylink{ width:239px; height:auto; margin:15px auto 0 auto;}
.nylink_top{ height:40px; background:url(../images/index_30.jpg) no-repeat;}
.nylink_bot{  height:auto ;}
.nylink_bot_nr{ line-height:24px; width:90%; margin:0 auto; padding-top:10px ;}

/*��ҳ�����б�*/
.new1 {width:100%;text-align:left;font-size:12px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/index_37.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed;}
.new1 a {float:left;margin-left:15px; ;}
.new1 font {float:right;margin-right:0px;font-size:12px;}
.new1 a:hover {font-size:12px;text-decoration:none; ;}

/*��ҳ��Ʒ��ʾ�б�*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:0px;}
.product li{ width: auto; margin:10px 4px; float: left; display:block;}
.product li .img{width:235px;height: 178px; background:#fff;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
.product li a{ display:block;color:#277ec3;}
.product li img{ max-width:235px; max-height:178px;vertical-align:middle; }
.product li p{  width:235px;height:32px;line-height:32px; text-align:center; background:url(../images/index_19.jpg) no-repeat; color:#277ec3; font-weight:bold; font-family:"����"}
.product_title{text-align:center; font-weight:bold;padding:5px; width:100%; font-size:16px;}
.product_related{text-align:center; padding:5px; width:100%;}
.proimg{ text-align:center;}
.proimg img{ text-align:center; max-width:98%; margin:0 auto; display:block;} .page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px;}

/*�Ҳ�����*/
.boxright{ width:730px; height:auto; float:right;}
.boxright_top{ height:35px; border-bottom:2px solid #277ec3;;}
.boxright_mid{ width:100%; height:auto !important; min-height:480px; overflow:hidden; zoom:1;}
.boxright_bot{   height:8px; background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{overflow:hidden; height:35px; line-height:35px; font-size:20px; color:#000; float:left; padding-left:5px; font-family:"΢���ź�" ; font-weight:bold;}
.right_zi{ float:right; padding:0px 15px; overflow:hidden;text-align:right; line-height:35px; color:#1D310C; margin-right:5px;}
.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px ;}

/*�Ҳ�����*/

/*---------------------------------ҳβ��ʽ��ʼ-------------------------------------*/
.foot{ width:100%; height:174px; background:url(../images/index_32.jpg) repeat-x; margin:0 auto; text-align:center; color:#FFFFFF;}
.foot a{ color:#fff;}
/*.foot_nr{ padding-top:10px;}*/
.foot_top{ }
.foot_menu{ width:977px; height:49px; line-height:49px; background:url(../images/foot.jpg) left top repeat-x; margin:0px auto 0 auto;color:#fff;}
.foot_bot{ width:100%; overflow:hidden; padding-top:29px;}

/****����1*********/
.index_Roll { width:955px; margin:0 auto;  padding:5px 0px;overflow:hidden;}
#demo { overflow:hidden;  width:955px; margin:0 auto;}
 #indemo { float: left; width:2000%; ;}
#demo #indemo .img { width:142px;height:114px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demo #indemo img {max-width:142px; max-height:114px; vertical-align:middle;}
#demo #indemo a { display:block; width:auto; float:left; margin:20px 10px 0px 10px;}
#demo #indemo p { text-align:center;  line-height:30px; width:100%;  background:url(../images/1_r18_c25.jpg) center top no-repeat; margin-top:10px; ;}
#demo1 { float: left; ;}
#demo2 {float: left;}

/****����2*********/
.index_Rolla { width:955px; margin:0 auto; padding:5px 0px;overflow:hidden;}
#demoa { overflow:hidden;  width:955px; margin:0 auto;} 
#indemoa { float: left; width:2000%; ;}
#demoa #indemoa .img { width:142px;height:114px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demoa #indemoa img {max-width:142px; max-height:114px; vertical-align:middle;}
#demoa #indemoa a { display:block; width:auto; float:left; margin:20px 10px 0px 10px;}
#demoa #indemoa p { text-align:center;  line-height:30px; width:100%; background:url(../images/1_r18_c25.jpg) center top no-repeat; margin-top:10px;}
#demoa1 { float: left;}
#demoa2 {float: left;}

.product2{ width:615px;  padding-left:3px; float:left; overflow:hidden; margin-left:11px;}
.product2 li{ width: auto; margin:0px 6px; float: left; display:block;}

.product2 li a{ display:block;}
.product2 li img{width:193px; height:230px;}
.product2 li p{  text-align:center; height:30px;line-height:30px;width: 100%; margin-top:3px; background:#ccc;}
.casebt{ width:118px; height:231px; float:right;}


/*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}

.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; }

/*-----------------*/