@charset "gb2312";
/*common*/
a:hover{text-decoration: none;}
button, input, select, textarea{outline: none;}
.frame, .frame-tab{background:none}
.temp{margin:0}
.webwp{margin: 0 auto;width: 1200px;}
.webwp.por{position: relative;}
.indexCase .readMore, .caseInfoList .readMore, .caseBox .readMore,.reNewsCon .readMore{display: block;margin: 0 auto;width: 176px;height: 32px;background-color: #fff;border: 2px solid #dadada;font-size: 14px;line-height: 32px;text-align: center;font-weight: bold;color: #b3b3b3;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.indexCase .readMore:hover, .caseInfoList .readMore:hover, .caseBox .readMore:hover,.reNewsCon .readMore:hover{background-color: #df0b19;border-color: #df0b19;color: #fff;}

/*header css */

.xiaoyu_header{position:relative;height:92px;background:#FFF url(../images/tb2.png) repeat-x center bottom; width:100%}
.xiaoyu_header .header{padding-top:15px;width:1200px;margin:0 auto;}
.xiaoyu_header .headerContact{height: 18px;line-height: 18px;}
.xiaoyu_header .headerContact ol{float: right;margin-left: 10px;}
.xiaoyu_header .headerContact ol li{position: relative;float: left;margin-left: 12px;width: 21px;height: 16px;background-image: url(../images/index.png);background-repeat: no-repeat;cursor: pointer;z-index: 10;}
.xiaoyu_header .headerContact ol li.weixin{background-position: 0 -52px;}
.xiaoyu_header .headerContact ol li.weixin:hover{background-image: url(../images/icon3.png);background-position: 0 0;}
.xiaoyu_header .headerContact ol li.weixin:hover .erweima{display: block;}
.xiaoyu_header .headerContact ol li.weibo{background-position: 0 -34px;}
.xiaoyu_header .headerContact ol li.weibo a,.xiaoyu_header .headerContact ol li.qq a{display: block;height: 100%;}
.xiaoyu_header .headerContact ol li.weibo:hover{background-image: url(../images/icon5.png);background-position: 0 0;}
.xiaoyu_header .headerContact ol .erweima{display: none;position: absolute;width: 100px;height: 100px;top: 27px;left: -44px;padding: 5px;background-color: #fff;border-radius: 5px;box-shadow: 2px 2px 5px #333;border: 1px solid #eee;}
.xiaoyu_header .headerContact ol .erweima i{position: absolute;display: block;width: 23px;height: 13px;top: -12px;left: 50%;margin-left: -12px;background: url(../images/arrow1.png) no-repeat;}
.xiaoyu_header .headerContact ol .erweima img{width: 100%;height: 100%;}
.xiaoyu_header .headerContact ol li.qq{background: url(../images/icon74.png) center no-repeat;}
.xiaoyu_header .headerContact ul{float: right;}
.xiaoyu_header .headerContact ul li{float: left;padding-left: 20px;background: url(../images/icon1.png) 0 center no-repeat;font-size: 14px;color: #999;height: 16px;line-height: 16px;margin-left: 20px;}
.xiaoyu_logo{float: left;}
.xiaoyu_logo a{display: block;float: left;margin-right: 10px;}
.xiaoyu_logo .label{float: left;overflow: hidden;}
.xiaoyu_logo .label span{display: block;margin-top: 10px;width: 30px;height: 16px;line-height: 16px;color: #fff;text-align: center;background-color: #989898;border-radius: 5px;}
.xiaoyu_logo .label p{color: #666;}
.xiaoyu_nav{padding-top: 13px;float: right;max-width:846px;height:46px; margin-right:-15px; overflow:hidden}
.xiaoyu_nav li{float: left;height: 46px;  text-align:center}
.xiaoyu_nav li a{font-size: 16px;line-height: 30px;  margin-bottom:16px;display:inline-block; padding:0 15px;}
.xiaoyu_nav li.current { }
.xiaoyu_nav li.hover{ background:url(../images/arrow0.png) no-repeat center bottom;}
.xiaoyu_nav li:first-child a{}
.xiaoyu_nav li a:hover{color: #df0b19;}
.xiaoyu_nav li.current > a{color: #df0b19;}
.xiaoyu_nav li span{display:none}
.xiaoyu_setting_nav ul{background:#f8f8f8;width: 118px;padding:0;border:1px solid #e9e9e9; border-bottom:none; border-top:none;box-shadow:none; text-align:left}
.xiaoyu_setting_nav .p_pop li a{width: 90px;height: 35px;line-height: 35px;padding:0 15px;border-bottom: 1px solid #e9e9e9;font-size:14px;color:#333; overflow:hidden}
.xiaoyu_setting_nav .p_pop li a:hover{color: #d51737;width: 90px;background:none}

.xiaoyu_nav .current{ }
.xiaoyu_nav .topmenu{ display:none}
.xiaoyu_nav li.sub{ background:url(../images/arrow0.png) no-repeat center bottom;}
.xiaoyu_nav .topmenu ul{ position:absolute; z-index:999;background:#f8f8f8;width: 118px;padding:0;border:1px solid #e9e9e9; border-bottom:none; border-top:none;text-align:left; }
.xiaoyu_nav .topmenu li{ height:36px; text-align:left; line-height:35px; overflow:hidden}
.xiaoyu_nav .topmenu li a{width: 88px;height: 35px;line-height: 35px;padding:0 15px;border-bottom: 1px solid #e9e9e9;font-size:14px;color:#333; margin-bottom:0;}
.xiaoyu_nav .topmenu li a:hover{color: #d51737;width: 88px;}


/*下拉登录菜单 by xiaoyu*/#xiaoyupanel{display: none;height:92px;width:100%;position: absolute;top:0;left:0;right:0;background:url(../images/tb.png) repeat;border-bottom:1px solid #ddd;z-index:100;}
.xiaoyu_login_box{}
.xiaoyu_login_box .hdc{width:1200px;margin:0 auto;padding:0;padding-top:22px;height:70px;overflow:hidden}
.xiaoyu_login_box .hdc .logo_h2{float:left;margin-top:11px}
.xiaoyu_login_box .hdc #um .avt{margin-right:0;padding-left:10px;}
.xiaoyu_login_box .hdc #um, #um a{color:#666}
.xiaoyu_login_box .hdc #um .pipe{margin:0 3px;}
.xiaoyu_xl{position: absolute;width:100px;height:65px; right:20px; top:0; z-index:101}
.xiaoyu_xl .btn-slide{text-decoration: none;position:absolute;width:100px;height:65px;background:url(../images/loginico.png) no-repeat center top;}
.xiaoyu_xl .btn-slide:hover{text-decoration:none}
/*portal css by xiaoyu*/.indexBanner{position: relative;width: 100%;height: 540px;overflow: hidden;}
.indexBanner:hover .prev,.indexBanner:hover .next{display: block;}
.indexBanner .prev, .indexBanner .next{position: absolute;display: block;width: 45px;height: 50px;top: 50%;margin-top: -25px;z-index: 2;-webkit-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);display: none;}
.indexBanner .prev:hover, .indexBanner .next:hover{-webkit-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.indexBanner .prev{left: 0;background: url(../images/zuo.png) no-repeat;}
.indexBanner .next{right: 0;background: url(../images/you.png) no-repeat;}
.indexBanner .bd{position: relative;width: 100%;height: 100%;overflow: hidden;}
.indexBanner .bd ul{height: 100%;}
.indexBanner .bd li{position: relative;width: 100%;height: 100%;}
.indexBanner .bd li > div{position: absolute;left: 50%;}
.indexBanner .bd li.l1 .pic1{width: 721px;height: 312px;top: -50px;margin-left: 50px;opacity: 0;}
.indexBanner .bd li.l1 .pic2{width: 419px;height: 256px;top: 100px;margin-left: -550px;opacity: 0;}
.indexBanner .bd li.l2 .pic1{width: 631px;height: 598px;top: -70px;margin-left: -575px;opacity: 0;}
.indexBanner .bd li.l2 .pic2{width: 523px;height: 178px;top: 130px;margin-left: 75px;opacity: 0;}
.indexBanner .bd li.l2 .pic2 .more{position: absolute;display: block;width: 144px;height: 33px;left: 0;bottom: 0;background: url(../images/pic11.png);transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.indexBanner .bd li.l2 .pic2 .more:hover{transform: translate(5px, 0);}
.indexBanner .bd li.l3 .pic1{width: 469px;height: 234px;top: 122px;margin-left: -537px;opacity: 0;}
.indexBanner .bd li.l3 .pic1 .more{position: absolute;display: block;width: 147px;height: 40px;left: 0;bottom: 0;background: url(../images/pic14.png);transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.indexBanner .bd li.l3 .pic1 .more:hover{transform: translate(5px, 0);}
.indexBanner .bd li.l3 .pic2{width: 604px;height: 527px;top: 8px;margin-left: -53px;opacity: 0;}
.indexBanner .bd li.l4 .pic1{width: 458px;height: 470px;bottom: 0;margin-left: -510px;opacity: 0;}
.indexBanner .bd li.l4 .pic2{width: 521px;height: 219px;top: 150px;margin-left: 15px;opacity: 0;}
.indexBanner .bd li.l4 .pic2 .more{position: absolute;display: block;width: 148px;height: 39px;left: 0;bottom: 0;background: url(../images/pic5.png);transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.indexBanner .bd li.l4 .pic2 .more:hover{transform: translate(1px, 1px);}
.indexBanner .bd li.l5 .pic1{width: 594px;height: 384px;top: 90px;margin-left: -525px;opacity: 0;}
.indexBanner .bd li.l5 .pic2{width: 478px;height: 182px;top: 90px;margin-left: 70px;opacity: 0;}
.indexBanner .bd li.l5 .pic2 .more{position: absolute;display: block;width: 143px;height: 33px;left: 0;bottom: 0;background: url(../images/pic8.png);transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.indexBanner .bd li.l5 .pic2 .more:hover{transform: translate(5px, 0);}
.indexBanner .hd{position: absolute;width: 100%;height: 18px;left: 0;bottom: 65px;z-index: 2;}
.indexBanner .hd ul{width: 100%;text-align: center;}
.indexBanner .hd ul li{display: inline-block;*display: inline;*zoom: 1;width: 18px;height: 18px;margin: 0 5px;background: url(../images/dot1.png) center no-repeat;cursor: pointer;}
.indexBanner .hd ul li.on{background: url(../images/index.png) 0 -86px no-repeat;}
.indexPro{position: relative;background-color: #fff;padding-top: 30px;padding-bottom: 30px;z-index: 5;}
.indexPro dl{float: left;width: 277px;margin-left: 30px;}
.indexPro dl:first-child{margin-left: 1px;}
.indexPro dl.webCon dt a{background-image: url(../images/tit5.png);}
.indexPro dl.app dt a{background-image: url(../images/tit5.png);}
.indexPro dl.micro dt a{background-image: url(../images/tit5.png);}
/*.indexPro dl.sim{width: 230px;}portal */
.indexPro dl.sim dt a{background-image: url(../images/tit5.png);}
.indexPro dl dt a{padding-top: 135px;display: block;font-size: 14px;color: #333;margin-bottom: 15px;background-repeat: no-repeat;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.indexPro dl dt a h3{display: block;font-size: 20px;font-weight:bold;}
.indexPro dl dt a:hover{background-position-x: 5px;}
.indexPro dl dt a:hover h3{color: #df0b19;}
.indexPro dd ul li{float: left;width: 100%;height: 30px;line-height: 30px;}
.indexPro dd ul li a{font-size: 14px;color: #666;}
.indexPro dd ul li a:hover{color: #df0b19;}
.indexPro dd ul li.short{width: auto;margin-right: 42px;*margin-right: 51px;}
.indexCustom{position: relative;width: 100%;height: 577px;background: url(../images/bg1.jpg) center top no-repeat;z-index: 6;}
.indexCustom .word{position: absolute;width: 350px;top: 85px;left: 0;color: #fff;}
.indexCustom .word b{font-family: "Times New Roman";color: #d51737;font-size: 50px;}
.indexCustom .word h2{font-size: 40px;*line-height: 60px;}
.indexCustom .word p{font-size: 14px;margin-bottom: 20px;}
.indexCustom .word h4{font-family: "Times New Roman";font-size: 30px;font-weight: bold;}
.indexCustom .word h5{font-size: 20px;}
.indexCase{padding: 50px 0 40px;background-color: #eaeaea;}
.indexCaseTop{ width:1200px; margin:0 auto}
.indexCaseTit{float: left;}
.indexCaseTit h5{font-size: 40px;font-family: "Times New Roman";font-weight: bold;}
.indexCaseTit h5 span{color: #d51737;}
.indexCaseTit p{color: #666;line-height: 27px;}
.indexCaseTit p span{font-size: 20px;color: #333;margin-right: 5px;font-weight: bold;}
.indexCaseTop .more{position: relative;display: block;float: right;padding-right: 40px;background: url(../images/tit5.png) right center no-repeat;text-align: right;}
.indexCaseTop .more span{font-family: "Times New Roman";font-size: 20px;font-weight: bold;}
.indexCaseTop .more p{color: #848484;}
.indexCaseTop .more i{display: block;position: absolute;top: 7px;*top: 7px;right: 9px;width: 8px;height: 26px;background: url(../images/index.png) 0 -179px no-repeat;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.indexCaseTop .more:hover i{right: 6px;}
.indexCaseTop .more:hover p{color: #d51737;}
/* 瀑布流*/.waterFalls{position: relative;margin-bottom: 15px; width:1200px; margin:0 auto}
.waterFalls li{display: none;width: 258px;border-bottom: 2px solid #dadada;-webkit-transition: .5s ease-out all;transition: .5s ease-out all;background-color: #fff;transform-style: preserve-3d;}
.waterFalls li a{position: relative;display: block;width: 100%;overflow: hidden;}
.waterFalls li a .img{position: relative;background-color: #fff;overflow: hidden;}
.waterFalls li a img{position: relative;display: block;width: 100%;z-index: 2;}
.waterFalls li a h3{font-size: 16px;color: #333;margin-bottom: 3px;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;word-break:break-all;line-height:24px;max-height:48px;overflow:hidden;}
.waterFalls li a h3 span{color: #df0b19;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;float:left}
.waterFalls li a p{line-height: 24px;color: #999;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.waterFalls li a i{position: absolute;display: block;width: 100%;height: 100%;bottom: 125px;*bottom: 127px;left: 0;background-color: #d51737;}
.waterFalls li .info{position: relative;margin: 15px 20px;z-index: 2;height:95px;overflow:hidden}
.waterFalls li.on a h3, .waterFalls li.on a h3 span, .waterFalls li.on a p{color: #fff;}
.waterFalls li.redborder{border-color: #d51737;}
.indexAbout{width: 100%;height: 660px;background: url(../images/bg2.jpg) center top no-repeat;}
.indexAboutTit{float: left;width: 230px;}
.indexAboutTit h4{font-size: 40px;font-family: "Times New Roman";font-weight: bold;}
.indexAboutTit h4 span{color: #df0b19;margin-right: 5px;}
.indexAboutTit h1{font-size: 18px;font-weight: bold;margin-bottom: 3px;}
.indexAboutTit p{color: #666;line-height: 18px;margin-bottom: 25px;}
.indexAboutMenu li{margin: 0 5px 5px 0;float: left;width: 100px;height: 70px;line-height: 70px;text-align: center;}
.indexAboutMenu li:nth-child(2) a{background-color: rgba(38, 43, 50, 0.95);}
.indexAboutMenu li:nth-child(3) a{background-color: rgba(38, 43, 50, 0.9);}
.indexAboutMenu li:nth-child(4) a{background-color: rgba(38, 43, 50, 0.85);}
.indexAboutMenu li:nth-child(5) a{background-color: rgba(38, 43, 50, 0.8);}
.indexAboutMenu li:nth-child(6) a{background-color: rgba(38, 43, 50, 0.75);}
.indexAboutMenu li:nth-child(7) a{background-color: rgba(38, 43, 50, 0.7);}
.indexAboutMenu li:nth-child(8) a{background-color: rgba(38, 43, 50, 0.65);}
.indexAboutMenu li:nth-child(9) a{background-color: rgba(38, 43, 50, 0.6);}
.indexAboutMenu li a{display: block;font-size: 14px;color: #dedede;background-color: #31353c;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.indexAboutMenu li a:hover{background-color: #d51737;}
.indexAboutMenu li.on a{background-color: #d51737;}
.indexAboutInfo{float: right;width: 880px;}
.indexAboutInfo .readMore{float: right;margin-top: 10px;width: 63px;height: 26px;line-height: 26px;text-align: center;}
.indexAboutInfo .readMore a{display: block;width: 100%;color: #999;background-color: #fff;}
.indexAboutInfo .readMore a:hover{color: #fff;background-color: #d51737;}
.indexAboutSlide{float: left;width: 390px;height: 505px;background-color: #fff;}
.indexAboutSlide .bd .img{display: block;width: 100%;height: 333px; background:#fafafa; overflow:hidden}
.indexAboutSlide .bd .img img{width:370px;}
.indexAboutSlide .bd .img img:hover{-webkit-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);}
.indexAboutSlide .bd .info{padding: 20px 25px;}
.indexAboutSlide .bd .info a{font-size: 16px;color: #333;line-height: 22px;}
.indexAboutSlide .bd .info a:hover{color: #d51737;}
.indexAboutSlide .bd .info p{padding-top: 5px;color: #999;line-height: 20px;height:60px;}
.indexAboutSlide .hd{height: 12px;}
.indexAboutSlide .hd ul{float: right;margin-right: 25px;}
.indexAboutSlide .hd ul li{float: left;width: 12px;height: 12px;margin-left: 8px;background: url(../images/dot3.png) no-repeat;cursor: pointer;}
.indexAboutSlide .hd ul li.on{background-image: url(../images/dot4.png);}
.indexAboutList{width: 472px;float: right;}
.indexAboutList li{margin-top: 15px;padding: 17px 20px;height: 124px;background-color: #fff;overflow: hidden;}
.indexAboutList li:first-child{margin-top: 0;}
.indexAboutList li .info a{font-size: 16px;color: #333;max-height:44px;line-height:22px;overflow:hidden}
.indexAboutList li .info a span{color: #df0b19;}
.indexAboutList li .info p{color: #999;line-height: 20px;padding-top: 8px;height: 60px;overflow: hidden;}
.indexAboutList li .img{float: right;margin-left: 20px;display: block;width: 146px;height: 124px;overflow: hidden;}
.indexAboutList li .img img{width: 100%;}
.indexAboutList li .img img:hover{-webkit-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);}
.indexAboutList li:hover .info a{color: #df0b19;}
.btmContac{width: 100%;height: 146px;background: url(../images/bg3.jpg) center top no-repeat;overflow: hidden;}
.btmContact{width: 100%;height: 146px;background: url(../images/bg3.jpg) center top no-repeat;overflow: hidden;}
.btmContact dl{padding-top: 33px;}
.btmContact dt{float: left;margin-right: 65px;width: 200px;color: #fff;}
.btmContact dt span{font-family: "Times New Roman";font-size: 40px;font-weight: bold;}
.btmContact dt p{font-size: 20px;}
.btmContact dd{float: left;width: 450px;}
.btmContact dd.ddprig{float: left;width: 480px;}
.btmContact dd .iconBox{float: left;width: 77px;height: 77px;background: url(../images/index.png) 0 -205px no-repeat;text-align: center;font-size: 14px;color: #eee1e3;}
.btmContact dd .iconBox i{display: block;margin-left: auto;margin-right: auto;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.btmContact dd .iconBox i.gz{margin-top: 11px;width: 29px;height: 31px;-webkit-transform-origin: left bottom;transform-origin: left bottom;}
.btmContact dd .iconBox i.sz{margin-top: 15px;width: 26px;height: 25px;}
.btmContact dd .info{margin-left: 88px;padding-top: 11px;color: #fff;}
.btmContact dd .info span{font-size: 24px;font-weight: bold;}
.btmContact dd .info p{font-size: 14px;}
.btmContact dd .info p a{display: inline-block;*display: inline;*zoom: 1;margin-left: 3px;width: 9px;height: 12px;background: url(../images/icon8.png) no-repeat;}
.btmContact dd:hover .iconBox i.gz{transform: rotate(-15deg);}
.btmContact dd:hover .iconBox i.sz{transform: scale(1.05);}
.indexCustomSlide{position: relative;padding-top: 98px;width: 100%;height: 425px;}
.indexCustomSlide .bd{float: right;width: 984px;}
.indexCustomSlide .bd li{float: left;width: 113px;height: 75px;margin: 0 0 10px 10px;}
.indexCustomSlide .bd li a{position: relative;display: block;width: 100%;height: 100%;}
.indexCustomSlide .bd li a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.indexCustomSlide .bd li a p{position: absolute;display: none;top: 0;left: 0;width: 100%;height: 100%;text-align: center;line-height: 75px;color: #fff;font-size: 14px;background: url(../images/blank_80.png);z-index: 2;overflow: hidden;}
.indexCustomSlide .bd li a:hover p{display: block;}
.indexCustomSlide .next{position: absolute;display: block;width: 113px;height: 75px;right: 0;bottom: 10px;background: url(../images/index.png) 0 -104px no-repeat;}
.indexCustomSlide .next:hover{-webkit-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);}
.indexCustomSlide .hd{position: absolute;width: 170px;height: 18px;left: 0;top: 360px;cursor: pointer;z-index: 3;}
.indexCustomSlide .hd ul li{float: left;width: 18px;height: 18px;margin-right: 7px;background: url(../images/dot5.png) center center no-repeat;}
.indexCustomSlide .hd ul li.on{background: url(../images/index.png) 0 -86px no-repeat;}
/* 小鱼案例页面*/.caseInfoWater{position: relative;}
.caseInfoWater li{display: none;width: 278px;border-bottom: 2px solid #dadada;-webkit-transition: .5s ease-out all;transition: .5s ease-out all;background-color: #fff;transform-style: preserve-3d;}
.caseInfoWater li a{position: relative;display: block;width: 100%;overflow: hidden;}
.caseInfoWater li a .img{position: relative;background-color: #fff;overflow: hidden;}
.caseInfoWater li a img{position: relative;display: block;z-index: 2;}
.caseInfoWater li a h3{font-size: 16px;color: #333;margin-bottom: 3px;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;word-break: break-all;line-height:24px;max-height:48px;overflow:hidden;}
.caseInfoWater li a h3 span{color: #df0b19;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.caseInfoWater li a p{line-height: 24px;color: #999;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.caseInfoWater li a i{position: absolute;display: block;width: 100%;height: 100%;bottom: 125px;*bottom: 127px;left: 0;background-color: #df0b19;}
.caseInfoWater li .info{position: relative;margin: 15px 20px;z-index: 2;height:95px;overflow:hidden}
.caseInfoWater li.on a h3, .caseInfoWater li.on a h3 span, .caseInfoWater li.on a p{color: #fff;}
.caseInfoWater li.redborder{border-color: #df0b19;}
.caseInfoWater li .xiaoyu_caseedit{position:absolute;right:0;top:0;width:80px;z-index:10;background:#df0b19;margin-top:10px;}
.caseInfoWater li .xiaoyu_caseedit a{width:40px;float:left;text-align:center;height:30px;line-height:30px;color:#fff}
.xiaoyu_publist{margin:0 auto;width:1200px;height:227px;position:relative}
.xiaoyu_addcase{height:30px;line-height:30px;background:#df0b19;text-align:center;display:inline-block;width:100px;border-radius:3px;position:absolute;bottom:10px;right:0}
.xiaoyu_addcase a{color:#FFF;font-size:14px;font-weight:400;}
.xiaoyu_addcase a:hover{color:#FFF}
.xiaoyu_addcase a i{background:url("img/post_edit.png") no-repeat left -2px;width:19px;height:19px;margin-right:5px;display:inline-block;vertical-align:middle}
.caseFloat{position: fixed;width: 50px;top: 200px;right: 10px;}
.caseFloat li{margin-bottom: 1px;width: 50px;height: 50px;background-color: #fff;text-align: center;line-height: 50px;font-size: 14px;font-weight: bold;color: #ccc;}
.caseFloat li a{display: block;height: 100%;background-repeat: no-repeat;background-position: center;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.caseFloat li a:hover{background-color: #df0b19;}
.caseFloat li .goTop{color: #ccc;}
.caseFloat li .goTop:hover{background-image: url(../images/icon24.png);font-size: 0;}
.caseFloat li .nextPage{background-image: url(../images/icon15.png);}
.caseFloat li .nextPage:hover{background-image: url(../images/icon16.png);}
.caseFloat li .goList{background-image: url(../images/icon17.png);}
.caseFloat li .goList:hover{background-image: url(../images/icon18.png);}
.caseFloat li .prevPage{background-image: url(../images/icon20.png);}
.caseFloat li .prevPage:hover{background-image: url(../images/icon21.png);}
.caseFloat li .phone{background-image: url(../images/icon22.png);}
.caseFloat li .phone:hover{background-image: url(../images/icon23.png);}
.caseBanner{height: 227px;}
.caseBox{padding-top: 35px;overflow: hidden;}
.caseBox .hotTag{margin-bottom: 30px;line-height: 26px;font-size: 14px;color: #333;}
.caseBox .hotTag a{display: inline-block;color: #333;margin: 0 10px;}
.caseBox .hotTag a:hover,.caseBox .hotTag a.lion{color: #d51737;}
.caseBox .hotTag a.cur{color: #d51737;}
.caseBox .readMore{margin-bottom: 40px;}
.newsBanner{width: 100%;height: 150px;background: #121212 url(../images/bg5.jpg) center top no-repeat;background-size: auto 100%;overflow: hidden;}
.newsBanner .newsMenu{margin: 52px auto 0;text-align: center;}
.newsBanner .newsMenu li{display: inline-block;*display: inline;*zoom: 1;height: 49px;line-height: 49px;overflow: hidden;}
.newsBanner .newsMenu li a{display: block;height: 100%;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;font-size: 20px;color: #fff;background: #4d4d4d;padding:0 20px;}
.newsBanner .newsMenu li a:hover{background: #d51737;}
.newsBanner .newsMenu li.on a{background: #d51737;}
/*aboutus css by Xiaoyu*/.aboutBanner{width: 100%;height: 610px;}
.aboutBox{padding-top: 90px;background-color: #fff;}
.aboutTit{text-align: center;}
.aboutTit h4{height: 30px;line-height: 30px;}
.aboutTit h4 b{padding-right: 35px;margin-right: 5px;font-size: 30px;color: #d51737;background: url(../images/tit7.png) right center no-repeat;}
.aboutTit h4 span{font-size: 24px;font-weight: bold;font-family: "Times New Roman";color: #adadad;}
.aboutTit h4.white b{background-image: url(../images/tit8.png);}
.aboutTit h4.whiteColor b{color: #fff;background-image: url(../images/tit9.png);}
.aboutTit h4.whiteColor span{color: #e6a7ab;}
.aboutTit .divh4{height: 30px;line-height: 30px;}
.aboutTit h1{display: inline;font-weight: bold;padding-right: 35px;margin-right: 5px;font-size: 30px;color: #d51737;background: url(../images/tit7.png) right center no-repeat;}
.aboutTit .divh4 span{font-size: 24px;font-weight: bold;font-family: "Times New Roman";color: #adadad;}
.aboutTit .divh4.white b{background-image: url(../images/tit8.png);}
.aboutTit .divh4.whiteColor b{color: #fff;background-image: url(../images/tit9.png);}
.aboutTit .divh4.whiteColor span{color: #e6a7ab;}
.aboutTit .grayWord{margin-top: 10px;font-size: 18px;color: #666;}
.aboutTit .whiteWord{margin-top: 10px;color: #fff;}
.aboutArt{margin: 25px auto 60px;width: 840px;font-size: 14px;line-height: 28px;text-align: center;color: #666;}
.aboutArtcom{text-align:left;text-indent:2em;}
.aboutSlide{position: relative;width: 100%;height: 178px;-webkit-opacity: 0;opacity: 0;filter: alpha(opacity=0);overflow: hidden;}
.aboutSlide .bd{width: 100%;}
.aboutSlide .bd li{width: 283px;height: 178px;margin-right: 1px;position: relative;}
.aboutSlide .bd li img{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.aboutSlide .bd li .natural{z-index: 2;}
.aboutSlide .bd li .gray{z-index: 3;}
.aboutSlide .bd li:hover .gray{display: none;}
.aboutSlide .prev, .aboutSlide .next{position: absolute;display: none;width: 50px;height: 50px;top: 50%;margin-top: -25px;z-index: 4;}
.aboutSlide .prev:hover, .aboutSlide .next:hover{opacity: .6;}
.aboutSlide .prev{left: 10px;background: url(../images/icon39.png) center no-repeat;}
.aboutSlide .next{right: 10px;background: url(../images/icon40.png) center no-repeat;}
.honorBox{padding-top: 75px;width: 100%;height: 475px;background: #fff url(../images/bg4.jpg) center top no-repeat;}
.honorList{margin: 85px auto 0;width: 1100px;-webkit-opacity: 0;}
.honorList dl{float: left;width: 50%;}
.honorList dl dt{float: left;margin-right: 20px;width: 203px;height: 206px;transform-style: preserve-3d;}
.honorList dl dt a{display: block;width: 100%;height: 100%;transform-style: preserve-3d;}
.honorList dl dt img{display: block;width: 100%;height: 100%;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.honorList dl dt img:hover{transform: scale3d(1.1, 1.1, 1) rotateZ(-5deg);box-shadow: 2px 2px 5px #333;}
.honorList dl dd{height: 29px;line-height: 29px;font-size: 14px;}
.honorList dl dd span{margin-right: 15px;color: #d51737;font-style: italic;}
.honorList dl dd a{color: #666;}
.honorList dl dd a:hover{color: #d51737;}
.partnerBox{padding-top: 85px;height: 562px;background: #202121 url(../images/bg7.jpg) center top no-repeat;overflow: hidden;}
.partnerSlide{margin-top: 130px;width: 100%;height: 141px;transform-style: preserve-3d;}
.partnerSlide .bd{width: 100%;-webkit-opacity: 0;}
.partnerSlide li{margin-right: 20px;width: 215px;height: 141px;}
.partnerSlide li a{display: block;width: 100%;height: 100%;transform-style: preserve-3d;}
.partnerSlide li img{display: block;width: 100%;height: 100%;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.partnerSlide li img:hover{-webkit-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);}
.workFlow{padding-top: 70px;height: 500px;background-color: #f8f8f8;}
.wfBox{position: relative;height: 230px;width:1200px;margin:85px auto 0}
.wfBox .line{position: absolute;top: 63px;left: 59px;width: 1087px;height: 112px;background: url(../images/line1.png) no-repeat;z-index: 1;}
.wfBox .dot{position: absolute;width: 128px;height: 128px;background-image: url(../images/about.png);background-repeat: no-repeat;cursor: pointer;-webkit-opacity: 0;opacity: 0;filter: alpha(opacity=0);z-index: 2;}
.wfBox .icon{position: relative;margin-left: auto;margin-right: auto;background-image: url(../images/about.png);background-repeat: no-repeat;z-index: 4;}
.wfBox .wfBoxBg{position: absolute;top: 0;left: 0;width: 100%;z-index: 3;overflow: hidden;}
.wfBox .wfBoxBg .bg{height: 0;overflow: hidden;}
.wfBox h6{position: relative;padding-top: 10px;text-align: center;font-size: 18px;color: #fff;z-index: 4;}
.wfBox .topCir{display: none;width: 128px;height: 64px;background: url(../images/about.png) 0 -182px no-repeat;z-index: 3;}
.wfBox .bottomCir{position: relative;display: none;width: 128px;height: 64px;background: url(../images/about.png) 0 -118px no-repeat;z-index: 3;}
.wfBox ul{position: relative;padding-top: 45px;margin-bottom: -6px;background-color: #d51737;overflow: hidden;z-index: 4;}
.wfBox ul li{font-size: 12px;text-align: center;line-height: 24px;}
.wfBox ul li a{color: #fff;}
.wfBox .odd{top: 0;}
.wfBox .even{bottom: 0;}
.wfBox .dot1{left: 0;background-position: 0 -886px;}
.wfBox .dot1 .icon{margin-top: 32px;margin-bottom: -1px;width: 27px;height: 33px;background-position: 0 -1270px;}
.wfBox .dot2{left: 154px;background-position: 0 -758px;}
.wfBox .dot2 .icon{margin-top: 33px;margin-bottom: -1px;width: 36px;height: 33px;background-position: 0 -1303px;}
.wfBox .dot3{left: 307px;background-position: 0 -1142px;}
.wfBox .dot3 .icon{margin-top: 25px;margin-bottom: -1px;width: 41px;height: 34px;background-position: 0 -1336px;}
.wfBox .dot4{left: 461px;background-position: 0 -1014px;}
.wfBox .dot4 .icon{margin-top: 27px;margin-bottom: -1px;width: 40px;height: 41px;background-position: 0 -1370px;}
.wfBox .dot5{left: 615px;background-position: 0 -374px;}
.wfBox .dot5 .icon{margin-top: 27px;margin-bottom: -1px;width: 51px;height: 38px;background-position: 0 -1411px;}
.wfBox .dot6{left: 769px;background-position: 0 -246px;}
.wfBox .dot6 .icon{margin-top: 32px;margin-bottom: -1px;width: 28px;height: 36px;background-position: 0 -1449px;}
.wfBox .dot7{left: 922px;background-position: 0 -630px;}
.wfBox .dot7 .icon{margin-top: 32px;margin-bottom: -1px;width: 42px;height: 36px;background-position: 0 -1485px;}
.wfBox .dot8{left: 1076px;background-position: 0 -502px;}
.wfBox .dot8 .icon{margin-top: 35px;margin-bottom: -1px;width: 32px;height: 34px;background-position: 0 -1521px;}
.aboutNewsCon{    width: 1190px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/bg2.jpg) center bottom no-repeat;overflow: hidden;}
.aboutNewsSlide{padding-top: 20px;    width: 1190px;
    margin-left: auto;
    margin-right: auto;}
.aboutNewsSlide .hd{margin-bottom: 27px;width: 100%;text-align: center;}
.aboutNewsSlide .hd ul{width: 100%;}
.aboutNewsSlide .hd li{display: inline-block;*display: inline;*zoom: 1;width: 124px;height: 40px;line-height: 40px;background-color: #727272;font-size: 20px;color: #fff;cursor: pointer;}
.aboutNewsSlide .hd li.on{background-color: #d51737;}
.aboutNewsBox .more{padding-top: 10px;text-align: center;}
.aboutNewsBox .more a{font-size: 14px;color: #848484;}
.aboutNewsBox .more a:hover{color: #d51737;}
.xiaoyu_abounews_box_z{float: left;width: 330px;}
.aboutHotNewsSlide{position: relative;float: left;width: 330px;height: 363px;background-color: #fff;}
.aboutHotNewsSlide .ahnsHd{position: absolute;top: 262px;right: 0;width: 100%;height: 12px;z-index: 2;}
.aboutHotNewsSlide .ahnsHd ul{float: right;}
.aboutHotNewsSlide .ahnsHd li{float: left;margin-right: 8px;width: 12px;height: 12px;background-image: url(../images/about.png);background-repeat: no-repeat;background-position: 0 -24px;cursor: pointer;}
.aboutHotNewsSlide .ahnsHd li.on{background-position: 0 -12px;}
.aboutHotNewsSlide .ahnsBd li{width: 100%;height: 363px;}
.aboutHotNewsSlide .ahnsBd .img{display: block;width: 100%;height: 282px;}
.aboutHotNewsSlide .ahnsBd .img img{width: 330px;height: 282px;}
.aboutHotNewsSlide .ahnsBd .img img:hover{-webkit-opacity: 0.8;opacity: 0.8;filter: alpha(opacity=80);}
.aboutHotNewsSlide .ahnsBd .info{padding: 20px;height: 41px;}
.aboutHotNewsSlide .ahnsBd .info a{font-size: 16px;color: #333;line-height: 21px;}
.aboutHotNewsSlide .ahnsBd .info a:hover{color: #d51737;}
.aboutHotNewsSlide .ahnsBd .info p{height: 20px;line-height: 20px;color: #999;overflow: hidden;}
.xiaoyu_abounews_box{margin-left:330px;width:870px;}
.aboutNewsList li{float: left;margin: 0 0 13px 13px;padding: 25px 14px;width: 393px;height: 125px;background-color: #fff;}
.aboutNewsList li:hover .info a{color: #df0b19;}
.aboutNewsList li .info{height: 125px;overflow: hidden;}
.aboutNewsList li .info a{font-size: 16px;}
.aboutNewsList li .info a span{color: #df0b19;}
.aboutNewsList li .info a:hover{color: #df0b19;}
.aboutNewsList li .info p{line-height: 20px;color: #999;}
.aboutNewsList li .img{float: right;display: block;margin-left: 10px;width: 146px;height: 125px;}
.aboutNewsList li .img img{width: 100%;height: 100%;}
.aboutNewsList li .img img:hover{-webkit-opacity: 0.8;opacity: 0.8;filter: alpha(opacity=80);}
.aboutContact{padding-top: 75px;width: 100%;height: 535px;background: #d01431 url(../images/bg8.jpg) center no-repeat;overflow: hidden;}
.acCon{padding-top: 60px;transform-style: preserve-3d;}
.acCardBox{float: left;padding: 5px;width: 490px;height: 285px;background-color: #fff;transform-origin: left center;}
.acCardBox:first-child{margin-left: 85px;margin-right: 20px;transform-origin: right center;-webkit-transform: rotateY(90deg) skewY(20deg);}
.acCardBox:last-child{-webkit-transform: rotateY(-90deg) skewY(-20deg);}
.acCard{position: relative;padding: 40px 45px 35px;height: 208px;border: 1px solid #e3dadb;overflow: hidden;}
.acCard h3{margin-bottom: 10px;font-size: 24px;font-weight: bold;}
.acCard h3 b{color: #d51737;margin-right: 5px;}
.acCard p{width: 90%;font-size: 14px;line-height: 26px;color: #666;}
.acCard p a{display: inline-block;*display: inline;*zoom: 1;margin-left: 10px;width: 9px;height: 12px;vertical-align: middle;background: url(../images/about.png) 0 0 no-repeat;}
.acCard .way{position: absolute;display: none;width: 100%;height: 26px;line-height: 26px;right: 0;bottom: 0;text-align: right;}
.acCard .way a{margin: 0 10px;}
.acCard .way a:hover{color: #d51737;}
.acCard .way img{vertical-align: middle;}
/* 0411*/.aboutFloat{position: fixed;top: 0;right: 0;width: 100%;height: 50px;border-bottom: 1px solid #e9e9e9;background-color: #fff;z-index: 100;display: none;}
.aboutFloat ul{padding-bottom: 10px;width: 100%;text-align: center;}
.aboutFloat ul li{display: inline-block;*display: inline;*zoom: 1;width: 85px;height: 47px;line-height: 47px;font-size: 14px;text-align: center;border-bottom: 3px solid #fff;vertical-align: top;}
.aboutFloat ul li a{display: inline-block;vertical-align: top;width: 100%;height: 47px;color: #666;text-align: center;transition: 0.2s ease all;-webkit-transition: 0.2s ease all;-moz-transition: 0.2s ease all;}
.aboutFloat ul li a:hover{color: #d51737;}
.aboutFloat ul li.on{border-bottom-color: #d51737;}
.aboutFloat ul li.on a{color: #d51737;}
.indexFloatCon{position: fixed;display: block;right: 0;bottom: 0;width: 50px;z-index: 9999;}
.indexFloatCon li{position: relative;margin-bottom: 1px;height: 50px;}
.indexFloatCon li:first-child{height: 45px;overflow: hidden;}
.indexFloatCon li.wenti > a{background: #35373a url(../images/tit12.png) left center no-repeat;}
.indexFloatCon li.wenti:hover > a{background-color: #d51737;}
.indexFloatCon li:hover a{-webkit-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.indexFloatCon li.mb4{margin-bottom: 4px;}
.indexFloatCon li a{display: block;height: 50px;-webkit-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);}
.indexFloatCon li a.indexGoTop{position: absolute;width: 100%;left: 0;top: 46px;background: url(../images/top.png) no-repeat;}
.indexFloatCon li a.on{-webkit-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.indexFloatCon li a.online, .indexFloatCon li a.bf1, .indexFloatCon li a.bf2, .indexFloatCon li a.bf3, .indexFloatCon li a.bf4, .indexFloatCon li a.bf5, .indexFloatCon li a.nextPage, .indexFloatCon li a.goList, .indexFloatCon li a.prevPage{position: absolute;top: 0;left: 0;width: 140px;background: #35373a url(../images/online.png) left center no-repeat;font-size: 18px;color: #fff;line-height: 50px;text-indent: 50px;}
.indexFloatCon li a.online:hover, .indexFloatCon li a.bf1:hover, .indexFloatCon li a.bf2:hover, .indexFloatCon li a.bf3:hover, .indexFloatCon li a.bf4:hover, .indexFloatCon li a.bf5:hover, .indexFloatCon li a.nextPage:hover, .indexFloatCon li a.goList:hover, .indexFloatCon li a.prevPage:hover{background-color: #d51737;}
.indexFloatCon li a.erweima{background: #35373a url(../images/tit11.png) left center no-repeat;}
.indexFloatCon li a.erweima:hover{background-color: #d51737;}
.indexFloatCon li a.bf1{background: #35373a url(../images/tit13.png) left center no-repeat;}
.indexFloatCon li a.bf1:hover, .indexFloatCon li a.bf1.on{background-color: #d51737;}
.indexFloatCon li a.bf2{background: #35373a url(../images/tit14.png) left center no-repeat;}
.indexFloatCon li a.bf2:hover, .indexFloatCon li a.bf2.on{background-color: #1c8fb9;}
.indexFloatCon li a.bf3{background: #35373a url(../images/tit15.png) left center no-repeat;}
.indexFloatCon li a.bf3:hover, .indexFloatCon li a.bf3.on{background-color: #1cb98b;}
.indexFloatCon li a.bf4{background: #35373a url(../images/tit16.png) left center no-repeat;}
.indexFloatCon li a.bf4:hover, .indexFloatCon li a.bf4.on{background-color: #96b91c;}
.indexFloatCon li a.bf5{background: #35373a url(../images/tit17.png) left center no-repeat;}
.indexFloatCon li a.bf5:hover, .indexFloatCon li a.bf5.on{background-color: #b9871c;}
.indexFloatCon li a.nextPage{background-image: url(../images/icon15.png);background-color: #35373a;}
.indexFloatCon li a.nextPage:hover{background-color: #d51737;}
.indexFloatCon li a.goList{background-image: url(../images/icon17.png);background-color: #35373a;}
.indexFloatCon li a.goList:hover{background-color: #d51737;}
.indexFloatCon li a.prevPage{background-image: url(../images/icon20.png);background-color: #35373a;}
.indexFloatCon li a.prevPage:hover{background-color: #d51737;}
.indexFloatCon li .ewmCon{position: absolute;display: none;padding: 20px 10px 10px;bottom: 0;right: 50px;width: 210px;background-color: #fff;border: 1px solid #dbdbdb;box-shadow: 0 0 5px #dbdbdb;}
.indexFloatCon li .ewmCon .ewm{float: left;margin: 0 10px;width: 85px;text-align: center;}
.indexFloatCon li .ewmCon .ewm img{display: block;width: 100%;}
.indexFloatCon li .ewmCon .ewm p{color: #666;}
.indexFloatCon li .wentiCon{position: absolute;display: none;right: 50px;bottom: -102px;padding: 20px;width: 240px;border: 1px solid #ddd;background-color: #fff;overflow: hidden;}
.indexFloatCon li .wentiCon dt{height: 22px;line-height: 22px;font-size: 16px;border-left: 3px solid #d6203f;padding-left: 10px;margin-bottom: 10px;}
.indexFloatCon li .wentiCon dt a{float: right;font-size: 14px;color: #999;height: auto;display: none;}
.indexFloatCon li .wentiCon dt a:hover{color: #d6203f;}
.indexFloatCon li .wentiCon dd a{font-size: 14px;line-height: 26px;color: #666;height: auto;}
.indexFloatCon li .wentiCon dd a:hover{color: #d6203f;}
.indexFloatCon li .wentiCon:hover dt a{display: block;}
.indexFloatCon{position: fixed;display: block;right: 0;bottom: 0;width: 50px;z-index: 200;}
.indexFloatCon li{position: relative;margin-bottom: 1px;height: 50px;}
.indexFloatCon li:first-child{height: 45px;overflow: hidden;}
.indexFloatCon li a{display: block;height: 50px;-webkit-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);}
.indexFloatCon li a:hover{-webkit-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.indexFloatCon li a.indexGoTop{position: absolute;width: 100%;left: 0;top: 46px;background: url(../images/top.png) no-repeat;}
.indexFloatCon li a.online{position: absolute;top: 0;left: 0;width: 140px;-webkit-opacity:1;opacity: 1;filter: alpha(opacity=100);background: #d51737 url(../images/icon72.png) left center no-repeat;font-size: 18px;color: #fff;line-height: 50px;text-indent: 50px;}
.indexFloatCon li a.online:hover{background-color: #d51737;}
.indexFloatCon li a.erweima{background: #35373a url(../images/tit11.png) left center no-repeat;}