@charset "utf-8";
/* CSS Document */
body, input, select { font-size: 12px; font-family: Arial,Meiryo UI, sans-serif; line-height: 130%; margin: 0; color:#333}
body, div, ul, li, p, span, h1, h2, h3, h4, h5, h6, img, form, table, tr, td, dl, dt, dd, input, select { margin: 0; padding: 0; }
div, ul, li { zoom: 1; }
ul, li, ol { list-style: none; list-style-type: none; }
img { border: 0 none; }
.green {color:#13ab4a}
a { text-decoration: none;color:#333}
a:hover { text-decoration: underline; color:#13ab4a }
h1, h2, h3, h4, h5, h6 { font-size: 12px; line-height: normal; font-style: normal; font-weight: normal; }
.clear { margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0; list-style: none; list-style-type: none; clear: both; zoom: 1; }
.q:after { content: "."; display: block; height: 0; clear: both; font-size: 0px; visibility: hidden; }
.both { clear: both; }
.left { DISPLAY: inline; FLOAT: left}
.right { DISPLAY: inline; FLOAT: right}
.ea5404{color:#ea5404}
iframe { border:none;}
.mleft10{margin-left:10px;}
/* public */
.black { color:#000}
.red { color:#ff6600; }
.red2 { color:#ff0000}
.green { color:#13ab4a; }
.blue{ color:#3399cc;}
.blue2, .blue2:hover, .blue2 a, .blue2:hover a {color:#005ea7}
.gray { color:#999}
.orange {color: #ea5404}
.gbtn { border:0; background-color:#13ab4a; border-radius: 4px; display: inline-block; color: #fff; text-align: center; padding: 0 4px; cursor:pointer}
.gbtn a { color:#fff;}
.minheight { min-height:200px;}
.hand { cursor: pointer;}
.ctitle { font-weight:bold; font-size:14px; margin-bottom:10px;}
.graybg {background: -moz-linear-gradient( top,#fff,#f8f8f8);background:-webkit-linear-gradient( top,#fff,#f8f8f8);}
.graybtn{ border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); cursor: pointer; margin: 0; text-align: center; vertical-align: middle; font-size: 12px; line-height: 18px; padding: 1px 12px; background-color: #eee; background-image: -moz-linear-gradient(center top , #fafafa, #e8e8e8); background-repeat: repeat-x; border: 1px solid #bcbcbc; color: #333; }
.graybtn:hover {color: #333; background-color: #fdfdfd; background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2); background-image: -ms-linear-gradient(top, #fafafa, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2); background-image: -o-linear-gradient(top, #fafafa, #f2f2f2); background-image: linear-gradient(top, #fafafa, #f2f2f2); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f2f2f2', GradientType=0)}
.nomargin { margin:0 !important}
.nopadding{ padding:0 !important}
.mt10 { margin-top:10px}
.f12 { font-size:12px !important;}
/* format the table border */
.table table, .table2 table{ border-left: 1px solid #ccc; border-top: 1px solid #ccc; min-width:100%;}
.table td{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; height:30px; }
.table2 td{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; padding-left:10px; height:30px; }
.table.noborder table,.table.noborder td { border:none;}
/* format the input and select */
.input input[type='text'], .input select{ width: 200px; float: left; border: 1px solid #999; height: 24px; line-height: 24px; background-color:#fff; text-indent:5px; }
.input select { width: 202px; text-indent:0;}
select { -webkit-appearance:menulist !important;}
input[type='button'] { -webkit-appearance:none}
/* page navigation */
.paging-wrap {text-align: center; clear:both; margin-top:20px;}
.paging a { color:#13ab4a}
.paging a,.paging span { display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; }
.paging a:hover,.paging a.current { background-color: #13ab4a; color: #fff; text-decoration:none }
.paging-wrap .addMoreBtn { width: 100%; height: 50px; text-align: center; color: rgb(86, 86, 86); line-height: 50px; font-size: 18px; cursor: pointer; background-color: #ececec; }
.paging-wrap .addMoreBtn:hover { background-color:  #13ab4a; color: #fff; }
/* header */
.header {width:100%; }
.header .menu-box { background:#fff; height: 37px; /*-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .12); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .12); -o-box-shadow: 0 2px 3px rgba(0, 0, 0, .12); box-shadow: 0 2px 3px rgba(0, 0, 0, .12);*/ line-height:28px; }
.header a { color:#13ab4a}
.main{ width:1100px; margin:0 auto; }
.header .menu { float:left; width:505px; height: 37px; line-height: 37px;}
.header .menu a { font-size: 14px; display:inline-block; margin-right: 1px; padding:0 5px; white-space: nowrap}
.header .menu a:hover, .header .menu .active { background:#13ab4a; color: #fff; text-decoration:none } 
.header .login { float:right} 
.header .search-box { padding:0px 0 17px 0;clear:both; }
.scroll .search-box { background-color: #f0f0f0; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .12); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .12); -o-box-shadow: 0 2px 3px rgba(0, 0, 0, .12); box-shadow: 0 2px 3px rgba(0, 0, 0, .12); border-bottom: 1px solid #51A351; }
.header .search .logo { float:left; width:190px; margin-right:10px; margin-top:27px; }
.header .search .logo img { width:180px;}
.mainsite { height: 34px;width: 690px; float: left; margin-top:8px;}
.gomainsite { height:14px;}
.mainsite img { vertical-align:middle; margin-top:-2px;}
.searchbar { border: 1px solid #77c292;background:#eee; border-radius: 4px; height: 34px; top: 12px; width: 690px; float: left;/*margin-top:27px;*/ margin-top:6px;}
.searchbar .searchtext { border: 0 none;background:none; float: left; height: 34px; padding: 0 0 0 6px; width: 472px; border-radius: 4px 0 0 4px; outline:none}
.searchbar .dropdown { width:157px; float:left;background:#eee; border:none; height:34px; line-height:34px; outline:none; border-left:1px solid #d5d5d5; background:url(../img/arrowdown.png) no-repeat right center; margin-right:10px; text-indent:10px; position:relative; cursor:pointer;}
.searchbar .dropdown span { height:34px; line-height:34px; overflow:hidden; display:block}
.searchbar .dropdown li { line-height:24px;}
.searchbar .dropdown ul {display:none; position:absolute;  background:#fff; border:1px solid #d5d5d5; border-top:none; z-index:1111111; width:210px; left:-1px;}
.searchbar .searchbtn { background:#13ab4a url(../img/icon.png) no-repeat -105px 0; border:none; float:right; width:40px; height:34px; text-indent:-9999px; cursor:pointer;}
.header .cartchat { float:right; margin-top:5px; width:193px; overflow:hidden; }
.renesola_ico { background: url(../img/renesola.png) no-repeat scroll 0 0; }
.header .right { line-height:37px;}
.header .login { margin-left:17px}
.header .login.logined{ max-width:100px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden}
.header .login, .header .hmsg { display:inline-block}
.header .login a { color:#333}
.header .login a:hover {color:#13ab4a }
.header .login i { background:url(../img/icon.png) no-repeat -100px -97px;display:inline-block; height:30px; width:22px; text-indent:-9999px; vertical-align:middle }
.header .cartchat .cart { background-position: 0 -56px; padding: 6px 14px; color:red; font-style:normal; float:left; height:10px; width:0px; margin-top:6px; }
.header .cartchat a { float:left; display:block; cursor:pointer}
.header .cartchat .cart .num { margin-top:-11px; margin-left:-7px; color:#ff6611; text-align: center; font-size:12px; width:14px;}
.header .cartchat .chat { padding: 2px 14px; display:block; height:18px; float:left; margin-top:5px; text-indent:-9999px;}
.header .cartchat .text { margin-top:7px; float:left;}
.header .cartchat a { color:#333; font-size:16px; font-weight:bold; margin-left:15px;}
.header .tel i{ background:url(../img/icon.png) no-repeat; width:22px; height:22px; vertical-align:middle; display: inline-block}
.header .tel { color:#13ab4a; font-size:18px; float:right; line-height:22px; margin-bottom:10px; font-weight:bold;}
.header .user { float:right; }
.header .notice, .header .user .username, .header .user .msg { float:right; }
.header .notice { background:url(../img/renesola.png) no-repeat -120px -50px; width:25px; height:25px; text-indent:-23px; color:red; }
.header .msg { background:url(../img/renesola.png) no-repeat -160px -50px; width:25px; height:25px; text-indent:-9999px; }
.header .username { position:relative; margin:0 10px 0 15px;}
.header .username ul { position:absolute; z-index:22; width:100%; min-width:134px; text-indent:0px; left:-12px;overflow:hidden;  display:none; border:1px solid #ddd; border-top:none;padding-bottom:8px; min-height:64px;}
.header .username ul li { height:26px; line-height:26px; padding-left:11px;}
.header .username .icon{ background:url(../img/icon.png) no-repeat -300px -198px; display:inline-block; width:10px; height:10px; vertical-align:middle; margin-left:3px;}
.header .username.on, .header .username.on ul { background:#fff; display:block}
.header .username.on .icon{ background:url(../img/icon.png) no-repeat -300px -298px; }
.header .hmsg {}
.header .hmsg  span{margin-right:10px}
.header .hmsg a { color:#ff6600}
.header .hmsg i { background:url(../img/icon.png) no-repeat -300px -400px; width:22px; height:11px; vertical-align:middle; display:inline-block}
/* footer */
.footer { /*height:155px;*/ overflow:hidden; clear:both; color:#fff; margin-top:30px; padding-bottom:10px; width:100% }
.footer .footerlogo { display:block; width:150px; margin:0 auto;margin-bottom:7px; }
.footer .countries { text-align:center; margin-bottom:5px; }
.footer .countries a { font-size: 13px; color:#13ab4a}
.footer .friendlink { position:relative; /*height:24px;*/ line-height:18px; overflow:hidden}
.footer .friendlink li { text-align:center}
.footer .countries span, .footer .friendlink span { margin: 0 6px; color: #aaa; }
.footer .privacy { overflow:hidden; text-align:center; line-height:22px; color:#666 }
.footer .privacy a{ color:#666 }
.footer .privacy a:hover { color:#13ab4a}
.footer .privacy span { margin-left: 6px; }
.footerlist { padding:15px 0; overflow:hidden; margin-bottom:15px;background:#12a246;  width:100%}
.footerlist a { color:#fff;}
.footerlist li { width:230px; float:left}
.footerlist i { background:url(../img/icon.png) no-repeat; width:50px; height:50px; float:left;}
.footerlist i.i1 { background-position:0 -100px;}
.footerlist i.i2 { background-position:0 -200px;}
.footerlist i.i3 { background-position:0 -300px;}
.footerlist i.i4 { background-position:0 -400px;}
.footerlist i.i5 { background-position:-100px -400px;}
.footerlist .left { width:171px; overflow:hidden;}
.footerlist h3 { font-size:14px; font-weight:bold; margin-bottom:4px; padding-top:10px; height:17px; line-height:17px; overflow:hidden;}
.footerlist a { display:block}
.footerlist .left a { height:15px; line-height:15px; overflow:hidden;}
.footer .blogos { width:623px; margin:0 auto; margin-bottom:10px;}
#iFrame1 html { width:148px; overflow:hidden;}
.friendlinks { min-height:440px;margin-top:20px; padding:20px; border:1px solid #ddd; color:#999;}
.friendlinks li { width:48%; padding-right:15px; float:left; height:100px; overflow:hidden}
.friendlinks a { font-weight:bold; color:#3399cc;}
.friendlinks h2 { font-size:18px; color:#13ab4a; padding-bottom:7px; border-bottom:1px dashed #ddd; margin-bottom:20px;}
.payment { text-align:center; margin-top:12px;}
.payment img { width:350px;}
.anchor { display: none; text-indent:-9999px; position: fixed; _position: absolute;bottom: 10px; _bottom: "auto"; cursor: pointer; background:url(../img/icon.png) no-repeat -200px -300px; width:37px; height:37px;left:50%; margin-left:560px;}
.anchor:hover {background:url(../img/icon.png) no-repeat -200px -400px; }
/* homepage */
.top {}
.top .nav { width: 192px; float:left;  background-color: #13ab4a; height: 358px;color: #fff;position:relative;}
.top .nav a{ color: #fff; }
.top .nav .title, .top .nav2 .title { font-size: 14px;text-indent: 12px; width: 192px; color: #fff; font-weight: bold; background-color: #13ab4a;}
.top .nav li { line-height: 45px; z-index:13; _margin-bottom:5px; overflow:hidden; }
.top .nav li.hover .subdetail { visibility:visible }
.top .nav li.hover .subtitle {background:#008b3b url("../img/hmenu.png") no-repeat scroll 170px 12px; border: none; border-right: 0 none; font-weight:bold; -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); }
.top .nav li a { border: 1px solid transparent; bordr-right : 0; display: inline-block; line-height: 34px; padding: 0 0 0 10px; width: 181px; position: relative; z-index: 15; background: url("../img/hmenu.png") no-repeat scroll 170px 12px; bordr-right: 0;_border:none;}
.top .nav li a:hover { text-decoration:none}
.top .nav .subdetail { background-color: #FFFFFF; color:#333; border: 1px solid #13ab4a; border-left:none; visibility:hidden; left: 192px; position: absolute; top: 0px; min-width:490px; height:356px; overflow:hidden;z-index: 12; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); }
.top .nav .subdetail a { display: block;border: 0 none; background: none; color:#333; overflow:hidden; padding:0; line-height:20px }
.top .nav .subdetail a:hover, .top .nav.nav3 li a:hover { color:#13ab4a; text-decoration:underline }
.top .nav.nav3 li.hover .subtitle { font-weight:normal}
.top .nav .subdetail .list { width:200px; height:320px; /*overflow:hidden;*/ float:left; padding:15px 0 0 20px;}
.top .nav .subdetail .list li { height:20px; line-height:20px; overflow:hidden;}
.top .nav .subdetail .list .listtitle h3 { font-weight:bold; font-size:14px; width:181px; line-height:20px; overflow:hidden;}
.top .nav .subdetail .list .listtitle2 h3 { height:20px; line-height:20px;}
.top .nav .subdetail .menucontent { visibility:hidden; width:0; height:0; margin:0; padding:0;}
.top .nav .subdetail .list li:first-child.listtitle { margin:0}
.top .nav .subdetail .list li.listtitle { margin-top:20px;}
.top .nav .subdetail .menuimg { float:right; width:240px; height:358px; overflow:hidden;}
.top .nav .subdetail .menuimg img { height:356px;}
.top .nav .subdetail a.vfold { width: auto; display: inline; padding: 10px 20px; }
.top .nav.nav3 { background:none; border: 1px solid #ddd; min-height:600px}
.top .nav.nav3 li a { background:none; border:none; padding-right:10px; width:172px; line-height:16px; color:#333}
.top .nav3 li { height:auto; line-height:100%; padding:5px 0; overflow:hidden;}
.top .nav.nav3 li.hover .subtitle{ border:none; background:none; box-shadow:none;}
.top .nav.nav3 .title， .top .nav.nav2 .title { line-height:20px; margin:0;border:none; margin-left:-1px; width:174px; text-indent:0; padding:8px 10px;}
.top .nav3 li.hover a{color:#13ab4a;}
.top .nav.nav3 .title:hover { background:#13ab4a; color:#fff; border:none}
.top .nav3 .title2 { font-weight:bold; margin-top:15px; padding:0;}
.top .nav3 li:nth-child(2) { margin-top:10px}
.top .nav3.nav4 li { padding-left:8px; }
.top .nav3.nav4 li a {color:#666;}
.top .nav3.nav4 li.title2 { padding-left:0; color:#333;}
.top .nav3.nav4 li.title2 a {color:#333;}
.homeslide { background:#f2f2f2; width:900px; float:right}
#slides { position:relative; }
.slidesjs-navigation { margin-top:3px; }
.slidesjs-previous { margin-right: 5px; float: left; }
.slidesjs-next { margin-right: 5px; float: left; }
.slidesjs-pagination { position:absolute; left:50%; bottom:10px; margin-left:-60px; float: right; list-style: none; z-index:11; margin-bottom:0; }
.slidesjs-pagination li { float: left; margin: 0 1px; }
.slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-position: 0 0; float: left; overflow: hidden; background-image: url(../img/circle.png); }
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active { background-position: -16px -0px; }
.slidesjs-pagination li a:hover { background-position: -16px -0px; }
#slides { height:360px; overflow:hidden; }
#slides a:link,#slides a:visited { color: #333}
#slides a:hover,#slides a:active { color: #9e2020}

.product { background:#fff; margin-top:10px; overflow:hidden}
.product h3 { font-size: 18px; line-height: 24px; color: #13ab4a;margin-bottom:10px; }
.product .list ul{ margin-right:-10px; }
.product .list .img { width:100%; height: 190px; overflow:hidden}
.product .list .img img { width:100%;}
.product .list li { text-align: center;width: 190px; padding:10px;float: left; overflow: hidden; height: 234px; border-bottom: 1px dashed #dadada; margin-bottom:10px; border: 1px solid #ddd;border-radius:4px; text-align:left; margin-right:10px;}
.product .list li .text { line-height:170%; margin-top:5px; padding-bottom:0; text-align:center}
.product .list li a { color:#333; }
.product .list li a:hover { text-decoration:none;}
.price { color:#ff6611; font-size:14px; }
.unit { color:#999; font-style:italic;font-size:14px;}
.product .pname { height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*Fnav*/
.nowat .homeico{width:17px;height:20px; vertical-align:middle; display:inline-block; background:url(../img/icon3.png) 0 -199px;}
.Fnavbox .Fnav h3 i{width:11px;height:7px;background: url(../img/icon3.png); display:inline-block; position:absolute; right:10px; top:40%; z-index:12; }
.Fnavbox .Fnav h3 i.arrowup{background-position:-50px -352px;}
.Fnavbox .Fnav h3 i.arrowdown{background-position:-49px -402px;}
.Fnavbox{height:32px; line-height:32px;border-bottom:2px solid #13ab4a; position:relative;margin-bottom:10px;}
.Fnavbox .Fnav{ display:inline-block; float:left; }
.Fnavbox .Fnav h3{ height:32px; width:192px; line-height:32px; text-indent:15px; color:#FFF; font-size:15px;background:#13ab4a; display:block;position:relative; cursor:pointer;}
.Fnavlist{position:absolute!important; top:34px; z-index:11;}
.Fnavlist .nav {height: 315px;!important}
.Fnavlist .subdetail{height:316px!important}
.Fnavlist .subdetail .list{height:275px!important;}

/*rightside ad*/
.rightside { width:270px; position:relative; overflow:hidden; float:right }
.rightside .content{ }
.rightside .myslide2 { position:relative; width:100%; }
.rightside .myslide2 .slidesjs-pagination { margin-left:-75px; height:12px; overflow:hidden; }
.rightside .adlist img { margin-top:10px; vertical-align:bottom; width:100%;}
/* comment */
.mycomment { z-index: 10; margin-top: 11px; padding: 0 10px 0 10px; border: 1px solid #DEE3E3; background-color: #F7F7F7; overflow:hidden; padding-bottom:10px; }
.mycomment .title { color:#999; padding:4px 0; }
.mycomment .textarea { width: 97.8%; padding: 5px 1%; border: 1px solid #cdcdcd; }
.emotion { background:url(../img/online_chat-icon.png) 0 3px no-repeat; cursor:pointer; width:23px; height:23px; float:left; text-indent:23px; line-height:23px; }
.emotion:hover {background:url(../img/online_chat-icon.png) 0 -47px no-repeat;}
#facebox { background:#fff; padding:10px; border:2px solid #ccc; }
.commentbtn { float: right; font-weight: bold; width: 68px; height: 25px; line-height: 22px; margin-left: 4px; margin-top: 6px; padding-left: 4px; padding-right: 4px; }
.replies {  overflow:hidden; padding:10px;}
.replies .replied { padding-left:27px; clear:both}
.replies .replied .list {padding-top:10px;overflow:hidden}
.replies .name { font-weight:bold; padding-right:6px;}
.replies a {color:#13ab4a}
.replies li { margin-bottom:16px; border-bottom:1px solid #ddd; padding-bottom:10px; overflow:hidden}
.replies .date { float:left; color:#999; margin-top:3px; float:left !important }
.replies .scomment { float:right; margin-top:3px; }
.replies .textarea2 { width: 97.8%; padding: 5px 1%; border: 1px solid #cdcdcd; height:48px; line-height:24px; font-family:arial; font-size:12px; }
.replies .greenbtn { margin-top:4px;font-weight: bold; width: 68px; height: 25px; line-height: 22px;  }
.replies .commentswrap { overflow:hidden; clear:both}
.error {background:#D6E1E7; text-align:center; padding:30px 0;}
.product .pname { max-height:40px; line-height:20px; overflow:hidden; font-size:12px; font-weight:bold}
.product .pname:hover { text-decoration:underline; color:#13ab4a}
.hlogo { padding-top:20px;}
.atm { margin-top:-15px !important; margin-left:-42px !important;}
.hcompany { width:550px; float:left; padding-left:10px;}
.hcompany h2 { color:#13ab4a; font-size:18px; margin-bottom:10px;}
.hcompany p { /* max-height:74px; */ overflow:hidden}
.hcompany .list .img { float:left; width:80px; margin-right:20px;}
.hcompany .list { margin-bottom:15px; overflow:hidden}
.hnews { width:520px; float:right}
.hcompany.hnews .list .text { width:420px;}
.hcompany .list .text { float:left; width:450px;}
.newsmargin { overflow:hidden; margin-top:20px;}
.hnews h3 { font-size:14px;}
.hnews p { color:#666; max-height:30px; overflow:hidden}
.hnews .list { margin-bottom:15px;}
/*Tab*/
.tab1 li { list-style: none; }
.tab1 .nav { height: 32px; /*background: url(../img/line.png) no-repeat 0 20px;*/ font-size:14px;}
/*.tab1 .nav.n1 { background: url(../img/line.png) no-repeat 0 -28px;}
.tab1 .nav.n2 { background: url(../img/line.png) no-repeat 0 -71px;}*/
.tab1 .nav li { line-height:22px; float: left; margin-right: 10px; cursor:pointer; padding-right:15px; /*border-right:1px solid #ccc*/}
.tab .nav .current {color: #e84e0e; }
.tab1 .content>ul>li { display: none}
.tab1 .content h3 { font-size:14px; margin-bottom:2px; height:24px; line-height:24px; overflow:hidden}
.listcontent { margin-bottom:-10px;}
.tab1 .content .list { margin-bottom:9px;}
.tab1 .content .list p { color:#666;}
.newscontent { width:518px; height:250px; overflow:hidden; padding:5px 10px 0 10px; float:right; overflow:hidden}
.phone { background:#13ab4a; width:520px; height:80px; border-radius:10px; color:#fff; font-size:42px;}
.phone .icon { background:url(../img/icon.png) no-repeat; width:50px; height:50px; float:left; margin:15px 10px 0 40px}
.phone .num { display:inline-block; line-height:80px; float:right; margin-right:50px;text-shadow: 2px 2px 2px #555;}
.product.step .list li { width:348px; padding-right:0; height:210px; padding-left:10px;}
.product.step .list li .img, .product.step .list li .img img{ width:180px}
.product.step .list li .text { width:166px; padding-top:30px;}
.product.step .list li h2 { color:#13ab4a; font-size:18px; margin-bottom:10px; font-weight:bold}
.product.step .list li .text p { height:80px;}
.find { color:#e84e0e; font-size:14px; margin-top:15px;}
.featured { padding-top:10px;}
.featured h3 { color:#13ab4a; font-size:16px; margin-bottom:5px;}
.featured .list { float:left;  margin-right:10px; width:360px;}
.featured .list .content { width:338px; padding:10px; overflow: hidden; height: 170px; border-bottom: 1px dashed #dadada; border: 1px solid #ddd;border-radius:4px; text-align:left;}
.featured .list .content .img { float:left; width:110px;}
.featured .list .content .img img { width:100px;}
.featured .list .content .text { width:215px; float:left; height:80px; line-height:15px; overflow:hidden; color:#666;}
.featured .list .content h4{ font-size:14px; margin-bottom:4px;}
.featured .list .training p { margin-bottom:10px;}
.featured .list .dlist { margin-bottom:15px; overflow:hidden;}
.orange { color:#e84e0e}
.green { color:#13ab4a}
.featured .list .title2 { float:left; margin-bottom:4px;}
.featured .searchbar { border:none;margin-left:0; border-radius:0;height:24px; width:329px; float:left; background:none; margin:0 }
.featured .searchbar .searchtext { border-radius:0;width:233px; height:24px; line-height:24px; border:1px solid #77c292; background:#eee;}
.featured .searchbar .searchbtn { width:80px; height:26px; background:#13ab4a; color:#fff; line-height:24px; text-align:center; float:right; font-size:12px; font-weight:normal; padding:0; text-indent:0; border-radius:4px;}
.jia { background:url(../img/renesola.png) no-repeat 0 -150px; width:50px; height:20px; float:left}
.atm {
margin-top: -5px !important;
margin-left: 0px !important;
}
.addthis_counter .atc_s, .addthis_counter .addthis_button_expanded { background:none !important}
.featured .list .content.training { padding-left:0;}
.training .right { width:170px;}
.training .right a { display:block; line-height:200%;}
.featured .list.say .content .img { float:left; width:86px;}
.featured .list.say .content .img img { width:76px;}
.featured .list.say .content .text { width:240px;}
.m1 { float:right;color:#13ab4a;}
.m1 span { font-family:"simsun"}
.letter li{ background:url(../img/dot.png) no-repeat 0 center; text-indent:12px; line-height:19px; height:19px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.letter { margin-bottom:8px;}
.featured .list .letter .dlist { margin:0}
.banner img { width:100%;}
.Fnavbox .nowat {float:right;}
.helpinfo .nowat{margin-bottom:10px;}
.nowat .part { font-family:simsun; padding:0 5px;}
.nowat a {color:#3399cc}
.nowat .current { font-weight:bold;}
.commonh1 { font-size:16px; color:#13ab4a; font-weight:bold; margin-bottom:10px;}
#slides2 img { width:270px !important;}
.success-order { background:url(../img/success_bg.png) no-repeat;}
.success-order2 { background:url(../img/success_bg2.png) no-repeat;}
.gosubsite { background:#ffffdd; border:1px solid #dddddd;
margin-top:10px; padding:3px 0; text-align:center; line-height:30px;}
.gosubsite img { vertical-align:middle; display:inline-block; margin:0 10px;}
.goclose { background:url(../img/renesola.png) -123px -156px no-repeat; width:14px; height:20px; display:inline-block; float:right; cursor:pointer; opacity:0.7;}
.goclose:hover { opacity:1}
.listpage .nav { overflow:hidden}
.searchpage .nav { overflow:visible !important} 
/*弹出层可拖动*/
.dialog { display: none; z-index: 10000; background: #fff; border: 1px solid #ccc; width: 860px; position: fixed!important; /* FF IE7*/    _position: absolute; /*IE6*/ _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight- this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }
html, body { height: 100%; }
.dialog .dclose { background:#fff url(../img/icon.png) -393px -293px no-repeat; display: block; text-indent: -9999px; width: 25px; height: 35px; float: right; cursor: pointer; outline: none; }
.zoom { background:#fff url("../img/icon.png") no-repeat scroll -388px -390px; cursor: pointer; display: block; float: right; height: 35px; outline: medium none; text-indent: -9999px; width: 35px; }
.zoom1 { background:#fff url("../img/icon.png") no-repeat scroll -388px -490px; cursor: pointer; display: block; float: right; height: 35px; outline: medium none; text-indent: -9999px; width: 35px; }
.dialog .dtitle { cursor: move; width: 100%; height: 35px; line-height:35px; overflow: -moz-user-select: none; z-index:111111; border-bottom:#e7e7e7 3px solid; position:absolute; }
.dialogbg { display: none; z-index: 1000; background-color: #ccc; width: 100%; height: 100%; left: 0; top: 0; filter: alpha(opacity=50); opacity: 0.5; position: fixed!important; _position: absolute; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight- this.offsetHeight)/2 :
 document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }
.zoomedInBox .dcontent { padding:0px; height:190px; }
.dbtn { width:155px; margin:10px auto; }
.dbtn .dokay,.dbtn .SendInquiry { border: none; background: #13ab4a; width: 70px; height: 30px; border-radius: 3px; color: #fff; text-align: center; margin-right: 10px; cursor: pointer; }
.dbtn .dcancle { border: none; background: #eee; width: 70px; height: 30px; border-radius: 3px; color: #333; text-align: center; cursor: pointer; }
.chatbox.zoomedOutBox { width:650px; height:416px; }
.zoomedOutBox .dcontent { padding:0px; height:416px; }
.dialog.productChat {display:block;}
.required {
background: url(../img/renesola.png) no-repeat 0 -120px;
height: 10px;
width: 10px;
vertical-align: middle;
margin-left: 5px;
display: inline-block;
}

/*弹出层可拖动*/
.dialog2 { display: none; z-index: 10000; background: #fff; border: 1px solid #ccc; width: 560px; position: fixed!important; /* FF IE7*/	_position: absolute; /*IE6*/ _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight- this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }
html, body { height: 100%; }
.dialog2 .dclose, .dialog2 .dclose2 { background: url(../img/close.png) 0 0 no-repeat; display: block; text-indent: -9999px; width: 14px; height: 14px; float: right; margin: 10px 10px 0 0; cursor: pointer; outline: none; }
.dialog2 .dclose:hover { background: url(../img/close.png) -19px 0 no-repeat; display: block; text-indent: -9999px; width: 14px; height: 14px; }
.dialog2 .dtitle h3 { line-height: 24px; font-size: 14px; font-weight: bold; float: left; overflow: hidden; margin: 6px 10px 0 10px; }
.dialog2 .dtitle { cursor: move; width: 100%; height: 35px; overflow: hidden; background: #fcfcfc; border-bottom: 1px solid #f2f2f2; -moz-user-select: none; }
.dialogbg { display: none; z-index: 1000; background-color: #ccc; width: 100%; height: 100%; left: 0; top: 0; filter: alpha(opacity=50); opacity: 0.5; position: fixed!important; _position: absolute; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight- this.offsetHeight)/2 :
 document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }
.dialog2 .dcontent { padding:10px;min-height: 240px;}
/* share on start */
.shareon{padding-bottom:10px; margin-top:15px;}
.shareon li{float:left;height:24px;display:inline;margin-right:5px; line-height:26px;}
.shareon li.facebook a,.shareon li.twitter a,.shareon li.google a,.shareon li.pinterest a,.shareon li.vk a{display:block;height:24px;width:24px;background:url(../img/share.png) no-repeat;}
.shareon li.facebook a{background-position:0 0px;}
.shareon li.facebook a:hover{background-position:0 -24px;}
.shareon li.twitter a{background-position:-24px 0px;}
.shareon li.twitter a:hover{background-position:-24px -24px;}
.shareon li.google a{background-position:-48px 0px;}
.shareon li.google a:hover{background-position:-48px -24px;}
.shareon li.pinterest a{background-position:-72px 0px;}
.shareon li.pinterest a:hover{background-position:-72px -24px;}
/* share on end */
.lrslide.lrslide3 .list { width:777px; height:167px;}
.lrslide.lrslide3 .list li { margin-right:32px;}

.quotation .confirm { margin:30px auto; text-align:center; }
.quotation .confirm .gbtn.qbtn { display:inline-block; width:auto; min-width:120px; padding-right:10px; margin:0px 12px; }
.quotation .confirm .gbtn.qbtn span { vertical-align:middle; }
.quotation .confirm .gbtn.qbtn i { width:31px; height:31px; float:left; margin:4px 10px 0px 5px; }
.quotation .confirm .gbtn.qbtn i.iconEmail { background: url(../img/quotationEmail.png); }
.quotation .confirm .gbtn.qbtn i.iconFax { background: url(../img/quotationFax.png); }
.quotation .confirm .gbtn.qbtn i.iconpi { background: url(../img/quotationpi.png) no-repeat;  }
.quotation .confirm .gbtn.qbtn i.iconSubmit { background: url(../img/quotationSubmit.png) no-repeat; }



.topselling li { overflow:hidden; margin-bottom:10px;}
.topselling .img { width:90px; float:left}
.topselling .img img { width:100%;}
.topselling .text { width:170px; float:right}
.topselling .text p { margin-bottom:5px;}
a .pname:hover { color:#13ab4a; text-decoration:underline}
.star { vertical-align:middle}
.detailtitle { border-bottom: 1px solid #77c292; padding-bottom:5px;clear: both; margin-bottom:10px;overflow: hidden; }
.detailtitle h3{ font-size: 14px; color: #13ab4a; margin-top: 20px; font-weight:bold}
.tablecontent img { max-width:100%;}

/*tosubsite*/
.dialog2 { display: none; z-index: 10000; background: #fff; border: 1px solid #ccc; width: 700px; position: fixed!important; /* FF IE7*/	_position: absolute; /*IE6*/ _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight- this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }
html, body { height: 100%; }
.dialog2 .dclose { background: url(../img/close.png) 0 0 no-repeat; display: block; text-indent: -9999px; width: 14px; height: 14px; float: right; margin: 10px 10px 0 0; cursor: pointer; outline: none; }
.dialog2 .dclose:hover { background: url(../img/close.png) -19px 0 no-repeat; display: block; text-indent: -9999px; width: 14px; height: 14px; }
.dialog2 .dtitle h3 { line-height: 24px; font-size: 14px; font-weight: bold; float: left; overflow: hidden; margin: 6px 10px 0 10px; }
.dialog2 .dtitle { cursor: move; width: 100%; height: 35px; overflow: hidden; background: #fcfcfc; border-bottom: 1px solid #f2f2f2; -moz-user-select: none; }
.dialog2bg { display: none; z-index: 1000; background-color: #ccc; width: 100%; height: 100%; left: 0; top: 0; filter: alpha(opacity=50); opacity: 0.5; position: fixed!important; _position: absolute; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight- this.offsetHeight)/2 :
 document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }
.dialog2 .dcontent { padding:10px;min-height: 240px;color:#000;}

/*Browse our Online Store*/
.Browsebox{ margin:0 auto;width:1100px;  margin-top:15px;margin-bottom:15px; border:1px solid #13ab4a; height:150px}
.Browsebox .left{float:left; width:190px; height:150px; background:#13ab4a  url(../img/newhome_carhelp.png) center center no-repeat}
.Browsebox .right{ float:right; width:880px; padding:10px}
.Browsebox .right .title{ font-weight:bold; font-size:20px; height:50px; line-height:40px; color:#13ab4a}
.Browsebox .right .text{line-height:22px; font-size:14px}
/*form*/
.inquery2 { font-size: 14px; }
.inquery2 li { zoom: 1; margin-bottom: 15px; overflow: hidden; color:#000;}
.inquery2 li .cinput { width: 245px; padding: 0 8px 0 8px; float: left; border: 1px solid #ccc; height: 22px; font-size: 12px; color: #333; line-height: 22px; }
.inquery2 li label { width: 130px; float: left; text-align: right; padding-right: 15px; line-height: 24px; font-size: 12px;  }
.inquery2 li p { font-size: 12px; padding-left: 90px; padding-top: 10px; display: block; color: #999; }
.inquery2 li .w2 { width: 120px; }
.inquery2 { min-height: 0 !important; margin-bottom: 15px; }
.inquery2 select { float: left; margin-right: 10px; margin-top: 7px; }
.inquery2 .cb { margin-top: 10px; }
.inquery2 .cb div { margin-bottom: 5px; }
.inquery2 .cb span { padding-left: 6px; padding-right: 20px; }
/*mobile*/

@media only screen and (max-width: 481px)
{
	.searchbar .searchbtn { border:0 !important; border-radius:0 !important}
	.header, .footer { width:1100px;}
	.footer .privacy { width:650px;}
	.header .tel { width:171px; text-align:left}
	.header .tel i { float:left; width:13px;}
	.header .right{width:125px;height:20px;-webkit-overflow-scrolling:touch; overflow: scroll;}
}
/*tablet*/
@media only screen and (max-width: 1100px) and (min-width: 481px)
{
	.searchbar .searchbtn { border:0 !important; border-radius:0 !important}
	.header, .footer, #fancybox-overlay { width:1100px !important;}
	.footer .privacy { width:400px;}
	.header .tel { width:171px; text-align:left}
	.header .tel i { float:left; width:18px; height:25px;}
	.header #iFrame1{ display:none;}
}
.hiddenByCountry{
	display: block;
}