Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 26
@charset "utf-8";
/* CSS Document */
.k{ width:100%; max-width:1200px; margin:0 auto;}
img{ max-width:100%;}
.index-all{ width:100%;}
.header_all{ width:100%; height:70px; background:#fff; position:fixed; left:0; top:0; z-index:99999; box-shadow:0 5px 5px #b8babc;border-bottom:1px solid #b8babc;}
.header_ny{ height:70px;}
.header{ height:70px; position:relative;}
.pc_logo{ float:left; height:100%;}
.pc_logo a{ display:block; height:100%;}
.header_tell{ height:70px; margin-left:14px; float:left; line-height:70px; font-size:17px; color:#535353}
.header_tell div{ display:inline;}
.header_tell span{color:#ef8200; font-size:20px;}
.header_tell i{color:#535353; font-size:20px; font-style:normal}
.pc_nav{ height:70px; float:right;}
.pc_nav ul{ height:70px;}
.pc_nav ul li{ width:102px; height:70px; line-height:70px; float:left;}
.pc_nav ul li a{ width:100%; height:100%; display:block; text-align:center; color:#535353; font-size:14px;}
.pc_nav ul li.active{ background:#535353;}
.pc_nav ul li.active a{ color:#fff;}
.nav-toggle{ display:none;}
.pc_nav ul li:hover{ background:#535353;}
.pc_nav ul li:hover a{ color:#fff;}
.phone_nav{ width:50px; height:50px; background:url(http://www.guifeng.net/images/nav_bjs.png) no-repeat center center; float:right; margin-right:10px; display:none
;}
.phone_m{ width:100%; height:100%; display:block;}
.phone_nav ul{ width:100%; position:absolute; left:0; top:50px; background:#535353; display:none;}
.phone_nav ul li{ width:90%; height:36px; line-height:36px; border-bottom:2px solid #666; margin-left:5%;}
.phone_nav ul li a{ width:100%; display:block; color:#FFF}
.phone_nav ul li a:hover{ color:#f08200}
.phone_nav ul li:hover{ border-bottom:2px solid #f08200;}
.banner_all{ width:100%; margin-top: 0; padding-top: 70px; overflow:hidden;}
.slick-prev,.slick-next{ width:52px; height:134px; display:block; position:absolute; top:50%; margin-top:-67px; background:url(http://www.guifeng.net/images/banner_bj.png) repeat;cursor:pointer}
.slick-prev{ left:0; background:url(http://www.guifeng.net/images/banner_l.png) no-repeat 0 center; cursor:pointer;}
.slick-next{ right:0; background:url(http://www.guifeng.net/images/banner_r.png) no-repeat 0 center; cursor:pointer;}
.slick-prev:hover{ background:url(http://www.guifeng.net/images/banner_ls.png) no-repeat 0 center;}
.slick-next:hover{ background:url(http://www.guifeng.net/images/banner_rs.png) no-repeat 0 center;}
.slick-dots{ position:absolute; left:0; bottom:0;}
#min-banner{ display:none}
.slick-track{ overflow:hidden;}
#max-banner{*overflow:hidden; *height:480px;}
.bannera,.bannerb,.bannerc{ width:100%; height:100%; text-align:center; color:#fff; position:absolute; left:0; top:0; opacity:0;opacity:1\9; *display:none;}
.bannera img,.bannerb img,.bannerc img{ width:100%; position:absolute; left:0; top:0;}
.bannera span{ font-size:80px; display:block;margin-top:6%; padding:1% 0;}
.bannera p{ font-size:48px; padding:1% 0;}
.bannerb p{ font-size:36px; color:#535353; margin-top:5%;}
.bannerc dl{ float:left; color:#fff; text-align:center; font-size:24px;}
.bannerc dl dt span{ font-size:110px;font-family: "Candara";}
.bannerc_nr{ width:70%; margin-left:15%; margin-top:10%;}
.bannerc_nr dl{ width:25%;}
.ny_center{ background:#F0F2F4; padding:30px 0 80px 0;}
.slick-active .bannera,.slick-active .bannerb,.slick-active .bannerc{ opacity:1;}
@media(max-width:1600px){
.bannera span{ font-size:60px;}
.bannera p{ font-size:30px;}
.bannerb p{ font-size:25px;}
.bannerc dl{font-size:18px;}
.bannerc dl dt span{ font-size:80px;}
}
@media(max-width:1200px){
.bannera span{ font-size:45px;}
.bannera p{ font-size:30px;}
.bannerb p{ font-size:18px;}
.bannerc dl{font-size:14px;}
.bannerc dl dt span{ font-size:55px;}
.header_all{ height:50px;}
.header_ny{ height:50px;}
.header{ height:50px;}
.header img{height:100%; width:auto;}
.header_tell{ height:50px;line-height:50px; font-size:16px;}
.pc_nav{ height:50px;}
.pc_nav ul{ height:50px;}
.pc_nav ul li{ width:90px; height:50px; line-height:50px;}
.banner_all{ padding-top:50px;}
}
.right_nav{ width:46px; height:424px; position:fixed; right:1px; top:400px; background:url(http://www.guifeng.net/images/nav_ico.png) no-repeat left top; z-index:999; /*display:none*/}
.right_nav ul{ width:100%; height:100%;}
.right_nav ul li{ width:46px; height:46px; margin-bottom:1px; position:relative; float:left;}
.right_nav ul li div{ cursor:pointer;}
.right_nav ul li:hover div{ display:block;}
.right_nav ul li:hover dl{ display:block;}
.nav_ri{ width:411px; position:absolute; right:0; top:0; display:none;}
.nav_gg{ width:46px; height:46px;background:url(http://www.guifeng.net/images/nav_ico.png) no-repeat right top; position:absolute; right:0; top:0;}
.nav_list{ width:183px; position:absolute; right:46px; top:0; line-height:46px; text-align:right;}
.nav_list dl{ width:182px; height:46px; position:relative; padding-bottom:1px;}
.nav_list dl dt{ width:182px; height:46px; position:absolute; right:0; top:0; background:url(http://www.guifeng.net/images/nav_bj.png) no-repeat; }
.nav_list dl dt a{ width:134px; padding:0 29px; height:46px; display:block; overflow:hidden;}
.nav_list dl dd{ width:182px; position:absolute; right:182px; top:0; padding-right:1px; display:none;}
.nav_list dl dd a{ width:142px; height:46px; padding:0 20px; display:block; overflow:hidden; background:url(http://www.guifeng.net/images/nav_bj_ico.jpg) repeat-x left top; padding-bottom:1px;}
.nav_list dl:hover dd{ display:block;}
.nav_list dl a{ color:#fff;}
.QQ{ width:120px; height:46px; position:absolute; right:0; top:0; background:url(http://www.guifeng.net/images/nav_ico.png) no-repeat right -47px; display:none;}
.QQ a{ width:100%; height:100%; display:block;}
.QQ .tell_b { width:120px; height:300px; position:absolute; right:120px; top:0; border: 0; padding-right: 1px; background: none;}
.QQ .tell_b p{ width:80px; padding-left: 40px; height:46px; background:url(http://www.guifeng.net/images/nav_bj.png) no-repeat; border: 0; float: left; margin:0 0 1px; line-height: 46px;}
.QQ .tell_b p a{ color: #fff;}
.tell_a{ width:46px; height:46px; position:absolute; right:0; bottom:0; background:url(http://www.guifeng.net/images/nav_ico.png) no-repeat right -94px; display:none;}
.tell_b{ width:147px; height:142px; position:absolute; right:47px; bottom:-2px; background:url(http://www.guifeng.net/images/tell.png) no-repeat; display:none; font-size:14px; line-height:20px;}
.tell_b span{ display:block; color:#a9a9a9; margin-left:10px;}
.tell_b p{ color:#595959; margin-left:10px;}
.message_ri{ width:120px; height:46px; position:absolute; right:0; top:0; background:url(http://www.guifeng.net/images/nav_ico.png) no-repeat right -141px; display:none;}
.message_ri a{ width:100%; height:100%; display:block;}
.erweima_ri{ width:147px; height:142px; position:absolute; right:46px; bottom:7px; display:none;}
.erweima_ri_a{ width:46px; height:46px; position:absolute; right:0; bottom:0; background:url(http://www.guifeng.net/images/nav_ico.png) no-repeat right -188px; display:none;}
.weibo{ width:120px; height:46px; position:absolute; right:0; top:0; background:url(http://www.guifeng.net/images/nav_ico.png) no-repeat right -235px; display:none;}
.weibo a{ width:100%; height:100%; display:block;}
.Search{ width:282px; height:46px; position:absolute; right:0; top:0; background:url(http://www.guifeng.net/images/nav_ico.png) no-repeat right -282px; display:none;}
.Search input[type='text']{ width:221px; height:30px; float:left; border:0; background:none; margin-top:8px; margin-left:5px;}
.Search input[type='button']{ width:44px; height:46px; float:left; border:0; background:none;}
.fenx{ width:207px; height:46px; position:absolute; right:0; top:0; background:url(http://www.guifeng.net/images/nav_ico.png) no-repeat right -329px; display:none;}
.fenx a{ width:38px; height:100%; display:block; float:left;}
.top_ri{ width:46px; height:46px; position:absolute; right:0; bottom:0; background:url(http://www.guifeng.net/images/nav_ico.png) no-repeat right -376px; display:none;}
.top_ri a{ width:100%; height:100%; display:block;}
.bt_all{ width:100%; text-align:center; color:#535353; line-height:50px; }
.bt_all span{ font-size:36px; font-family:Arial;}
.bt_all i{ font-size:30px; font-style:normal;}
.bt_all p{ font-size:16p; color:#a9a9a9; line-height:20px; padding-left:10px;padding-right:10px;}
.ny_nav{ width:100%; height:35px; background: url(http://www.guifeng.net/images/point.png) 0 30px repeat-x ; text-align:center; margin-top:20px;}
.ny_nav a{ width:140px; height:35px;line-height:30px; background:url(http://www.guifeng.net/images/ser_s.png) no-repeat 0 0; margin:0 4px; color:#535353; display:inline-block; *display:inline; *zoom:1; }
.ny_nav a.cur{ height:35px; background:url(http://www.guifeng.net/images/ser_cur.png) no-repeat 0 0; color:#fff;}
/* 服务项目 */
.index-service{ overflow:hidden;padding-top:30px;}
.ser_list{ width:600px; position:relative; margin:78px auto 0 auto; overflow: hidden;}
.ser_all {position:relative;}
.ser_list .ser_lb{ height:379px; overflow:hidden; }
.ser_list .ser_lb ul{ width:1000000%; height:379px; display:none; position:relative;}
.ser_list .ser_lb ul li{ width:299px; height:379px; margin-right:1px; float:left; background:#f0f2f4; text-align:center;}
.ser_list .ser_lb ul li article{ background:#e1e4e6;}
.ser_lb ul li a{ width:90%; height:90%; display:block; margin:5%; position:relative; padding: 0; margin: 0; z-index:9; background:url(http://www.guifeng.net/images/ser_lb_bj.jpg) no-repeat center 180px;}
.ser_lb ul li span{ height:40px; line-height:40px; display:block; font-size:18px;}
.ser_lb ul li p{ width:84%; height:75px; line-height:25px; margin-left:8%;display:block; margin-top:70px; color:#a9a9a9; overflow:hidden;}
.ser_lb ul li i{ display:block; font-style:normal; margin-top:20px; display:block;line-height:24px; color:#a9a9a9}
.ser_left,.ser_right{ width:27px; height:50px; display:block; position:absolute; top:164px; z-index: 999;}
.ser_left{ background:url(http://www.guifeng.net/images/ser_left.png) no-repeat 0 0; left:0; }
.ser_right{ background:url(http://www.guifeng.net/images/ser_right.png) no-repeat 0 0; right:0;}
.ser_left:hover{ background:url(http://www.guifeng.net/images/ser_left_hover.png) no-repeat 0 0;}
.ser_right:hover{ background:url(http://www.guifeng.net/images/ser_right_hover.png) no-repeat 0 0;}
.btn{ width:100%; text-align:center; margin-top:30px;}
.btn a{ width:14px; height:14px; background:url(http://www.guifeng.net/images/btns.png) no-repeat; display:inline-block; *display:inline; *zoom:1; margin:0 8px;}
.btn a.cur{ background:url(http://www.guifeng.net/images/btn_cur.png) no-repeat;}
/* 鼠标追踪 */
.da-thumbs li ,
.da-thumbs li img {display:block;position:relative;width: 100%;cursor: pointer;}
.da-thumbs li {float:left;width:25%;overflow:hidden;}
.da-thumbs li article {position:absolute;background-repeat:repeat;width: 100%;height: 100%; display:none;}
.da-thumbs li article.da-animate {
-webkit-transition:all 0.2s ease;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {left: 0px;top: -100%;}
.da-slideFromBottom{left: 0px;top: 100%;}
.da-thumbs li article{background:rgba(221, 120, 0, 0.4);}
.da-slideFromLeft {top: 0px;left: -100%;}
.da-slideFromRight {top: 0px;left: 100%;}
/* Final state classes: */
.da-slideTop {top: 0px;}
.da-slideLeft {left: 0px;}
/* 案例展示 */
.index-case{ background:#f0f2f4; margin-top:68px; padding:30px 0 34px 0;}
.case_list{ width:100%; margin-top:48px;}
.case_list .case_list_n{ width:101%; overflow:hidden;}
.case_list .case_list_n dl{ width:32.6%; float:left; margin-right:0.7%}
.case_list .case_list_n dl img{ width:100%;}
.case_list_n dl dt{ width:91.7%; padding-left:8.3%; background:#666; padding-top:3%;}
.case_list_n dl dd{ width:90%; height:80px; line-height:35px; padding-left:8.3%;}
.case_list_n dl dd p{ height:35px; text-align:right; color:#a9a9a9; font-size:16px; overflow:hidden;}
.case_list_n dl dd p a{ width:68%; font-size:18px; float:left; display:block; height:35px; overflow:hidden; color:#595959; text-align:left;}
.case_list_n dl dd p span{ width:30%; float:right; display:block; height:35px; overflow:hidden;}
.case_list .case_list_n dl:hover dt{ background:#f08200}
.case_list .case_list_n dl:hover dd a{ color:#f08200}
/* 品牌客户 */
.index-customer{ padding-top:30px;}
.customer_bt{ background:url(http://www.guifeng.net/images/customer_border.jpg) no-repeat center bottom; padding-bottom:30px;cursor: pointer;}
.customer_list{ margin-top:85px;}
.customer_list ul{ width:100%; overflow:hidden;}
.customer_list ul li{ width:20%; float:left;}
.customer_list ul li a{ width:100%; height:100%; display:block;}
.customer_list ul li.cus{ background:#f0f2f4}
/* 关于我们 */
.index-about{ padding-top:30px; background:#f0f2f4; margin-top:64px; padding-bottom:70px;}
.about_bt{ background:url(http://www.guifeng.net/images/customer_border.jpg) no-repeat center bottom; padding-bottom:30px;}
.about_ny{ line-height:25px; text-align:center; margin-top:45px; padding:0px 10px;}
.about_list{}
.about_list_bt{ text-align:center; color:#ef8200; padding:30px 0;}
.about_list_bt span{ font-size:42px; line-height:70px;}
.about_list_bt p{ font-size:30px; line-height:50px;}
.about_list_three{ width:100%; text-align:center; overflow:hidden;}
.about_list_three a{ width:29.33%; float:left; padding:0 2%; display:block; cursor:pointer;}
.about_list_three dl{ width:100%;}
.about_list_three dl dt{ width:100%; position:relative; overflow:hidden;}
/*.about_list_three dl dt img{ width:100%;}*/
.about_list_three dl dt span{ width:100%; display:block; position:absolute; left:0; top:0;}
.about_list_three dl dt i{ width:100%; display:block; position:absolute; left:0; top:0;}
.about_list_three dl dd span{ width:100%; display:block; height:40px; line-height:40px; overflow:hidden; font-size:22px; margin-top:10px;}
.about_list_three dl dd p{ width:100%;height:50px; line-height:30px; overflow:hidden; line-height:25px;}
.about_list_three dl:hover dt span{ display:none;}
.about_list_three dl:hover dd span{ color:#f08200;}
/*.about_list_three dl:hover dt>img{
animation:pulse 1s 0s ease both;
-webkit-animation:pulse 1s 0s ease both;
-moz-animation:pulse 1s 0s ease both;
}*/
@keyframes pulse{
0%{transform:scale(1)}
100%{transform:scale(1.3)}
}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.3)}
}
@-moz-keyframes pulse {
0%{-moz-transform:scale(1)}
100%{-moz-transform:scale(1.3)}
}
/* 资讯中心 */
.index-news{ padding-top:30px; overflow:hidden;}
.news_list{ overflow:hidden; margin-top:50px;}
/*czt*/
.news_left{ width:46.7%; float:left;position:relative;}
.news_bn{ width:100%; height:350px; position:relative;}
.news_bn a{ width:100%; height:100%; display:none; position:absolute; left:0; top:0;}
.news_bn a img{ width:100%; height:100%;}
.news_btn{ width: auto; text-align:center; position:absolute; right:10px; bottom:6px; z-index: 1000;}
.news_btn a{ width:9px; height:9px; display:inline-block; *display:inline; *zoom:1; margin:0 2px; background:url(http://www.guifeng.net/images/index_newa.png) no-repeat;}
.news_btn a.cur{ background:url(http://www.guifeng.net/images/index_newb.png) no-repeat;}
.news_t { width:100%; height:70px; padding: 10px 0; background-color:#000; opacity: 0.6; z-index: 999; line-height: 1.5; position: absolute; bottom:0; left: 0; font-size:18px;}
.news_t span{ font-style:normal; float:left; color:#fff; font-size: 16px; padding:0 2%;}
.news_t i{ font-style:normal; float:right; color:#fff;font-size: 12px; padding:0 2%;}
.news_t p{ font-style:normal; display: block; float:left; color:#fff;font-size: 12px; padding:10px 2%; width: 96%;}
.news_left dl dd p{ height:50px; line-height:25px; overflow:hidden; margin-top:5px; color:#a9a9a9;}
.news_left dl:hover dd p{ color:#f08200}
.news_left dl:hover dd i{ color:#f08200}
.news_left dl:hover dd a{ color:#f08200}
/*cztend*/
.news_right{ width:48.33%; float:right;}
.news_right dl{ width:100%; height:70px; overflow:hidden; margin-bottom:66px;}
.news_right dl dt{ width:94px; height:70px; float:left; border-right:1px solid #cdcdcd; text-align:center;}
.news_right dl dt span{ font-size:50px; line-height:50px; display:block;}
.news_right dl dt p{ font-size:20px; color:#a4a4a4; line-height:20px;}
.news_right dl dd{ width:462px; float:right;padding-right: 10px;}
.news_right dl dd a{ width:100%; display:block;}
.news_right dl dd span{ height:30px; line-height:30px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px;}
.news_right dl dd p{ width:100%; height:40px; line-height:20px; color:#a9a9a9; overflow:hidden;}
.news_right dl:hover dd p{ color:#f08200;}
.news_right dl:hover dd span{ color:#f08200;}
/* 联系我们 */
.index-contact{ width:100%; overflow:hidden; position:relative;}
.map{ width:100%; min-height:884px;}
.index-contact .contact_list{ width:410px; height:600px; position:absolute; left:50%; top:147px; margin-left:117px; background:#fff; z-index:2;}
.contact_yd{ width:91%; height:90%; position:absolute; left:4.5%; top:5%; overflow:hidden;}
.con_rq{ width:200%; height:100%; position:relative; top:0;}
.contact_nr{ width:100%; height:100%; overflow:hidden; float:left;}
.contact_bt{ padding-bottom:10px; border-bottom:1px dotted #393939;}
.contact_bt span{ font-size:34px; padding:3px 0;}
.contact_bt p{ font-size:26px; padding:3px 0;}
.contact_tel{ line-height:28px; margin-top:10px;}
.contact_tel span{ color:#a9a9a9; font-size:12px;}
a.tjxq{ width:151px; height:36px; line-height:36px; display:block; text-align:center; display:block; background:url(http://www.guifeng.net/images/sbmt.png) no-repeat; color:#fff; margin:15px 0px;}
.contact_qq{ padding:15px 0; border-top:1px dotted #393939;border-bottom:1px dotted #393939; margin-top:21px;}
.contact_qq a{ height:41px; line-height:41px; display:block; padding-left:30px; background:url(http://www.guifeng.net/images/qq_hui.png) no-repeat left 10px; font-size:24px;}
.contact_qq a:hover{ background:url(http://www.guifeng.net/images/qq_h.png) no-repeat left 10px;}
.yy_time{ line-height:24px; margin-top:10px; display:inline-block}
.contact_l,.contact_r{ width:18px; height:34px; display:block; position:absolute; top:260px;}
.contact_l{ background:url(http://www.guifeng.net/images/contact_l.png) no-repeat 0 0; left:-50px;}
.contact_r{ background:url(http://www.guifeng.net/images/contact_r.png) no-repeat 0 0; right:-50px;}
.con_message{ width:100%; margin-top:20px; overflow:hidden;}
.con_message input[type='text']{ width:360px; height:36px; line-height:36px; border:1px solid #cecece; margin-bottom:12px; padding:0 5px; color:#a9a9a9; text-indent:0;}
.con_message input[type='button']{ width:151px; height:36px; line-height:36px; text-align:center; background:url(http://www.guifeng.net/images/sbmt.png) no-repeat; margin-left:111px; color:#fff; margin-top:15px;*margin-top:8px;}
.con_message textarea{ width:360px; height:60px; padding:10px 5px; border:1px solid #cecece; font-family:microsoft yahei; color:#a9a9a9; overflow:hidden;}
/* 底部版权 */
.footer_bq{ overflow:hidden;}
.footer_le{ float:left; inline-box-align:24px; padding:25px 0;}
.footer_nav{ float:right; line-height:74px;}
.footer_nav li{ float:left;}{ float:right;}
.footer_nav li a{ padding:0 11px;}
/* 横幅效果 */
.hengfu{}
/* 相册 */
.photo{ background:#f0f2f4; padding-bottom:60px;}
.photo_list_n{ width:107.5%; display:none;}
.photo_list_n dl{ width:26.35%; float:left; margin:70px 6.97% 10px 0;}
.photo_list_n dl dt{ width:94%; padding:3%; background:#ced2d5; text-align:center; cursor:pointer;}
.photo_list_n dl dt p{ height:40px; line-height:40px; margin-top:3%; font-size:16px; overflow:hidden;}
.photo_list_n dl dd{ width:90%; padding:10px 5%; height:100px; line-height:25px; background:#e0e4e7;}
.photo_list_n dl dd p{ height:75px; overflow:hidden;}
.photo_list_n dl:hover dt{ background:#a4a4a4; color:#fff;}
.photo_list_n dl:hover dd{ background:#f08200; color:#fff;}
.photo2_list_n{ width:107.5%; display:none;}
.photo2_list_n dl{ width:26.35%; float:left; margin:70px 6.97% 10px 0;}
.photo2_list_n dl dt{ width:100%; text-align:center; cursor:pointer;}
.photo2_list_n dl dd{ width:98%; padding:10px 1%; height:25px; line-height:25px;}
.photo2_list_n dl dd p{ width:60%; height:25px; overflow:hidden; float:left;}
.photo2_list_n dl dd span{ width:40%; display:block; float:right; text-align:right; color:#a9a9a9}
.loading{ width:100%; text-align:center; margin-top:80px;}
.loading a{ width:100%; max-width:247px; height:34px; line-height:34px; display:inline-block; *display:inline; *zoom:1; background:#dedede; color:#535353}
/* 新闻列表 */
.news{ background:#f0f2f4}
.news_list_ny{ margin-top:40px;}
.news_list_ny a{ width:100%; display:block;}
.news_list_ny dl{ width:100%; overflow:hidden; padding:40px 0; border-bottom:1px dotted #ababab}
.news_list_ny dt{ width:320px; float:left;}
.news_list_ny dt div{ width:110px; text-align:center; float:left;}
.news_list_ny dt span{ font-size:52px; line-height:60px; color:#535353}
.news_list_ny dt p{ font-size:20px; color:#a4a4a4; line-height:30px;}
.news_list_ny dt i{ display:block; width:180px; float:right}
.news_list_ny dd{ width:850px; float:right;}
.news_list_ny dd b{ width:auto; height:30px; line-height:30px; display:block; font-size:22px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list_ny dd p{ width:auto; height:72px; line-height:24px; overflow:hidden; margin-top:10px; color:#a9a9a9;}
.news_list_ny dd span{ width:100%; text-align:right; display:block; line-height:30px; color:#a9a9a9}
.news_list_ny dl:hover dd p{ color:#f08200}
.news_list_ny dl:hover dd span{ color:#f08200}
.news_x{ overflow:hidden; cursor:pointer;}
/* 新闻详情 */
.news_bt_ny{ padding-top:30px;}
.news_bt_ny h1{ line-height:46px; font-size:30px; font-weight:normal;padding-left: 10px; padding-right:10px;}
.news_bt_ny table{ width:100%;}
.bdsharebuttonbox{ display:inline-block; *display:inline; *zoom:1; margin-top:17px;}
.news_bt_ny{ text-align:center;}
.news_nrs{ background:#fff; line-height:26px; font-size:14px; width:100%; max-width:1200px; margin:0 auto;}
.news_wz{ padding:3.5%;}
.table_l{ width:70%; text-align:right;}
.table_r{ width:30%; text-align:left;}
.news_wz img{ width:auto; max-width:100%;}
.news_fy{ overflow:hidden; padding:3.4% 0;}
.news_fy a{ width:44%; height:50px; display:block; line-height:50px; font-size:16px; margin:0 3%; overflow:hidden;}
.news_fy a i{ width:50px; height:50px; display:block;}
.news_fy a span{ display:block; height:50px; overflow:hidden;}
.news_fy a.fl i{ background:url(http://www.guifeng.net/images/fy_l.png) no-repeat right center; background-size:auto 100%; float:right; margin-left:10px;}
.news_fy a.fr i{ background:url(http://www.guifeng.net/images/fy_r.png) no-repeat 0 center; background-size:auto 100%; float:left; margin-right:10px;}
.news_fy a.fl span{ display:block; height:50px; overflow:hidden; float:left;}
.news_fy a.fr span{ display:block; height:50px; overflow:hidden; float:right;}
.news_fy .fl{text-align:right;}
.news_fy a.fl:hover i{ background:url(http://www.guifeng.net/images/fy_ls.png) no-repeat right center; background-size:auto 100%;}
.news_fy a.fr:hover i{ background:url(http://www.guifeng.net/images/fy_rs.png) no-repeat 0 center; background-size:auto 100%;}
/* 常见问题 */
.issue{ background:#f0f2f4;}
.issue_bt{ padding-bottom:0px;}
.issue_list dl{ margin-top:38px;}
.issue_list dt{ padding:5px 10px; line-height:30px; background:#fff;}
.issue_list dd{ padding:10px 13px; overflow: hidden; height: 95px; background:#dee2e6; line-height:25px; margin-top:14px; position:relative;}
.issue_list dd i{ width:13px; height:7px; background:url(http://www.guifeng.net/images/sissue_ico.png) no-repeat; display:block; position:absolute; left:10%; top:-7px;}
.issue_list .fl-right-show span{float: right; cursor: pointer;}
/* 案例 */
#case{margin:35px auto 0 auto;height:100%;position:relative;}
.case_ny_list a{ width:286px; display:inline-block; *display:inherit; *zoom:1; background:#fff; border:1px solid #cecece;-webkit-transition:all .7s ease-out .1s; -moz-transition:all .7s ease-out .1s; -o-transition:all .7s ease-out .1s; transition:all .7s ease-out .1s;overflow:hidden; }
.case_ny_list dd{ width:90%; margin:10px 5%;}
.case_ny_list dd p{ height:30px; line-height:30px; overflow:hidden;}
.case_ny_list dd div{ width:100%; height:24px; line-height:24px; color:#aeaeae;}
.case_ny_list dd div span{ width:60%; height:24px; display:block; overflow:hidden; float:left;}
.case_ny_list dd div i{ font-style:normal; float:right;}
.case_ny_list .big{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(http://www.guifeng.net/images/case_big_ico.png) repeat; display:none}
.case_ny_list .big i{ width:100%; height:100%; display:block; background:url(http://www.guifeng.net/images/big_ico.png) no-repeat center center;}
.case_three{ text-align:center; margin-top:26px; display:none;}
.case_three ul{ display:inline-block; *display:inline; *zoom:1; background:url(http://www.guifeng.net/images/case_ico.jpg) repeat-x left top;}
.case_three li{ background:url(http://www.guifeng.net/images/case_ico_a.jpg) no-repeat left top; line-height:24px;}
.case_three li div{ background:url(http://www.guifeng.net/images/case_ico_c.jpg) no-repeat right top; padding:6px 10px 0 10px;}
.case_three li a{ padding:0 10px; display:inline-block; *display:inline; zoom:1;}
.case_nav a{ position:relative;}
.case_nav a span{ width:13px; height:8px; display:block; position:absolute; left:50%; margin-left:-6px; top:50px; background:url(http://www.guifeng.net/images/case_ico_b.jpg) no-repeat; display:none;}
.case_nav a.curb span{ display:block;}
.case_sx{ position:relative;}
.case_sxtext{text-align:center; color:#9d9d9d; font-size:15px; line-height:25px; padding:0px 20px; margin-bottom:30px;}
.case_sxtext p{padding-top:20px;}
.case_left,.case_right{ width:46px; height:88px; display:block; position:absolute; top:200px; margin-top:-23px; opacity:0.6;}
.case_left{ left:4%;}
.case_right{ right:4%;}
.case_left:hover,.case_right:hover{ opacity:1;}
.more_s{ width:100%; text-align:center; margin-top:80px;}
.more_s a{ width:100%; max-width:151px; height:36px; line-height:36px; display:inline-block; *display:inline; *zoom:1; background:url(http://www.guifeng.net/images/case_more.png) no-repeat;color:#535353}
.shsaf{background-color:#f0f2f4; text-align:center; position:relative; max-width:639px;margin:0 auto; margin-bottom:100px; }
.pcbj{background:url(http://www.guifeng.net/images/pc_bj.png) no-repeat; max-width:639px; height:537px; margin:0 auto; padding-top:27px;}
.shoujbj{background:url(http://www.guifeng.net/images/mo_bj.png) no-repeat; width:124px; height:254px; margin:0 auto; padding-top:30px; position:absolute; bottom:0px; left:-72px;}
.ipdbj{background:url(http://www.guifeng.net/images/ipd_bj.png) no-repeat; width:221px; height:321px; margin:0 auto; padding-top:27px; position:absolute; bottom:0px; right:-134px;}
/* 表格下载 */
.down_nl{ width:100%; margin-top:40px;}
.down_nl li{ width:100%; padding:8px 0; line-height:24px; border-bottom:1px dotted #cccccc; background:url(http://www.guifeng.net/images/down_ico.jpg) no-repeat 7px 21px;}
.down_nl li a{ display:block; padding-left:18px;}
.down_nl li span{ width:50px; height:21px; display:block; float:right; background:#dedede; line-height:20px; text-align:center;}
.page{ width:168px; height:35px; background:url(http://www.guifeng.net/images/down_cen.png) no-repeat center center; margin:0 auto;}
.page .prev{ width:35px; height:35px; display:block; float:left; background:url(http://www.guifeng.net/images/prev.png) no-repeat;}
.page .prev:hover{ background:url(http://www.guifeng.net/images/prevh.png) no-repeat;}
.page .next{ width:35px; height:35px; display:block; float:right; background:url(http://www.guifeng.net/images/next.png) no-repeat;}
.page .next:hover{ background:url(http://www.guifeng.net/images/nexth.png) no-repeat;}
/* 客服中心 */
.kefs{ font-size:30px; line-height:40px; text-align:center; margin-top:50px;}
.con_fs{ width:50%; float:left; font-size:20px; line-height:36px;}
.con_kf{ margin-top:70px; padding-bottom:50px;}
.messages{ width:50%; float:right;}
.messages p{ font-size:20px; line-height:30px; padding:10px 0;}
.messa_01{ width:100%;}
.messa_01 input{ width:96%; height:36px; background:#fff; border:1px solid #cdcdcd; color:#bebebe; padding:0 2%;}
.messa_02{ width:100%; height:38px; margin-top:21px;}
.messa_02 input{ width:44%; height:36px; background:#fff; border:1px solid #cdcdcd; color:#bebebe; padding:0 2%;}
.messa_02 .inp_a{ float:left;}
.messa_02 .inp_b{ float:right;}
.messa_03{ width:100%; margin-top:21px;}
.messa_03 textarea{ width:96%; height:120px; background:#fff; border:1px solid #cdcdcd; color:#bebebe; padding:2%;}
.messa_04{ width:100%; overflow:hidden; line-height:36px; margin-top:21px;}
.messa_04 input[type='file']{ width:102px; height:32px; position:absolute; left:0; top:0; opacity:0; cursor:pointer; opacity:0;filter:alpha(opacity=0);}
.messa_04 a{ width:102px; height:32px; display:block; position:relative; float:left; background:#b1b1b1; line-height:32px; text-align:center; color:#333; margin-right:10px;}
.messa_04 span{ display:block; float:left;}
.messa_04 input[type='button']{ width:120px; height:36px; display:block; float:right; background:url(http://www.guifeng.net/images/button_contact.png) no-repeat; color:#fff;}
.wenti{ width:100%; background:#fff; padding:0 0 120px 0;}
.bottom_wt dl{ width:33%; float:left; margin-top:60px;}
.bottom_wt dl dt{ width:100%; height:50px; font-size:30px; line-height:50px; overflow:hidden; color:#535353; font-weight:bold;}
.bottom_wt dl dt a{ color:#535353;}
.bottom_wt dl dd{ width:100%; height:240px; position:relative; margin-top:20px;}
.bottom_wt dl dd a{ width:100%; height:30px; line-height:30px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bottom_wt dl dd a.more_wt{ width:63px; height:19px; background:url(http://www.guifeng.net/images/more_wt.jpg) no-repeat; position:absolute; left:0; bottom:-48px;}
/* 网站地图 */
.sitemap{ margin-top:25px; overflow:hidden;}
.sitemap dl{ width:100%; overflow:hidden; background:#dee2e6; margin-top:40px;}
.sitemap dl dt{ width:164px; height:105px; background:#cbd0d5; line-height:105px; text-align:center; font-size:24px; float:left;}
.sitemap dl dd{ width:1036px; float:left; overflow:hidden;}
.sitemap dl dd div{ width:100%; line-height:52px; float:left;}
.sitemap dl dd div a{ display:block; float:left; padding:0 20px 0 20px;}
.sitemap dl dd div a.bt{ font-size:18px;}
.sit-a{ border-bottom:1px solid #cbd0d5}
.sitemap dl.site_x dt{ height:52px; line-height:52px;}
/* 支付方式 */
.zhushi{ line-height:30px; text-align:center; padding:60px 10px 50px 10px; border-bottom:1px solid #cdcdcd;}
.zhif{ width:100%; overflow:hidden; border-bottom:1px solid #cdcdcd; padding-bottom:26px;}
.zhif dl{ width:46.6%; height:164px; margin-bottom:40px;}
.zhif dl dt{ width:121px; height:164px;}
.zhif dl dt p{ text-align:center; height:30px; line-height:30px; font-size:24px; margin-top:10px;}
.zhif dl dd{ height:99px; margin-top:70px; line-height:28px; font-size:16px;}
.zhif dl.zf_a{ float:left; background:url(http://www.guifeng.net/images/zf_a.png) no-repeat 0 0;}
.zhif dl.zf_b{ float:right; background:url(http://www.guifeng.net/images/zf_b.png) no-repeat right 0;}
.zhif dl.zf_a dt{ float:left;}
.zhif dl.zf_b dt{ float:right;}
.zhif dl.zf_a dd{ float:right; padding-right:12px;}
.zhif dl.zf_a dd p{ width: 280px;}
.zhif dl.zf_b dd{ float:left; padding-left:12px;}
.zhif dl.zf_a:hover{ background:url(http://www.guifeng.net/images/zf_as.png) no-repeat 0 0;}
.zhif dl.zf_b:hover{ background:url(http://www.guifeng.net/images/zf_bs.png) no-repeat right 0;}
.fk_xx{ margin-top:40px;}
.fk_xx dl{ width:50%; float:left; margin-top:30px; text-align: center;}
.fk_xx dl dt{ font-size:30px; height:auto; line-height:50px;}
.fk_xx dl dd{ line-height:30px; margin-top:20px; padding-left: 20%;}
.fk_xx dl dd p{text-align: left;}
.fk_xx dl img{ width:100%; max-width:580px;}
/* 服务项目 */
.service_list{ width:100%; padding:80px 0 68px 0;}
.service_list dl{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.service_list dl dt{ width:248px; height:248px; background:url(http://www.guifeng.net/images/ser_a.png) no-repeat; float:left; position:relative; margin-left:40px;}
.service_list dl dt div{ width:100%; height:100%; line-height:248px; background:url(http://www.guifeng.net/images/ser_b.png) no-repeat; text-align:center; position:absolute; left:0; top:0; display:none; font-size:24px; color:#fff;}
.service_list:hover dt{ background:none;}
.service_list:hover dt div{ display:block;}
.service_list dl dd{ width:67.33%; float:right;}
.service_list dl .dd_a{ width:42%; float:left; margin-top:20px;}
.service_list dl .dd_b{ width:48%; float:right; margin-top:20px;}
.service_list .dd_a{ width:25%; float:right; margin-right:7.5%;}
.service_list .dd_b{ width:32.5%; float:right;}
.service_list .dd_a b{ font-size:30px; line-height:36px;display:block; margin-bottom:30px;}
.service_list .dd_a a{ width:100%; display:block; line-height:36px; border-bottom:1px solid #dcdcdc;}
.service_list .dd_b a{ width:120px; height:36px; background:url(http://www.guifeng.net/images/button_contacth.png) no-repeat; text-align:center; display:block; line-height:36px; color:#fff; margin:0 auto; margin-top:10px;}
.service_list .dd_b p{ width:100%; overflow:hidden; margin-top:30px; float:left; line-height:25px}
.service_list dl:hover .dd_b a{ background:url(http://www.guifeng.net/images/button_contact.png) no-repeat;}
.dd_c{ width:67.33%; float:right; position:relative;}
.ym_bt{ width:100%; overflow:hidden;}
.ym_bt b{ font-size:30px; line-height:36px; display:block; float:left;}
.ym_bt a{ width:120px; height:36px; background:url(http://www.guifeng.net/images/button_contacth.png) no-repeat; margin-right: 136px; text-align:center; display:block; line-height:36px; color:#fff; float:right;}
.service_list dl:hover .ym_bt a{ background:url(http://www.guifeng.net/images/button_contact.png) no-repeat;}
.ym_n{ border:1px solid #cdcdcd; border-radius:3px; float:left; overflow:hidden;}
.ym_n input[type='text']{ width:280px; height:40px; color:#a0a0a0; line-height:40px; padding:0 5px; border:0px; background:#fff; float:left;}
/*ym_n span{ width:81px; height:40px; background:url(http://www.guifeng.net/images/ser_ico.png) no-repeat #f0f2f4; text-indent:10px; line-height:40px; display:block; float:left; font-size:20px; color:#f08200}*/
.ym_n ins{ width:81px; height:40px; background:url(http://www.guifeng.net/images/ser_ico.png) no-repeat #f0f2f4; text-indent:10px; line-height:40px; display:block; float:left; font-size:20px; color:#f08200; text-decoration:none; cursor:pointer;}
.yuming{ overflow:hidden; margin-top:25px;}
.yuming input[type='button']{ width:110px; height:40px; background:url(http://www.guifeng.net/images/ym_btn.png) no-repeat; line-height:40px; font-size:18px; color:#fff; margin-left:10px;}
.dd_c img{ width:auto;}
.dd_d{ width:67.33%; float:right;}
.ser_bd span{ font-size:18px; display:block; line-height:24px; margin-top:30px;}
.ser_bd p{ color:#a9a9a9}
.web_js{ width:100%; background:#fff; padding:40px 0 60px 0}
.web_list{ margin-top:30px;}
.web_list dl{ width:152px; height:225px; margin-left:57px; float:left; background:#f0f2f4; margin-top:30px; position:relative;}
.web_list dl:first-child{ margin-left:0;}
.web_list dl dt{ width:100%; height:110px;}
.web_list dl dd{ text-align:center;}
.web_list dl dd span{ font-size:20px; color:#595959; line-height:30px;}
.web_list dl dd p{ line-height:18px; margin-top:10px;}
.web_list dl i{ width:9px; height:17px; background:url(http://www.guifeng.net/images/ser_ia.png) no-repeat; display:block; position:absolute; right:-9px; top:105px;}
.web_list dl:hover{ background:#e1e4e6}
.web_list dl:hover i{ background:url(http://www.guifeng.net/images/ser_ib.png) no-repeat;}
.bt_ss{ text-align:center;}
.bt_ss b{ font-size:30px; line-height:40px; font-weight:bold;}
.bt_ss p{ margin-top:20px;}
/* 软件 */
.software{ margin-top:80px; background:url(http://www.guifeng.net/images/rj_icc.png) repeat-y center top;}
.software dl{ width:100%; overflow:hidden; margin-top:80px; position:relative;}
.software dl:first-child{ margin-top:0;}
.software dl dt{ width:43.33%;}
.software dl dd{ width:43.33%;}
.software dl dd b{ font-size:22px; line-height:32px; display:block;}
.software dl dd span{ line-height:24px; display:block;}
.software dl dd p{ line-height:25px;}
.software dl dd a{ width:63px; height:19px; background:url(http://www.guifeng.net/images/more_h.jpg) no-repeat; display:inline-block; *display:inline; *zoom:1; margin-top:20px;}
.software dl dd a:hover{ background:url(http://www.guifeng.net/images/more_l.jpg) no-repeat;}
.software dl.sof_a dt{ float:right; background-color:#666666; text-align:right; padding-top:16px; overflow:hidden}
.software dl.sof_a dd{ text-align:right; float:left;}
.software dl.sof_b dt{ float:left; background-color:#666666; text-align:right; padding-top:16px; overflow:hidden}
.software dl.sof_b dd{ text-align:left; float:right;}
.software dl:hover b{ color:#f08200;}
.software dl:hover span{color:#a9a9a9;}
.software dl:hover p{ color:#f08200}
.software dl:hover a{ background:url(http://www.guifeng.net/images/more_l.jpg) no-repeat;}
.software dl i{ width:31px; height:54px; background:url(http://www.guifeng.net/images/rj_ico.jpg) no-repeat; display:block; position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:-27px;}
.software dl:hover img{
animation:pulse 1s 0s ease both;
-webkit-animation:pulse 1s 0s ease both;
-moz-animation:pulse 1s 0s ease both;
}
@keyframes pulse{
0%{transform:scale(1)}
100%{transform:scale(1.3)}
}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.3)}
}
@-moz-keyframes pulse {
0%{-moz-transform:scale(1)}
100%{-moz-transform:scale(1.3)}
}
/* 联系我们 */
.contact_fs{ margin-top:55px;}
.con_l{ width:48.83%; float:left; overflow:hidden;}
.con_l .ewms{ width:226px; text-align:center; float:right;}
.con_l .ewms p{ line-height:40px; margin-top:10px; font-size:16px;}
.con_r{ width:45.83%; float:right;}
.con_r li{ width:100%; overflow:hidden; line-height:30px; margin:5px 0; font-size:16px;}
.con_r li img{ width:25px; margin:0 10px;}
.contact_list{ width:100%; background:#fff;}
.contact_nyl{ overflow:hidden; padding:55px 0; position:relative;}
.contact_nyi{ position:relative; width:100%; max-width:1199px; margin:0 auto;}
.con_lbtn,.con_rbtn{ width:27px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.con_lbtn{ background:url(http://www.guifeng.net/images/con_lbtn.png) no-repeat; left:-68px;}
.con_rbtn{ background:url(http://www.guifeng.net/images/con_rbtn.png) no-repeat; right:-68px;}
.con_lbtn:hover{ background:url(http://www.guifeng.net/images/con_lbtns.png) no-repeat;}
.con_rbtn:hover{ background:url(http://www.guifeng.net/images/con_rbtns.png) no-repeat;}
.contact_nyl ul{ width:10000%; overflow:hidden; position:relative;}
.contact_nyl ul li{ width:400px; float:left; text-align:center; background:url(http://www.guifeng.net/images/rj_icc.png) repeat-y right top;}
.contact_nyl ul li span{ display:block; font-size:30px; line-height:40px; margin-bottom:40px;}
.contact_nyl ul li p{ line-height:35px;}
.contact_nyl ul li img{ width:auto;}
.ne_qq{ width:100%; margin-top:30px;}
.ne_qq a{ padding:0 30px; background:url(http://www.guifeng.net/images/qq_hui.png) no-repeat 0 center; line-height:35px; display:inline-block; *display:inline; *zoom:1;}
.ne_qq a:hover{ background:url(http://www.guifeng.net/images/qq_h.png) no-repeat 0 center;}
.souhou{ width:100%; max-width:860px; margin:0 auto;}
.sh_tel{ text-align:center; margin-top:65px; padding-bottom:55px; border-bottom:1px solid #cdcdcd}
.sh_tel a{ line-height:30px; display:inline-block; *display:inline; *zoom:1; padding:0 30px;}
.sh_tel img{ width:auto; margin-right:10px;}
.messageb{ padding: 0 10px 78px;border-bottom:1px solid #cdcdcd}
.messageb p{ font-size:20px; line-height:50px; margin-top:40px;}
.con_bottom{ overflow:hidden; margin-top:30px; text-align:center;}
.con_bottom dl{ width:210px; height:240px; float:left; background:#fff; margin-left:115px; margin-top:30px;}
.con_bottom dl:first-child{ margin-left:0;}
.con_bottom dt{ width:100%; line-height:76px; font-size:24px;}
.con_bottom dd{ padding:0 16px;}
.con_bottom dd p{ height:125px; line-height:25px; overflow:hidden; text-align:left}
.con_bottom dl:hover{ background:#e0e3e6;}
/* 关于我们 */
.about_nr{ margin-top:30px; }
#div_team,#div_job { padding-top:60px;padding-bottom:60px;}
.about_nr dl{ width:100%; overflow:hidden; padding-bottom: 60px;}
.about_nr dl dt{ width:50%; float:left; margin-top:30px; line-height:25px;}
.about_nr dl dd{ width:42.5%; float:right; margin-top:30px;}
.about_nr dl dd a{ width:32.33%; display:block; float:left; margin-right:1%; overflow:hidden;}
.about_nr dl dd a img{ width:auto; max-width:none;}
.js_team{ background:#fff; overflow:hidden;}
.js_tm{ font-size:26px; line-height:36px; text-align:center; margin-top:36px;}
.about_bk{ width:100%; position:relative; margin:56px auto 0 auto;}
.about_qh{ overflow:hidden; position:relative;}
.about_qh ul{ width:10000%; height:350px; position:relative;}
.about_qh ul li{ width:300px; height:350px; position:relative; float:left; text-align:center; cursor:pointer;}
.about_qh ul li i{ width:100%; height:100%; background:url(http://www.guifeng.net/images/about_bj.png) no-repeat center top; position:absolute; left:0; top:0;}
.about_qh ul li img{ width:242px; height: 242px; border-radius: 121px;}
.about_fl,.about_fr{ width:27px; height:50px; display:block; position:absolute; top:109px;}
.about_fl{ background:url(http://www.guifeng.net/images/con_lbtn.png) no-repeat; left:-68px;}
.about_fr{ background:url(http://www.guifeng.net/images/con_rbtn.png) no-repeat; right:-68px;}
.about_fl:hover{ background:url(http://www.guifeng.net/images/con_lbtns.png) no-repeat;}
.about_fr:hover{ background:url(http://www.guifeng.net/images/con_rbtns.png) no-repeat;}
.about_qh ul li span{ width:100%; line-height:30px; height:30px; font-size:24px; display:block; margin-top:25px;}
.about_qh ul li p{ text-align:center; margin-top:20px;}
.about_jh{ line-height:27px; text-align:center; margin-top:22px;}
.work_all{ width:100%; position:relative; margin:56px auto 0 auto;}
.work_ny{ width:100%; overflow:hidden; position:relative;}
.work_ny ul{ width:1000%; height:450px; position:relative;}
.work_ny li{ width:340px; height:450px; background:#fff; position:relative; margin-right:90px; float:left;}
.work_t{ width:312px; height:58px; border-bottom:1px dotted #949494; line-height:58px; margin:0 14px; font-size:18px;}
.work_t span{ float:left;}
.work_t i{ font-style:normal; float:right;}
.work_n{ width:312px; margin:0 14px; height:300px; line-height:25px; margin-top:15px; overflow:hidden;}
a.toudi{ width:151px; height:36px; text-align:center; display:block; background:url(http://www.guifeng.net/images/sbmt_h.png) no-repeat; color:#fff; line-height:36px;margin:25px auto 0;}
.work_ny li:hover .toudi{ background:url(http://www.guifeng.net/images/sbmt.png) no-repeat;}
.work_ny li:hover{ background:#e1e4e6}
.work_message{ width:100%; height:100%; background:url(http://www.guifeng.net/images/abuot_bj.png) repeat; position:absolute; left:0; top:0; display:none;}
.work_message input[type='text']{ width:294px; height:35px; background:#fff; padding:0 5px; margin:23px 0 0 16px; border:1px solid #d0d0d0; color:#a9a9a9;}
.sub_sc{ width:312px; margin:0 14px; height:32px; line-height:32px; margin-top:15px; overflow:hidden;}
.sub_sc i{ width:102px; height:32px; display:block; float:left; background:#f0f0f0; text-align:center; font-style:normal; position:relative;}
.sub_sc input[type='file']{ width:102px; height:32px; position:absolute; left:0; top:0; opacity:0;filter:alpha(opacity=0); cursor:pointer;}
.sub_sc span{ float:left; margin-left:10px; color:#fff;}
.work_message input[type='button']{ width:151px; height:36px; text-align:center; display:block; background:url(http://www.guifeng.net/images/sbmt.png) no-repeat; color:#fff; line-height:36px; margin:47px 0 0 80px;}
.about_bfl,.about_bfr{ width:27px; height:50px; display:block; position:absolute; top:139px;}
.about_bfl{ background:url(http://www.guifeng.net/images/con_lbtn.png) no-repeat; left:-68px;}
.about_bfr{ background:url(http://www.guifeng.net/images/con_rbtn.png) no-repeat; right:-68px;}
.about_bfl:hover{ background:url(http://www.guifeng.net/images/con_lbtns.png) no-repeat;}
.about_bfr:hover{ background:url(http://www.guifeng.net/images/con_rbtns.png) no-repeat;}
#slider { z-index:1; width:100%; height:325px; overflow:hidden; position:relative;}
#slider .slide {
Z-INDEX: 10; POSITION: absolute; BORDER-LEFT: #dcdcdc 5px solid; WIDTH: 325px; BACKGROUND: #000; HEIGHT: 325px; OVERFLOW: hidden; TOP: 0; CURSOR: default; LEFT: 22px;text-align:left;
}
#slider .title {
COLOR: #f80; FONT-SIZE: 1.2em; FONT-WEIGHT: bold; MARGIN-RIGHT: 1.5em; TEXT-DECORATION: none
}
#slider .text {
POSITION: absolute; TEXT-ALIGN: justify; WIDTH: 470px; DISPLAY: none; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; COLOR: #fff; FONT-SIZE: 0.9em; TOP: 100%; LEFT: 10px
}
#slider .diapo {
POSITION: absolute; FILTER: alpha(opacity=100); VISIBILITY: visible; opacity: 1
}
.about_btn{ width:100%; height:44px; text-indent:50px; line-height:44px; color:#fff; position:absolute; left:0; bottom:0; background:url(http://www.guifeng.net/images/case_big_ico.png) repeat; font-size:16px;}
.slide:hover .about_btn{ text-indent:0; text-align:center;}
/* css3 */
@media(max-width:1260px){
.index-contact .contact_list{ margin-left:50px;}
.news_nrs{ width:98%; margin:0 1%;}
.case_show_nr{ width:98%; margin:0 1%;}
}
@media(max-width:1200px){
.k{ width: auto;}
.ny_nav{ height:auto; overflow:hidden; background:0;border-bottom: 1px solid #949494;margin-top:10px;}
.footer_le {padding-left:5px;}
.ny_nav a{ margin-top:5px;}
.ny_nav a.cur{ height:30px; background:#535353}
.sitemap dl dt{ width:100%; height:60px; line-height:60px;}
.sitemap dl dd{ width:100%;}
.web_list dl:first-child{ margin-left:57px;}
.about_nr dl{ width:auto; padding:0 20px;}
.news_bn {margin-bottom: 20px; }
.news_btn {bottom: 20px;}
.news_t { height: 40px; overflow: auto;}
.news_t p{ display:none;}
.news_t i{ display:none;}
.news_bn{ height:280px; }
.zhif dl.zf_a dd p,.zhif dl.zf_b dd p{ width: 300px;}
.fk_xx dl dd {padding-left:10px;}
.news_list_ny dd{ width: auto; margin-top:20px; padding:0 10px;}
.shh_share { display: none;}
.service_list .dd_a b{ text-align: center;}
.ym_bt b{ float: none; text-align: center; padding-bottom: 20px;}
}
@media(max-width:1080px){
.footer_nav li a{ padding: 0 6px;}
.zhif dl.zf_a dd p,.zhif dl.zf_b dd p{ width: 300px;}
.btn{ display:none;}
.case_list .case_list_n{ width:101%;}
.case_list .case_list_n dl{ width:49%; margin-right:1%;}
.customer_list ul li{ width:25%;}
.index-contact .contact_list{ margin-left:-50px;}
.bdsharebuttonbox{ display:none;}
.news_bt_ny table{ margin:10px 0;}
.table_l{ width:100%; text-align:center; line-height:24px;}
.table_r{ width:30%;}
.issue_list dl{ margin-top:38px; padding:0 1%;}
}
@media(max-width:980px){
.pc_nav{ display:none}
.phone_nav{ display:block;}
#map{ display:none;}
#contact{ height: 600px; padding-top:0}
.index-contact .contact_list{ background:#666;top:17px;}
.contact_tel span{ color:#fff;}
.contact_qq{margin-top:0px;}
.contact_qq a{ color:#fff; background:url(http://www.guifeng.net/images/qq_bai.png) no-repeat left 5px; height:30px; line-height:30px;}
.contact_qq a:hover{ background:url(http://www.guifeng.net/images/qq_h.png) no-repeat left 5px;}
.index-contact{ color:#fff;}
.contact_l{ left:-50px; background:url(http://www.guifeng.net/images/contact_ls.png) no-repeat}
.contact_r{ right:-40px; background:url(http://www.guifeng.net/images/contact_rs.png) no-repeat}
.index-contact .contact_list{ margin-left:-205px;}
.footer_nav{ display:none;}
.index-footer{ margin-top:20px;}
.footer_le{ width:100%; text-align:center; background:#666; padding:10px 0; color:#fff;}
.footer_le a{ color:#fff;}
.con_fs{ width:100%; max-width:600px; float:none; margin:0 auto;}
.messages{ width:100%; max-width:600px; float:none; margin:0 auto;}
.bottom_wt dl{ width:100%; max-width:600px; float:none; margin:50px auto 80px auto;}
.bottom_wt dl dd{ height:auto; }
.wenti{ padding-bottom:20px;}
.sitemap dl dd div a.bt{ width:100%;}
.zhif dl.zf_a{ width:100%; max-width:560px; float:none; margin:0 auto 40px auto;}
.zhif dl.zf_b{ width:100%; max-width:560px; float:none; margin:0 auto 40px auto; background:url(http://www.guifeng.net/images/zf_a.png) no-repeat 0 0;}
.zhif dl.zf_b dt{ float:left;}
.zhif dl.zf_b dd{ float:right; padding:0 12px 0 0;}
.zhif dl.zf_b:hover{ background:url(http://www.guifeng.net/images/zf_as.png) no-repeat 0 0;}
.fk_xx dl{ width:100%; max-width:560px; float:none; margin:30px auto 0 auto;}
.service_list dl{ width:96%; max-width:808px; padding:0 2%;}
.service_list dl dt{ float:none; margin:0 auto;}
.service_list dl dd{ width:100%; margin-top:20px;}
.shsaf{background-color:#f0f2f4; text-align:center; position:relative; width:100%;margin:0 auto; margin-bottom:50px; }
.pcbj{ max-width:639px; width: auto; height:auto; margin:0 auto; padding:4.5% 3.4% 30%;
background:url(http://www.guifeng.net/images/pc_bj.png) no-repeat ;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size: 100% auto;}
.shoujbj{background:url(http://www.guifeng.net/images/mo_bj.png) no-repeat; width:124px; height:254px; padding-top:30px; position:relative; display:block; left:0;}
.ipdbj{background:url(http://www.guifeng.net/images/ipd_bj.png) no-repeat; width:221px; height:321px; padding-top:27px; position:relative; display:block; right:0}
#min-banner .slick-prev,#min-banner .slick-next{ width:52px; height:54px;top:70%; }
}
@media(max-width:900px){
.con_bottom dl{ display:inline-block; *display:inline; *zoom:1; float:none; margin-left:auto;}
.about_nr dl{ width:auto; padding:0 20px;}
.about_nr dl dt{ width:100%;}
.about_nr dl dd{ width:100%;}
}
@media(max-width:800px){
.right_nav{ display:none;}
.photo_list_n{ width:107.5%;}
.photo_list_n dl{ width:43%;}
.photo2_list_n{ width:107.5%;}
.photo2_list_n dl{ width:43%;}
}
@media(max-width:690px){
.nav_ri{ display:none;}
.case_list .case_list_n{ width:100%;}
.case_list .case_list_n dl{ width:100%; margin-right:0%;}
.about_list_three dl{ width:96%; padding:0 2%; cursor:pointer;}
.about_list_bt p{ font-size:24px;padding-left: 10px; padding-right: 10px;}
.about_list_bt span{ font-size:34px;padding-left: 10px; padding-right: 10px;}
.customer_list ul li{ width:33.33%;}
.about_list_three dd div{display:none;}
.news_left{ width:100%;}
.news_right{ width:100%}
.web_list dl:first-child,.web_list dl { float: none; margin-left:auto; margin-right: auto; display: block;}
.bt_all span{ font-size:26px;}
.bt_all i{ font-size:22px;}
.news_fy a{ width:94%; height:40px; line-height:40px;}
.news_fy a i{ width:40px; height:40px;}
.news_fy a.fl{ width:94%; text-align:left;}
.news_fy a.fl span{ float:right;}
.news_fy a.fl i{ float:left; margin:0 10px 0 0;}
.news_fy a.fr{ margin-top:10px;}
.software{ background:none;}
.software dl{ width:96%; max-width:520px; padding:0 2%; margin:50px auto 0 auto;}
.software dl dt{ width:100%;}
.software dl dd{ width:100%; margin-top:10px;}
.software dl i{ display:none}
.software dl.sof_a dd{ text-align:left;}
.about_nr dl dd{ text-align:center;}
.about_nr dl dd a{ width:166px; float:none; display:inline-block; *display:inline; *zoom:1; margin-bottom:5px;}
/****新增***/
.contact_l{display:none;}
.contact_r{display:none;}
.index-contact .contact_list{ margin-left:0px;}
.index-contact .contact_list{ width:100%; height:680px; position:absolute; left:0; top:47px; margin-left:0px; z-index:2;}
.con_lbtn{left:10px; z-index:9999}
.con_rbtn{right:20px;z-index:9999}
.about_fl{left:0px;z-index:9999}
.about_fr{right:0px;z-index:9999}
.about_bfl{left:0px;z-index:9999}
.about_bfr{right:0px;z-index:9999}
.con_l{ width:100%; clear:both; float:none; overflow:hidden; text-align:center}
.con_l .ewms{ width:226px; text-align:center; margin:0 auto; clear:both; float:none;}
.con_r{ width:90%; clear:both; float:none;margin:0 auto;}
.messageb{padding:0px 10px;}
.messa_04 input{margin-bottom:20px;}
.messa_04 input[type='file']{ width:102px; height:32px; position:absolute; left:0; top:0; opacity:0;filter:alpha(opacity=0); cursor:pointer;}
.con_fs{padding:0px 10px;}
.messages{ width:95%}
.wenti{padding:0px 10px;}
}
@media(max-width:600px){
.photo_list_n{ width:100%;}
.photo_list_n dl{ width:96%; margin:30px 0 10px 2%}
.photo2_list_n{ width:100%;}
.photo2_list_n dl{ width:96%; margin:30px 0 10px 2%}
.service_list dl .dd_a{ width:100%;}
.service_list dl .dd_b{ width:100%;}
.ym_n input[type='text']{ width:130px;}
.ser_left{left:0px;}
.ser_right{right:0px;}
.web_list dl i{ background:none; }
.news_list_ny dd{ margin-top:20px;padding-right: 2.5%;width: 95%;}
.banner_all { display: none;}
.bannernone { display: block; height: 50px;}
}
@media(max-width:500px)
{
.bannernone { display: block; height: 90px;}
.customer_list ul li{ width:50%;}
.bannernone { display: block; height: 90px;}
.header_tell{ display:block;font-size:12px;}
.header_tell div{display:none;}
.header_tell span,.header_tell i {font-size:18px}
.zhif dl dd{ font-size:10px;width: 180px;}
.index-service{ margin-top:-50px; overflow:hidden;}
}
.InLeft{
animation:InLeft .5s 0s ease both;
-webkit-animation:InLeft .5s 0s ease both;
-moz-animation:InLeft .5s 0s ease both;
}
@keyframes InLeft{
0%{ opacity:0; transform:translateX(50px)}
100%{ opacity:1; transform:translateX(0)}
}
@-webkit-keyframes InLeft{
0%{opacity:0;-webkit-transform:translateX(50px)}
100%{ opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes InLeft{
0%{opacity:0;-moz-transform:translateX(50px)}
100%{ opacity:1;-moz-transform:translateX(0)}
}
.fadeInTop{
animation:fadeInDownBig 1s .2s ease both;
-webkit-animation:fadeInDownBig 1s .2s ease both;
-moz-animation:fadeInDownBig 1s .2s ease both;
}
@keyframes fadeInDownBig{
0%{opacity:0;transform:translateX(-1000px)}
70%{transform:translateX(0px)}
90%{transform:translateX(-20px)}
100%{opacity:1;transform:translatex(0)}
}
@-webkit-keyframes fadeInDownBig{
0%{opacity:0;-webkit-transform:translateX(-500px)}
70%{-webkit-transform:translateX(0px)}
90%{-webkit-transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translatex(0)}
}
@-moz-keyframes fadeInDownBig{
0%{opacity:0;-moz-transform:translatex(-500px)}
70%{-moz-transform:translateX(0px)}
90%{-moz-transform:translateX(-20px)}
100%{opacity:1;-moz-transform:translatex(0)}
}
.hengfu{
width:100%; height:100%; position:fixed; left:0; top:0; background:#fff;z-index:999999;
animation:hengfu 3s 0s ease both;
-webkit-animation:hengfu 3s 0s ease both;
-moz-animation:hengfu 3s 0s ease both;
}
@keyframes hengfu{
0%{opacity:1;}
80%{opacity:1;}
99%{opacity:0;transform:translateX(0%);}
100%{transform:translateX(100%);}
}
@-webkit-keyframes hengfu{
0%{opacity:1;}
80%{opacity:1;}
99%{opacity:0;-webkit-transform:translateX(0%);}
100%{-webkit-transform:translateX(100%);}
}
@-moz-keyframes hengfu{
0%{opacity:1;}
80%{opacity:1;}
99%{opacity:0;-moz-transform:translateX(0%);}
100%{-moz-transform:translateX(100%);}
}
.fadehei{
width:100%; height:100%; position:fixed; left:0; top:0; background:url(http://www.guifeng.net/images/qp_ico.jpg) no-repeat left center; z-index:99999999;
background-size:100% 1px;
animation:fadehei 3s 0s ease both;
-webkit-animation:fadehei 3s 0s ease both;
-moz-animation:fadehei 3s 0s ease both;
}
@keyframes fadehei{
0%{opacity:1;transform:translateX(-100%)}
50%{opacity:1;transform:translateX(0%);background-size:100% 1px;}
90%{opacity:1;}
99%{opacity:0;transform:translateX(0%);background-size:100% 100%;}
100%{transform:translateX(100%);}
}
@-webkit-keyframes fadehei{
0%{opacity:1;-webkit-transform:translateX(-100%)}
50%{opacity:1;-webkit-transform:translateX(0%);background-size:100% 1px}
90%{opacity:1;}
99%{opacity:0;-webkit-transform:translateX(0%);background-size:100% 100%}
100%{-webkit-transform:translateX(100%);}
}
@-moz-keyframes fadehei{
0%{opacity:1;-moz-transform:translateX(-100%)}
50%{opacity:1;-moz-transform:translateX(0%);background-size:100% 1px}
90%{opacity:1;}
99%{opacity:0;-moz-transform:translateX(0%);background-size:100% 100%}
100%{-moz-transform:translateX(100%);}
}
.slick-active .fadeInToRighata{
animation:fadeInToRighata 1s .2s ease both;
-webkit-animation:fadeInToRighata 1s .2s ease both;
-moz-animation:fadeInToRighata 1s .2s ease both;
}
@keyframes fadeInToRighata{
0%{opacity:0; transform:translateX(2000px)}
100%{opacity:1; transform:translateX(0)}
}
@-webkit-keyframes fadeInToRighata{
0%{opacity:0;-webkit-transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInToRighata{
0%{opacity:0;-moz-transform:translateX(2000px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
.slick-active .fadeInToRighatb{
animation:fadeInToRighatb 1s .5s ease both;
-webkit-animation:fadeInToRighatb 1s .5s ease both;
-moz-animation:fadeInToRighatb 1s .5s ease both;
}
@keyframes fadeInToRighatb{
0%{opacity:0; transform:translateX(2000px)}
100%{opacity:1; transform:translateX(0)}
}
@-webkit-keyframes fadeInToRighatb{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInToRighatb{
0%{opacity:0;
-moz-transform:translateX(2000px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.slick-active .fadeInToLeftat{
animation:fadeInToLeftat 1s .2s ease both;
-webkit-animation:fadeInToLeftat 1s .2s ease both;
-moz-animation:fadeInToLeftat 1s .2s ease both;
}
@keyframes fadeInToLeftat{
0%{opacity:0; transform:translateX(-2000px)}
100%{opacity:1; transform:translateX(0)}
}
@-webkit-keyframes fadeInToLeftat{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInToLeftat{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.slick-active .fadeInTo{
animation:fadeInTo 1s .2s ease both;
-webkit-animation:fadeInTo 1s .2s ease both;
-moz-animation:fadeInTo 1s .2s ease both;
}
@keyframes fadeInTo{
0%{opacity:0; transform:translateY(-300px)}
100%{opacity:1; transform:translateY(0)}
}
@-webkit-keyframes fadeInTo{
0%{opacity:0;
-webkit-transform:translateY(-300px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInTo{
0%{opacity:0;
-moz-transform:translateY(-300px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
/*czt*/
#min-banner{ display:block}
.min-banner-carousel img {width: 100%;height: 100%;display: block;float: left;}
.min-banner-prev,.min-banner-next{position: absolute; width: 47px; height: 20%; top:0; margin-top: 15%; display:block;z-index: 9999; text-indent: -9999px;}
.min-banner-prev{ left:0; background:url(http://www.guifeng.net/images/banner_l.png) no-repeat 0 center; cursor:pointer;}
.min-banner-next{ right:0; background:url(http://www.guifeng.net/images/banner_r.png) no-repeat 0 center; cursor:pointer;}
.min-banner-prev:hover{ background:url(http://www.guifeng.net/images/banner_ls.png) no-repeat 0 center;}
.min-banner-next:hover{ background:url(http://www.guifeng.net/images/banner_rs.png) no-repeat 0 center;}
.customer_list ul li{ *width:19.5%;;}
.about_list_three a{ width:29%; float:left; padding:0 2%; display:block;}
/*cztend*/