.por{ position:relative;}
.poa{ position:absolute;}
.bgc{ background:#f5f5f5;}
/* banner部分 */
.wfxPage .banner .pagewd{ height:500px;}
.wfxPage .banner .l_wz{ color:#fff; top:75px; left:0;-webkit-animation:bounceInLeft 2s 0s 1 linear both; -moz-animation: bounceInLeft 2s 0s 1 linear both; -ms-animation: bounceInLeft 2s 0s 1 linear both; -o-animation: bounceInLeft 2s 0s 1 linear both; animation: bounceInLeft 2s 0s 1 linear both;}
.wfxPage .banner .l_wz h2{ font-size:44px;}
.wfxPage .banner .l_wz p{ font-size:36px; line-height:56px; margin:25px 0 30px;}
.wfxPage .banner .l_wz a.btn{ display:inline-block; width:300px; height:70px; line-height:70px; text-align:center; font-size:32px; color:#328c5f; background:#fff100; border-bottom:3px solid #328c5f; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;}
.wfxPage .banner .r_img{ right:127px; bottom:0; -webkit-animation:bounceInRight 2s 0s 1 linear both; -moz-animation:bounceInRight 2s 0s 1 linear both; -ms-animation:bounceInRight 2s 0s 1 linear both; -o-animation:bounceInRight 2s 0s 1 linear both; animation:bounceInRight 2s 0s 1 linear both;}
/* banner部分结束 */
.wfx_h3{ font-size:36px; text-align:center;}
.wfxPage .cont1{ padding:39px 137px 12px 119px;}
.wfxPage .cont2{ width:100%; height:400px; background:url(../images/wfx_bj1.jpg) no-repeat center top; text-align:center;}
.wfxPage .cont2 .wfx_h3{ padding-top:50px;}
.wfxPage .cont2 .line{ width:80px; height:5px; background:#91d64d; margin:15px auto 35px;}
.wfxPage .cont2 p{ font-size:20px; color:#333; line-height:34px;}

.wfxPage .cont3{ padding:50px 0 20px;}
.wfxPage .cont3 .box{ padding-top:35px;}
.wfxPage .cont3 li{ float:left; width:400px; text-align:center; margin-bottom:40px;}
.wfxPage .cont3 li img{ -webkit-transform:rotate(0deg); transform:rotate(0deg); transition:transform ease 1s; -webkit-transition:transform ease 1s; -moz-transition:transform ease 1s; -ms-transition:transform ease 1s; -o-transition:transform ease 1s;}
.wfxPage .cont3 li img:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}
.wfxPage .cont3 li h4{ font-size:30px; margin:25px 0 10px;}
.wfxPage .cont3 li p{ font-size:20px; color:#666;}

.wfxPage .cont4{ width:100%; height:720px; background:url(../images/wfx_bj2.jpg) no-repeat center top; text-align:center; text-align:center;}
.wfxPage .cont4 .wfx_h3{ padding:50px 0 35px;}

.wfxPage .cont5{ padding:50px 0 35px;}
.wfxPage .cont5 .box{ padding-top:53px;}
.wfxPage .cont5 li{ float:left; width:380px; height:120px; margin:0 30px 30px 0;}
.wfxPage .cont5 li:nth-child(3n){ margin-right:0;}
.wfxPage .cont5 .l_wz{ width:120px; height:120px; border:1px solid #ededed; border-radius:10px 0 0 10px; font-size:24px; color:#fff; text-align:center; line-height:120px; position:relative;}
.wfxPage .cont5 .l_wz:after{content:''; width:18px; height:18px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); position:absolute; right:-9px; top:50%; margin-top:-9px;}
.wfxPage .cont5 .col1,.wfxPage .cont5 .col1:after{ background:#108ee7;}
.wfxPage .cont5 .col2,.wfxPage .cont5 .col2:after{ background:#34de94;}
.wfxPage .cont5 .col3,.wfxPage .cont5 .col3:after{ background:#eb6877;}
.wfxPage .cont5 .col4,.wfxPage .cont5 .col4:after{ background:#fcb919;}
.wfxPage .cont5 .col5,.wfxPage .cont5 .col5:after{ background:#f19149;}
.wfxPage .cont5 .col6,.wfxPage .cont5 .col6:after{ background:#a0a0ff;}
.wfxPage .cont5 .col7,.wfxPage .cont5 .col7:after{ background:#ff6262;}
.wfxPage .cont5 .col8,.wfxPage .cont5 .col8:after{ background:#91d64d;}
.wfxPage .cont5 .col9,.wfxPage .cont5 .col9:after{ background:#68c1fe;}
.wfxPage .cont5 .r_wz{ width:260px; height:120px; border:1px solid #e6e6e6; border-left:0 none; border-radius:0 10px 10px 0; background:#fff;}
.wfxPage .cont5 .r_wz p{ color:#666; font-size:14px; line-height:24px; padding:23px 0 23px 30px;}

.wfxPage .cont6{ padding:53px 0 60px;}
.wfxPage .cont6 li{ float:left; width:300px; text-align:center; margin-top:50px;}
.wfxPage .cont6 li img:hover{-webkit-animation: bounce 1s 0s 1 linear both;animation: bounce 1s 0s 1 linear both;}
.wfxPage .cont6 li h4{ font-size:24px; margin:25px 0 12px;}
.wfxPage .cont6 li p{ font-size:16px; color:#666; line-height:24px;}

.wfxPage .cont7{ width:100%; height:794px; background:#f5f5f5;}
.wfxPage .cont7 .title{ padding-top:55px;}
.wfxPage .cont7 .title .up{text-align:center;font-size: 36px;height:45px;line-height: 45px;text-align:center;}
.wfxPage .cont7 .desp{width: 420px; text-align:center;overflow: hidden;margin:30px auto 10px;}
.wfxPage .cont7 .desp dl{display: none;}
.wfxPage .cont7 .desp dl:nth-of-type(3){display: block;}
.wfxPage .cont7 .desp dl dt{font-size: 24px;color: #fff;width:200px;height:40px;line-height:40px;background: #108ee7;border-radius:35px;margin:0 auto;}
.wfxPage .cont7 .desp dl dd{font-size: 18px;color: #fff;line-height: 30px;}
.wfxPage .cont7 ul{width:1200px; height:590px; position: relative; margin: 10px auto 0;}
.wfxPage .cont7 .btns{width: 620px;height: 60px;overflow: hidden;position: absolute; left: 50%; margin-left: -310px; top: 478px;z-index: 7;}
.wfxPage .cont7 .btns .l-btn{width:60px;height:60px;float: left;cursor: pointer;}
.wfxPage .cont7 .btns .r-btn{width:60px;height:60px;float: right; cursor: pointer;}
.wfxPage .cont7 ul li{position: absolute;}
.wfxPage .cont7 ul .before:before{content:""; display:none; position:absolute; left:0; right:0; top:0; bottom:0; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:999;}
.wfxPage .cont7 ul li img{width: 100%;}

.wfxPage .cont8{ width:100%; height:180px; line-height:180px; background:url(../images/wfx_bj3.png) no-repeat; text-align:center;}
.wfxPage .cont8 a.btn{ display:inline-block; width:300px; height:60px; line-height:60px; background:#ff6600; font-size:20px; color:#fff; border-radius:35px;}










