@charset "utf-8";
/*!
 * 米维建站  一键轻松建站
 * 详尽信息请看官网：http://www.miwdns.com/
 *
 * Copyright 2014 米维建站
 *
 * 请尊重原创，保留头部版权
 * 仅供学习参考使用，不可用于任何商业用途
 *
 * 客服QQ 974837117
 *
 */
.content { width:100%; max-width:1400px; height: auto; margin: 0 auto; padding:0 10px; box-sizing:border-box;}
img {max-width: 100%; height:auto !important;}
.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: #e40000;}/* 回到顶部 */
.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隐藏显示网站*/
}
.lmbutt *{ transition:all 0.5s;}
.lmbutt{ width:40px;  line-height:35px; 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:35px; position:absolute; left:0; top:0;}
.lmbutt.on{ color:#e40000;}
.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;}
.nybg{ background:#f1f1f1;}

.banner {width: 100%; position: relative;height: auto;background: #eee;}
.banner .bd {margin: 0 auto;position: relative; width:100%; z-index: 0;overflow: hidden;}
.banner .bd ul {width: 100% !important;}
.banner .bd li {width: 100% !important;height: 766px;overflow: hidden;text-align: center; }
.banner .bd li a {display: block;height: 766px;}
.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:10px;}
.banner .hd ul .on {background: #e40000; 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_on{ background:#fff; transition:all 0.5s; border-bottom:1px solid #eee; padding:10px 170px !important;}
.header_on .logo .logoimgon{ opacity:1 !important;}
.header_on .city span{ color:#333; transition:all 0.5s;}
.header_on .city .qhcs{ color:#999 !important; border:1px solid #ccc !important; transition:all 0.5s;}
.header_on .phone{ opacity:1 !important; transition:all 0.5s;}
.header_on .inmuen ul li{ color:#333 !important;}
.header_on .inmuen ul li.on{color:#e40000 !important; transition:all 0.5s;}
.header_on .inmuen ul li:hover{color:#e40000 !important; transition:all 0.5s;}

.header{ padding:20px 200px; width:100%; box-sizing:border-box; position: fixed; left:0; top:0; z-index:9999; transition:all 0.5s;}
.header .logo{ float:left; position:relative; width:170px;}
.header .logo img{transition:all 0.5s;}
.header .logo .logoimgon{ position:absolute; width:100%; left:0; top:0; opacity:0; }
.header .city{ float:left; height:30px; line-height:30px; float:left; margin:7px 0 0 30px; color:#fff; font-size:14px;}
.header .city span{ display:inline-block; transition:all 0.5s;}
.header .city .qhcs{ display:inline-block; position:relative; width:75px; height:30px; line-height:30px; text-align:center; border:1px solid #eee; color:#eee; font-size:12px; margin-left:15px; transition:all 0.5s;}
.header .city .qhcs:hover .xuanf{ opacity:1; transform:all 0.5s; display:block;}
.header .city .xuanf{ position:absolute; left:-1px; top:-1px; background:#fff; border:1px solid #eee; width:100px; opacity:0; transition:all 0.5s; display:none;}
.header .city .xuanf a{ display:block;}
.header .phone{ height:30px; padding-left:40px; line-height:30px; background:url(../images/header-phone.png) no-repeat left; float:left; margin:7px 0 0 40px; transition:all 0.5s; opacity:0;}
.header .phone span{ display:block; padding:0 20px; border-radius:15px; background:#e40000; font-size:14px; color:#fff; font-weight:bold;}
.header .inmuen{ float:right; line-height:45px;}
.header .inmuen ul li{ display:block; float:left; padding:0 25px; font-size:14px; color:#fff; transition:all 0.5s;}
.header .inmuen ul li:hover{ color:#e40000; transition:all 0.5s;}
.header .inmuen ul li.on{ color:#e40000; transition:all 0.5s;}

.inser *{ transition:all 0.5s;}
.inser{ padding:30px 0 50px;}
.inser .btitle{ line-height:50px; font-size:30px; color:#222; text-align:center;}
.inser .stitle{ line-height:25px; font-size:16px; color:#333; text-align:center; margin-bottom:15px;}
.inser .xian{ width:58px; height:4px; background:#e40000; margin:0 auto;}
.inser .lmjj{ line-height:20px; text-align:center; padding:35px; 0; color:#999;}
.inser .nr ul li{ display:block; width:25%; float:left; box-sizing:border-box; padding:40px 30px;}
.inser .nr ul li .ico{ position:relative; width:179px; height:92px; margin:0 auto 30px; overflow:hidden;}
.inser .nr ul li .fgc{ position:absolute; left:0; bottom:-92px; width:100%; height:100%;}
.inser .nr ul li .tit{ line-height:40px; font-size:16px; color:#333; text-align:center;}
.inser .nr ul li .jj{ line-height:20px; height:60px; overflow:hidden; color:#999; text-align:center;}
.inser .nr ul li:hover{ background:#fff; box-shadow:0 0 10px #dbdbdb;}
.inser .nr ul li:hover .fgc{ transform:translateY(-92px);}
.inser .nr ul li .ico1{ background:url(../images/service-img-0-0.png) no-repeat center;}
.inser .nr ul li .ico1 .fgc{ background:url(../images/service-img-0-1.png) no-repeat center;}
.inser .nr ul li .ico2{ background:url(../images/service-img-1-0.png) no-repeat center;}
.inser .nr ul li .ico2 .fgc{ background:url(../images/service-img-1-1.png) no-repeat center;}
.inser .nr ul li .ico3{ background:url(../images/service-img-2-0.png) no-repeat center;}
.inser .nr ul li .ico3 .fgc{ background:url(../images/service-img-2-1.png) no-repeat center;}
.inser .nr ul li .ico4{ background:url(../images/service-img-3-0.png) no-repeat center;}
.inser .nr ul li .ico4 .fgc{ background:url(../images/service-img-3-1.png) no-repeat center;}

.incase *{ transition:all 0.5s;}
.incase{ background:#f6f6f6; padding:30px 0 1px;}
.incase .btitle{ line-height:50px; font-size:30px; color:#222; text-align:center;}
.incase .stitle{ line-height:25px; font-size:16px; color:#333; text-align:center; margin-bottom:15px;}
.incase .xian{ width:58px; height:4px; background:#e40000; margin:0 auto; margin-bottom:25px;}
.incase .nav{ line-height:20px; text-align:center; padding:35px; 0; color:#999;}
.incase .nav a{ display: inline-block; height:20px; font-size:14px; color:#999; padding:0 30px;}
.incase .nav a:hover{ color:#e40000;}
.incase .nr ul li *{ transition:all 1s;}
.incase .nr ul li{ display:block; width:49%; float:left; margin:5px 0.5%; background:#fff;}
.incase .nr ul li .pic{ position:relative; overflow:hidden; background:#eee;}
.incase .nr ul li .pic .border_top{ position:absolute; width:0; height:1px; top:6%; left:5%; background:#fff;}
.incase .nr ul li .pic .border_right{ position:absolute; width:1px; height:0; bottom:6%; right:5%; background:#fff;}
.incase .nr ul li .pic .border_bottom{ position:absolute; width:0; height:1px; top:94%; right:5%; background:#fff;}
.incase .nr ul li .pic .border_left{ position:absolute; width:1px; height:0; top:6%; left:5%; background:#fff;}
.incase .nr ul li .wz{ padding:10px 15px;}
.incase .nr ul li .tit{ height:35px; line-height:35px; overflow:hidden; font-size:16px; font-weight:bold; color:#333; white-space: nowrap;text-overflow: ellipsis;}
.incase .nr ul li .jj{ line-height:25px; height:25px; overflow:hidden; font-size:14px; color:#999; white-space: nowrap;text-overflow: ellipsis;}
.incase .nr ul li:hover .pic img{ transform:scale(1.1,1.1);}
.incase .nr ul li:hover .border_top{ width:90%;}
.incase .nr ul li:hover .border_right{ height:88%;}
.incase .nr ul li:hover .border_bottom{ width:90%;}
.incase .nr ul li:hover .border_left{ height:88%;}
.case-more{ margin-top:50px; position:relative;}
.center-block{display:block;margin-right:auto;margin-left:auto}
.case-more .line{width: 1px; height: 45px; background-color: #d9d5d1; display: none\9;}
.case-more .circles{width: 7px; height: 7px; border: 1px solid #d9d5d1; display: none\9;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.button-load-more{margin: 20px auto 30px; height:126px; width:126px; position:relative; display:block;}
.button-load-more i{top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; color: #000; font-size:18px; display:block;}
.pr{position: relative;}
.pa{position: absolute;}
@media (max-width: 780px){
.button-load-more{width: 76px; height: 76px;  background: url(../images/ycnet_more.jpg) no-repeat center center; background-size: 100%;}
.button-load-more svg{display: none;}
}
.button-load-more svg {fill:transparent; stroke:#e3ded9; stroke-width:1}
.button-load-more .c1,.button-load-more .c2 {
	-webkit-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	-webkit-transition:fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
@media (min-width: 1200px){
.button-load-more:hover i{-webkit-animation: myCircle 0.8s linear; -moz-animation: myCircle 0.8s linear; animation: myCircle 0.8s linear;}
.button-load-more:hover .c1 {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.button-load-more:hover .c2 {-webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg)}
}
@-webkit-keyframes myCircle{
0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes myCircle{
0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

.inmess{ padding:35px 0; background:url(../images/ycnet_bg.jpg) no-repeat center; box-shadow: 0 -3px 12px #dad6d6;}
.inmess .lmtit{ margin-bottom:15px;}
.inmess .lmtit .ltit{ width:49.5%; float:left; padding-left:0.5%;}
.inmess .lmtit .rtit{ width:49.5%; float:right; text-align:right; padding-right:0.5%;}
.inmess .lmtit .rtit .en{ font-size:12px; line-height:20px; color:#fff;}
.inmess .lmtit .rtit .cn{ font-size:14px; line-height:20px; color:#fff;}
.inmess .text{ padding:0 10px; line-height:60px; height:60px; background:rgba(255,255,255,.85); width:24%; float:left; margin:0 0.5%; font-size:14px; box-sizing:border-box; outline:none;}
.inmess .text1{ padding:0 10px; line-height:60px; height:60px; background:rgba(255,255,255,.85); width:49%; float:left; margin:0 0.5%; font-size:14px; box-sizing:border-box; outline:none;}
.inmess .sub{ display:block; outline:none; width:200px; height:50px; font-size:18px; color:#fff; margin:30px auto 0; position: relative; top: 0;
background: -moz-linear-gradient( left,#e40000,#e42600);
background: -webkit-gradient(linear,0 50%,100% 50%,from(#e40000),to(#e42600));
background: -webkit-linear-gradient(left,#e40000,#e42600);
background: -o-linear-gradient(left,#e40000,#e42600);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e40000, endColorstr=#e42600);/*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e40000, endColorstr=#e42600)";/*IE8+*/
-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;
}
.inmess .sub:hover{top: -5px; -webkit-box-shadow: 0 11px 16px rgba(0,0,0,.17); -moz-box-shadow: 0 11px 16px rgba(0,0,0,.17); box-shadow: 0 11px 16px rgba(0,0,0,.17);}
.inmess .error{ border:1px solid #e40000;}

.innews{ padding:30px 0 50px;}
.innews .btitle{ line-height:50px; font-size:30px; color:#222; text-align:center;}
.innews .stitle{ line-height:25px; font-size:16px; color:#333; text-align:center; margin-bottom:15px;}
.innews .xian{ width:58px; height:4px; background:#e40000; margin:0 auto;}
.innews .nr{ width:100%; max-width:1400px; margin:0 auto; padding-top:35px;}
.innews .inhuod{ width:50%; float:left; position:relative;}
.innews .inhuod img{ width:100%; height:auto;}
.innews .inhuod .bd ul li{ display:block; position:relative; height:432px; overflow:hidden;}
.innews .inhuod .bd ul li .tit{ width:100%; height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; font-size:16px; color:#fff; background:rgba(0,0,0,.6); left:0; bottom:0; overflow:hidden; position:absolute;}
.innews .inhuod .bd ul li .tit span{ display:block; padding-right:140px;}
.innews .inhuod .bd ul li .tit .more{ width:100px; height:30px; line-height:30px; border:1px solid #fff; text-align:center; font-size:16px; color:#fff; position:absolute; right:10px; top: 10px;}
.innews .prev{ display:block; position:absolute; width:30px; line-height:30px; font-size:30px; color:#fff; text-align:center; height:30px; left:10px; top:50%; margin-top:-15px; transition:all 0.5s;}
.innews .prev:hover{ color:#e40000; transition:all 0.5s;}
.innews .next{ display:block; position:absolute; width:30px; line-height:30px; font-size:30px; color:#fff; text-align:center; height:30px; right:10px; top:50%; margin-top:-15px; transition:all 0.5s;}
.innews .next:hover{ color:#e40000; transition:all 0.5s;}

.innewsnr{ background:#f6f6f6; width:50%; float:left; height:432px;}
.innewsnr .hd{ height:60px;}
.innewsnr .hd ul li{ display:block; width:33.33333%; float:left; box-sizing:border-box; border:1px solid #dfdfdf; border-left:0px !important; line-height:60px; text-align:center; font-size:18px; cursor: pointer;}
.innewsnr .hd ul li.on{ border-top:3px solid #e40000; line-height:57px; border-bottom:0px !important; color:#e40000;}
.innewsnr .bd ul{ display:block; padding:0 20px;}
.innewsnr .bd ul li{ display:block; height:50px; line-height:50px; box-sizing:border-box; padding-right:100px; border-bottom:1px solid #dfdfdf; font-size:14px; position:relative;}
.innewsnr .bd ul li span{ display:block; height:50px; line-height:50px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.innewsnr .bd ul li .date{ width:100px; height:50px; line-height:50px; position:absolute; right:0; top:0; text-align:right; color:#666; overflow:hidden;}
.innewsnr .bd ul .more{ display:block; height:70px; line-height:70px; text-align:center; font-size:16px; color:#e40000; transition:all 0.5s;}
.innewsnr .bd ul .more:hover{ text-decoration:underline; transition:all 0.5s;}

.inkeh{ padding:40px 0 30px; background:#f6f6f6;}
.inkehnr{ position:relative; overflow:hidden; padding-bottom: 30px;}
.inkehnr .swiper-slide{ background:#fff; display:block; transition:all 0.5s;}
.inkehnr .swiper-slide .pic{  height:112px; text-align:center; border-bottom:1px solid #dfdfdf; position:relative;}
.inkehnr .swiper-slide .pic img{ height:112px; width:126px;}
.inkehnr .swiper-slide .pic .img{display:block; position:absolute; left:50%; top:0; margin-left:-63px; transition:all 0.5s; opacity:1;}
.inkehnr .swiper-slide .pic .imgon{ display:block; position:absolute; left:50%; top:0; margin-left:-63px; transform:scale(0,0); transition:all 0.5s; opacity:0;}
.inkehnr .swiper-slide .tit{ padding:10px 15px 10px 100px; font-size:15px; line-height:22px; text-align:left; position:relative; min-height:44px; color:#333; transition:all 0.5s;}
.inkehnr .swiper-slide .tit .date{ width:88px; height:15px; line-height:15px; position:absolute; left:0; text-align:center; top:13px; font-size:12px; color:#999; border-right:1px solid #dfdfdf; transition:all 0.5s; overflow:hidden;}
.inkehnr .swiper-slide:hover{ background:#e40000; transition:all 0.5s;}
.inkehnr .swiper-slide:hover .img{ transform:scale(0,0); transition:all 0.5s; opacity:0;}
.inkehnr .swiper-slide:hover .imgon{ transform:scale(1,1); transition:all 0.5s; opacity:1;}
.inkehnr .swiper-slide:hover .pic{ border-bottom:1px solid #f42d2d;}
.inkehnr .swiper-slide:hover .tit{ color:#fff; transition:all 0.5s;}
.inkehnr .swiper-slide:hover .date{ color:#fff; transition:all 0.5s;}
.inkehnr .swiper-pagination{ bottom: 0px !important; }
.inkehnr .swiper-pagination-bullet-active{ background: #e40000; }

.footer *{ transition:all 0.5s;}
.footer{ padding-top:25px;}
.footer .left{ float:left;}
.footer .left .tit{ font-size:15px; color:#999; margin-bottom:45px;}
.footer .left .phone{ line-height:60px; font-size:40px; margin-bottom:10px; font-weight:100; color:#333;}
.footer .left .wz{ line-height:22px; font-size:13px;}
.footer .right{ float:right; text-align:right;}
.footer .right .ewm img{ width:120px; height:120px;}
.footer .right .banq{ margin-top:20px; color:#454545; font-size:12px; line-height:22px; margin-bottom:10px;}
.footer .link{ padding:15px 0; line-height:22px; border-top:1px solid #c3c3c3;}
.footer .link span{ display:inline-block; font-size:14px;}
.footer .link a{ font-size:12px; color:#999; padding:0 10px; display:inline-block;}
.footer .link a:hover{ color:#e40000;}

.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(../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;}

.nybanner{ height:500px; background-size:auto 100% !important;}

.nymain{ background:#f6f6f6;}
.wzjs{ padding:30px 0;}
.wzjs .btitle{ font-size:28px; line-height:35px; color:#333; text-align:center;}
.wzjs .stitle{ line-height:30px; font-size:14px; text-align:center;}
.wzjs .bxian{ width:50px; height:1px; background:#e40000; margin:10px auto 30px;}
.wzjs .nr ul li{ display:block; width:24%; margin:5px 0.5%; float:left; background:#fff; padding-top:40px; border-bottom:1px solid #e40000;}
.wzjs .nr ul li .pic{  height:auto; text-align:center; position:relative;}
.wzjs .nr ul li .pic img{ height:95px; width:132px;}
.wzjs .nr ul li .pic .img{display:block; position:absolute; left:50%; top:0; margin-left:-66px; transition:all 0.5s; opacity:1;}
.wzjs .nr ul li .pic .imgon{ display:block; position:absolute; left:50%; top:0; margin-left:-66px; transform:scale(0,0); transition:all 0.5s; opacity:0;}
.wzjs .nr ul li:hover .img{ transform:scale(0,0); transition:all 0.5s; opacity:0;}
.wzjs .nr ul li:hover .imgon{ transform:scale(1,1); transition:all 0.5s; opacity:1;}
.wzjs .nr ul li .tit{ padding-top:95px; line-height:60px; height:60px; overflow:hidden; font-size:18px; white-space: nowrap;text-overflow: ellipsis;}
.wzjs .nr ul li .xian{ width:120px; height:1px; margin:0 auto; background:#dfdfdf;}
.wzjs .nr ul li .xian .left{ width:50%; height:1px; float:left; background:#e40000;}
.wzjs .nr ul li .jj{ padding:50px 20px; line-height:22px; transition:all 0.5s; height:44px; overflow:hidden;}
.wzjs .nr ul li .jj span{ display:block; height:44px; overflow:hidden; }
.wzjs .nr ul li:hover .jj{ background:#e40000; color:#fff; transition:all 0.5s;}
.wzjs .nr ul li:hover .xian{ background:#fff;}
.wzjs .nr ul li:hover .xian .left{ background:#fff;}

.wzadv{ background:#333; padding:40px 0 50px; overflow:hidden; position:relative;}
.wzadv .btitle{ line-height:50px; font-size:30px; text-align:center; color:#fff;}
.wzadv .xian{ width:50px; height:1px; background:#fff; margin:10px auto 20px;}
.wzadv .jj{ text-align:center; line-height:22px; font-size:14px; color:#ccc;}

.wzliuc *{ transition:all 0.5s;}
.wzliuc ul li{ display:block;}
.wzliuc ul li .nr{ float:left; position:relative; width:50%;}
.wzliuc ul li .fgc{ position:absolute; width:100%; height:100%; left:0; top:0;}
.wzliuc ul li .pic{ float:left; width:50%; overflow:hidden;}
.wzliuc ul li .nr .ctit{ line-height:40px; height:40px; font-size:30px; text-align:left;  padding:0 50px; color:#333;}
.wzliuc ul li .nr .etit{ font-family:"Times New Roman", Times, serif; font-size:20px; text-align:left;  padding:0 50px; font-style:italic; color:#333;}
.wzliuc ul li .nr .jj{ text-align:left;  padding:0 50px; line-height:25px; font-size:14px; clear:both; color:#666; max-width:500px; float:left;}
.wzliuc ul li .nr .xian{ width:50px; height:1px; float:left;  background:#e40000; margin:20px 50px;}
.wzliuc ul li:hover img{ transform:scale(1.1,1.1);}
.wzliuc ul li:hover .ctit{ transform:translateY(-10px);}
.wzliuc ul li:hover .etit{ transform:translateY(-10px);}
.wzliuc ul li:hover .xian{ width:80px;}
.wzliuc ul li.nrright .pic{ float:right;}
.wzliuc ul li.nrright .ctit{ text-align:right;}
.wzliuc ul li.nrright .etit{ text-align:right;}
.wzliuc ul li.nrright .xian{ float:right;}
.wzliuc ul li.nrright .jj{ text-align:right; float:right;}

.wznewstit{ background:url(../images/service-bg-1.jpg) repeat; padding:40px 0 100px; overflow:hidden; position:relative;}
.wznewstit .btitle{ line-height:50px; font-size:30px; text-align:center; color:#fff;}
.wznewstit .xian{ width:50px; height:1px; background:#fff; margin:10px auto 20px;}
.wznewstit .jj{ text-align:center; line-height:22px; font-size:14px; color:#ccc;}
@-o-keyframes WaveL{0%{-o-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(50%);transform: translateX(50%);}}
@-ms-keyframes WaveL{0%{-ms-transform: translateX(0px);transform: translateX(0px);}100%{-ms-transform: translateX(50%);transform: translateX(50%);}}
@-moz-keyframes WaveL{0%{-moz-transform: translateX(0px);transform: translateX(0px);}100%{-moz-transform: translateX(50%);transform: translateX(50%);}}
@-webkit-keyframes WaveL{0%{-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-webkit-transform: translateX(50%);transform: translateX(50%);}}
@keyframes WaveL{0%{-o-transform: translateX(0px);-ms-transform: translateX(0px);-moz-transform: translateX(0px);-webkit-transform: translateX(0px);transform: translateX(0px);}100%{-o-transform: translateX(50%);-ms-transform: translateX(50%);-moz-transform: translateX(50%);-webkit-transform: translateX(50%);transform: translateX(50%);}}
.wznewstit .wave-0{width: 267.44%;background: url(../images/service-wave-0.png) repeat-x left bottom;opacity: .61;z-index: 999;-webkit-animation: WaveL 20s linear 0s infinite normal;animation: WaveL 20s linear 0s infinite normal;right: 0; bottom:0; position:absolute; height:106px;}
.wznewstit .wave-1{width: 223.125%;background: url(../images/service-wave-1.png) repeat-x right bottom;opacity: .73;z-index:99;-webkit-animation: WaveL 10s linear 0s infinite normal;animation: WaveL 10s linear 0s infinite normal;right: 0; bottom:0; position:absolute; height:106px;}
.wznewstit .wave-2{width: 435.677%;background: url(../images/service-wave-2.png) repeat-x right bottom;opacity: .70;z-index:9;-webkit-animation: WaveL 15s linear 0s infinite normal;animation: WaveL 15s linear 0s infinite normal;right: 0; bottom:0; position:absolute; height:106px;}

.tuijnews *{ transition:all 0.5s;}
.tuijnews{ padding:40px 0;}
.tuijnews ul li{ display:block; width:31.3333%; margin:15px 1%; border:1px solid #eeeeee; float:left; box-sizing:border-box; background:#fff;}
.tuijnews ul li .tit{ line-height:40px; height:40px; margin-top:10px; font-size:16px; overflow:hidden; padding:0 15px; border-bottom:1px solid #eee; color:#666; white-space: nowrap;text-overflow: ellipsis;}
.tuijnews ul li .jj{ padding:15px 15px 0; margin-bottom:15px; line-height:22px; height:44px; overflow:hidden; color:#888;}
.tuijnews ul li .date{ height:55px; line-height:55px; padding:0 15px; background:#eee; border-top:1px solid #eee; color:#999;}
.tuijnews ul li .more{ display:inline-block; color:#11298a;}
.tuijnews ul li .ico{ width:30px; height:30px; float:right; background:#fff; margin-top:12px; border:1px solid #eee; border-radius:50%; text-align:center; line-height:30px;}
.tuijnews ul li:hover .more{ text-decoration:underline;}
.tuijnews ul li:hover{ transform:translateY(-20px); box-shadow:0 0 8px #ccc;}
.tuijnews .more{ display:block; width:120px; height:40px; line-height:40px; position:relative; border:1px solid #ccc; margin:30px auto 0;}
.tuijnews .more span{ display:block; width:60px; height:40px; text-align:center; position:absolute; left:50%; margin-left:-30px; top:0; color:#999;}
.tuijnews .more i{ display:block; position:absolute; width:40px; height:40px; font-size:16px; line-height:38px; color:#fff; text-align:center; left:50%; margin-left:-20px; top:0; opacity:0;}
.tuijnews .more:hover{ border:1px solid #e40000; background:#e40000;}
.tuijnews .more:hover span{ transform:translateX(-5px); color:#fff;}
.tuijnews .more:hover i{ transform:translateX(20px); opacity:1;}

.nyservice *{ transition:all 0.5s;}
.nyservice ul li{ display:block; width:33.3333%; float:left; overflow:hidden; position:relative; height:300px;}
.nyservice ul li img{ height:100%; width:auto; max-width:none;}
.nyservice ul li .fgc{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.7); left:0; top:0; opacity:.9;}
.nyservice ul li .tit{ font-size:28px; margin-bottom:20px; color:#fff; line-height:28px; padding:0 50px;}
.nyservice ul li .jj{ line-height:20px; font-size:14px; color:#ccc; padding:0 50px;}
.nyservice ul li .xian{ width:30px; height:1px; background:#fff; margin:20px auto;}
.nyservice ul li .more{ display:block; height:35px; line-height:35px; width:80px; text-align:center; border:1px solid #fff; color:#fff; border-radius:5px; margin:0 auto;}
.nyservice ul li:hover .fgc{ opacity:1; background:rgba(0,0,0,0);}
.nyservice ul li .more:hover{ border:1px solid #e40000; background:#e40000;}

.nynav *{ transition:all 0.5s;}
.nynav{ background:#fff;}
.nynav ul li{ display:block; float:left; position:relative; height:60px; line-height:60px; font-size:14px; color:#333; padding:0 30px;}
.nynav ul li .wz{ position:relative; z-index:999;}
.nynav ul li .bg{ position:absolute; height:60px; width:0px; background:#e40000; left:0; top:0; }
.nynav ul li:hover .wz{ color:#fff; }
.nynav ul li:hover .bg{ width:100%;}
.nynav ul li.on .wz{ color:#fff; }
.nynav ul li.on .bg{ width:100%;}

.nycasenav{ background:#fff; padding:10px 0;}
.nycasenav ul li{ display:block; float:left; position:relative; height:40px; line-height:40px; font-size:14px; color:#333; padding-left:30px; box-sizing:border-box; width:20%; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; transition:all 0.5s;}
.nycasenav ul li:hover{ color:#e40000; transition:all 0.5s;}
.nycasenav ul li.on{ color:#e40000; }
.nycasenavan{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#666; cursor:pointer; display:none; background:#f6f6f6;}

.nycase{ padding:20px 0 0;}
.nycase ul li *{ transition:all 1s;}
.nycase ul li{ display:block; width:32.33333%; float:left; margin:5px 0.5%; background:#fff;}
.nycase ul li .pic{ position:relative; overflow:hidden; background:#eee;}
.nycase ul li .pic .border_top{ position:absolute; width:0; height:1px; top:6%; left:5%; background:#fff;}
.nycase ul li .pic .border_right{ position:absolute; width:1px; height:0; bottom:6%; right:5%; background:#fff;}
.nycase ul li .pic .border_bottom{ position:absolute; width:0; height:1px; top:94%; right:5%; background:#fff;}
.nycase ul li .pic .border_left{ position:absolute; width:1px; height:0; top:6%; left:5%; background:#fff;}
.nycase ul li .wz{ padding:10px 15px;}
.nycase ul li .tit{ height:35px; line-height:35px; overflow:hidden; font-size:16px; font-weight:bold; color:#333; white-space: nowrap;text-overflow: ellipsis;}
.nycase ul li .jj{ line-height:25px; height:25px; overflow:hidden; font-size:14px; color:#999; white-space: nowrap;text-overflow: ellipsis;}
.nycase ul li:hover .pic img{ transform:scale(1.1,1.1);}
.nycase ul li:hover .border_top{ width:90%;}
.nycase ul li:hover .border_right{ height:88%;}
.nycase ul li:hover .border_bottom{ width:90%;}
.nycase ul li:hover .border_left{ height:88%;}

.page{ text-align:center; padding:20px 0;}
.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;}

.showcase *{ transition:all 0.5s;}
.showcase .bpic{ display:table; width:100%; height:100%; overflow:hidden;}
.showcase .bpic img{ transform:scale(1.3,1.3); opacity:0; transition:all 2s;}
.showcase .bpicon img{transform:scale(1,1); opacity:1; transition:all 2s;}
.showcase .wz{ background:#333; padding:40px 0;}
.showcase .wz .nr{ position:relative; padding-right:430px;}
.showcase .wz .nr .tit{ font-size:30px; color:#fff; line-height:40px;}
.showcase .wz .nr .fenl{ font-size:14px; line-height:50px; color:#999;}
.showcase .wz .nr .fenl a{ color:#999;}
.showcase .wz .nr .fenl a:hover{ color:#fff;}
.showcase .wz .nr .jj{ font-size:14px; line-height:25px; color:#fff;}
.showcase .wz .nr .more{ display:block; position: absolute; width:160px; height:30px; line-height:30px; text-align:center; border:1px solid #999; color:#fff; right:0; top:0;}
.showcase .wz .nr .more .bg{ width:0px; height:30px; background:#fff; left:0; top:0; position:absolute;}
.showcase .wz .nr .more .wenz{ position:relative; z-index:999;}
.showcase .wz .nr .more:hover .wenz{ color:#333;}
.showcase .wz .nr .more:hover .bg{ width:100%;}
.showcase .casenr{ background:url(../images/casebg.jpg) no-repeat center; background-attachment:fixed; padding:30px 0;}
.showcase .casenr .li{ max-width:1230px; margin:20px auto;}

.nynews *{ transition:all 0.5s;}
.nynews{ padding:20px 0 0;}
.nynews ul li{ display:block; width:32.33333%; margin:10px 0.5%; border:1px solid #eeeeee; float:left; box-sizing:border-box; background:#fff;}
.nynews ul li .pic{ height:200px; background-size:100% auto !important;}
.nynews ul li .tit{ line-height:40px; height:40px;  font-size:16px; overflow:hidden; padding:0 15px; border-bottom:1px solid #eee; color:#666; white-space: nowrap;text-overflow: ellipsis;}
.nynews ul li .jj{ padding:15px 15px 0; margin-bottom:15px; line-height:22px; height:44px; overflow:hidden; color:#888;}
.nynews ul li .date{ height:55px; line-height:55px; padding:0 15px; background:#eee; border-top:1px solid #eee; color:#999;}
.nynews ul li .more{ display:inline-block; color:#11298a;}
.nynews ul li .ico{ width:30px; height:30px; float:right; background:#fff; margin-top:12px; border:1px solid #eee; border-radius:50%; text-align:center; line-height:30px;}
.nynews ul li:hover .more{ text-decoration:underline;}
.nynews ul li:hover{ transform:translateY(-10px); box-shadow:0 0 8px #ccc;}

.shownews *{ transition:all 0.5s;}
.shownews{ padding:20px 0; max-width:1400px; margin:0 auto;}
.shownews .lmtit{ background:#333; padding:30px 0; text-align:center; margin:0 auto;}
.shownews .lmtit .tit{ font-size:25px; color:#fff; margin-bottom:10px; line-height:30px;}
.shownews .lmtit .date{ color:#999;} 
.shownews .nr{ background:#fff; box-sizing:border-box; margin:0 auto; padding:50px 200px; font-size:14px; line-height:30px; color:#333;}
.shownews .nr a{ font-weight:bold; text-decoration:underline; color:#e40000;}
.shownews .sxp{ line-height:60px; border-top:2px solid #eee; background:#fff;}
.shownews .sxp a{ display:block; width:50%; float:left; text-align:center; color:#333; font-size:14px; white-space: nowrap;text-overflow: ellipsis; height:60px; line-height:60px; overflow:hidden;}
.shownews .sxp a:hover{ background:#e40000; color:#fff;}

.newnews{ background:#fff; padding-bottom:20px;}
.newnews .lmtit{ line-height:50px; font-size:18px;}
.newnews ul li{ display:block; width:24%; margin:5px 0.5%; float:left;}
.newnews ul li .pic{ height:150px; background-size:100% auto !important;}
.newnews ul li .tit{ height:35px; line-height:35px; overflow:hidden; font-size:14px; text-align:center; white-space: nowrap;text-overflow: ellipsis;}
.newnews ul li .date{ text-align:center; font-size:12px; color:#999; height:15px; overflow:hidden;}

.hotcase{ background:#fff; padding-bottom:20px;}
.hotcase .lmtit{ line-height:50px; font-size:18px;}
.hotcase ul li{ display:block; width:24%; margin:5px 0.5%; float:left; border: 1px solid #f6f6f6; box-sizing: border-box;}
.hotcase ul li .pic{ background-size:100% auto !important;}
.hotcase ul li .tit{ height:45px; line-height:45px; overflow:hidden; font-size:14px; text-align:center; white-space: nowrap;text-overflow: ellipsis; background: #f6f6f6; color: #666;}

.nytgcase *{ transition:all 0.5s;}
.nytgcase{ padding:20px 0 0;}
.nytgcase ul li{ display:block; width:24%; margin:10px 0.5%; border:1px solid #eeeeee; float:left; box-sizing:border-box; background:#fff;}
.nytgcase ul li .pic{ height:auto; background-size:100% auto !important;}
.nytgcase ul li .pic img{ width: 100%; height: auto; }
.nytgcase ul li .tit{ line-height:40px; height:40px;  font-size:16px; overflow:hidden; padding:0 15px; border-bottom:1px solid #eee; color:#666; white-space: nowrap;text-overflow: ellipsis;}
.nytgcase ul li .jj{ padding:15px 15px 0; margin-bottom:15px; line-height:22px; height:44px; overflow:hidden; color:#888;}
.nytgcase ul li .date{ height:55px; line-height:55px; padding:0 15px; background:#eee; border-top:1px solid #eee; color:#999;}
.nytgcase ul li .more{ display:inline-block; color:#11298a;}
.nytgcase ul li .ico{ width:30px; height:30px; float:right; background:#fff; margin-top:12px; border:1px solid #eee; border-radius:50%; text-align:center; line-height:30px;}
.nytgcase ul li:hover .more{ text-decoration:underline;}
.nytgcase ul li:hover{ transform:translateY(-10px); box-shadow:0 0 8px #ccc;}