@charset "utf-8";
/*-------------------------------   index 首页---------------------------------*/

/*top*/
.top {
    width: 100%;
    height: 30px;
    background-color: #fafafa;
    position: fixed;
    z-index: 9;
    border-bottom: 1px solid #eee;
    *overflow: hidden;
    *height: 30px;
    top: 0;
}
.wrapper {
    width: 1220px;
    margin: 0 auto !important;
   
    
}
.top .top-box-left {
    float: left;
}
.top .top-box-left ul li {
    float: left;
    line-height: 27px;
}
.top .top-box-left ul .city .cityBox {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 9999;
}
.top .top-box-left .m-box {
    float: left;
    height: 28px;
    padding: 0 2px 0 0;
    border-bottom: none;
    position: relative;
}
a:link, a:visited {
    text-decoration: none;
    outline: none;
}
.top .top-box-left .m-box .pho {
    border: 1px solid #fafafa;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(250, 250, 250);
    border-bottom: none;
    display: block;
    height: 27px;
    padding: 0 10px 0 5px;
    position: relative;
    z-index: 999;
}
.top .top-box-left ul li i {
    color: #999;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-top: -2px;
    padding: 0 3px 0 3px;
}
.top .top-box-left ul .city .cityBox a.change i {
    width: 10px;
    height: 13px;
    background: url(../images/icon_header.png) no-repeat 0 0;
}
.top .top-box-left ul li s {
    width: 7px;
    display: inline-block;
    height: 4px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 6px;
    background: url(../images/icons-top.png) no-repeat center center;
        background-position-x: center;
        background-position-y: center;
    background-position: 0 -4px;
    *display: none;
}
.top .top-box-right {
    float: right;
    display: block;
    width: 630px;
    height: 30px;
    zoom: 1;
    *zoom: 1;
}
.top .top-box-right ul {
    float: right;
    height: 29px;
    zoom: 1;
    *zoom: 1;
}
.top .top-box-right ul li {
    float: left;
}
.top .top-box-right .login .signIn_box {
    position: relative;
    margin-right: 10px;
}
.top .top-box-right .login .signIn_box .signIn_box_tit {
    color: #666;
    height: 27px;
    line-height: 27px;
    display: block;
    padding: 0 15px;
    cursor: pointer;
    border: 1px solid #fafafa;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(250, 250, 250);
    border-bottom: none;
    position: relative;
    z-index: 1111;
    float: left;
}
.top .top-box-right .kefu-box {
    margin-left: 10px;
}
.top .top-box-right ul li a {
    height: 28px;
    line-height: 28px;
    margin: 0px 5px 0px;
}
.top .top-box-right .kefu-box a {
    color: #e62e35;
}
.top .top-box-right .nav-box-nn {
    position: relative;
    height: 27px;
    padding: 0 0 0 8px;
}
.top .top-box-right .nav-box-nn .nav-nn {
    display: block;
    border: 1px solid #fafafa;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(250, 250, 250);
    border-bottom: none;
    height: 27px;
    position: relative;
    z-index: 999;
    line-height: 27px;
    padding: 0 10px 0 20px;
}
.top .top-box-right .nav-box-nn .open {
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    -moz-box-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    position: absolute;
    top: 29px;
    right: 0;
    z-index: 998;
    overflow: hidden;
    padding: 26px 0;
    display: none;
}

.top .top-box-left .m-box .m-open {
    position: absolute;
    background: #fff;
    border: 1px solid #eee;
    top: 29px;
    display: none;
    padding: 40px;
    width: 240px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    -moz-box-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    z-index: 998;
}
.top .top-box-left .m-box .m-open .follow_app_ewm {
    overflow: hidden;
    margin-bottom: 20px;
}
.top .top-box-left .m-box .m-open .follow_app_ewm .app_download {
    float: left;
    width: 96px;
}
.top .top-box-left .m-box .m-open .follow_app_ewm .app_download span {
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    color: #666;
}
.top .top-box-left .m-box .m-open .follow_app_ewm .app_download a {
    background: #fff;
    border: 1px solid #e62e35;
    text-align: center;
    color: #e62e35;
    width: 94px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
}
* {
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
}

/*-----首页 banner-----*/

.slideBox{ width:100%; height:559px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:583px; }
.slideBox .bd li a{ display:block; height:583px;}
.slideBox .bd img{ width:450px; height:583px; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-30px; display:block; width:30px; height:60px; background:url(../images/arrow_left.png) no-repeat; }
.slideBox .next{ left:auto; right:3%; background:url(../images/arrow_right.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*---造型index-----*/
.izao{ background:url(../images/k4.png) center bottom no-repeat; height:576px}
.slideBox02{ width:1000px; height:427px; overflow:hidden; position:relative;padding:48px 0 0 }
.slideBox02 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox02 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox02 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox02 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox02 .bd02{ position:relative; height:427px; z-index:0; width:1000px; margin:0 auto; overflow:hidden; }
.slideBox02 .bd02 li{ zoom:1; vertical-align:middle;height:427px; }
.slideBox02 .bd02 li .img{ float:left;width:306px; height:427px;}
.slideBox02 .prev,
.slideBox02 .next{ position:absolute; right:58px; bottom:50px; margin-top:-37px; display:block; width:63px; height:38px; background:url(../images/k2.gif) no-repeat;}
.slideBox02 .next{ width:58px; left:auto; right:0; background:url(../images/k3.gif) no-repeat;}
.slideBox02 .prev:hover,
.slideBox02 .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}
.slideBox02 .prevStop{ display:none;  }
.slideBox02 .nextStop{ display:none;  }
.izright{ float:left; width:648px; padding:0 0 0 40px;}
.izright h2{ font-size:24px; color:#fff; padding:50px 0 0}
.izright h4{ font-size:16px; color:#fff; padding:5px 0 0}
.izright span{ display:block; line-height:33px;font-size:14px; color:#fff; padding:40px 0 0 }
.izao_amore{ position: absolute; right:0; top:195px; color:#fff; text-transform:uppercase; font-size:24px; z-index:22;}
/*---行业动态-----*/
.inew{ height:501px;  margin-top:83px}
.in_fl{ float:left; width:466px; padding:0 0 0 28px }
.in_name{ display:block; font-size:24px; color:#fff; padding:52px 0 16px; background:url(../images/k5.gif) left bottom no-repeat;}
.inew_ul{ display:block; padding:6px 0 0}
.inew_ul li{ float:left; width:100%; margin: 30px 0 0  0;}
.inew_ul li img{ float:left;}
.inew_ul li .irr{ float:right; width:312px;}
.inew_ul li .irr h4{ font-size:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#fff;padding:5px 0 0}
.inew_ul li .irr span{ display:block; font-size:14px; line-height:21px; height:42px;overflow:hidden; color:#fff; padding:7px 0 0}
.inew_ul li a:hover h4{ color:#ee0049}
/*---风采----*/
.ifeng_fr{ float:right; width:467px; background:url(../images/k5.png) right bottom no-repeat; height:452px;}
.if_con{ padding:65px 0 0 37px; }
.if_con img{ float:left;}
.if_crr{ float:right; width:188px; padding:0 25px 0 0}
.if_crr h4{ font-weight:bold; font-size:24px; color:#fff; display:block; padding:100px 0 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.if_crr span{ display:block; font-size:16px; color:#fff; padding:5px 0 0; line-height:20px; height:80px; overflow:hidden;}
.if_crr .icc{ color:#fff; font-size:16px;}
/*book*/
.ibook h2{ text-align:center; padding:70px 0 0}
.message{float:left; padding:45px 0 0}
.message input,.message textarea{float:left;margin-bottom:11px;border:1px solid #000;line-height:40px;height:40px;text-indent:20px;color:#999999; font-size:14px; font-family:微软雅黑;}
.message textarea{height:144px; }
.inp_fl{ float:left; width:362px; padding-right:16px;}
.yzm{width:100%; margin:20px 0 0}
.message .subbut{border:0;width:100%;height:46px;line-height:46px;color:#fff;font-size:16px;font-family:"Microsoft Yahei"}
.viewcon{overflow:hidden;ma/rgin:0 12px 36px;width:940px;display:inline;word-break:break-all;color:#6c4c30;font-size:14px;float:left;padding:0 20px 20px;line-height:30px;font-size:14px}
.focus { /*! width:38px !important; */ /*! height:38px !important; */ /*! border:2px solid #ee0049 !important; */}
.focus1 { width:618px !important; height:142px !important; border:2px solid #ee0049 !important;}

/*首页两条咨询*/
.two_news{width:1440px; height:250px; clear:both;}
.two_news_b{width:1220px; margin:0 auto;}
.two_news_b li{float:left; width:490px; height:190px; background-color:#4f1c00;}
.two_news_b li+li{margin-left:20px;}
.two_news_b li a{display:block;}
.two_news_b .img{float:left; width:201px; height:151px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-left:20px; margin-top:20px;}
.two_news_b .infob{float:left; width:235px; padding-left:20px; padding-top:30px;}
.two_news_b .title{font-size:18px; line-height:18px; color:#ff9a64;}
.two_news_b .other{clear:both; color:#8e502f; font-size:14px; line-height:16px; padding-top:15px;}
.two_news_b .time{float:left; background-image:url(../images/two_itemicon1.png); background-repeat:no-repeat; padding-left:25px;}
.two_news_b .looks{float:left; background-image:url(../images/two_itemicon2.png); background-repeat:no-repeat; padding-left:25px; margin-left:25px; background-position:0 3px;}
.two_news_b .msg{font-size:14px; line-height:28px; color:#c9987d; clear:both; padding-top:10px;}
/*首页产品中心*/
.pro_bg{width:100%; margin:0 auto; height:654px; background-size:cover;}
.pro_b{width:210px; float:left; }
.pro_bg .title_b{text-align:center; float:left; width:100%; height:194px; background: url(../images/d1.jpg) center top no-repeat;}
.pro_bg .title_b .zh{font-size:18px; line-height:28px; color:#fff;  padding-right:535px; text-align:right;}

.pro_bg .title_b .en{font-size:22px; line-height:18px; color:#0c66b2;  letter-spacing: 3px; padding-top:90px;padding-right:520px;text-align:right; text-transform:uppercase; font-weight:bold;}
.pro_bg .title_b .en span{color:#fff;}
.pro_b h4{ color:#1a1a1a; font-size:18px; background:url(../images/d2.jpg) left top no-repeat; height:40px; padding:11px 0 0 42px;}
.pro_b ul{float:right; width:188px;}
.pro_b li{float:left; width:188px; height:42px;   background:url(../images/d3.jpg) right top no-repeat; position:relative;}
.pro_b li+li{ margin:-1px 0 0 0;}
.pro_b li a{display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:14px; line-height:42px; color:#4c4c4c; padding-left:28px;}
.pro_b li a:hover{ color:#0c66b2; padding-left:40px;}
/*.pro_b li span{ position:absolute; width:17px; height:17px; background:url(../images/d5.jpg) center top no-repeat; right:5px; bottom:-6px; display:none;}
*/.pro_imgsbg{width:780px; float:right; padding:30px 0 0}
.pro_imgsbg .r_b{float:left; width:100%;}
.pro_imgsbg .itemb{width:218px; height:167px; padding:3px; border:1px solid #d2d2d2;  float:left; margin-top:16px; margin-left:25px; background-color:#fff;}
.pro_imgsbg .itemb .img_b{ position:relative;width:218px; height:167px; background-repeat:no-repeat; background-position:center; margin:0 auto; background-size:auto 100%;}
.pro_imgsbg .itemb .img_b span{ position:absolute; width:100%; height:30px; text-align:center; line-height:30px; color:#fff; font-size:14px; left:0; bottom:0; background:rgba(0,0,0,0.5);text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ipmore{ float:left; width:100%; color:#0c66b2; font-weight:bold; font-size:14px; text-indent:48px; line-height:30px;}
/*行业资讯*/
.newsb_b{width:100%; margin:0 auto; height:480px; background-color:#fff;}
.newsb_b .title_b{width:1220px; height:212px; margin:0 auto;  background: url(../images/d7.jpg) center top no-repeat; position:relative;}
.newsb_b .title_b .zh{ float:left;font-size:18px; font-weight:bold;color:#4c4c4c; padding:79px 0 0 20px; text-align:center;}
.newsb_b .title_b .en{ float:left;font-size:23px;  color:#fff; font-weight:bold; padding:76px 0 0 530px;text-align:left;}
.newsb_b .r_b{fl/oat:left; width:980px; margin:35px auto 0; }
.newsb_b .r_b .itemb{ float:left; width:475px; height:98px; background:#f0f0f0; margin:0 0 10px 10px;}
.newsb_b .r_b .itemb .info_b{width:415px; padding:0 30px; height:98px; float:left;}
.newsb_b .r_b .itemb .info_b .title{font-size:16px; line-height:16px; color:#333333; padding-top:18px;}
.newsb_b .r_b .itemb .info_b .intro{font-size:14px; line-height:22px; color:#747474; padding-top:10px;}
.newsb_b .r_b .itemb:hover .info_b{background-color:#f5f5f5;}
.newsb_b .r_b .itemb:hover .info_b .title{color:#0c66b2;}
.newsb_b .more{ position:absolute; right:310px; top:113px; width:75px; background:url(../images/d2.gif) center bottom no-repeat; padding:0 0 10px 0; font-size:14px; color:#0c66b2; font-weight:bold;  text-align:center;}
/*企业资讯+留言*/
.msgnews_bg{width:1440px; margin:0 auto; height:356px;}
.company_b{float:left; padding-top:105px;}
.company_b li{height:16px; width:452px; background-image:url(../images/company_bg.png); background-repeat:repeat-x; font-size:14px; line-height:16px; margin-top:23px; float:left; margin-right:40px;}
.company_b li a{display:block;}
.company_b li .title{float:left; color:#ff9a64; background-color:#0d0400; padding-right:20px;}
.company_b li .time{float:right; color:#ff9a64; background-color:#0d0400; padding-left:20px;}
.in_msg_b{float:right; width:492px;}
.in_msg_b form{padding-top:95px;}
.in_msg_b label{clear:both; display:block; margin-top:20px;}
.in_msg_b label:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.in_msg_b label span{float:left; font-size:14px; line-height:30px; color:#ff9a64; padding-right:20px;}
.in_msg_b label textarea{float:left; width:415px; height:85px; outline:none; border:none; background-color:#4f1c00; color:#fff; font-size:14px; line-height:24px; text-indent:1em;}
.in_msg_b label input{float:left; width:150px; height:30px; border:none; outline:none; background-color:#4f1c00; color:#fff; font-size:14px; text-indent:1em;}
.in_msg_b .name{float:left;}
.in_msg_b .phone{float:left; clear:none; padding-left:40px;}
.in_msg_b .sub_b{clear:both; padding-top:20px; padding-left:76px;}
.in_msg_b .sub_b input{width:80px; height:30px; border:none; outline:none; background-color:#4f1c00; color:#ff9a64; font-size:14px; cursor:pointer;}
/*---首页case-----*/
.itl_t{text-align: center;width: 100%;background:url(../images/itl_t.png) no-repeat bottom center; margin:0 0 40px; padding:35px 0 0}
.itl_t *{display: block; line-height: 1.1;color: #fff;}
.itl_t span{font-size:18px; color:#333333; font-weight:bold;}
.itl_t font{font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#cdcdcd;text-transform: uppercase; line-height:1.5}

.icase{width: 100%;height: 366px;background-position: bottom center;}
.mr_frbox{float: left;width: 100%;height: 215px;position: relative;}
.mr_frBtnL{cursor:pointer;display:inline;top: 70px;left:-50px;position: absolute;}
.mr_frBtnR{cursor:pointer;top: 70px;right: -50px;position: absolute;}
.mr_frUl{ margin:0 auto;width:1000px;overflow: hidden;}
.tempWrap ul{height:215px;overflow: hidden; }
.tempWrap{width: 1000px;}
.icase li{width: 219px;float: left;background: #fff;height: 215px;margin-right: 40px;}
.icase li a.img{ float:left; width:100%; height:167px; background-position:center; background-repeat:no-repeat; background-size:auto 100%;}
.icase li h2{float:left; width:100%; text-align:center;font-size: 14px;color: #383737;line-height: 35px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.icase li a.wrr:hover h2{ color:#0c66b2}
/*isolution*/
.isolution{ height:450px;}
.isolution .main{ background:url(../images/d1.gif) left 170px repeat-x;}
.isolution ul{ float:left; width:107%; }
.isolution ul li{ float:left; width:150px; margin: 0 64px 0 0}
.isolution ul li a.img{ float:left; width:144px; height:108px; border:3px solid #0c66b2}
.isolution ul li h2{float:left; width:100%; font-size:16px; color:#333333; font-weight:bold; text-align:center;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:5px 0 0}
.isolution ul li a.wrr:hover h2{ color:#0c66b2}
.isolution ul li span{ float:left; padding:0 15px; width:114px; margin:15px 0 0; line-height:23px; color:#808080; height:69px; overflow:hidden;}
.isolution .ic_more{ display:block; margin:40px auto 0; width:75px; text-align:center; font-weight:bold; color:#0c66b2; font-size:14px; background:url(../images/d2.gif) center bottom no-repeat; padding:0 0 10px;}


.adv{ height:761px; background-position:center; background-repeat:no-repeat; }
.ionline{height:475px;background-position:center;background-repeat:no-repeat;width: 1220px;margin: 0 auto;}
.ionline h4{ color:#666; font-size:18px; padding:190px 0 0}
.ionline p.tel{ color:#f5832f; font-size:32px; font-family:impact}
.ionline a{ margin:10px 0 0; display:block;}

/*首页关于我们*/
.iabout_b{ float:left; width:500px;}
.iabout_b .img_b{float:left; height:74px; width:454px; border:4px solid rgba(255,255,255,0.4); background-repeat:no-repeat; background-position:center; margin:78px 0 0}
.iabout_b .info_b{float:left; width:485px;  text-align:left; padding-top:20px; line-height:27px; font-size:14px; color:#fff;}
/*首页联系我们*/
.icontact { /*! height:458px; */ 
/*! background-color: rgba(6, 32, 51, 0.74); */
background-attachment: fixed !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; background-image:url(../images/d9.jpg);clear: both;}
.icon1{background-color: rgba(6,32,51,.8);}
.icontact .rinfo_b{width:440px; float:right; height:330px; padding:0 0 0 45px; background:url(../images/d5.png) left 80px no-repeat;  }
.icontact .rinfo_b h4{ padding:90px 0 0}
.icontact .rinfo_b .tel_b{ float:left; width:280px; background-image:url(../images/index_icon04.png); background-repeat:no-repeat; background-position:0 3px; line-height:26px; font-size:14px; color:#fff; padding-left:30px;margin:20px 0 0}
.icontact .rinfo_b .tel_b span{ font-size:30px; line-height:42px;}
.icontact .rinfo_b .addr_b{ float:left; width:280px; background-image:url(../images/index_icon05.png); background-repeat:no-repeat; background-position:0 3px; line-height:26px; font-size:14px; color:#fff; padding-left:30px; margin:30px 0 0}
.code_img{ float:left; width:110px;padding-top:10px; text-align:center; margin:20px 20px 0 0;}
.code_img img{display:inline-block;}
.code_img div{font-size:14px;  color:#fff; padding-top:10px; text-align:center;}
.code_img div img{ vertical-align:middle;}
.foonavf{ width:100%;color:#c5bdbb; padding:30px 0 0}
.foonavf i{ float:left; width:90px; height:25px; background:#0c66b2; line-height:25px; text-align:center; color:#fff; font-style:normal; font-size:14px;}
.foonavf  .nnf{ float:right; width:880px; padding:0 0 0 20px;}
.foonavf a.foonav{color:#c5bdbb; display:inline-block; padding:0 5px; font-size:14px; position:relative; text-align:left;height:26px; line-height:26px;}
.fri_link{ width:100%;color:#fff;height:30px; line-height:30px;  margin:20px 0 0;  color:#999;}
.fri_link a{color:#c5bdbb; display:inline-block; padding:0 5px; font-size:14px; position:relative; text-align:left;height:26px; line-height:26px;}
.fri_link i{ float:left; width:90px; height:25px; background:#0c66b2; line-height:25px; text-align:center; color:#fff; font-style:normal; font-size:14px;}
.fri_link  .nnf{ float:right; width:880px; padding:0 0 0 20px;}

/*---------右边悬浮------------------------------*/
.side_nav{position: fixed;top: 50%;right: 10px;width: 72px; z-index:999}
.side_nav ul li{ cursor:pointer;position: relative;width: 72px;float: right;/* border-bottom: 1px solid #fff; */}
.side_nav ul li a{display:inline-block;height: 60px;position: absolute;top: 0;left: 0;}

.side_nav ul li span{float: left;color:#fff;line-height: 60px;font-size: 16px;margin-left: 72px;cursor: pointer;}
.side_nav_3 {width: 72px;height: 59px;}
.side_nav_3 a span{height:128px;position: absolute;right: 72px;bottom: 0px;margin-left: 0!important;display: none;}
.side_nav_3 a{width: 72px;background: url(../images/d7.gif) no-repeat left -58px;}
.back_top a{background: url(../images/d7.gif) no-repeat left -117px;}
.back_top {height: 58px;}

.foo_book{background: url(../images/d7.gif) no-repeat left 0;height: 57px;}

/*zixun*/
.window_box {
    position: fixed; z-index: 9999; overflow: visible; border-radius: 0px; left: 50%; top: 50%; width: 500px; height: auto;margin-left: -250px;
    margin-top: -230px; display: none;
}
.window_box .window_box_title {
    height: 40px;
    float: left;
    width: 100%;display: block; position: absolute;
    background: #fff;
}
.window_box .window_box_title a {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 16px;
    height: 16px;
 
    background: url(http://img.to8to.com/to8to_img/global.png?v=20160512) no-repeat;   background-position: 0 -165px;
}
.window_box .window_box_container {
    background: #fff;
    width: 100%;
    height: 100%;
    display: inline-block;
    float: left;
    margin-top: 40px;
}
.tender-pop-main {
    height: 456px;
    overflow: hidden;
}

.tender-pop-left {
    float: left;
    width: 99%;
    /*! border-right: 1px solid #ddd; */
    height: 456px;
    +height: 460px;
}

 .tender-pop-title {
    padding-top: 20px;
    font-size: 28px;
    text-align: center;
    color: #333;
    line-height: 36px;
}
.tender-pop-applypeople {
    width: 198px;
    margin: 10px auto 0;
    color: #666;
}
.tender-form-list {
    padding: 10px 40px;
    margin: 0 auto;
    width: 80%;
}
.tender-form-item {
    text-align: center;
    min-height: 36px;
    /*! line-height: 36px; */
    font-size: 14px;
    position: relative;
    color: #666;
    margin-bottom: 17px;
}
.tender-form-list .tender-form-item {
    text-align: left;
}
.tender-form-item .worn-font {
    color: #fe5f00;
    position: relative;
    top: 5px;
    font-size: 24px;
    vertical-align: middle;
    margin-right: 6px;
}
.tender-form-select {
    width: 232px;
    height: 34px;
    padding-left: 6px;
    font-size: 14px;
    color: #666;
    border: 1px solid #dddddd;
        border-top-color: rgb(221, 221, 221);
        border-right-color: rgb(221, 221, 221);
        border-bottom-color: rgb(221, 221, 221);
        border-left-color: rgb(221, 221, 221);
    vertical-align: middle;
    padding-bottom: 8px �;
    *padding-left: 0px;
    *padding-top: 9px;
    *padding-bottom: 9px;
    *position: relative;
    *top: 8px;
}
.tender-form-select.province {
    width: 71px;
}
.tender-form-select.city {
    margin-left: 10px;
}
input.tender-form-input {
    width: 212px;
    padding: 8px 9px 7px;
    border: 1px solid #dddddd;
        border-top-color: rgb(221, 221, 221);
        border-right-color: rgb(221, 221, 221);
        border-bottom-color: rgb(221, 221, 221);
        border-left-color: rgb(221, 221, 221);
    vertical-align: middle;
    left: 98px;
}
.tender-form-font {
    position: absolute;
    left: 98px;
    *left: 96px;
    top: 2px;
    color: #999;
}.tender-form-footer {
    width: 232px;
    margin: 0 auto 13px;
    font-size: 12px;
    color: #999;
    background: #0c66b2;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
}
.tender-huxing{
    height: 100px;
}
.tender-huxing div {
    width: 235px;
    float: right;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 86px;
    /*! overflow: hidden; */
}
.tender-huxing .select {
    width: 255px;
    padding-left: 5px;
    height: 38px;
    border-color: rgb(221, 221, 221);
    float: left;
}
.tender-huxing .select_s {
    border: none;
    margin-right: 0;
    margin-left: 0;
    border: 1px solid rgb(221, 221, 221);
        border-top-color: rgb(221, 221, 221);
        border-right-color: rgb(221, 221, 221);
        border-bottom-color: rgb(221, 221, 221);
        border-left-color: rgb(221, 221, 221);
    width: 111px;
    outline: none;
}
.tender-huxing .select_s_s {
    width: 74px;
    margin-bottom: 10px;
}
.tender-huxing .select-margin {
    margin-left: 5px;
}

/*video*/

/*gg_ns*/
.gg_ns h3{/*! height:46px; */ /*! line-height:43px; */ overflow:hidden; background:url(../images/f_bx.gif) no-repeat left bottom; font-weight:normal;/*! padding-bottom: 5px; */}
.gg_ns h3 .fl{/*! height:30px; */ /*! line-height:30px; */ overflow:hidden;}
.gg_ns h3 .fl a{height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#fff; display:inline-block; padding:2px 5px 2px 5px; font-family:"Microsoft YaHei";background-color: #0c66b2;box-sizing: boder-box;border-radius: 5px;}
.gg_ns h3 .fl b{height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#a3a3a3; display:inline-block; font-weight:normal;}

.gg_ns h3 .fr{height:43px; line-height:43px; overflow:hidden; font-size:12px; color:#666;}
.f_ns{height:506px;overflow:hidden;width: 100%;}
.f_ns .f_nsm{height:468px;overflow:hidden;background:url(../images/f_nst.gif) no-repeat top center;padding-top:38px;width:1220px;margin:0 auto;position: relative;}
.f_ns .f_nsl{width:634px; height:468px; overflow:hidden; float:left; margin-right:25px;}
.f_nsl dl{height:160px; overflow:hidden; margin-top:32px;}
.f_nsl dl dt{width:218px; height:160px; overflow:hidden; float:left; background:url(f_imgbg.gif) no-repeat; margin-right:11px;}
.f_nsl dl dt img{width:196px; height:154px; line-height:0; display:block; border:0; padding:3px;}
.f_nsl dl dd{width:405px; height:160px; overflow:hidden; float:left;}
.f_nsl dl dd h4{height:31px; line-height:31px; overflow:hidden;}
.f_nsl dl dd h4 a{font-size:12px; color:#000;}
.f_nsl dl dd h5{height:15px; line-height:15px; overflow:hidden; font-size:12px; color:#004EA0; font-weight:normal;}
.f_nsl dl dd p{height:83px; line-height:26px; overflow:hidden; font-size:12px; color:#555; padding-top:10px;}
.f_nsl dl dd span{height:21px; line-height:21px; overflow:hidden; display:block;}
.f_nsl dl dd span a{font-size:12px; color:#004EA0;}
.f_ns .f_nsr{width:284px; height:468px; overflow:hidden; float:left; /*! background:url(../images/f_gx.gif) no-repeat left -12px; */ padding-left:17px;}
.f_nsr .f_nsrm{height:380px; overflow:hidden; padding-top:32px;}
.f_nsr .f_gdl{width:17px; height:28px; overflow:hidden; float:left; margin-top:128px;}
.f_nsr .f_gdl a{height:43px; display:block; background:url(../images/f_gdl.gif) no-repeat;}
.f_nsr .f_gdr{width:17px; height:28px; overflow:hidden; float:left; margin-top:128px;}
.f_nsr .f_gdr a{height:43px; display:block; background:url(../images/f_gdr.gif) no-repeat;}
.f_nsr .f_gdc{width:223px; height:360px; overflow:hidden; float:left; padding:0 13px;}
.f_gdc img{/*! width:215px; */ /*! height:299px; */ line-height:0; display:block; border:1px solid #dedede; padding:3px; background-color:#FFF;}
.f_gdc span{height:32px; line-height:32px; display:block; font-size:12px; color:#555; text-align:center; background-color:#ddd;}

/*g_ns*/
.g_ns{height:532px; overflow:hidden;}
.g_ns .g_nsm{height:491px; overflow:hidden; background:url(ban02_by.gif) no-repeat center top; padding-top:41px;}
.g_ns .g_nsc{height:440px; overflow:hidden; background-color:#FFF; padding:29px 0 0 34px;}
.g_nsc h3{height:35px; overflow:hidden; font-weight:normal; position:relative; margin-right:26px;}
.g_nsc h3 p{height:19px; border-bottom:1px dashed #ccc;}
.g_nsc h3 .fl{height:35px; line-height:35px; font-size:16px; color:#676767; padding:0 13px 0 34px; background:url(g_01.gif) no-repeat left 2px #FFF; position:absolute; left:0; top:0;}
.g_nsc h3 .fl a{height:35px; line-height:35px; font-size:16px; color:#000; font-family:"Microsoft YaHei"; display:inline-block; padding-right:12px;}
.g_nsc h3 .fr{height:35px; line-height:35px; font-size:12px; color:#666; background-color:#FFF; padding:0 5px 0 18px; position:absolute; right:0; top:0;}
.g_nsc dl{height:378px; overflow:hidden; padding-top:26px;}
.g_nsc dl dt{width:374px; height:364px; overflow:hidden; background:url(g_nsby.gif) no-repeat center bottom; float:left; margin-right:15px;}
.g_nsc dl dt img{width:374px; height:314px; line-height:0; display:block; border-top:16px solid #000; border-bottom:16px solid #000;}
.g_nsc dl dd{width:537px; height:364px; overflow:hidden; float:left;}
.g_nsc dl dd h4{height:26px; line-height:26px; overflow:hidden; text-align:center; background:url(g_ns01.gif) no-repeat left top;}
.g_nsc dl dd h4 a{font-size:12px; color:#004EA0;}
.g_nsc dl dd .g_cont{height:113px; line-height:28px; overflow:hidden; font-size:12px; color:#555; padding:16px 30px 29px 15px; position:relative; background:url(g_gx.gif) no-repeat left bottom; margin-bottom:18px;}
.g_nsc dl dd .g_cont a{height:28px; line-height:28px; overflow:hidden; font-size:12px; color:#004EA0; position:absolute; right:30px; bottom:29px; display:inline-block;}
.g_nsc dl dd h6{height:170px; overflow:hidden; font-weight:normal;}
.g_nsc dl dd .g_gdl{width:17px; height:28px; overflow:hidden; float:left; margin-top:37px;}
.g_nsc dl dd .g_gdl a{height:43px; display:block; background:url(g_gdl.gif) no-repeat;}
.g_nsc dl dd .g_gdr{width:17px; height:28px; overflow:hidden; float:left; margin-top:37px;}
.g_nsc dl dd .g_gdr a{height:43px; display:block; background:url(g_gdr.gif) no-repeat;}
.g_nsc dl dd .g_gdc{width:474px; height:170px; overflow:hidden; float:left; padding:0 0 0 13px;}
.g_gdc a{width:145px; height:154px; float:left; margin-right:13px;}
.g_gdc img{width:139px; height:103px; line-height:0; display:block; border:1px solid #dedede; padding:2px;}
.g_gdc span{height:45px; line-height:45px; display:block; font-size:12px; color:#555; text-align:center;}

/*news*/
.i_ns{min-height:480px; overflow:hidden;background-image: url(http://www.miruoqi.com/public/static/index/images/bg_1.jpg);background-attachment: fixed;}
    .i_ns .content { width:1220px; margin:0 auto;
padding-top: 50px;
padding-bottom: 20px;
    }
.i_ns .i_nsl{width:288px; height:443px; float:left; padding:37px 23px 0 0; overflow:hidden;}
.i_nsl .i_nslm{height:338px; overflow:hidden; padding-top:37px;}
.i_nsl dl{height:93px; overflow:hidden; margin-bottom:25px;}
.i_nsl dl dt{height:30px; line-height:23px; overflow:hidden; font-size:12px; color:#000; background:url(i_nsw.gif) no-repeat left top; border-bottom:1px dashed #ababab; padding-left:42px; margin-bottom:9px;}
.i_nsl dl dt a{font-size:12px; color:#000; font-weight:bold;}
.i_nsl dl dd{height:53px; line-height:26px; overflow:hidden; font-size:12px; color:#555; background:url(i_nsd.gif) no-repeat left 3px; padding-left:42px;}
.i_ns .i_nsm{width:288px; height:443px; float:left; padding:37px 22px 0 25px; background:url(i_gx.gif) no-repeat left top; overflow:hidden;}
.i_ns .i_nsr{width:290px; height:443px; float:left; padding:37px 0 0 24px; background:url(i_gx.gif) no-repeat left top; overflow:hidden;}
.i_ns .i_nsc{height:345px; overflow:hidden; padding-top:30px;}
.i_nsc li{height:37px; line-height:37px; overflow:hidden; border-bottom:1px dashed #ababab; background:url(i_li.gif) no-repeat left 14px; padding-left:19px;}
.i_nsc li.ent{border-bottom:0;}
.i_nsc li a{font-size:12px; color:#555;}



.decoration-school-con {
    padding-top: 10px;
    zoom: 1;
    overflow: hidden;
    min-height: 394px;
    display: block;
}.decoration-school-con ul {
    /*! overflow: hidden; */
    width: 1220px;
}
 .decoration-school-con ul li {
    float: left;
    width: 50%;
    /*! overflow: hidden; */
    display: block;
    margin-bottom: 40px;
    height: 300px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
}
 .decoration-school-con ul li h6 {
    color: #333;
    line-height: 18px;
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}
 .decoration-school-con ul li h6 a {
    margin-right: 10px;
    margin-top: 4px;
    color: #333;
}
 .decoration-school-con ul li h6 .more {
    float: right;
    font-size: 12px;
    color: #999;
}
 .decoration-school-con .img-txt {
    overflow: hidden;
    /*! padding: 20px 0; */
    /*! border: 1px solid #f5f5f5; */
    height: 99%;
    border-radius: 5px;
    background-color: #fff;

}
 .decoration-school-con .img-txt:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);

      margin-top: -10px;  transition: 0.5s;
}
 .decoration-school-con .img-txt .img {
    display: block;
    float: left;
    height: 150px;
    overflow: hidden;
    width: 170px;
    padding: 2px;
    margin: 80px 10px 0px 10px;
    text-align: center;
}
.decoration-school-con .img-txt .img p{
     color:#d6162d; font-size:20px;
}

 .img-hover {
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
 .decoration-school-con .img-txt .img img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
}
 .decoration-school-con .img-txt .txt {
    float: left;
    width: 350px;
    margin-left: 10px;
    margin-top: 5px;
}
 .decoration-school-con .img-txt .txt h4 {
    font-size: 16px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
 .decoration-school-con .img-txt .txt h4 a {
    color: #333;
    color: #d6162d;
}
 .decoration-school-con .img-txt .txt p {
    background: url(../images/icon-dot.gif) no-repeat left center;
    padding-left: 12px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.decoration-school-con .img-txt .txt p a.more{
    float: right; color:#d6162d;
    overflow: hidden;
}
 /*company*/

 .global_wrap {
    position: relative;
    min-height: 100%;
    clear: both;
    /*! content: ""; */
    height: auto;
    width: 100%;
    overflow: hidden;
}
 .clear::after {
    display: block;
    clear: both;
    content: "\0020";
    height: 0;
}
 .rank_wrap {
    background: url(../images/company_rank_bg.png) top center no-repeat;
    padding-top: 166px;
    /*! min-width: 1220px; */
    margin: 0 auto;
    height: auto;
    width: 100%;
}
 .container {
    width: 1220px;
    margin: 0 auto;
        /*! margin-bottom: 0px; */
}
 .rank_hd {
    height: 46px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    font-weight: normal;
}
 .clear {
    clear: both;
}

  /*liucheng*/
    .lc{
        display: none;
        position: fixed;
        width: 1200px;
        height: 120px;
        top: 50%; margin-top: -60px;
        left: 50%; margin-left: -600px;
        z-index: 102;
        background: #fff;
        border-radius: 5px;
        padding: 10px 0px 0px 10px;
    }
    .l2,.l3{ width:900px; margin:0 auto; margin-left: -450px;margin-top: -60px;}
    .l4,.l5{
        width:530px; margin:0 auto; margin-left: -266px;margin-top: -60px;
    }
    .index-zzx-process {
     text-align: center;
    }
    .index-zzx-process ul {
        overflow: hidden;
    }
    .zzx-process-yy {
        margin-left: 5px;
        width: 119px;
        float: left;
    }
    .index-zzx-process ul li {
        position: relative;
        float: left;
    }
    .index-zzx-step {
        margin-top: 16px;
        font-size: 16px;
        color: #333;
        font-weight: bolder;
        width: 115px;
        text-align: center;
        height: 50px;
    }
    
    .index-zzx-detail {
        margin-top: 3px;
        font-size: 12px;
        color: #999;
    }
    .index-zzx-process {
        text-align: center;
    }
.zzx-step-box{ clear:both;}
    .zzx-step-img {
        position: relative;
        float: left;
        margin-left: 5px;
    }
    .zzx-step-img-first {
        margin-left: 45px;
    }
    .icon-round {
        float: left;
        width: 33px;
        height: 33px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1RjQwMkE3NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1RjQwMkE4NEI0MzExRTc5QkM3RUY0Q0JENEQ5RUVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzVGNDAyQTU0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzVGNDAyQTY0QjQzMTFFNzlCQzdFRjRDQkQ0RDlFRUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Wyi8EAAACqElEQVR42sRYTWsTURR9TYIhkEwh0xCSRQhKUSFrq0u7KFQF+xuq1I0a/4G/YXTlR/0LzcpiNy4saHWZgIq6mU0I6QSchIRIEj0n3MgYO/lgkpkLJzOEmXPO3DfvvXtnpVwuqzniCnBDjhcBHVgFfgIW8BX4CLyW49QoFAoqMsN1MWAXKMZisfVEIqFwVNFoVIXD4SH6/f4q0e12z3c6ne1ms/kYx++4xwD2gc4kgZUpmbgNPEkmkzld14fCswYMqUajoSzLMvkAQMktEyEXDqo90zStlM/nc9lsdi4DQwJcn8lkFO8HzwH5hPe/OGs4NLrGk18nideIx+NDVKvVPWRlHX/tALbzmvFMnAMOUqnUQgw4g3zkJb/ouJp4igxsptNptYwgL/mp42ZiB2O3t+gMnJUR6siw/GOC09DALFB+hOgYovvXxC6nIV8gP4I6GJYcTu84TRS5DvgZko2HIxMbXAnnXQe8BvWoW6lUNmhii0txECG6WzRxlXtBECG612jist9D4RwSxCWa0CORSCAmRHeNJrRQKBSICdFN8NceDAaBmBDdJk1YvV4vEBOie0oTn1mABBGi+4UmPqAUC8SE6L6niSPUhIGYEN0jmjiBo29+Dwn1qIsa82Q0Nw2UXr6aYBHMItq5i77Cn2ar1fLFAHWkCt93muAbUhR3fmWhOOpHnEtlybbtF6iKl2qA/NRx9iHj6/V9pOldrVZbigHygv8Ypw8mVdu/gFv1ev3tojNCPvLi9CYnxyQTShqTbTh+bpqm8vqy8n7ykI+8442PWwemxOk9jN0hYLAoZU3ooRd9JE2PmrUNdAZfnjcguguwK7/g7MpZD3A75m7IzUgWoOHTt9vtH1LWv/TalU/7PrEmvStTfCrfJz4Bh1yJgd+zfJ/4I8AACfkaufuzAtoAAAAASUVORK5CYII=) no-repeat;
    }
    .step-num {
        position: absolute;
        top: 7px;
        left: 13px;
        font-size: 14px;
        color: #a3a3a3;
    }
    .step-line {
        float: left;
        width: 81px;
        height: 1px;
        margin: 16px 0 0 5px;
        background-color: #e3e3e3;
    }
 /*漂浮*/
 .piao{
     position:fixed; right:10px; top:40%; height:60px; width:60px;
     background: #0c66b2;
     border-radius: 5px;
     font-size: 21px;
     color: #fff;
     text-align: center; cursor:pointer;
 }
  .piao2{
     position:fixed; right:10px; top:40%;  height:60px; width:60px;
      margin-top:80px;
     background: #0c66b2;
     border-radius: 5px;
     font-size: 21px;
     color: #fff;
     text-align: center;cursor:pointer;
 }
.mask{
    display:none;
    position:fixed;
    top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color: #000;
opacity: 0.8;
}
.zhuce{ display:none;
     position:fixed;
    z-index:101;border: 3px solid rgba(0,0,0,.3);
border-radius: 5px;
box-shadow: none;
width: 520px;
height: 514px;
top: 50%; margin-top:-220px;
     left: 50%;
     margin-left: -250px;
     background-color: #fff;
}
.apply{ position:relative; display:none; width:520px; /*! background:url(../images/window_title.png) #fff no-repeat center 15px; */margin:0 auto;padding-bottom:30px;}
.apply .apply-close{ position:absolute; top:15px; right:15px; display:block; background:url(../images/apply-close.png) no-repeat; width:20px; height:20px; cursor:pointer;}
.apply ul{ margin:0 auto;width:322px; padding-top:100px;}
.apply ul li{margin:10px 0;overflow:hidden;}
/*.apply ul li.apply-title{ margin:80px auto 30px;}
.apply ul li.apply-title h2{ height:40px;line-height:40px; text-align:center;font-size:24px; font-weight:normal; font-family:'Microsoft YaHei';}*/
.apply ul li input{width:305px; height:40px; line-height:40px; border:1px solid #E6E6E6; padding-left:10px;border-radius:2px;font-size:14px;}
.apply ul li input:hover{border:1px solid #999;}
.apply ul li select{width:150px; height:40px; line-height:40px; border:1px solid #E6E6E6; padding-left:10px;border-radius:2px;}
.apply ul li select:hover{border:1px solid #999;}
.apply ul li .button {
    width: 322px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border: 0;
    background-color: #E74B3D;
    border-radius: 2px;
    display: block;
}
        h3.title {
            color: #000c;
            font-size: 1.3em;
            margin-bottom: 10px;
            text-align: left;
            font-weight: 500;
            line-height: 1.1;
        }
        h3.title span {
            display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/
            font-size: 18px;
            color: #212121;
            position: relative;   /*定位横线（当横线的父元素）*/
            text-align: center;
        }
        h3.title span:before, h3.title span:after {
            content: '';                 /*CSS伪类用法*/
            position: absolute;         /*定位背景横线的位置*/
            top: 52%;
            background: #494949;       /*宽和高做出来的背景横线*/
            width: 9%;
            height: 2px;
        }
        h3.title span:before{
            left: 20%;        /*调整背景横线的左右距离*/
        }
        h3.title span:after {
            right: 20%;
        }

 /* 通用公司列表[[ */
.rank_company_list li{float: left;border-left: 1px dotted #e6e6e6;margin-left: -1px;padding: 20px 0px;position: relative;}
.rank_company_list li a{display: block;color: #666;}
.rank_company_list li a:hover{color: #f25618;}
.rank_company_list li img{width: 120px;height: 120px;margin: 0 auto;display: block;}
.rank_company_list li .company_name{text-align: center;display: block;font-size: 14px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.rank_company_list li .company_btn{display: none;width: 114px;height: 22px;line-height:22px;text-align: center;background-color: #f25717;border:1px solid #f26f20;color: #fff;position: absolute;left: 50%;margin-left: -57px;bottom: 14px;}
.rank_company_list li .company_btn:hover{background-color: #e7691e;color: #fff;}
.rank_company_list .rank_company_hover .company_name{visibility: hidden;}
.rank_company_list .rank_company_hover .company_btn{display: block;}
.rank_company_list li .company_img{width: 120px;height: 120px;position: relative;margin: 0 auto;}
.rank_company_list li .company_img_cover{display: none;width: 75px;height: 55px;background-color: #000;color: #fff;text-align: center;position: absolute;top: 0;left: 0;padding-top: 20px;opacity: 0.75;filter:alpha(opacity=75);}
.rank_company_list li .company_img_cover em{display: block;}
.rank_company_list .rank_company_hover .company_img_cover{display: block;}
/* 通用公司列表]] */
.sec_topform{margin-top: 66px;width: 100%;overflow: hidden;min-height: 430px;}
.sec_topform_l{width: 880px;float: left;border:1px solid #f2f2f2;border-top: 3px solid #f66058;background-color: #fff;height: auto;}
.sec_topform_r{width: 260px;float: right;border:1px solid #f2f2f2;border-top: 3px solid #f66058;background-color: #fff;padding: 0 25px 30px;}
.sec_topform .topform_lhd{height: 46px;line-height: 46px;padding: 0 15px;}
.sec_topform .topform_lhd h2{font-size: 20px;color: #f26f20;float: left;font-weight: normal;}
.sec_topform .topform_lhd .hd_lnk{float: right;color: #999;font-size: 14px;}
.sec_topform .topform_lhd .hd_lnk em{font-family: simsun;}
.sec_topform .topform_lhd .hd_lnk:hover{color: #f25618;}
.sec_topform .topform_lbd{overflow: hidden;width: 100%;}
.sec_topform .rank_company_list li{width: 176px;border-width: 1px 0 0 1px;border-style: dotted;border-color: #f7d4d6;}
rank_ico_famous, .rank_num_top, .rank_ico_kb1, .rank_ico_kb2 {
    background: url(../images/company_rank.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    display: inline-block;
}
.rank_ico_kb1, .rank_ico_kb2 {
    width: 29px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding: 9px 0 0 7px;
    text-align: center;
    background-position: -73px 0;
    position: absolute;
    top: 2px;
    left: 7px;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    z-index: 11;
}
.sec_topform .rank_company_list li .company_name{width: 176px;}
.sec_topform .topform_rhd{text-align: center;padding-bottom: 15px;padding-top: 13px;}
.sec_topform .topform_rhd h2{font-weight: normal;color: #f25618;font-size: 24px;}
.sec_topform .topform_rhd p{color: #999;margin-top: 4px;height: 18px;}
.free_design_form .text{border:1px solid #ccc;padding: 8px 10px;width: 238px;}
.free_design_form .select{border:1px solid #ccc;width: 123px;height: 34px;float: left;}
.free_design_form .input_line{position: relative;height: 60px;width: 100%;}
.free_design_form .input_line label{position: absolute;left: 10px;top: 7px;color: #999;}
.free_design_form .input_line .input_error{color: #f66;margin-top: 2px;}
.free_design_form .input_line .col_l{margin-right: 12px;/*! float: left; */}
.free_design_form .input_btn{display: block;width: 100%;height: 44px;color: #fff;border: none;background-color: #F25717;font-size: 14px;cursor: pointer;line-height: 44px;text-align: center;}

.sec_company_case .sec_company_bd{border:none;width: 1220px;overflow: hidden;}
.sec_company_case .new_case_list{width: 1240px;}
.sec_company_case .new_case_list li{float: left;width: 226px;border:1px solid #e8e8e8;margin-right: 20px;margin-bottom: 20px;}
.sec_company_case .new_case_list .case_img{display: block;width: 226px;height: 188px;}
.sec_company_case .new_case_list .case_info{border-top: 1px solid #e8e8e8;color: #999;padding: 15px 12px;font-size: 14px;}
.sec_company_case .new_case_list .case_info_addr{color: #333;width: 202px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display: block;}
.sec_company_case .new_case_list .case_info_addr:hover{color: #f25618;}
.sec_company_case .new_case_list .case_info_addr em{color: #999;float: left;}
.sec_company_case .new_case_list .case_info_addr span{float: left;display:inline-block;max-width: 150px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.ielt7 .sec_company_case .new_case_list .case_info_addr span{width: 150px;}
.sec_company_case .new_case_list .case_info_company{width: 202px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

/*companylist*/
.container {
    width: 1220px;
    margin: 0 auto;
        margin-bottom: 10px;
    /*! overflow: hidden; */
    height: auto;
    overflow: hidden;
    clear: both;
}
.zgs_cl_left {
    width: 955px;
    float: left;
}
.zgs_select_type {
    border: 1px solid #eaeaea;
    float: left;
    width: 953px;
    margin-top: 30px;
}

.zgs_meitu_nav{padding:15px 0 14px 21px; height:20px; font-weight:normal}
.zgs_meitu_nav ul li, .xdbc_nav ul li{float:left; margin-right:12px; display:inline; height:20px;}

.zgs_meitu_nav ul li.has_arrow, .xdbc_nav ul li.has_arrow{ line-height:20px}
span.nav_arrow_right, span.nav_close, .zgs_select_type dl span.xgt_nav_showMore, .zgs_select_type dl span.xgt_nav_showMore_two, .zgs_select_type dl a.showMore_down, .xgt_meitu_pinterest .xmp_container .item span a.meitu_collection em {
    background: url(../images/global.png?201409200312) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    _background: url(../images/global.gif?201409200312) no-repeat;
    _overflow: hidden;
}
.zgs_meitu_nav ul li.has_arrow a, .xdbc_nav ul li.has_arrow a{ color:#666; float: left }
.zgs_meitu_nav ul li.nav_type_select a{border:1px solid #00af63; background:#fff; float:left; margin-right:12px; display:inline; color:#00af63; height:18px;text-decoration:none; cursor:pointer}
.zgs_meitu_nav ul li.nav_type_select a:hover{background:#00af63; color:#fff}
.zgs_meitu_nav ul li.nav_type_select a em{ float: left; height:18px; line-height:18px; padding:0 7px; font-weight:normal; }
.zgs_meitu_nav em.zgs_meitu_nav_total{float:left; height:20px; line-height:20px; color:#999}
span.nav_arrow_right{margin:6px 0 0 14px; font-size:14px; background-position:-36px 0; width:5px; height:9px;float:left;}
.zgs_meitu_nav em.xgt_meitu_nav_total {
    float: left;
    height: 20px;
    line-height: 20px;
    color: #999;
}
.zgs_select_type dl {
    border-top: 1px dotted #eaeaea;
    width: 100%;
    top: -1px;
    position: relative;
    float: left;
    overflow: hidden;
}
.zgs_select_type dl dt {
    width: 77px;
    border-right: 1px solid #eaeaea;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    line-height: 40px;
    z-index: 1;
    color: #999;
    background-color: #f8f8f8;
}
.zgs_select_type dl dd {
    float: left;
    width: 820px;
    margin-left: 110px;
    display: inline;
}
.zgs_select_type dl.height_40, .zgs_select_type .height_40 {
    height: 40px;
    position: relative;
    overflow: hidden;
}
.zgs_select_type dl dd a {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 30px;
    text-align: left;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*.ielt7 .zgs_meitu_nav ul li.has_arrow a{height:18px; line-height:18px; float:left;}
.ielt7 .zgs_meitu_nav ul li.has_arrow span.nav_arrow_right{margin-top:5px}*/
.zgs_meitu_nav ul li.nav_type_select a span.nav_close{background-position:-49px 0; width:7px; height:7px; display:inline-block; margin:7px 5px 0 5px ; float: left; display: inline}
.ielt7 .zgs_meitu_nav ul li.nav_type_select a span.nav_close{margin-top:5px;}
.zgs_meitu_nav ul li.nav_type_select a:hover span.nav_close{background-position:-42px 0}
.zgs_select_type{border:1px solid #eaeaea; float:left;  width:953px; margin-top:30px;}

.zgs_cl_left{/* width:955px; */width:100%;float:left;overflow: hidden;}
.zgs_cl_left .zgs_rank{width:100%; height:38px; border:1px solid #eaeaea; background:#f8f8f8;  float:left; display:inline;margin-top:20px;}
.zgs_cl_left .zgs_rank ul li{float:left; height:38px; border-right:1px solid #e6e6e6}
.zgs_cl_left .zgs_rank ul li a{ padding:0 18px; height:38px; color:#333; cursor:pointer; float:left}
.narrow_980 .zgs_cl_left .zgs_rank ul li a{padding:0 8px;}
.zgs_cl_left .zgs_rank ul li a:hover{color:#f25618;}
.zgs_cl_left .zgs_rank ul li.has_arrow{font-size:0}
.zgs_cl_left .zgs_rank ul li.has_arrow a em {  height:14px; line-height:14px; margin:11px 0 0 0px; display:inline-block; font-size:12px}
.zgs_cl_left .zgs_rank ul li.has_arrow a span{display:inline-block; background-position:-48px 0; width:7px; height:9px; margin:15px 0 0 5px; }
.zgs_cl_left .zgs_rank ul li.has_arrow a:hover span{background-position: -34px 0}
.zgs_cl_left .zgs_rank ul li.has_arrow a span.up{background-position:-55px 0}
.zgs_cl_left .zgs_rank ul li.on a {color:#00af63}
.zgs_cl_left .zgs_rank ul li.on a span,.zgs_cl_left .zgs_rank ul li.on a:hover span{background-position:-82px -19px;}
.zgs_cl_left .zgs_rank ul li.on a span.up,.zgs_cl_left .zgs_rank ul li.on a:hover span.up{background-position:-90px -19px;}
.zgs_cl_left .zgs_rank ul li.zr_hot{line-height:38px; text-align:center}
.zgs_cl_left .zgs_rank .zgsr_sx{float:right; height:38px}
.zgs_cl_left .zgs_rank .zgsr_sx label{ height:14px; margin:11px 24px 0 0 ; float:left; display:inline; line-height:16px }
.narrow_980 .zgs_cl_left .zgs_rank .zgsr_sx label{margin:16px 17px 0 0 ;}
.zgs_cl_left .zgs_rank .zgsr_sx label input{margin:2px 5px 0 0;  float:left; width:13px; height:13px; display:inline }
.zgs_cl_left .zgs_rank .zgsr_fy{float:right; width:117px; height:38px; position:relative; border-left:1px solid #e8e8e8; text-align:center; line-height:38px}
.zgs_cl_left .zgs_rank .zgsr_fy a{position:absolute; top:14px; width:6px; height:9px}
.zgs_cl_left .zgs_rank .zgsr_fy a.zgsr_fy_left{left:20px; background-position:-64px 0}
.zgs_cl_left .zgs_rank .zgsr_fy a.zgsr_fy_right{right:20px; background-position:-70px 0}
.zgs_cl_left .zgs_rank .zgsr_fy  span em{color:#666 ;  font-weight:bold}

.zgs_cl_right{float:right; width:245px}
.zgs_cl_right .zxbj-calc-wrap {margin-top: 30px;}
.zgs_cl_right .zgs_clr_fc:after{clear:both; display:table; content:""}
.zgs_cl_right .zgs_clr_fc, .zgs_cl_right .zgs_clr_zsm,.zgs_clr_rank{ padding:10px 12px 4px 12px; border:1px solid #e8e8e8; width:220px; margin-top:20px; }
.zgs_cl_right .zgs_clr_zsm {margin-top: 30px;}
.zgs_cl_right .zgs_clr_fc input{display: block;margin:3px auto 15px; width:214px; height:40px; text-align:center; border:0; background:#f26f20; color:#fff; font-size:14px;cursor: pointer; }
.zgs_cl_right  span.zcf_title, .zgs_cl_right .zgs_clr_newOrder h2{float:left; width:100%; height:29px; line-height:28px; font-size:16px; color:#333; position:relative; z-index:3; background:#fff;font-weight: bold;}
.zgs_cl_right  span.zcf_title a{color:#333;}
.zgs_cl_right  span.zcf_title_ext{color: #999;}
.zgs_cl_right .zgs_clr_fc ul{ position:relative; top:-1px;width: 214px;margin-left: 15px; z-index:2;}
.ielt7 .zgs_cl_right .zgs_clr_fc ul{zoom:1; display:inline;}
.zgs_cl_right .zgs_clr_fc ul li{float:left; width: 214px; height:88px; border-top:1px  dotted #d9d9d9; position:relative}
.zgs_cl_right .zgs_clr_fc ul li span{position:absolute; }
.zgs_cl_right .zgs_clr_fc ul li span.zcf_kxy{ width: 23px; height: 28px; top:28px; left:5px; background-position: 0 -34px;}
.zgs_cl_right .zgs_clr_fc ul li span.zcf_bfa{ width: 32px; height: 23px; top:32px; left:1px; background-position: -41px -34px;}
.zgs_cl_right .zgs_clr_fc ul li span.zcf_bbj{ width: 28px; height: 32px; top:29px; left:2px; background-position: 0 -70px;}
.zgs_cl_right .zgs_clr_fc ul li span.zcf_bbz{ width: 29px; height: 31px; top:29px; left:3px; background-position: -41px -70px;}
.zgs_cl_right .zgs_clr_fc ul li b{ position:absolute; width:150px; height:18px; line-height:18px; font-size:12px; color:#999; left:46px; top:21px; font-weight:normal;}
.zgs_cl_right .zgs_clr_fc ul li em{ position:absolute; width:165px; height:16px; line-height:16px; color:#666; left:46px; top:43px; font-weight:normal; }
.zgs_cl_right .zgs_clr_fc {width: 240px;padding: 10px 0 4px;/*! box-sizing: border-box,; */}
.zgs_cl_right .zgs_clr_fc .zcf_title{width: 224px;height: auto;margin-left: 15px;font-size: 14px;line-height: 18px;}
.zgs_cl_right .zgs_clr_zsm ul li{ float:left; width:214px; margin:14px 0 0 3px; display:inline; position: relative;}
.zgs_cl_right .zgs_clr_zsm ul li input{ border:1px solid #ccc; width:201px; height:14px; padding:9px 0 9px 10px; display:inline-block; line-height:14px}
.zgs_cl_right .zgs_clr_zsm ul li label { position:absolute; top:0; left:11px; height:32px; color:#999 ; line-height:32px ; }
.zgs_cl_right .zgs_clr_zsm ul li div.index_check{color: #ff6666; height: 14px; display: inline-block; line-height: 14px ; position: relative; top:6px;}
.zgs_cl_right .zgs_clr_zsm ul li div.index_check em{background-position: -51px -165px; float:left; margin-right:3px; width: 13px; height: 13px ; position: relative; top: 1px}
.zgs_cl_right .zgs_clr_zsm ul li select{padding:9px 0 7px 12px; width:101px; float:left;border: 1px solid #ccc; }
.zgs_cl_right .zgs_clr_zsm ul li select.province{ margin-right:11px}
.zgs_cl_right .zgs_clr_zsm input.zcz_btn {margin:16px 0 0 3px; width:214px; height:40px; text-align:center; border:0; background:#f26f20; color:#fff; font-size:14px; margin-bottom:15px; cursor: pointer;}
.zgs_cl_right .zgs_clr_zsm input.zcz_btn:hover{background-color: #e7691e}
.zgs_cl_right div.zgs_clr_ad{margin-top:14px ; float:left; font-size:0;display:inline}
.zgs_cl_right .zgs_clr_lm { border:1px solid #e8e8e8; width:243px; margin-top:20px;  float:left}
.zgs_cl_right .zgs_clr_lm ul li{ width:243px; height:134px; border-bottom:1px solid #e8e8e8}
.zgs_cl_right .zgs_clr_lm ul li.border_none{border-bottom:0}
.zgs_cl_right .zgs_clr_lm ul li  dl {margin:17px 0 0 14px;  float:left; display:inline }
.zgs_cl_right .zgs_clr_lm ul li  dl dt{float:left; width:100%; height:20px; line-height:20px;font-size:16px}
.zgs_cl_right .zgs_clr_lm ul li dl dt a{color:#333;font-weight: bold;}
.zgs_cl_right .zgs_clr_lm ul li dl dt a:hover,.zgs_cl_right  span.zcf_title a:hover{color:#f25618}
.zgs_cl_right .zgs_clr_lm ul li  dl dt h2{font-weight:normal}
.zgs_cl_right .zgs_clr_lm ul li  dl dd{margin-top:6px;  float:left; width:100%;; display:inline}
.zgs_cl_right .zgs_clr_lm ul li  dl dd a{margin-top:7px; display:inline-block; height:14px; line-height:14px; color:#666; width: 200px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.zgs_cl_right .zgs_clr_lm ul li  dl dd a:hover{color:#f25618}
.zgs_cl_right .zgs_clr_newOrder{padding:15px 14px 20px 14px; border:1px solid #e8e8e8 ; margin-top:20px; float:left; display:inline; width:215px}
.zgs_cl_right .zgs_clr_newOrder  h2{}
.zgs_cl_right .zgs_clr_newOrder dl{float:left;}
.zgs_cl_right .zgs_clr_newOrder dl dt{float:left; width:100%; height:14px; display:inline; margin:13px 0 0 0}
.zgs_cl_right .zgs_clr_newOrder dl dt span{ color:#999; float:left; height:14px; line-height:14px;}
.zgs_cl_right .zgs_clr_newOrder dl  .zcno_one{width:55px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.zgs_cl_right .zgs_clr_newOrder dl  .zcno_two{width:70px;text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.zgs_cl_right .zgs_clr_newOrder dl  .zcno_three{float:left; width:70px;text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.zgs_cl_right .zgs_clr_newOrder dl dd{float:left; height:14px; color:#333; line-height:14px; margin-top:17px; display:inline; font-size:12px;width: 200px;}
.zgs_cl_right .zgs_clr_newOrder dl dd span{ float:left; height: 14px;}
.zgs_cl_right .zgs_clr_newOrder dl dd a{color:#01af63;}
.zgs_cl_right .zgs_clr_newOrder div.dlwrap{height:95px;overflow:hidden;float:left; width: 200px}

.zgs_cl_right .zgs_clr_rank{float: left;width: 244px;padding: 10px 0 4px;}
.zgs_cl_right .zgs_clr_rank .zcf_title,.zgs_cl_right .zgs_clr_rank .zgs_clr_rank_list{padding: 0 12px;}
.zgs_cl_right .zgs_clr_rank .zcf_title{display: block;float: none;width: 220px;margin-bottom: 10px;}
.zgs_cl_right .zgs_clr_rank .zgs_clr_rank_t{display: block;width: 244px;height: 25px;line-height: 24px;color: #333;text-indent: 14px;background-color: #f8f8f8;}
.zgs_cl_right .zgs_clr_rank_list{width: 220px;margin-bottom: 15px;padding-top: 5px;overflow: hidden;}
.zgs_cl_right .zgs_clr_rank_list li,.zgs_cl_right .zgs_clr_rank_list li i,.zgs_cl_right .zgs_clr_rank_list li span{float: left;display: inline;}
.zgs_cl_right .zgs_clr_rank_list li{width: 220px;height: 21px;margin-top: 10px;line-height: 21px;}
.zgs_cl_right .zgs_clr_rank_list li a{color: #666;}
.zgs_cl_right .zgs_clr_rank_list li a:hover{color: #f25618;}
.zgs_cl_right .zgs_clr_rank_list li span{width: 180px;text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}


.company-rank-warp{
    width: 245px;
    height: 546px;
    margin-top:30px;
}
.company-rank-title{
    position: relative;
    background: url(http://img.to8to.com/to8to_img/zx_rank/rank_title_bg.png) no-repeat;
    width: 245px;
    height: 83px;
}
.company-rank-blink{
    position: absolute;
    top: 18px;
    left: 50%;
    width: 100px;
    height: 24px;
    margin-left: -50px;
}
.company-rank-line{
    position: absolute;
    top: 48px;
    left: 50%;      
    width: 52px;
    height: 1px;
    margin-left: -26px;
    background-color: #ef9068;
}
.company-rank-update{
    position: absolute;
    top: 56px;
    width: 100%;
    font-size: 12px;
    color: #fff;
    letter-spacing:2;
    text-align: center;
    margin: 0;
}
.company-rank-list{
    width: 243px;
    height: 462px;
    border: 1px #e7691e solid;
    border-top: none;
    background-color: #fff;
    overflow: hidden;
}
.company-rank-content{
    float: left;
    width: 210px;
    height: 459px;
    padding: 2px 15px 0 18px;
    overflow: hidden;
}
.company-rank-row{
    position: relative;
    float: left;
    width: 210px;
    margin-top: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eaeaea;
}
.company-rank-logo{
    float: left;
    width: 55px;
    height: 55px;
    border: 1px solid #e9e9e9;
}
.company-rank-detail{
    float: left;
    margin-left: 15px;      
}
.company-rank-name{ 
    width: 134px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.company-rank-level{
    overflow: hidden;
    width: 100%;
    height: 10px;
    margin: 6px 0;
}   
.company-rank-popularity{
    font-size: 12px;
    color: #333;
    overflow: hidden;
}
.company-rank-popularity span{
    float: left;        
    color: #666;
    line-height: 19px;
}
.company-rank-advisory,.company-rank-review{
    font-size: 12px;
    margin-left: 3px;
    width: 36px;
    overflow: hidden;
}
.company-rank-advisory{
    width: 42px;
    margin-right: 4px;
}
.company-rank-review{
    width: 35px;
}
.rank-place1,.rank-place2,.rank-place3{
    position: absolute;
    top: -2px;
    left: -8px;
    background: url(http://img.to8to.com/to8to_img/zx_rank/icon_rank.png) no-repeat 0 0;
    width: 19px;
    height: 21px;       
}
.rank-place4,.rank-place5{
    position: absolute;
    top: -2px;
    left: -8px;
    background: url(http://img.to8to.com/to8to_img/zx_rank/icon_rank.png) no-repeat -24px 0;
    width: 18px;
    height: 21px;
}
.rank-num{
    position: absolute;
    top: -1px;
    left: 5px;
    font-size: 14px;
    font-style: normal;
    text-align: center;
}
.rank-place1 .rank-num,.rank-place2 .rank-num,.rank-place3 .rank-num{       
    color: #fff;
}
.rank-place4 .rank-num,.rank-place5 .rank-num{
    color: #e7691e;
}
.company-rank-level span{
    float: left;
}
.star-solid{
    background: url(http://img.to8to.com/to8to_img/zx_rank/icon_rank.png?v=201707201018) no-repeat 0 -27px;
    width: 12px;
    height: 11px;
}
.star-half{
    background: url(http://img.to8to.com/to8to_img/zx_rank/icon_rank.png?v=201707201018) no-repeat -16px -27px;
    width: 12px;
    height: 11px;
}
.star-hollow{
    background: url(http://img.to8to.com/to8to_img/zx_rank/icon_rank.png?v=201707201018) no-repeat -32px -27px;
    width: 12px;
    height: 11px;
}
.company-rank-status{
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
}
.company-rank-status span{
    position: absolute;
    right: 0;
    top: 0;
    color:#ff6c00;
}
.rank-arrow{
    position: absolute;
    right: 0;
    top: 0;
    background: url(http://img.to8to.com/to8to_img/zx_rank/icon_rank.png?v=201707201018) no-repeat -48px 0;
    width: 10px;
    height: 13px;
}
.rank-new{
    position: absolute;
    right: 0;
    top: 0;
    background: url(http://img.to8to.com/to8to_img/zx_rank/icon_rank.png?v=201707201018) no-repeat -44px -16px;
    width: 20px;
    height: 7px;    
}

.zgs_company_list{width:99.9%; display:inline; border:1px solid #e8e8e8;border-bottom:0px; float:left;margin-top: 10px;}
.no_rank{margin-top:52px;}
.dengji_rank {  margin-top: 52px;}
.zgs_company_list ul li{ border-bottom:1px solid #f4f4f4; float:left; width:100%; position:relative;padding-bottom:30px;}
.zgs_company_list ul li:hover{background-color: #e8e8e8}
.zgs_company_list ul li div.zgscl_container{ width:100%;  float:left; height:140px; padding:30px 0px 0 20px}
.zgs_company_list ul li div.zgscl_container div.zgsclc_koubei{float: right; width: 223px; height: 135px; border-left:1px dotted #e6e6e6}
.zgs_company_list ul li div.zgscl_container div.big_city{padding-left: 20px;width:203px;}
.zgs_company_list ul li div.zgscl_container a.zgscl_logo {
    float: left;
    width: 138px;
    height: 138px;
    position: relative;
    border: 1px solid #eaeaea;
    text-align: center;
}
.zgs_company_list ul li div.zgscl_container a.zgscl_logo img {
    max-width: 138px;
    max-height: 138px;
}
.zgsclc_data {
    float: left;
    width: 540px;
    margin-left: 20px;
    display: inline;
}
.zgsclc_data span {
    float: left;
    width: 540px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.zgsclc_data span.zd_one {
    height: 18px;
}
.zgsclc_data span.zd_one h3 {
    font-weight: normal;
    float: left;
    width: auto;
    height: 18px;
    line-height: 18px;
    margin-right: 9px;
    display: inline;
}
.zgsclc_data span {
    float: left;
    width: 540px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.zgsclc_data span.zd_two {
    height: 16px;
    margin-top: 15px;
}
.zgsclc_data span.zd_two i {
    float: left;
    margin-right: 5px;
    display: inline;
    width: 16px;
}
.zgsclc_data span.zd_two i.zdq_3 {
    background-position: -172px -1px;
    height: 16px;
}
.zgsclc_data span.zd_one i, .zgsclc_data span.zd_two i, .zgs_ico_protect, .xgt_meitu_searchNone b, .zgs_design_cont .cont_item_hd, .zgs_design_step .step_ico, .details_yzdp dl dd i, .design_nav_yezhu .cmt_judge em, .blc_kb i, .blc_dtpf dd i, .blcc_intro em, span.bdcc_pj em, .bdcc_pjdetails i, .zgs_ico_crown, .zgs_ico_staryel_b, .zgs_ico_money, .zgs_ico_rd, .zgs_ico_golden1, .zgs_ico_golden2, .zgs_ico_golden3, .zgs_ico_golden4, .zgs_ico_golden5, .zgs_ico_golden6, .zgsclc_little_ico, .icoStarRed, .icoStarRed em {
    background: url(../images/zgs_global.png?20160423) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    _background: url(../images/zgs_global.gif?20160423) no-repeat;
    overflow: hidden;
}
.zgsclc_data span.zd_two i.zdq_4{background-position:-192px -1px; height:16px}
.zgsclc_data span.zd_two i.zdq_5{background-position:-131px -18px; height:16px}
.zgsclc_data span.zd_two i.zdq_6{background-position:-151px -18px; height:16px}
.zgsclc_data span.zd_two i.zdq_7{background-position:-172px -18px; height:16px}
.zgsclc_data span.zd_two i.zdq_8{background-position:-192px -18px; height:16px}
.zgsclc_data span.zd_two i.zdq_1_no{background-position:-51px -123px; height:16px}
.zgsclc_data span.zd_two i.zdq_2_no{background-position:-85px -123px; height:16px}
.zgsclc_data span.zd_two i.zdq_3_no{background-position:-34px -123px;  height:16px}
.zgsclc_data span.zd_two i.zdq_4_no{background-position:-17px -123px; height:16px}
.zgsclc_data span.zd_two i.zdq_5_no{background-position:-68px -123px; height:16px}
.zgsclc_data span.zd_two i.zdq_6_no{background-position:-102px -123px; height:16px}
.zgsclc_data span.zd_two i.zdq_7_no{background-position:-119px -123px; height:16px}
.zgsclc_data span.zd_two i.zdq_8_no{background-position:-136px -123px; height:16px}
.zgsclc_data span.zd_three { height:14px; margin-top:15px; line-height:14px; width:350px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color: #999}
.zgsclc_data span.zd_two em {
    float: left;
    width: auto;
    height: 16px;
    line-height: 16px;
    color: #666;
    margin-right: 5px;
    display: inline;
}
.zgs_innerpage_left dl dt em, .zgs_innerpage_right ul li div.zgs_dc_operate a em, .zgs_cl_left .zgs_rank ul li.has_arrow a span, .zgs_cl_left .zgs_rank .zgsr_fy a, .zgsclc_data span.zd_three em, .zgsclc_score .zgsclc_score_window p, .zgs_company_list ul li.has_ss .special_service span em, .zgscl_container a.zgscl_logo em, .zgs_cl_right .zgs_clr_fc ul li span, .blc_hotline em {
    background: url(../images/zgs_index.png?20150204) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    _background: url(../images/zgs_index.png?20150204) no-repeat;
    overflow: hidden;
}
.zgsclc_data span.zd_three {
    height: 14px;
    margin-top: 15px;
    line-height: 14px;
    width: 350px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #999;
}
.zgsclc_data span.zd_three em {
    float: left;
    background-position: -43px -10px;
    width: 10px;
    height: 14px;
    margin-right: 5px;
    display: inline;
}
.zgscl_container .zgsclc_consult {
    float: left;
    width: 100%;
    margin-top: 22px;
    display: inline;
}
.zgscl_container .zgsclc_consult a {
    width: 145px;
    height: 40px;
    color: #333;
    text-align: center;
    line-height: 40px;
    float: left;
    margin-right: 10px;
    display: inline;
    background-color: #e7691e;
    color: #fff;
}
.zgscl_container .zgsclc_consult a.free_price {
    background-color: #fff;
    border: 1px solid #e7691e;
    width: 143px;
    height: 38px;
    color: #f26f20;
    line-height: 38px;
}
.zgsclc_level {
    overflow: hidden;
    *zoom: 1;
}
.zgs_company_list ul li div.zgscl_container div.big_city span {
    width: auto;
    text-align: left;
    font-size: 12px;
    color: #666;
    margin-top: 8px;
}
.zgs_company_list ul li div.zgscl_container div.zgsclc_koubei span.text_gsdj {
    color: #666;
    margin-top: 20px;
    float: left;
    font-size: 12px;
}
.big_city .zgsclc_little_level {
    text-align: center;
    margin: 15px auto 0px 15px;
    width: 56px;
    overflow: hidden;
    float: left;
}
.zgs_company_list ul li div.zgscl_container div.zgsclc_koubei a {
    float: left;
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #f26f20;
    font-family: Arial;
    text-align: center;
    font-size: 38px;
    margin-top: 8px;
}
.zgs_company_list ul li div.zgscl_container div.zgsclc_koubei a.zgscl_a_gloden {
    float: left;
    width: auto;
    height: auto;
    line-height: normal;
    color: #fff;
    font-family: initial;
    text-align: initial;
    font-size: small;
    margin-top: 0;
}
.zgs_ico_golden1, .zgs_ico_golden2, .zgs_ico_golden3, .zgs_ico_golden4, .zgs_ico_golden5, .zgs_ico_golden6 {
    display: inline-block;
    width: 20px;
    height: 25px;
    vertical-align: middle;
}
.zgs_ico_golden5 {
    background-position: -95px -219px;
}
.zgs_company_list ul li div.zgscl_container div.big_city span {
    width: auto;
    text-align: left;
    font-size: 12px;
    color: #666;
    margin-top: 8px;
}
.koubei_text {
    float: left;
    margin-right: 15px;
    height: 26px !important;
    line-height: 26px !important;
}
.zgs_company_list ul li div.zgscl_container div.zgsclc_koubei a.zgscl_a_gloden {
    float: left;
    width: auto;
    height: auto;
    line-height: normal;
    color: #f26f20;
    font-family: initial;
    text-align: initial;
    font-size: small;
    margin-top: 8px;
}
.zgs_company_list ul li div.zgscl_container div.big_city span {
    width: 48px;
    text-align: left;
    font-size: 12px;
    color: #f26f20;
    margin-top: 8px;
    float: left;
}
.zgs_company_list ul li .special_service {
    float: left;
}
.zgs_company_list ul li .special_service p {
    float: left;
    height: 37px;
    margin-left: 30px;
    line-height: 37px;
    color: #999;
    width: 129px;
    display: inline;
}
.zgs_company_list ul li .special_service p em {
    color: #f26f20;
}

.pages{padding:20px 0;}
.pages a,.pages strong{padding:5px 10px;margin:0 2px;}
.pages a{color:#000;}
.pages strong{background-color:#FF9000;border:1px solid #FF9000;}
.pages em{display:none;}

/*compmain*/
.product {
    width: 1220px;
    margin: 0 auto 10px;
        margin-top: 0px;
        margin-right: auto;
        /*! margin-bottom: 40px; */
        margin-left: auto;
    position: relative;
}
.content_com_title {
    /*! border-bottom: 1px solid #ddd; */
    position: relative;
    height: 52px;
    margin: 0 20px 0px 20px;
}
.bread {
    float: left;
    line-height: 12px;
    font-size: 14px;
    color: #999;
    padding: 30px 0 0 26px;
    background: url(../images/d6.gif) left 25px no-repeat;
}

.company_header {
    padding: 28px 0 0 0;
    overflow: hidden;
    background: #fff;
    /*! min-width: 1220px; */
    background: url(../images/bg.jpg) 100% 100%;
    /*! border-bottom: 2px solid #ccc; */
}
.wrapper {
    width: 1200px;
    margin: 0 auto !important;
    /*! min-width: 1220px; */
}
.company_header .header-logo {
    display: block;
    float: left;
    padding: 20px 0 16px 26px;
}
.header_text {
    width: 90px;
    float: left;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px #eee solid;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    color: #333;
    font-family: '微软雅黑';
    margin-top: 53px;
}
.company_header .header-logo .logo {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    padding: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    -moz-box-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    position: relative;
}
.company_header .header-logo .logo img {
    display: block;
    width: 80px;
    height: 80px;
}
.company_header .header-logo .company_explain {
    float: left;
    padding: 0 0 0 28px;
}
.company_header .header-logo .company_explain h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 6px;
}
.company_header .header-logo .company_explain .addr {
    color: #999;
}
.company_header .header-logo .company_explain .tel {
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
    padding-top: 8px;
}
.company_header .header-logo .company_explain .tel a {
    background: url(../images/icon_shop.png) no-repeat 0 0;
        background-position-x: 0px;
        background-position-y: 0px;
    display: block;
    width: 126px;
    padding-left: 24px;
    background-position: 0 -34px;
    display: inline-block;
    color: #333;
    color: #666;
}
.company_header .share {
    float: right;
    padding: 60px 30px 0 0;
}
.bdsharebuttonbox {
    line-height: 24px !important;
    height: 24px !important;
    vertical-align: top !important;
}
.company_header .share .article-share {
    clear: both;
}
.c-nav-box {
    background: #fff;
    height: 40px;
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    min-width: 980px;
}
.c-nav-box .c-nav {
    height: 40px;
    margin: 0 auto;
    width: 980px;
    position: relative;
    /*! padding-left: 233px; */
}
.c-nav-box .c-nav li {
    height: 40px;
    float: left;
    position: relative;
}
.c-nav-box .c-nav li:hover{ background:#ff5659;}
.c-nav-box .c-nav li a {
    line-height: 40px;
    width: 140px;
    font-family: "Microsoft Yahei";
    font-size: 14px;
    display: block;
    text-align: center;
}
.c-nav-box .c-nav li.active a, .c-nav-box .c-nav li:hover a {
    color: #fff;
}
.c-nav-box .c-nav li.active {
    background: #ff5659;
}
.c-neck {
    border: 1px solid #e5e5e5;
    min-height: 310px;
    margin: 30px auto 0 auto;
    padding: 20px;
    width: 980px;
    box-sizing: border-box;
    overflow: hidden;
}
.c-vedio {
    width: 335px;
    float: left;
    /*! height: 270px; */
    background: #eee;
}
.c-neck-info {
    width: 350px;
    height: 270px;
    float: left;
    border-right: 1px dashed #ccc;
    padding: 0 20px;
    margin-left: 20px;
}
.c-neck-info .tab-nav {
    height: 30px;
    font-weight: bold;
    font-size: 14px;
}
.tab-con-item p{
    line-height: 20px;
}
.c-neck-info .tab-nav a {
    padding: 0 10px;
    line-height: 28px;
    display: block;
    float: left;
}
.c-neck-info .tab-nav a.current {
    border-bottom: 2px solid #ff5659;
    color: #ff5659;
}
.c-neck-info .c-content {
    font-family: "Microsoft Yahei";
    text-indent: 24px;
    line-height: 25px;
    margin-top: 10px;
    overflow: hidden;
    max-height: 200px;
}
.c-tab {
    float: right;
    width: 170px;
}
.c-tab .tab-nav {
    line-height: 25px;
    height: 25px;
    margin-left: 5px;
}
.c-tab .tab-nav .current {
    display: block;
    float: left;
    padding: 0 10px;
    background: #ff5659;
    color: #fff;
    font-weight: 700;
}
.c-tab-send {
    overflow: hidden;
    text-align: left;
    color: #877e7e;
}
.c-tab-send li {
    overflow: hidden;
    line-height: 20px;
    margin-top: 15px;
    padding-left: 25px;
    position: relative;
}
.c-tab-send li i {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    left: 0;
}
.c-tab-send .tel i {
    background: url(../images/c-sp.png) -50px -40px no-repeat;
}
.c-tab-send .mob i {
    background: url(../images/c-sp.png) -23px -39px no-repeat;
}
.c-tab-send .att i {
    background: url(../images/c-sp.png) 2px -39px no-repeat;
}
.c-tab-qq {
    margin-top: 20px;
    margin-left: 25px;
}
.c-tab-qq a {
    /*! background: url(../images/c-sp.png) 0 0; */
    width: 120px;
    height: 35px;
    display: block;
    box-sizing: border-box;
    line-height: 35px;
    margin-bottom: 10px;
    /*! padding-left: 35px; */
    text-align: center;
    font-family: "Microsoft Yahei";
    color: #fff;
    float: left;
    /*! border: 1px solid #f00; */
    background: #ff5659;
    border-radius: 5px;
}
.c-wrap {
    width: 980px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.c-hd {
    margin-top: 40px;
    line-height: 40px;
}

.c-hd span {
    font-family: "Microsoft Yahei";
    font-size: 20px;
}
.zxal .tab-con {
    overflow: hidden;
}
ul, ol {
    list-style: none;
}
.c-anli {
    width: 1002px;
}
.c-anli li {
    position: relative;
    width: 316px;
    height: 316px;
    margin-right: 18px;
    margin-top: 18px;
    overflow: hidden;
    float: left;
}
.c-anli li > a img {
    width: 100%;
    height: 100%;
}
.c-anli li .c-anli-list{ position:absolute; bottom:-60px; background:rgba(0,0,0,.5); color:#fff; left:0; right:0; padding:0 20px; padding-bottom:10px;transition:all 0.2s;
-moz-transition:all 0.2s; /* Firefox 4 */
-webkit-transition:all 0.2s; /* Safari and Chrome */
}
.c-anli li .c-anli-list span{ float:left; width: 50px; height:50px; border-radius:50px; overflow:hidden; margin-right:20px;border: 1px solid #fff;background-color: #fff;}
.c-anli li .c-anli-list p{ margin-top:22px}
.c-anli li:hover .c-anli-list{ bottom:0;transition:all 0.2s;
-moz-transition:all 0.2s; /* Firefox 4 */
-webkit-transition:all 0.2s; /* Safari and Chrome */
}
.c-anli li .c-anli-list h3 a{font-family: "Microsoft Yahei"; font-size:14px; line-height:45px; height:45px; font-weight:100; color:#fff}

/*sjz.html*/
.case_search {
    width: 1188px;
    border: 1px solid #ddd;
    margin: 20px auto 20px auto;
}

.case_search ul {
    display: block;
    height: 55px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.case_search ul li {
    line-height: 55px;
    display: block;
    height: 55px;
    float: left;
    min-width: 90px;
    width: 99px\9;
    font-size: 14px;
    color: #999;
    text-align: center;
}

.case_search ul li:first-child,
.case_search ol li:first-child {
    width: 109px;
    background: #eeeeee;
}

.case_search ul li a {
    height: 26px;
    margin-top: 6px;
    line-height: 26px;
    padding: 5px 12px;
}

.case_search ul li a:hover,
.case_search ul li a.on {
    background: #e3161e;
    color: white;
}
#M_stars {
    width: 100%;
    overflow: hidden;
}
 .m-stars {
    /*! height: 360px; */
    background: #fff;
    position: relative;
    margin: 0 auto;
    width: 1190px;
    box-sizing: border-box,;
}
.m-stars .hd {
    border-bottom: 1px solid #ddd; margin-bottom: 20px
}
 .m-stars .hd .title {
    font-size: 22px;
    line-height: 22px;
}
.m-stars .hd .question {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 14px;
}
 .m-stars .bd {
    margin: 0px 0px 30px;
    overflow: hidden;
    width: 910px;
    font-size: 0;
    float: left;
}
.m-stars .bdr{
    width:270px; height: 334px; border:3px solid #0c66b2; float: left;
}
 .m-stars .list {
    white-space: nowrap;
    position: relative;
    transition: transform .3s linear;
}
 .m-stars .star {
    display: inline-block;
    position: relative;
    margin: 0px 10px 10px 0px;
    width: 160px;
    text-align: center;
    float: left;
    height: 160px;
    padding-top: 5px;
}

 .m-stars .star {
    text-align: center;
   border: 2px solid #fff;
}
.m-stars .star:hover{
    border:2px solid #0c66b2;
}
 .m-stars .star .avatar {
    width: 110px;
    height: 110px;
    border-radius: 15px;
    overflow: hidden;
    background-size: cover;
    display: inline-block;
}
.ell {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.fs16 {
    font-size: 16px;
}
.g3 {
    color: #333;
}
.p-designer-search .m-stars .star .experience {
    font-size: 12px;
}



.sp_enter_list {
    width: 1190px;
    margin: 0 auto;
    margin-top: 20px;
}
.sp_enter_list a {
    display: block;
    float: left;
    width: 580px;
    height: 208px; position: relative;
}
.sp_enter_list a:first-child {
    margin-right: 30px;
}
.sp_enter_list a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sp_enter_list .zhe{
    position: absolute;
    left: 0;
    top:0;
    z-index: 22;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.51);
}
 .zhe .more {
    margin: 0 auto;
    width: 134px;
    font-family: arial;
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    /*! border: solid 1px #fff; */
    text-align: justify; margin-top:85px;
}

.container_full {
    width: 100%;
    overflow: hidden;
}
.case_result {
    overflow: hidden;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 42px;
}
.case_result {
    font-size: 14px;
    line-height: 38px;
}
.case_result span {
    float: right;
}
.case_result, .case_list, .construction_list, .room_list, .construction_on {
    width: 1190px;
    margin: 0 auto;
}
.case_result ul li {
    float: left;
    height: 38px;
    border-right: 1px solid #e6e6e6;
    width: 85px;
    text-align: center;
}
.case_result ul li a:hover{color:#f25618;}
.case_result ul li.has_arrow{font-size:0}
.case_result ul li.has_arrow a em {  height:14px; line-height:14px; margin:11px 0 0 0px; display:inline-block; font-size:12px}
.case_result ul li.has_arrow a span{display:inline-block; background-position:-48px 0; width:7px; height:9px; margin:15px 0 0 5px; }
.case_result ul li.has_arrow a:hover span{background-position: -34px 0}
.case_result ul li.has_arrow a span.up{background-position:-55px 0}
.case_result ul li.on a {color:#00af63}
.case_result ul li.on a span,.case_result ul li.on a:hover span{background-position:-82px -19px;}
.case_result ul li.on a span.up,.case_result ul li.on a:hover span.up{background-position:-90px -19px;}
.case_result ul li.zr_hot{line-height:38px; text-align:center}
.team_list {
    width: 1190px;
    margin: 0 auto;
}
.team_list ul {
    margin: 16px 0;
    display: block;
    overflow: hidden;
}
.team_list ul li {
    width: 290px;
    margin-bottom: 10px;
    margin-right: 5px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.team_list ul li .pic {
    width: 275px;
    height: 375px;
    border: 8px solid white;
    text-align: center;
    overflow: hidden;
}
.team_list ul li .pic a {
    display: block;
}
.team_list ul li .pic img {
    max-width: 100%;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    width: 100%;
    height: 100%;
}
.team_case {
    position: absolute;
    width: 74px;
    height: 64px;
    border-radius: 37px;
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    background: white;
    left: 50%;
    margin-left: -37px;
    top: 334px;
    font-size: 14px;
    padding: 5px 0;
    z-index: 99;
}
.team_case em {
    display: block;
    font-size: 30px;
}
.team_list ul li .designer_info {
    background: white;
    padding: 0 8px 8px 8px;
    text-align: left;
    width: 274px;
}
.team_list ul li h3 {
    line-height: 24px;
    overflow: hidden;
    font-size: 18px;
}
.team_list ul li h3 em {
    color: #e60012;
    float: left;
    display: block;
}
.team_list ul li h3 span {
    float: right;
    font-size: 14px;
    color: #333;
}
.team_list ul li .designer_info p {
    display: block;
    width: 274px;
    font-size: 14px;
    color: #333;
    margin: 16px 0;
    height: 68px;
    overflow: hidden;
}
.team_list ul li .designer_info a {
    display: block;
    width: 270px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 20px;
}
.team_list ul li .designer_info p span {
    display: block;
    width: 48%;
    height: 24px;
    background: #ce8e20;
    color: white;
    text-align: center;
    line-height: 24px;
    margin: 2px 4px 2px 0px;
    float: left;
    border-radius: 5px;
}
.team_list ul li:hover .pic {
    border-color: #333;
}

.team_list ul li:hover .pic img {
    border-color: #333;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.team_case {
    position: absolute;
    width: 74px;
    height: 64px;
    border-radius: 37px;
    -webkit-border-radius: 37px;
    -moz-border-radius: 37px;
    background: white;
    left: 50%;
    margin-left: -37px;
    top: 334px;
    font-size: 14px;
    padding: 5px 0;
    z-index: 99;
}

.team_case em {
    display: block;
    font-size: 30px;
}

.team_list ul li:hover .designer_info {
    background: #333;
}

.team_list ul li:hover .team_case {
    background: #fecd07;
}

.team_list ul li:hover h3 em,
.team_list ul li:hover h3 span,
.team_list ul li:hover .designer_info p {
    color: white;
}

.team_list ul li:hover .designer_info p span {
    background: white;
    color: #000;
}

.team_list ul li:hover .designer_info a {
    color: white;
    background: #e3161e;
    border-color: #e3161e;
}


/*team style end*/

/*union.html*/

.containershop {
    width: 100%;
    height: auto;
    margin: 0 auto;
    min-width: 1180px;
}
.content {
    width: 1220px;
    margin: 0 auto;
}
.wrap_1180 .content, .wrap_1180 .cppyright_content {
    width: 1180px;
}

/*筛选框*/
.fiter{padding:15px 20px;width:1140px;background:#fff;}
.fiter .fiter_line{padding:10px 0px  5px;line-height:25px;overflow:hidden;zoom:1;}
.fiter .fiter_line .column{font-size:14px;color:#333333;font-weight:bold;float:left;}
.fiter .fiter_line .list{float:left;width:1000px;height: auto; color:#555;white-space: nowrap;}
.fiter .fiter_line .list a{float:left;padding:0px 5px;margin: 0 14px 5px; height:25px;text-align:left; line-height:25px;}
.fiter .fiter_line .list .onselect{border-radius:5px;background:#dd4f50;color: #fff;}
.fiter .fiter_line .list a span, .fiter .fiter-line .list a em{float:left;}

/*案例列表*/
.no-result{margin-bottom: 20px;width: 1180px;height: 120px;text-align: center;line-height: 120px;color: #646464;font-size: 16px;background: #fff;}
.case-banner{ width: 1180px;padding-bottom: 20px; float: left;}
.case-list-box{width:1210px;margin-top:10px;position: relative;}
.case-list{width:282px; height: 238px;  float:left;margin:0 17px 20px 0;background:#fff; display: block;border: 1px solid #fff;}
.case-list:hover{
    border: 1px solid #0c66b2;
}
.case-list-hot{
    position: relative;
}
.case-list .icon-hot{
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 20px;
    line-height: 20px;
    background: #F75E61;
    font-style: normal;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-bottom-right-radius: 5px;
    z-index: 10;
}
.case-list .case-info{padding:0 15px; margin: 15px 0 10px; /*! height: 60px; */width: 252px;display: block;overflow: hidden;}
.case-list .case-info .title{display: block; margin-bottom:15px;font-size:14px;color:#333;line-height: 18px;clear: both;}
.case-list .case-info .cut-line{padding:0 10px; /*! border-right:1px #999 solid; */  }
.cut-line em {
    float: left;background: url(../images/zgs_index.png?20150204) no-repeat;
    background-position: -43px -10px;
    width: 10px;
    height: 14px;
    margin-right: 5px;
    display: inline;
}
.case-list .case-info .space{ padding-left: 0;line-height: 18px;}
.case-list .case-info .price{  float:left;/*! padding-left: 10px; */}
.case-list .case-info .price strong{color:#f00; font-size: 18px; margin-right: 5px;}
.float_l {
    float: left;
}
.case-info span{height: 25px;line-height:  25px;display: block;}
.case-list .case-info .sh{ float:left; }
.case-list .case-info .dian{float: right;background-color: #f00;color: #fff;padding: 0 3px 0 3px;border-radius: 5px;}
.case-list-box .case-sjs{height:22px;padding:10px 15px;z-index: 20;border-top: 1px solid #e6e6e6;}
.case-list-box .case-sjs .head img{border-radius:10px;}
.case-list-box .case-sjs .nick{ width: 220px; height:22px;line-height:22px;margin-left:10px;color:#333333;}
.case-list-box .case-sjs .bick a{color:#333333;}
.case-list-box .case-sjs .nick a:hover{color:#333333;text-decoration:underline;}

/*denglu*/
.content {
    width: 1100px;
    margin: 0 auto;
        margin-bottom: 0px;/*! margin-bottom: 100px; */
}
.login_img {
    background: url(../../img/l1.png) no-repeat;
    width: 760px;
    height: 610px;
    float: left;
    /*! margin-top: 20px; */
    /*! margin-bottom: 120px; */
}
/*=======账号登录======*/
.login_box{float: right;border: 2px solid #eee9;width:330px;height: 338px; position: relative;margin-top: 80px;background: #fff;border-radius: 5px;}
.login_box .tab_name{padding: 20px 0 0; }
.login_box .tab_name {
    padding: 5px 0 0;
    height: 38px;
    border-bottom: 1px #eee solid;
    margin: 0 40px 0;
}
.login_box .tab_name ul {
    width: auto;
    height: 38px;
    display: block;
    margin: 0 auto;
}
.login_box .tab_name ul li {
    width: 125px;
    float: left;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    font-family: '微软雅黑';
    cursor: pointer;
    color: #333;
}
.login_box .tab_name ul li.on {
    color: #0c66b2;
    border-bottom: 2px #0c66b2 solid;
}
.login_box .tab_content_account{width: 250px; margin: 0 auto;}
.login_box .tab_content_account .box{ padding-bottom: 20px; position: relative;}
.login_box .tab_content_account .box_name{ margin-top: 20px;}
.login_box .tab_content_account .inputText{width: 230px;height:32px; line-height:32px; padding:0px 10px 0px;outline: none;border: 1px solid #ccc;}
.login_box .tab_content_account .inputText:focus {  border: 1px solid #68a666;}
.login_box .tab_content_account .submit_button{display:block;width: 250px;height:34px;float:left;color: #ffffff !important;text-align: center;font-size: 15px;line-height: 34px;cursor: pointer; border: 0px;background:#0c66b2;}
.login_box .tab_content_account .submit_button:hover{background:#0c66b2b3;}
/* 自动登录，忘记密码 */
.login_box .tab_content_account .box_auto_login{ height: 16px; padding-bottom: 10px;}
.login_box .tab_content_account .box_auto_login a{ float: right;}
.login_box .tab_content_account .box_auto_login a:hover{ color: #dd4f50;}
.login_box .tab_content_account .box_auto_login input{ float: left; width: 14px;height: 14px;}
.login_box .tab_content_account .box_auto_login label{float: left; margin-left: 5px; }
.login_box .tab_content_account .box_auto_login a {
    color: #0c66b2;
}

/* 第三方登录，微博/qq */
.login_dsf{margin-top: 10px;height: 26px; line-height: 26px;color: #999;float: left; width: 250px;}
.login_dsf p{ width:auto; float:left; margin:0;}
.login_dsf a{color:#666; width:auto; float:left; margin-right:10px; }
.login_dsf a em{line-height:26px; float:left; color: #666;}
.login_dsf .icon{ width: 24px; height: 24px; line-height: 24px; display: inline-block; float: left; margin-right: 5px;background:url(http://img.shejiben.com/global.png?20151102) no-repeat;}
.login_dsf .icon_qq{ background-position: -133px -170px;}
.login_dsf a:hover em{ color: #dd4f50;}
.login_dsf a:hover .icon_qq{ background-position: -203px -170px;}
.login_dsf .icon_weibo{ background-position: -168px -170px;}
.login_dsf a:hover .icon_weibo{ background-position: -238px -170px;}
.login_dsf .register{ float: right;}
.login_dsf .register:hover{ color: #dd4f50;}


/*========微信登录=======*/
.login_box .tab_name_weixin ul  li{ text-align: left;}
.tab_content_weixin{ width: 250px; height:auto; margin: 0 auto;}
.tab_content_weixin .weixin_login_code{ width: 180px; height: 180px; margin: 0 auto; margin-top: 20px;border: 1px #EFEFEF solid;}
.tab_content_weixin .weixin_login_code .icon_loading{width: 20px;height: 20px;margin: 0 auto; display: block; padding-top: 70px;}
.tab_content_weixin .weixin_login_code .icon_loading img{width:20px; height: 20px;}
.tab_content_weixin .weixin_login_code .icon_code{ position: relative; width: 180px;height: 180px; display: block;}
.tab_content_weixin .weixin_login_code .icon_code img{width:160px; height: 160px; padding: 10px;  margin:0 auto;}
.tab_content_weixin .weixin_login_code .icon_code .icon_logo{width: 30px; height: 30px;background:url(http://img.shejiben.com/front_new/logo/logo.jpg) no-repeat; background-size: 100% 100%; position: absolute;top: 75px;left: 75px; border-radius: 3px;}
.tab_content_weixin .weixin_login_bottom {position: relative;}
.tab_content_weixin .weixin_login_bottom .tishi{ text-align: center; width: 100%; display: block; font-size: 14px; font-family: '微软雅黑';color: #666; margin-top: 10px;}
.tab_content_weixin .weixin_login_bottom .help{ width: 50px; display:block; margin: 0 auto; margin-top: 8px;}
.tab_content_weixin .weixin_login_bottom .help a{ text-align: center; width: 100%; color: #999; font-family: '微软雅黑';}
.tab_content_weixin .weixin_login_bottom .help a:hover{ color: #dd4f50;}
.tab_content_weixin .weixin_login_bottom .help:hover .weixin_login_help{ display: block;}
.tab_content_weixin .weixin_login_bottom .help .weixin_login_help{ width: 232px; height: 206px;border:1px #EFEFEF solid; position: absolute; top: -192px; left: 8px; background: #fff; display:none;}
.tab_content_weixin .weixin_login_bottom .help .weixin_login_help img{ margin:10px 0 0 8px;}
.tab_content_weixin .weixin_login_msg{width: 170px; margin: 15px auto 0;}
.tab_content_weixin .weixin_login_msg .icon{width: 30px;height: 30px; margin-left: 10px; display: block; float: left; background:url(http://img.shejiben.com/global.png) no-repeat; }
.tab_content_weixin .weixin_login_msg .icon_error{ background-position: -189px -285px;}
.tab_content_weixin .weixin_login_msg .icon_success{ background-position: -156px -285px;}
.tab_content_weixin .weixin_login_msg .status{ line-height: 16px; margin-left: 10px; float: left; width: 120px;color: #333; font-size: 12px; font-family: '微软雅黑';}
.tab_content_weixin .weixin_login_msg .status p{ margin-top: 0; float: left; width: 120px; font-size: 14px; }
.tab_content_weixin .weixin_login_msg .status a{ color: #dd4f50;}
.wrapper_1180 {  width: 1220px;  margin: auto; overflow: hidden;margin-bottom: 10px;}
.wrapper_1181 {  width: 1220px;  margin: auto; overflow: hidden;min-height: 500px;border: 1px solid #eee;margin-bottom: 10px;}
.wrapper_1181 .mcont{
    width: 1200px; margin: 0 auto;
    padding-top: 10px;
}
.mall_sec1 {
    background: #fff;
    padding: 0px 0px 20px 20px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
 
.mall_sec1 .col_l {
    width: 400px;
    position: relative;
    z-index: 60;
}
.mall_big_view{ position: absolute;  left: 390px;  top: 0;  z-index: 999;  width: 380px;  height: 380px; overflow:hidden; display:none;}
.mall_big_view img{position: absolute; left:0; top:0;}
.mall_sec1 .mall_big_img img{border:1px solid #eee; }
.mall_sec1 .col_l{ width:400px; position:relative; z-index:60;float: left;}
.mall_sec1 .col_c{ float: left; width:516px;position:relative; z-index:1;  padding-right: 20px; }
.mall_sec1 .col_r{float: right; width:220px;position:relative; z-index:1; _width: 210px;  border-left: 1px solid #eee;}
.price_list { color:#999;  overflow: hidden; zoom:1;}
.price_list b{ color:#333;}
.price_list .time_out b{ color:#333;vertical-align: middle;}
.price_list em.big_em{ font-size:32px;   line-height: 32px;color:#e81a62; font-weight:bold;margin-right: 5px;text-decoration:none;}
.shopping_right .price_list em.big_em{font-size: 24px;}
.shopping_right .price_list del{font-size: 12px; padding-right: 12px;}
.ms_price em{ color:#fff; font-size:16px; opacity:0.6;filter:alpha(opacity=60); }
.ms_price em.big_em{   font-weight: bold;color:#fff; font-size: 40px; margin-right: 8px;opacity:1;filter:alpha(opacity=100);}
.price_list span span{ font-family: "Arial";}
.price_list span.font_f{font-family: "Microsoft YaHei", 微软雅黑;}
.price_list span.time_out{ width:148px;color:#666;float: right;text-align:right;  margin-top: 12px;  }
.mall_sec1 .mall_big_img {
    position: relative;
    font-size: 0px;
    display: block;
    width: 380px;
    height: 380px;
}
.mall_sec1 .mall_big_img img {
    border: 1px solid #eee;
}
.icn_boost {
    position: absolute;
    background-position: -38px -40px;
    right: 1px;
    bottom: 1px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.carousel_diagram {
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-left: 11px;
    font-size: 0;
}
.carousel_diagram li {
    float: left;
    margin-right: 10px;
}
.carousel_diagram li a {
    display: block;
    width: 64px;
    height: 64px;
}
.carousel_diagram li a.focus {
    border: 2px solid #e81a62;
    width: 60px;
    height: 60px;
}
.carousel_diagram li a.focus img {
    height: 60px;
    width: 60px;
}
.my_share span.my_number {
    color: #999;
    margin-left: 11px;
}

.mall_sec1 .col_c {
    float: left;
    width: 516px;
    position: relative;
    z-index: 1;
    padding-right: 20px;
}
.mall_sec1 h1 {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin: 0px auto 14px;
    padding-left: 10px;
}
.mall_sec1 h2 {
    font-size: 14px;
    color: #0c66b2;
    line-height: 20px;
    font-weight: 100;
    padding-left: 10px;
}
.bg_price_img {
    background: #f2f1f1 url(http://img.to8to.com/to8to_img/mall/icon/bg_price_img.jpg) no-repeat;
    padding: 18px 10px 18px 10px;
    margin-top: 15px;
    margin-bottom: 20px;
}
.price_list {
    color: #999;
    overflow: hidden;
    zoom: 1;
}
b {
    font-weight: normal;
}
.price_list b {
    color: #333;
}
.bg_price_img .b1 {
    width: 54px;
    display: inline-block;
    margin-top: 2px;
}
.price_list em.big_em {
    font-size: 32px;
    line-height: 32px;
    color: #e81a62;
    font-weight: bold;
    margin-right: 5px;
    text-decoration: none;
}
address, cite, dfn, em, var {
    font-style: normal;
}
.price_list em.big_em {
    font-size: 32px;
    line-height: 32px;
    color: #0c66b2;
    font-weight: bold;
}
.tb_skin {
    margin-top: 20px;
}
.tb_skin dl {
    *zoom: 1;
    width: 500px;
}
.tb_skin dl dt {
    display: inline;
    float: left;
    margin-right: 7px;
    width: 60px;
    height: 36px;
    margin-top: 6px;
}
.tb_skin dl dd {
    overflow: hidden;
    zoom: 1;
    line-height: 31px;
    width: 433px;
    _display: inline;
    _float: left;
}
.tb_skin li {
    display: inline;
    float: left;
    position: relative;
    margin: 0 8px 2px 0;
    vertical-align: middle;
    z-index: 111;
    border-bottom: 0;
    line-height: 20px;
    background: #fff;
    min-height: 33px;
    _height: expression(document.body.clientHeight < 10 ? "33" : "auto");
    _height: 50px;
}
.tb_skin li a {
    color: #333;
    background: #fff;
    display: inline;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    padding: 2px 3px 3px 3px;
    min-width: 10px;
    _width: 10px;
    text-align: center;
    border: 1px solid #e8e8e8;
    background: #fff;
}
.tb_skin dl {
    margin: 0 0px 11px 0;
}
.tb_skin dl {
    *zoom: 1;
    width: 500px;
}
.tb_skin dl dt {
    display: inline;
    float: left;
    margin-right: 7px;
    width: 60px;
    height: 36px;
    margin-top: 6px;
}
.tb_skin .tb_stock {
    padding: 0 0 0 1px;
    position: relative;
    display: inline;
    float: left;
}
.tb_skin span.tb_stock {
    height: 34px;
    line-height: 34px;
}
.tb_skin .number_dl a {
    display: block;
    font-size: 20px;
    color: #808080;
    _display: inline;
    float: left;
    width: 26px;
    height: 32px;
    border: 1px solid #e8e8e8;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(232, 232, 232);
    line-height: 32px;
    padding: 0;
    vertical-align: top;
    text-align: center;
    overflow: hidden;
}
.tb_skin .number_dl a.reduce_num {
    border-right: 0;
}
.tb_stock input {
    color: #808080;
    display: inline;
    float: left;
    margin: 0;
        margin-left: 0px;
    padding: 0;
    width: 48px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #666;
    border: 1px solid #e8e8e8;
    outline: 0;
    background: #fff;
    ime-mode: disabled;
    margin-left: -1px;
}
.tb_skin .number_dl a.plus_num {
    border-left: 0;
}
.f_c_e81a62 {
    color: #0c66b2;
}
.tb_skin dl.number_dl em {
    margin-left: 10px;
    line-height: 30px;
}
.buy_btn {
    height: 38px;
    line-height: 38px;
    border: 1px solid #e81a62;
    padding: 0 28px;
    margin-right: 10px;
    color: #e81a62;
}
.btn_shopping_box{
    width:100%;
}
.btn_shopping_box a {
    float: left; margin-right:10px; 
    font-size: 18px;
    width: 100px;
    text-align: center;
}
.btn_shopping_box a.disable {
    background-color: #fff !important;
    border: 1px solid #ddd;
    color: #999;
}
.btn_shopping_box em.saled_num {
    float: left;
    height: 40px;
    line-height: 40px;
    color: #999;
    margin-left: 10px;
}
#fastbuy{background-color:#f00;
color: #fff;
}

.tb_brand_box {
    margin: 0 20px 20px;
}
.tb_brand_sec1{ padding-bottom: 10px;margin-bottom: 35px;border:2px solid #0c66b2; color: #0c66b2;font-size: 12px; text-align: center;}
.tb_brand_box .p1{ font-size: 14px;  background: #fff;  margin-top: -10px; _margin-top: 0px; line-height: 16px; display: inline-block; _line-height:20px;vertical-align: top;  padding: 0 12px; }
.tb_brand_sec1  a{ color: #333; }
.tb_brand_sec1  a:hover{ color: #333;  text-decoration: underline;}
.tb_brand_sec2{text-align: center;color:#999;margin-bottom: 4px;border-top: 1px dotted #c9c9c9; }
/*.tb_brand_sec3 { overflow: hidden; _zoom:1;}*/
.tb_brand_sec3 dl{ float: left;width: 50%;}
.tb_brand_sec3 dt{ text-align: center;}
.tb_brand_sec3 dd{text-align: center; line-height: 14px; margin: 5px auto 14px; }
.tb_brand_sec3 dd a{ color: #666;}
.tb_brand_sec3 dd a:hover{ color: #e81a62;}
.tb_brand_sec4{padding-bottom:15px;}
.tb_brand_sec4 .pimg{text-align:center;border-bottom:1px solid #eee;padding-bottom:3px;}
.tb_brand_sec4 .p2{padding:8px 0;height:22px;line-height:22px;}
.sec4_name{width:65%;height:22px;font-weight:bold;overflow: hidden;}
.sec4_bnt{width:60px;font-size:12px;border-radius:5px;color:#fff;text-align:center;background-color: #e81a62;}
.sec4_bnt2{width:65px;height:24px;line-height:24px;text-align:right;border:1px solid #ddd;padding:0 10px;background:url(http://img.to8to.com/to8to_img/mall/icon/u1.png) no-repeat 6px center;}
.sec4_bnt3{background:url(http://img.to8to.com/to8to_img/mall/icon/u2.png) no-repeat 7px 3px;}
.sec4_bnt2:hover{border-color:#e81a62;}
.tb_brand_box {
    margin: 0 20px 20px;
    padding-top: 10px;
}

.fixed_div {
    width: 1220px;
    margin: auto;
}
.sec2_tab_detial{
    width:100%;
    overflow: hidden;
    height: auto;
    height: 44px;
    background: #f7f7f7;
    border-top: 2px solid #d0cfd1;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
border-right: 1px solid #eee;
}

.sec2_tab_detial ul{
    margin: 0;padding: 0;
    /*! overflow: hidden; */
}
.sec2_tab_detial  li{ float:left; position: relative;   border-right: 1px solid #fff;padding: 10px 20px;color:#333; font-size:16px;width: 80px;text-align: center;}
.sec2_tab_detial  li.focus{background: #ffffff;  border-top: 2px solid #e81a62;  margin-top: -2px; }
.sec2_tab_detial  li.focus a{ color:#e81a62; }
.add_cart_btn em, .bg_price_img .dl, .icn_tab_indicate, .icn_italic_line, .icn_service1, .icn_service2, .icn_service3, .icn_service4, .icn_service5, .icn_question, .icn_answer, .icn_new_product, .icn_forecast_product, .icn_about_end, .mall_tag .tag_l, .mall_tag .tag_r, .icn_clock, .icn_axe {
    background: url(../images/icon.png?20170214) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    _background: url(../images/icon.gif?20170214) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.icn_tab_indicate {
    position: absolute;
    background-position: -78px 0;
    width: 8px;
    height: 4px;
    left: 50%;
    top: 0px;
    margin-left: -4px;
    font-size: 0;
}
/*member*/
.woC {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 5px;
}
.woL {
    width: 202px;
    float: left;
}


.me {
    width: 202px;
    height: 60px;
    background: #0c66b2;
    line-height: 60px;
    text-align: center;
}
.me img {
    margin-left: 25px;
}
.me span {
    margin-left: 5px;
    color: #FFF;
    font-size: 14px;
}
.yuan {
    width: 200px;
    height: 180px;
    background: #FEF3F4;
    border: 1px solid #CCC9;
    border-top: none;
}
.yuan-1 {
    width: 200px;
    height: 110px;
}
.yuan-1 img {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    border-radius: 50%;
}
.yuan-2 {
    font-size: 14px;
    margin-left: 20px;
    line-height: 25px;
}
.xq {
    width: 200px;
    padding-bottom: 80px;
    background: #FBFBFB;
    border: 1px solid #CCC9;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: rgb(204, 204, 204);
        /*! border-bottom-color: rgb(204, 204, 204); */
    border-top: none;
    /*! border-bottom: none; */
}
.xq-1 {
    width: 200px;
    height: 40px;
    line-height: 40px;
}
.xq-1 img {
    float: left;
    margin-left: 35px;
    margin-top: 15px;
}
.xq-1 span {
    float: left;
    margin-left: 8px;
    font-size: 14px;
    color: #0009;
    font-weight: bold;
}
.xq-2 {
    width: 200px;
}
.xq-2 p {
    font-size: 14px;
    margin-left: 20px;
    line-height: 30px;
}

.xq-2 p {
    margin-left: 60px;
}

.much {
    width: 980px;
    height: auto;
    /*! border: 1px solid #CCC9; */
    float: right;
    /*! margin-left: 2px; */
    /*! margin-top: 10px; */
    border-bottom: 0;
}
.yue {
    width: 100%;
    height: 150px;
    border-bottom: 1px solid #CCC9;
    float: left;
}
.yue div {
    width: 245px;
    height: 100px;
    border-right: 1px dashed #CCC;
    float: left;
    margin-top: 25px;
}
.yue div p {
    text-align: center;
    margin-top: 15px;
}
.my {
    width: 100%;
    height: 350px;
    border-bottom: 1px solid #CCC9;
    float: left;
}
.my-1 {
    width: 100%;
    height: 40px;
}

.my-1 p {
    line-height: 40px;
    font-size: 18px;
    margin-left: 20px;
}
.my-1 p span{
    color: #0c66b2;
}
.my-2 {
    width: 980px;
    height: 260px;
    float: left;
}
.my-2 p img {
    float: left;
    margin-top: 80px;
}
.my-2 p {
    font-size: 14px;
    float: left;
    margin-left: 260px;
}
.my-2 p span {
    float: left;
    margin-top: 100px;
    margin-left: 20px;
}

/*member--caiwu*/
.woR {
    width: 990px;
    float: right;
}
.money {
    width: 100%;
    height: 40px;
    float: left;
    margin-top: 10px;
    border-bottom: 2px solid #0c66b2;
}
.money p {
    float: left;
    line-height: 40px;
    font-size: 18px;
}
.money span {
    color: #0c66b2;
    margin-left: 2px;
}



/*基本信息begin*/
.rightCon{ height:auto; /*! font-family:"宋体"; */float: left;width: 100%;}
.zpBaseInfo{border: 1px solid #e4e4e4; padding:15px 31px 31px 31px;float: left;width: 100%;box-sizing: border-box;}
.rightTit .zpTip{float:right;height: 49px;line-height:49px;}
.rightTit .zpTip strong{color: #cc0000;}
.zpBaseInfo .zpBaseInfoTitle{ color:#999;height: 33px;line-height: 30px;}
.zpBaseInfo .zpBaseInfoTitle ul li{ float:left;vertical-align: bottom; font-size:14px; margin-right:30px; cursor:pointer; padding:0 3px;}
.zpBaseInfo .zpBaseInfoTitle .on{ color:#C40001; border-bottom:3px solid #C40001;font-weight:bold; }
.zpPart1{ margin-top:28px;height: auto;overflow: hidden;}
.zpPart1 .zpPhoto{width: 97px;height: 97px;float: left;display: inline-block;*display: inline;*zoom: 1;margin: 30px 25px auto 68px;position: relative;top: 0;left: 0;}
.zpPart1 .zpInfo{font-size:14px;overflow: hidden;}
.zpInfo .basePart{border-bottom: 1px dotted #ccc;margin-bottom: 15px;overflow: hidden;}
.zpInfo .noBor{ border-bottom:none;}
.zpInfo li{ margin-bottom:15px;float: left;clear: both;}
.zpInfo li.baseInfoTip{height: 32px;border-bottom: 1px dotted #e4e4e4;background-color: #f5f5f5;font-size: 12px;line-height: 32px;padding-left: 17px;margin-bottom: 18px;margin-bottom: 25px;margin-top: -7px;}
.zpInfo li.baseInfoTip a,.zpInfo li.baseInfoTip a:hover{color: #0066CC;}
.zpInfo li p,.zpInfo li input,.zpInfo li span,.zpTag{float: left;display: inline-block;*display: inline;*zoom: 1;}
.zpInfo li p{height:33px;line-height: 33px;}
.zpInfo li .zpName{width:112px;text-align: right;}
.zpInfo li .zpName strong{color: #cc0000;margin-right: 4px;font-weight: normal;}
.zpInfo li input{width: 210px;height: 35px;border: 1px solid #e4e4e4;line-height: 35px;padding-left: 5px;background: #fff;font-size:16px; font-weight:700; color:#666;}
.zpInfo li .detailAdd{width:400px;}
.zpInfo li input.zpSex{width: 12px;height: 12px;margin-top: 10px;margin-right: 5px;}
.zpInfo li span{line-height: 33px;color: #999;}
.zpInfo li .zpSexText{margin-left: 0;margin-right: 20px;color: #666;}
.zpInfo li.zpAdd{margin-bottom: 6px;}
.zpInfo li.zpAdd input{width: 303px;}
.zpPart3 { margin-top: 28px;}
.zpPart3 .zpInfo{margin-left: 0px;}
.zpPart3 .zpInfo li .zpName{width: 112px; font-size:14px;}
.zpInfo li select{float: left;display: inline-block;*display: inline;*zoom: 1;margin-right: 10px;border: 1px solid #e4e4e4; color:#666; font-size:14px;padding: 5px 5px; height: 35px; line-height: 35px;}
.zpInfo li textarea{width: 405px;height: 146px;border: 1px solid #e4e4e4;resize: none;}
.zpTag{width: 420px;}
.zpTag a{width: 66px;height: 32px;border: 1px solid #e4e4e4;float: left;display: inline-block;margin-right: 14px;margin-bottom:5px;text-align: center;line-height: 32px;overflow: hidden;position: relative;top: 0;left: 0;}
.zpTag a:hover{text-decoration: none;border: 2px solid #cc0000;color: #666; height: 30px; width: 64px;line-height: 30px;}
.zpTag .zpTick{width: 16px;height: 16px;position: absolute;bottom: 0;right: 0; background-position:-249px 0;}
.zpTag a.on{border: 2px solid #cc0000;color: #666;height: 30px;width: 64px;line-height: 30px;}
.zpInfo li.zpTags{/*margin-bottom: 3px;*/_margin-bottom: 10px;}
.zpInfo li .zpSub{padding: 6px 12px; color: #fff; background: #d0010e; margin-left: 74px; clear: both; border: none; cursor: pointer; float: left;font-size: 14px;}
.zpInfo li .zpSub{ width:auto; height:auto; line-height:normal; padding:6px 12px; color: #fff; background: #d0010e; margin-left:112px; clear: both; border: none; cursor: pointer; float: left; font-size: 14px; display:inline-block;}
.zpInfo li .userCheckContact{ font-size: 16px; color: #666; margin-right: 15px;}
.zpInfo li .modifyCheckContact{ height: 33px; line-height: 33px; color: #0066CC;}
.zpInfo li input.fuckIe6{_margin-left: -35px;}
.zpPhoto .mask{width: 97px;height: 97px;background: url(mask2.png) no-repeat 0 0;z-index: 2;position: absolute;top: 0;left: 0;}
.zpPhoto img{width: 97px;height: 97px;}
.zpPhoto .maskInn{width: 97px;height: 37px; background-position:-20px -58px;position: absolute;bottom: 0;left: 0;z-index: 1;}
.zpPhoto .edit{color: #fff;text-align: center;width: 97px;height: 30px;padding-top: 7px;position: absolute;bottom: 0;left: 0;z-index: 3;}
.zpPhoto .edit:hover{color: #fff;}
.zpBaseInfo .submitZpInfo{width:60px;height:30px;background:#0c66b2;border:1px solid #CCC;outline:none;cursor:pointer;margin-top:20px;margin-left:113px;color:#FFF;text-align: center;line-height: 30px;font-size: 14px;}
.zpBaseInfo .zpInfo .accNotic {padding-left: 10px;color: #cc0000;line-height: 35px;}
.zpBaseInfo  .zpInfo .acc {height: 15px;padding-bottom: 2px;padding-top: 10px;float: left;}
.zpBaseInfo .zpInfo .bDay{ float:left; display:inline-block; color:#cc0000; line-height:35px; font-size:12px; margin-left:10px;}
.zpPart2 { font-size:14px; color:#666;}
.zpPart2 .choiceHead{ height:70px; line-height:70px;}
.zpPart2 .choiceHead li{ float:left; margin:0 30px 0 0;padding-bottom: 0px; display:inline;}
.zpPart2 .choiceHead li input{ width:20px; height:70px; line-height:70px; border:none;}
.zpPart2 .choiceCon li{ width:65px; height:65px; border:1px solid #E4E4E4; float:left; padding-bottom:0; margin:0 8px 8px 0; cursor:pointer; display:inline; position:relative;}
.zpPart2 .choiceCon li .whitLine{ width:65px; height:65px; position:absolute; left:0; top:0;}
.zpPart2 .choiceCon li .whitLine img{ width:65px; height:65px;}
.zpPart2 .choiceCon ul .on{ width:65px; height:65px;}
.zpPart2 .choiceCon ul .on .whitLine{ border:3px #C40001 solid;  -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px; width:65px; height:65px; top:-3px; left:-3px;}
.zpPart2 .choiceCon .systemSupply ul{ width:292px; float:left; margin-right:82px; display:inline;}
.zpPart2 .choiceCon .systemSupply .changLine{ margin-right:0px;}
.zpPart2 .choiceCon .systemSupply .previewArea{ float:left;}
.zpPart2 .choiceCon .systemSupply .previewArea div{float:left;}
.zpPart2 .choiceCon .systemSupply .previewArea .aboutHeadTip{ margin-left:18px; font-size:12px; margin-top:28px;}
.zpPart2 .choiceCon .systemSupply .previewArea .subHeadPhoto{padding:6px 0;color: #fff;background: #d0010e; margin-top:14px;clear: both;border: none;cursor: pointer;float: left;font-size: 14px; width:100px;}
.zpPart2 .choiceCon .ownUpload .imgTip{ float:left; font-size:12px; line-height:28px; padding-left:60px;}
.zpPart2 .choiceCon .ownUpload .fileControl input{ float:left; width:68px; border:none;}
.zpPart2 .choiceCon .ownUpload .uploadBigImg{ margin-top:18px;}
.zpPart2 .choiceCon .ownUpload .imgBox{ float:left; margin-right:222px; width:300px; height:300px; display:inline; overflow:hidden;background:#dedede;}
.saveUploadHeadBg{z-index:0; width:58px; height:28px;background:#d0010e;position:absolute;top:0;left:0;color:#ffffff; text-align:center; line-height:28px;}

.zpPart2 .choiceCon .ownUpload .uploadBigImg .previewArea {float: left;}
.zpPart2 .choiceCon .ownUpload .uploadBigImg  .previewArea .aboutHeadTip {margin-left: 18px; font-size: 12px; margin-top: 28px;}
.zpPart2 .choiceCon .ownUpload .uploadBigImg .previewArea div { float: left;}
.zpPart2 .choiceCon .ownUpload .uploadBigImg  .previewArea .subHeadPhoto { padding:6px 0; color: #fff; background: #d0010e; margin-top: 14px; clear: both; border: none; cursor: pointer; float: left; font-size: 14px; width:100px;}
.rightTit .rt-couponInt  .redStrong{color:#CC0000}
.qjwVerifyAks{ border:1px solid #e4e4e4; padding:10px 12px; clear: both;}
.qjwVerifyAks h3{ font-size:12px; height:30px; line-height:30px;}
.os-time span, .os-search i, .myordTop i, .moh-status span, .ord-detail .moh1 span, .tdmoh4 .opeTracking .TraBtn i, .cart_city em, .mycol-bay i, .mycol-bay2 i, .titles .niubi-useint i, .golden-content #divs i, .ubHisPage a, .ubRem-Prev, .ubRem-Next, .qjwStepIconBox i, .qjwVerifyAks h3 i, .qjwRelative .strength i, .qjwRelative .qjwPrompt i, .qjwSucIcon, .zpSecurityTip .zpName i, .xssubspCon h3 i, .xsgiftCard span i, .upPhLeft-cho a i, .msgList h3, .msgContent i, .msgBox .msgprev, .msgBox .msgnext, .msgContent span.readed-icon, .msgContent span.read-icon, .question i, .answer i, .commentConTit_icon, .accNotic i, .myRedTit .Instruction i, .moConBoxEmpty i, .mycolEmpty i, .commentWEmpty i, .zpItem li i, .zpItem li.no i, .zpItem li.paymentPwd span, .refund-title i, .rec {
    background: url(../images/userIcon-8.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
}
.qjwVerifyAks h3 i{ background-position:-116px -176px; width:16px; height:16px; display:inline-block; float:left; margin:7px 5px 0 0;}
.qjwVerifyAks p{ padding-left:5px; line-height:24px;}
.qjwVerifyAks p a{ color:#0066cc;}
/*基本信息end*/

.jilu {
    width: 993px;
    height: 30px;
    float: left;
    margin-top: 10px;
    border-bottom: 2px solid #0c66b2;
}
.jilu ul li {
    float: left;
    margin-left: 0px;
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
}
.yes {
    width: 991px;
    /*! height: 150px; */
    float: left;
    /*! border-bottom: 1px solid #CCC; */
}.gee {
    width: 991px;
    float: left;
    background: #FAFAF3;
    font-size: 13px;
}
.goldenTab {
    /*! border: 2px solid #0c66b2; */
    width: 99.9%;
    /*! border-top: 0; */
}
.goldenTab th {
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #f5f5f5;
    border-bottom: 1px solid #e4e4e4;
    color: #888;
}
table tr td {
    width: 60px;
    text-align: center;
}
.goldenTab td {
    height: 49px;
    border-top: 1px dotted #e4e4e4;
    line-height: 20px;
    text-align: center;
}
/*member--dingdan*/

.ding {
    width: 100%;
    height: 40px;
    float: left;
    margin-top: 10px;
}
.ding p {
    float: left;
    line-height: 40px;
    font-size: 18px;
}
.ding span {
    color: #C00;
}
.huo {
    width: 100%;
    height: 30px;
    border-top: 2px solid #C00;
    float: left;
    margin-top: 3px;
    background: #F5F5F5;
}
table tr td {
    width: 60px;
    text-align: center;
}
.hao {
    width: 993px;
    height: 35px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    float: left;
    background: #FBFBFB;
}
.hao p {
    float: left;
    font-size: 13px;
    line-height: 35px;
    margin-left: 15px;
}
.peo {
    width: 993px;
    height: 100px;
    border-bottom: 1px solid #CCC;
    float: left;
}
.peo table {
    width: 100%;
    height: 120px;
}

/*cls-address*/

.logo_cont {
    width: 800px;
    /*! margin: 10px auto; */
    overflow: hidden;
    padding-left: 450px;
}
.glogo {
    width: 300px;
    float: left;
}
.gmbz {
    width: 599px;
    float: left;
    margin-top: 30px;
}
.con-2 {
    width: 460px;
    height: 70px;
    float: right;
    /*! margin-left: 380px; */
}
.con-2 img {
    margin-left: 35px;
}
.con-2 div {
    width: 460px;
    height: 30px;
}
.con-2 div p {
    float: left;
    margin-left: 105px;
    font-size: 13px;
    line-height: 30px;
}
.con-2 div p:first-child {
    margin-left: 20px;
}
.myt {
    float: right;
    margin-top: 20px;
}
.shdz {
    width: 1198px;
    margin: 20px auto auto;
    /*! border: #ddd solid 1px; */
}
.xzdz {
    width: 1200px;
    height: 220px;
    border: 1px solid #CCC;
    margin: 0 auto;
        margin-top: 0px;
    overflow: hidden;
    margin-top: 10px;
}
.mor {
    width: 200px;
    height: 125px;
    border: 1px solid #ddd;
    float: left;
    margin-top: 45px;
    margin-bottom: 45px;
    margin-left: 30px;
}
.mor-1{
      width:180px;
      height:30px;
      border-bottom:1px dashed #CCC;
      float:left;
      margin-left:10px;}
    .mor-1 p{
      font-size:14px;
      line-height:30px;}
    .mor-1 p span{
      font-weight:bold;}
    .mor-2{
      width:180px;
      height:95px;
      float:left;
      margin-left:10px;
      font-size:12px;}
    .mor-2 p{
      margin-top:5px;}
      .table{
      width:1200px; height: auto;
      /*height:110px;*/
      margin-top:5px;    margin: 0 auto;
      border:1px solid #CCC;}
    .tab{
      width:1200px;
      height:40px;
      border-bottom:1px solid #CCC;
      background:#FAFAFA;}
    .tab-1{
      width:60%;
      height:40px;
      float:left;
      line-height:40px;
      text-align:center;
      font-size:14px;}
    .tab-2{
      width:40%;
      height:40px;
      float:left;
      line-height:40px;
      text-align:center;
      font-size:13px;}
    .tab-2 ul li{
      float:left;
      border-left:1px solid #CCC;
      line-height:40px;
      text-align:center;
      font-size:13px;
      min-width:154px;}
    .tab-2 ul li:first-child{
      margin-left:-40px;}
    .ble{
      width:1200px;
      height:70px;
      border-bottom:1px solid #CCC;}
    .ble-1{
      width:60%;
      /*height:70px;*/
      float:left;}
    .ble-1 img{
      border:1px solid #CCC;
      float:left;
      margin-top:10px;
      margin-left:10px;
      cursor:pointer;}
    .ble-1 a{
      font-size:13px;
      float:left;
      margin-left:10px;
      margin-top:25px;}
    .ble-1 a:hover{
      color:#C00;
      border-bottom:1px solid #C00;}
    .ble-2{
      width:40%;
      /*height:70px;*/
      float:left;
      line-height:40px;
      text-align:center;
      font-size:13px;}
    .ble-2 ul li{
      float:left;
      border-left:1px solid #CCC;
      line-height:70px;
      text-align:center;
      font-size:13px;
      min-width:154px;}
    .ble-2 ul li:first-child{
      margin-left:-40px;}
    .jsxx{
      width:1200px;
      height:230px;  margin:0 auto;
      margin-top:5px;}
    .jsxx-1{
      width:800px;
      height:30px;
      float:left;
      line-height:30px;
      font-size:13px;
      color:#03F;
      margin-top:10px;
      margin-left:20px;}
    .jsxx-1 input{
      width:700px;
      height:25px;}
    .jsxx-2{
      width:300px;
      height:65px;
      float:right;
      margin-top:40px;
      margin-right:100px;}
    .jsxx-2 p{
      float:right;
      font-size:13px;}
    .jsxx-3{
      width:1200px;
      height:60px;
      background:#FAFAFA;
      float:left;
      margin-top:20px;
      font-size:13px;
      line-height:60px;
      text-indent:2em;}
    .jsxx-3 div{
      width:120px;
      height:40px;
      background:#C00;
      float:right;
      margin-top:10px;
      margin-right:20px;
      border-radius:3px;
      color:#FFF;
      font-size:18px;
      font-weight:bold;
      line-height:40px;}
    .jsxx-3 p{
      float:right;
      margin-right:30px;
      font-size:13px;
      font-weight:bold;}
    .radio{
      margin:5px;
    }
.mor1 {
    width: 200px;
    height: 125px;
    border: 1px solid #ddd;
    float: left;
    margin-top: 45px;
    margin-bottom: 45px;
    margin-left: 30px;
}

/*cls-cart*/
/*****购物车*********/
.cart{ width:1200px;overflow:hidden;margin:50px auto 0px;border:1px dotted #E7E7E7;}
.cart tr th{border-bottom:1px solid #ccc9;}
.cart tr td.list{border-top:1px dotted #E7E7E7; }
.box {
    width: 1200px;
    margin: 0px auto;
}


.gwc_tb3{border:1px solid #E6E6E6; background:#EFEFEF; height:46px; margin:20px auto 70px auto; color:#555 }
.gwc_tb3 tr td{ font-size:14px;font-family: Arial,Verdana,"\5b8b\4f53";}

.jz2{ width:100px; height:42px; line-height:42px; font-weight:700; text-align:center; font-size:18px; color:#fff; background:#ee0000; display:block; float:right;}
#jz1{font-size:18px;}

/*cls--results*/
.suc {
    margin: 0 auto;
    line-height: 200px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border-top: 2px solid #7264644d;
}
.table1{
    
}
.table1 td{
    padding: 5px; width:auto; text-align: left;
}
.table1  input{
    height:25px; line-height: 25px;
}

/*三大通道下单*/
.mask{
            display:none;
            position: fixed;;
            width: 100%;
            height: 100%;
            top:0;
            left: 0;
            background: rgba(0, 0, 0, 0.56); z-index: 101;
        }
        .mm{display:none;
            position: fixed;
            width: 400px;
            height: 130px;
            top: 50%;
            margin-top: -70px;
            left: 50%;
            margin-left: -200px;
            z-index: 102;
            background: #fff;
            border-radius: 5px;/*! line-height: 80px; */
            padding-left: 10px;
            font-size: 14px;
        }
        .mm p{
            float: left;
            clear: both;
            margin-top: 20px;
        }
        .mm input{
            height:25px; line-height: 25px;float: left; margin-top:15px;
        }
        .mm span{
            display: block; margin-left: 10px;width:80px;height:25px;background: #ddd;border: 1px solid #ccc;text-align: center;line-height: 25px;float: left;margin-top:10px; cursor: pointer;
            clear: both;
            margin-left: 110px;
        }


.center{display:block;width:1220px;margin:0 auto;position:relative;padding-bottom: 30px;}



/*index-service-for-majors*/
.major-list-outer{overflow:hidden}
.major-list{margin-right:-32px;margin-bottom:-30px;*margin-bottom:0px}
.major-list li{width:216px;height:169px;margin-right:32px;margin-bottom:32px;float:left;position:relative;border-radius: 50px;}
.major-list li a, .major-list li a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0;border-radius: 4px;}
.front-face{z-index:2;background:url(../images/majors.png) no-repeat 0 0}
.back-face{z-index:1;background:url(../images/majors_back.jpg) no-repeat 0 0}
.major-list li a{overflow:hidden}
.major-list li:hover a .back-face{z-index:3;}
#dx .front-face{background-position:0 0;}
 #dx .back-face{background-position:-434px -170px;}
#rj .front-face{background-position:-217px 0}
 #rj .back-face{background-position:0 -170px}
#jx .front-face, #jx .back-face{background-position:-434px 0}
#gdz .front-face{background-position:-651px 0}
#gdz .back-face{background-position:-434px -340px}
#jsj .front-face{background-position:0 -170px;}
 #jsj .back-face{background-position:-651px 0;}
#kz .front-face, #kz .back-face{background-position:-217px -170px}
#jg .front-face, #jg .back-face{background-position:-434px -170px}
#sx .front-face, #sx .back-face{background-position:-651px -170px}
#gl .front-face, #gl .back-face{background-position:-0 -340px}
#ch .front-face, #ch .back-face{background-position:-217px -340px}
#wl .front-face, #wl .back-face{background-position:-434px -340px}
#xw .front-face, #xw .back-face{background-position:-651px -340px}



/*news-index*/
.home-front {
   
    width: 1220px; height:auto; margin:0 auto;
}
.all-tit {
    margin-bottom: 20px;
    height: 40px;
    border-bottom: 1px #eee solid;
    overflow: hidden;
    zoom: 1;
}
.all-tit h3 {
    font-size: 24px;
    color: #333;
    font-weight: normal;
    height: 28px;
    float: left;
    line-height: 28px;
}
.home-front .array-box .tit {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.home-front .array-box .tit a {
    font-size: 14px;
    text-decoration: none;
}
.home-front .array-box .tit .active {
    color: #d6162d;
}
.home-front .array-box .tit span {
    color: #ccc;
    margin: 0 10px;
}
.home-front .array-box .img-text ul li {
    overflow: hidden;
    padding: 30px 20px;
    border-bottom: 1px solid #eee;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 45%;
    float: left;
}
.home-front .array-box .img-text .img {
    display: block;
    position: relative;
    width: 200px;
    height: 140px;
    float: left;
}
.home-front .array-box .img-text .img img {
    display: block;
    width: 140px;
    height: 140px;
}
.home-front .array-box .img-text .txt {
    width: 330px;
    float: left;
    position: relative;
    height: 140px;
    margin-left: 10px;
}
.home-front .array-box .img-text .txt h5 {
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 10px;
}
.new-list-title {
    height: 30px;
    overflow: hidden;
}
.home-front .array-box .img-text .txt h5 a {
    color: #333;
}
.home-front .array-box .img-text .txt p {
    color: #666;
    font-size: 14px;
}
.home-front .array-box .img-text .txt .p01 {
    color: #999;
    line-height: 20px;
}
.home-front .array-box .img-text .txt .p02 {
    color: #999;
    background: url(/themes/roots/news/images/icon27.png) no-repeat left center;
    /*! padding-left: 20px; */
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 0;
    bottom: 5px;
    font-size: 12px;
}
.home-front .array-box .img-text .txt .p02 span {
    margin-right: 20px;
}

/*page*/
.pagination{
    clear:both; width:280px; margin:0 auto;
    text-align: center;
    padding: 20px;
    overflow: hidden;
}
.pagination li{
    float:left;
    padding: 4px 14px 3px;
    margin: 0 4px;
    line-height: 28px;
    text-decoration: none;
    background-color: #fafafa;
    border: 1px #eee solid;
    color: #666;
    font-size: 14px;
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
/*newsmain*/

.city-newsDetails .newsDetails-left {
    float: left;
    overflow: hidden;
    width: 870px;
}
.city-newsDetails .newsDetails-left .txt-box {
    border: 1px solid #eee;
    padding: 35px;
    margin-bottom: 30px;
}.city-newsDetails .newsDetails-left .txt-box .tit {
    border-bottom: 1px solid #eee;
}
.city-newsDetails .newsDetails-left .txt-box .tit h1 {
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 40px;
}
.city-newsDetails .newsDetails-left .txt-box .tit p {
    color: #ccc;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding-bottom: 10px;
}
.city-newsDetails .newsDetails-left .txt-box .tit p span {
    margin: 0 10px;
}
.city-newsDetails .newsDetails-left .txt-box .words {
    padding: 15px 0;
    color: #333;
    line-height: 1.8em;
    font-size: 16px;
    overflow: hidden;
}
.city-newsDetails .newsDetails-left .txt-box .words p {
    line-height: 28px;
    margin: 16px 0;
}

.city-newsDetails .newsDetails-left .txt-box .article-page {
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    padding-bottom: 10px;
    text-align: center;
    width: 95%;
}
.city-newsDetails .newsDetails-left .txt-box .article-page a {
    border-bottom: 2px solid #ccc;
    margin: 0 8px;
    padding: 0 2px;
}
.city-newsDetails .newsDetails-left .txt-box .article-page span {
    border-bottom: 2px solid #f74a0d;
    color: #f74a0d;
    margin: 0 5px;
    padding: 0 2px;
}
.newsDetails-right {
    width: 320px;
    float: right;
}
.latest-news {
    margin-bottom: 30px;
}
.latest-news h3 {
    font-size: 18px;
    margin: 0;
    position: relative;
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    font-weight: normal;
}
.latest-news .news ul li a {
    display: block;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(/themes/roots/news/images/dot_text_gray.png) no-repeat left center;
    padding-left: 14px;
    border-bottom: 1px solid #eee;
}

/*lists.html*/

.marquee_con{
    width:1200px;
    overflow: hidden;
    height: 70px;
}
.marquee_con .list{
    width:5000px;
    /*! height: 100%; */
}
.marquee_con .img_set{
    width:60px; height: 60px;
    position: relative;
    float: left;
    margin: 5px;
    border: 1px solid #fff;
}

.marquee_con .on{
    border: 1px solid #0c66b2;
}
.thumb_info{
    bottom:0px;
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: #000;
    text-align: center;
    color: #fff;
}
.thumb_con{overflow: hidden;}
.img_list .marquee .album_btn_style {
    display: block;
    position: absolute;
    width: 50px;
    height: 70px;
    background: #505050;
}
.img_list .marquee .album_btn_style {
    background: #f4f4f4;
    cursor: pointer;
}
.img_list .marquee #left_Arrow {
    left: 0;
}
.wechatapp label.finework-share a.website-ioc, .img_list .marquee .album_btn_style span, .win-box-content .website-ioc, .style-budget-list .style-budget-em {
    background: url(../images/share_ioc.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
}
.img_list .marquee .album_btn_style span {
    display: block;
    position: absolute;
    width: 50px;
    height: 70px;
    opacity: .5;
    filter: alpha(opacity=50);
}
.img_list .marquee .album_prev span {
    background-position: 13px -155px;
}
.img_list .marquee .album_btn_style span {
    opacity: initial;
    filter: initial;
}
.img_list .marquee #right_Arrow {
    right: 0;
}
.img_list .marquee .album_next span {
    background-position: 13px -208px;
}