@charset "utf-8";
.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: 700px;overflow: hidden;text-align: center; }
.banner .bd li a {display: block;height: 700px;}
.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; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.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:236px;}
.header .logo img{transition:all 0.5s;}
.header .logo .logoimgon{ position:absolute; width:100%; left:0; top:0; opacity:0; }
.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:1;}
.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:10px 0 20px;}
.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 10px;}
.inser .lmjj{ line-height:20px; text-align:center; padding:35px; 0; color:#999;}
.inser .nr ul li{ display:block; width:16.666666%; float:left; box-sizing:border-box; padding:10px 10px;}
.inser .nr ul li .ico{ position:relative; width:120px; height:62px; margin:0 auto 10px; overflow:hidden; background-size: 100% auto !important;}
.inser .nr ul li .fgc{ position:absolute; left:0; bottom:-92px; width:100%; height:100%; background-size: 100% auto !important;}
.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(../m/images/imgs/service0.png) no-repeat center;}
.inser .nr ul li .ico1 .fgc{ background:url(../m/images/imgs/service0.png) no-repeat center;}
.inser .nr ul li .ico2{ background:url(../m/images/imgs/service1.png) no-repeat center;}
.inser .nr ul li .ico2 .fgc{ background:url(../m/images/imgs/service1.png) no-repeat center;}
.inser .nr ul li .ico3{ background:url(../m/images/imgs/service3.png) no-repeat center;}
.inser .nr ul li .ico3 .fgc{ background:url(../m/images/imgs/service3.png) no-repeat center;}
.inser .nr ul li .ico4{ background:url(../m/images/imgs/service2.png) no-repeat center;}
.inser .nr ul li .ico4 .fgc{ background:url(../m/images/imgs/service2.png) no-repeat center;}
.inser .nr ul li .ico5{ background:url(../m/images/imgs/service4.png) no-repeat center;}
.inser .nr ul li .ico5 .fgc{ background:url(../m/images/imgs/service4.png) no-repeat center;}
.inser .nr ul li .ico6{ background:url(../m/images/imgs/service5.png) no-repeat center;}
.inser .nr ul li .ico6 .fgc{ background:url(../m/images/imgs/service5.png) no-repeat center;}

.incase *{ transition:all 0.5s;}
.incase{ background:url(../images/incasebg.jpg) no-repeat right bottom #f6f6f6; padding:10px 0 20px;}
.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:0;}
.incase .nav{ line-height:20px; text-align:center; padding:15px; 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; height:520px; 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; display: none;}
.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);}
}

.inadv{ padding: 50px 0; background: url(../images/ad1.jpg) no-repeat center; }
.inadv .lmtit{ font-size: 35px; font-weight: bold; text-align: center; color: #fff; line-height: 50px; margin-bottom: 20px; }
.inadv .lmjj{ font-size: 18px; color: #fff; text-align: center; margin-bottom: 10px; }

.inabout{ background: #f6f6f6; padding: 15px 0; min-height: 378px; }
.inabout .nr{ position: relative; padding-left: 660px; }
.inabout .nr .pic{ width: 630px; position: absolute; left: 0; top: 0; }
.inabout .nr .tit{ font-size: 25px; font-weight: bold; color: #333; padding-top: 10px; line-height: 30px; }
.inabout .nr .xian{ width: 70px; height: 3px; background: #e40000; margin: 20px 0; }
.inabout .nr .jj{ line-height: 30px; font-size: 14px; color: #666; max-height: 210px; overflow: hidden; }
.inabout .nr .more{ transition: all .5s; width: 120px; height: 40px; line-height: 40px; border: 1px solid #e40000; display: block; text-align: center; font-size: 14px; color: #e40000; margin-top: 20px; }
.inabout .nr .more:hover{ background: #e40000; color: #fff; }

.innews{ padding:10px 0 20px;}
.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;}

.incoop{ background: #f6f6f6; padding: 10px 0 20px; }
.incoop .btitle{ line-height:50px; font-size:30px; color:#222; text-align:center;}
.incoop .stitle{ line-height:25px; font-size:16px; color:#333; text-align:center; margin-bottom:15px;}
.incoop .xian{ width:58px; height:4px; background:#e40000; margin:0 auto 30px;}
.incoop .nr{ border-left: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; float: left; border-top: 1px solid #dfdfdf; }
.incoop .nr ul li{ display: block; width: 16.66666666%; float: left; box-sizing: border-box; background: #fff; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.incoop .nr ul li img{ /*transition: all .5s;*/ width: 100%; height: auto; 	/*filter:Gray; -webkit-filter: grayscale(100%); opacity: .7;*/  }
/*.incoop .nr ul li:hover img{ -webkit-filter: grayscale(0); filter:alpha(opacity=100); opacity: 1; }*/

.inmess{ padding: 10px 0 20px; }
.inmess .leftnr{ margin-top: 40px; width: 40%; min-height: 140px; float: left; padding-left: 175px; background: url(../images/liuyan_left.png) no-repeat left; box-sizing: border-box; }
.inmess .leftnr .lmtit{ font-size: 20px; color: #353535; margin-bottom: 5px; }
.inmess .leftnr .lmjj{ max-width: 240px; color: #6c6c6c; font-size: 12px; padding-bottom: 5px; border-bottom: 1px solid #dfdfdf; }
.inmess .leftnr .wz{ padding: 5px 0; line-height: 25px; color: #666; }
.inmess .rightnr{ float: right; width: 58%; }
.inmess .rightnr .li{ display: block; padding:10px 2%; float: left; width: 50%; box-sizing: border-box; }
.inmess .rightnr .li .text{ height: 40px; width: 100%; padding: 0 10px; box-sizing: border-box; line-height: 40px; background: #f1f1f1; }
.inmess .rightnr .bli{ display: block; padding:10px 2%; float: left; width: 100%; box-sizing: border-box; }
.inmess .rightnr .bli .textarea{ width: 100%; background: #f1f1f1; line-height: 25px; border: 0px; padding: 5px 10px; box-sizing: border-box; }
.inmess .rightnr .sub{ outline: none; margin-left: 2%; width: 200px; height: 40px; line-height: 40px; background: #e40000; font-size: 14px; color: #fff; margin-top: 10px; }

.footer_zone{width:100%;overflow:hidden;background-color:#2F2F2F;padding:60px 0 0px 0;}
footer{max-width:1400px;margin:0px auto !important;overflow:hidden;}
.footer_l{width:auto;float:left;overflow:hidden;}
.footer_l img{float:left;max-width:120px;height:auto;margin-right:48px;}
.footer_m{width:315px;float:left;margin-left:100px;overflow:hidden;}
ul.footer_ico{width:auto;overflow:Hidden;}
ul.footer_ico li{float:left;width:102px;height:80px;}
ul.footer_ico #wyly{background:url(../images/ico11.png) center 16px no-repeat #000;}
ul.footer_ico #wyly:hover{background:url(../images/ico11_on.png) center 16px no-repeat #E70012;}
ul.footer_ico #qyqq{background:url(../images/ico12.png) center 16px no-repeat #000;border-left:1px solid #2d2d2d;border-right:1px solid #2d2d2d;}
ul.footer_ico #qyqq:hover{background:url(../images/ico12_on.png) center 16px no-repeat #E70012;}
ul.footer_ico #qywb{background:url(../images/ico13.png) center 16px no-repeat #000;}
ul.footer_ico #qywb:hover{background:url(../images/ico13_on.png) center 16px no-repeat #E70012;}
ul.footer_ico li:hover{transition:0.6s;}
ul.footer_ico li a{display:block;width:100%;height:100%;text-align:center;overflow:hidden;}
ul.footer_ico li a span{font-size:12px;color:#8e8e8e;margin-top:55px;display:block;}
ul.footer_ico li:hover a span{color:#fff;}
.footer_m p{font-size:12px;color:#fff;margin-top:10px;overflow:hidden;clear:both;}
.footer_m strong{display:block;margin-top:5px;font-size:18px;color:#fff;font-family:Impact;font-weight:normal;}
.footer_r{width:auto;overflow:hidden;float:right;}
.footer_r ul{width:auto;overflow:hidden;}
.footer_r ul li{line-height:25px;padding-left:20px;color:#fff;font-size:12px;}
#r1{background:url(../images/sico1.png) left center no-repeat;}
#r2{background:url(../images/sico2.png) left center no-repeat;}
#r3{background:url(../images/sico3.png) left center no-repeat;}
#r4{background:url(../images/sico4.png) left center no-repeat;}
#r5{background:url(../images/sico5.png) left center no-repeat;}
.copy_zone{width:100%;overflow:hidden;background:url(../images/copy_line.png) center 40px repeat-x #2F2F2F;text-align:center;padding:20px 0 20px 0;}
.copy{width:auto;display:inline-block;*display:inline;*zoom:1;background-color:#2f2f2f;font-size:12px;color:#636363;line-height:43px;height:40px;overflow:hidden;}
.link{width:auto;max-width:1400px;overflow:hidden;margin:0px auto;text-align:left;}
.link h2{float:left;color:#fff;line-height:25px;}
.link a{color:#fff;padding:0 15px;line-height:25px;}

.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:15.6666666%; margin:5px 0.5%; float:left; background:#fff; padding-top:10px; border-bottom:1px solid #e40000;}
.wzjs .nr ul li .pic{  height:auto; text-align:center; position:relative;}
.wzjs .nr ul li .pic img{ height:58px; width:80px;}
.wzjs .nr ul li .pic .img{display:block; position:absolute; left:50%; top:0; margin-left:-40px; transition:all 0.5s; opacity:1;}
.wzjs .nr ul li .pic .imgon{ display:block; position:absolute; left:50%; top:0; margin-left:-40px; 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:55px; line-height:40px; height:40px; 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:20px 10px; 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:16.666666%; 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;}

.nyteam{ padding:20px 0 0; max-width:1400px; margin:0 auto;}
.nyteam .list ul li{ display:block; position:relative; width:23%; margin:10px 1%; float:left; background: #fff; transition:all 0.5s;}
.nyteam .list ul li img{ width:100%;}
.nyteam .list ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.1); }
.nyteam .list ul li:hover .fgc{transition:all 0.5s; opacity:1;}
.nyteam .list ul li .fgc{ position:absolute; width:100%; height:100%; background:rgba(255,255,255,.8); left:0; top:0; padding:20px ; box-sizing:border-box; transition:all 0.5s; opacity:0;}
.nyteam .list ul li .fgc .tit{ line-height:35px; font-size:14px; font-weight:bold; color:#333;}
.nyteam .list ul li .fgc .jj{ line-height:22px; text-align:left; color:#666;}

.nyvideo{ padding:20px 0 0; max-width:1400px; margin:0 auto; }
.nyvideo ul li{ display: block; width: 32.333333%; float: left; margin: 5px 0.5%; }
.nyvideo ul li .pic{ position: relative; overflow: hidden; }
.nyvideo ul li .pic img{ width: 100%; height: auto; transition: all .5s; }
.nyvideo ul li .pic .fgc{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); transition: all .5s; opacity: .7; left: 0; top: 0; }
.nyvideo ul li .pic .fgc i{ font-size: 60px; opacity: .7; color: #fff; }
.nyvideo ul li .tit{ height: 40px; line-height: 40px; font-size: 14px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nyvideo ul li:hover img{ transform: scale(1.1,1.1); }
.nyvideo ul li:hover .fgc{ opacity: .3; }