/*
*时间：2016-01-06
*作用：设计圈PC端 设计资讯 样式
*作者：吕玉燕
*修改时间：2016-01-22 10:30:05
*/
@charset "utf-8";
.clearfix:after {clear:both;height:0px;overflow:hidden;display:block;content:"\200B";} 
/***************外围框架*******************/
.design-list {width: 1280px;}
.design-sel {line-height: 49px;padding-left: 25px;background: url('../images/design-home.gif') left center no-repeat;}
.design-sel h3 {display: inline-block;font-size: 12px;}
.design-sel span {display: inline-block;width: 24px;height: 12px;background: url('../images/tit_direct.png') center center no-repeat;}

/********************多选区域***************************/
.design-area {width: 1280px;margin-bottom:20px;}
.design-area ul {border-top: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;}
.area-qh {position: relative;overflow: hidden;width: 95%;height: 56px;padding-right: 60px;border-bottom: 1px solid #e4e4e4;line-height: 56px;}
.area-qh span {float: left;width: 158px;height: 56px;border-right: 1px solid #e4e4e4;text-align:center;color: #686868;font-size: 14px;_padding-top:15px;}
.area-qh .active{float: left;width: 158px;height: 56px;text-align:center;color: #f76120;font-size: 14px;line-height:55px;_background:#fff;_padding-top:15px;}
.area-qh .active a{color: #f76120;}
.area-qh .showinfo{float: left;width: 158px;height: 56px;margin-right: 10px;border-right: 1px solid #e4e4e4;color: #686868;font-size: 14px;padding-left:20px;}
.area-qh .inter{float: left;width: 158px;height: 56px;margin-right: 10px;border-right: 1px solid #e4e4e4;color: #686868;font-size: 14px;text-align: center;padding-left:20px;}
.area-qh .game{float: left;width: 158px;height: 56px;margin-right: 10px;border-right: 1px solid #e4e4e4;color: #686868;font-size: 14px;text-align: center;padding-left:20px;}
.area-qh em {position: absolute;top: 21px;right: 33px;width: 17px;height: 17px;background: url("../images/design-searchdown.png") 0px 0px no-repeat;cursor: pointer;}
.area-qh em:hover {background: url("../images/design-searchdown.png") 0px -23px no-repeat;cursor: pointer;}
.area-qh a {display: inline-block;height: 28px;padding: 0 10px;color: black;font-size: 14px;line-height: 28px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;
-o-border-radius: 15px;border-radius: 15px;}
.area-qh .area-klick {color: #f35724;border: 1px solid #f35724;}

/******************左侧*****************/
.left-side {float: left;width: 890px;height: auto;}
.all-side {float: left;width: 1280px;height: auto;margin-bottom:40px; line-height:25px;}

.prolist .character {margin-bottom:20px;}
.prolist .character li {width: 1189px;border: 1px solid #e4e4e4;}
.character .casemain{float: left;width: 1169px;}
.character .caseimg {float: left;width: 500px;padding:20px 16px 0px 0px;}
*+html .character .caseimg {float: left;width: 598px;padding:20px 27px 0px 0px;}
.prolist .character .caseimg a {color: white;font-size: 12px;}
.prolist .character .caseinfo{position: relative;float: left;width: 436px;line-height:30px;}
.prolist .character .caseinfo p{width:436px;}
.prolist .character span{width:75px;}
.prolist .character .char-name h2{width:350px;float: left;font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prolist .character .caseinfo .newstext{width:444px;height:95px;margin-top:10px;overflow: hidden;word-wrap: break-word;}
.prolist .character .casemain {float: left;}
.prolist .character .caseimg img {display: block;width: 500px;height: 300px;}

.prolist{width: 1192px;}
.prolist li {width: 1189px;height: 378px;border: 1px solid #e4e4e4;margin-bottom: 20px;}
.prolist li:hover{box-shadow: 1px 1px 3px #c5c5c5;}
.prolist .casemain {float: left;padding-left:20px;margin-top:0px\0}
*+html .prolist .casemain {float: left;width: 1192px;height: 402px;margin-top:0;margin-left:2px}
.prolist .casemain .caseinfo{margin-top:20px;}
.prolist dd {position: relative;float: left;line-height:30px;margin-left:20px;margin-top:13px;}

.prolist .caseinfo p{width:854px;font-size:14px;line-height:24px;color:#686868}
.prolist .caseinfo .newstext{font-size:14px;color:#686868;text-indent: 27px;height:45px;overflow: hidden;word-wrap: break-word;}
.prolist .case-list{width:892px;padding-top:0;}
.prolist .char-name{width: 100%;height: 43px;}
.prolist .char-name h2 {width:755px;float: left;font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prolist .char-name h2 a:hover {color:#f76120}
.prolist .char-name span {float: left;width: 75px;height: 24px;color:#fff;text-align:center;line-height:24px;margin: 6px 10px 0px 1px;background: url('../images/icon-newsguide.png') 0 0 no-repeat;}
.prolist .case-showpic{width:871px;padding:10px 0px 10px 0}
.prolist .case-showpic span{width:892px;height:189px;margin-right:16px}


.design-cha {height: 47px;padding-top: 22px;}
.design-cha h2 {display: inline-block;width: 120px;font-size: 24px;}
.design-cha a {float: right;margin-top: 20px;font-size: 12px;color: #f57553;}
.design-human {width: 859px;height: 251px;margin-bottom: 16px;padding: 0 15px;border: 1px solid #e4e4e4;}
.design-turnleft {float: left;width: 15px;height: 251px;background: url('../images/design_direction.png') 0 106px no-repeat;cursor: pointer;}
.design-turnleft:active {background: url('../images/design_direction.png') -14px 106px no-repeat;cursor: pointer;}
.design-turnright {float: right;width: 15px;height: 251px;background: url('../images/design_direction.png') -41px 106px no-repeat;cursor: pointer;}
.design-turnright:active {background: url('../images/design_direction.png') -55px 106px no-repeat;cursor: pointer;}
.design-scroll {float: left;width: 777px;height: 200px;padding: 60px 0 0 52px;}
.design-scroll a {display: inline-block;overflow: hidden;width: 90px;height: 90px;margin: 6px 0 0 6px;border-radius: 50% 50%;box-shadow: 0 0 0 6px #e4e4e4;}
.design-human ul {width: 777px;height: 200px;padding-top: 20px;}
.design-human li {float: left;overflow: hidden;width: 120px;height: 170px;margin: 10px 35px 0 0;}
.design-human img {float: left;width: 129px;height: 90px;}
.design-human h2 {padding-left: 29px;font-size: 14px;line-height: 70px;}

/*********************列表内容排列选择*****************************/
.human-sel {width: 890px;height: 45px;border: 1px solid #e4e4e4;}
.human-sel li {position: relative;float: left;font-size: 14px;padding: 12px 26px;text-align: center;box-shadow: 1px 0 0 0 #e4e4e4;}
.human-sel a {margin-right: 10px;}
.human-sel em {position: absolute;right: 22%;top: 19px;width: 7px;height: 9px;background: url('../images/design-sml.png') 0 0 no-repeat;cursor: pointer;}
.human-sel strong {position: absolute;right: 19%;top: 19px;width: 7px;height: 4px;background: url('../images/designup.png') 0 0 no-repeat;cursor: pointer;}
.human-sel span {position: absolute;right: 10%;top: 19px;width: 7px;height: 4px;background: url('../images/designdown.png') 0 0 no-repeat;cursor: pointer;}

/****************内容页左侧介绍**********************/
.charshow{width: 897px;_height:100px;}
*+html .charshow{width:auto;}
.charshow .case-main{width: 897px;height:247px;margin-bottom: 20px;}
.charshow li .case-item{width: 440px;float:left; height: 242px;}
/*.charshow li .case-item .case-hover{display:none;}*/
.charshow li .case-item .case-hover{z-index:2;width:418px;font-size:16px;color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left:10px;padding-right:10px;position:relative;bottom:32px;_bottom:-8px;text-align:center;line-height: 32px;_line-height:none;_margin-top:-40px;background:rgba(0, 0, 0, 0.3);*background:#000;background:#000\0;*opacity: 0.65;*-moz-opacity: 0.65;*filter:alpha(opacity=65);*zoom:1;display:block}

.charshow li .case-showpic{float:left;width:457px;}
.charshow li .case-showpic span{width:416px;margin-left:3px;margin-bottom:10px;_margin-bottom:0px;}
.charshow li .case-showpic span img{width:215px;height:118px;margin-left:5px;margin-bottom:11px;}
.charshow li .case-showpic .showpic01{width:223px;height:118px;float:left}
/*.charshow li .showpic01 .case-small01-hover{display:none;}*/
.charshow li .showpic01 .case-small01-hover{z-index:2;width:205px;font-size:14px;color:#fff;overflow: hidden;padding-left:10px;white-space: nowrap;text-overflow: ellipsis;position:relative;bottom:-11px;_bottom:-2px;margin-left:5px;margin-top:-50px;text-align:center;line-height: 28px;_line-height:none;_margin-top:-40px;background:rgba(0, 0, 0, 0.3);*background:#000;background:#000\0;*opacity: 0.65;*-moz-opacity: 0.65;*filter:alpha(opacity=65);*zoom:1;display:block}
.charshow li .case-showpic .showpic02{width:223px;height:118px;float:left}
.charshow li .showpic02 .case-small02-hover{display:none;}
.charshow li .showpic02:hover .case-small02-hover{z-index:2;width:205px;font-size:14px;color:#fff;overflow: hidden;padding-left:10px;white-space: nowrap;text-overflow: ellipsis;position:relative;bottom:-4px;_bottom:5px;margin-left:5px;margin-top:-50px;text-align:center;line-height: 35px;_line-height:none;_margin-top:-40px;background:rgba(0, 0, 0, 0.3);*background:#000;background:#000\0;*opacity: 0.65;*-moz-opacity: 0.65;*filter:alpha(opacity=65);*zoom:1;display:block}
.charshow li .case-showpic .showpic03{width:223px;height:118px;float:left;marign-top:10px;}
.charshow li .showpic03 .case-small03-hover{display:none;}
.charshow li .showpic03:hover .case-small03-hover{z-index:2;width:205px;font-size:14px;color:#fff;overflow: hidden;padding-left:10px;white-space: nowrap;text-overflow: ellipsis;position:relative;bottom:-4px;_bottom:5px;margin-left:5px;margin-top:-50px;text-align:center;line-height: 35px;_line-height:none;_margin-top:-40px;background:rgba(0, 0, 0, 0.3);*background:#000;background:#000\0;*opacity: 0.65;*-moz-opacity: 0.65;*filter:alpha(opacity=65);*zoom:1;display:block}
.charshow li .case-showpic .showpic04{width:223px;height:118px;float:left;marign-top:10px;}
.charshow li .showpic04 .case-small04-hover{display:none;}
.charshow li .showpic04:hover .case-small04-hover{z-index:2;width:205px;font-size:14px;color:#fff;overflow: hidden;padding-left:10px;white-space: nowrap;text-overflow: ellipsis;position:relative;bottom:-4px;_bottom:5px;margin-left:5px;margin-top:-50px;text-align:center;line-height: 35px;_line-height:none;_margin-top:-40px;background:rgba(0, 0, 0, 0.3);*background:#000;background:#000\0;*opacity: 0.65;*-moz-opacity: 0.65;*filter:alpha(opacity=65);*zoom:1;display:block}

.caselist .character {height:251px;margin-bottom:20px;}
.caselist .character li {width: 889px;height: 226px;border: 1px solid #e4e4e4;}
.character .casemain{float: left;width: 869px;height: 242px;}
.character .caseimg {float: left;width: 398px;padding:20px 16px 0px 0px;}
*+html .character .caseimg {float: left;width: 398px;height:211px;padding:20px 27px 0px 0px;}
.caselist .character .caseimg a {color: white;font-size: 12px;}
.caselist .character .caseinfo{position: relative;float: left;width: 436px;line-height:30px;}
.caselist .character .caseinfo p{width:436px;}
.caselist .character span{width:75px;}
.caselist .character .char-name h2{width:350px;float: left;font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.caselist .character .caseinfo .newstext{width:444px;height:95px;margin-top:10px;overflow: hidden;word-wrap: break-word;}
.caselist .character .casemain {float: left;height: 251px;}
.caselist .character .caseimg img {display: block;width: 398px;height: 211px;}

.caselist{width: 892px;}
.caselist li {width: 889px;height: 378px;border: 1px solid #e4e4e4;margin-bottom: 20px;}
.caselist li:hover{box-shadow: 1px 1px 3px #c5c5c5;}
.caselist .casemain {float: left;padding-left:20px;margin-top:0px\0}
*+html .caselist .casemain {float: left;width: 892px;height: 402px;margin-top:0;margin-left:2px}
.caselist .casemain .caseinfo{margin-top:20px;}
.caselist dd {position: relative;float: left;line-height:30px;margin-left:20px;margin-top:13px;}

.caselist .caseinfo p{width:854px;font-size:14px;line-height:24px;color:#686868}
.caselist .caseinfo .newstext{font-size:14px;color:#686868;text-indent: 27px;height:45px;overflow: hidden;word-wrap: break-word;}
.caselist .case-list{width:892px;padding-top:0;}
.caselist .char-name{width: 100%;height: 43px;}
.caselist .char-name h2 {width:755px;float: left;font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.caselist .char-name h2 a:hover {color:#f76120}
.caselist .char-name span {float: left;width: 75px;height: 24px;color:#fff;text-align:center;line-height:24px;margin: 6px 10px 0px 1px;background: url('../images/icon-newsguide.png') 0 0 no-repeat;}
.caselist .case-showpic{width:871px;padding:10px 0px 10px 0}
.caselist .case-showpic span{width:892px;height:189px;margin-right:16px}
.char-caselist{width:847px;}
.char-caselist span {padding-left: 28px;font-size: 14px;color:#999}
.char-caselist .prompt-left{float:left;font-size: 14px;width:720px;_width:680px;color:#999;line-height:36px;}
.char-caselist .prompt-right{text-align:right}
.char-caselist span.prompt-1{width: 100px;height: 35px;margin-bottom: 9px;background: url('../images/liE.gif') 5px no-repeat;color:#999;font-size: 12px;text-align: right;line-height: 34px;cursor: pointer;}
.char-caselist span.prompt-2{width: 100px;height: 35px;margin-bottom: 9px;background: url('../images/liC.gif') 5px no-repeat;color: #999;font-size: 12px;text-align: right;line-height: 34px;cursor: pointer;}
.char-caselist span.prompt-3{width: 100px;height: 35px;margin-bottom: 9px;background: url('../images/liA.gif') 5px no-repeat;color: #999;font-size: 12px;text-align: right;line-height: 34px;cursor: pointer;}

.character .char-showpic span{float:left}
.character .char-showpic span img{float:left;width:270px;height:180px;}
.character h2 {width:310px;font-size: 20px;line-height:34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.char-name span {float: left;width: 75px;height: 24px;margin: 6px 10px 0px 1px;background: url('../images/icon-newsguide.png') 0 0 no-repeat;}
.char-name em {float: left;width: 50px;height: 18px;margin: 13px 0 0 8px;background: url('../images/design_sign.png') 0 -55px no-repeat;}
.char-name strong {float: left;width: 50px;height: 18px;margin: 13px 0 0 8px;background: url('../images/design_sign.png') 0 -28px no-repeat;}
.char-name i {float: left;width: 50px;height: 18px;margin: 13px 0 0 8px;background: url('../images/design_sign.png') 0 -82px no-repeat;}
.char-name {width: 100%;height: 43px;}
.char-name h2 {float: left;}
.character p {font-size: 14px;color:#686868;line-height: 30px;}
.character .newstext{text-indent: 27px;line-height:24px;}
.char-list {margin-top: 14px;color:#999}
.char-list .newsnum p {float:left;margin-right:15px;font-size: 14px;font-style: normal;}
.char-list i {padding-right: 25px;}
.local .guide{border:0}
.local li{border:0}
.char-list span {padding-left: 28px;font-size: 14px;}
.char-list .prompt-left{float:left;width: 282px;font-size: 14px;}
.char-list .prompt-right{text-align:right}
.char-list span.prompt-1{width: 100px;height: 35px;margin-bottom: 9px;background: url('../images/liE.gif') 5px no-repeat;color: #999;font-size: 12px;text-align: right;line-height: 34px;cursor: pointer;}
.char-list span.prompt-2{width: 100px;height: 35px;margin-bottom: 9px;background: url('../images/liC.gif') 5px no-repeat;color: #999;font-size: 12px;text-align: right;line-height: 34px;cursor: pointer;}
.char-list span.prompt-3{width: 100px;height: 35px;margin-bottom: 9px;background: url('../images/liA.gif') 5px no-repeat;color: #999;font-size: 12px;text-align: right;line-height: 34px;cursor: pointer;}

/*****************内容区中间联系方式******************/
.char-mid {float: left;width: 121px;height: 200px;padding-top: 65px;}
.char-mid h3 {color: #f85d2f;font-size: 16px;text-align: center;}
.char-mid em {float: left;width: 106px;height: 34px;margin-bottom: 9px;padding-left: 15px;background: #00cacf url('../images/design-des.png') 15px 7px no-repeat;color: white;font-size: 14px;font-style: normal;text-align: center;line-height: 34px;border-radius: 5px;cursor: pointer;}
.char-mid span {float: left;width: 106px;height: 34px;margin-bottom: 9px;padding-left: 15px;border: 1px solid #00cacf;background: url('../images/design-tel.png') 15px  no-repeat;color: #00cacf;font-size: 14px;text-align: center;line-height: 34px;border-radius: 5px;cursor: pointer;}

/***********************内容区右侧图片************************/
.mid-img {float: right;width: 287px;height: 245px;padding: 10px 0 0 20px;}
.mid-img span {position: relative;float: left;overflow: hidden;width: 120px;height: 96px;margin: 15px 15px 0 0;border-radius: 10px;}
.mid-img em {position: absolute;top: 0;left: -16px;display: none;width: 0px;height: 96px;background-color: #000;color: #fff;font-size: 16px;font-style: normal;text-align: center;line-height: 96px;opacity: 0.6;filter: alpha(opacity=60);border-radius: 10px;cursor: pointer;}
.mid-img img {display: block;width: 100%;height: 100%;border-radius: 10px;}

/*****************右侧*********************/
.right-side {float: right;width: 23.53%;}
.right-side img{margin-top: 0;}
.entrust {width: 279px;height: 490px;margin-top: 24px;border: 1px solid #e4e4e4;}
.ent-top {width: 100%;height: 121px;}
.ent-top img {display: block;width: 100%;height: 100%;}
.design-app {width: 279px;height: auto;margin-bottom: 20px;}
.industry, .scancode {width: 280px;border: 1px solid #e4e4e4;margin-bottom:20px;}

/*******************浏览排行**************************/
.ranking {width: 260px;height: auto;margin-bottom:20px;padding: 18px 0px 16px 20px;border:1px solid #e6e6e6}
.ranking-title {width: 241px;height: 32px;font-size:16px;color:#f0482d;background:url("../images/line.png") no-repeat 0 30px;}
.ranking-title .title-L{float:left;}
.ranking-title .title-R img{float:right;width:22px;height:10px;margin-top:10px;}
.ranking-list {width: 241px;height: auto;}
.ranking-list {width: 241px;height: auto;margin-top:10px;}
.ranking-list ul {overflow:hidden}
.ranking-list li {width:240px;margin-top:-1px;_border-bottom:1px dashed #dfdfdf;_margin-bottom:-1px;color: #686868;font-size: 13px;text-align: left;line-height: 30px;border-top:1px dashed #dfdfdf;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ranking-list li a{width:240px;}
.ranking-list li a:hover{color:#f76120}
*+html .ranking-list li{border-bottom:1px dashed #dfdfdf;margin-bottom:-1px;}
.ranking-list li p{color:#999;font-size:12px;line-height:20px;}
.ranking-qq {width: 130px;height: 26px;margin-left: -2px;padding-left: 42px;border: 1px solid #f35724;background: url('../images/design-scanqq.png') left center no-repeat;}
.ranking-qq a {color: #f35724;font-size: 15px;line-height: 26px;}
/*******************热门排行**************************/
.hot {float: left;width: 260px;padding: 18px 0px 0px 20px;margin-bottom:20px;border:1px solid #e6e6e6;}
*+html .hot{padding: 18px 0px 0px 20px;padding-bottom:20px;}
.hot-title {float: left;width: 241px;height: 32px;font-size:16px;color:#f0482d;background:url("../images/line.png") no-repeat 0 30px;}
.hot-title .title-L{float:left;width:100px;}
.hot-title .title-R img{float:right;width:22px;margin-top:10px;}
.hot-list {float: left;width: 241px;margin-top:10px;margin-bottom: 15px;_padding-bottom:15px}
.hot-list li {+float: left;+margin: 10px 10px 0 0;color: #686868;font-size: 13px;text-align: left;line-height: 30px;background:#f8f8f8}
.hot-list li p{color: #999;font-size: 12px;line-height: 20px;float: left;margin-top:8px;margin-right: 8px;_margin-right:10px;background: #f8f8f8;padding: 5px;_padding:1px 3px 4px 10px;}
.hot-list li p:hover{color:#f76120}
*+html .hot-list li p{padding: 5px;margin-right:0px;margin-top:0px}
.hot-qq {width: 130px;height: 26px;margin-left: -2px;padding-left: 42px;border: 1px solid #f35724;background: url('../images/design-scanqq.png') left center no-repeat;}
.hot-qq a {color: #f35724;font-size: 15px;line-height: 26px;}


/*******************微信扫码**************************/
.scancode {width: 262px;height: 149px;padding: 20px 0px 0px 18px;}
.scan-main {width: 260px;height: 109px;}
.scan-main .scan-L {width: 106px;height: 107px;float:left}
.scan-main .scan-R {width: 118px;height: 107px;float:left;margin-left:20px;}
.scan-main .scan-R ul{width:120px;height:35px;}
.scan-R .scan-weibo{width:120px;height:30px;background:url("../images/design_icon.gif") no-repeat;margin-top:8px;}
.scan-R .scan-weibo a{margin-left:37px;font-size:13px;color:#646a63;line-height:25px;}
.scan-R .scan-weibo a:hover{color:#f76120}
.scan-R .scan-qq{width:120px;height:30px;background:url("../images/design_icon.gif") no-repeat 0 -24px;border-top:1px solid #f2f2f2;margin-top:18px;padding-top:12px}
.scan-R .scan-qq a{margin-left:37px;font-size:13px;color:#646a63;line-height:25px;}
.scan-R .scan-qq a:hover{color:#f76120}
.scan-nam {width: 108px;height: 30px;}
.scan-nam h3 {color: #686868;font-size: 11px;text-align: center;line-height: 30px;}

/*****************联系电话弹出**********************/
.tele-wrap {position: absolute;top: 0;left: 0;display: none;width: 100%;height: 2750px;background-color: rgba(163, 163, 163, 0.3);}
.tele-con {position: relative;width: 407px;height: 183px;background-color: #fff;}
.tele-yourphone {width: 355px;height: 67px;padding: 33px 28px 0 25px;border-top: 1px solid #ededed;}
.tele-con h2 {padding-left: 25px;font-size: 16px;font-weight: bold;}
.tele-yourphone h3 {float: left;margin-right: 20px;font-size: 14px;line-height: 50px;}
.tele-yourphone span {color: #c6c6c6;line-height: 50px;}
.tele-yourphone em {float: right;width: 99px;height: 38px;background-color: #f35828;color: #fff;font-size: 16px;font-style: normal;text-align: center;line-height: 38px;cursor: pointer;}
.tele-con > span {padding-left: 88px;color: #c6c6c6;font-size: 14px;}
.tele-con > em {position: absolute;top: 14px;right: 18px;width: 16px;height: 16px;background: url('../images/design-telclose.png') 0 0 no-repeat;cursor: pointer;}
.tele-con strong {font-size: 14px;font-weight: normal;}

/*********************未接通**************************/
.untele-wrap {position: absolute;top: 0;left: 0;display: none;width: 100%;height: 2750px;background-color: rgba(163, 163, 163, 0.3);}
.tele-untel {position: relative;width: 407px;height: 183px;background-color: #fff;}
.tele-untel > h2 {padding-left: 15px;border-bottom: 1px solid #d5d5d5;font-size: 14px;background-color: #eaeaea;}
.tele-untel > h3 {font-size: 14px;padding: 40px 0 0 98px;}
.tele-untel > span {float: left;width: 90px;height: 30px;margin: 12px 0 0 137px;background-color: #5fbfe7;color: #fff;text-align: center;line-height: 30px;cursor: pointer;}
.tele-untel > em {position: absolute;top: 14px;right: 17px;width: 14px;height: 14px;background: url('../images/design-untel.png') 0 0 no-repeat;cursor: pointer;}

/*右侧栏*/
.order-hall-right{float: right;margin-left: 20px;width: 280px;}
.order-hall-right .entrust-wrap{overflow:hidden;border-radius:0;margin-top:0;background:#fff url("../images/hall_entrust_nav.png") no-repeat;border:1px solid #e4e4e4;width: 248px;height:300px;padding:145px 15px 15px;}
.order-hall-right img{width: 100%;display: block;}
.order-hall-right .entrust-input-wrap,.order-hall-right .entrust-select-wrap{width: 250px;}
.order-hall-right .entrust-select3 select{width: 74px;}
.order-hall-right .entrust-select2 select{width: 117px;}
.order-hall-right .entrust-order-wrap label{width: 120px;}


.news-detail-bg{background:#fff url("../images/new_detail_bg.png") no-repeat;min-height: 832px;}
.news-detail-bg .new-heading{padding: 1px;height:120px;}
.news-detail-bg .new-heading h1{color: #333;font-size: 30px;height: 50px;overflow: hidden;text-align:center;margin-top:32px;}
.news-detail-bg .new-heading .new-other{height: 20px;margin: 10px auto;text-align:center;}
.news-detail-bg .new-heading h6{width: 550px;height: 50px;margin-top: 40px;margin-left: 250px;}
.news-detail-bg .new-heading .new-share{width: 800px;height: 20px;margin: 10px auto;}
.news-detail-bg .sort-share{left: 140px;}
.action p{margin-top: 10px;margin-bottom: 10px;}
.action{padding: 10px 0;overflow: hidden;border: 1px solid #fff;font-size: 14px;line-height: 25px;}
.detail .action img{margin-top: 15px;margin-bottom: 15px;max-width: 100%;}

/*CSS jogger style pagination*/

DIV.pageinfo {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 7px; PADDING-TOP: 2px; FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif
}
DIV.pageinfo A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none
}
DIV.pageinfo A:hover {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
}
DIV.pageinfo A:active {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
}
DIV.pageinfo SPAN.thisclass {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc
}
DIV.pageinfo SPAN.disabled {
	DISPLAY: none
}

.ywnrbox{
	text-align: center;border: 0px solid #f4f4f4;padding: 22px 0px;

}
.rcpjj {
	text-align: left;
	border-bottom: 1px #e6e5e5 solid;
	padding-bottom: 5px;
}
.rcpjj h1 {
	font-size:18px;
	font-weight: 600;
}
.rcpjj h1 span{
	font-size:20px;
	color: #ff6600;
	float: right;
}
.rcpjj p {
	font-size:14px;
	color:#ff0000;
}

.rcpjj p span{
	font-size:14px;
	color:#666;
	float: right;
}
 .zyao {
	margin-top: 10px;
	text-align: left;
	font-size: 14px;
	color: #666;
}
.yhj {
	position: relative;
	height: 140px;
}
.yhj ul{
	margin-top: 20px;
}
 .yhj ul li {
	 float: left;
	 margin: 0px 20px;
 }
 .shuhaom {
	 position: absolute;
	 top: 120px;
	 left: 20px;
	 display: block;
 }
.col-lg-6 {
	width: 90%;
}
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	margin-bottom: 10px;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
	display: table-cell;
}
.input-group-addon, .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}
.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.input-group-btn>.btn {
	position: relative;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	z-index: 2;
	margin-left: -1px;
	margin-bottom: 10px;
}

.sjxhz{


	position: relative;
	border-bottom: 1px #fff solid;
}

.sjxhz .arr1{
	box-sizing: content-box;
	position: absolute;
	top: -16px;;
	right:225px;
	border-bottom:9px solid #fff;
	border-top:9px solid transparent;
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	display: block;

	z-index: 2;
}
.sjxhz .arr2{
	box-sizing: content-box;
	position: absolute;
	top: -19px;
	right:224px;
	border-bottom:10px solid #ccc;
	border-top:10px solid transparent;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	display: block;

	z-index:1
}

#chrq {
	font-style: normal;
}
.lxtel .social-pop-card {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #04b11e;
	position: absolute;
	width: 132px;
	height: 160px;
	top: -155px;
	left: -50px;
	padding: 10px 0;
	-webkit-box-shadow: 0 1px 18px hsl(225deg 4% 79% / 50%);
	box-shadow: 0 1px 18px hsl(225deg 4% 79% / 50%);
	display: none;
	opacity: 0;
	border-radius: 2px;
	z-index: 6;
}

.lxtel:hover .social-pop-card{
	display: block;
	opacity: 1;
	top: -170px;
	left: 225px;

	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}


.lxtel .social-pop-card>img {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto 2px;
}
.lxtel .social-pop-card>p {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #fff;
}

.lxtel .pop-arrow :after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 8px solid #04b11e;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	right: 58px;
	bottom: -8px
}
 .lxtel {
	 margin-top: 30px;
	 text-align: left;
	 font-size: 18px;
	 color: #ff0000;
	 font-weight: bold;
	 padding-left: 30px;
	 position: relative;
 }
.lxtel span{
	padding-left: 10px;
	font-size:16px;
	color: #666;
}
.ljdg {
	margin-top: 30px;
}
.ljdg a {
	margin: 0px 10px;
}
.ljdg a:nth-child(1){
	background: #d10000;
	color: #fff;
	font-size: 16px;
	padding: 10px 30px;
}
.ljdg a:nth-child(2){
	background: #f39800;
	color: #fff;
	font-size: 16px;
	padding: 10px 30px;
}
.wjdh-title {
	background-color: #fff;
	padding: 10px;
	position: relative;
	text-align: left;
	margin-bottom: 30px;
	margin-top: 20px;
}
}
. .wjdh-title {
	padding: 10px 0;
}
.wjdh-title .title-box {

	border-bottom: 1px solid #ececec;
	position: relative;
	height: 40px;
}
.wjdh-title h3 {
	border-bottom: 1px solid #FF1A2B;
	font-size: 20px;
	display: inline;
	color: #FF1A2B;
	position: absolute;
	top: -1px;
}
.wjdh-title h3 {
	border-bottom: 2px solid #FF1A2B;
	color: #FF1A2B;
}
.wjdh-title h3 small {
	font-size: 16px;
	color: #bcbcbc;
	text-transform: uppercase;
}
 .wjdh-title .scan {
	position: absolute;
	right: 0;
	bottom: 10px;
	cursor: pointer;
}
 .wjdh-title .scan span {
	display: block;
	background-image: url(../images/ewm1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
#qrcode {
	display: none;
	position: absolute;
	right: 0;
	top: 30px;
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ececec;
	z-index: 9;
}
.leftbox h1 {
font-size: 18px;
	color: #333;
	text-align: center;
	border-bottom: #e8e4e4 1px solid;
	line-height: 50px;
	background: #f1f1f1;
}
.leftbox .ditem{
	border-bottom: #e8e4e4 1px solid;
	text-align: center;
	padding: 20px 0;
}
.leftbox .ditem:hover {
	background: #f9f9f9;
}
.leftbox .ditem img{
	width: 70%;
	margin: 10px auto;
}
.leftbox .ditem h2{
	font-size: 18px;
	color: #333;

}
.leftbox .ditem h3{
	font-size: 12px;
	color: #9b9b9b;
	margin: 0 auto;
	text-overflow: ellipsis;
	white-space: nowrap;

}
.leftbox .ditem p{

	font-size: 16px;
	color: #f12c20;
}
.tableft{
	width: 300px;height:1000px; background: #fff; border:#e8e4e4 1px solid
}
.lmbanner{
	width: 1280px;
	height: 128px;
	overflow: hidden;
	margin: 10px auto;
}