@import url(animate.css);
/* CSS Document */



a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}body{font-family:STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none}a,a:active,a:focus,a:hover,a:visited{text-decoration:none}a,img{-webkit-touch-callout:none}li,ol,ul{list-style:none}input[type=password],input[type=text],textarea{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
@media screen and (max-width:320px){html{font-size:40px;font-size:15.625vw}}@media screen and (min-width:321px) and (max-width:360px){html{font-size:56.25px;font-size:15.625vw}}@media screen and (min-width:361px) and (max-width:375px){html{font-size:58.6px;font-size:15.625vw}}@media screen and (min-width:376px) and (max-width:393px){html{font-size:61.4px;font-size:15.625vw}}@media screen and (min-width:394px) and (max-width:412px){html{font-size:64.37px;font-size:15.625vw}}@media screen and (min-width:413px) and (max-width:414px){html{font-size:64.69px;font-size:15.625vw}}@media screen and (min-width:415px) and (max-width:480px){html{font-size:750px;font-size:15.625vw}}@media screen and (min-width:481px) and (max-width:540px){html{font-size:84.37px;font-size:15.625vw}}@media screen and (min-width:541px) and (max-width:640px){html{font-size:100px;font-size:15.625vw}}@media screen and (min-width:641px) and (max-width:720px){html{font-size:112.5px;font-size:15.625vw}}@media screen and (min-width:721px) and (max-width:768px){html{font-size:120px;font-size:15.625vw}}@media screen and (min-width:769px){html{font-size:120.15px;font-size:15.625vw}}body{font-family:PingFangSC-Regular,Microsoft YaHei,Helvetica;background:#f5f7f9}body,html a{color:#333}.hidden,.none{display:none!important}@media screen and (min-width:640px){html{font-size:100px}html 
.header {margin:0 auto; }}.header{font-size:.32rem;width:100% }

.pdisplay{ display: none; }

.fixed { *zoom: 1; }

.headerContact { height: .25rem; line-height: .16rem; padding-top: .10rem; background: #e2dfd8; }

.headerContact ul { float: right; }
.headerContact ul li { float: left; padding-left: .2rem; background: url(../images/icon1.png) 0 center no-repeat; font-size: .14rem; color: #999; height: .16rem; line-height: .16rem; margin-left: .2rem; }

.logo { margin:0 auto; background: #404040;padding-bottom: .18rem;width:6.4rem;}
.logo a { display: block; float: left; margin-right: .1rem; }
.logo img{ margin:0 auto; margin-top:.12rem;margin-left:.12rem;}
.logo_text{float:right;margin-right: .1rem;margin-top: .18rem;font-size: .32rem;color:#fff;text-align: center;}
.logo_text img{margin-top:.2rem;}
.logo_text span{ margin-top:.3rem;}

.nav { padding-top: .20rem; float: right; position: relative; z-index: 9999;width: 100%; background: #07b5ce;}

.nav li { position: relative; float: right; margin-left: .2rem; height: .5rem; z-index: 9999; color:#fff; }

.nav li a {font-family: "Times New Roman"; font-weight: bold;  font-size: .3rem; display: block; line-height: .64rem; color:#fff;}


.indexBanner { background-color: #404040; text-align: center;margin:0 auto; width:6.4rem;}

.indexBanner li {width:6.4rem;display:inline; float:left;-moz-border-radius: .04rem;color:#fff;-webkit-border-radius: .04rem; border-radius:.04rem; position:relative; z-index:2;}
.indexBanner li.server1{background: url(../images/banner.jpg);}

.aboutBanner { background-color: #fff; text-align: center;margin:0 auto; width:6.4rem;}

.indexBanner2 { background-color: #fff;  padding-bottom: .01rem;text-align: center;margin:0 auto; width:6.4rem; }

.dz2{ position: relative; margin:0 auto; width:6.4rem; overflow: hidden; }
.dz3 { position: relative; margin:0 auto; width:6.4rem; 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; }


/* 首页我们的服务 */
.indexPro2 {background-color: #fff;padding-bottom: .25rem;padding-top: .5rem;text-align: center;margin:0 auto;width:6.4rem;}



.wp_fix{font-size: .25rem;margin-top:.2rem;color:#f4705b;}

/* 首页我们的服务改 */
.serverlist{ margin-top:0px; }

.serverlist li{ width:6.4rem;display:inline; float:left; -moz-border-radius: .04rem; text-align:center; color:#fff; margin-top:.15rem;-webkit-border-radius: .04rem; border-radius:.04rem; position:relative;  background-color:#11A5E5; behavior: url(iecss3.htc);}




.serverlist li .picbox{ width:1.58rem; height:1.35rem;margin:0 auto; position:relative; margin-top:.15rem; cursor:pointer;}
.serverlist li .picbox div{ width:1.58rem; height:1.35rem; position:absolute; top:2.65rem; z-index:99;}
.serverlist li .picbox .pic1{ right:0rem;}
.serverlist li .picbox .pic2{ left:.35rem;}
.serverlist li h3{ margin-top:1.79rem; font-size:.28rem;}
.serverlist li.server1{ background:url(../images/kuanshi1.jpg) center center no-repeat;}
.serverlist li.server2{ background:url(../images/kuanshi2.jpg) center center no-repeat;}
.serverlist li.server3{ background:url(../images/kuanshi3.jpg) center center no-repeat;}
.serverlist li.server4{ background:url(../images/kuanshi4.jpg) center center no-repeat;}
.serverlist li.server1 .picbox div{ background:url(../images/biankuang.png) center center no-repeat;}
.serverlist li.server2 .picbox div{ background:url(../images/biankuang.png) center center no-repeat;}
.serverlist li.server3 .picbox div{ background:url(../images/biankuang.png) center center no-repeat;}
.serverlist li.server4 .picbox div{ background:url(../images/biankuang.png) center center no-repeat;}

.fml { font-family: "Microsoft YaHei";}



.indexCustom {width: 100%;height: .02rem;background: url(../images/fenggexian.png) center top no-repeat;margin-top: .3rem;}
.indexCustom2 { width: 6.06rem; margin:0 auto;}
.indexCustom3 { width: 100%; height: 1.50rem; background: url(../images/fuwu.jpg) center top no-repeat; }
.indexCustom4 { width: 100%; height: .02rem; background: url(../images/fenggexian.png) center top no-repeat; }

.indexCustom5 { width: 100%; height: 1.18rem; background: url(../images/fuwu.jpg) center top no-repeat; }

.indexCustom .word { position: absolute; width: 3.50rem; top: .85rem; left: 0; color: #fff; }
.indexCustom .word b { font-family: "Times New Roman"; color: #d51737; font-size: .5rem; }
.indexCustom .word h2 { font-size: .4rem; *line-height: .60rem; }
.indexCustom .word p { font-size: .14rem; margin-bottom: .20rem; }
.indexCustom .word h4 { font-family: "Times New Roman"; font-size: .30rem; font-weight: bold; }
.indexCustom .word h5 { font-size: .20rem; }


.indexCase { background-color: #fff; width:6.4rem; text-align: center; margin:0 auto;}

.indexCase2 { padding: .1rem 0 .25rem; background-color: #fff; width:6.4rem; text-align: center; margin:0 auto;}

.indexCase5 { padding: .1rem 0 .25rem;font-size: .20rem; background-color: #e9e7e0; width:6.4rem; text-align: center; margin:0 auto;}

.indexCaseTit { float: left; }
.indexCaseTit h5 { font-size: .40rem; font-family: "Times New Roman"; font-weight: bold; }
.indexCaseTit h5 span { color: #d51737; }
.indexCaseTit p { color: #666; line-height: .27rem; }
.indexCaseTit p b { font-size: .20rem; color: #333; margin-right: .05rem; }

.indexCaseTop .more { position: relative; display: block; float: right; padding-right: .40rem; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: .20rem; }
.indexCaseTop .more b { font-family: "Times New Roman"; font-size: .20rem; }
.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; }


.index2 { text-align: center; background: #fff;  margin:0 auto; width:6.4rem; }

.index3 { padding: .50rem 0 .40rem; background-color: #eaeaea; text-align: center; left:30% }


.indexCase3 { padding: .2rem 0 0rem; background-color: #fff; width:6.4rem;line-height: .70rem; text-align: left;margin:0 auto;}

.indexCase5 { padding: .25rem 0 0rem; background-color: #fff; width:6.4rem;line-height: .70rem; text-align: left;margin:0 auto;}

.rexiao2 { left:30%; }
.rexiao2 h5 { font-size: .30rem; margin-left: .25rem;font-family: "Times New Roman"; }
.rexiao2 h5 span { color: #666; }
.rexiao2 p { color: #666; line-height: .30rem;font-size: .15rem; }
.rexiao2 p b { font-size: .36rem; color: #d51737; margin-right: .5rem;}


.rexiao3 { left:30%;}

.rexiao3 h5 { font-size: .25rem;text-align: center;font-family: "Times New Roman"; }
.rexiao3 h5 span { color: #666; }
.rexiao3 p { color: #666; line-height: .30rem;font-size: .15rem; }
.rexiao3 p b { font-size: .36rem; color: #d51737; margin-right: .5rem;}


.rexiao .more { position: relative; display: block; float: right; padding-right: .40rem; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: .02rem; width:6.40rem;}
.rexiao .more b { font-family: "Times New Roman"; font-size: .20rem; }
.rexiao .more p { color: #848484; }
.rexiao .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; }
.rexiao .more:hover i { right: .06rem; }
.rexiao .more:hover p { color: #d51737; }

.indexCaseTit2 { left:30%; }
.indexCaseTit2 img{ width:4.17rem; }

.indexCaseTit2 h5 { font-size: .40rem;margin-top: .2rem; font-family: "Times New Roman"; font-weight: bold; }
.indexCaseTit2 h5 span { color: #666; }
.indexCaseTit2 p { color: #666; line-height: .30rem;font-size: .15rem; }
.indexCaseTit2 p b { font-size: .36rem; color: #d51737; margin-right: .05rem;}

.indexCaseTop2 .more { position: relative; display: block; float: right; padding-right: .40rem; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: .02rem; width:6.4rem;}
.indexCaseTop2 .more b { font-family: "Times New Roman"; font-size: .20rem; }
.indexCaseTop2 .more p { color: #848484; }
.indexCaseTop2 .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; }
.indexCaseTop2 .more:hover i { right: 6px; }
.indexCaseTop2 .more:hover p { color: #d51737; }



.indexCaseTit3 { left:30%; }
.indexCaseTit3 img{  margin-top: .2rem;}
.indexCaseTit3 h5 {font-size: .2rem;margin-top: .2rem;font-family: "Times New Roman";width: 100%;background-color: #08b3cf;height: .35rem;color: #fff;line-height: .36rem;}
.indexCaseTit3 h5 span { color: #213b4a;font-size: .35rem;margin-top: .15rem; }
.indexCaseTit3 p { color: #666; line-height: .30rem;font-size: .15rem; }
.indexCaseTit3 p b { font-size: .46rem; color: #c59557; margin-right: .05rem;}

.indexCaseTop3 .more { position: relative; display: block; float: right; padding-right: .40rem; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: .02rem; width:6.40rem;}

.indexCaseTop3 .more b { font-family: "Times New Roman"; font-size: .20rem; }
.indexCaseTop3 .more p { color: #848484; }
.indexCaseTop3 .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; }
.indexCaseTop3 .more:hover i { right: 6px; }
.indexCaseTop3 .more:hover p { color: #d51737; }

.indexCaseTit4 { left:30%; }
.indexCaseTit4 h5 {font-size: .3rem;margin-top: .2rem;font-family: "Times New Roman";width: 100%;background-color: #da251c;height: .75rem;color: #fff;line-height: .38rem;}
.indexCaseTit4 h5 span { color: #213b4a;font-size: 35px;margin-top: 15px; }
.indexCaseTit4 p { color: #666; line-height: 30px;font-size: 15px; }
.indexCaseTit4 p b { font-size: 20px; color: #c59557; margin-right: 5px;}

.CaseTit3{background: url(../images/yd_lc.jpg) center no-repeat;background-size:100% 100% ;width:100%;height: 4.41rem;font-size: .3rem;font-family: "Times New Roman";color: #fff;}

.indexCaseTop4 .more { position: relative; display: block; float: right; padding-right: .40rem; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: .02rem; width:6.40rem;}
.indexCaseTop4 .more b { font-family: "Times New Roman"; font-size: .20rem; }
.indexCaseTop4 .more p { color: #848484; }
.indexCaseTop4 .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; }
.indexCaseTop4 .more:hover i { right: 6px; }
.indexCaseTop4 .more:hover p { color: #d51737; }

.indexCaseTit5 { left:30%; }
.indexCaseTit5 h5 { font-size: .38rem; font-family: "Times New Roman"; }
.indexCaseTit5 h5 span { color: #d2d2d2;font-size: .25rem;margin-top: .15rem; }
.indexCaseTit5 p { color: #666; line-height: .30rem;font-size: .15rem; }
.indexCaseTit5 p b { font-size: .37rem; color: #ff0000; margin-right: .01rem;}

.indexCaseTop5 .more { position: relative; display: block; float: right; padding-right: 40px; background: url(../images/tit5.png) right center no-repeat; text-align: right; margin-top: 2px; width:640px;}
.indexCaseTop5 .more b { font-family: "Times New Roman"; font-size: 20px; }
.indexCaseTop5 .more p { color: #848484; }
.indexCaseTop5 .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; }
.indexCaseTop5 .more:hover i { right: 6px; }
.indexCaseTop5 .more:hover p { color: #d51737; }



/*首页案例*/
.waterFalls { position: relative; margin-bottom: .15rem;width: 6.4rem;height:auto; margin:0 auto; }



.waterFalls2 { position: relative;background: #e9e7e0; margin-bottom: .15rem;width: 6.40rem; height:10.5rem;margin:0 auto; }



.waterF1 {float: left; margin-left: .20rem; margin-top: .15rem;width:3.04rem;height:1.6rem; }

.waterF2 {float: right; margin-right: .20rem; margin-top: .15rem;width:3.04rem;height:1.6rem; }


.waterF3 {float: left; margin-left: .20rem; margin-top: .15rem;width:2.93rem;height:2.81rem;}

.waterF4 {float: right; margin-right: .20rem; margin-top: .15rem;width:2.93rem;height:2.81rem;}


.wat { width: 100%; height: .02rem;position: absolute; margin-top: .90rem; background: url(../images/hengxian.png) center top no-repeat;}

.wat2 { width: 100%; height: .02rem; position: absolute; margin-top: 2.70rem; background: url(../images/hengxian.png) center top no-repeat; }

.wat3 {width: 100%; height: .02rem;position: absolute;  margin-top: 4.45rem; background: url(../images/hengxian.png) center top no-repeat;}

.wat4 {width: 100%; height: .02rem;position: absolute; margin-top: 6.20rem; background: url(../images/hengxian.png) center top no-repeat;}

.wat5 {width: 100%; height: .02rem;position: absolute;  margin-top: 8rem; background: url(../images/hengxian.png) center top no-repeat;}

.wat6 {width: 100%; height: .02rem;position: absolute; margin-top: 9.7rem; background: url(../images/hengxian.png) center top no-repeat;}


.water1 h3{float: right; position: relative;margin-right: 1.6rem; margin-top: 1rem;font-size: .28rem; font-family: "Times New Roman"; font-weight: bold; }

.water2 h3{float: left; position: relative;margin-left: 1.60rem; margin-top: 1rem;font-size: .28rem; font-family: "Times New Roman"; font-weight: bold; }




.webr { position: relative;background: #e9e7e0;width: 6.40rem; height:5.80rem;margin:0 auto; }

.webr h1{text-align: center;font-size: .28rem; font-family: "Times New Roman"; font-weight: bold; }
.webr p{line-height:200%; font-size: .23rem; width: 6rem;font-family: "Times New Roman"; font-weight: bold; margin:0 auto;}








.waterFalls3 { position: relative;background: #e9e7e0; margin-bottom: .15rem;width: 6.40rem; height:9rem;margin:0 auto; }

.waterF3 {float: left; margin-left: .16rem; margin-top: .15rem; width: 2.92rem; height:2.90rem; }

.waterF4 {float: right; margin-right: .16rem; margin-top: .15rem; width: 2.92rem; height:2.90rem; }

.waterF5 { margin-top: .05rem; }

.waterFall3 { position: relative;background: #e9e7e0; width: 6.40rem; height:6rem; }
.water3 {float: left;margin-left: .15rem; margin-top: .15rem; width: 1.93rem; height:2.85rem; }




.waterFalls4 { position: relative;background: #e9e7e0; margin-bottom: .15rem;width: 6.40rem; height:10.40rem;margin:0 auto; }

.waterF6 {float: left; margin-left: .16rem; line-height: .60rem; margin-top: .15rem; width: 2.95rem; height:3.50rem;}

.waterF7 {float: right; margin-right:.16rem; line-height: .60rem; margin-top: .15rem; width: 2.95rem; height:3.50rem;}


.waterF8 {float: left; margin-left: .16rem; line-height: .60rem; margin-top: .15rem; width: 2.89rem; height:3.21rem;}

.waterF9 {float: right; margin-right:.16rem; line-height: .60rem; margin-top: .15rem; width: 2.89rem; height:3.21rem;}


.waterFalls4  a { font-size: .20rem; font-family: "Times New Roman";}


.waterFalls5 { position: relative;background: #fff; line-height: .50rem; margin-top:.20rem;width: 6.40rem; margin:0 auto; }

.waterFalls6 { position: relative;background: #e9e7e0; margin-bottom: .15rem;width: 6.40rem; height:6.2rem;margin:0 auto; }

.waterFalls7 { position: relative;background: #e9e7e0; margin-bottom: .15rem;width: 6.40rem; height:6rem;margin:0 auto; }


.footer { padding: .60rem 0 .20rem; background-color: #e9e7e0; width: 6.4rem;height:5.3rem;margin:0 auto; }
.footer .footerLeft { width: 6.4rem; float: left; }
.footer .fastLink { font-size: .34rem; margin-bottom: .10rem; }
.footer .fastLink a { color: #848484; margin-right: .20rem;font-family: "Times New Roman"; font-size: .40rem; }
.footer .fastLink a:hover { color: #b12427; }
.footer .friendLink { color: #5a5a5b; line-height: .24rem; margin-top: .10rem;text-align: center;font-size: .20rem; height:.38rem; }
.footer .friendLink a { color: #5a5a5b; padding: 0 .10rem; }
.footer .friendLink a:hover { color: #b12427; }


.footer .copyRight { float: right; margin-top: .15rem;margin:0 auto; width: 6.40rem; color: #5a5a5b;font-size: .18rem; line-height: .18rem; text-align: center; }

.footer .copyRight p { margin-top: .15rem; }

.footer .copyRight a { color: #5a5a5b;margin-top:.15rem;margin-left: 1.2rem; }

.footer .copyRight a:hover { color: #b12427; }

.footer .copyRight ul { padding-top: .05rem; float: right; }

.footer .copyRight ul li { float: left; margin-left: .06rem; }



.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: 113px; height: 75px; }
.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: 325px; 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; }

.box-3d { height: 540px; width: 100%; overflow: hidden; }
.box-3d .wordBox { position: absolute; width: 570px; top: 108px; -webkit-opacity: 0; }
.box-3d .wordBox .icon { float: left; width: 114px; height: 115px; text-align: center; line-height: 115px; font-size: 36px; font-weight: bold; color: #fff; }
.box-3d .wordBox .info { margin-left: 115px; padding-top: 65px; color: #fff; }
.box-3d .wordBox .info h2 { font-size: 36px; font-weight: bold; }
.box-3d .wordBox .info p { font-size: 14px; line-height: 30px; margin-bottom: 20px; }
.box-3d .wordBox .info .more { display: block; width: 133px; height: 34px; border: 1px solid #fff; text-align: center; line-height: 34px; font-size: 14px; color: #fff; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.box-3d .imgBox { position: absolute; }

.exp { background-color: #ea6046; }
.exp .wordBox { left: 43px; }
.exp .wordBox .icon { background: url(../images/icon10.png) center no-repeat; }
.exp .wordBox .info .more:hover { background-color: #fff; color: #ea6046; }
.exp .imgBox { top: 111px; right: 83px; }

.overVeiw { background-color: #ea9a46; }
.overVeiw .wordBox { right: 13px; -webkit-animation-delay: .5s; animation-delay: .5s; }
.overVeiw .wordBox .icon { background: url(../images/icon11.png) center no-repeat; }
.overVeiw .wordBox .info .more:hover { background-color: #fff; color: #ea9a46; }
.overVeiw .imgBox { top: 100px; left: 35px; }

.virSim { background-color: #3ab567; }
.virSim .wordBox { left: 43px; }
.virSim .wordBox .icon { background: url(../images/icon12.png) center no-repeat; }
.virSim .wordBox .info .more:hover { background-color: #fff; color: #3ab567; }
.virSim .imgBox { top: 177px; right: 20px; }
.virSim .imgBox i { position: absolute; display: block; width: 26px; height: 34px; background: url(../images/index.png) 0 -282px no-repeat; -webkit-animation: icon3d 1s linear infinite; animation: icon3d 1s linear infinite; }
.virSim .imgBox i.i1 { top: -43px; left: 275px; }
.virSim .imgBox i.i2 { top: 97px; left: 60px; }
.virSim .imgBox i.i3 { top: 112px; left: 160px; }
.virSim .imgBox i.i4 { top: 75px; right: 54px; }

.caseInfoBox { position: relative; width: 100%; padding-bottom: 100px; color: #fff;  }
.caseInfoBox .goNextBtn { position: absolute; left: 50%; bottom: 35px; margin-left: -23px; width: 45px; height: 45px; background: url(../images/icon14.png) no-repeat; cursor: pointer; -webkit-animation: goNextBtn 2s linear infinite; animation: goNextBtn 2s linear infinite; }

.caseInfoList { padding-top: 70px; padding-bottom: 110px; }

.caseInfoTit { position: relative; width: 393px; margin: 0 auto; border-top: 1px solid #cbcbcb; margin-bottom: 45px; }
.caseInfoTit h6 { position: absolute; width: 90px; font-size: 20px; color: #999; height: 30px; line-height: 30px; left: 50%; top: -15px; margin-left: -45px; text-align: center; }


.caseInfoWater { position: relative;}

.caseInfoWater li { display: none; width: 2.78rem; margin-top: .25rem;background-color: #fff; }

.caseInfoWater li a { position: relative; display: block; width: 100%; overflow: hidden; }

.caseInfoWater li a img { position: relative; display: block; height:2.5rem; width: 100%; z-index: 2; }

.caseInfoWater li a h3 { font-size: .23rem; color: #333; margin-bottom: .03rem; }

.caseInfoWater li a h3 span { color: #df0b19; }

.caseInfoWater li .info { position: relative; text-align: center; z-index: 2; }





.caseBox { padding-top: .35rem; overflow: hidden; }
.caseBox .hotTag { margin-bottom: .30rem; line-height: .26rem; font-size: .14rem; color: #fff; display: none; }
.caseBox .hotTag a { display: inline-block; color: #333; margin: 0 .10rem; }
.caseBox .hotTag a:hover,.caseBox .hotTag a.lion { color: #d51737; }   //LCL
.caseBox .readMore { margin-bottom: .40rem; }

.buildCon { width: 100%; overflow: hidden; }
.buildCon .brand { height: 518px; background-color: #d6203f; }
.buildCon .brand .rb { margin-left: -56px; z-index: 3; }
.buildCon .brand .wordTit { -webkit-opacity: 0; -webkit-animation: wikiRTL .4s ease .6s forwards; }
.buildCon .brand p { -webkit-opacity: 0; -webkit-animation: wikiRTL .4s ease .8s forwards; }
.buildCon .brand .wordBox { top: 173px; margin-left: -500px; }
.buildCon .brand .wordBox .more { background-color: #fff; color: #d6203f; -webkit-opacity: 0; -webkit-animation: wikiRTL .4s ease 1s forwards; }
.buildCon .brand .wordBox .more:hover { background-color: #d6203f; color: #fff; }
.buildCon .brand .img { position: absolute; width: 673px; top: 95px; left: 50%; margin-left: -160px; -webkit-transform-style: preserve-3d; z-index: 2; }
.buildCon .brand .img img { position: absolute; display: block; }
.buildCon .brand .img img.tv { top: 5px; right: 0; width: 438px; height: 349px; z-index: 1; }
.buildCon .brand .img img.woman { top: 65px; left: 10px; width: 397px; height: 411px; z-index: 2; -webkit-animation-name: woman; -webkit-animation-duration: .6s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; }
.buildCon .portal { height: 632px; background-color: #fff; }
.buildCon .portal .wordBox { top: 170px; margin-left: 85px; -webkit-opacity: 0; }
.buildCon .portal .wordBox p, .buildCon .portal .wordBox .wordTit { color: #1c8fb9; }
.buildCon .portal .wordBox .more { background-color: #1c8fb9; }
.buildCon .portal .wordBox .more:hover { background-color: #fff; color: #1c8fb9; border-color: #1c8fb9; }
.buildCon .portal .goNext { top: -63px; }
.buildCon .portal .img { position: absolute; width: 569px; height: 452px; left: 50%; top: 140px; margin-left: -556px; -webkit-opacity: 0; }
.buildCon .portal.anim .img { -webkit-animation: bounceInDown .6s ease forwards; }
.buildCon .portal.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; }
.buildCon .market { height: 651px; background-color: #47c5a0; -webkit-transform-style: preserve-3d; }
.buildCon .market .wordBox { top: 210px; margin-left: -500px; -webkit-opacity: 0; }
.buildCon .market .wordBox .more { background-color: #fff; color: #47c5a0; }
.buildCon .market .wordBox .more:hover { background-color: #47c5a0; color: #fff; }
.buildCon .market .goNext { top: -42px; }
.buildCon .market .img { position: absolute; width: 894px; height: 471px; left: 50%; top: 140px; margin-left: -150px; -webkit-opacity: 0; }
.buildCon .market.anim .img { -webkit-animation: zoomInRightDown .6s both; }
.buildCon .market.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; }
.buildCon .ec { height: 647px; background-color: #fef8e9; }
.buildCon .ec .wordBox { top: 255px; margin-left: 50px; -webkit-opacity: 0; }
.buildCon .ec .wordBox p, .buildCon .ec .wordBox .wordTit { color: #96b91c; }
.buildCon .ec .wordBox .more { background-color: #96b91c; }
.buildCon .ec .wordBox .more:hover { background-color: #fef8e9; color: #96b91c; border-color: #96b91c; }
.buildCon .ec .goNext { top: -8px; }
.buildCon .ec .img { position: absolute; width: 820px; height: 335px; left: 50%; top: 90px; margin-left: -780px; -webkit-opacity: 0; }
.buildCon .ec .img .balloon { position: absolute; display: block; width: 76px; height: 156px; top: 0; left: 177px; transform-origin: right bottom; -webkit-animation: shakeLR 4s infinite linear both; }
.buildCon .ec.anim .img { -webkit-animation: wikifadeIn .6s both; }
.buildCon .ec.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; }
.buildCon .infopor { height: 498px; background-color: #d4aa51; }
.buildCon .infopor .wordBox { top: 145px; margin-left: -500px; -webkit-opacity: 0; }
.buildCon .infopor .wordBox .more:hover { background-color: #fff; color: #d4aa51; }
.buildCon .infopor .goNext { top: -8px; }
.buildCon .infopor .img { position: absolute; width: 630px; height: 391px; left: 50%; top: 65px; margin-left: -43px; -webkit-opacity: 0; }
.buildCon .infopor.anim .img { -webkit-animation: wikiLT2RB 1s forwards; }
.buildCon .infopor.anim .wordBox { -webkit-animation: wikifadeIn .6s linear .6s forwards; }
.buildCon .rt { position: absolute; left: 50%; top: 0; }
.buildCon .rb { position: absolute; left: 50%; bottom: 0; }
.buildCon .lt { position: absolute; left: 50%; top: 0; margin-left: -954px; }
.buildCon .lb { position: absolute; left: 50%; bottom: 0; margin-left: -954px; }

.buildBox { position: relative; width: 100%; z-index: 1; }
.buildBox .wordBox { position: absolute; left: 50%; width: 450px; color: #fff; }
.buildBox .wordBox .wordTit { color: #fff; }
.buildBox .wordBox .wordTit b { display: block; float: left; font-size: 70px; margin-right: 5px; }
.buildBox .wordBox .wordTit h5 { font-size: 36px; font-weight: bold; line-height: 64px; }
.buildBox .wordBox .wordTit h6 { font-family: "Arial"; font-size: 24px; line-height: 15px; }
.buildBox .wordBox p { margin-bottom: 25px; font-size: 14px; line-height: 28px; color: #fff; }
.buildBox .wordBox .more { display: block; width: 127px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; border-radius: 5px; color: #fff; border: 1px solid #fff; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.buildBox .goNext { position: absolute; width: 51px; height: 51px; left: 50%; margin-left: 25px; background: url(../images/icon25.png) no-repeat; cursor: pointer; transition: 1s ease all; -webkit-transition: 1s ease all; -moz-transition: 1s ease all; z-index: 9; }
.buildBox .goNext.up { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.buildBox .goNext:hover { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }

.buildFloat { position: fixed; width: 88px; top: 100px; right: 10px; z-index: 999; box-shadow: 1px 1px 5px #bbb; border-radius: 44px; overflow: hidden; }
.buildFloat .bfTop { width: 100%; height: 40px; background: url(../images/icon27.png) no-repeat; border-top-right-radius: 44px; border-top-left-radius: 4px; overflow: hidden; }
.buildFloat .bfBot { width: 100%; height: 40px; background: url(../images/icon26.png) no-repeat; border-bottom-right-radius: 44px; border-bottom-left-radius: 44px; overflow: hidden; }
.buildFloat .bfBot a { display: block; width: 100%; height: 40px; background: url(../images/top1.png) center 10% no-repeat; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.buildFloat .bfBot a:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.buildFloat ul { padding-top: 5px; width: 86px; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; background-color: #fff; overflow: hidden; }
.buildFloat ul li { margin-bottom: 15px; text-align: center; font-size: 14px; line-height: 24px; cursor: pointer; }
.buildFloat ul li:hover i { -webkit-transform: scale(1.1); transform: scale(1.1); }
.buildFloat ul li i { display: block; width: 39px; height: 39px; margin: 0 auto; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.buildFloat ul li.bf1 { color: #d91e3e; }
.buildFloat ul li.bf1 i { background: url(../images/icon28.png) no-repeat; }
.buildFloat ul li.bf2 { color: #47a3c5; }
.buildFloat ul li.bf2 i { background: url(../images/icon29.png) no-repeat; }
.buildFloat ul li.bf3 { color: #199a79; }
.buildFloat ul li.bf3 i { background: url(../images/icon30.png) no-repeat; }
.buildFloat ul li.bf4 { color: #7b9b20; }
.buildFloat ul li.bf4 i { background: url(../images/icon31.png) no-repeat; }
.buildFloat ul li.bf5 { color: #b9871c; }
.buildFloat ul li.bf5 i { background: url(../images/icon32.png) no-repeat; }

.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; width: 120px; 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; }
.newsBanner .newsMenu li a:hover { background: #d51737; }
.newsBanner .newsMenu li.on a { background: #d51737; }

.newsCon { padding-top: 20px; padding-bottom: 50px; width: 100%; background-color: #eaeaea; background-image: url(../images/bg6.jpg); background-position: center top; background-attachment: fixed; background-repeat: no-repeat; }
.newsCon .readMore { display: block; margin: 0 auto; width: 177px; height: 33px; border: 3px solid #d2d2d2; text-align: center; line-height: 33px; font-size: 14px; color: #929292; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsCon .readMore:hover { border-color: #d51737; background-color: #d51737; color: #fff; }

.newsBox { margin-bottom: 5px; overflow: hidden; }
.newsBox .newsList li { float: left; margin-bottom: 15px; padding: 17px 20px; width: 553px; height: 125px; background-color: #fff; overflow: hidden; }
.newsBox .newsList li .info a { font-size: 16px; color: #333; }
.newsBox .newsList li .info a span { color: #df0b19; }
.newsBox .newsList li .info a:hover { color: #df0b19; }
.newsBox .newsList li .info p { color: #999; line-height: 20px; padding-top: 8px; height: 62px; overflow: hidden; }
.newsBox .newsList li .img { float: right; margin-left: 20px; display: block; width: 146px; height: 124px; overflow: hidden; }
.newsBox .newsList li .img img { width: 100%; height: 100%; }
.newsBox .newsList li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsBox .newsList li:first-child { margin-top: 348px; margin-right: 15px; }
.newsBox .newsSlide { position: absolute; top: 0; left: 0; width: 593px; height: 333px; background-color: #fff; }
.newsBox .newsSlide .bd { padding: 20px; }
.newsBox .newsSlide .bd .img { display: block; float: left; width: 280px; height: 240px; }
.newsBox .newsSlide .bd .img img { width: 280px; height: 239px;   }
.newsBox .newsSlide .bd .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsBox .newsSlide .bd .info { margin-left: 300px; }
.newsBox .newsSlide .bd .info a { font-size: 20px; color: #333; line-height: 1.5; }
.newsBox .newsSlide .bd .info a span { color: #d51737; }
.newsBox .newsSlide .bd .info a:hover { color: #d51737; }
.newsBox .newsSlide .bd .info p { padding-top: 5px; color: #999; font-size: 14px; line-height: 24px; }
.newsBox .newsSlide .hd { height: 12px; }
.newsBox .newsSlide .hd ul { float: right; margin-right: 25px; margin-top: 20px; }
.newsBox .newsSlide .hd ul li { float: left; width: 12px; height: 12px; margin-left: 8px; background: url(../images/dot3.png) no-repeat; cursor: pointer; }
.newsBox .newsSlide .hd ul li.on { background-image: url(../images/dot4.png); }

.newsNum { margin: 0 auto 10px; background: url(../images/icon33.png) center no-repeat; text-align: center; color: #ccc; font-family: "Arial"; width: 39px; height: 12px; line-height: 12px; }

.newsInfoCon { position: relative; margin-top: -20px; margin-bottom: 55px; background-color: #fff; }
.newsInfoCon .otherPage { border-top: 1px solid #e3e3e3; background-color: #f2f2f2; }
.newsInfoCon .pageList { float: left; margin-left: 27px; padding: 12px 0; }
.newsInfoCon .pageList li { line-height: 32px; font-size: 14px; color: #333; }
.newsInfoCon .pageList li a { color: #333; }
.newsInfoCon .pageList li a:hover { color: #d51737; }
.newsInfoCon .otherTool { float: right; padding-top: 18px; }
.newsInfoCon .otherTool li { float: left; width: 58px; text-align: center; cursor: pointer; }
.newsInfoCon .otherTool li a { display: block; line-height: 24px; font-size: 14px; color: #333; text-align: center !important; padding-top: 32px; }
.newsInfoCon .otherTool li.close a{ background: url(../images/icon36.png) center top no-repeat; }
.newsInfoCon .otherTool li.close a:hover{ background: url(../images/icon36s.png) center top no-repeat; }
.newsInfoCon .otherTool li.share a{ background: url(../images/icon37.png) center top no-repeat; }
.newsInfoCon .otherTool li.share a:hover{ background: url(../images/icon37s.png) center top no-repeat; }
.newsInfoCon .otherTool li:hover a { color: #d51737; }

.newsInfoBox { padding: 50px 145px; }
.newsInfoBox .closeBtn { position: absolute; top: -18px; right: 0; width: 59px; height: 70px; border-top: 2px solid #d51737; text-align: center; background-color: #fff; z-index: 3; }
.newsInfoBox .closeBtn a { display: block; padding-top: 45px; height: 25px; line-height: 25px; font-size: 14px; color: #bcbcbc; background: url(../images/icon34.png) no-repeat; }
.newsInfoBox .closeBtn a:hover { background: url(../images/icon35.png) no-repeat; color: #df0b19; }
.newsInfoBox h1 { text-align: center; font-size: 30px; line-height: 1.2; margin-bottom: 7px; }
.newsInfoBox .time { text-align: center; font-size: 14px; color: #999; margin-bottom: 40px; }
.newsInfoBox .article { font-size: 14px; line-height: 30px; min-height: 300px; }
.newsInfoBox .article p { margin-bottom: 15px; }
.newsInfoBox .article img { max-width: 100%; height: auto !important; }

.reNewsTit { margin: 0 auto 30px; font-size: 20px; color: #999; width: 433px; height: 21px; background: url(../images/icon38.png) no-repeat; text-align: center; line-height: 21px; }

.reNewsBox { position: relative; }
.reNewsBox .newsList { margin-bottom: 20px; }
.reNewsBox .newsList li { float: left; margin-bottom: 15px; padding: 17px 20px; width: 553px; height: 125px; background-color: #fff; overflow: hidden; }
.reNewsBox .newsList li .info a { font-size: 16px; color: #333; }
.reNewsBox .newsList li .info a span { color: #df0b19; }
.reNewsBox .newsList li .info a:hover { color: #df0b19; }
.reNewsBox .newsList li .info p { color: #999; line-height: 20px; padding-top: 8px; height: 62px; overflow: hidden; }
.reNewsBox .newsList li .img { float: right; margin-left: 20px; display: block; width: 146px; height: 124px; overflow: hidden; }
.reNewsBox .newsList li .img img { width: 100%; height: 100%; }
.reNewsBox .newsList li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }


.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 .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; color: #666; }
.aboutArt p{ 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;  -webkit-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); }
.aboutSlide .bd li a:hover img {  -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.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; margin-top: 85px; height: 230px; }
.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: 100%; height: 610px; background: url(../images/bg2.jpg) center bottom no-repeat; overflow: hidden; }

.aboutNewsSlide { padding-top: 75px; }
.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; }

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

.aboutNewsList { margin-left: 330px; }
.aboutNewsList li { float: left; margin: 0 0 13px 13px; padding: 25px 15px; 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: #bd273d 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; }

.aboutFloat { position: fixed; top: 105px; right: 10px; width: 88px; z-index: 999; }
.aboutFloat .topC { width: 100%; height: 40px; background: url(../images/about.png) 0 -36px no-repeat; }
.aboutFloat .botC { width: 100%; height: 42px; background: url(../images/about.png) 0 -76px no-repeat; cursor: pointer; }
.aboutFloat .botC a { display: block; height: 100%; }
.aboutFloat ul { padding-bottom: 10px; width: 100%; background-color: #e9e9e9; }
.aboutFloat ul li { height: 30px; line-height: 30px; font-size: 14px; }
.aboutFloat ul li a { display: block; 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 { background-color: #d51737; color: #fff; }
.aboutFloat ul li.on a { background-color: #d51737; color: #fff; }

.jobCon { width: 100%; padding-top: 540px; padding-bottom: 70px; background-image: url(../images/bg9.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; }

.jobBox,.jobBoxSer { padding: 30px 25px; margin: 0 auto; width: 1152px; background: url(../images/bgs/white_90.png); }
.jobBox table,.jobBoxSer table { width: 100%; font-size: 14px; color: #666; }
.jobBox table tr:hover { background-color: #fff; }
.jobBox table td, .jobBox table th, .jobBoxSer table th { height: 48px; line-height: 48px; border-bottom: 1px solid #dedede; }
.jobBox table th h4,.jobBoxSer table th h4 { font-size: 24px; text-indent: 20px; }
.jobBox table th span,.jobBoxSer table th span { display: block; text-indent: 30px; }
.jobBox table td h5 { text-indent: 20px; }
.jobBox table td h5 a { font-size: 14px; color: #2a4ca2; }
.jobBox table td h5 a:hover { color: #d51737; }
.jobBox table td span { display: block; text-indent: 30px; }

.wxCon { position: relative; width: 100%; height: 1017px; background-color: #46c269; overflow: hidden; }
.wxCon .arrow { position: absolute; bottom: 20px; left: 50%; margin-left: -35px; width: 22px; height: 24px; background: url(../images/arrow3.png) no-repeat; -webkit-animation: goNextBtn 2s linear infinite; animation: goNextBtn 2s linear infinite; cursor: pointer; z-index: 3; }
.wxCon .introR { position: absolute; display: none; padding: 40px 55px; top: 50%; left: 50%; margin: 95px 0 0 214px; width: 199px; height: 153px; background: url(../images/wx.png) 0 -1124px no-repeat; font-size: 14px; color: #fff; line-height: 2; }
.wxCon .introL { position: absolute; display: none; padding: 65px 45px; top: 50%; left: 50%; margin: 192px 0 0 -570px; width: 297px; height: 142px; background: url(../images/wx.png) 0 -1357px no-repeat; font-size: 16px; color: #fff; line-height: 35px; }

.wxMainBg { position: absolute; display: none; left: 50%; bottom: 0; margin-left: -384px; width: 768px; height: 937px; background: url(../images/img8.png) center top no-repeat; }
.wxMainBg .menu1 { position: absolute; width: 112px; height: 112px; top: 213px; left: 127px; background: url(../images/wx.png) 0 -655px no-repeat; }
.wxMainBg .menu1 dt { line-height: 112px; }
.wxMainBg .menu1 dd { top: 85px; left: -235px; background: url(../images/wx.png) 0 -83px no-repeat; }
.wxMainBg .menu2 { position: absolute; width: 117px; height: 117px; top: 101px; left: 402px; background: url(../images/wx.png) 0 -767px no-repeat; }
.wxMainBg .menu2 dt { line-height: 117px; }
.wxMainBg .menu2 dd { top: 104px; left: 91px; background: url(../images/wx.png) 0 -39px no-repeat; }
.wxMainBg .menu3 { position: absolute; width: 120px; height: 120px; top: 368px; left: 122px; background: url(../images/wx.png) 0 -884px no-repeat; }
.wxMainBg .menu3 dd { top: 85px; left: -235px; background: url(../images/wx.png) 0 -171px no-repeat; }
.wxMainBg .menu4 { position: absolute; width: 120px; height: 120px; top: 273px; left: 564px; background: url(../images/wx.png) 0 -1004px no-repeat; }
.wxMainBg .menu4 dd { top: 104px; left: 91px; background: url(../images/wx.png) 0 -127px no-repeat; }
.wxMainBg dt { width: 100%; height: 100%; font-size: 24px; color: #fff; text-align: center; line-height: 120px; }
.wxMainBg dd { position: absolute; display: none; width: 243px; height: 44px; line-height: 44px; color: #fff; font-size: 16px; text-align: center; transform-origin: center center; }

.wxHand { position: absolute; bottom: -10px; left: 50%; margin-left: -115px; width: 249px; height: 686px; background: url(../images/img9.png) center top no-repeat; -webkit-animation: goNextBtn 2s linear infinite; }

.canHelp { width: 100%; padding: 100px 0; background: #18333a; text-align: center; overflow: hidden; }
.canHelp h6 { font-size: 40px; color: #fff; margin-bottom: 55px; }
.canHelp ol { margin-bottom: 40px; transform-style: preserve-3d; }
.canHelp ol li { display: inline-block; *display: inline; *zoom: 1; margin: 0 5px; width: 100px; text-align: center; -webkit-opacity: 0; transform-style: preserve-3d; }
.canHelp ol li i { display: block; margin: 0 auto 15px; width: 55px; height: 55px; background-image: url(../images/wx.png); background-repeat: no-repeat; }
.canHelp ol li p { font-size: 20px; }
.canHelp ol li.i1 i { background-position: 0 -490px; }
.canHelp ol li.i1 p { color: #2a95a2; }
.canHelp ol li.i2 i { background-position: 0 -435px; }
.canHelp ol li.i2 p { color: #d2a226; }
.canHelp ol li.i3 i { background-position: 0 -600px; }
.canHelp ol li.i3 p { color: #53b46e; }
.canHelp ol li.i4 i { background-position: 0 -545px; }
.canHelp ol li.i4 p { color: #d86c58; }
.canHelp ol li.i5 i { background-position: 0 -380px; }
.canHelp ol li.i5 p { color: #288cd3; }
.canHelp ol li.i6 i { background-position: 0 -325px; }
.canHelp ol li.i6 p { color: #b3d172; }
.canHelp ol li.i7 i { background-position: 0 -270px; }
.canHelp ol li.i7 p { color: #e7ae40; }
.canHelp ol li.i8 i { background-position: 0 -215px; }
.canHelp ol li.i8 p { color: #e75340; }
.canHelp .word { font-size: 16px; color: #729197; margin-bottom: 45px; }
.canHelp .open { display: block; margin: 0 auto; width: 148px; height: 39px; line-height: 39px; background: url(../images/wx.png) 0 0 no-repeat; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 5px #666; color: #fff; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.canHelp .open:hover { transform: translate(0, 1px); }

.mobileCon { position: relative; width: 100%; height: 595px; background-color: #4da0c7; overflow: hidden; }

.website { position: absolute; width: 1300px; height: 100%; top: 0; left: 50%; margin-left: -960px; background-color: #4da0c7; z-index: 1; }
.website .img { position: absolute; width: 489px; height: 381px; top: 190px; right: 50px; }
.website .img img { width: 100%; height: 100%; }
.website .info { position: absolute; top: 80px; left: 50%; margin-left: -300px; width: 225px; color: #fff; }
.website .info h3 { margin-bottom: 10px; font-size: 30px; font-weight: bold; }
.website .info h6 { margin-bottom: 12px; font-size: 16px; line-height: 24px; }
.website .info p { font-size: 14px; line-height: 24px; }
.website .info .more { display: none; width: 125px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: bold; background-color: #fff; border: 1px solid #4da0c7; border-radius: 5px; color: #4da0c7; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.website .info .more:hover { color: #fff; background-color: #4da0c7; border-color: #fff; }
.website.on .info { width: 420px; }
.website.on .info h3 { font-size: 50px; }
.website.on .info h6 { font-size: 30px; font-weight: bold; line-height: 40px; }
.website.on .info p { margin-bottom: 20px; }
.website.on .info .more { display: block; }

.webapp { position: absolute; width: 1300px; height: 100%; top: 0; left: 50%; margin-left: 340px; background-color: #80b24f; z-index: 2; }
.webapp .arrow { position: absolute; width: 20px; height: 37px; left: -19px; top: 50%; margin-top: -18px; background: url(../images/arrow5.png) no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.webapp .img { position: absolute; width: 155px; height: 200px; top: 365px; left: 66px; }
.webapp .img img { width: 100%; height: 100%; }
.webapp .info { position: absolute; width: 230px; top: 80px; left: 20px; color: #fff; }
.webapp .info h3 { font-size: 30px; font-weight: bold; margin-bottom: 10px; }
.webapp .info h6 { margin-bottom: 10px; font-size: 14px; line-height: 24px; }
.webapp .info p { margin-bottom: 20px; font-size: 14px; line-height: 26px; }
.webapp .info .more { display: none; width: 125px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: bold; background-color: #fff; border: 1px solid #80b24f; border-radius: 5px; color: #80b24f; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.webapp .info .more:hover { color: #fff; background-color: #80b24f; border-color: #fff; }
.webapp.on .arrow { left: 0; background-image: url(../images/arrow4.png); }
.webapp.on .info { left: 90px; width: 420px; }
.webapp.on .info h3 { font-size: 50px; }
.webapp.on .info h6 { font-size: 20px; line-height: 30px; font-weight: bold; }
.webapp.on .info .more { display: block; }

.simpleBox { width: 1000px; margin: 0 auto; }
.simpleBox .article { font-size: 14px; line-height: 30px; overflow: hidden; }
.simpleBox .article p { margin-bottom: 10px; }
.simpleBox .article p a{ color:#fff;}
.simpleBox .article p a:hover{ text-decoration: underline; color:#fff;}
.simpleBox .article img { max-width: 100%; }

.boxSlide { width: 100%; margin-bottom: 25px; }
.boxSlide .hd { margin-bottom: 10px; }
.boxSlide .hd ul { width: 100%; }
.boxSlide .hd li { float: left; padding: 0 7px; margin-right: 10px; height: 38px; line-height: 38px; text-align: center; font-size: 20px; cursor: pointer;  }
.boxSlide .hd li.on { /*border-bottom: 2px solid #fff; LCL*/ }
.boxSlide .bd .info { font-size: 14px; line-height: 26px;  }
.boxSlide .bd .info p { margin-bottom: 10px; }
.boxSlide .bd .info img { max-width: 100%; }

.strong {font-weight: bold;}
.fontsize14 {font-size: 14px;}
.jobBoxSer table table{ width: auto; }
.center {text-align: center;}
.em {color: #C00;font-style: normal;font-weight: bold;margin-left: 5px;margin-right: 5px;text-decoration: underline;}
input.buttonface2 {background: url(../images/botton_bg.jpg) no-repeat;background-position: 0px -48px;color: #fff;font-weight: bold;padding: 0px;margin: 0px;width: 120px;height: 24px;line-height: 24px;border: 0px;cursor: pointer; font-size: 12px;}
input.buttonface2:hover {background: url(../images/botton_bg.jpg) no-repeat;background-position: 0px -48px;color: #57250e;font-weight: bold;padding: 0px;margin: 0px;width:120px;height: 24px;line-height: 24px;border: 0px;cursor: pointer;}

.indexGoTop { position: fixed; display: none; right: 0; bottom: 0; width: 50px; height: 45px; background: url(../images/top.png) no-repeat; cursor: pointer; -webkit-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); z-index: 9999; }
.indexGoTop:hover { -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }

.falseHeader { margin-bottom: 20px; padding: 30px 0 0 35px; clear: both; }

.falseBox { margin: 0 auto; padding-top: 145px; width: 510px; background: url(../images/false.jpg) center top no-repeat; text-align: center; overflow: hidden; }
.falseBox p { margin-bottom: 70px; font-size: 18px; color: #7f7f7f; font-weight: bold; line-height: 2; }
.falseBox .countdown { margin-bottom: 25px; font-size: 14px; color: #7f7f7f; }
.falseBox .countdown span { font-size: 18px; color: red; }
.falseBox ul { width: 100%; }
.falseBox ul li { float: left; margin: 0 15px; width: 138px; height: 32px; line-height: 32px; border: 1px solid #d51737; border-radius: 16px; overflow: hidden; }
.falseBox ul li a { display: block; color: #d51737; font-size: 18px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.falseBox ul li a:hover { color: #fff; background-color: #d51737; }
.falseBox ul li.goHome { background-color: #d51737; }
.falseBox ul li.goHome a { color: #fff; }
.falseBox ul li.goHome a:hover { background-color: #fff; color: #d51737; }

.bdsq{position: absolute; top: 0; left: 0; width: 140px;  -webkit-opacity: 1; opacity:1; filter: alpha(opacity=100); background: #d51737 url(../images/online.png)  left center no-repeat;font-size: 18px; color: #fff; line-height: 50px; text-indent: 50px;}
.indexFloatCon { position: fixed; display: block; right: 0; bottom: 200px; width: 50px; z-index: 9999; }
.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/25.png) no-repeat;background-origin:content-box;background-position: left center;background-position:15px;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; }
.indexFloatCon li a.erweima:hover { background-color: #d51737; }
.indexFloatCon li .ewmCon { position: absolute; display: none; padding: 20px 10px 10px; bottom: -51px; 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; }


.ifenye{text-align:center;background:#fff;margin-top:.20rem;height:.40rem}
.ifenye span{display:block;display:inline;border:.01rem solid #eee;padding:.08rem;background:#fff;padding-left:.10rem;padding-right:.10rem;font-size:.28rem}
.ifenye span:hover{background:#D51737;cursor:pointer;border:.01rem solid #D51737;color:#fff }
.ifenye span:hover a{color:#fff}
.ifenye select{height:.34rem;border:.01rem solid #eee;line-height:.2rem}



/*新闻详情页*/
.main{ position:relative; z-index:101; width:80%; margin:0 auto; top:-71px; min-width:1200px; overflow:hidden; _width:1200px; margin-bottom:-20px;}
.main li h1{ color:#44ae77; margin:20px 0 10px; font-size:18px;}
.main li h1 a{color:#44ae77;}
.main li h2{ font-size:14px; color:#345c47; margin:10px 0px 0px; font-weight:normal;}
.main li .more{ background:url(../images/more.gif) no-repeat; display:block; width:52px; height:19px; margin-top:20px;}


.main2{ position:relative; z-index:101; width:80%; margin:0 auto; top:0px; min-width:1200px; overflow:hidden; _width:1200px; margin-bottom:10px;}
.main2 li h1{ color:#44ae77; margin:20px 0 10px; font-size:18px;}
.main2 li h1 a{color:#44ae77;}
.main2 li h2{ font-size:14px; color:#345c47; margin:10px 0px 0px; font-weight:normal;}
.main2 li .more{ background:url(../images/more.gif) no-repeat; display:block; width:52px; height:19px; margin-top:20px;}

.rig_b,.lef_b,.lef_s,.right_s { position:absolute; top:.23rem; width:.10rem; height:3rem; z-index:-1;}
.rig_b{ background:url(../images/rig_b.png) no-repeat; right:0px;}
.lef_b{ background:url(../images/lef_b.png) no-repeat; left:0px;}
.rig_s{ background:url(../images/rig_b.png) no-repeat; right:0px;}
.lef_s{ background:url(../images/lef_b.png) no-repeat; left:0px;}

.bfff{ background:#fff; padding:0rem 0rem 0rem; display:block; margin:0 auto; max-width:6.4rem;}

.bfff2{ background:#fff; padding:.25rem 0rem 0rem; display:block; margin:0 auto; min-width:7.5rem;}

.w1002{ width:6.4rem;background-color: #fff; margin:0 auto}
.w1003{ width:6.4rem; margin:0 auto}


.righ_con{ float:left; background:#fff; width:6.4rem}
.righ_con2{ float:right;  background:#fff;width:6.4rem}

.title h2{ color:#009146; font-size:16px;font-weight:100; float:left; }
.title p{ margin:3px 0 5px; text-indent:0em!important}
.title{ content:""; clear:both; overflow:hidden; zoom:1;}

.title{ border-bottom:1px solid #c3c1c1;border-top:1px solid #c3c1c1; padding:12px 13px; display:block; padding-left:0px;}
.title h1{ border-left:3px solid #d51737; color:#d51737; padding-left:8px; font-size:18px; font-weight:700}

/* article */
.n_article { margin-top:.01rem; padding-top:.05rem; }
.n_article .article-title { font-size:.26rem; padding-bottom:.16rem; font-weight:normal; color:#000; line-height:.38rem; }
.n_article .info { display:block; width:100%; font-size:.20rem;margin-left:.20rem;font-family:"宋体"; }

.n_cont{ display:block; margin-top:.10rem; margin-left:.20rem; margin-right:.20rem;font-size:.28rem; line-height:.28rem; padding:.40rem 0; color:#333; font-family:"宋体"; }
.n_cont p { margin-bottom:.16rem; text-align:justify; }
.n_cont img { max-width:6.2rem; margin-right:.10rem;  }

.n_cont2{ display:block;font-size:.16rem; margin-left:.10rem; margin-right:.10rem; line-height:.25rem;background-color:#fff; color:#333; font-family:"宋体"; }
.n_cont2 p { margin-bottom:.16rem;}
.n_cont2 img { max-width:6.20rem; }


.context { border-top:#ccc dotted .01rem; padding-top:.20rem; font-size:.14rem; line-height:.28rem; color:#999; }
.context a{display:block;display:inline;border:.01rem solid #eee;padding:.08rem;background:#fff;padding-left:.10rem;padding-right:.10rem;font-size:.28rem}
.context a:hover{background:#D51737;cursor:pointer;border:.01rem solid #D51737;color:#fff }
.context span:hover a{color:#fff}
.cont1{float:left; margin-left:.30rem; }
.cont2{float:right;margin-right:.30rem;}




.context2 {  font-size:.14rem; line-height:.20rem; color:#999; }
.context2 li{ padding-top:.10rem; font-size:.28rem; line-height:.20rem; color:#999; }


.context3 { padding-top:.10rem; font-size:.14rem; line-height:.20rem; color:#999; }
.context3 li{ border-top:#ccc dotted .01rem; padding-top:.10rem; font-size:.28rem; line-height:.20rem; color:#999; }


.xq10{margin-top:.20rem;font-family:"宋体"; background-color: #fff;color:#333;height:1rem;line-height: 1rem;font-size:.34rem; text-align:center;margin:auto;}
.xq100{font-family:"宋体";background-color: #e9e7e0; color:#999;font-size:.24rem;height:.60rem;line-height:.50rem; text-align:center;}

.xq101{margin-top:.10rem;font-family:"宋体"; background-color: #fff;background:url(../images/biaoti_bg.png) center center no-repeat;color:#c59557;font-size:.24rem; text-align:center;height:1.95rem;}
.xq102 {margin-top:-1.15rem;font-family:"宋体";color:#c59557;font-size:.24rem; text-align:center;}
.xq103 {margin-top:.70rem;font-family:"宋体";color:#c59557;font-size:.24rem; text-align:center;}
.xq103 img{max-width:6.40rem;}

.clear2{font-family:"宋体"; background-color: #fff;color:#333;line-height:.20rem;font-size:.2rem;}
.clear2 a{line-height: .60rem;}
.clear3{margin-top:.10rem;font-size:.28rem; margin-left:.20rem;}


.clear4{font-family:"宋体"; background-color: #e9e7e0;color:#333;line-height:.20rem;font-size:.2rem;}
.clear4 a{line-height: .50rem;}
.clear5{margin-top:.10rem;font-size:.28rem; margin-left:.20rem;}





.lef_nav{ float:left; width:290px;}
.lef_nav h1{ width:275px; border:1px solid #b60b26; background:#d51737; color:#fff; text-align:center;
	line-height:60px; height:60px; font-size:24px;}
.lef_nav li{ width:275px; display:block; margin-left:2px; padding:12px 0px; background:#f5f5f5; border-bottom:1px solid #c0c0c0; font-size:16px;}
.lef_nav li dl{ border-top:1px solid #d51737; display:block;  margin-top:10px; display:none}
.lef_nav li dd{ font-size:14px; padding:5px 0px;padding-left:48px; *padding-bottom:0px;}
.lef_nav li dd.chosed a{background:url(../images/pic_21.png) no-repeat left center;color:#019248!important;}
.lef_nav li dd a{ margin-left:10px;}
.lef_nav li.chonav{ border-bottom:1px solid #d51737;}
.lef_nav li.chonav .cfl{background:url(../images/pic_21.png) no-repeat left center;}
.lef_nav li.chonav dl{ display:block}
.lef_nav li a{ display:block; background:url(../images/pic_22.png) no-repeat left center; margin-left:50px; padding-left:50px;}
.lef_nav li a:hover{background:url(../images/pic_21.png) no-repeat left center; }

/* list-article */

.n_list { margin-top:0rem;background:#fff; }

.n_list .preview { float:left; margin-right:.24rem; }

.n_list ul li {  margin-bottom:.20rem;line-height:.60rem; }

.n_list ul li h3 { font-weight:normal; font-size:.17rem; }

.n_list ul li h3 a {margin-left:.24rem;font-size:.28rem; color:#313140; }

.n_list ul li h3 a:hover { color:#d51737; }

.n_list ul li .intro { margin-top:.14rem; color:#999;font-size:.14rem; }

.weixin {float:right; margin-right:.8rem; font-size:.24rem;margin-top:.5rem;}
.weixin  span{font-size:.34rem;padding-top:.1rem;color:red;}
.wxpic {float:left; margin-left:1.4rem;}
.banquan p{font-size:.12rem}


.tech6{float:left;}



.tech6 .info{
 -moz-transition: height 1s ease 0s;
  -ms-transition: height 1s ease 0s;
  -o-transition: height 1s ease 0s;
  -webkit-transition: height 1s ease 0s;
  transition: height 1s ease 0s;

margin-top:-.4rem; height: .4rem;width:2.40rem; padding:0 .15rem;position:absolute;background-color:#999;}


.met-index-jion {
 width: 6.2rem;
 float: left;
 margin-left: .16rem;
 margin-top:.2rem;
 font-size:.18rem;
}
.met-index-jion .slick-arrow:hover {
  color: #222 !important;
}
.met-index-jion ul {
  margin-top: 0px;
}
.met-index-jion ul li {
  margin: 0 0px;
  position: relative;
  width:2rem;
  height:2.2rem;
  border: 1px solid #dbdbdb;
}
.met-index-jion ul li img {
 margin-left:0px;margin-top:.5rem;width:.8rem;
}
.met-index-jion ul li:hover .chef-box-content {
  height: 2.19rem;
  background:#f4705b;
}
.met-index-jion .chef-box-content {
  -moz-transition: height 1s ease 0s;
  -ms-transition: height 1s ease 0s;
  -o-transition: height 1s ease 0s;
  -webkit-transition: height 1s ease 0s;
  transition: height 1s ease 0s;
  height: 0px;
  overflow: hidden;
  cursor: pointer;
 
  position: absolute;
  bottom: 0px;
  background: #f4705b;
  width: 100%;
}
.met-index-jion .chef-box-content h3 {
  font-weight: 500;
  margin: .1rem 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .2rem;
  color: #fff;
}
.met-index-jion .chef-box-content p {
  color: #fff;
  padding-bottom: 0px;
  line-height: .28rem;
    font-size: .12rem;
}

.container2{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}

.box-img{text-align:center;}
.box-img p{text-align:center;margin-top: .2rem;font-size: .17rem;}
.box-img p span{text-align:center;margin-top: .2rem;font-size: .17rem;}
.box-img p span img{text-align:center;margin-top: .2rem;font-size: .17rem;}

.slick{}


.wxpp{
    float: left;
    margin-left: 1.3rem;
    margin-top: .35rem;
    font-size: .18rem;
    height: .5rem;
    background-color: #31b3c3;
    width: 3rem;
    line-height: .5rem;
    border-radius: .15rem;
}

.wxpp a{
 color:#fff;
}
.wxpp0{
    float: left;
    max-width:6.4rem;
    font-size: .18rem;
	margin-bottom:.1rem;
}


.wxpp1{
    float: left;
    margin-left: .12rem;
    margin-top: .35rem;
    font-size: .18rem;
}
.wxpp2{float: left;width: 5.0rem;margin-top:.35rem;font-size: .16rem;}
.wxpp2 span{color:#6b6565;margin-left:.10rem; margin-right:.10rem;}

.wxpp2 a{color:#fff;background:#f4705b;font-size: .16rem;}


.met-banner8{margin:0 auto;width:6.4rem;background:#07b5ce;background: url(../images/yd_ly_bg.jpg) left center no-repeat;}


.baojia{width:100%;
	max-width:6.4rem;
	margin:0 auto;
	display:table;
	position:relative;
	}

.leiji{
   color:#fff;
   width: 4rem;
   float:left;
   margin-left: 1.2rem;
   margin-top: .2rem;
   }


.leiji h3{ font-size: .26rem; }

.sign_right{
	display:block;
	float:left;
	width:4rem;
}

.bailing{margin-top:0;background:#fff;color:#07b5ce;font-size:.27rem;}

.bailing2{margin-top:0;background:#fff;font-size:.30rem;}
.bailing3{margin: 0 auto;margin-top: .2rem;margin-bottom:.2rem;color:#fff;font-size: .2rem;float: left;width: 6.4rem;text-align: center;}

.liuyan{
    color: #fff;
    font-size: .179rem;
    margin-top: .20rem;
}

.btnbox a{
	width:100%;
	color:#fff;
	font-size:.24rem;
	text-align:center;
	line-height:.50rem;
	border-radius:.05rem;
	background-color:#f05751;
	display:inline-block;
}


.foot_logo3{float:left;color:#fff;width:2.30rem;margin-left:.10rem;margin-top:.7rem;font-size:.17rem;text-align:left;}
.foot_logo3 img{float:left;width:.40rem;}
.foot_logo3 b{color:#fff;float:left;}
.foot_logo3 b p{float:left;color:#fff;font-size:.35rem;text-align:left;}
.foot_logo3 b p img{float:left;width:.18rem;margin-left:.08rem;}


.foot_logo{float:left; width:2.25rem;margin-top:.50rem;}

.fooder{width:6.4rem;margin:0 auto;background:#404040;height:4.2rem;}

.vertical{float:left; width:6.4rem;margin-top:.3rem;}
.vertical2{float:left; margin-top:.3rem;margin-left:.3rem;}

.fooder-last{margin:0 auto;width:6.4rem;height:1.3rem;}

.foot_text{float:left;color:#fff;width: 3.6rem;text-align:center;line-height:.35rem;margin-top:.2rem;margin-left: .32rem;font-size: .16rem;}


.formleft{
	width:100%;
	background-color:#d4dad6;
	height:305px;
	margin-top:20px;
}
.formleft p{
	color:#4c9191;
	font-size:22px;
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;
	float:left;
	width:100%;
	display:block;
}
.formleft p span{
	font-size:29px;
}

.sign_right{
	display:block;
	float:left;
	width:4rem;
}

.input_text{
	width:100%;
	height:.6rem;
	font-size:.18rem;
	color:#606060;
	text-indent:.15rem;
	float:left;
	border-radius:.05rem;
	margin-bottom:.20rem;
	background-color:#fff;
	border:none;
}

.sel-box{
	float:left;
	width:100%;
	position:relative;
}
.sel-box:before{
	content:"";
	width: 0;
    height: 0;
	position:absolute;
	right:.18rem;
	top:50%;
	margin-top:-.14rem;
}

.btnbox a{
	width:100%;
	color:#fff;
	font-size:.24rem;
	text-align:center;
	line-height:.50rem;
	border-radius:.05rem;
	background-color:#f05751;
	display:inline-block;
}

.navbar-collapse{ float:left;
   color:#fff;
	font-size:.24rem;
	line-height:.6rem;
	}


.navlist{float:right!important;margin-left:.40rem;margin-top: .10rem;width:4.8rem;
 }

.navlist a{color:#fff;padding:.1rem .15rem;}
.navlist li{ float:left;margin-left:.30rem;width;1.7rem
 }

.section-box1,.custom-box,.service-box,.activity-box{position:relative;width:6.4rem;float:none;margin:0 auto;clear:both}
.section-box1 ul{padding-left:.1666%;padding-right:.1666%}
.section-box1 li{position:relative;width:3rem;margin-left:2%;transition:all .2s linear;float:left;margin-top:.13rem}

.section-box1 li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-8px,0);box-shadow:0 15px 30px rgba(0,0,0,.1)}

.section-item1{height:4rem;background:#fff;border:1px solid #eee;overflow:hidden;transition:all .2s linear}

.section-item1 a{position:relative;display:block;height:100%;background-position:center;background-repeat:no-repeat}
.section-title1{font-size:.22rem;color:#333;position:absolute;text-align:center;top:.48rem;line-height:.24rem;left:0;display:block;width:100%}
.section-title1{font-size:.22rem;color:#333;position:absolute;text-align:center;top:.48rem;line-height:.24rem;left:0;display:block;width:100%}
.section-label{font-size:.16rem;color:#666;position:absolute;text-align:center;top:.85rem;line-height:.18rem;left:0;display:block;width:100%}
.section-img{width:2.86rem;position:absolute;top: .95rem;left:50%;margin-left:-1.45rem;-webkit-transition:all .5s linear;overflow:hidden;}

.daohang{text-align: center;margin:0 auto; width:6.4rem;height:.65rem;}
.daohang ul{float:left;}
.daohang li{float:left;font-size:.22rem;background-color:#da251c;color:#fff;width:1.6rem;height:.65rem;line-height: .65rem;}