/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:Microsoft YaHei,arial,'微软雅黑','宋体'; color: #5e5f62; min-width: 320px; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/* -webkit-user-select: none;
          -ms-user-select: none;
         -moz-user-select: none;
       -khtml-user-select: none;
              user-select: none;
         */      
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color:red;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}


.w1200{ width: 1200px; margin: 0 auto;}
.db1 .ul li a.hong{ background: #1A2B7A;color: #fff;border-radius: 5px; }
/*全局样式*/

.l{ float: left; }
.r{ float: right; }

/* .rcln{ padding-top: 30px; }
.rcln p{ font-size: 14px; margin: 0px; color: #666; line-height: 30px; text-align: center; }
.rcln ul{ text-align: center; padding: 20px 0px;}
.rcln li{  display: inline-block; margin:0 20px; list-style: none; }
.rcln div{ text-align: center;}
.rcln div img{  padding: 20px 0px;  }
.rcln h3{ padding-top: 30px; font-size: 24px; } */



.vwrap2 {display:none;z-index:1040;width:100%;position:fixed;left:0;top:0;}
.vwrap2 .videobtg2 {z-index:900;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.7;filter:alpha(opacity=70);overflow:hidden;}
.vwrap2 .videobox2 {z-index:990; width:900px;height:500px;background-color:#fff;position:fixed;left:50%;top:50%;margin-top:-250px;margin-left:-500px;}
.vwrap2 .videobox2 #videobox2{width:100%;display:inline-block;height:100%;}
#videobox_wrapper {height:100%!important;}
.vwrap2 .close2 {z-index:999;width:24px;height:24px;cursor:pointer;position:absolute;top:-38px;right:-40px;}
.vwrap2 .close2 i {display:block;width:24px;height:24px;background:url(http://www.smiler-solar.com/template/growattcom/static/image/close.png) no-repeat 50% 50%;-webkit-transition:400ms;transition:400ms;}
.vwrap2 .close2:hover i {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#videobox_display_button {background:none no-repeat!important;}
.jwplayer .jwicon:hover {opacity:1;filter:alpha(opacity=100);}
.jwlogo,.jwclick {display:none!important;}
#videobox_controlbar {bottom:5%!important;}

.guest_box {width:100%;margin:0 auto;}
li.error {position:relative;}
.guest_box li { list-style: none; width:540px;line-height:40px;font-size:12px;color:#666;float:left;margin-bottom:10px;}
.guest_box li .input {font-size:12px;border:1px solid #fff; width: 91%; height:40px;line-height:40px;padding-left:30px;color:#666;background:#fff;background-color:#eee;}
.guest_box li.kakaxi { width: 95.6% }
span.error {position:absolute;top:72px;left:0;color:#ff0000;font-size:12px;}
.guest_box li .textarea {font-size:12px;width:96%;height:230px;border:1px solid #fff;padding-left:30px;padding-top:10px;color:#666;line-height:20px;background-color:#eee; font-family: 微软雅黑;}
textarea {overflow:auto;}
.guest_box .submit {width:198px; transition: 0.3s; height:57px;margin:0 auto;margin-top:0px;background:none;display:block;color:#1A2B7A;font-size:16px;cursor:pointer;transition:0.3s; border: 1px solid #1A2B7A; font-family: 微软雅黑;}
.guest_box .submit:hover{ background-color: #1A2B7A; color: #fff; }
/* .guest_box .submit:hover {color:#fff;background-color:#a8673f;} */
.zxly .list_title2 {margin-bottom:65px;}
.guest_box2 li {width:47%; margin-bottom:15px;    list-style: none;}
.guest_box2 li.error {margin-right:20px;}
.guest_box2 .submit {width:145px;height:40px;}

.biaodan li{ width: 24%;float: left; margin-right: 1%; line-height: 58px; height: 62px; border: 1px solid #dadada; }
.biaodan li.m_r{ margin-right: 0px; }
.biaodan li .input{outline: none; padding-left: 10%; width: 89.4%; line-height: 60px; height: 60px; background-color: #fff;}
.biaodan li.text_error{ width: 99.5%; height: 285px; }
.biaodan li.text_error textarea{outline: none; width: 97.4%; padding-left: 2.4%; padding-top: 20px; height: 263px; background-color: #fff;}

.biaodan_con .submit{ margin: 0 auto; width: 300px; height: 74px; line-height: 74px; text-align: center; background-color: #333; color: #fff; margin: 0 auto; margin-top: 90px; margin-bottom: 105px; font-size: 18px; transition: 0.3s; position: relative; overflow: hidden; border: 0;}
.biaodan_con .submit:hover{ color: #fff; background-color: #e60012; }
.tc-message2 h3{ font-size: 24px; color: #333; font-weight: lighter; text-align: center; padding-top: 10px; padding-bottom: 0px; }
.j_message2{ position: absolute; right: 10%; bottom: 25%; border: 1px solid #1A2B7A; display: block; width: 120px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background-color: #1A2B7A; }
.j_message2:hover{ color: #fff; }


































.show_xzzx{ display: none; }
.show_xzzx_xxk a.on{
    color: #fff;
    background: #1A2B7A;
    border-color: #1A2B7A;
}


.join_body{ padding:0 10px;}
.join_body .join1{ padding:40px 0;}
.join_body .join1 .h3{ font-size:24px; color:#1A2B7A; font-weight:normal;}
.join_body .join1 .p{ font-size:16px;}
.join2{ background:#f7f7f7; padding:20px 10px;}
.join2 .join2_h{ font-size:24px;}
.join2_list .join2_img{ position:relative; border-radius:5px; overflow:hidden; margin-top:30px;}
.join2_list .join2_img img{ width:100%;}
.join2_list .join2_img .p{ font-size:24px; color:#fff; width:100%; height:50px; line-height:50px; text-align:center; position:absolute; bottom:0; left:0; background:#1A2B7A;}
.join2_list .ul li{ width:46%; margin:15px 2%; float:left; background:#fff; text-align:center; padding-top:30px; border:1px solid #f0f0f0;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; border-radius:5px;}
.join2_list .ul li .p{ padding:35px 0 30px; font-size:22px;}
.join3{ padding:30px 10px;}
.join3 .h3{ font-size:24px; font-weight:normal; text-align:center; margin-bottom:10px;}
.join3 img{ display:block; margin:0 auto;}

@media screen and (min-width:640px){
.join_body .join1 .h3{ font-size:30px;}
.join2 .join2_h{ font-size:30px;}
.join3 .h3{ font-size:30px;}
.join3{ padding:60px 0 90px;}
}
@media screen and (min-width:860px){
.join2_list .ul li{ width:20%; margin:15px 2.5%;}
}
@media screen and (min-width:1200px){
.join2{ padding:50px 0 30px;}
.join2 .join2_list{ margin-top:40px;}
.join2_list .join2_img{ width:361px; height:224px; float:left; margin:0;}
.join2_list2 .join2_img{ width:361px; height:467px;}
.join2_list .ul{ width:830px; float:right;}
.join2_list .ul li{ width:173px; height:224px; margin:0 0 0 28px;}
.join2_list2 .ul li{ margin:0 0 19px 28px;}
}

/*页面框架结构*/
.contain{} /*页面主体内容*/
.slidebar{} /*边侧菜单*/
.maincontent{} /*主要内容*/
.content{} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.current{ /*当前位置*/}
.m{ max-width:1600px; margin:0 auto;position: relative;}
.m2{ max-width:1200px; margin:0 auto;}

.pd4_h{ width: 430px; border: 1px solid #ededed; border-radius: 30px; }
.pd4_h2{ width: 430px; border: 1px solid #ededed; border-radius: 30px; }
.pd4_h .hsearch_input{ width: 340px; height: 44px; line-height: 44px; padding-left: 20px; }
.pd4_h .xia_search{ width: 70px; background: url(../image/pd4_btn.jpg) no-repeat center; height: 44px; line-height: 44px; }
.news_body .news_detail .p{ padding: 0px; height: auto!important; }

/*分页*/
.pages{ width:100%; padding:20px 0; text-align:center;}
.pages .p_page a{ display:inline-block; padding:4px 9px; border:1px solid #e9e9e9;font-style: normal; color:#999; margin-bottom:15px;}
.pages .p_page .current,.pages .p_page a:hover{ color:#fff; background:#1A2B7A;}
.pages .p_page .a_cur,.pages .p_page a:hover{ color:#fff; background:#1A2B7A;}
@media (min-width: 480px) {
.pages .p_page a{ padding:7px 16px;font-style: normal;}
}


.xia_search{ display: block; width: 30px; height: 25px; line-height: 25px; text-align: center; background: url(../image/sousuo.png) no-repeat center;}


/*头部*/
.header{ height:97px; border-top:2px solid #3f434b;}
.header .header_m{ position:relative;}
.header_m .logo{ display:block; float:left;}
.header_m .logo img{ margin:15px 0 0 15px; width:151px; height:37px;}
.header_m .nav-btn{ border:1px solid #555; float:right; padding:5px 7px; border-radius:3px; margin:18px 15px 0 0;}
.header_m .nav-btn .glyphicon{ color:#555; font-size:16px;}



.header_m .mainnav{ position:absolute; top:97px; left:0; background:#3f434b; width:100%; border-top:1px solid  rgba(255,255,255,0.2); display:none; z-index:999;}
.header_m .mainnav .ul li{ height:40px; line-height:40px; padding:0 20px;}
.header_m .mainnav .ul li a{ display:block; color:#fff; border-bottom:2px solid rgba(255,255,255,0.2); text-align:center; transition: 0.3s;}
.header_m .mainnav .ul li a:hover,.header_m .mainnav .ul .onnav a{ border-bottom:2px solid #1A2B7A; color:#1A2B7A;}

.drop{width: 100%; background: url("../image/subbg.jpg") center center no-repeat;}
.n_drop{width: 1000px; min-height: 176px; margin: 0 auto;overflow:hidden;}
.drop .tabname{float: left; width: 25%; margin-left: 9%;}
.drop .tabcont{float: right; width:58%; padding:20px; *width: 61%;}
.n_drop[data-name='1'] .ilist li{float: left; width: 35%;}
.drop .tabcont .ilist{ position:relative; padding-left:182px;}
.drop .tabcont img{ position:absolute; left:0; max-width: 162px; /* width: 162px; height: 113px; */ min-height: 113px; max-height: 113px;}
.drop .tabcont li{ }
.drop .tabcont li a{display: block; line-height: 24px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.drop .tab .tabname ul{margin-top: 7px;}
.drop .tab .tabname li{float: right; width: 100%; margin-bottom: 1px; padding: 5px 0 5px 17px; text-align: left;}
.drop .tabname li a{font-size: 14px; padding-left: 1em; color: #fff; background: url("../image/ier2.png") no-repeat left center;}
.drop .tabname li.on a,
.drop .tabname li:hover a{background: #fff url("../image/ier1.png") no-repeat left center;}
.drop .tabname li:hover a{color: #1A2B7A;}
.drop .tabcont li a:hover{color: #1A2B7A;}
.drop .tabname .on,
.drop .tabname .on a{color: #1A2B7A; background: #fff;}
.drop .tabcont p{margin: 0; font-size: 13px; line-height: 23px;}

.header_m .header_search{ text-align:center; float:right; padding:5px 7px; margin:18px 15px 0 0; cursor:pointer;}
.header_m .header_search .glyphicon{ font-size:16px;}
.header_m .hsearch_m{ position:absolute; top:97px; right:0; background:#3f434b; width:230px; padding:10px 15px; display:none; z-index:999;}
.hsearch_m .hsearch_input{ background:#fff; height:26px; border-radius:3px; padding:0 10px;}
.hsearch_m .hsearch_btn .glyphicon{ color:#fff; padding:6px 10px; font-size:16px;}

.header_m .header_r{ background:#3f434b; color:#fff; width:100%; margin-top:15px;}
.header_r .ul{ float:right;}
.header_r .ul li{ float:left;}
.header_r .ul a{ font-size:12px; color:#fff; display:inline-block; padding:6px 0;}
.header_r .ul i{ display:inline-block; width:18px; height:18px; vertical-align:middle; margin:-2px 8px 0 15px;}
.header_r .ul .header_i1{ background:url("../image/header_i1.jpg") no-repeat;}
.header_r .ul .header_i2{ background:url("../image/header_i2.jpg") no-repeat;}

.header_m .header_r .header_site{ float:right; margin-right:15px; padding:6px 5px; font-size:12px; cursor:pointer;}
.header_m .header_r .header_site:hover{ color:#1A2B7A;}
.header_site .glyphicon{ margin-left:5px;}
.header_site:hover .glyphicon{ color:#1A2B7A;}
.header_m .site_down{ width:49px; line-height:25px; text-align:center; position:absolute; top:97px; right:15px; background:#3f434b; display:none; z-index:999;}
.header_m .site_down a{ font-size:12px; color:#fff; display: block; height: 25px; line-height: 25px; border-bottom: 1px solid #4e525a;}


@media (max-width: 1366px) {
	
.header_r .ul{ float:right; margin-right: 10px;}

}

@media (min-width: 768px) {
.header{ height:138px;}
.header_m .nav-btn{ display:none;}
.header_m .mainnav{ display:block; background:#fff;}
.header_m .mainnav .ul{ margin:0 auto;}
.header_m .mainnav .ul li{ float:left; padding:0; }
.header_m .mainnav .ul li a{ color:#555;}
.header_m .logo img{ margin-left:40px;}
.header_m .header_search{ margin: 0 40px 0 0; padding: 0;width: 50px; height: 67px; line-height:67px; float:right}
.header_m .header_r .header_site{ margin-right:40px;}
.header_m .header_r{ margin-top:0;}
.header_m .site_down{ right:40px;}
.header_m .hsearch_m{ top:138px;}
}
@media (min-width:1200px) {
.header{ height:97px;}
.header_m .logo img{ width:300px; height:60px; margin-top:12px;}
.header_m .mainnav{ position:static; float:right; width:auto; margin:18px 20px 0 0;}
.header_m .mainnav .ul li{ width:auto; padding:0 8px; background:url("../image/nav_line.png") no-repeat right center;}
.header_m .mainnav .ul li:last-child{ background:none;}
.header_m .mainnav .ul li a{ padding:0 7px;}
.header_m .header_search{ line-height:83px; float:right}
.header_m .hsearch_m{ top:97px;}
}
@media (min-width:1600px){
.header{ height:90px; /*background:url("../image/header_bg.jpg") no-repeat center center;*/}
.header_m .mainnav{ margin-top:24px;}
.header_m .logo img{ margin-top:15px;}
.header .header_m{ width:1355px; margin:0 auto; padding-right:325px; background:#fff;}
.header_m .header_r{ float:right; width:90px; height:90px; position:absolute; right:0; top:0;}
.header_r .ul{ margin-left:10px;}
.header_r .ul li{}
.header_r .ul a{ display:block; width:120px; height:90px; line-height:90px; text-align:center; padding:0;}
.header_r .ul a:hover{ color:#1A2B7A;}
.header_r .ul i{ margin-left:0;}
.header_m .header_r .header_site{ padding:0; width:56px; height:90px; line-height:90px; text-align:center; margin-right:15px;}
.header_m .site_down{ width:56px; top:90px; right:15px; }
.header_m .hsearch_m{ top:90px; right:325px;}
.header_m .header_search{ height:90px; float:right}

} 
/*头部*/


/*底部*/
.footer{  padding:0px 0 35px;}
.footer .bottom_nav{ display:none;}
.share{ text-align:center; margin-bottom:48px; width: 1200px;margin: 0 auto;padding-bottom: 35px;}
.share a span{ display:inline-block !important; width:36px; height:36px; margin:0 5px;}
.share a{ display:inline-block;float: left;}
.share .share_a1 span{ background:url("../image/link1.jpg") no-repeat; height:36px !important; padding:0 !important;}
.share .share_a2 span{ background:url("../image/link2.jpg") no-repeat; height:36px !important; padding:0 !important;}
.share .share_a3 span{ background:url("../image/link3.jpg") no-repeat; height:36px !important; padding:0 !important;}
.share .share_a4 span{ background:url("http://www.smiler-solar.com/template/growattcom/static/image/link4.jpg") no-repeat; height:36px !important; padding:0 !important;}
.share .share_a5 span{ background:url("http://www.smiler-solar.com/template/growattcom/static/image/link5.jpg") no-repeat; height:36px !important; padding:0 !important;}
.jiathis_style_32x32  .jtico{ display:inline-block !important;}
.links{ text-align:center; margin-bottom:10px;}
.links a{ color:#989898;}
.links em{ display:inline-block; width:1px; height:10px; background:#989898; margin:0 5px 0 10px;}
.share em{ display:inline-block; width:1px; height:10px; background:#989898; margin:0 5px 0 10px;}
.copyright{ padding:0 15px; text-align:center;}
.copyright span{ display:inline-block; color:#989898;}
.copyright a{ color:#989898;}
.copyright a:hover{ color:#90bc28;}
.bottom_icp{ padding:0 10px;}

.gotop{ width:25px; height:25px; background:url("../image/gotop.png") no-repeat; background-size:100% 100%; position:fixed; right:1%; bottom:15%; cursor:pointer; z-index:99;}
@media (min-width:640px){
.gotop{ width:44px; height:44px;}
}
@media (min-width:1024px){
.footer .bottom_nav{ display:block; margin-bottom:20px;}
.bottom_nav .ul{ display:table; text-align:center; margin:0 auto;}
.bottom_nav .ul li{ float:left; text-align:left; margin:0 20px;}
.bottom_nav .ul li a{ font-size:12px; color:#999;}
.bottom_nav .ul li a:hover{ color:red;}
.bottom_nav dl,.bottom_nav dd{ margin:0; padding:0;}
.bottom_nav .ul dt{ color:#fff; margin-bottom:18px;}
.bottom_nav .ul dd{ height:28px; line-height:28px;}
}

@media (min-width:1200px){
.bottom_nav .ul li{ margin:0 40px;}
}

@media (min-width:1600px){
.bottom_nav .ul li{ margin:0 60px;}
}
/*底部*/


/*页面二级/左侧/右侧菜单*/
.slidebar{}
/*页面二级/左侧/右侧菜单*/



/*首页*/

/*首页banner*/
.homeban_pc{ display:none;}
.homeban .bx-wrapper img{ width:100%; height:100%;}
.homeban .bx-wrapper{ max-width:100% !important;}
.homeban .bx-wrapper{ margin:0 auto;}
.homeban .bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px; border:2px solid #ccecbf; border-radius:8px; background:none;}
.homeban .bx-wrapper .bx-pager.bx-default-pager a:hover,
.homeban .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#1A2B7A; border-color:#1A2B7A;}
.homeban .bx-wrapper .bx-pager,
.homeban .bx-wrapper .bx-controls-auto{ bottom:10px;}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
.homeban .bx-wrapper .bx-pager,
.homeban .bx-wrapper .bx-controls-auto{ bottom:30px;}

}
/* 中等屏幕（桌面显示器，大于等于 1024px） */
@media (min-width: 1024px) {
.homeban_mb{ display:none;}
.homeban_pc{ display:block;}
.homeban_pc .slide .slide_a{ display:block; }
.fourlist li {width: 25%;}

}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
}
@media (min-width:1600px){

}

/*产品中心*/
.ipro .ipubp {
    padding-bottom: 60px;
}
.ipubp {
    line-height: 24px;
    text-align: center;
    color: #999;
}
.ipropic {
    font-size: 14px;
    line-height: 40px;
    color: #666;
}
.ipropic li {
    text-align: center;
}

.fourlist li {
    float: left;
    width: 94%;
    list-style: none;
    margin-left: -8px;
}
.ipropic li a {
    display: block;
    overflow: hidden;
}
.ipropic li a img {
	transition: ease-in all .5s;
	max-width: 100%;
    height: auto;
}
.fourlist li a :hover {
    color: #1A2B7A !important;
}
.ipro.c {
    height: auto;
}
/* 中等屏幕（桌面显示器，大于等于 1024px） */
@media (min-width: 1024px) {
.fourlist li {width: 25%;}

}

/*解决方案*/
.home_h{ padding:20px 15px;}
.home_h .h2{ font-size:16px; color:#0c142c; float:left;}
.home_h .h2 i{ display:inline-block; width:26px; height:26px; vertical-align:middle; margin:-3px 8px 0 0;}
.home_h .h2 .home_hi1{ background:url("../image/home_hi1.png") no-repeat;}
.home_h .h2 .home_hi2{ background:url("../image/home_hi2.png") no-repeat;}
.home_h .h2 .home_hi3{ background:url("../image/home_hi3.png") no-repeat;}
.home_h .h2 .home_hi4{ background:url("../image/home_hi4.png") no-repeat;}
.home_h .home_hmore{ display:block; width:64px; height:24px; line-height:24px; text-align:center; color:#fff; background:#3f434b; border-radius:2px; float:right; font-size:12px;}
.home_h .home_hmore:hover{ background:#1A2B7A;}

@media (min-width: 640px) {
.home_h .h2{ font-size:20px;}
.home_h .home_hmore{ width:80px; height:30px; line-height:30px; font-size:14px;}
}
@media (min-width: 1024px) {
.home_h{ padding:40px 15px;}
}

.homeproject{ background:#ededed; padding-bottom:20px;}
.homeproject .ul img{ width:100%;}
.homeproject .ul .p{ font-size:18px; color:#1A2B7A; font-weight:bold; padding:10px 0 28px; text-align:center;}

@media (min-width: 768px) {
.homeproject .ul li{ float:left; width:26.5%; margin-left:5%;}
}
@media (min-width: 1024px) {
.homeproject{ padding-bottom:50px;}
.homeproject .ul li{ width:32%; margin-left:2%; position:relative;}
.homeproject .ul li:first-child{ margin-left:0;}
.homeproject .ul .p{ position:absolute; bottom:0; text-align:left; padding-left:40px;}
}
@media (min-width: 1600px) {
.home_h{ padding:40px 0;}
}


/*公司简介*/
.homeintro{ margin-bottom:45px;}
.hi_banner .bx-wrapper{ margin:0;}
.hi_banner .bx-wrapper img{ width:100%;}
.hi_banner .bx-pager{ display:none;}
.hi_banner .bx-wrapper .bx-controls-direction a{ width:50px; height:50px; top:26px;}
.homeintro .hi_text{ padding:20px 15px;}
.homeintro .hi_text .h3{ font-size:30px; color:#5e5f62; font-weight:normal;}
.homeintro .hi_text .p{ color:#5e5f62; text-indent:2em; margin-top:30px;}
.homeintro .hi_text .p1{ font-size:18px; color:#d7d7d7; text-indent:0; margin:0 0 30px;}
.homeintro .hi_text .more_a{ display:block; width:135px; height:40px; line-height:40px; color:#fff; text-align:center; background:#1A2B7A; border-radius:2px; margin-top:30px;}
.homeintro .bx-controls-direction{ width:100px; height:60px; right:0; bottom:0; position:absolute;}
.homeintro .bx-wrapper .bx-prev{ bottom:0;left:0; background:url("../image/left.png") rgba(255, 255, 255, 0.7) no-repeat center center;}
.homeintro .bx-wrapper .bx-next{ bottom:0; right:0; background:url("../image/right.png") rgba(255, 255, 255, 0.7) no-repeat center center;}


@media (min-width: 1024px) {
.homeintro .hi_banner{ width:30%; padding-left:2%; float:left;}
.homeintro .hi_text{ width:64%; float:left; padding:0% 2% 0;}
}
@media (min-width: 1600px) {
.homeintro .hi_banner{ width:50%; padding-left:0;}
.homeintro .hi_text{ width:42.6%; float:left; padding:80px 3.7% 0;}
.homeintro .hi_text .more_a{ margin-top:90px;}
.homeintro .hi_box{ background:#f6f6f6;}
}


/*新闻资讯*/
.homenews{ background:#f6f6f6; padding-bottom:25px;}
.homenews .home_h{text-align: center;}
.homenews .home_h span{font-size: 14px;font-weight: bold;margin:0 10px;padding:5px 27px;cursor: pointer;color: #666;border:1px solid #e0e0e0;border-radius: 20px;background: #fff;}
.homenews .home_h span.on{background: #1A2B7A;color: #fff;}
.homenews .home_h .niz{padding-top: 50px;}
.hn_list .ul li{ padding:0 15px 30px;width: 105%;}
.hn_list .ul .hn_img{ position:relative; overflow: hidden;width: 288px;height: 222px;}
.hn_img img{ width:100%;position: absolute; left: 0;top: 0;width: 288px;height: 222px;}
.swiper-button-next, .swiper-button-prev {margin-top: -80px;}
.swiper-wrapper {margin-left: -134px;}
.hn_img .hn_more{ width:90px; height:40px; background:url("../image/hn_more.png") #1A2B7A no-repeat center center; position:absolute; bottom:0; left:0; display: none;}
.hn_list .ul .hn_time{ font-size:12px; margin-top:10px;}
.hn_list .ul .hn_time span{ font-size:12px; color:#d4d5d5; padding-left:10px;}
.hn_list .ul .h3{line-height:25px; height:50px; margin:5px 0 5px;}
.hn_list .ul .h3t{margin-top: 10px;}
.hn_list .ul .h3 a{ color:#5e5f62; font-size:16px; }
.hn_list .ul .h3 a:hover{ color:#1A2B7A;}
.hn_list .ul .p{ color:#a6a6a6; height:40px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.navPrev {
    background-position: 10px 8px;
    right: 47px;
    float: left;
    border-right-color: transparent;
    top: 18px;
    left: 0;
    content:"<";
}
 .navNext {
    background-position: -22px 8px;
    right: 10px;
    top: 18px;
    float: right;
    right: 0;
    content:">";
}
.navPrev , .navNext{
    border: 1px solid #fff;
    background-color: rgba(179, 169, 169, 0.6);
    display: inline-block;
    width: 36px;
    height: 50px;
    margin-top: 156px;
    line-height: 50px;
    color: #1A2B7A;
    font-size: 26px;
    font-weight: 700;
    background-repeat: no-repeat;
    position: absolute;
    text-align: center;
}





@media (min-width: 640px) {
.hn_list .ul li{ width:100%; padding:0; margin:0 3% 30px; float:left;}
.homenews .home_h .niz{padding-top: 0;}
}

@media (min-width:1200px) {
.hn_list .ul li{ min-width:100%; margin:0 2% 30px;}
}

@media (min-width:1600px) {
.hn_list .ul li{ width:130%; margin:0 0 30px 3.333%;}
.hn_list {
    margin-left: -58px;
    left: 0;
}
.hn_list .ul .p {height:44px;}
.hn_list .ul li:first-child{ margin-left:0;}
.hn_list .ul .p,.hn_list .ul .h3{ width:80%;}
}


/*项目案例*/

.homecase{ background:#fff; padding-bottom:25px;}
.hc_list .ul li{ padding:0 15px 30px;}
.hc_list .ul .hc_img{ position:relative;}
.hc_img img{ width:100%;}
.hc_img .hc_name{ position:absolute; bottom:0; left:0; width:100%; height:60px; line-height:60px; background:rgba(22,44,123,0.8); color:#fff; font-size:20px; font-weight:bold; text-align:center;}
.hc_text .h3{ font-size:18px; font-weight:normal;line-height:25px; height:25px; margin:5px 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hc_text .p{ height:40px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hc_text .hc_icon{ display:none;}

@media (min-width: 640px) {
.hc_list .ul li{ width:44%; padding:0; margin:0 3% 30px; float:left;}
.hc_text .h3{ font-size:24px;}
}

@media (min-width:1200px) {
.hc_list .ul li{ width:21%; margin:0 2% 30px; position:relative;}
.hc_list .ul .hc_text{ display:none; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0;}
.hc_list .ul li:hover .hc_name{ display:none;}
.hc_list .ul li:hover .hc_text{ display:block;}
.hc_text .h3,.hc_text .p{ width:70%; margin:0 auto; text-align:center; color:#fff;}
.hc_text .h3{ margin:70px auto 22px;}
.hc_text .hc_icon{ display:block; width:34px; height:34px; background:url("../image/homenews.png") no-repeat; margin:40px auto 0;}
}

@media (min-width:1600px) {
.hc_list .ul li{ width:22.5%; margin:0 0 30px 3.333%;}
.hc_list .ul li:first-child{ margin-left:0;}
.hc_text .h3{ margin-top:110px;}
}
/*首页 结束*/




/*公司简介*/
.side_h .sidebanner_pc{ width:100%; /*height:419px;*/ display:none;}
.side_h .sidebanner_mb img{ width:100%;}
.side_h .crumb{ padding:16px 0;}
.side_h .crumb a,.side_h .crumb span{ font-size:12px;}
.side_h .crumb a:hover{ color:#1A2B7A;}
.side_h .crumb span{ color:#1A2B7A;}
.menu{text-align:center; padding:32px 0 22px; border-bottom:1px solid #ededed;}
.menu a{ display:inline-block; padding:6px 10px; color:#5e5f62; font-size:12px; border-radius:30px; margin-bottom:15px;}
.menu .onnav,.menu a:hover{ color:#fff; background:#1A2B7A;}
@media (min-width:768px) {
.side_h{ position:relative;}
.side_h .crumb{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.4); text-align:right; color:#fff;}
.side_h .crumb a,.side_h .crumb span{ font-size:14px;}
.side_h .crumb a{ color:#fff;}
.menu a{ padding:8px 20px; font-size:16px;}
}
@media (min-width:1200px) {
.side_h .sidebanner_mb{ display:none;}
.side_h .sidebanner_pc{ display:block;}
}


.about_body{ background:#fff; padding:60px 15px 30px;}
.about_body .about1{ margin:0 0 20px; padding:20px 15px; border:1px solid #ededed; background:#fcfcfc;}
.about_list .about_img img{ width:100%;}
.about_list .ul li{ margin-bottom:35px;}
.about_text .h3{ font-size:18px; color:#333; font-weight:normal; margin:10px 0 10px;}
.about_text em{ display:block; width:51px; height:7px; background:url("http://www.smiler-solar.com/template/growattcom/static/image/about.png") no-repeat;}
.about_text .p{ color:#666; margin-top:10px;}
.about_list .ul .li_video video{ width:100%;}
@media (min-width:768px) {
.about_body .about1{ padding:28px 4.17%; margin:0 auto 55px; font-size:16px;}
.about_text .h3{ font-size:24px;}
}
@media (min-width:1024px) {
.about_body{ padding:60px 15px 80px;}
.about_list .ul li{ margin:0;}
.about_text .h3{ margin:75px auto 24px; text-align:center;}
.li_video .about_text .h3{ margin-top:45px;}
.about_text em{ margin:0 auto;}
.about_text .p{ margin-top:22px; padding:0 0 0 10%;}
.about_list .ul li:nth-child(even) .about_img{ float:left; width:50%;}
.about_list .ul li:nth-child(even) .about_text{ float:right; width:50%;}
.about_list .ul li:nth-child(odd) .about_img{ float:right; width:50%;}
.about_list .ul li:nth-child(odd) .about_text{ float:left; width:50%;}
.about_list .ul li:nth-child(odd) .p{ padding:0 10% 0 0;}
}
@media (min-width:1200px) {
.about_text .h3{ margin-top:110px;}
.li_video .about_text .h3{ margin-top:80px;}
}
/*公司简介 结束*/



/*企业历程*/

.Floor001014{ padding:0;}
.Floor001014 .title{ padding:18px 0; overflow:hidden; background-color:#fff;}
.Floor001014 .title em{ font-style:normal; font-size:20px; float:left;}
.Floor001014 .title em span{ color:#c8c8c8; font-size:12px; font-family:Georgia; display:block; text-transform:uppercase;}
.Floor001014 .list_scroll{ width:90%; position:relative; z-index:1; margin:0 auto;}
.Floor001014 .list_copy{ display:none;}
.Floor001014 .list_scroll li{ text-align:center; line-height:40px; cursor:pointer; font-size:15px;}
.Floor001014 .list_scroll li.on{ font-weight:bold; color:#0e408b;}
.Floor001014 .list_scroll li.on::before,
.Floor001014 .list_scroll li::after{position:absolute; content:'';}
.Floor001014 .list_scroll li.on::before{  left:50%; margin-left:-5px; bottom:0; width:0; height:0; border:5px solid #0e408b; border-left-color:transparent;border-right-color:transparent; border-bottom:0;}
.Floor001014 .list_scroll li::after{ background-color:#cdcdcd; width:4px; height:4px; border-radius:50%; right:0; top:50%; margin-top:-2px;}
.Floor001014 .list_scroll .bx-viewport{ z-index:2;}
.Floor001014 .list_scroll .bx-controls-direction{ position:absolute; right:-50px; padding:0 50px; top:35%; margin-top:-16px; width:100%; height:33px; z-index:5; }
.Floor001014 .list_scroll .bx-controls-direction a{ display:inline-block; width:33px; height:33px; background-image:url("../image/Floor001014-btn.png"); background-repeat:no-repeat; overflow:hidden; line-height:100px; float:left;margin-left:7px;}
.Floor001014 .list_scroll .bx-controls-direction a.bx-prev{ background-position:0 0;}
.Floor001014 .list_scroll .bx-controls-direction a.bx-prev.disabled{ background-position:0 0;}
.Floor001014 .list_scroll .bx-controls-direction a.bx-next{ background-position:right bottom; }
/*.Floor001014 .list_scroll .bx-controls-direction a.bx-next.disabled{ background-position:right bottom;}*/
.Floor001014 .bx-pager{ display:none;}
.Floor001014 .list_content .bx-controls{ display:none;}

}


.history_body{ background:pink;}


.Floor001014 .list_scroll .bx-viewport{ padding-top:50px;}
.Floor001014 .list_scroll li{ border-radius:50px;}
.Floor001014 .list_scroll li.on{ color:#fff; background:#1A2B7A; font-weight:normal;}
.Floor001014 .list_scroll li.on::before{border: 5px solid #1A2B7A;border-left-color: transparent;border-right-color: transparent;border-top: 0; top:-5px; font-weight:normal; color:#fff;}
.Floor001014 .list_scroll li::after{ background:#808288; width:80px; height:12px; top:-22px; left:45%; background:url("../image/banner_line.jpg") no-repeat; background-size:100% 100%; border-radius:0;}
.Floor001014 .list_scroll li.on::after{ background:url("../image/banner_line2.jpg") no-repeat;}
@media(max-width:768px){
.Floor001014 .title em,
.Floor001014 .list_scroll{ float:none; width:auto;}
.Floor001014 .list_scroll{ padding-right:0;}
.Floor001014 .list_scroll .bx-controls-direction{ margin-top:0; top:120px; padding:0; width:100%; left:0;}
}

/*时间轴*/
.Timeline001524{ padding-bottom:50px;}
.Timeline001524 .columnName{ text-transform:uppercase; padding:50px 0; line-height:normal; text-align:center; font-size:61px; color:#c20f00;}
.Timeline001524 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;}
.Timeline001524 .columnName i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#c20f00;}
.Timeline001524 .list{ background:url("https://www.growatt.com/weboms/Template/pc_web/statics/images/Timeline001524-logo.jpg.html") no-repeat center top; padding-top:23px; margin-top:20px;}
.Timeline001524 .list ul{ background:url("../image/Timeline001524-ul.jpg") repeat-y center top; padding:54px 0;}
.Timeline001524 li{ padding-left:50%; background:url("https://www.growatt.com/weboms/Template/pc_web/statics/images/Timeline001524-li.png.html") no-repeat center top; padding-top:10px; padding-bottom:10px;}
.Timeline001524 li div{ padding-left:36px;}
.Timeline001524 li div p{ font-size:14px;}
.Timeline001524 li.odd{ text-align:right; padding-left:0; padding-right:50%;}
.Timeline001524 li.odd div{padding-left:0; padding-right:36px;}
.Timeline001524 li time{ display:block; color:#353535; font-size:18px; padding-top:12px; background:url("https://www.growatt.com/weboms/Template/pc_web/statics/images/Timeline001524-time.gif.html") no-repeat left top;}
.Timeline001524 li.odd time{ background-image:url("https://www.growatt.com/weboms/Template/pc_web/statics/images/Timeline001524-time_odd.gif.html"); background-position: right top;}
.Timeline001524 ol{ text-align:center;}
.Timeline001524 ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px; background:url("https://www.growatt.com/weboms/Template/pc_web/statics/images/history_more.jpg.html") no-repeat;}

.Timeline001524 .list .history_img{ width:258px; height:116px;}


.history_list dl,.history_list dd{ margin:0;}
.history_list dl dd{ margin-bottom:25px; padding:0 10px;}
.history_list .hl_img img{width:100%;}
.history_list .hl_text{}
.history_list .hl_time{ width:90px; height:28px; color:#fff; line-height:28px; text-align:center; background:#808288; border-radius:28px; margin:15px 0;}
.history_list dl dd .dd_i{ display:none;}
@media (min-width:640px) {
.history_list dl dd{ width:46%; margin:0 2% 25px; float:left; padding:0;}
}
@media (min-width:1024px) {
.history_list dl{ background:url("../image/Timeline001524-ul.jpg") repeat-y center top;}
.history_list dl dd{ width:48%; margin:0 0 50px; float:none; position:relative; padding:0 52% 0 0; background:url("../image/hl_ddbg.jpg") no-repeat left center; background-size:48% 100%;}
.history_list dl dd .dd_i{ display:block; width:26px; height:26px;background: url("../image/point1.jpg") no-repeat center center; position:absolute; top:0; left:49%;}
.history_list dl dd:hover .dd_i{background: url("../image/point2.jpg") no-repeat center center;}
.history_list dl dd:nth-child(even){ padding:0 0 0 52%; background:url("../image/hl_ddbg2.jpg") no-repeat right; background-size:48% 100%;}
.history_list .hl_img{ float:left; width:30%; padding:20px 10px;}
.history_list dl dd:nth-child(even) .hl_img{ margin-left:10px;}
.history_list .hl_text{ float:left; width:60%; padding:20px 10px;}
.history_list .hl_time{ position:absolute; right:38%;}
.history_list dl dd:hover .hl_time{ background:#1A2B7A; color:#fff;}
.history_list dl dd:nth-child(even) .hl_time{ left:38%;}
}


.pages {height:35px;line-height:35px;margin-top: 40px; margin-bottom: 80px; text-align:center;clear:both;}
.pages a { font-size:16px; display: inline-block; width: 35px; height: 35px; line-height: 35px; color:#666;margin:0 5px;}
.pages span,.pages a:hover { background:#acbc4b;color:#fff;font-size:16px;}
.pages span { display: inline-block; width: 35px; height: 35px; line-height: 35px; margin:0 7px;font-size:14px;}
.pages a.prev:before,.pages a.prev_disabled:before {content:"上一页";font-family:微软雅黑}
.pages a.next:before,.pages a.next_disabled:before {content:"下一页";font-family:微软雅黑 }
.pages a.prev_disabled{width: 60px;}
.pages a.next{width: 60px;}
.pages a.prev{width: 60px;}
.pages a.next_disabled{width: 60px;}






.pages {height:35px;line-height:35px;margin-top: 40px; margin-bottom: 80px; text-align:center;clear:both;}
.pages a { font-size:16px; display: inline-block; width: 35px; height: 35px; line-height: 35px; color:#666;margin:0 7px;}
.pages span,.pages a:hover { background:#acbc4b;color:#fff;font-size:16px; border-radius: 5px;}
.pages span { display: inline-block; width: 35px; height: 35px; line-height: 35px; margin:0 7px;font-size:14px;}
.pages a.prev:before,.pages a.prev_disabled:before {content:"上一页";font-family:微软雅黑}
.pages a.next:before,.pages a.next_disabled:before {content:"下一页";font-family:微软雅黑 }
.pages a.prev_disabled{width: 60px;}
.pages a.next{width: 60px;}
.pages a.prev{width: 60px;}
.pages a.next_disabled{width: 60px;}




/*企业历程 结束*/






/*企业文化*/
.culture_body{ padding:25px 10px;}
.culture_body .ul li{ margin-bottom:30px;}
.culture_body .ul li img{ width:100%;}
.culture_text .h3{ font-size:18px; color:#1A2B7A; font-weight:normal; margin:5px 0;}
.culture_text .p{ font-size:14px;}

@media (min-width:768px) {
.culture_body{ padding:55px 0 45px;}
.culture_body .ul li{ position:relative;}
.culture_body .culture_text{ position:absolute; left:65px; top:130px;}
.culture_text .h3{ font-size:32px; margin-bottom:18px;}
.culture_text .p{ font-size:20px; color:#fff; margin-bottom:8px;}
}

@media (min-width:1024px) {
.culture_body .ul li{ float:left; width:49.5%; margin-left:1%;}
.culture_body .ul li:nth-child(1){ width:100%; margin:0 0 1% 0;}
.culture_body .ul li:nth-child(2){ margin-left:0;}
}
/*企业文化 结束*/




/*总裁致辞*/
.speak_body{ padding:30px 10px; width: 1180px; margin: 0 auto; max-width: 96%;}
.speak_body .speak1{ background:url("../image/speak1.jpg") no-repeat; background-size:100% 100%; padding:20px 0; text-align:center; margin-bottom:25px;}
.speak_body .speak2{ margin-bottom:25px;}
.speak_body .speak2 img{ width:100%;}
.speak1 .h3{ font-size:25px; color:#1A2B7A; font-weight:normal;}
.speak1 .p{ font-size:16px; color:#9e9e9e;}
.speak2_text .p{ color:#666; margin-bottom:20px;}
.speak2_text .p1{ font-size:18px; color:#1A2B7A; margin-bottom:25px;}
.speak2_text .p1{ margin-bottom:25px;}
@media (min-width:480px) {
.speak1 .h3{ font-size:43px; }
.speak1 .p{ font-size:18px; }
}
@media (min-width:1024px) {
.speak_body{ padding:30px 0 60px;}
.speak_body .speak1{ width:45%; margin:60px 0 60px;}
.speak_body .speak2{ float:right; width:50%; padding-left:30px; margin-top:-240px;}
.speak2_text .p{ margin-bottom:30px;}
}
/*总裁致辞 结束*/




/*解决方案*/
.solution_body{ padding:40px 10px 20px;}
.solution_body .solution1 .p{ color:#5e5f62; margin-bottom:30px;}
.solution_body .solution_h{ font-size:22px; color:#4a4a4a; padding:10px 0 25px; font-weight:bold;}
.solution_body .ul li{ margin-bottom:40px; background:#f6f6f6;}
.solution_body .solution_img img{ width:100%;}
.solution_body .solution_text{}
.solution_text .h3{ font-size:16px; margin:5px 0 10px;}
.solution_text .h3 a:hover{ color:#1A2B7A;}
.solution_text dl,.solution_text dd{ margin:0;}


@media (min-width:640px) {
.solution_body{ padding:40px 0 20px;}
.solution_body .ul li{ width:46%; margin:0 2% 40px; float:left;}
}

@media (min-width:1024px) {
.solution_body .ul li{ width:48%; margin:0 0 40px 4%;}
.solution_body .ul li:nth-child(2n-1){ margin-left:0;}
.solution_body .solution_img{ float:left; width:42.8%;}
.solution_body .solution_text{ float:left; width:42.2%; padding:65px 6% 0 9%;}
}
/*解决方案 结束*/




/*解决方案详情*/
.sdetail_body{ padding:50px 0;}
.sdetail_body .sd1{ padding:0 10px 20px;}
.sdetail_body .sd1 .h3{ font-size:20px; color:#666; font-weight:normal;}
.sdetail_body .sd1 .p{ color:#666;}
.sdetail_body .sd1 .ul{ margin-top:45px;}
.sd1 .ul li{ margin-bottom:20px; padding:20px 3.6% 20px 12.7%; background:url("../image/sdetail.png") #f7f7f7 no-repeat 5.45% center;}
.sd1 ul li p,
.sd1 ul li  .p,
.sd1 ul li  span,
.sd1 ul li  p.MsoListParagraph,
.sd1 ul li  span.MsoListParagraph{text-indent: 0 !important; margin-left: 0 !important;}    

 
.sd1 .ul .h4{ font-size:24px; color:#666; font-weight:normal;}
.sdetail_body .sd2{ background:#f7f7f7; padding:25px 0 32px;}
.sdetail_body .sd2 .h3{ font-size:20px; color:#666; font-weight:normal; margin:0 0 10px 10px;}
.sd2 .sd2_img img,.sd3 .sd3_img img{ width:100%;}
.sdetail_body .sd3{ padding:20px 10px 20px;}
.sdetail_body .sd3 .h3,.sdetail_body .sd4_banner .h3{ font-size:20px; color:#666; font-weight:normal; margin-bottom:16px;}
.sd3 .ul li{ margin-bottom:30px; border:1px solid #ebebeb;}
.sd3 .sd3_text{ padding:0 25px 20px;}
.sd3 .sd3_text .h4{ margin:5px 0 5px;}
.sd3 .sd3_text .h4 a{ font-size:16px; color:#1A2B7A;}
.sd3 .sd3_text .p{ color:#666; max-height:50px; line-height:24px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.sd3 .sd3_text .sd3_more{ display:block; width:120px; height:34px; line-height:34px; color:#1A2B7A; border:1px solid #1A2B7A; text-align:center; font-size:12px; margin-top:15px;}

@media (min-width:640px) {
.sdetail_body .sd1{ padding:0 0 55px;}
.sd1 .ul li{ width:36.7%; padding:20px 3.6% 20px 5.7%; margin:0 2% 20px; float:left;}
.sdetail_body .sd2{ padding:55px 0 72px;}
.sd3{ padding:60px 10px 40px;}
.sdetail_body .sd1 .h3,.sdetail_body .sd2 .h3{ font-size:30px; margin-left:0;}
.sdetail_body .sd2 .h3{ margin-bottom:30px;}
.sd3 .h3,.sdetail_body .sd4_banner .h3{ font-size:24px; margin-bottom:32px;}
.sd3 .sd3_img{ float:left; width:50%;}
.sd3 .sd3_text{ float:left; width:32%; padding:50px 9% 0;}
.sd3 .sd3_text .h4{ margin-bottom:15px;}
.sd3 .sd3_text .sd3_more{ margin-top:25px;}
}

@media (min-width:1200px) {
.sd3{ padding:60px 0 40px;}
.sd1 .ul li{ width:13.8%; margin:0 0 0 2.5%;}
.sd1 .ul li:first-child{ margin-left:0;}
.sd3 .ul li{ width:32.5%; float:left; margin-left:1%;}
.sd3 .ul li:nth-child(3n-2){ margin-left:0;}
.sd3 .sd3_img{ width:40%;height: 180px;}
.sd3 .sd3_text{ width:54%; padding:5px 3% 0;}
.sd3 .sd3_text .h4{ margin-bottom:5px;}
.sd3 .sd3_text .sd3_more{ margin-top:15px; width:100px; height:25px; line-height:25px;}
}
@media (min-width:1600px) {
.sd3 .sd3_img{ width:50%; height: 239px;}
.sd3 .sd3_text{ width:40%; padding:45px 5% 0;}
.sd3 .sd3_text .h4{ margin-bottom:20px;}
.sd3 .sd3_text .sd3_more{ margin-top:25px; width:120px; height:34px; line-height:34px;}
}



/*相关案例banner*/
.sd4_banner{ margin:45px auto 0; padding:0 10px;}
.sd4_banner .picScroll-left{ overflow:hidden; position:relative;}
.sd4_banner .picScroll-left .hd{ overflow:hidden;  height:30px; padding:25px 0 50px;}
.sd4_banner .picScroll-left .pic{ width:280px; position:relative;}
.sd4_banner .picScroll-left .hd .next{ background-position:0 -50px;  }
.sd4_banner .picScroll-left .hd .prevStop{ background-position:-60px 0; }
.sd4_banner .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.sd4_banner .picScroll-left .hd ul{ padding:0; overflow:hidden; zoom:1; margin-top:10px;  zoom:1; text-align:center; }
.sd4_banner .picScroll-left .hd ul li{ display:inline-block; width:10px; height:10px; overflow:hidden; margin:0 6px; text-indent:-999px; cursor:pointer; background:url("../image/point1.jpg") no-repeat;border-radius:10px;}
.sd4_banner .picScroll-left .hd ul li.on{ background:url("../image/point2.jpg") no-repeat; }
.sd4_banner .picScroll-left .bd{}
.sd4_banner .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.sd4_banner .picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; list-style:none;}
.sd4_banner .picScroll-left .prev,.sd4_banner .picScroll-left .next{ display:block; width:20px; height:20px; line-height:20px; border-radius:20px; position:absolute; overflow:hidden; display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight:bold;-webkit-font-smoothing: antialiased;font-size: 12px;color: #cdcdcd;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border:2px solid #cdcdcd;text-align:center;}
.sd4_banner .tempWrap{ margin:0 auto;}
.sd4_banner .picScroll-left .prev{ top:45%; left:0; }
.sd4_banner .picScroll-left .next{ top:45%; right:0; }
.sd4_banner .picScroll-left .prev:hover
,.sd4_banner .picScroll-left .next:hover{ color:#1A2B7A; border-color:#1A2B7A;}
.sd4_banner .sd4_name{ position:absolute; bottom:0; left:0; width:100%; height:60px; line-height:60px; background:rgba(144,195,31,0.8); color:#fff; font-size:20px; font-weight:bold; text-align:center;}
@media screen and (min-width:400px){
.sd4_banner .picScroll-left .pic{ width:360px;}
}
@media screen and (min-width:1200px){
.sd4_banner{ width:1200px; margin-top:10px; padding:0;}
}
/*解决方案详情 结束*/



/*项目案例*/
.case_body{ padding:30px 10px;}
.case_body .ul li{ position:relative; overflow:hidden; margin-bottom:36px; border:1px solid #ebebeb;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; background:#fdfdfd;}
.case_body .case_img{ width:100%;}
.case_body .case_img img{ width:100%;}
.case_body .case_text{ padding:15px 20px;}
.case_body .case_text .h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_body .case_text .h3 a{ font-size:16px; color:#5e5f62;}
.case_body .case_text .h3 a:hover{ color:#1A2B7A;}
.case_body .case_text .p{ color:#a6a6a6; line-height:22px; height:44px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:35px;}
.case_body .case_text .case_more{ display:block; width:130px; height:30px; line-height:30px; text-align:center; border:1px solid #d2d2d2; color:#999; margin:0 auto; border-radius:2px;}
.case_body .case_text .case_more:hover{ background:#1A2B7A; color:#fff; border-color:#1A2B7A;}
.case_body .case_info{ display:none;}
.case_body .case_info .box dl span{ display:block; text-align:left; padding:5px 20px;}
.case_body .case_info .box dl{ padding:0; margin:0}

@media screen and (min-width:640px){
.case_body .case_info{ width:100%; height:100%; position:absolute; left:0; top:0;background-color:rgba(144, 195, 31, 0.82); }
.case_body .case_info .box{ display:table;width:100%; height:100%; text-align:center;}
.case_body .case_info .box dl{ color:#fff; display:table-cell; vertical-align:middle;}
.case_body .ul li:hover .case_info{ display: block;}
}
@media screen and (min-width:768px){
.case_body{ padding:30px 0;}
.case_body .ul li{ float:left; width:46%; margin:2%;}
}
@media screen and (min-width:1200px){
.case_body{ padding:80px 0 35px;}
.case_body .ul li{ width:30.333%; margin:1.5%;}
}
@media screen and (max-width:1190px){
	.case_body .ul li:nth-child(2n+1){ clear:both}
}
@media screen and (max-width:640px){
.case_body .case_info{ display: block;}
.case_body .case_info .box dl{ padding-bottom:10px;}
}
/*项目案例 结束*/



/*产品中心*/
.menu2{ text-align:center;}
.menu2 span{ display:inline-block; padding:17px 0 20px; font-size:12px; color:#5e5f62; margin:0 15px; border-top:3px solid #fff; cursor:pointer;}
.menu2 .onnav,.menu2 span:hover{ color:#1A2B7A; border-color:#1A2B7A;}

@media screen and (min-width:768px){
.menu2 span{ margin:0 35px; font-size:15px;}
}

.product_body .product_box{ display:none;}
.product_body .product_show{ display:block;}
/*产品中心 结束*/



/*产品详情页*/
.pd1{ background:#f3f3f3; padding:30px 10px;}
.pd1 .pd1_img img{ width:100%;}
.pd1 .pd1_text{}
.pd1 .pd1_text .h3{ font-size:20px; color:#3f434b; font-weight:normal; margin:5px 0 10px;}
.pd1 .pd1_text .p{ color:#4a4a4a;}

.pd2{ padding:30px 10px;}
.pd2 .ul li{ margin-bottom:30px;}
.pd2 .h3{ font-size:20px; color:#4a4a4a; font-weight:normal; margin-bottom:5px;}
.pd2 .p{ font-size:16px; color:#818181; margin-bottom:30px;}
.pd2 .pd2_img{ float:left; width:25%; text-align:right;}
.pd2 .pd2_img img{ margin-top:10px;}
.pd2 .pd2_text{ float:left; width:69%; padding:0 3%;}
.pd2 .pd2_text .h4{ font-size:18px; color:#4a4a4a; font-weight:normal;}
.pd2_text dl,.pd2_text dd{ margin:0;}
.pd2_text dl dd{ /*background:url("../images/product_bg.jpg") no-repeat left center;*/ padding-left:10px; color:#818181; margin-bottom:3px;}

.pd3{padding:30px 10px 50px; background:#f3f3f3;}
.pd3 .h3{ font-size:20px; color:#4a4a4a; margin-bottom:20px;}
.pd3 .pd3_m{ /*margin-bottom:30px;*/}
.pd3 .pd3_m .pd3_h{ font-size:16px; color:#1A2B7A; margin-bottom:15px;text-align: center;width: 100%;background-color: #eee;padding:10px 0;}
.pd3_m .tex table{line-height: 35px; width: 100%; color: #777;border-collapse: collapse}
.pd3_m .tex thead{background: #e60012;}
.pd3_m .tex thead th{font-size: 14px; text-align: center; color: #fff;}
.pd3_m .tex tr,
.pd3_m .tex td,
.pd3_m .tex thead th{border: 1px solid #e8e8e8;}
.pd3_m .list .title{ font-size: 16px; line-height:45px;  margin:0 0 2px 0; padding:0 16px; color: #fff; cursor:pointer; background-color:#4c4746; background-image:url("http://www.smiler-solar.com/template/growattcom/static/image/r-p.png"); background-repeat:no-repeat; background-position:right top;  -webkit-transition:all ease 0.5s;transition:all ease 0.5s;}
.pd3_m .list.on .title{ background-position:right bottom;}
.pd3_m .list .tex{ display:none;}
table tbody tr{text-align:left;}
table tbody tr th{text-align:left;background:#1A2B7A;color:#FFFFFF; height:38px;}
table tbody tr td:first-child{ width:290px;}
/*.pd3_m .tex{display: none;}*/
/*.pd3_m .ul{ border-bottom:1px solid #e4e4e4; padding-bottom:25px;}
.pd3_m .ul li{ padding:8px 0;}
.pd3 .pd3_m:last-child .ul{ border:none;}*/

.pd4{ padding:30px 10px;}
.pd4 .pd4_h .h3{ font-size:18px; color:#4a4a4a; font-weight:normal; margin-bottom:10px;}
.pd4 .pd4_h .pd4_input{ border:1px solid #eee; border-radius:40px; margin:15px 0;}
.pd4_input input{ float:left; width:74%; height:44px; line-height:44px; padding:0 4%;}
.pd4_input .pd4_btn{ display:block; float:left; width:16%; height:44px; background:url("../image/pd4_btn.jpg") no-repeat center center;}
.pd4 .pd4_h .pd4_filter{ text-align:center;}
.pd4_filter a{ display:inline-block; width:100px; height:25px; text-align:center; line-height:25px; border:1px solid #ededed; color:#4a4a4a; font-size:12px; border-radius:40px; margin:15px 0;}
.pd4_filter .pd4_active,.pd4_filter a:hover{ color:#fff; background:#1A2B7A; border-color:#1A2B7A;}


@media screen and (min-width:768px){
.pd1 .pd1_img{ float:left; width:40%;}
.pd1 .pd1_text{ float:left; width:55%; padding-left:3%;}
.pd1 .pd1_text .h3{ font-size:25px; margin:110px 0 15px;}
.pd2 .h3{ font-size:30px;}
.pd2 .p{ margin-bottom:60px;}
.pd2 .pd2_text .h4{ font-size:22px; margin-bottom:15px;}

.pd3 .h3{ font-size:30px; font-weight:normal; margin-bottom:45px;}
.pd3 .pd3_m .pd3_h{ font-size:24px;}
.pd3_m .ul{ padding-bottom:50px;}
.pd3_m .ul li{ width:50%; float:left;}

.pd4 .pd4_h .h3{ font-size:24px;}
.pd4_filter a{width:140px; height:38px; text-align:center; line-height:38px; border:1px solid #ededed; color:#4a4a4a; font-size:16px;}
}
@media screen and (min-width:1024px){
.pd1 .pd1_text{ width:48%;}
.pd1 .pd1_text .h3{ font-size:36px; margin:140px 0 30px;}
.pd2 .ul li{ width:33.33%; float:left;}

.pd4 .pd4_h .h3{ float:left; margin-top:15px;}
.pd4 .pd4_h .pd4_input{ float:left; margin:12px 0 0 20px; width:400px;}
.pd4 .pd4_h .pd4_filter{ float:right;}
.pd4_filter a{ margin:15px 10px 0;}

}
@media screen and (min-width:1200px){
.pd1 .pd1_img{ margin-left:50px;}
.pd1 .pd1_text .h3{ margin:170px 0 30px;}
.pd2 .pd2_img{ text-align:left;}
.pd2 .pd2_img img{ margin-top:16px;}
.pd2{ padding:40px 0 60px;}
.pd3{ padding:50px 0 50px;}
.pd3 .pd3_m .pd3_h{text-align:center;}
/*.pd3_m .ul{ width:975px; float:right;}*/
}


/*表格*/
.pd_table{ padding-bottom:50px;}
.pd_table table{ width:100%; margin-bottom:30px;}
.pd_table table td{ text-align:center; min-width:40px; padding:30px 0; border:1px solid #ededed;}
.pd_table table .td1{ text-align:left; padding:0 60px;}
.pd_table table .td2,.pd_table table .td3{ color:#5e5f62;}
.pd_table table thead{ background:#1A2B7A;}
.pd_table table thead th{ padding:15px 0; color:#fff !important; font-weight:normal;}
.pd_table .td4 .download{ display:inline-block; width:19px; height:19px; background:url("../image/download2.jpg") no-repeat; vertical-align:middle; margin:-2px 8px 0 0; display:none;}
.pd_table .td4 a{ display:block; color:#1A2B7A;}
.pd_table table  a:hover{ color:#1A2B7A;}
.pd_table .td4  a:hover .download{background:url("../image/download1.jpg") no-repeat;}

.pd_table table .td2,.pd_table table .td3,.pd_table table .td4{ width:18%;}

@media screen and (min-width:480px){
.pd_table .td4 .download{ display:inline-block;}
.pd_table .td4 a{ color:#5e5f62;}
}

/*产品详情页 结束*/



/*联系我们*/
.contact_body{ padding:30px 0;}
.contact_body .ul li{ padding:25px 20px; background:#f2f2f2; margin-bottom:35px;}
.contact_body .ul .h3{ font-size:20px; color:#1A2B7A; font-weight:normal; margin-bottom:15px;}
.contact_body .ul dl,.contact_body .ul dd{ margin:0;}
.contact_body .ul dl{ margin-top:15px;}
.contact_body .ul dd{ color:#5e5f62; margin-bottom:5px;}

@media screen and (min-width:480px){
.contact_body .ul li{ padding:5% 10%;}
}

@media screen and (min-width:768px){
.contact_body .ul .h3{ font-size:24px;}
.contact_body .ul dl{ margin-top:25px;}
}

@media screen and (min-width:1200px){
.contact_body{ padding:90px 0;}
.contact_body .ul li:nth-child(1){ width:1095px; padding:55px;}
.contact_body .ul li:nth-child(2){ width:490px; padding:45px; float:left;}
.contact_body .ul li:nth-child(3),.contact_body .ul li:nth-child(4){ width:490px; padding:45px; float:right; margin:0 0 26px 0;}
.contact_body .ul li:nth-child(2) dl{ margin-bottom:20px;}
}
/*联系我们 结束*/



/*下载中心*/
.download_body{ padding:30px 10px;}
.download_body .db1{ border:1px solid #ededed; background:#f7f7f7; position:relative;}
.download_body .db1:first-child{ border-bottom:none;}
.db1 .db1_h{ font-size:16px; color:#5e5f62; font-weight:bold; padding:25px 15px;}
.db1 .ul{ background:#fff; padding:10px 15px;}
.db1 .ul li{ display:inline-block; margin:0 10px 0 0; padding:8px 0;}
.db1 .ul li a{ display:block; padding:3px 6px;}
.db1 .ul li a:hover,.download_body .ul li .active{ background:#1A2B7A; color:#fff; border-radius:5px;}

.download_search{ padding-top:0;}
.download_search .pd4_h .pd4_input{ float:left; width:100%;}

@media screen and (min-width:768px){
.db1 .ul li{}
.db1 .ul li a{ padding:6px 12px;}
.download_search .pd4_h .pd4_input{width:440px;}
}

@media screen and (min-width:1200px){
.download_body{ padding:30px 0;}
.db1 .db1_h{  width:160px; text-align:center; line-height:40px; margin-top:-40px; top:50%; position:absolute;}
.db1 .ul{ float:right; width:970px; padding:15px 10px;}
}
/*下载中心 结束*/




/*常见问题*/
.question_search{ padding-top:0;}
.question_search .pd4_h .pd4_input{ float:left; width:100%;}
.question_list{ padding:30px 0;}
.question_list .ul li{ margin-bottom:15px;}
.question_list .qs_h{ border:1px solid #f0f0f0; background:#fff; cursor:pointer;}
.qs_h .qs_number{ float:left; width:30px; height:30px; line-height:30px; text-align:center; color:#1A2B7A; font-size:16px; background:#f3f3f3;}
.qs_h .p{ float:left; padding:6px 10px 3px;}
.question_list .qs_body{ margin:10px; padding:10px; border:1px solid #f0f0f0; display:none;}
.qs_body .p2{ margin-top:15px;}

@media screen and (min-width:768px){
.question_search .pd4_h .pd4_input{width:440px; margin-left:0;}
.qs_h .qs_number{ float:left; width:57px; height:55px; line-height:55px; text-align:center; color:#1A2B7A; font-size:29px; background:#f3f3f3;}
.qs_h .p{ float:left; padding:17px 10px 10px;}
.question_list .qs_body{ margin:10px 0 10px 57px; padding:3.5%;}
}
.question_list .qs_active{ border-color:#fff; background:#f3f3f3;}
.qs_active .qs_number{ background:#1A2B7A; color:#fff;}
/*常见问题 结束*/




/*服务体系*/
.service_body{ padding:30px 10px;}
.service_body .service1{ background:#ededed; padding:15px;}
.service_body .service1 .p{ color:#5e5f62; line-height:24px;}
.service_h{ padding:25px 0 15px;}
.service_h .h3{ font-size:20px; color:#3f434b; font-weight:normal; text-align:center;}
.service_h em{ display:block; width:51px; height:7px; background:url("http://www.smiler-solar.com/template/growattcom/static/image/about.png") no-repeat; margin:16px auto 0;}
.service_body .service_intro{ margin-bottom:10px;}
.service_body .service_map img{ width:100%;}
.service_body .service2{ background:#eeeff3;}
.service_body .service2 img{ width:100%;}
.service2 .service2_text{ padding:10px 20px 30px;}
.service2 .service2_text .p{ text-align:center; font-size:14px; margin-bottom:5px;}
.service2 .service2_text .p2{ font-size:16px; color:#1A2B7A; font-weight:bold;}
.service_body .service3{ margin-top:40px;}
.service3 .ul li{ margin-bottom:15px;}
.service3 .ul img{ width:100%;}
.service3 .ul .p{ padding:20px 0; text-align:center;}
.service_body .service4{}
.service4 img{ width:100%;}
.service4 .service4_text{ padding:25px 0 35px;}
.service4 .service4_text .h4{ font-size:18px; color:#1A2B7A; font-weight:normal; margin-bottom:20px;}
.service4 .service4_text .p{ line-height:24px;}
.service4 .service4_text .service4_more{ display:block; width:125px; height:32px; line-height:32px; border-radius:32px; text-align:center; background:#1A2B7A; margin:30px auto 0;}
.service4_text .service4_more span{ color:#fff; text-decoration:underline;}

@media screen and (min-width:640px){
.service_body .service1{ padding:30px;}
.service_h{ padding:65px 0 26px;}
.service_h .h3{ font-size:30px;}
.service2 .service2_text{ padding:10px 20px 50px;}
.service2 .service2_text .p{ font-size:18px;}
.service2 .service2_text .p2{ font-size:20px;}
.service4 .service4_text .h4,.service4 .service4_text .p{ text-align:center;}
}
@media screen and (min-width:1024px){
.service_body{ padding:60px 0;}
.service_body .service1{ padding:4% 9%;}
.service_body .service_intro{ width:65%; text-align:center; margin: 0 auto 10px;}
.service_body .service2 img{ display:block; float:left; width:50%;}
.service2 .service2_text{ float:left; width:48%; padding:35px 1% 0;}
.service3 .ul li{ width:47.7%; float:left; margin-left:4.6%;}
.service3 .ul li:nth-child(2n-1){ margin-left:0;}
.service4 .service4_text .p{ width:85%; margin:0 auto;}
.service4 .ul li{ float:left; width:50%;}
}
@media screen and (min-width:1200px){
.service2 .service2_text{ padding-top:55px;}
}
/*服务体系 结束*/




/*质保相关*/
.qa_search{ background:url("../image/qa_bg2.jpg") #567ca1 no-repeat center bottom; background-size:auto 100%; padding:0 0 30px;}
.qa_search .service_h .h3{ color:#fff;}
.qa_search .qa_input{ padding:0 10px;}
.qa_search .qa_input .pd4_input{ background:#fff; max-width:500px; margin:0 auto;}
.qa_search .qa_ht{ padding:10px 10px; border-bottom:1px solid #fff; max-width:500px; margin:20px auto 0;}
.qa_search .qa_ht .p{ float:left; color:#fff; padding-top:6px;}
.qa_search .qa_ht .qa_more{ display:block; float:right; display:block; width:125px; height:32px; line-height:32px; border-radius:32px; text-align:center; background:#1A2B7A;}
.qa_ht .qa_more span{ color:#fff; text-decoration:underline;}
.qa_body{ padding:10px 10px;}
.qa_body .qa_info{ padding:20px 15px; border:1px solid #e8e8e8;}
.qa_body .qa_info .p{ color:#a6a6a6;}
.qa_body .qa_info .p1{ margin-top:22px;}
.qa_body .qa_info .p2{ font-weight:bold; color:#1A2B7A; font-size:16px; margin:40px 0 20px;}

@media screen and (min-width:768px){
.qa_body .qa_info{ padding:30px 5.5% 70px;}
}

@media screen and (min-width:1024px){
.qa_search{ padding:0 0 60px;}
.qa_search .pd4_h .pd4_input{ float:none; width:500px;}
.qa_body{ padding:10px 0 50px;}
}
/*质保相关 结束*/



/*公司新闻*/
.news_body{ padding:30px 10px;}
.news_body .ul li{ border:1px solid #eee;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; margin-bottom:20px;}
.news_body .news_img img{ width:100%;}
.news_body .news_text{ padding:15px;}
.news_body .news_text .h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_body .news_text .h3 a{ font-size:16px; color:#3b3b3b; font-weight:normal;}
.news_body .news_text .h3 a:hover{ color:#1A2B7A;}
.news_body .news_time{ margin:5px 0 10px;}
.news_body .news_detail .p{ font-size:12px; color:#666; line-height:22px;height:66px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_body .news_detail .news_more{ font-size:12px; color:#1A2B7A;}
.news_body .news_detail .news_more:hover{ text-decoration:underline;}

@media screen and (min-width:768px){
.news_body .ul li{ width:48%; margin:0 1% 20px; float:left}
}
@media screen and (min-width:1200px){
.news_body{ padding:30px 0;}
.news_body .ul li{ float:none; width:1200px; margin:0 0 20px; position:relative; padding:15px;}
.news_body .news_img{ float:left;}
.news_body .news_img img{ width:249px; height:166px;}
.news_body .news_text{ float:left; width:630px; padding:15px 40px;}
.news_body .news_text .news_time{ position:absolute; top:50px; right:65px; width:125px; height:70px; border-left:1px solid #e3e3e3; text-align:right;}
.news_time .news_month{ display:block; font-size:32px; color:#333;}
.news_time .news_year{ display:block; font-size:14px; color:#666;}
.news_body .news_text .h3{ margin-bottom:20px;}
}
/*公司新闻 结束*/




/*用人理念*/
.join_body{ padding:0 10px;}
.join_body .join1{ padding:40px 0;}
.join_body .join1 .h3{ font-size:24px; color:#1A2B7A; font-weight:normal;}
.join_body .join1 .p{ font-size:16px;}
.join2{ background:#f7f7f7; padding:20px 10px;}
.join2 .join2_h{ font-size:24px;}
.join2_list .join2_img{ position:relative; border-radius:5px; overflow:hidden; margin-top:30px;}
.join2_list .join2_img img{ width:100%;}
.join2_list .join2_img .p{ font-size:24px; color:#fff; width:100%; height:50px; line-height:50px; text-align:center; position:absolute; bottom:0; left:0; background:#1A2B7A;}
.join2_list .ul li{ width:46%; margin:15px 2%; float:left; background:#fff; text-align:center; padding-top:30px; border:1px solid #f0f0f0;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; border-radius:5px;}
.join2_list .ul li .p{ padding:35px 0 30px; font-size:22px;}
.join3{ padding:30px 10px;}
.join3 .h3{ font-size:24px; font-weight:normal; text-align:center; margin-bottom:10px;}
.join3 img{ display:block; margin:0 auto;}

@media screen and (min-width:640px){
.join_body .join1 .h3{ font-size:30px;}
.join2 .join2_h{ font-size:30px;}
.join3 .h3{ font-size:30px;}
.join3{ padding:60px 0 90px;}
}
@media screen and (min-width:860px){
.join2_list .ul li{ width:20%; margin:15px 2.5%;}
}
@media screen and (min-width:1200px){
.join2{ padding:50px 0 30px;}
.join2 .join2_list{ margin-top:40px;}
.join2_list .join2_img{ width:361px; height:224px; float:left; margin:0;}
.join2_list2 .join2_img{ width:361px; height:467px;}
.join2_list .ul{ width:830px; float:right;}
.join2_list .ul li{ width:173px; height:224px; margin:0 0 0 28px;}
.join2_list2 .ul li{ margin:0 0 19px 28px;}
}
/*用人理念 结束*/



/*员工魅力*/
.staff_body{ padding:30px 10px 25px;}
.staff_body .ul img{ display:block; margin:0 auto;}
.staff_body .ul .p{ font-size:20px; text-align:center; margin:30px 0 45px;}

@media screen and (min-width:640px){
.staff_body{ padding:80px 10px 70px;}
.staff_body .ul .p{ font-size:30px; margin:65px 0 90px;}

}
/*员工魅力 结束*/



/*招聘精英*/
.recruit_body{ padding:20px 0 60px;}
.recruit_h{ padding:36px 0; text-align:center;}
.recruit_h a{ margin:0 15px; font-size:16px;}

.recruit_h .onnav,.recruit_h a:hover{ color:#1A2B7A; border-bottom:2px solid #1A2B7A;}
.recruit1 .rb_city{ width:150px; height:50px; position:relative; margin:0 auto; margin-bottom:20px; float:left; margin-left:10px;}
.rb_city .rb_choose{ width:150px; height:50px; line-height:50px; text-align:center; font-size:16px; border-radius:50px; background:#f7f7f7; position:absolute; top:0; z-index:99;}
.rb_choose .rb_icon{ display:inline-block; width:12px; height:8px; background:url("../image/down2.jpg") no-repeat; vertical-align:middle; margin:-2px 0 0 10px;}
.rb_avtive .rb_icon{ background:url("../image/down1.jpg") no-repeat;}
.rb_city .rb_down{ background:rgba(255, 255, 255, 0.8); width:150px; padding:30px 0 10px; position:absolute; top:25px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; display:none;}
.rb_down .ul li{ text-align:center; color:#666; height:30px; line-height:30px; cursor: pointer;}
.rb_down .ul li:hover{color: #1A2B7A;}
.recruit1 .rb_search{ float:left; width:90%; padding:0 5%;}
.rb_search .pd4_h .pd4_input{ margin:0;}

.rb2_body{ border:1px solid #e8e8e8; border-top:none; border-bottom:none; margin-top:30px;}
.rb2_body .rb2_head{ background:#1A2B7A; color:#fff; padding:10px 0;}
.rb2_body .rb2_head span,.rb2_body .rb2_h span{ display:block; float:left;}
.rb2_body .rb2_h{ background:#fff; border-bottom:1px solid #e8e8e8;}
.rb2_body .rb2_h span{ font-size:12px; padding:10px 0;}
.rb2_body .rb2_h .span1,
.rb2_body .rb2_h .span2,
.rb2_body .rb2_h .span3,
.rb2_body .rb2_h .span4{ cursor:pointer;}
.rb2_body .span1{ width:40%;}
.rb2_body .span2{ width:20%; text-align:center;}
.rb2_body .span4{ width:20%; text-align:center;}
.rb2_body .span5{ width:20%; text-align:center;}
.rb2_body .rb2_h .apply_a{ display:inline-block; background:#3f434b; color:#fff; padding:2px 3px;}
.rb2_detail{ padding:0 10px 15px; display:none;}
.rb2_detail .h3{ font-size:16px; color:#1A2B7A; margin:35px 0 15px;}
.rb2_detail .p{ color:#a6a6a6;}
.rb2_detail .h3 em{ font-size:16px; font-style:normal; color:#0046d1; font-weight:normal; text-decoration:underline;}

.rb2_body .rb2_hactive{ background:#f6f6f6;}
.rb2_body .rb2_hactive .apply_a{ background:#1A2B7A;}

.rb2_body .rb2_head .span3,.rb2_body .rb2_h .span3{ display:none;}

@media screen and (min-width:480px){
.rb2_body .rb2_head .span3,.rb2_body .rb2_h .span3{ display:block;}
.rb2_body .span1{ width:40%;}
.rb2_body .span2{ width:15%; text-align:center;}
.rb2_body .span3{ width:15%; text-align:center;}
.rb2_body .span4{ width:15%; text-align:center;}
.rb2_body .span5{ width:15%; text-align:center;}
}

@media screen and (min-width:640px){
.rb2_body .span1{ width:35%; padding-left:5% !important;}
.rb2_detail{ padding-left:5%;}
.rb2_body .rb2_h span{ font-size:14px;}
.rb2_body .rb2_h .apply_a{ padding:5px 8px;}
.rb2_body .rb2_h .span1,.rb2_body .rb2_h .span2,.rb2_body .rb2_h .span3,.rb2_body .rb2_h .span4{ padding-top:15px;}

}
@media screen and (min-width:768px){
.recruit1 .rb_search{ width:500px; padding:0; margin-left:15px;}
}
@media screen and (min-width:1200px){
.recruit1{ padding-left:200px;}
}


/*加入我们表单*/
.hover{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:999; display:none;}
.hover .hover_m{ position:absolute; top:22%; width:100%;}
.hover .hover_m .hover_box{ width:600px; padding-bottom:30px; margin:0 auto; background:#fff; position:relative;}
.hover_box .h3{ font-size:25px; color:#1A2B7A; font-weight:normal; text-align:center; height:50px; line-height:50px; background:#ededed; margin-bottom:20px;}
.hover_box .hover_item{ margin-bottom:25px; padding-left:70px;}
.hover_box .hover_item span{ display:inline-block; width:100px; padding-right:15px; text-align:right; font-size:16px; color:#444;}
.hover_box .hover_item input{ width:310px; border:1px solid #eee; padding:10px 10px;}
.hover_box .hover_code input{ width:100px;}
.hover_box .hover_code img{ width:80px; height:32px;}
.hover_box .hover_btn{ text-align:center;}
.hover_box .hover_btn input{ display:inline-block; width:115px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; background:#1A2B7A; border:none; cursor:pointer; cursor:pointer; margin:0 15px;}
.hover_box .hover_btn .hover_reset{ background:#b5b5b5;}
.hover_box .hover_close{ display:block; width:50px; height:50px; background:url("../image/hover_close.jpg") no-repeat; position:absolute; right:0; top:0; cursor:pointer;}

@media screen and (max-width:640px){
.hover .hover_m{ top:10%;}
.hover .hover_m .hover_box{ width:100%; overflow:auto;}
.hover_box .hover_item{ padding:0 2%; margin-bottom:10px;}
.hover_box .hover_item span{ width:26%; padding:0; font-size:14px;}
.hover_box .hover_item input{ width:64%;}
.hover_box .h3{ font-size:16px; height:32px; line-height:32px;}
.hover_box .hover_close{ width:32px; height:32px; background-size:100% 100%;}
.hover_box .hover_code input{ width:25%;}
.hover_box .hover_btn input{ height:32px; line-height:32px; font-size:14px;}
}



/*加入我们表单 结束*/

/*招聘精英 结束*/



.other_body{ padding:30px 10px; min-height:500px;}
/*友情链接*/
.links_body{ width:90%; padding:20px 5% 50px; min-height:500px;}
.links_body .ul li{ width:40%; margin:20px 5% 0; float:left;}
.links_body .ul .links_img{ width:100%;}
.links_body .ul .links_img img{ width:100%;}
.links_body .ul .p{ padding:10px 0; text-align:center; font-size:16px;}
.links_body .ul li:hover .p{ color:#ffa800;}

/* 小屏幕（平板，大于等于 640px） */
@media (min-width: 640px) {
.links_body .ul li{ width:19%; margin:20px 3% 0;}
}
/*友情链接 结束*/



/*详情页*/
.detail_m .home_contact{ padding:15px 0;}

.detail_body{ padding:0 15px;}
.detail_body .detail_head{ padding:30px 0 15px; border-bottom:1px dashed #999;}
.detail_body .detail_head .detail_h{ font-size:25px; font-weight:normal; text-align:center; margin-bottom:10px;}
.detail_body .detail_head .detail_time{ font-size:15px; color:#ccc; text-align:center;}
.detail_body .detail_text{ padding:25px 0 50px;}

/* 小屏幕（平板，大于等于 640px） */
@media (min-width: 640px) {
}
/* 桌面显示器（桌面显示器，大于等于 1002px） */
@media (min-width: 1002px) {
.detail_body{ padding:15px 0 30px;}
.detail_body .detail_text{ min-height:520px;}
.detail_body .detail_head .detail_h{ width:520px; margin:0 auto;}
}
/*详情页 结束*/




/*搜索结果页面*/
.result_body{ min-height:500px;}
.result_body .result_table{ padding:25px 0 50px;}
.result_table table{ width:100%; border:1px solid #e8e8e8;}
.result_table table thead{ background:#1A2B7A; color:#fff;}
.result_table table td,.result_table table th{ padding:10px 2%; text-align:left; font-size:16px; font-weight:normal;}
.result_table table td{ border-top:1px solid #e8e8e8;}
.result_table table .td1{ width:75%;}
.result_table table .td2{ width:25%;}

@media (max-width: 640px) {
.result_table table td,.result_table table th{ font-size:14px; padding:5px 2%;}
}
/*搜索结果页面 结束*/




/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}
.BMap_Marker>div img{ max-width:none;}


/*质保表格*/

.ser-result
{
    margin-bottom: 35px;
    max-width: 1200px;
    margin: 0 auto;
}

.ser-result table
{
    border-collapse: collapse;

    border: 1px solid #e1e1e1;
}

.ser-result table th
{
    font-size: 18px;
    line-height: 30px;

    padding: 18px;

    text-align: center;

    background: #f9f9f9;
}

.ser-result table td
{
    padding: 18px;

    border: 1px solid #ddd;
}


/*侧方悬浮框*/
.commonposition{position: fixed;top:40%;right:0;z-index: 99;}
.commonposition a{display:block;width:69px;height:66px;margin-bottom: 1px;background-color:#1A2B7A !important;padding-top: 3px;background-repeat: no-repeat;background-position:center center;position: relative;font-size: 13px;line-height: 22px;text-align: center;color:#fff;}
.commonposition a .icon{display:block;width:40px;height:40px;margin:0 auto;}
.commonposition a.Homewuliu .icon{background-image: url("../image/nqhicon_04.png");}
.commonposition a.Homedianhua .icon{background-image: url("../image/nqhicon_03.png");}
.commonposition a.Homezixun .icon{ width: 100%; height: 66px; background: url("../image/nqhicon_02.png") no-repeat center;}
.commonposition a.Homeweixin .icon{background-image: url("../image/nqhicon_01.png");}
.commonposition a span{display:none; position:absolute; right:0px; top:0px; height:69px; padding-left:40px; padding-right: 10px; color:#fff;line-height:69px; font-size:14px;background-color:#262626;}
.commonposition a span.dianhuabggray{background-image:url("../image/nqhicon_03.png");background-position: left center;background-repeat: no-repeat;width:124px;font-size: 18px;}
.commonposition a span.weixinerweima{right:69px; padding:0px; width:120px;height: 120px !important;}
.commonposition a span.weixinerweima img{display:block;width: 120px; height: 120px;}
.rkCustomeBtn.right{bottom: 0px !important;width: 69px !important;}
.rkCustomeBtn.right i{background-image: url("../image/nqhicon_02.png") !important;}
.rkCustomeBtn i{width: 60px !important;;height: 57px !important;}
.rkCustomeBtn.right i{top: 0 !important; }
.commonposition a span{display: none;}
.rkCustomeBtn span{ display: none!important; }
.s_tab_name { margin-top:15px; }
.s_tab_name .m2{ position: relative; }
.s_tab_name .year-sx
{
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100px;
    z-index: 99;
    text-align: center;
    color: #fff;
    background-color: #1A2B7A;
}

.s_tab_name .pre
{
    display: block;
    float: left;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
	font-family: '宋体';
	color: #fff;
    cursor: pointer;

    background: #5f5f5f;
}

.s_tab_name .pre:hover
{
    background: #515151;
    opacity: 0.8;
}

.s_tab_name .next
{
    display: block;
    float: right;
	font-family: '宋体';
	color: #fff;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    /* margin-top:25px;
    */

    cursor: pointer;

    background: #5f5f5f;
}

.s_tab_name .next:hover
{
    background: #515151;
    opacity: 0.8;
}

.s_tab_name .daytime_ul
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 40px;
    padding-left:100px;
	box-sizing: border-box;
    background-color: #3f3a39;
}
.s_tab_name .daytime_ul .owl-nav{ display: none; }
.s_tab_name .daytime_ul ul
{
    width: 100%;
    padding:0;
    margin:0;
}

.s_tab_name li
{
    float: left;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    width: 100%;
}

.s_tab_name li a
{
    font-family:Microsoft YaHei,arial,'微软雅黑','宋体'; 
    font-size: 14px;
    /* font-weight: bold; */
    display:block;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-right: 1px solid #616161;
}

.s_tab_name li.on a
{
    display:block;
    overflow: hidden;
    text-align: center;
    color: #fff;
}
@media (max-width: 640px) {
.s_tab_name .year-sx{ width: 100px; position: static; }
.s_tab_name .daytime_ul{ padding:0; }
.s_tab_name li{}
	
	
body{padding-bottom: 70px;}
.commonposition{width: 100%; right: auto; bottom: 0; left: 0;  top: auto;}
.commonposition a{width: 25%; float: left; margin-bottom: 0;}
.commonposition a span{top: auto!important; bottom: 100%!important; right: 0!important; left: auto!important;}
.commonposition a span.weixinerweima{height: 120px;}
.gotop{bottom: 40%;}
	
.homenews .home_h span{margin: 0;}
}



/*404页面*/
.page_404{ background:url("../image/404_ym.jpg") no-repeat center; height:737px;}
.page_404 .w915{ max-width:915px; width:100%; display:block; margin: 0px auto; overflow:hidden;    padding-top: 16%;}
.page_404 .one_page{ overflow:hidden; clear:both;}
.page_404 .one_page .img{ float: left;display: inline-block; width: 44%; margin-right: 3%;}
.page_404 .one_page .text{float: right; width: 53%;display: inline-block;}
.page_404 .one_page .text p{ background:url("../image/404_ico2.png") no-repeat left center; padding-left:25px; font-size:14px; color:#888888; display:block;}
.page_404 .one_page .text h1{ font-size:30px; color:#333333; display:block;}
.page_404 .one_page .text p a{ color:#1A2B7A;}
.page_404 .twe_page{ max-width: 415px; margin: 64px auto 0;}
.page_404 .twe_page .search{ border:1px solid #9bc934; position:relative;height: 45px;line-height: 45px;}
.page_404 .twe_page #top{    width: -webkit-fill-available; padding-left: 10px; background: #fefefe; line-height: 45px; float: left; font-size: 14px; color: #999999;}
.page_404 .twe_page #btn{ background:url("http://www.smiler-solar.com/template/growattcom/static/image/404_ico3.png") no-repeat center #9bc934; width:65px; height:45px;    display: block; position: absolute; right: 0; top: 0;}

@media (max-width: 768px) {
.page_404 .one_page .img{    text-align: -webkit-center; margin-right:0; width:100%;}
.page_404 .one_page .text{ width:100%;text-align: -webkit-center;}
.page_404 .one_page .text p{ background:none;}
}
@media (max-width: 640px) {
.page_404{ height:550px;}
.page_404 .w915 .twe_page,.page_404 .w915 .one_page{ padding:0 10px 0;}
.page_404 .twe_page{ margin-top:20px;}
}


@media (max-width: 414px) {
    body{ width: 100%; overflow-x: hidden;
    }
       
}


.PIC{position: relative;overflow: hidden;width: 100%;padding-bottom: 50%; }
.PIC img{display: block;width: 100%;min-height: 100%;position: absolute;left: 0;top: 0;}






@media (max-width: 1024px) {
		
   .vwrap2 .videobox2{ width: 90%; left: 5%; margin-left: 0px; }
   .vwrap2 .close2{ right: 5%; }
   .guest_box li.kakaxi{width: 82.6%; }
   .guest_box li .textarea{ height: 100px; }
   .guest_box2 li{ width: 85%; margin-right: 0px; }
   .vwrap2 .videobox2{ height: 420px; }
   .j_message2{bottom: 50%; right: 5%;}



	
}