#body #InnerBanner{
width:1080px;
margin:auto;}
#body .inner{
width:1080px;
margin:auto;
padding-top:10px;}
#body .inner .left{
width:220px;
margin-top: 10px;
float:left;}
#body .inner .right{
margin-top: 10px;
width:844px;
float:right;
border: 1px solid #ECECEC;
padding: px 0px;
box-shadow: 1px 1px 30px #e6e6e6;}
#body .inner .left .Sbox{
border: 1px solid #ECECEC;
padding: 10px 0px;
box-shadow: 1px 1px 3px #e6e6e6;
}
#body .right{
margin-top: px;
width:px;
float:;
border: ;
padding: px 0px;
box-shadow:;}
#body .inner .left .Sbox{
}
#body .inner .left .Sbox .topic{
background:url("") repeat-x left top;
font-size:18px;
height:54px;
font-family:"Microsoft Yahei";
margin:0px 0px 0px 0px;
line-height:54px;
border-bottom:;
padding-left:44px;
color:#F3A11C;
font-weight:normal;}
#body .inner .left dl{padding:0px 10px;border:1px solid #F3F3F3;border-top:0px; overflow:hidden;}
#body .inner .left h3{border-left:8px solid #008CD6;border-bottom:1px solid #EEE;background:#f9f9f9;margin-left:-1px;line-height:45px;height:45px;padding-left:10px;}
#body .inner .left dd{line-height:22px;padding:8px;overflow:hidden;border-top:1px dashed #ECECEC;}
##body .inner .left dd.ntb{border-top:0px;}
#body .inner .left dd p{color:#999; font-size: 10px;}
#body .inner .left dd p.postitle{height:24px; line-height:24px;overflow:hidden;font-weight:bold;}
#body .inner .left dd p.postitle a{color:#000}
#body .inner .left dd a{color:#666;}
#body .inner .left dd a:hover{color:#333;}
#body .inner .left dd img{float:left;margin-right:8px;border:1px solid #FAFAFA;}
#body .inner .left .Sbox .blank ul {
padding:0px 0px;}
#body .inner .left .Sbox .blank ul li{
cursor:pointer;
height:45px;
background:url("") repeat 0px 0px;
}
#body .inner .left .Sbox .blank .current a{
background:#0170d9;
border-bottom:1px solid #FFFFFF;
}
#body .inner .left .Sbox .blank .current a{
color:#FFFFFF;}
#body .inner .left .Sbox .blank ul li a{
display:block;
height:45px;
line-height:45px;
padding-left:45px;
background:url("") no-repeat 12px 10px;}
#body .inner .left .Sbox .blank ul li a:hover{
background: #EFEFEF;
border-left: 3px solid #008CD6;
margin-left: -1px;
text-decoration:none;}
#body .inner .left .Sbox .list dl{
padding:0px 10px;
}
#body .inner .left .Sbox .list dl dt{
font-family:Arial;
color:#666666;
line-height:20px;
font-size:10px;}
#body .content .prenext .Sbox .list dl dd{
width: 200px;
float: left;
margin: 1px 2px 11px -2px;
}
#body .content .prenext .Sbox .list dl dl{
width: 800px;
}
#body .inner .left .Sbox .txt{
padding:10px; color: #7D7D7D;}
#body .inner .right .Position{
font-size:12px;
line-height:33px;
background:url("/images/HituxCMSBold/box_bg5.jpg") repeat left top;
text-align:right;
color:#666666;}
#body .inner .right .Position a{
color:#666666;}
#body .inner .right .Position span{
padding-right:10px;
}
#body .inner .right .main{
padding:0px 20px;
font-size:12px;}
/*content*/
#body .inner .right .main .content .title h3{
text-align:center;
font-size:18px;
font-weight:normal;
font-family:"Microsoft Yahei";}
#body .inner .right .main .content .infos{
font-size:12px;
line-height:40px;
color:#666666;
text-align:center;}
#body .inner .right .main .content .maincontent{
font-size:12px;}
#body .inner .right .main .content .maincontent p{
padding:5px 0px;
line-height:200%;
}
#body .inner .right .main .content .download{
background:url("/images/HituxCMSBold/downicon.gif") no-repeat 15px 7px;
padding-left:55px;
border:1px solid #F5F5F5;
line-height:40px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0px;}
#body .inner .right .main .content .prenext{
padding:10px 0px;
margin-top:10px;}
#body .inner .right .main .content .prenext ul li{
line-height:30px;
background:url("/images/HituxCMSBold/jiantou.gif") no-repeat 0px 1px;
padding-left:15px;}
#body .inner .right .main .ArticleList{
font-size:12px;}
#body .inner .right .main .ArticleList td{
line-height:35px;
border-bottom:1px dashed #CCC;}
#body .inner .right .main .ArticleList .fw_t{
font-size:12px;
}
#body .inner .right .main .ArticleList .fw_s{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;}
/* recruit */
#body .inner .right .main .RecruitList{
}
#body .inner .right .main .RecruitList td{
line-height:35px;
border-bottom:1px dotted #CCC;
font-size:12px;}
#body .inner .right .main .RecruitList .Rtitle{
background:#f5f5f5;
color:#0170d9;
font-size:14px;
padding-left:10px;
height:30px;
line-height:30px;}
#body .inner .right .main .RecruitList .Rtitle span{
text-align:right;
font-size:12px;}
#body .inner .right .main .content .ProInfo .image{
float:left;}
#body .inner .right .main .content .ProInfo .column{
float:right;
width:500px;}
#body .inner .right .main .content .ProInfo .image img{
width:270px;
height:270px;
}
#body .inner .right .main .content .ProInfo .image a{
display:block;
width:270px;
height:270px;
border:2px solid #F5F5F5;
padding:2px;
}
#body .inner .right .main .content .ProInfo .image a:hover{
border:2px solid #0170d9;}
#body .inner .right .main .content .ProInfo .column .title{
background-color:#f5f5f5;
padding:0px 10px;}
#body .inner .right .main .content .ProInfo .column .title h3{
text-align:left;
font-size:14px;
line-height:25px;
font-weight:bold;}
#body .inner .right .main .content .ProInfo .column .infos{
text-align:left;}
#body .inner .right .main .content .ProInfo .column ul li{
line-height:33px;
height:33px;
color:#333;
font-weight:normal;}
#body .inner .right .main .content .ProInfo .column ul li span{
width:100px;
height:20px;
font-weight:bold;
padding:3px;
color:#333;
}
#body .inner .right .main .content .ProInfo .column ul .MPrice{
color:#666666;
text-decoration:line-through;
}
#body .inner .right .main .content .ProInfo .column ul .NPrice{
color:#F00;
font-weight:bold;}
#body .inner .right .main .content .ProInfo .column ul .NPrice .BuyCount{
color:#060;}
#body .inner .right .main .IntroTitle{
font-size:14px;
line-height:25px;
border-left:3px solid #F3A11C;
margin:10px 0px;
padding-left:10px;
color:#7D7D7D;
font-weight:bold;
background-color:#F5F5F5;}
#body .inner .right .main .content .MorePro{
}
#body .inner .right .main .content .MorePro .albumblock{
width:160px;
height:190px;
float:left;}
#body .inner .right .main .content .MorePro .albumblock .inner{
width:160px;
height:190px;
}
#body .inner .right .main .content .MorePro .albumblock .inner img{
}
#body .inner .right .main .content .MorePro .albumblock .inner .albumtitle{
}
#body .inner .right .main .content .CaseBlock li{
width:330px;
float:left;
padding-left:10px;
}
#body .inner .right .main .content .CaseBlock .Cimg a{
display:block;
border:1px solid #F5F5F5;
padding:1px;}
#body .inner .right .main .content .CaseBlock .Cimg a:hover{
border:1px solid #0170d9;}
#body .inner .right .main .content .CaseBlock .case_ct{ height:30px; line-height:30px; color:#2586BE; background:#E5F4FC; font-weight:bold;}
#body .inner .right .main .content .CaseBlock .case_txt{ padding-left:10px;height:30px; line-height:30px; text-align:left;font-size:12px;color:#666;}
#body .inner .right .main .content .CaseBlock .case_mc{ color:#C90;font-weight:bold;}
#body .inner .right .main .content .CaseBlock .case_mc a{color:#c90;}
#body .inner .right .main .content .CaseBlock .hycd_ct{ height:35px; line-height:35px; color:#fff; font-weight:bold; padding-left:40px;}
#body .inner .right .main .content .CaseBlock .hycd_ct a{ color:#fff;}
#body .inner .right .main .content .CaseBlock .hycd_ct a:hover{ color:#FFFACC}
#body .inner .right .main .content .CaseBlock .hycd_ct a:visited{ color:#fff}
#body .inner .right .main .content .CaseBlock .hycd_mc{ color:#ff6600;}
#body .inner .right .main .content .CaseBlock .ttp{ margin-top:10px; margin-bottom:10px;}
/* sitemap */
#body .inner .right .main .SiteMap{
padding:0px 10px;}
#body .inner .right .main .SiteMap ul li{
font-weight:bold;
line-height:25px;
padding:10px 20px;
border-bottom:1px dashed #CCCCCC;
font-size:14px;
background:url("/images/HituxCMSBold/ico4.jpg") no-repeat left 18px;}
#body .inner .right .main .SiteMap ul li ul li{
font-weight:normal;
border-bottom:none;
font-size:12px;
background:none;
padding:5px 0px;}
#body .Position {
background: #EFEFEF url(images/icon_home.png) no-repeat 10px 9px;
width: px;
clear: both;
margin: 0px auto;
padding-left: 25px;
color: #666;
height: 30px;
line-height: 30px;
}
/* FeedBack */
.FeedBack {}
.FeedBack .Fleft{
width:90px;
float:left;
}
.FeedBack .Fleft .Ficon{
padding:0px 12px;
}
.FeedBack .Fleft .Fname{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
color:#0170d9;
font-weight:bold;}
.FeedBack .Fright{
float:left;
width:600px;
padding-bottom:10px;
}
.FeedBack .Fright .Fcontent .Ftime{
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#0170d9;
padding:0px 20px 5px 20px;}
.FeedBack .Fright .Fcontent{
width:600px;
background:url("/images/HituxCMSBold/PostBG.jpg") no-repeat left top;
padding:10px 0px;
}
.FeedBack .Fright .Fcontent p{
padding:0px 20px 5px 50px;}
.FeedBack .Fright .Fcontent .Freply .FRtitle{
margin-left:20px;
line-height:20px;
color:#FFFFFF;
height:25px;
background:url("/images/HituxCMSBold/picon.gif") no-repeat 2px 0px;
padding-left:20px;
font-weight:bold;}
.FeedBack .Fright .Fcontent .Freply p{
color:#989E4D}
.FeedBack .Fright .Fline{
float:right;
width:572px;
border-top:1px solid #EDEDEF;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=1, Direction=180);}
.FeedBack .IntroTitle{
width:765px;
margin:auto;
}
.FeedBack .commentbox{
padding-top:5px;}
.FeedBack .commentbox #commentform td{
height:60px;
font-size:14px;}
.FeedBack .commentbox #commentform input{
height:25px;
line-height:25px;}
.FeedBack .commentbox #commentform td span{
font-weight:bold;
color:#900;}
.FeedBack .commentbox #commentform .Cbutton{
line-height:25px;
background:#0170d9;
border:none;
color:#FFFFFF;
font-size:14px;
cursor:pointer;}
#body .inner .right .main .FeedBack .commentlist dt{
padding:5px 10px;
background-color:#dededc;
height:22px;
line-height:22px;
font-size:12px;}
#body .inner .right .main .FeedBack .commentlist dd{
padding:15px 0px 15px 0px;
line-height:180%;
font-size:14px;
}
#body .inner .right .main .FeedBack .commentlist dd b{
color:#458D3A;}
#body .inner .right .main .FeedBack .commentlist dd span{
color:#A00000;}
#body .inner .right .main .FeedBack .commentlist p{
padding:0px;
line-height:180%;
margin:0px;}
.clicktimes{
display:none;}
/*img list*/
.ImageList{
padding:0px 0px;}
.ImageList .ImageBlockBG{
float: left;
/* padding: 10px 10px 20px 10px; */
/* border: 1px solid #ECECEC;*/
padding: 0px 0px;
/*box-shadow: 1px 1px 3px #e6e6e6; */
margin: 15px 0px 16px 13px;}
.content .ImageList .ImageBlockBG{
padding:10px 10px 20px 15px;}
.ImageList .ImageBlock{
padding:10px;
width:229px;
height:179px;
overflow:hidden;
/* border:1px solid #DDDDDD; */
cursor:pointer;}
.content .ImageList .ImageBlock{
height:138px;
float:left;
padding:5px;}
.ImageList .ImageBlock:hover{
/* border:1px solid #0170d9;*/
background-color:#F5F5F5;
}
.ImageList .ImageBlock .ImageNote{
padding:5px;
line-height:25px;
color:#FFFFFF;
font-size:11px;}
.ImageList .ImageBlock p a{
color:#FFFFFF;}
.ImageList .ImageBlock img{
width:228px;
height:157px;
border:1px solid #F5F5F5;}
.ImageList .ImageBlock img:hover{
border:1px solid #DDDDDD;}
.ImageList .ImageBlock p{
text-align:center;
bottom:0px;
background-color:#E87700;
color:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
height:50px;
line-height:29px;}
.content .ImageList .ImageBlock p{
color:#FFFFFF;}
.ImageList .ImageBlock a{
text-decoration:none;}
#body .prenext .blk_29 { PADDING:0px 0px; OVERFLOW: hidden; ZOOM: 1; POSITION: relative;}
#body .prenext .blk_29 .LeftBotton { BACKGROUND: url(images/Arrow_l.jpg) no-repeat -1px 0px; LEFT: 0px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 50px; HEIGHT: 114px}
#body .prenext .blk_29 .RightBotton { RIGHT: 5px; BACKGROUND: url(images/Arrow_r.jpg) no-repeat -0px 0px; FLOAT: right;right:0px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 50px; HEIGHT: 114px}
#body .prenext .blk_29 .Cont { MARGIN: 0px auto; OVERFLOW: hidden; PADDING:15px 0 0 0px;float:left;height:170px;width:720px;POSITION: relative;left:30px;}
#body .prenext .blk_29 .box { FLOAT: left; WIDTH: 240px; TEXT-ALIGN: center;}
#body .prenext .blk_29 .box IMG { BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:160px;height:120px;}
#body .prenext .blk_29 .box A:hover IMG { BORDER: #3092b9 1px solid;}
#body .prenext .blk_29 .box P { WIDTH: 240px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#3092b9}
/* open div*/
#popupMask {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:9990;
background-color:#000;
-moz-opacity: 0.7;
opacity:0.70;
filter: alpha(opacity=70);
font-size:12px;
}
#popupContainer {
position: absolute;
z-index: 9991;
top: 0px;
left: 0px;
display:none;
padding: 0px;
}
#popupInner {
border: 3px solid #0170d9;
background-color: #FFFFFF;
}
#popupFrame {
margin: 0px;
width: 100%;
height: 100%;
position: relative;
z-index: 9;
}
#popupTitleBar {
background:url("/images/box_bg1.jpg") repeat-x left top;
color: #0170d9;
font-weight: bold;
height: 1.3em;
padding: 5px;
z-index: 9992;
text-align:center;
}
#popupTitle {
float:left;
font-size: 1.1em;
}
#popupControls {
float: right;
cursor: pointer;
cursor: hand;
}
#popupControls a span {
display: block;
height: 15px;
width: 15px;
text-indent: -9000px;
background: url('/images/close.gif') no-repeat;
}
.VideoBox{
padding:10px;}
#body .Sbox .topic .list .dl .dd{
width:240px;float:left;
}
#footnav{background:#FBFBFB; overflow:hidden;padding:20px 0px;border-top:1px solid #F0F0F0;min-width:1200px;}
#copyright{background:#F2F2F2;color:#999;clear:both;height:45px; line-height:45px;font-size:12px;min-width:1200px;}
.warp {
width: 1080px;
margin: 0px auto;
clear: both;
min-width: 1080px;
}
.fl {
float: left;
}
.fr {
float: right;
}
#body .inner .left .Sbox .blank .current a{
background:#0170d9;
border-bottom:1px solid #FFFFFF;
}
#body .ArticleList .DivList{
font-size:12px;
padding:0px;}
#body .ArticleList .DivList .DivLi{
padding:4px 0px 32px 0px;
border-bottom:1px dashed #CCC;
}
#body .ArticleList .DivList .DivLi .DivLeft{
float:left;
padding:10px;
width:100px;
height:70px;}
#body .ArticleList .DivList .DivLi .DivLeft img{
width:100px;
height:100px;}
#body .ArticleList .DivList .DivLi .DivRight{
float:right;
padding:10px;
width:660px;
height:60px;}
#body .ArticleList .DivList .DivLi .DivRight p{
font-size:14px;
line-height:180%;}
#body .ArticleList .DivList .DivLi a{
color:#F4A11C;
line-height:29px;
padding:0px;
height:29px;
overflow:hidden;}
#body .ArticleList .DivList .DivLi span{
color:#666;
font-size:11px;
float:right;
}
#body .ArticleList .DivList .DivLi .Des{
color:#666;}
#body .ArticleList .DivList .DivLi a{
line-height:28px;
font-size:18px;
height:28px;}
#footnav{background:#FBFBFB; overflow:hidden;padding:20px 0px;border-top:1px solid #F0F0F0;min-width:1200px;}
#footnav dl dt{font-size:16px; line-height:30px; text-align:center;}
#footnav dl dd { line-height:30px;font-size:12px;}
#footnav dl dd a{color:#999;margin-right:10px;font-size:14px;}
#footnav dl{float:left;padding-left:45px;background:url(images/footer-icon.png) no-repeat;font-size:12px;}
#footnav dl.w305{background-position:0px -190px;width:305px;}
#footnav dl.w550{background-position:0px -90px;width:350px;}
#footnav dl.w210{background-position:0px 10px;width:290px}
.h4{font-size:26px;text-align:center;height:50px; line-height:50px;}
#servers{background:#fafafa;overflow:hidden;padding-bottom:50px;padding-top:25px;border-bottom:1px solid #E8E8E8;min-width:1200px;}
#servers ul{padding-top:25px;clear:both;width:1250px;}
#servers li{float:left;width:253px;margin-right:22.5px;}
#servers li a{ display:block;padding:21px;width:209px;border:1px solid #E8E8E8;border-top:0px;background:#FFF;color:#333;}
#servers li h3{font-size:20px; text-align:center;}
#servers li#website{border-top:5px solid #13C0CE;}
#servers li#website a:hover{background:#13C0CE;color:#FFF;border-color:#13C0CE;}
#servers li#mwebsite{border-top:5px solid #FB9B19;}
#servers li#mwebsite a:hover{background:#FB9B19;color:#FFF;border-color:#FB9B19;}
#servers li#weisite{border-top:5px solid #91C512;}
#servers li#weisite a:hover{background:#91C512;color:#FFF;border-color:#91C512;}
#servers li#webyingxiao{border-top:5px solid #FF5959;margin-right:0px;}
#servers li#webyingxiao a:hover{background:#FF5959;color:#FFF;border-color:#FF5959;}
#servers li p{font-size:14px; line-height:22px;height:66px;overflow:hidden}
#servers li p.server_ico{padding:30px 65px;}
#servers li p.server_ico em{background-image:url(images/server_ico.png);background-repeat:no-repeat;height:73px;width:78px;display:inline-block}
#servers li#website p.server_ico em{ background-position:0px 0px}
#servers li#website:hover p.server_ico em{ background-position:-105px 0px}
#servers li#mwebsite p.server_ico em{ background-position:0px -100px}
#servers li#mwebsite:hover p.server_ico em{ background-position:-105px -100px}
#servers li#weisite p.server_ico em{ background-position:0px -195px}
#servers li#weisite:hover p.server_ico em{ background-position:-105px -195px}
#servers li#webyingxiao p.server_ico em{ background-position:0px -295px}
#servers li#webyingxiao:hover p.server_ico em{ background-position:-105px -295px}
/************webcase-box***********************/
.webcase-box{padding:50px 0;background:#F9F9F9 url(../images/case.jpg) repeat-x top;height: 653px;}
.m-webcase,.m-webcase a{color:white;}
.m-webcase .u-tt{background:url(../images/case-tt.jpg) repeat-x left 14px;margin-bottom:10px;text-align:center;}
.m-webcase .u-tt strong{display:inline-block;font-size:26px;color:#000;font-weight:;background:;padding:0 10px;}
.m-webcase .u-tt span{font-size:14px;color:#000;}
.m-webcase ul{position:;top:32px;left:0;width: 1080px;height: 490px;}
.m-webcase .f-hidden{height:px;}
.hidden-box{width:1080px;height:499px;position:relative;margin:auto;}
.m-tab .tab-tt{text-align:center;font-size:0;}
.good-btn a{display:inline-block;text-align:center;width:92px;height:27px;line-height:27px;font-size:13.76px;background:url(../images/case-btn.png) no-repeat;margin:0 5px;font-weight:normal;}
.good-btn a:hover,.m-tab .tab-tt a.hover{ background: url(/images/case-btn.png) no-repeat center -27px;
text-decoration: none;
/* background: #F3A11C; */
color: #333368;
width: 500px;
font-size: 14px;}
.m-tab .tab-cnt{display:none;position:absolute;top:0;left:0;}
.f-casebtn{text-align:right;}
.f-casebtn a{display:inline-block;font-family:\5b8b\4f53;color:#4297db;text-align:center;}
.f-casebtn a.prev,.f-casebtn a.next{background-color:#007ac5;width:15px;height:15px;line-height:15px;color:#fff;margin-right:5px;}
.f-casebtn a.prev:hover,.f-casebtn a.next:hover{background:#029efe;text-decoration:none;}
.m-case .case-item{width:260px; height:212px; float:left;margin-top: 35px; margin-left:5px; background-color: #0170db;}
.m-case .case-item .f-in{width:252px;height:203px;overflow:hidden;position:relative;}
.m-case .case-item img{width:252px;height:202px;position:absolute;top:5px;left:5px;z-index:0;}
.m-opacityinfo{position:absolute;width:100%;height:88px;overflow:hidden;top:163px;z-index:90;padding-bottom:5px;}
.m-opacityinfo h3{height:40px;line-height:40px;overflow:hidden;font-size:18px;font-weight:normal;}
.m-opacityinfo h3,.m-opacityinfo p{margin:0 10px;color: white;}
.m-opacityinfo h3 a,{color: white;}
.m-opacityinfo .opacitylay{position:absolute;top:0;left:0;width:100%;height:93px;background:#000;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7; z-index:-1;}
.webms{border-top:1px solid #f2f2f2;padding-top:5px;line-height:24px;color:#666; text-align:center;font-size: 13px;}
/*!为什么选择我们首页 */
.products-why{background-color: #F1F1F1;height:337px;padding: 46px 0 0;}
.products-why-con{width:1080px;height:337px;margin:0 auto;position: relative;}
.products-why-con-01{height:85px;text-align: center;}
.products-why-con-01 .title{color: #333;font-size: 30px;line-height: 30px;font-weight: bold;}
.products-why-con-01 p{color: #333;font-size: 16px;padding: 15px 0 0;line-height: 14px;}
.products-why-con-02 div{width: 339px;float: left; text-align:left; line-height:25px;}
.products-why-con-02 div h3{font-size:18px; font-weight:bold;margin-top:30px; text-align:left; padding-top:58px;}
.products-why-con-02 div img{margin:0 auto; margin-top:30px; float:left;}
.products-why-cell{display: block; position: relative;text-decoration: none;}
.products-why-cell{color: #666; font-size:16px;}
.products-why-cell u{ color:#2f89e6; text-decoration:none; font-size:14px;}
.products-why-cell u:hover{ color:#f87500; font-size:14px; text-decoration:underline;}
.products-why-con-02 span{width: 5px; float: left;height: 179px;}
/*!为什么选择我们 end 首页 */
.moreBtn{
border:3px solid #717171;
height:45px;
line-height:45px;
padding:0 4%;
display:inline-block;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.moreBtn a:hover{
color:#F3A11C;
border:3px solid #F3A11C;
text-decoration:none;
}
.moreBtn:hover{
color:#F3A11C;
border:3px solid #F3A11C;
text-decoration:none;
}
.moreBox{
width: 195px;
margin: auto;
margin-top: 30px;}
.h3 a{
color:#fff;
}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
/****-----start-body----****/
.login-01{
width:508px;
margin: auto;
margin-top: 20px;
}
form {
padding: 0% 1%;
}
form li.first,li.second{
border:none;
list-style:none;
margin-bottom:5px;
width:600px;
}
.icon,.icon2 {
height:42px;
width:108px;
display: block;
float: left;
border-top-left-radius: 0.3em;
-o-border-top-left-radius: 0.3em;
-moz-border-top-left-radius: 0.3em;
-webkit-border-top-left-radius: 0.3em;
border-border-bottom-left-radius: 0.3em;
-o-border-bottom-left-radius: 0.3em;
-moz-border-bottom-left-radius: 0.3em;
-webkit-border-bottom-left-radius: 0.3em;
}
/*
.user {
background: url(/images/icons.png) no-repeat 14px 15px #f79d29;
}
.email{
background:url(/images/icons.png) no-repeat 15px -39px #f79d29;
}
.phone{
background: url(/images/icons.png) no-repeat 15px -93px #f79d29;
}
.msg{
background: url(/images/msg.png) no-repeat 16px 16px #f79d29;
}
li.first:hover .user{
background: url(/images/icons.png) no-repeat 14px 15px #0170d9;
}
li.first:hover .email{
background:url(/images/icons.png) no-repeat 15px -39px #0170d9;
}
li.first:hover .phone{
background: url(/images/icons.png) no-repeat 15px -93px #0170d9;
}
li.second:hover .msg {
background: url(/images/msg.png) no-repeat 16px 16px #0170d9;
}
*/
/*-----*/
input[type="text"],form textarea {
width: 45%;
padding: 1.13em 1em 1.13em 1em;
color: #858282;
font-size: 10px;
outline: none;
background: #fff;
font-weight: 500;
border: none;
font-family: 'Lora', serif;
border-top-right-radius: 0.3em;
-o-border-top-right-radius: 0.3em;
-moz-border-top-right-radius: 0.3em;
-webkit-border-top-right-radius: 0.3em;
border-border-bottom-right-radius: 0.3em;
-o-border-bottom-right-radius: 0.3em;
-moz-border-bottom-right-radius: 0.3em;
-webkit-border-bottom-right-radius: 0.3em;
}
.submit{
}
form textarea {
resize: none;
height: 18px;
}
.login-01 input[type="submit"]{
font-size: 14px;
font-weight: 300;
color: #fff;
cursor: pointer;
outline: none;
padding: 7px 7px;
width: 136px;
border: 2px solid #F79D29;
float: ;
background: #F79D29;
border-radius: 0.3em;
-o-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
}
input[type="submit"]:hover{
}
li.lost {
margin-bottom: 21px;
}
/*---------------*/
.copy-right {
text-align: center;
margin: 2em 0;
}
.copy-right p {
color: #fff;
font-size: 1em;
font-weight:400;
}
.copy-right p a {
color:#fff;
}
.copy-right p a:hover {
text-decoration: underline;
}
/*-----start-responsive-design------*/
@media (max-width:1440px){
.login-01 input[type="submit"]{
margin-right:0.85em;
}
}
@media (max-width:1366px){
.login-01 input[type="submit"]{
margin-right: 0.6em;
}
}
@media (max-width:1280px){
.login-01 {
width:;
margin:5% auto 5%;
}
body h1 {
font-size: 2.7em;
}
}
@media (max-width:1024px){
.login-01 {
width: 45%;
}
body h1 {
font-size: 2.5em;
}
}
@media (max-width:768px){
.login-01 {
width: 63%;
}
body h1 {
font-size: 2.3em;
}
}
@media (max-width:640px){
.login-01 {
width: 73%;
}
body h1 {
font-size: 2.1em;
}
}
@media (max-width:480px){
.login-01 {
width: 85%;
}
.copy-right p {
font-size: 0.9em;
}
input[type="text"], form textarea {
width:60%;
padding: 1em 1em 1em 1em;
font-size: 15px;
}
.icon, .icon2 {
height: 48px;
width: 48px;
}
.user {
background: url(../images/icons.png) no-repeat 11px 12px #f79d29;
background-size: 45%;
}
.email{
background:url(../images/icons.png) no-repeat 12px -36px #f79d29;
background-size: 45%;
}
.phone{
background:url(../images/icons.png) no-repeat 12px -87px #f79d29;
background-size: 45%;
}
.msg{
background: url(../images/msg.png) no-repeat 14px 11px #f79d29;
background-size: 45%;
}
li.first:hover .user{
background: url(../images/icons.png) no-repeat 11px 9px #DB2048;
background-size: 45%;
}
li.first:hover .email{
background:url(../images/icons.png) no-repeat 12px -36px #DB2048;
background-size: 45%;
}
li.first:hover .phone{
background:url(../images/icons.png) no-repeat 12px -87px #DB2048;
background-size: 45%;
}
li.second:hover .msg {
background: url(../images/msg.png) no-repeat 14px 11px #DB2048;
background-size: 45%;
}
body h1 {
font-size:2em;
padding-top: 1em;
}
form li.first, li.second {
margin-bottom: 5px;
}
}
@media (max-width:320px){
input[type="text"], form textarea {
width: 60%;
padding: 1em 1em 1em 0.8em;
font-size: 14px;
}
.login-01 {
width:96%;
}
.icon, .icon2 {
height: 45px;
width: 45px;
}
.user {
background: url(/images/icons.png) no-repeat 11px 13px #f79d29;
background-size: 40%;
}
.email{
background:url(/images/icons.png) no-repeat 12px -29px #f79d29;
background-size: 40%;
}
.phone{
background:url(/images/icons.png) no-repeat 12px -72px #f79d29;
background-size: 40%;
}
.msg{
background: url(/images/msg.png) no-repeat 14px 13px #f79d29;
background-size: 40%;
}
li.first:hover .user{
background: url(/images/icons.png) no-repeat 11px 13px #DB2048;
background-size: 40%;
}
li.first:hover .email{
background:url(/images/icons.png) no-repeat 12px -29px #DB2048;
background-size: 40%;
}
li.first:hover .phone{
background:url(/images/icons.png) no-repeat 12px -72px #DB2048;
background-size: 40%;
}
li.second:hover .msg {
background: url(/images/msg.png) no-repeat 14px 13px #DB2048;
background-size: 40%;
}
.copy-right p {
line-height: 1.6em;
}
.login-01 input[type="submit"] {
font-size: 17px;
padding: 8px 8px;
width: 36%;
margin-right: 0.7em;
}
body h1 {
font-size:1.6em;
}
}
.Q_pic1,.Q_sign1{background:url(http://demo.lanrenzhijia.com/2014/service1103/images/lanrenzhijia.png) no-repeat;}
.sign,.signa,.signb,.signc,.signd,.signe,.signf,.signg,.signh,.signi,.signj,.signq{background:url(http://demo.lanrenzhijia.com/2014/service1103/images/lanrenzhijia.png) no-repeat;display:block;}
.signi{background-position:-203px -484px;width: 10px;height: 30px;float:right;margin: 3px 10px 0 3px;}
.signj{background-position:-233px -478px;width: 10px;height: 30px;float:right;margin:0 5px 0 3px;}
.QQ_S{width:90px;height: 172px;position:fixed;right: 10px;top: 40%; z-index:99999;}
.Q_top{width:100%;background:#E6E6E6;height:30px;line-height:30px;text-align: right;cursor:pointer;}
.Q_botm{width: 84px;border: 3px solid #E6E6E6;}
.Q_pic,.Q_anser,.Q_sign{width:100%;height: 45px;border-bottom:2px solid #E6E6E6;background: url(http://demo.lanrenzhijia.com/2014/service1103/images/lanrenzhijia.png) no-repeat;position:relative;overflow:hidden;color: white;text-align:center;cursor:pointer;background-color:white;}
.Q_pic{background-position:20px -458px;}
.Q_anser{background-position:-242px -384px;}
.Q_sign{background-position:-241px -434px;}
.Q_anser_hide,.Q_pic_hide,.Q_sign_hide{width:100%;height:100%;position:absolute;background:#FE9B1D;left: -84px;-webkit-transition:left ease-in-out .3s;-moz-transition:left ease-in-out .3s;transition:left ease-in-out .3s;}
.hide_pic,.hide_pic1,.hide_pic2{width:100%;height: 26px;background: url(http://demo.lanrenzhijia.com/2014/service1103/images/lanrenzhijia.png) no-repeat;display:block;}
.hide_pic{background-position:-242px -348px;}
.hide_pic1{background-position:-100px -467px;}
.hide_pic2{background-position:-243px -479px;}
.Q_pic:hover .Q_pic_hide,.Q_anser:hover .Q_anser_hide,.Q_sign:hover .Q_sign_hide,.Q_pic1:hover .Q_pic1_hide,.Q_sign1:hover .Q_sign1_hide{left:0px;}
.Q_pic a, .Q_anser a,.Q_sign a,.Q_pic a:hover,.Q_anser a:hover,.Q_sign a:hover,.Q_pic1 a,.Q_pic1 a:hover,.Q_sign1 a,.Q_sign1 a:hover{color:white;}
a.blank{width:100%;height:100%;display:block;}
.QQ_S1{width:60px;height: 110px;position:fixed;right:10px;bottom:0;display:none;}
.Q_top1{width:100%;height:30px;background:#E6E6E6;line-height:30px;text-align:right;cursor:pointer;}
.Q_botm1{width:56px;border:2px solid #E6E6E6;height: 70px;}
.Q_pic1{border-bottom:2px solid #E6E6E6;width:100%;height:33px;background-position:-55px -465px;position:relative;overflow:hidden;color: white;text-align:center;line-height:33px;cursor:pointer;background-color:white;}
.Q_sign1{width:100%;height:33px;width:100%;line-height:33px; height: 35px;background-position:-255px -437px;position:relative;overflow:hidden;color: white;text-align:center;cursor:pointer;background-color:white;}
.Q_pic1_hide,.Q_sign1_hide{width:100%;height:100%;position:absolute;background:#FE9B1D;left: -56px;-webkit-transition:left ease-in-out .3s;-moz-transition:left ease-in-out .3s;transition:left ease-in-out .3s;cursor:pointer;}
.Q_sign1_hide a{font-size:12px;}