/*!
 * 原创网络  高端网站定制
 * 详尽信息请看官网：http://www.yc-net.com.cn/
 *
 * Copyright 2014 原创网络
 *
 * 请尊重原创，保留头部版权
 * 仅供学习参考使用，不可用于任何商业用途
 *
 * 客服QQ 974837117
 */
.content { max-width:1200px; 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(../image/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:64px; 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:64px; position:absolute; left:0; top:0;}
.lmbutt.on{ color:#cf0b2c;}
.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: 20px;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: 20px; height: 20px; cursor: pointer; overflow: hidden; line-height: 999px; border-radius: 10px; border:1px solid #fff; position: relative;}
.banner .hd ul li.on::before{ content:""; display:block; width: 14px; height: 14px; background: #fff; position: absolute; left: 3px; top: 3px; border-radius: 7px;}
.banner .prev {background: url(../image/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(../image/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; transition:all 0.5s;}
.header .logo{ float:left; position:relative; width:183px; padding: 8px 0 22px; transition:all 0.5s;}
.header .logo img{transition:all 0.5s;}
.header .inmuen{ float:left; line-height:90px; margin-left: 190px;}
.header .inmuen ul > li{ display:block; float:left; padding:0 22px; position: relative; line-height: 90px; transition:all 0.5s;}
.header .inmuen ul li > a{ display: block; color: #666666; font-size: 16px; box-sizing: border-box; }
.header .inmuen ul li > a:hover{ color: #000000; }
.header .inmuen ul li > a.on{ color: #000000; }
.header .phone{ height:38px; padding-left:45px; line-height:38px; background:url(../image/ico1.png) no-repeat left; float:left; color: #cf0b2c; font-size: 24px; font-weight: bold; float: right; margin-top: 26px; transition:all 0.5s;}

.header_on{ background:#fff; transition:all 0.5s; position: fixed; box-shadow: 0 0 30px rgba(0, 0, 0, .05);}
.header_on .logo { width: 150px; transition:all 0.5s;}
.header_on .inmuen ul li{ color:#333;}
.header_on .inmuen ul li{ line-height: 79px; }
.header_on .phone{ margin-top: 21px; }

.kongge{ height: 47px; background: #000; display: none; }

.incase .lmtit{ position: relative; width: 50%; float: left; }
.incase .lmtit .fgc{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-left: 30%; padding-right: 20%;}
.incase .lmtit .fgc .cell{ text-align: left; }
.incase .lmtit .fgc .entit{ font-size: 56px; color: #fff; margin-bottom: 30px; }
.incase .lmtit .fgc .cntit{ font-size: 40px; color: #fff; letter-spacing: 4px; margin-bottom: 10px;}
.incase .lmtit .fgc .jj{ line-height: 30px; font-size: 14px; color: #aeaeae; margin-bottom: 60px;}
.incase .lmtit .fgc .more{ display: block; width: 200px; height: 60px; border-radius: 30px; border:2px solid #cf0b2c; background: #cf0b2c; color: #fff; line-height: 60px; text-align: center; font-size: 20px; letter-spacing: 4px; position: relative; overflow: hidden; transition: all 0.5s;}
.incase .lmtit .fgc .more span{ position: relative; z-index: 99; }
.incase .lmtit .fgc .more:hover{ background:none; color: #cf0b2c;  }
.incase .nr{ width: 50%; float: left; }
.incase .nr ul li{ display: block; width: 50%; float: left; position: relative; }
.incase .nr ul li .fgc{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.incase .nr ul li .fgc .ico{ width: 80px; height: 80px; line-height: 80px; text-align: center; margin: 0 auto 20px; }
.incase .nr ul li .fgc .tit{ font-size: 18px; color: #413f42; margin-bottom: 10px; }
.incase .nr ul li .fgc .xian{ width: 50px; height: 1px; background: #cf0b2d; margin: 0 auto; }
.incase .nr ul li .bigtit{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; font-size: 40px; color: #fff; opacity: 0; transition: all 0.5s; }
.incase .nr ul li:hover .bigtit{ opacity: 1; }
.case_li .border_top {position: absolute; width: 0; height: 1px; top: 6%; left: 5%; background: #fff; transition: all .8s;}
.case_li .border_right {position: absolute; width: 1px; height: 0; bottom: 6%; right: 5%; background: #fff; transition: all .8s;}
.case_li .border_bottom {position: absolute; width: 0; height: 1px; top: 94%; right: 5%; background: #fff; transition: all .8s;}
.case_li .border_left {position: absolute; width: 1px; height: 0; top: 6%; left: 5%; background: #fff; transition: all .8s;}
.case_li:hover .border_top {width: 90%;}
.case_li:hover .border_right {height: 88%;}
.case_li:hover .border_bottom {width: 90%;}
.case_li:hover .border_left {height: 88%;}
@-webkit-keyframes bounce-up {
25% { width: 40px;}
50%, 100% {width: 50px;}
75% {width: 40px;}
}
@keyframes bounce-up {
25% { width: 40px;}
50%, 100% {width: 50px;}
75% {width: 40px;}
}
.animate-bounce-up{-webkit-animation: bounce-up 3s linear infinite;animation: bounce-up 3s linear infinite;}
.bgf6f6f6{ background: #f6f6f6; }

.inabout{ padding: 100px 0; background: url(../image/aboutbg.jpg) no-repeat center #fbfafc; }
.inabout .cntit{ font-size: 50px; color: #000; text-align: center; margin-bottom: 5px;}
.inabout .entit{ color: #bcbcbc; font-size: 16px; text-align: center; margin-bottom: 50px;}
.inabout .leftnr{ width: 48%; float: left; }
.inabout .leftnr .tit{ font-size: 20px; color: #2d2b2e; padding: 25px 0; }
.inabout .leftnr .jj{ line-height: 30px; color: #6d6b6e; font-size: 14px; margin-bottom: 60px;}
.inabout .leftnr .shuju .timer{ width: 33.3333%; box-sizing: border-box; float: left; height: 40px; line-height: 40px; font-size: 24px; color: #828282;}
.inabout .leftnr .shuju .ico1{ padding-left: 80px; background: url(../image/icon6.png) no-repeat 20px center; border-right: 1px solid #828282;}
.inabout .leftnr .shuju .ico2{ padding-left: 80px; background: url(../image/icon7.png) no-repeat 20px center; border-right: 1px solid #828282;}
.inabout .leftnr .shuju .ico3{ padding-left: 80px; background: url(../image/icon8.png) no-repeat 25px center; }
.inabout .rightpic{ width: 52%; float: left; padding-left: 55px; box-sizing: border-box; position:relative;}
.inabout .rightpic .bd { position:relative; z-index:0; }
.inabout .rightpic .bd li img{width:100%; vertical-align:top; } 
.inabout .rightpic .prev{display: block; width: 55px; height: 55px; text-align: center; line-height: 55px; background: rgba(0,0,0,.6); font-size: 20px; color: #fff; position: absolute; left: 0; bottom: 0; transition: all 0.5s;}
.inabout .rightpic .next{display: block; width: 55px; height: 55px; text-align: center; line-height: 55px; background: rgba(0,0,0,.6); font-size: 20px; color: #fff; position: absolute; left: 55px; bottom: 0; transition: all 0.5s;}
.inabout .rightpic .prev:hover, .inabout .rightpic .next:hover{ background: #cf0b2c; }

.inhoo{ background: url(../image/hobg.jpg) no-repeat center; background-attachment: fixed; padding: 100px 0 180px; }
.inhoo .cntit{ font-size: 50px; color: #000; text-align: center; margin-bottom: 5px;}
.inhoo .entit{ color: #bcbcbc; font-size: 16px; text-align: center; margin-bottom: 50px;}
#imageFlow { position: relative; min-height: 260px; padding: 0 0 100px; }
#imageFlow .diapo { position: absolute; left: -1000px; cursor: pointer; -ms-interpolation-mode: nearest-neighbor;}
#imageFlow .link { margin-left: -1px; margin-bottom: -1px; }
#imageFlow .bank { visibility: hidden; }
#imageFlow img {height: 270px;}
#imageFlow .top { position: absolute; width: 100%; height: 40%; background: #181818; }
#imageFlow .text { position: absolute; left: 50%; width: 560px; bottom: -90px; margin-left: -280px; text-align: center; color: #333; z-index: 1000;}
#imageFlow .title { font-size: 30px; padding: 40px 0; }
#imageFlow .legend { font-size: 14px; color: #444; line-height: 30px; }
#imageFlow .scrollbar { position: absolute; width: 420px; height: 50px; left: 50%; margin-left: -210px; bottom: 7px; z-index: 1000; }
#imageFlow .track { position: absolute; left: 1%; width: 98%; height: 16px; filter: alpha(opacity=30); opacity: 0.3; }
#imageFlow .arrow-left { position: absolute; }
#imageFlow .arrow-right { position: absolute; right: 0px; }
#imageFlow .bar { position: absolute; height: 16px; left: 25px; }
#imageFlow .arrow-left{ width: 50px; height: 50px; border-radius: 50%; border:1px solid #666666; position: absolute; left: 0; top: 0; text-align: center; line-height: 50px; font-size: 20px; color: #666666; transition: all 0.5s;}
#imageFlow .arrow-right{ width: 50px; height: 50px; border-radius: 50%; border:1px solid #666666; position: absolute; right: 0; top: 0; text-align: center; line-height: 50px; font-size: 20px; color: #666666; transition: all 0.5s;}
#imageFlow .arrow-left:hover, #imageFlow .arrow-right:hover{ border:1px solid #cf0b2c; background: #cf0b2c; color: #fff; }
canvas{display: none;}

.innews{ background: url(../image/newsbg.jpg) no-repeat right bottom; padding: 100px 0;}
.innews .cntit{ font-size: 50px; color: #000; text-align: center; margin-bottom: 5px;}
.innews .entit{ color: #bcbcbc; font-size: 16px; text-align: center; margin-bottom: 50px;}
.innews .nav{ padding: 0 0 30px; line-height: 35px; text-align: center; }
.innews .nav ul li{ display: inline-block; padding: 0 35px; color: #979797; font-size: 18px; }
.innews .nav ul li span{font-family: fantasy; margin-right: 5px;}
.innews .nav ul li:hover{ color: #000; font-weight: bold; }
.innews .nav ul li.on{ color: #000; font-weight: bold; }
.innews .nr ul li{ display: block; width: 50%; float: left; margin-bottom: 50px; box-sizing: border-box; position: relative; padding: 0 20px 0 150px; min-height: 100px;}
.innews .nr ul li .date{ width: 100px; height: 100px; background: #eeeeee; position: absolute; left: 20px; top: 0; box-sizing: border-box; padding: 20px 15px 20px 0; text-align: right; font-size: 24px; color: #030303; line-height: 30px; transition: all 0.5s;}
.innews .nr ul li .date span{ display: block; font-size: 14px; color: #b9b9b9; transition: all 0.5s;}
.innews .nr ul li .tit{ height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; color: #0a0a0a; text-overflow: ellipsis; white-space: nowrap; }
.innews .nr ul li .jj{ line-height: 25px; height: 70px; overflow: hidden; font-size: 14px; color: #999999; }
.innews .nr ul li:hover .date{ background: #cf0b2c; color: #fff; }
.innews .nr ul li:hover .date span{ color: #fff; }
.innews .more{ display: block; width: 200px; height: 60px; border-radius: 30px; border:1px solid #e1e1e1; text-align: center; line-height: 60px;  font-size: 20px; letter-spacing: 4px; color: #131313; margin: 0 auto; transition: all 0.5s;}
.innews .more:hover{ border:1px solid #cf0b2c; background: #cf0b2c; color: #fff; }

.inmess{ background: url(../image/messbg.jpg) no-repeat center; background-attachment: fixed; padding: 80px 0 100px; }
.inmess .cntit{ font-size: 50px; color: #000; text-align: center; margin-bottom: 5px;}
.inmess .entit{ color: #bcbcbc; font-size: 16px; text-align: center; margin-bottom: 50px;}
.inmess .nr{ max-width: 1000px; padding: 50px 60px; box-sizing: border-box; background: #fff; position: relative; margin: 0 auto; box-shadow: 0 0 50px rgba(0, 0, 0, .1);}
.inmess .nr .li{ display: block; height: 45px; width: 50%; box-sizing: border-box; float: left; padding: 0 55px 0 35px; position: relative; margin: 10px 0;}
.inmess .nr .li .text{ width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; background: #f3f3f3; padding: 0 20px; font-size: 14px; color: #999;}
.inmess .nr .li span{ width: 35px; height: 45px; text-align: center; line-height: 45px; position: absolute; left: 0; top: 0; display: block; color: #cf0b2c;}
.inmess .nr .li .shengnr{ width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; background: #f3f3f3; padding: 0 20px; font-size: 14px; color: #999; position: relative; cursor: pointer;}
.inmess .nr .li .shengnr i{ float: right; line-height: 45px; }
.inmess .nr .li .shengerji{ position: absolute; width: 100%; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .1); left: 0; top: 45px; height: 175px; overflow: hidden; display: none; z-index: 999;}
.inmess .nr .li .shengerji ul li{ display: block; padding: 0 10px; cursor:  pointer; height: 35px; line-height: 35px; }
.inmess .nr .li .shengerji ul li:hover{ background: #f7f7f7; color: #666; }
.inmess .nr .li .shengerji ul li.on{ background: #f7f7f7; color: #666; }
.inmess .nr .li .hangyenr{ width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; background: #f3f3f3; padding: 0 20px; font-size: 14px; color: #999; position: relative; cursor: pointer;}
.inmess .nr .li .hangyenr i{ float: right; line-height: 45px; }
.inmess .nr .li .hangyeerji{ position: absolute; width: 100%; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .1); left: 0; top: 45px; height: 175px; overflow: hidden; display: none; z-index: 999;}
.inmess .nr .li .hangyeerji ul li{ display: block; padding: 0 10px; cursor:  pointer; height: 35px; line-height: 35px; }
.inmess .nr .li .hangyeerji ul li:hover{ background: #f7f7f7; color: #666; }
.inmess .nr .li .hangyeerji ul li.on{ background: #f7f7f7; color: #666; }
.inmess .nr .tijiao{ width: 200px; height: 50px; outline: none; font-size: 18px; color: #fff; display: block; position: absolute; background: #cf0b2c; border-radius: 25px; text-align: center;line-height: 50px; left: 50%; margin-left: -100px; bottom: -25px; transition: all 0.5s;}
.inmess .nr .tijiao:hover{ background: #bc0726; }

.footer{ background: #202020;}
.footer .flogo{ padding: 50px 0; text-align: center; }
.footer .fnav{ text-align: center;}
.footer .fnav a{ display: inline-block; font-size: 16px; color: #a9a9a9; padding: 0 20px; border-right: 2px solid #a9a9a9; height: 16px; line-height: 16px;}
.footer .fnav a:hover{ color: #cf0b2c; }
.footer .banq{ padding: 0 0 10px; line-height: 25px; text-align: center; font-size: 12px; color: #a9a9a9; }
.footer .banq a{color: #a9a9a9;}
.footer .banq a:hover{ text-decoration: underline; }
.fwapphone{ line-height:40px; font-size:30px; margin-bottom:0; font-weight:100; color:#a9a9a9; text-align: center; display: none;}
.fwapphone a{color:#a9a9a9;}

.yuanc-float{position: fixed;right: 0;bottom: 30%;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(../image/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(../image/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: 500px; background-size: auto 100% !important;}

.weizhi{ height: 80px; line-height: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #999999; }
.weizhi img{ position: relative; top: -1px; }
.weizhi .fanh{ width: 90px; height: 30px; border:1px solid #cf0b2c; display: block; border-radius: 15px; font-size: 14px; background: #cf0b2c; color: #fff; float: right; line-height: 30px; text-align: center; transition: all 0.5s; margin-top: 25px;}
.weizhi .fanh:hover{ background: none; color: #cf0b2c;}

.nynav{ margin-bottom: 30px; }
.nynav ul li{ display: block; float: left; padding: 0 60px; font-size: 18px; color: #666666; height: 60px; line-height: 60px; margin:5px 10px 5px 0; transition: all 0.5s;}
.nynav ul li:hover{ background: #cf0b2c; color: #fff; }
.nynav ul li.on{ background: #cf0b2c; color: #fff; }

.nyabout{ font-size: 14px; line-height: 30px; color: #666;  margin-bottom: 30px;}
.nyabout a{ color: #cf0b2c; text-decoration: underline; }

.fshuju{ padding: 30px 0 20px; background: #f4f4f4; }
.fshuju ul li{ display: block; width: 33.33333%; float: left; text-align: center; font-size:30px; color: #333333;}
.fshuju ul li img{ margin-right: 20px; position: relative; top: -3px;}

.nynews ul li{ display: block; padding: 30px 240px 30px 320px; min-height: 200px; position: relative; border-bottom: 1px solid #e5e5e5; background: #fff; transition: all 0.5s;}
.nynews ul li .pic{ width: 270px; overflow: hidden; position: absolute; left: 30px; top: 30px; }
.nynews ul li .date{ padding: 0 40px; position: absolute; border-left: 1px solid #e5e5e5; right: 0; top: 50%; margin-top: -59px;}
.nynews ul li .date span{ font-size: 40px; color: #727272; font-weight: bold; display: block;}
.nynews ul li .date em{ display: block; font-size: 12px; color: #727272; line-height: 20px; margin-bottom: 10px;}
.nynews ul li .date .more{ color: #000000; line-height: 35px; border-top: 1px solid #e5e5e5; text-align: center; font-size: 14px; }
.nynews ul li .tit{ font-size: 18px; color: #141414; height: 55px; line-height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nynews ul li .jj{ font-size: 14px; color: #999999; line-height: 30px; height: 120px; overflow: hidden; }
.nynews ul li:hover{ box-shadow: 0 0 30px rgba(0, 0, 0, .1); border-bottom: 1px solid #fff ; z-index: 99;}

.page{ padding: 30px 0; text-align: center; }
.page a{ display: inline-block; border: 1px solid #e8e8e8; height: 40px; line-height: 40px; padding: 0 10px; margin: 3px 5px; color: #666666; border-radius: 5px; font-size: 14px; transition: all 0.5s;}
.page a:hover{ border: 1px solid #cf0b2c; background: #cf0b2c; color: #fff; }
.page a.on{ border: 1px solid #cf0b2c; background: #cf0b2c; color: #fff; }

.shownews{ padding: 30px 0; }
.shownews .tit{ font-size: 30px; color: #333333; text-align: center; margin-bottom: 20px;}
.shownews .date{ height: 16px; line-height: 16px; text-align: center; font-size: 14px; color: #b7b7b7;}
.shownews .date span{ display: inline-block; padding: 0 20px; border-right: 1px solid #b7b7b7; }
.shownews .nr{ padding: 30px 0; font-size: 14px; line-height: 30px; color: #666;}
.shownews .nr a{ color: #cf0b2c; text-decoration: underline; }
.shownews .sxp{ padding: 10px 0; font-size: 16px; line-height: 40px; border-top: 1px solid #e6e6e6;}
.shownews .sxp .lan{ float: left; line-height: 30px; transition: all 0.5s;}
.shownews .sxp .lan .ico{ width: 30px; height: 30px; border: 1px solid #666; border-radius: 50%; line-height: 30px; text-align: center; float: left; color: #666; margin-right: 10px; transition: all 0.5s;}
.shownews .sxp .ran{ float: right; line-height: 30px; transition: all 0.5s;}
.shownews .sxp .ran .ico{ width: 30px; height: 30px; border: 1px solid #666; border-radius: 50%; line-height: 30px; text-align: center; float: right; color: #666; margin-left: 10px; transition: all 0.5s;}
.shownews .sxp .lan:hover{ color: #cf0b2c; }
.shownews .sxp .lan:hover .ico{ border: 1px solid #cf0b2c; background: #cf0b2c; color: #fff; }
.shownews .sxp .ran:hover{ color: #cf0b2c; }
.shownews .sxp .ran:hover .ico{ border: 1px solid #cf0b2c; background: #cf0b2c; color: #fff; }
.shownews .pic{ text-align: center; padding: 0 100px; position: relative; max-width: 600px; margin: 0 auto 20px;}
.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); }

.xgnews{ margin-bottom: 30px; }
.xgnews .cntit{ font-size: 30px; color: #000; text-align: center; margin-bottom: 5px;}
.xgnews .entit{ color: #bcbcbc; font-size: 16px; text-align: center; margin-bottom: 20px;}
.xgnews .nr ul li{ width: 23%; margin: 10px 1%; float: left; }
.xgnews .nr ul li .date{ height: 40px; line-height: 40px; font-size: 22px; color: #8c8c8c; position: relative; border-bottom: 1px solid #cccccc; }
.xgnews .nr ul li .date .xian{ width: 0; height: 1px; background: #cf0b2c; left: 0; bottom: 0; transition: all 0.5s;}
.xgnews .nr ul li .tit{ height: 60px; line-height: 60px; font-size: 14px; color: #414141; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xgnews .nr ul li:hover .xian{ width: 100%; }
.xgnews .nr ul li:hover .date{ color: #cf0b2c; }
.xgnews .nr ul li:hover .tit{ color: #cf0b2c; }
.xgnews .nr ul li img{ width: 100%; height: auto; }

.nycase ul li{ width: 23%; margin: 10px 1%; float: left; }
.nycase ul li .pic {height: 200px; overflow: hidden;}
.nycase ul li .tit{ position: relative; height: 60px; line-height: 60px; overflow: hidden; padding-right: 50px; font-size: 14px; color: #414141; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #cccccc; transition: all 0.5s;}
.nycase ul li .date{ font-size: 14px; color: #999999;height: 60px; line-height: 60px; position: absolute; right: 0; top: 0; transition: all 0.5s;}
.nycase ul li .xian{ width: 0; height: 1px; background: #cf0b2c; left: 0; bottom: 0; transition: all 0.5s; position: absolute;}
.nycase ul li:hover .xian{ width: 100%; }
.nycase ul li:hover .tit{ color: #cf0b2c; }
.nycase ul li:hover .date{ color: #cf0b2c; }
.nycase ul li img{ width: 100%; height: auto; }

.nyjoin{ padding: 30px 0; }
.nyjoin .cntit{ font-size: 30px; color: #000; text-align: center; margin-bottom: 5px;}
.nyjoin .entit{ color: #bcbcbc; font-size: 14px; text-align: center; margin-bottom: 20px;}
.nyjoin .nr{ max-width: 850px; box-sizing: border-box; position: relative; margin: 0 auto; }
.nyjoin .nr .li{ display: block; height: 45px; width: 50%; box-sizing: border-box; float: left; padding: 0 55px 0 35px; position: relative; margin: 10px 0;}
.nyjoin .nr .li .text{ width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; background: #f3f3f3; padding: 0 20px; font-size: 14px; color: #999;}
.nyjoin .nr .li span{ width: 35px; height: 45px; text-align: center; line-height: 45px; position: absolute; left: 0; top: 0; display: block; color: #cf0b2c;}
.nyjoin .nr .li .shengnr{ width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; background: #f3f3f3; padding: 0 20px; font-size: 14px; color: #999; position: relative; cursor: pointer;}
.nyjoin .nr .li .shengnr i{ float: right; line-height: 45px; }
.nyjoin .nr .li .shengerji{ position: absolute; width: 100%; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .1); left: 0; top: 45px; height: 175px; overflow: hidden; display: none; z-index: 999;}
.nyjoin .nr .li .shengerji ul li{ display: block; padding: 0 10px; cursor:  pointer; height: 35px; line-height: 35px; }
.nyjoin .nr .li .shengerji ul li:hover{ background: #f7f7f7; color: #666; }
.nyjoin .nr .li .shengerji ul li.on{ background: #f7f7f7; color: #666; }
.nyjoin .nr .li .hangyenr{ width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; background: #f3f3f3; padding: 0 20px; font-size: 14px; color: #999; position: relative; cursor: pointer;}
.nyjoin .nr .li .hangyenr i{ float: right; line-height: 45px; }
.nyjoin .nr .li .hangyeerji{ position: absolute; width: 100%; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .1); left: 0; top: 45px; height: 175px; overflow: hidden; display: none; z-index: 999;}
.nyjoin .nr .li .hangyeerji ul li{ display: block; padding: 0 10px; cursor:  pointer; height: 35px; line-height: 35px; }
.nyjoin .nr .li .hangyeerji ul li:hover{ background: #f7f7f7; color: #666; }
.nyjoin .nr .li .hangyeerji ul li.on{ background: #f7f7f7; color: #666; }
.nyjoin .nr .tijiao{ width: 200px; height: 50px; outline: none; font-size: 18px; color: #fff; display: block; background: #cf0b2c; border-radius: 25px; text-align: center;line-height: 50px; transition: all 0.5s; margin: 10px auto;}
.nyjoin .nr .tijiao:hover{ background: #bc0726; }

.nrpro ul li{ display: block; min-height: 250px; padding: 50px 600px 50px 100px; background: #f1f1f1; margin: 10px 0; position: relative;}
.nrpro ul li .pic{ width: 450px; position: absolute; right: 100px; top: 0; }
.nrpro ul li .tit{ height: 60px; line-height: 60px; overflow: hidden; font-size: 26px; color: #393939; text-overflow: ellipsis; white-space:  nowrap; }
.nrpro ul li .xian{ height: 1px; background: #d6d6d6; margin-bottom: 20px;}
.nrpro ul li .xian span{ display: block; width: 60px; height: 2px; background: #959595; }
.nrpro ul li .jj{ line-height: 25px; height: 75px; overflow: hidden; font-size: 14px; color: #5c5c5c; margin-bottom: 40px; }
.nrpro ul li .more{ width: 130px; height: 40px; border-radius: 20px; background: #cf0b2c; color: #fff; font-size: 14px; line-height: 40px; text-align: center; border: 1px solid #cf0b2c; transition: all 0.5s;}
.nrpro ul li .more:hover{ background: none; color: #cf0b2c; }

.showpro{ margin-top: 90px; }
.showpro .tit{ line-height: 50px; background: #f4f4f4;  }
.showpro .tit span{ font-size: 18px; color: #666666; }
.showpro .tit a{ display: block; float: right; width: 100px; height: 30px; background: #cf0b2c; font-size: 16px; line-height: 30px; color: #fff; text-align: center; margin-top: 10px; border: 1px solid #cf0b2c; transition: all 0.5s;}
.showpro .tit a:hover{ background: none; color: #cf0b2c; }