@charset "utf-8";
/* CSS Document */
.wh1200{ width:1280px;margin:0 auto}
.wh1200-border{ width:1198px;margin:0 auto;}
.clear{clear:both;}
.thRelative{position:relative;left:0;top:0;}
.thabsolute{ position:absolute}
.fl{float:left;}
.fr{float:right;}
.size_14{font-size:14px;}
.size_16{font-size:16px;}
.size_18{font-size:18px;}
.size_20{font-size:20px;}
.mb10{ margin-bottom:10px;}
.mt10{ margin-top:10px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt60{ margin-top:40px}
.mr10{ margin-right:10px}
.mr20{ margin-right:20px}
.pd-l-5{ padding-left:5px;}
.pd-t-5{ padding-top:5px;}
.pd-l-10{ padding-left:10px;}
.pd-l-30{ padding-left:30px;}
.pd-r-5{ padding-right:5px;}
.pd-r-10{ padding-right:10px;}
.pd-b-10{ padding-bottom:10px;}
.pd5{ padding:5px}
.pd10{ padding:10px}
.pd20{ padding:20px}
.text-c{ text-align:center}
.text-l{ text-align:left}
.w20{ width:20px}
.w30{ width:30px}
.tableline{width:5px;height:100%; background: url(../images/line.png) repeat-y center center;}
.textellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.boldtext{/*font-weight:bold*/}
.normaltext{ font-weight:normal}
.container {min-width:1200px;
.overflow:hidden;}
.border{border:solid 1px #d6d6d6}
.overflow{ overflow:hidden}
.font-16{ font-size:16px}
.lineh2em{ line-height:2em}

.display_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.display_flex > *{
    display: block;
}
.display_inline-flex{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
.display_inline-flex > *{
    display: block;
}
/*伸缩流方向*/
.flex-direction_column{
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
/*主轴对齐*/
.justify-content_flex-center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.justify-content_flex-end{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.justify-content_flex-justify{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
/*侧轴对齐*/
.align-items_flex-start{
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.align-items_flex-end{
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.align-items_center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.align-items_baseline{
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}
/*伸缩性*/
.flex_auto{
    -webkit-box-flex: 1;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;
}
.flex_1{
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
/*显示顺序*/
.order_2{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.order_3{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}


/* call */
.call{ background:url(../images/nav_app.png) no-repeat left center;font-size:24px; font-family:Arial, Helvetica, sans-serif;color:#151515;float:right;text-indent:50px;margin-right: 10px;margin-top: -2px;line-height: 1.7}

/*nav*/
.nav{margin-top:23px;border-bottom:solid 2px #af1f30;overflow: visible}
.nav ul li{ float:left;font-size:16px; padding:0 20px ;height:40px;line-height:40px}
.nav ul li.fenlei{width:200px; background: rgba(175, 31, 48, 1);color:#ffffff; text-align:center; padding:0;}
.nav ul li .cur{color:#af1f30}

/*foucs-img*/
/*.index_banner{position:relative;height: 660px; overflow:hidden;min-width:1200px}*/
/*.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:660px;color:#fff; font-size:14px;background-size:cover!important;}*/

/*.index_banner cite{position:absolute;bottom:20px;left:50%;z-index:99;display:block;height:5px;_display:none; text-align:center}*/
/*.index_banner cite span{ float:left;display:inline-block;margin:0 5px;width:10px;height:10px;border-radius:18px;background-color:#fff9ec;text-indent:-9999em;cursor:pointer;}*/
/*.index_banner cite span:hover{background-color: orangered;}*/
/*.index_banner cite span.cur{background-color:orange;cursor:default;}*/
/*.banner-box{ width:1200px;height:0px; margin:0 auto; position:relative}*/
/*.fenlei-box{ width:172px;height:410x;padding:14px; background: rgba(255, 255, 255, 0.95); position:absolute;left:0; z-index:99;}*/
/***text-overflow:ellipsis;height:17px;line-height:17px***/

.fenlei-box a{ color:#333; display:inline-block; width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:21px;line-height:21px}
.fenlei-box a:hover {
    color: orange;
}
.fenlei-shop-box{ padding:0;width:200px;height:420px}
.fenlei-shop-box td{border: solid 1px  #333333; text-align:center }
.fenlei-shop-box a{color:#fff; display:inline-block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:29px;line-height:29px;}
.fenlei-box h4,.yuyue-box .r-tit{color:#000;font-size:14px;}
.yuyue-box{width:200px;height:420px; background: url(../images/white-bg.png); position:absolute; right:0; z-index:9990;}
.yuyue-box .pepolebox{width:200px;height:100px; padding:25px 0;background: url(../images/white-bg.png);}
.yuyue-box .r-number{font-size:30px;color:#b70909; font-family:Arial; text-align:center; padding:5px 0 7px 0; font-weight:bold }
.yuyue-box .y-tit{height:55px;line-height:55px; text-align:center;color:#af1f30;font-size:18px;}
.yuyue-box .name,.yuyue-box .tel,.yuyue-box .floor{width:148px; padding-left:30px;height:30px;line-height:30px; border:solid 1px #d7d7d7; margin-bottom:15px}
.yuyue-box input:focus{border:solid 1px #af1f30}
.yuyue-box .formbox{ padding:10px}
.yuyue-box .name{ background:#fff url(../images/data.png) no-repeat 10px center}
.yuyue-box .tel{ background:#fff url(../images/call.png) no-repeat 10px center}
.yuyue-box .floor{ background:#fff url(../images/location.png) no-repeat 10px center}
.yuyue-box .btn_yuy a{ width:178px;height:40px;line-height:40px; background:#ba1718;color:#fff;font-size:14px; display:block; text-align:center; margin-left:10px}
.yuyue-box .btn_yuy a:hover{ background:#af1f30}

/*news*/
.news{ width:714px;height:262px;border:solid 1px #d7d7d7; padding:15px}
.news h4{height:24px;line-height:24px; font-size:16px; color:#000000}
.news h4 a,.more a{ font-size:12px; padding-right:20px; color:#b0b0b0; background:url(../images/more.png) no-repeat right center;font-family:Tahoma; font-weight:normal }
.news h4 a:hover,.more a:hover{color:#af1f30}
.newslist{ width:408px}
.newslist ul li{height:39px; padding-left:25px;line-height:39px;border-bottom:dashed 1px #d7d7d7; background:url(../images/newlist.png) no-repeat 10px center}
.newslist ul li a {display:block;width:380px;white-space:nowrap; overflow:hidden;}
.active{ width:450px;height:294px; position:relative}
.active .info{height:45px;line-height:45px; background: url(../images/white-bg.png);position:absolute;z-index:8; text-align:center;bottom:0; width:450px;  }
.active .info span{ padding-right:10px}

.newtabbtn {height:38px;border:solid 1px #d6d6d6;}
.newtabbtn li a {display:block;float:left;height:38px;line-height:38px;overflow:hidden;padding:0 25px;text-align:center; background:#fff; font-size:14px}
.newtabbtn li.current a { background:#d7d7d7;color:#af1f30}
.newtablist{height:148px; overflow:hidden}
.newtabcon .timeline{ width:85px;height:118px; padding:30px 0 0 35px; background:url(../images/newlisttop.jpg) no-repeat left bottom; float:left}
.newtabcon .timeline2{width:85px;height:118px; padding:30px 0 0 35px;background:url(../images/newlistcenter.jpg) no-repeat left bottom; float:left}
.newconlist{ float:left;height:107px; width:820px; padding:20px 0;border-bottom:solid 1px #d6d6d6; overflow:hidden}
.newconlist .con-det{height:107px; width:630px; overflow:hidden; padding-left:15px}
.newconlist img:hover{ opacity:.8}
.newconlist .con-det p{line-height:1.5em}
.newconlist .con-det h4{height:40px;line-height:40px;}

.floor_leftnav{ width:272px;height:565px; padding:130px 5px 0 20px; }
/*.floor_leftnav_f1{background:url(../images/leftimg.png) no-repeat; position:relative}*/
/*.floor_leftnav_f2{background:url(../images/leftimg.png) no-repeat; position:relative}*/
/*.floor_leftnav_f3{background:url(../images/leftimg.png) no-repeat; position:relative}*/
/*.floor_leftnav_f4{background:url(../images/leftimg.png) no-repeat; position:relative}*/
.floor_leftnav .floor_leftnav_name{ width:199px;height:54px; position:absolute;left:20px; top:30px}
.floor_leftnav .floor_leftnav_menu a{ width:78px;height:28px;line-height:28px; text-align:center; display:inline-block; float:left; background:#FFF; margin-right:10px;margin-bottom:10px;border:1px solid #fff;}
.floor_leftnav .floor_leftnav_menu a:hover{ border:1px solid #b01f30;color:#b01f30; background:#fff;}
.floor_leftnav .floor_leftnav_menu a.More{ text-transform:uppercase; background:url(../images/more.png) no-repeat 57px center #b01f30; color:#fff; border:1px solid #b01f30; margin-top:30px; text-align:left; padding-left:14px; width:64px;clear:both}
.rightcon{ width:896px; padding-left:4px}
.rightcon a img:hover,.case-con a img:hover,.design-list a img:hover,.case-con2 a img:hover,.shop a img:hover{ opacity:.8}
.poplayer{ z-index:999; position:absolute}
.pic{ position:relative}
.share a{ width:30px;height:27px; margin-left:5px; padding:7px 0 0 4px; background:url(../images/black-bg.png); display:inline-block; text-align:center}
.heart a{ width:30px;height:27px; margin-left:5px; padding:7px 0 0 2px; background:url(../images/red-bg.png); display:inline-block; text-align:center}
.teamlist li{ width:146px;height:179px; float:left; margin-left:4px}
.team-man{height:24px; padding:8px 8px 0 8px}
.yuy-btn a{ display:inline-block; width:41px; text-align:center;height:16px;line-height:16px;border:solid 1px #af1f30;color:#af1f30;border-radius:2px; background:#fff;}
.yuy-btn a:hover{border:solid 1px #af1f30;color:#fff; background:#af1f30}
.gongyi-tit{ width:221px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#fff}
.gongyi-list li{ width:221px; float:left; margin-left:4px}
.gongyibox{ padding:6px;border-left:solid 1px #eaeaea;border-right:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea}
.gy-text{height:25px; display:block; padding-top:5px; text-align:center}
.borderboxtit{height:45px;line-height:45px;font-size:18px; padding-left:20px;padding-right:10px;}
.borderboxtit em a{ font-size:12px; padding-left:30px}

.jiancai img{ vertical-align:middle;}
/***添加***/
.jiancai a img{ margin-left:10px;margin-top:10px;width:280px;height:186px;}
.jiancai .bd-r{border-right:solid 1px #d7d7d7}
.jiancai .bd-b{border-bottom:solid 1px #d7d7d7}
.jiancai_info{height:40px; padding:20px; overflow:hidden}
.servicebox{padding:20px 15px; overflow:hidden}
.servicebox h4{height: 50px; line-height: 50px; padding:0 20px; color:#282828; font-size:14px;}
.servicebox .tel{font-size:14px;margin-top:20px; }
.servicebox .tel em{ font-size:18px; font-weight:bold; padding-left:10px; font-family:Arial, Helvetica, sans-serif}
.service_list{height:115px; overflow:hidden}
.service_list ul{ width:400px}
.service_list ul li{height:30px;line-height:30px;width:400px;border-bottom:solid 1px #e9e9e9; float:left; margin-left:10px}
.yuyue-list td{height:30px;line-height:30px;color:#808080}
.yuyue-tit{border-bottom:none;}
.yuyue-tit b{color: #af1f30; font-weight:normal; font-family:"微软雅黑"; display:inline-block; padding:0 5px;}
/*.servicebox_bg{ background:url(../images/fl7_bg.jpg) no-repeat top center; padding: 20px 15px 18px !important;  height: 236px;}*/
table.index_tijiao {position: relative;}
.index_tijiao td{ height:inherit; line-height:inherit;}
.index_tijiao .textinput{ width:390px; padding:0 0 0 30px; font-size:12px; height: 38px;line-height: 38px; outline: none; border: 1px solid #d7d7d7; margin-bottom: 12px;}
.index_tijiao .textinput:focus{border: solid 1px #af1f30;}
.index_tijiao .name{background: #fff url(../images/user.png) no-repeat 6px center;background-size: 20px;font-size: 15px}
.index_tijiao .tels{background: #fff url(../images/ip.png) no-repeat 6px center;;background-size: 20px;font-size: 15px}
/*.index_tijiao .floors{background: #fff url(../images/location.png) no-repeat 10px center;}*/
.tijiao-btn a{ width:98px;height:144px;line-height:144px;border:none;color:#af1f30; text-align:center; display:block;font-size:18px;background:#af1f30;color:#fff;position:absolute;right:0px;}
.tijiao-btn a:hover{ background:#af1f30;color:#fff}
/*左侧浮动锚点*/
div.floatCtro{ width:48px;border:none; position: fixed; left:5px; top:135px; z-index:100;}
div.floatCtro p{width:48px; text-align:center; height:31px; line-height:16px;color:#666; margin:0; padding:8px 0; cursor:pointer; background:#efefef;}
div.floatCtro a{ display:inline-block; display:none; width:32px; height:32px;background:#fff; color:#000;  vertical-align:middle; cursor:pointer;}
div.floatCtro a:hover{ background:#000; color:#fff; zoom:1;}
div.floatCtro p:hover{ background:#c40000; color:#fff;}
div.floatCtro p.cur{ background:#c40000; color:#fff;}


/*foot*/
.foot_head{height:220px; padding-top:12px;width:100%;min-width:1200px;}
.foot_head ul {margin-left: 30px;padding-bottom: 20px;border-bottom: 1px #eeeeee solid;}
.foot_head ul li{ width:160px;height:72px; display:inline-block; padding-left:0px;text-align:center;}
.foot_head ul li a {
    width: 80px;
    display: inline-block;
}
.foot_head ul li i{
    float: left;
    display: block;
    width: 80px;
    height: 80px;
    border: #eeeeee 1px solid;
}
.foot_head ul li h5 {
    width: 80px;
    float: left;
    text-align: center;
}
.foot-nav{ margin-top:20px}
.foot-nav td{padding:0 5px}
.foot-nav td a {color:#808080; display:block;height:25px;line-height:25px}
.foot-nav td a:hover{color:#af1f30}
.foot-nav .foot-nav-tit a{ font-size:14px;color:#000;height:40px;line-height:40px;font-weight:bold}
.foot-nav .qt a{ width:147px;height:32px;line-height:32px;text-align:center;background:#af1f30;color:#fff;border-radius:4px;font-size:14px}
.foot-nav .qt a:hover{background:#d3253c;color:#fff;}
.copyright{height:35px;line-height:35px;color:#808080; text-align:center; margin-top:20px}

.pagenav{height:30px;line-height:30px; padding-top:130px;font-size: 16px}
.case-chioce{ margin-top:10px;}
.more-case{ position:absolute;bottom:-29px;left:554px; z-index:9999}
.more-other{position:absolute;right:18px;top:7px; z-index:9999}
.more-other a{width:30px;height:30px; display:inline-block; line-height:30px; text-align:center; }
.more-case a{ width:80px;height:28px; display:inline-block; line-height:28px; text-align:center; border-left:solid 1px #d6d6d6;border-right:solid 1px #d6d6d6;border-bottom:solid 1px #d6d6d6;border-top:solid 1px #fff; }
.more-case a.show{background:#fff url(../images/more01.png) no-repeat 57px center}
.more-other a.show{background:#fff url(../images/more01.png) no-repeat center center}
.more-case a.hidden{background:#fff url(../images/more02.png) no-repeat 57px center}
.more-other a.hidden{background:#fff url(../images/more02.png) no-repeat center center}

.case-chioce td{
    font-size:16px; padding:5px 10px 5px 10px;
}

.case-chioce .chioce-list a{ display:inline-block;height:20px;line-height:20px; padding:2px 2px;width:80px;text-align: center;    overflow: hidden;}
.case-chioce .min_td a{  width:50px;}

.case-chioce .chioce-list a.on{ background:#af1f30;color:#fff}
.case-head{height:38px;line-height:38px;border:solid 1px #d6d6d6; margin-top:50px;font-size:14px; padding-right:20px;}
.case-head ul li a{height:38px;line-height:38px; display:inline-block; float:left; padding:0 30px;border-right:solid 1px #d6d6d6}
.case-head ul li a.cur{ background:#d6d6d6}
.case-con,case-con2{ margin-top:10px; overflow:hidden}
.case-con td,.case-con2 td,.case-con,.case-con2,.page,.design{}
.case-con ul li{ width:378px;height:305px; float:left; margin-bottom:30px;margin-right: 70px}
.case-con ul li:nth-child(3n+0){margin-right: 0}
.case-con2 ul li{ width:283px;height:243px;border:solid 1px #f0f0f0; float:left; margin-bottom:20px }
.case-con-spacil ul{ margin-top:10px}
.case-con-spacil ul li{width:283px;height:228px;border:solid 1px #f0f0f0; float:left; margin-bottom:20px }
.case-con .casename{ padding:10px 10px 0 10px }
.case-con2 .casename{ padding:10px 10px 0 10px }
.case-con .w30{ width:30px; border:none}
.case-con2 .w20{ width:20px; border:none}
.design{height:40px;line-height:40px}
.design b{font-size:20px;font-weight:bold}
.design-list{ margin-top:20px; overflow:hidden; margin-bottom:30px}
.design-list2{ margin-top:20px; overflow:hidden;}
.design-list ul li{width:285px;height:300px; float:left;margin-right: 20px;}
.design-list ul li:nth-child(4n+0){margin-right: 0}
.design-list2 ul li{width:190px;height:230px; float:left;}
.design-list .w20{ width:20px}
.design-list2 .w10{ width:10px}
.design-list2 img:hover{opacity:.8}

/*page*/
.page {margin:10px; text-align:center;}
.page a,.page span {border:solid 1px #eee; width:40px;height:35px;line-height:35px;margin: 0 2px; color:#333; font-size:14px; display:inline-block}
.page a.page-num-current {
    background: #af1f30!important;
    color: #fff;
}
/*.page a:hover,.page a:active  {border:solid 1px #af1f30; color:#666;}*/
.page a.current,.page span.current {border:solid 1px #af1f30; width:40px;height:35px;line-height:35px;font-weight:bold;color:#fff; background:#af1f30}
.page a.disabled {border:solid 1px #eee; width:40px;height:35px;line-height:35px;color:#ddd; }
.pageinput{border:solid 1px #eee; width:70px;height:35px;line-height:35px; margin-left:10px; margin-right:10px; text-align:center; display:inline-block; vertical-align: middle; margin-bottom:5px}

/*online*/
.side-pannel {position: fixed; right:10px;z-index:9998;}
.side-bar {top:135px;}
.side-bar li {margin-bottom: 2px;}
.side-bar li a {display: block;width: 70px;height: 70px;line-height:70px;position: relative;color: #fff;text-align: center;border-radius: 15px;background: rgba(0, 0, 0, 0.56)
}
.side-bar a:hover{ background:#b7090a;color:#fff;}
.side-bar a s {display: block;margin-left: auto;margin-right: auto}
.side-bar a.gotop s {position: absolute;top: 50%;left: 18px}
.side-bar li.kefu a{border-bottom:none}
.side-bar a.gotop{border-top:none}
.side-bar a.kefu s {position: absolute;top: 40%;left: 22px}
.g-icon-top {height: 20px;width: 35px;margin-top: -10px; background:url(../images/icon-fixed-back.png) no-repeat center center}
.g-icon-kefu{height:24px;width: 33px; position:absolute; top:10px;left:18px; background:url(../images/icon-fixed-kf.png) no-repeat center center}
.g-icon-bj {height:24px;width: 33px; position:absolute; top:10px;left:18px; background:url(../images/icon-fixed-baojia.png) no-repeat center center}
.g-icon-map {height:24px;width: 33px; position:absolute; top:10px;left:18px; background:url(../images/map.png) no-repeat center center}
.side-bar li span{ display:block; position:absolute; top:15px;left:8px; font-size: 14px}

.kefulay{width: 217px;height:219px; padding-top:20px;text-align:left; position: absolute;left: -217px;top:0;display: none;background: url(../images/kefu_bg.png);}
.zx-btn a{ display:block; width:150px;height:40px; padding-left:20px; margin-left:15px;line-height:40px;color:#fff; background:#b7090a url(../images/online.png) no-repeat 35px 13px ; text-align:center; border:none}
.zx-btn a:hover{background:#d10a0a url(../images/online.png) no-repeat 35px 13px ;border:none}
.kefulay .line{height:1px;border-bottom:dotted 1px #d7d7d7; width:198px; margin:15px 0}
.kefulay .qq,.kefulay .hotline{padding-left:15px}
.kefulay .hotlinenumber{ font-size:20px;color:#b7090a; text-align:center;font-weight:bold}
.kefulay .qq a{ display:block; width:95px; margin-top:5px; padding-left:55px;height:25px;line-height:25px;color:#d10a0a;border:solid 1px #d7d7d7;background:url(../images/qq.png) no-repeat 30px center ;}
.kefulay .qq a:hover{border:solid 1px #d10a0a;}

.design-det{font-size:14px; overflow:hidden; margin-top:30px}
.design-photo{ width:318px;height:478px; text-align:center;border:solid 1px #d6d6d6; background:#f7f7f7}
.design-info{ width:760px;height:378px; padding:50px;background:#f7f7f7;border:solid 1px #d6d6d6;}
.design-info .bdline {border-bottom:solid 1px #c9c9c9; padding-bottom:12px; margin-bottom:12px}
.design-info .bdline  p{ line-height:2.5em}
.design-btn{ padding-top:65px; text-align:center}
.design-btn a{ display:inline-block; width:166px;height:37px;line-height:37px; text-align:center; background:#fff;margin-right:10px}
.design-con{border:solid 1px #e1e1e1; background:#f5f6f8 url(../images/jsbg.jpg) no-repeat bottom right;  margin-top:30px; padding:50px; overflow:hidden;font-size:14px;line-height:3em}
.design-con .rongyu{ width:550px;border-right:solid 1px #d6d6d6}
.design-con .rongyu h1,.design-con .zuopin h1{ font-size:24px; font-weight:bold}
.design-con .zuopin{width:500px;}

.tabbtn{height:25px;border-left:solid 2px #af1f30; line-height:25px; margin-bottom:20px}
.tabbtn h2{ font-size:22px;color:#af1f30;font-weight:normal; padding-left:10px}

/*yx_rotaion*/
.yx-rotaion{margin:0 auto;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:12px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px; width:200px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}

.pdcdet{ padding:15px}
.pdcdet ul li{ float:left;width:240px; padding-right:10px;height:25px;line-height:25px}
.pdcdetcon{border-bottom:solid 1px #d6d6d6;line-height:25px; padding:5px 0}
.redbtn a{ width:120px;height:34px;line-height:34px;color:#fff; background:#af1f30; text-align:center; display:inline-block}
.graybtn a{width:98px;height:32px;line-height:32px;color:#000;border:solid 1px #d6d6d6; background:#fff; text-align:center; display:inline-block}
.redbtn a:hover{ background:#d3253c;color:#fff}
.graybtn a:hover{color:#d3253c;border:solid 1px #d3253c}

.bigtext_tit{font-size:20px;height:30px;line-height:30px;border-bottom:solid 1px #d6d6d6;padding-bottom:5px}
.pinpai{background:#fafafa;overflow:hidden}
.pinpai td{height:40px;line-height:40px;border-bottom:solid 1px #fff;text-align:center }
.pinpailist ul li{ width:285px;height:190px;float:left; margin-bottom:20px }
.pinpailist ul li img:hover{ opacity:.8}
.pinpailist .w20{ width:20px; border:none}
.pinpai-tit{height:60px;border-bottom:solid 1px #d6d6d6; padding: 5px  20px}
.pinpai-jj{border:solid 1px #d6d6d6; padding:10px}
.pinpai-jj p{ text-indent:2em;line-height:2.5em}
.pinpai-jj ul li{line-height:30px; background:url(../images/listicon.png) no-repeat left 12px ; padding-left:10px; margin-left:20px; margin-right:20px}

.hxjs-con{line-height:2.5em}
.hxjs-con ol{ margin-left:20px}
.hxjs-con ol li{ list-style-type: decimal}

.yueyq{ margin-bottom:-1px}
.yueyq td{height:40px;line-height:40px;border-bottom:solid 1px #d6d6d6; text-align:center}

.videotab{height:38px;border:solid 1px #d6d6d6; margin-top:10px;}

.casedet-left{ width:830px}
.casedet-left td{height:40px;line-height:40px;border:solid  1px #d6d6d6;padding:0 30px }
.casedet-left .casedet-left-text{ line-height:3em; padding:30px }
.casedet-right-design{ overflow:hidden;line-height:2.5em}
.casedet-right-design .yuan{ width:80px;height:80px;border-radius:80px;background:url(../images/del-design.jpg) no-repeat center center }

.about-left{ width:200px}
.about-left h4{height:38px;line-height:38px;background:#f0f0f0;border-bottom:solid 1px #d6d6d6; padding-left:20px;font-size:14px}
.leftnav ul li a{height:38px;line-height:38px; display:block;border-bottom:solid 1px #d6d6d6; padding-left:20px}
.leftnav ul li a.last{border-bottom:none}
.leftnav ul li a.cur{ background:#af1f30;color:#fff}
.inputbox{ padding:15px 10px}
.noborder{border:none;}
.inputtit{height:13px;line-height:13px;border-right:solid 1px #959595; padding-right:10px; margin-right:10px}
.leftteam{ margin:10px 0px 0px 10px; overflow:hidden}
/****height:140px; ***/
.leftteam li{ width:84px;height:140px; float:left; margin-right:10px; }
.leftteam li p{height:18px;line-height:18px}
.leftteam li img{ margin-bottom:5px}
.leftteam li img:hover,.leftcase img:hover{ opacity:.8}
.leftcase td{height:22px;line-height:22px}
.about-right{ width:942px; padding:19px}
.about-right2{ width:978px;}
.right-bigtext{ font-size:24px;line-height:24px; margin-bottom:20px}
.righttext p{ text-indent:2em; line-height:2em}

.jobhead{height:48px;line-height:48px;font-size:20px; padding-left:20px;font-weight:normal}
.jobtit{height:38px;line-height:40px; padding-left:20px; background:#f9f9f9;border-top:solid 1px #d6d6d6;border-bottom:solid 1px #d6d6d6;font-size:14px}
.jobcontact-tit{height:55px;line-height:55px;border-top:solid 1px #d6d6d6;font-size:20px; padding-left:10px;}
.jobcontact li{ float:left;height:30px;line-height:30px; margin-right:40px; padding-left:40px}
.jobcontact li.mail{ background:url(../fonts/9878f5447b774b98a1de83028ed9f2a0.woff) no-repeat center -38px;}
.videotab li a.tab2{ background:url(../fonts/555b779ec61e446087000e60bd52f39f.woff) no-repeat 0 0; background-position:center 0}
.videotab li.current a.tab2{ background:#af1f30 url(../images/video-tabbg.png) no-repeat 0 0; background-position:center -76px}

/*book*/
.question{ background:url(../images/question.png) no-repeat top left; padding-left:60px}
.question h4,.answer h4{ font-size:20px;font-weight:bold;height:40px;line-height:40px;}
.answer{ background:url(../images/answer.png) no-repeat top left; padding-left:60px; margin-top:20px}
.hotquestion{height:324px; width:565px; padding-left:40px;overflow:hidden}
.hotquestion h4{ font-size:16px;height:25px;line-height:25px; margin-bottom:30px}
.hotquestion h4 span{ width:88px;height:25px; display:inline-block; font-weight:normal;line-height:25px; background:#af1f30;color:#fff; font-size:14px; text-align:center; margin-right:20px;}
.hotquestion p,.otherquestion p{line-height:2em}
.hotquestion ul{ margin-top:30px}
.hotquestion ul li{height:45px;line-height:45px;border-bottom:solid 1px #d6d6d6;font-size:16px;}
.qlist-tit{height:38px;line-height:40px;border:solid 1px #d6d6d6;font-size:18px;font-weight:bold; padding-left:10px; background:#f9f9f9; margin-bottom:20px}
.otherquestion{width:380px; height:140px; padding-left:20px; overflow:hidden;}
.otherquestion h6{font-size:20px;height:40px;line-height:40px; margin-bottom:30px;}
.otherquestionlist {border-top:solid 1px #d6d6d6; margin-top:20px}
.otherquestionlist li{height:39px;line-height:40px; padding:0 10px;border-bottom:solid 1px #d6d6d6}
.otherquestionlist li span{color:#808080;clear:both;}
.questionlist{border:solid 1px #d6d6d6; padding:0 30px; margin-top:10px}
.questionlist ul li{height:102px;border-bottom:solid 1px #d6d6d6; padding:20px 0}
.questionlist ul li.last{border-bottom:none}
.questionlist-con{height:102px; overflow:hidden; padding-left:20px; width:730px}
.questionlist li img:hover{ opacity:.8}
.questionlist-con p{ width:730px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.questionlist-con h4{font-size:16px; font-weight:bold;height:40px;line-height:40px}

.step{ width:1024px;height:89px;border-bottom:solid 1px #d6d6d6; overflow:hidden; margin-left:70px}
.step ul li{ width:256px;height:20px; float:left; text-align:center;height:50px;font-size:13px; padding-top:10px;color:#969696}
.step ul li p{ line-height:26px}
.step ul li.cur{ background:url(../images/stepbg_cur.png) no-repeat left bottom;color:#fff }
.step ul li.normal{ background:url(../images/stepbg_normal.png) no-repeat left bottom;}
.stepcon{ margin-left:80px; margin-top:25px}
.stepcon img{ margin:30px 0 30px 0}

.activelist{height:242px;}
.activelist .timelinetop{width:104px;height:222px; padding-left:50px; padding-top:20px; background:url(../images/activelisttop.jpg) no-repeat bottom left; float:left;font-size:14px }
.activelist .timelinecenter{width:104px;height:222px; padding-left:50px; padding-top:20px; background:url(../images/activelistcenter.jpg) no-repeat bottom left; float:left;font-size:14px }
.activelist .activecon{height:200px;border-bottom:solid 1px #d6d6d6; float:left; padding:20px 0; width:1045px;overflow:hidden;position:relative}
.activelist .active-det{ padding-left:25px; width:720px;overflow:hidden; }
.activelist .active-det h4{height:60px;line-height:60px;}
.activelist .active-det p{ line-height:2em; padding-top:10px}
.activelist .active-det .active-more{ text-align:right; position:absolute;bottom:20px;right:0; z-index:9999}
.activelist .active-det .active-more a{color:#969696}
.activelist .active-det .active-more a:hover{color:#af1f30}

.yuyuebg{ width:1198px;height:728px; background:url(../images/yuyue-bg.jpg) no-repeat; text-align:center}
.yuyueform{width:405px; margin:130px auto 60px auto;font-size:14px;color:#989898}
.yuyueform .inputtext{width:300px;height:40px;line-height:40px;border:solid 1px #d7d7d7}
.yueyue-list { background:#fef9ee;}
.yuyue-list td{color: #333; text-align: center;}
.yueyue-list h1{border-bottom:solid 1px #e2e2e2; padding-bottom:20px}
.yuyuenumber{color:#f16c43; font-size:30px; font-style:italic}
.yuyueman td{font-size:14px;height:30px;line-height:30px;color:#808080; font-family:Arial, Helvetica, sans-serif;}
/*遮罩层*/
.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background: #000000;z-index:9998;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);
}
.white_content {display: none;position: absolute;top: 10%;left:50%;width:400px;height: 500px;border: 1px solid #000000;background: #ffffff;z-index:9999;overflow: auto; margin-left:-200px; text-align:center;font-size:16px; line-height:2em}
.white_content .close{height:35px; line-height:45px; text-align:right; padding-right:10px;padding-top:10px}
.white_content .sucess{color:#09b78c;font-size:20px; font-weight:normal; margin-bottom:30px}
.headtit{height:60px; line-height:60px; text-align:center; font-size:28px;border-bottom:solid 4px #00eb74}
.popcontent{ padding:20px 30px }
.row{border-bottom:dotted 1px #cfcfcf;}
.leftgreytext{ width:60px;color:#979797; display: block}
.rightcontent{ transition-property: all;transition-duration: 0.2s;line-height: 1.666;position: relative;padding: 3px 8px;height: 20px}
.popbottombtnbox a{ width:400px;height:50px;line-height:50px;text-align:center; display:block ;color:#fff; background:#af1f30; margin-top:19px}
.popbottombtnbox a:hover{background:#d3253c;color:#fff}

/***分公司的品牌***/
.pinp-list{ margin-right:-10px; margin-top:20px; margin-bottom:20px;width:1175px}
.pinp-list ul li{width:139px;height:92px;border:solid 1px #ddd; text-align:center; float:left; margin:0 0px 20px 26px; overflow:hidden }
.pinp-list ul li a{width:139px;height:92px;display:table;text-align:center;  }
.pinp-list ul li a span{display:table-cell;vertical-align:middle;}
/*友情链接*/
.link{border-top:solid 1px #d7d7d7;color:#666;text-align:center;padding:20px 0 0 0;;overflow:hidden; margin-top:20px;line-height:40px;}
.link a{float:left;width:117px;  }
/*评论*/
.comments {font-size:14px;color:#7a7a7a}
.comments input{height:46px;line-height:46px;width:370px; padding:0 10px;border:none;border:solid 1px #d6d6d6;font-size:14px;color:#7a7a7a; vertical-align:middle;}
.comments input:hover,.commentsdet:hover{border:solid 1px #af1f30}
.commentsdet{height:auto;}
.commentsdet textarea{border:none; width:1136px;height:60px;line-height:1.5em;font-size:14px;color:#7a7a7a; padding:10px; overflow-y:hidden}
.wordsnumber{ text-align:right;color:#7a7a7a;height:30px;line-height:30px; padding-right:10px;font-size:14px;}
.comments-tit{height:50px;line-height:50px;border-bottom:solid 1px #f2f2f2; font-size:16px;color:#000; padding-left:40px; background:url(../images/comments-icon.png) no-repeat center left}
.comments-list li{border-bottom:solid 1px #f2f2f2; padding:20px 0; font-size:16px;}
.comments-list li .user{color:#ff7474}
.comments-more{height:50px;line-height:50px;font-size:14px}
.comments-more a{color:#ff7474}
.comments-more a:hover{color:#af1f30}


h4.active_detail span.active_title{ margin-top:10px; font-style:normal; font-weight:normal; display:block; text-align:center; display:block; font-size:30px; color:#000000;}
h4.active_detail span.hotless{margin-top: -5px; margin-left:28px;vertical-align: middle; display:inline-block; background:url(../images/hotless.jpg) no-repeat left center; width:149px; height:32px; font-size:18px; color:#fff;display:none;}
.active_info{ text-align:center; font-size:18px; color:#686868; font-weight:normal; padding:8px 0 5px;display:none;}
.active_info span b{ font-weight:normal; color:#cb031d; }
.active_info span.active_time{ padding-right:74px;}
.pd20{ padding:20px;}
.active_img{ position:relative;width: 1200px; margin-bottom:20px;}
.Registration{width:295px;height:572px;position:absolute; right:10px; z-index:9; top: -18px;background-color: #fde316;}
.Registration .Registration_top{ background:url(../images/registration_top.jpg) no-repeat top center;width:295px; height:157px;}
.Registration .Registration_top h4{ font-weight:normal; font-size:24px; color:#fff; text-align:center; padding-top:35px; padding-bottom:20px;}
.Registration .Registration_top p{ font-size:24px; color:#fff;}
.Registration .Registration_top p em{ padding-left:4px;}
.Registration .Registration_top span.p1{ font-size:34px; color:#fde316; display:inline-block; background:url(../images/num_bg.jpg) no-repeat center center; width:42px; height:42px; line-height:42px;margin-right: 2px;}
.Registration-box .name{ background:#fff url(../images/data.png) no-repeat 10px center}
.Registration-box .tel{ background:#fff url(../images/call.png) no-repeat 10px center}
.Registration-box .floor{ background:#fff url(../images/location.png) no-repeat 10px center}
.Registration-box .btn_yuy a{ width:178px;height:40px;line-height:40px; background:#ba1718;color:#fff;font-size:14px; display:block; text-align:center; margin-left:10px}
.Registration-box .btn_yuy a:hover{ background:#af1f30}
.Registration-box input:focus {
    border: solid 1px #af1f30;
}
.Registration-box {width:295px;}
.Registration-box p.buttoner{ width:232px; margin:0 auto; height:42px; line-height:42px; background:#cb031d;}
.Registration-box p.buttoner a{ font-size:18px; color:#fff;}
.Registration-box .formbox1{ margin-top:30px;}

.Registration .zxzx{ width:232px; margin:0 auto;}
.Registration .zxzx p{ text-align:left;padding-left:35px; font-size:18px; color:#000;}
.Registration .zxzx p.p1{ background:url(../images/zx.png) no-repeat left center; margin:38px 0px 25px 0px;}
.Registration .zxzx p.p1 a{ display:inline-block; vertical-align:middle; margin-top:-4px;}
.Registration .zxzx p.p2{ background:url(../images/telephone.png) no-repeat left center; }
.Registration .zxzx p.p3 .phone{ display:block; color:#e10b32; font-size:22px;}
.Registration-box .name, .Registration-box .tel, .Registration-box .floor {
    width: 200px;
    padding-left: 30px;
    height: 34px;
    line-height: 34px;
    border: solid 1px #d7d7d7;
    margin-bottom: 15px;
}


/*底部固定*/
.bottomer{ width:100%; height:117px; background: rgba(0,0,0,0.8); position:fixed; bottom:0px; z-index:999}
.bottomer .bottom{ width:1200px; margin:0 auto; overflow:hidden;}
.L_logo{ vertical-align:middle; overflow:hidden;float:left; padding-top: 32px; margin-right:10px;}
.L_logo img{ width:305px; height:56px;  vertical-align:middle;}
.C_from{ float:left;padding-top: 20px; position:relative; margin-right:12px;}
.form_text{margin-top: 2px; text-align:center;  float:left; }
.form_text a{ text-align:center; color:#fff; font-size:18px; padding-top: 10px; display: block;}
.form_text a:hover{color:#fff; }
:-moz-placeholder {color: #686868; position:relative }
::-moz-placeholder {color: #686868;}
input:-ms-input-placeholder {color: #686868;}
input::-webkit-input-placeholder {color: #686868;}
.bottom_R{ width:216px; float:right;margin-top: 20px; background:url(../images/bottom_tel.png) no-repeat top center; text-align:center;}
.bottom_R span{ display:block; font-size:18px; color:#fff;margin-top: 24px;}
.bottom_R p{ font-size:22px; color:#ffa50c; margin-top: -4px; padding:0px;}
.closed{ position:absolute;top:10px;right: 10px; background:url(../images/closed.png) no-repeat top center; width: 20px; height: 20px;  }

ul.bottom_form{ margin:0px;}
ul.bottom_form li{ padding:0px; background:#fff;}
ul.bottom_form li input{ height:35px; line-height:35px;border:none; font-size:15px;}
/*ul.bottom_form li:nth-child(1) input{background:url(../images/data.png) no-repeat 10px center;}*/
ul.bottom_form li:nth-child(3) input{background:url(../images/location.png) no-repeat 10px center;}
ul.bottom_form li:nth-child(1){ width:476px;margin-bottom: 8px;margin-right: 12px; }
ul.bottom_form li:nth-child(2){ width:232px; float:left;}
ul.bottom_form li:nth-child(3){ width:232px; float:left;margin-left: 10px;}

/*微信悬浮增加*/
.zxfulay {width: 123px;height: 152px; text-align: left;position: absolute;left: -140px;top: 81px;display: none;}
.zxfulay .chat{ background:#fff; border: 1px solid #d7d7d7;}
.zxfulay .chat span{ width: 100%; display: block; text-align: center; height: 30px; line-height: 20px; font-size: 14px; color: #000;}
.side-bar .g-icon-zx { height: 29px; width: 35px; position: absolute; top: 15px; left: 23px;
background: url(../images/weixin_02.png) no-repeat center center;}
.side-bar a:hover .g-icon-zx{height: 29px; width: 35px; position: absolute; top: 15px; left: 23px;
background:url(../images/weixin_01.png) no-repeat center center}
.Consultation span{display: block;  position: absolute;top: 20px; left: 0; right: 0; margin: 0 auto;}
.Consultation a{ border-bottom: none !important;}

   .jh_cs_banner{
      padding:30px 0;
   }
   .cs_content ul li{
       border-bottom: 1px solid #ccc;
       overflow: hidden;
       margin-bottom: 30px;
   }
   .cs_content ul li:last-child{
       border-bottom: 0;
   }

   .cs_content ul li h3{
        font-size: 16px;
        color: #000;
        margin-bottom: 25px;
   }

  .RadioStyle input {
       display: none
    }
  .RadioStyle label {
        border: 1px solid #CCC;
        color: #5c5c5c;
        line-height: 28px;
        min-width: 98px;
        text-align: center;
        float: left;
        margin-right: 40px;
        margin-bottom: 30px;
        border-radius: 2px;
        font-size: 12px;
        cursor: pointer;

    }
  .RadioStyle input:checked + label {
        background: #b82834;
        color: #fff;
        border:1px solid #b82834;
    }

  .cs_content .cs_btn{
     width: 240px;
     height: 40px;
     line-height: 40px;
     background: #b70909;
     text-align: center;
     color: #fff;
     font-size: 14px;
     border-radius: 2px;
     cursor: pointer;
  }


.modal-backdrop{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: block;
    background: rgba(0,0,0,0.75);
}

  .modal-dialog{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    width: 416px;
    height: 310px;
    margin:auto;
    overflow: hidden;
    background: #fff;
    padding:0 30px;
    display: none;
   }

   .modal-dialog-1 h3{
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: normal;
    padding:50px 0 40px;
   }

   .modal-dialog-1 ul li{
    margin-bottom: 30px;
    height: 40px;
    line-height: 40px;
   }

   .modal-dialog-1 ul li span{
     font-size: 14px;
     color: #989898;
     display: inline-block;
     width: 85px;
     text-align: right;
     float: left;
   }

   .modal-dialog-1 ul li input{
     height: 38px;
     line-height: 38px;
     border:1px solid #d7d7d7;
     text-indent: 10px;
     font-size: 14px;
   }
   .modal-dialog-1 ul li input.cs_tel{
     width: 329px;
   }
   .modal-dialog-1 ul li input.cs_yzm{
     width: 170px;
     float: left;
   }
   .modal-dialog-1 ul li label.code_btn{
     display: inline-block;
     width: 144px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background: #b70909;
     font-size: 14px;
     color: #fff;
     margin-left: 15px;
         cursor: pointer;
   }
   .modal-dialog .cs_sure{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #b70909;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
   }

   .modal-dialog span.cstj_close{
    width: 24px;
    height: 24px;
    background: url('../images/close.png') no-repeat center center;
    position: absolute;
    top:10px;
    right: 10px;
    cursor: pointer;
   }

  .modal-dialog span.cstj_close:hover{
    background: url('../images/closed_cs.jpg') no-repeat;
   }

  .modal-dialog-2{
      height: 345px;
  }

  .modal-dialog-2 .success_img{
    text-align: center;
    padding:50px 0 40px;
  }

  .modal-dialog-2  p{
    font-size: 20px;
    color: #000;
    text-align: center;
  }

  .modal-dialog-2  .cs_sure{
    background: none;
    color: #808080;
    font-size: 16px;
    border-top: 1px solid #d6d6d6;
  }

  .cp_icon a.cp_icon{
    display: block;
    width: 110px;
    height: 111px;
    background: url('../images/cp_icon.png') no-repeat;
    position: fixed;
    right: 0px;
    z-index: 9998;
    top: 220px;
  }
  .side-bar{
    top: 250px;
  }


/*测试结果样式*/
  .test_result{
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 10000;
      width: 600px;
      height: 470px;
      margin:auto;
      overflow: hidden;
      background: #fff;
      padding:0 40px;
      display: block;
  }

   .test_result span.cstj_close{
    width: 24px;
    height: 24px;
    background: url('../images/close.png') no-repeat center center;
    position: absolute;
    top:10px;
    right: 10px;
    cursor: pointer;
 	display: none;
   }

   .test_result span.cstj_close:hover{
    background: url('../images/closed_cs.jpg') no-repeat;
   }

  .test_result .success_img{
    text-align: center;
    padding:40px 0 30px;
  }

  .test_result p{
    font-size: 12px;
    color: #333;
    text-align: center;
  }

  .test_result .test_list{
    margin-top:30px;
    overflow: hidden;
  }

  .test_result .test_list ul{
    overflow: hidden;
  }
  .test_result .test_list ul li{
    width: 180px;
    height: 160px;
    float: left;
    margin-right: 30px;
  }

  .test_result .test_list ul li:nth-child(3n+0) {
    margin-right: 0;
  }

  .test_result .test_list ul li .info{
    padding-top: 6px;
  }

  .test_result .test_list ul li .info p{
    clear: both;
    color: #333;
    font-size: 12px;
  }

  .test_result .test_list ul li .info p b{
    float: left;
    font-weight: normal;
  }

  .test_result .test_list ul li .info p label{
    display: inline-block;
    padding-right: 10px;
    color: #808080;
  }

  .test_result .test_list ul li .info p span{
    display: inline-block;
    float: right;
  }
  .test_result .test_list a.more{
    text-align: center;
    display: block;
    font-size: 12px;
    color: #b82834;
    padding-top: 30px;
    text-decoration: underline;
  }
/*测试结果样式*/
.wgsj_case ul li{
    float: left;
    margin-right: 10px;
    margin-bottom: 16px;
}

.wgsj_case ul li:nth-child(2n+0){
    margin-right: 0;
}


.wgsj_case ul li .info{
    width: 542px;
    height: 40px;
    border: 1px solid #f0f0f0;
    padding: 20px;
}

.wgsj_case ul li .info .detailed_cont{
    width: 100%;
    position: relative;
}

.wgsj_case ul li .info h3{
    font-size: 14px;
    color: #212121;
    padding-bottom: 2px;
}

.wgsj_case ul li .info p{
    font-size: 14px;
    color: #808080;
    padding-left: 6px;
}

.wgsj_case ul li .info p.designer{
   float: left;
}

.wgsj_case ul li .info p.view{
   position: absolute;
   left: 0;
   right: 0;
   text-align: center;
}

.wgsj_case ul li .info p.style{
  float: right;
}

.wgsj_case ul li .info p span{
    font-size: 14px;
    color: #212121;
}

.yueyq img{
  max-width: 1180px;
  width: 100%;
}

.server_top h2{float: left; margin-right: 28px;}
   .server_top .server_tab{float: left;}
   .server_tab ul li{float: left;font-size: 14px;color: #808080;position: relative; margin-right: 30px; cursor:pointer;}
   .server_tab ul li.on,.server_tab ul li:hover{font-size: 18px;color: #000;font-weight: bold;}
   .server_tab ul li.on:after,.server_tab ul li:hover:after{display: inline-block;content: ''; width: 35px; height: 2px; background: #b70909; position: absolute; bottom: 6px; left: 0;}
   /*.dynamic_list{width:630px;}*/
   .dynamic_list ul li{overflow: hidden; width: 48%; height: 140px;float: left; margin-right: 30px; margin-bottom: 20px;}
    .dynamic_list ul li:nth-child(2n+0) {margin-right: 0}
   .dynamic_list ul li:last-child{margin-bottom: 0;}
   .dynamic_list ul li .fr{width: 397px;height: 100%; position: relative;}
   .dynamic_list ul li .fr h5{font-size: 16px;color: #000; padding: 10px 0;}
   .dynamic_list ul li .fr p{font-size: 14px;color: #808080;}
   .dynamic_list ul li .fr span.time{font-size: 12px;color: #999;display: block; position: absolute; bottom:10px;}

   .dynamic_list2{width: 485px;}
   .dynamic_list2 ul li{height: 77px; line-height: 77px; background: #f7f7f7; margin-bottom: 20px; padding: 0 20px; cursor: pointer;}
   .dynamic_list2 ul li a{display: block;}
   .dynamic_list2 ul li:last-child{margin-bottom: 0;}
   .dynamic_list2 ul li:hover{background: #fff;box-shadow: 0 3px 23px rgba(0,0,0,0.2); }
   .dynamic_list2 ul li:hover p{color: #b70909; font-weight: bold;}
   .dynamic_list2 ul li:hover span.time{color: #000;}
   .dynamic_list2 ul li span.mun{display: inline-block;color: #000;font-size: 20px; font-weight: bold; float: left; padding-right: 20px;}
   .dynamic_list2 ul li p{float: left; font-size: 16px;width: 320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .dynamic_list2 ul li span.time{display: inline-block;float: right;color: #999;font-size: 12px;}
    .jh_model {
        width: 1366px;
        margin:0 auto;
        /*height: 60px;*/
        overflow: hidden;
        background: #f2f2f2
    }
  .jh_model ul li{width: 216px;height: 107px; float: left;margin: 20px 0 0 35px;padding: 10px 10px;text-align: center;transition: margin-top .3s;cursor: pointer;}
  .jh_model ul li:last-child{margin-right: 0;}
  .jh_model ul li.n1{background: url('../images/benchmarking01.png') no-repeat;}
  .jh_model ul li.n2{background: url('../images/benchmarking02.png') no-repeat;}
  .jh_model ul li.n3{background: url('../images/benchmarking03.png') no-repeat;}
  .jh_model ul li.n4{background: url('../images/benchmarking04.png') no-repeat;}
  .jh_model ul li.n5{background: url('../images/benchmarking05.png') no-repeat;}
    .jh_model ul li:hover{margin-top: 10px;transition: margin-top .3s}
  .jh_model ul li h4{width: 180px;font-size: 18px;color: #fff;text-align: center;}
  .jh_model ul li p{width:180px;font-size: 14px;color: #fff;text-align: center;}
  .jh_model ul li:hover h4 {color: #c79e68}
  .jh_model ul li:hover p{color: #c79e68}
  .jh_model ul li .text{position: relative;bottom: -5px;}
  .jh_model ul li .text label{display: inline-block;font-size: 42px;color:#ba1819; font-weight:bold;}
  .jh_model ul li .text span{font-size: 18px; color:#000;font-weight: bold;}
.server_top a.new_more{float: right; font-size: 12px; color: #b0b0b0;}
.server_top a.new_more:after{display: inline-block;content: '';width:11px;height: 11px;background: url('../images/new_more.png') no-repeat; margin-left:6px; }

/*报价计算*/
.con h1, .con h3 {font-weight: normal;}
i {font-style: normal;}
.con { position:relative;width: 1200px;margin: 0 auto;color: #333;padding-top: 65px;}
.con_t {font-size: 24px;padding-bottom: 15px;}
.con_bj {overflow: hidden;background: #fff;background: #fff \9;}
.con_bj h3 {font-size: 32px; color:#585858;}
.con_bj_cal {position: relative;width: 430px;padding: 30px 0px 0px 60px;}
.con_bj .P3{ background:url(../images/icon03.png) no-repeat; width:27px; height:34px; position:absolute; bottom:320px; right:472px;}
.con_bj .P4{ background:url(../images/icon03.png) no-repeat; width:27px; height:34px; position:absolute; bottom:320px; right:677px;}
.bj_form {/* width: 388px;*/ width:417px;padding-top: 42px;font-size: 14px;}
.bj_form .label {font-size: 20px;color: #585858;text-align: left;margin-left: 0}
.bj_form .element {/* width: 265px;*/ width:298px;position: relative;}
.bj_form .select {width: 255px;padding-left: 5px;height: 36px;}
.bj_form .select_s {width: 122px;margin-right: 10px;}
.bj_form .select_s_s {width: 78px;margin-bottom: 10px;}
.bj_form .text {width: 233px;}
.bj_form .area_text {width: 223px;padding: 7px 20px 7px 10px;}
.bj_form .text_wrap {position: static;}
.bj_form .text_wrap .text_lbl {left: 11px;}
.bj_form .text_wrap .unit {margin-left: -32px;color: #bbb;}
.bj_form .form_error {position: absolute;bottom: -2px;left: 0;font-size: 12px;}
.ele_b {margin-left: -10px;}
.ele_bt {float: left; width: 120px; height: 32px;line-height: 32px;text-align: center; margin-right: 10px;border: 1px solid #ddd; cursor: pointer;}
.ele_bt_on {color: #f36f20;border-color: #f36f20;}
.calc-btn {
    position: absolute;
    top: 155px;
    right: -131px;
    display: block;
    width: 90px;
    height: 90px;
    background: #ff6d15;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 45px;
    z-index: 15;
}
/*.calc-btn:active {background:url(../images/zxbj_calc.jpg) no-repeat;}*/
/*.calc-btn.recalc {background:url(../images/zxbj_calc.jpg) no-repeat;}*/
/*.calc-btn.recalc:active {background:url(../images/zxbj_calc.jpg) no-repeat;}*/
.con_bj_res {width: 457px;padding: 36px 14px 0 0;color: #333;font-size: 14px;}
.bj_res_t_jg{font-size:14px; color:#9a9998;	}
.bj_res_all{ display:block; padding:0px 0 22px;}
.bj_res_t {line-height: 35px;font-size: 32px;color:#585858;}
.bj_res_t.clear.bj_res_all{text-align: center;}
.bj_res_t b#bprices{ font-size:14px;width: 60px; font-weight:bold;}
.bj_res_t b {display: inline-block;font-weight: normal;width: 120px;text-align: center;color: #af1f30;font-size: 32px;}
.bj_res_t span.bj_res_t_y {font-size: 18px;}
.bj_res_ul {padding: 4px 0 0 0;margin: 12px auto 0;border: 1px solid #ddd; width:378px; height:200px;}
.bj_res_ul li {height: 43px; line-height: 43px;}
.bj_res_ul li span.yuan{float: right;  margin-right: 45px;width: 6%;height: 40px;text-align: center;font-size: 20px;}
.bj_res_ul li span {float: left;width: 38%;text-align: right;font-size: 20px;}
.bj_res_ul li.let_spac {border-bottom: none;}
.bj_res_ul li strong {height: 43px;line-height: 43px;font-weight: normal;text-align: left;font-size: 16px;}
.bj_res_ul li strong em { float:left;font-style: normal;width: 43%;font-size: 24px;text-align: center;}
.let_spac i {padding: 0 21px;}
.bj_res_ul li b {display: inline-block; width: 107px; margin: 0 15px; padding-bottom: 3px; border-bottom: 1px solid #eaeaea; font-weight: normal; color: #f36f20;font-size: 20px;}
.bj_res_tip {color: #999;text-align: center; padding-top: 15px;}
.res_btn_box {width: 220px;height: 42px;margin: 0 auto 40px;}
.res_btn {display: block; width: 220px; height: 42px;line-height: 34px;color: #999; font-size: 16px;text-align: center;}
.res_btn:hover {color: #999;}
.res_btn.active { color: #fff;}
.res_btn.active:hover {color: #fff;}
.zxbj_info .info_hd h3 em {font-size: 12px; padding-left: 5px;}
#gloWrap { background:url(../images/bjdetail_bg.jpg) no-repeat center}
.calputer_tit span { display: block; color: #9a9998; font-size: 18px; padding-top:12px;}
.con_bj_res .bj_explain { margin-top: 10px; margin-bottom: 20px;}
.con_bj_res .bj_explain p {position: relative;margin-left: 20px;padding-left: 10px; line-height: 24px;color: #999;font-size: 12px;}
.con_bj_res .bj_explain p b {position: absolute; top: 0;left: -10px;width: 10px;height: 24px;line-height: 24px;text-align: center;}
.label_start {float: right;font-size: 24px;color: #fe5f00;font-family: Arial; margin-top: 5px;}
.toolbar_header_center_left ul li em.sjbj_hot { display: none;}
.calputer_tit .num_man { margin: 0 2px; color:#af1f30;}
.con_bj_res  .bj_explain .attention {color: #f36f20;}
.text_area {display: none;position: absolute;top: 32px;left: 0;font-size: 12px;color: #f66;}


.bj_res_zxd {display: none; margin-bottom: -21px;padding-bottom: 10px; padding-top: 10px; border: 1px solid #d7eefe;background-color: #f5faff;text-align: center;}
.bj_res_zxd .bj_res_zxd_title {display: block;color: #4b97d0;font-size: 20px; font-weight: bold;}
.bj_res_zxd .bj_res_zxd_content {color: #4b97d0;font-size: 16px;}
.bj_res_zxd .bj_res_zxd_price {color: #f36f20;font-size: 18px;}
.bj_res_zxd .bj_res_zxd_btn {border-radius: 3px;padding: 3px 5px;background-color: #4b97d0;color: #fff;font-size: 14px;box-shadow: 3px 3px 2px #c4cbd1;}
.bj_res_zxd .bj_res_zxd_btn img {display: inline;}

.w-form-item{ padding-top:10px;}
.mod_form .form_line span{vertical-align: middle;}
.form_line span.w-span1{margin-right: 58px;}
.mod_form .form_hd{padding-left: 20px;color: #999;margin-bottom: 16px;}
.mod_form .form_hd .ico_info_s{float: left;margin-left: -20px;margin-top: 2px;}
.mod_form .text{padding: 7px 10px;width: 184px;border:1px solid #ddd;}
.mod_form input:focus{border:solid 1px #af1f30}
.mod_form .form_line{zoom:1;}
.mod_form .form_line:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0;}
.mod_form .label{width:26.6%;padding-right: 8px;float: left;text-align: left;line-height: 34px;}
.mod_form .element{/*width: 75.4%;*/float: right;padding-bottom: 15px;}
.global_wrap{position: relative;min-height:100%; clear: both; content: ""; }
.ielt7 .global_wrap{height:100%; }
#clsIframe,#LR_Flash{position: absolute;}
.col_l{float: left;*display: inline;}
.col_r{float: right;*display: inline;}
.ect{text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}

#alt {
    width: 380px;
    margin: 0 auto;
}
#alt .box {
    margin: 0 15px;
}
#alt .title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
}
#alt .layui-select {
    width: 150px;
    float: left;
    font-size: 15px;
    margin-bottom: 20px;
    background: #f6f6f6;
}
#alt .layui-select:first-child{
    margin-right: 30px;
}

#alt .layui-input {
    width: 330px;
}
#alt .layui-input {
    background: #f6f6f6;
    color: #000;
    height: 40px;
    margin-bottom: 20px;
}
#alt .layui-btn {
    background: #eea861;
}

#alt .layui-form-select dl dd.layui-this {
    background-color: #eea861;
}
#alt .layui-form-select dl { max-height:160px; }
#subscribe-1 .title {
    height: 160px;
    line-height: 160px;
    background: #fff url(../images/layuibg.png) center top no-repeat;
    background-size: 100% auto;
}
#subscribe-1 {
    border-radius: 10px;
}
#layui-layer1 {
    border-radius: 10px;
}
#alt input {
    font-size: 15px;
}
#alt input::-webkit-input-placeholder{
    font-size: 15px;
}    /* 使用webkit内核的浏览器 */
#alt form input:-moz-placeholder{
    font-size: 15px;
}                  /* Firefox版本4-18 */
#alt form input::-moz-placeholder{
    font-size: 15px;
}                  /* Firefox版本19+ */
#alt form input:-ms-input-placeholder{font-size: 16px;}