@charset "utf-8";
/*!
 * 原创网络  高端网站定制
 * 详尽信息请看官网：http://www.yc-net.com.cn/
 *
 * Copyright 2014 原创网络
 *
 * 请尊重原创，保留头部版权
 * 仅供学习参考使用，不可用于任何商业用途
 *
 * 客服QQ 974837117
 */ 

 
.content { max-width:1400px; width:100%; height: auto; margin: 0 auto; padding:0 10px; box-sizing:border-box;}
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 99999;}
.page-down:hover {background: #434343;}/* 回到顶部 */
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(/images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.tishi{text-align:center; margin-top:30px; color:#333; margin-bottom:30px;}
.lmbutt *{ transition:all 0.5s;}
.lmbutt{ width:40px;  line-height:44px; float:right; font-size:22px; color:#666; text-align:center; cursor:pointer; display:none; position:relative;}
.lmbutt .caid{ opacity:1;}
.lmbutt .close{ opacity:0; transform:scale(0,0); width:40px; line-height:44px; position:absolute; left:0; top:0;}
.lmbutt.on{ color:#df0019;}
.lmbutt.on .caid{ opacity:0; transform:scale(0,0);}
.lmbutt.on .close{ opacity:1; transform:scale(1,1);}
.white{ color:#fff !important;}
.webmain{ width:100%; overflow:hidden;}

.banner { position:relative; background:#fff; margin:0 auto; }
.banner .bd { position:relative; z-index:0; }
.banner .bd li img{width:100%; vertical-align:top; } 
.banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;height: 30px;line-height: 30px;text-align: center;_background: #000;_filter: alpha(opacity=60);}
.banner .hd ul {text-align: center;padding-top: 5px;}
.banner .hd ul li {display: inline-block;margin: 0 5px;width: 15px;height: 15px;background: #fff;cursor: pointer;overflow: hidden;line-height: 999px; border-radius: 8px;}
.banner .hd ul .on {background: #df0019; width: 30px;}
.banner .prev {background: url(/images/sprite.png) left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;left: 0;opacity: 0.2;}
.banner .prev:hover {opacity: 0.5;}
.banner .next {background: url(/images/sprite.png) right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;right: 0;opacity: 0.2;}
.banner .next:hover {opacity: 0.5;}

.header{ width:100%; box-sizing:border-box; position: absolute; left:0; top:0; z-index:9999; background:#fff; transition:all 0.5s;}
.header .logo{ float:left; position:relative; width:335px; padding: 25px 0; transition:all 0.5s;}
.header .logo img{transition:all 0.5s;}
.header .inmuen{ float:left; line-height:90px; margin-left: 100px;}
.header .inmuen ul > li{ display:block; float:left; padding:0 16px; position: relative; line-height: 90px; transition:all 0.5s;}
.header .inmuen ul li > a{ display: block; color: #000; font-size: 16px; box-sizing: border-box; font-weight: bold;}
.header .inmuen ul li > a:hover{ color: #df0019; }
.header .inmuen ul li > a.on{ color: #df0019; }
.header .phone{ height:38px; line-height:38px; color: #df0019; font-size: 24px; font-weight: bold; float: right; margin-top: 26px; transition:all 0.5s;}

.header_on{ transition:all 0.5s; position: fixed; box-shadow: 0 0 11px rgba(0, 0, 0, .05); background: rgba(255,255,255,.9);}
.header_on .logo { width: 200px; padding: 15px 0; transition:all 0.5s;}
.header_on .inmuen ul li{ color:#333; line-height: 54px; }
.header_on .phone{ margin-top: 7px; }

.kongge{ height: 90px; background: #fff; }

.insearch{ background: #eaeaea; padding: 8px 0; line-height: 30px; }
.insearch .hotkey{ width: 60%; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
.insearch .hotkey span{ font-size: 14px; color: #333; font-weight: bold; }
.insearch .hotkey a{ color: #333; font-size: 12px; padding: 0 10px; }
.insearch .hotkey a:hover{ color: #df0019; }
.insearch .kuang{ width: 200px; background: #fff; float: right; height: 30px; border-radius: 15px; overflow: hidden; position: relative;}
.insearch .kuang .text{ width: 100%; float: left; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; }
.insearch .kuang .sub{ width: 50px; height: 30px; float: left; outline: none; font-size: 14px; position: absolute; right: 0; top: 0; z-index: 999;}
.insearch .kuang .sub:hover i{ color: #df0019; }

.inpro{ padding: 60px 0; }
.inpro .lmtit{ font-size: 35px; color: #000; text-align: center; margin-bottom: 15px;}
.inpro .lmjj{ font-size: 16px; color: #666; text-align:  center; line-height: 30px; margin-bottom: 15px;}
.inpro .lmxian{ width: 160px; height: 2px; background: #dedede; margin: 0 auto; }
.inpro .nav{ padding: 40px 0; text-align: center; }
.inpro .nav ul li{ display: inline-block; font-size: 16px; color: #333; background: #9c9c9c; margin: 5px; height: 55px; padding: 0 35px; line-height: 55px; transition: all 0.5s;}
.inpro .nav ul li:hover{ background: #df0019; color: #fff; }
.inpro .nav ul li.on{ background: #df0019; color: #fff; }
.inpro .nr ul li{ display: block; width: 24%; margin: 5px 0.5%; float: left; position: relative;}
.inpro .nr ul li img{ width: 100%; height: auto; }
.inpro .nr ul li .fgc{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #df0019; transition: all 0.5s; opacity: 0;}
.inpro .nr ul li .tit{ width: 80%; margin: 0 auto; height: 30px; line-height: 30px; overflow: hidden; font-size: 24px; color: #fff; text-overflow: ellipsis; white-space: nowrap;}
.inpro .nr ul li .border_top{ position:absolute; width:0; height:1px; top:6%; left:5%; background:#fff; transition: all 0.5s;}
.inpro .nr ul li .border_right{ position:absolute; width:1px; height:0; bottom:6%; right:5%; background:#fff; transition: all 0.5s;}
.inpro .nr ul li .border_bottom{ position:absolute; width:0; height:1px; top:94%; right:5%; background:#fff; transition: all 0.5s;}
.inpro .nr ul li .border_left{ position:absolute; width:1px; height:0; top:6%; left:5%; background:#fff; transition: all 0.5s;}
.inpro .nr ul li:hover .border_top{ width:90%;}
.inpro .nr ul li:hover .border_right{ height:88%;}
.inpro .nr ul li:hover .border_bottom{ width:90%;}
.inpro .nr ul li:hover .border_left{ height:88%;}
.inpro .nr ul li:hover .fgc{ opacity: 1; }

.inyingy{ padding: 60px 0; background: #f8f8f8;}
.inyingy .lmtit{ font-size: 35px; color: #000; text-align: center; margin-bottom: 15px;}
.inyingy .lmjj{ font-size: 16px; color: #666; text-align:  center; line-height: 30px; margin-bottom: 15px;}
.inyingy .lmxian{ width: 160px; height: 2px; background: #dedede; margin: 0 auto; }
.inyingynr{ position: relative; margin-top: 50px;}
.inyingynr .hd{ text-align: center;  }
.inyingynr .hd ul li{ display: inline-block; cursor: pointer; margin: 0 20px; margin-bottom: 50px;}
.inyingynr .hd ul li .ico{ width: 100px; height: 100px; border: 1px solid #dedede; border-radius: 7px; }
.inyingynr .hd ul li .tit{ height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; color: #333; text-overflow: ellipsis; white-space: nowrap; }
.inyingynr .hd ul li .ico1{ background: url(/images/inico_01.png) no-repeat center #fff; transition: all 0.5s;}
.inyingynr .hd ul li.on .ico1{ background: url(/images/inico_01on.png) no-repeat center #df0019; }
.inyingynr .hd ul li .ico2{ background: url(/images/inico_02.png) no-repeat center #fff; transition: all 0.5s;}
.inyingynr .hd ul li.on .ico2{ background: url(/images/inico_02on.png) no-repeat center #df0019; }
.inyingynr .hd ul li .ico3{ background: url(/images/inico_03.png) no-repeat center #fff; transition: all 0.5s;}
.inyingynr .hd ul li.on .ico3{ background: url(/images/inico_03on.png) no-repeat center #df0019; }
.inyingynr .hd ul li .ico4{ background: url(/images/inico_04.png) no-repeat center #fff; transition: all 0.5s;}
.inyingynr .hd ul li.on .ico4{ background: url(/images/inico_04on.png) no-repeat center #df0019; }
.inyingynr .hd ul li .ico5{ background: url(/images/inico_05.png) no-repeat center #fff; transition: all 0.5s;}
.inyingynr .hd ul li.on .ico5{ background: url(/images/inico_05on.png) no-repeat center #df0019; }
.inyingynr .hd ul li .ico6{ background: url(/images/inico_06.png) no-repeat center #fff; transition: all 0.5s;}
.inyingynr .hd ul li.on .ico6{ background: url(/images/inico_06on.png) no-repeat center #df0019; }
.inyingynr .bd ul{ line-height: 30px; font-size: 14px; color: #666666; text-align:  center; }
.inyingynr .prev, .inyingynr .next{ position: absolute; width: 35px; height: 70px; line-height: 70px; border-radius: 7px; border: 1px solid #dedede; font-size: 20px; color: #333; text-align: center; cursor: pointer; transition: all 0.5s;}
.inyingynr .prev{ left: 0; top: 50%; margin-top: -35px; }
.inyingynr .next{ right: 0; top: 50%; margin-top: -35px; }
.inyingynr .prev:hover, .inyingynr .next:hover{ border: 1px solid #df0019; background: #df0019; color: #fff; }

.innews{ padding: 60px 0; }
.innews .lmtit{ font-size: 35px; color: #000; text-align: center; margin-bottom: 15px;}
.innews .lmjj{ font-size: 16px; color: #666; text-align:  center; line-height: 30px; margin-bottom: 15px;}
.innews .lmxian{ width: 160px; height: 2px; background: #dedede; margin: 0 auto; }
.innews .nr{ margin-top: 20px; }
.innews .nr ul li{ display: block; width: 24%; margin: 5px 0.5%; float: left; background: #f8f8f8; border-radius: 10px; overflow: hidden; transition: all 0.5s;}
.innews .nr ul li img{ width: 100%; height: auto; }
.innews .nr ul li .tit{ margin-top: 10px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; font-size: 16px; color: #515151; }
.innews .nr ul li .jj{ height: 50px; line-height: 25px; overflow: hidden; font-size: 12px; color: #a8a8a8; padding: 0 20px; }
.innews .nr ul li .date{ text-align: right; font-size: 14px; color: #666666; padding: 0 20px; margin-bottom: 10px; }
.innews .nr ul li:hover{ background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.1); }

.inabout{padding: 60px 0; background: #f8f8f8; position: relative; overflow: hidden;}
.inabout .pic{width: 50%;}
.inabout .nr{ width: 50%; float: right; box-sizing: border-box; padding-left: 50px; }
.inabout .nr .enlmtit{ font-size: 24px; color: #df0019; font-weight: bold; margin-bottom: 10px; }
.inabout .nr .cnlmtit{ font-size: 25px; color: #3c3c3c; margin-bottom: 20px;}
.inabout .nr .wz{ line-height: 30px; font-size: 14px; color: #999; height: 150px; overflow: hidden; margin-bottom: 20px; }
.inabout .nr .more{ display: block; width: 120px; height: 40px; color: #fff; font-size: 14px; border:1px solid #df0019; background: #df0019; text-align: center; line-height: 40px; position: relative; transition: all 0.5s;}
.inabout .nr .more:hover{ background: none; color: #df0019; }

.inrongy{ padding: 60px 0; }
.inrongy .lmtit{ font-size: 35px; color: #000; text-align: center; margin-bottom: 15px;}
.inrongy .lmjj{ font-size: 16px; color: #666; text-align:  center; line-height: 30px; margin-bottom: 15px;}
.inrongy .lmxian{ width: 160px; height: 2px; background: #dedede; margin: 0 auto 50px; }
.inrongynr{ position: relative;}
.inrongynr .bd ul li{ display: block; width: 20%; float: left;}
.inrongynr .bd ul li a{ display: block; padding: 10px; }
.inrongynr .bd ul li img{ box-shadow: 0 0 15px rgba(0,0,0,.1); transition: all 0.5s; width: 100%; height: auto;}
.inrongynr .bd ul li:hover img{ box-shadow: 0 0 15px rgba(0,0,0,.3);}
.inrongynr .prev, .inrongynr .next{ position: absolute; width: 35px; height: 70px; line-height: 70px; z-index: 999; border-radius: 7px; border: 1px solid #dedede; font-size: 20px; color: #333; text-align: center; cursor: pointer; transition: all 0.5s;}
.inrongynr .prev{ left: 0; top: 50%; margin-top: -35px; }
.inrongynr .next{ right: 0; top: 50%; margin-top: -35px; }
.inrongynr .prev:hover, .inrongynr .next:hover{ border: 1px solid #df0019; background: #df0019; color: #fff; }

.inlink{ background: #f8f8f8; padding: 20px 0; }
.inlink .lmtit{ line-height: 25px; height: 25px; padding-left: 20px; font-size: 16px; color: #333; position: relative; margin-bottom: 10px;}
.inlink .lmtit .ico{ width: 5px; height: 20px; background: #df0019; position: absolute; left: 5px; top: 3px; }
.inlink .nr{ line-height: 30px; }
.inlink .nr a{ padding: 0 10px; color: #999; }
.inlink .nr a:hover{ color: #df0019; }

.footer{ background: #df0019; padding: 30px 0; color: #e2e3e7; }
.footer a{ color: #e2e3e7; }
.footer a:hover{ color: #e2e3e7; text-decoration: underline;}
.footer .lwz{ float: left; line-height: 30px; font-size: 14px; width: 55%;}
.footer .rwz{ float: right; font-size: 14px; width: 40%; text-align: right;}
.footer .rwz i{ padding: 0 5px; }

.yuanc-float{position: fixed;right: 0;bottom: 20%;z-index: 50;width: 74px;height: 374px;margin-top: -187px;}
.yuanc-float li{position: relative;width: 84px;height: 74px;margin-bottom: 1px;line-height: 27px;color: #fff;text-align: center;background: #333;}
.yuanc-float li.hidden{overflow: hidden;}
.yuanc-float li a.tit{display: block;width: 74px;height: 74px;padding-top: 42px;color: #fff;font-size:14px;background-image: url(/images/yuanc_float.png);background-repeat: no-repeat;
	background-position: center -80px;}
.yuanc-float li:nth-of-type(1) a{background-position: center -86px;}
.yuanc-float li:nth-of-type(2) a{background-position: center -162px;}
.yuanc-float li:nth-of-type(3){background: #333 url(/images/yuanc_float.png) 0 -242px;}
.yuanc-float li:nth-of-type(4) a{background-position: center -310px;}
.yuanc-float li:nth-of-type(5){background-color: transparent;}
.yuanc-float li:nth-of-type(5) a{padding-top: 0;background-position: center -9px;}
.yuanc-float li p{position: relative;z-index: 2;height: 27px;padding-top: 42px;cursor: pointer;width: 74px;}
.yuanc-float li .tel{position: absolute;left: 74px;top: 0;z-index: 1;width: 184px;height: 74px;font: 24px/74px Arial;color: #fff;cursor: pointer;background: #333;}
.yuanc-float li.ewm{ position: relative; }
.yuanc-float li.ewm .pic{ position: absolute; width: 120px; height: 120px; left: -120px; top: 0; display: none; padding: 10px; background: #333333; box-sizing: border-box;}
.yuanc-float li.ewm:hover .pic{ display: block; }

.nybanner{ height: 350px; background-size: auto 100% !important; }
.weizhi{ height: 40px; line-height: 40px; background: #f8f8f8; color: #ccc;}
.weizhi i{ width: 30px; height: 30px; background: #df0019; float: left; margin-top: 5px; border-radius: 50%; color: #fff; text-align: center; line-height: 30px; font-size: 16px; margin-right: 10px;}
.weizhi span{ color: #df0019; font-weight: bold; }

.nynav{ padding: 25px 0; }
.nynav ul li{ display: block; height: 40px; line-height: 40px; padding: 0 25px; background: #9c9c9c; float: left; font-size: 14px; color: #333; margin: 5px; }
.nynav ul li:hover{ background: #df0019; color: #fff; }
.nynav ul li.on{ background: #df0019; color: #fff; }

.nyabout{ padding-bottom: 30px; line-height: 30px; font-size: 14px; color: #666; }
.nyabout a{ font-weight: bold; }

.nypro *{ transition: all 0.5s; }
.nypro{ padding-bottom: 30px; }
.nypro ul{ display: block; overflow: hidden; }
.nypro ul li{ display: block; box-sizing: border-box; padding: 20px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; width: 25%; float: left; position: relative; right: -1px; bottom: -1px;}
.nypro ul li .tit{ line-height: 25px; height: 50px; padding-right: 40px; position: relative; font-size: 16px; color: #333; margin-bottom: 20px;}
.nypro ul li .tit span{ display: block; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nypro ul li .tit .fenl{ font-size: 12px; color: #999; }
.nypro ul li .tit .ico{ width: 30px; height: 30px; text-align: center; line-height: 30px; border:1px solid #ccc; position: absolute; right: 0; top: 10px; color: #ccc; border-radius: 50%; }
.nypro ul li .tit .ico i{ transition: all 0s; }
.nypro ul li:hover{ box-shadow: inset 0 0 15px #eee; }
.nypro ul li:hover .ico{ background: #df0019; border:1px solid #df0019; color: #fff;}

.page{ text-align:center; padding-bottom: 30px; }
.page a{ display:block; height:30px; width:30px; overflow:hidden;  background: #F1F1F1; display:inline-block; line-height:30px; color:#666; margin-right: -3px;}
.page a:hover{ color:#fff; background:#333;}
.page a.active{ background:#dfdfdf;}
.page a.active:hover{ color:#666;}
.page a i{ line-height:30px;}

.showpro .info{ background: #f8f8f8; padding:20px 20px 20px 600px; position: relative; min-height: 450px; margin-bottom: 30px; }
.showpro .info .pic{ position: absolute; width: 557px; left: 20px; top: 20px; }
.showpro .info .pic img{ width: 100%; height: auto; }
.showpro .info .tit{ padding: 10px 0; line-height: 30px; font-size: 18px; font-weight: bold; color: #333; }
.showpro .info .fenl{ line-height: 20px; color: #999; margin-bottom: 20px; }
.showpro .info .jj{ line-height: 30px; font-size: 14px; color: #666; margin-bottom: 25px; height: 280px; overflow: hidden;}
.showpro .info .fanh{ float: right; width: 120px; height: 40px; background: #333; color: #fff; border-radius: 5px; font-size: 14px; text-align: center; line-height: 40px; }
.showpro .detail .lmtit span{ display: block; height: 40px; line-height: 40px; color: #333; font-size: 18px; font-weight: bold; width: 120px; text-align: center; border-bottom: 2px solid #333; }
.showpro .detail .nr{ padding: 25px 0; line-height: 30px; font-size: 14px; color: #666; }
.showpro .detail .nr a{ font-weight: bold; }

.box{}
.tb-pic{ float:right; border:1px solid #eee;}
.tb-pic a{display:table-cell; text-align:center; vertical-align:middle; cursor:pointer;}
.tb-pic a img {vertical-align:middle;}
.tb-s310, .tb-s310 a {height:450px; width:450px;}
.tb-s310, .tb-s310 img {max-height:450px; max-width:450px;}
.tb-booth {position:relative; z-index:1;}
.tb-thumb .tb-selected {box-sizing: border-box; border:1px solid #df0019;}
div.zoomDiv {z-index:999; position:absolute; width:450px; height:450px; display:none;text-align:center; overflow:hidden; margin-left:-9px; background:#fff;}
div.zoomDiv img{ max-width:inherit; max-height:inherit;}
div.zoomMask {position:absolute; background:url("/images/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:1;}
.picScroll-left { position:relative; width:90px; float:right; margin-right:15px; padding:30px 0;}
.picScroll-left .hd{ overflow:hidden; background:#f4f4f4;}
.picScroll-left .hd .prev { display:block; width:100%; height:30px; opacity:0.9;  font-size:24px; text-align:center; line-height:30px; color:#555; overflow:hidden; cursor:pointer; position:absolute; top:0;  z-index:9; }
.picScroll-left .hd .next { display:block; width:100%; height:30px; opacity:0.9;  font-size:24px; text-align:center; line-height:30px; color:#555; overflow:hidden; cursor:pointer; position:absolute; bottom:0; z-index:9;  }
.picScroll-left .hd .prev:hover { color:#df0019;}
.picScroll-left .hd .next:hover { color:#df0019;}
.picScroll-left .bd {width:480px; overflow:hidden;}
.picScroll-left .bd ul {zoom:1;}
.picScroll-left .bd ul li {text-align:center; zoom:1; height:100px; width:90px; border:0px !important;}
.picScroll-left .bd ul li img{ width:90px; height:90px; margin-top:5px; border:1px solid #eee; box-sizing:border-box; cursor:pointer;}
.picScroll-left .bd ul li.tb-selected img{ width:90px; height:90px; margin-top:5px; border:1px solid #df0019; box-sizing:border-box;}


.hotpro{ padding: 30px 0; background: #f8f8f8; }
.hotpro .lmtit{ height: 40px; padding: 0 15px; background: #333; color: #fff; font-size: 16px; line-height: 40px; }
.hotpro .nr{ padding: 10px 0; }
.hotpro .nr ul li{ display: block; float: left; width: 25%; padding: 10px; box-sizing: border-box;}
.hotpro .nr ul li .tit{ height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #666; }

.nycase *{transition: all 0.5s;}
.nycase{ padding-bottom: 10px; }
.nycase ul li{ display: block; width: 23%; float: left; margin: 0 1% 20px; position: relative;}
.nycase ul li .tit{ height: 40px; line-height: 40px; overflow: hidden; background: #eee; text-align: center; font-size: 14px; color: #333; text-overflow: ellipsis;white-space: nowrap; }
.nycase ul li .xian{ height: 3px; width: 0; position: absolute; bottom: 0; left: 50%; background: #df0019; }
.nycase ul li:hover .xian{ width: 100%; left: 0; }

.nynews ul li{ display: block; float: left; width: 29.33333%; position: relative; margin: 0 2% 50px; padding-left: 100px; box-sizing: border-box;}
.nynews ul li .date{ position: absolute; left: 0; top: 0; line-height: 30px; font-size: 18px; color: #333;}
.nynews ul li .date span{ display: block; line-height: 20px; font-size: 12px; color: #999; text-align: right; }
.nynews ul li .tit{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; color: #333; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5S;}
.nynews ul li .jj{ line-height: 25px; height: 50px; overflow: hidden; color: #999; }
.nynews ul li:hover .tit{ color: #df0019; }

.shownews *{transition: all 0.5s;}
.shownews{ padding-bottom: 15px; }
.shownews .title{ font-size:18px; line-height:30px; padding:10px 0; text-align:center; font-weight: bold;}
.shownews .date{ line-height:25px; background:#f6f6f6; color:#999; text-align:center; padding: 5px 10px;}
.shownews .nr{ padding:30px 10px; border-bottom:1px dashed #dfdfdf; line-height:30px; font-size:14px; color:#666;}
.shownews .nr a{ font-weight: bold; }
.shownews .db{ line-height:40px; padding:15px 0;}
.shownews .pre{ float:left; padding-right:30px;}
.shownews .fanh{ display:block; width:150px; height:35px; line-height:35px; text-align:center; border:1px solid #333; float:right; font-size:14px; color:#fff; background: #333;}
.shownews .fanh:hover{ color:#333; background:none;}
.shownews .pic{ text-align: center; margin-bottom: 10px; padding: 0 100px; position: relative; max-width: 600px; margin: 0 auto;}
.shownews .pic img{ width: 100%; height: auto; }
.shownews .pic .prev, .shownews .pic .next{display: block; width: 60px; height: 60px; line-height: 60px; background: rgba(0,0,0,.3); color: #fff; text-align: center; position: absolute; font-size: 22px; transition: all 0.5s;}
.shownews .pic .prev{ top: 50%; margin-top: -30px; left: 0; }
.shownews .pic .next{ top: 50%; margin-top: -30px; right: 0; }
.shownews .pic .prev:hover, .shownews .pic .next:hover{ background: rgba(0,0,0,.7); }



.case_detail .lmtit span{ display: block; height: 40px; line-height: 40px; color: #333; font-size: 18px; font-weight: bold; width: 120px; text-align: center; border-bottom: 2px solid #333; }

::-webkit-input-placeholder { 
　　color:#333;
　　}
　　:-moz-placeholder {
　　color:#333;
　　}
　　::-moz-placeholder {
　　color:#333;
　　}
　　:-ms-input-placeholder { 
　　color:#333;
　　}

.mess_c {width: 100%; margin-top: 40px;}
.mess_c .text {width: 49%; border: 1px solid #aaa; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #666; margin: 5px 0;}
.mess_c .text1 {width: 100%; border: 1px solid #aaa; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #666; margin: 5px 0;}
.mess_c .text2 {width: 100%; border: 1px solid #aaa;  line-height: 22px; box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #666; margin: 5px 0;}
.mess_c .sub {width: 100px; margin-top: 20px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #df0019;}