/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保存所有权力


。
 * 网站地点: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 若是商业用途务必到官方购置正版授权, 以免引起不须要的执法纠纷.
 * ============================================================================
 */
@charset "utf-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,select,p,th,td{margin:0;padding:0}
body,td,th{color:#444;font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;font-size:14px}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
li,dt,dd{list-style:none}
a{color:inherit;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out}
a:hover{color:inherit;text-decoration:none}
img{border:0;vertical-align:middle}
.clear{clear:both}
.hide{display:none}
.f-fl,.fl{float:left !important}
.f-fr,.fr{float:right !important}
.c_mp{padding:0 !important;margin:0 !important}
body{background:#ffffff}
.header{height:80px;width:100%;min-width:1200px;border-bottom:1px solid rgba(255,255,255,0.30);z-index:99999;overflow:hidden;position:fixed;left:0;top:0}
.header .header_Panel{height:80px;width:90%;margin:0 auto}
.header .header_Panel .logo{margin-top:25px;width:176px;height:33px;background:url(/public/template/pc/skin/img/logo.png) 0 0 no-repeat;display:inline-block;float:left;text-indent:-10000px}
.header .header_Panel a.logo:before{content:"";position:absolute;width:80px;height:350px;top:0;left:0px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)}
.header .header_Panel a.logo:hover::before{-webkit-transition:left 2s;-moz-transition:left 2s;transition:left 2s;left:500px}
.header .header_Panel .tel{margin-top:28px;height:24px;line-height:24px;font-size:24px;color:#ffffff;padding-left:24px;background:url(/public/template/pc/skin/img/telw.png) left center no-repeat;display:inline-block;font-family:Arial;float:right}
.header .header_Panel .nav{height:70px;line-height:60px;float:right;margin-right:10%;overflow:hidden}
.header .nav li{height:70px;text-align:center;margin-left:10px;float:left}
.header .nav li a{height:60px;padding:10px 8px 0;color:#fff;font-size:16px;display:inline-block;background:url(/public/template/pc/skin/img/nav_bg.png) 0 -70px no-repeat;font-family:"微软雅黑"}
.header .nav li a:hover,.header_hover .nav li a.hover{color:#ffffff;background:url(/public/template/pc/skin/img/nav_bg.png) 0 0 no-repeat}
.header .nav li:nth-of-type(1){margin-left:0 !important}
.header_hover{height:80px;width:100%;min-width:1200px;background:#ffffff;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2);box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;overflow:hidden;position:fixed;left:0;top:0}
.header_hover .header_Panel{height:80px;width:90%;margin:0 auto}
.header_hover .header_Panel .logo{margin-top:25px;width:176px;height:33px;background:url(/public/template/pc/skin/img/logow.png) 0 0 no-repeat;display:inline-block;float:left;text-indent:-10000px}
.header_hover .header_Panel a.logo:before{content:"";position:absolute;width:80px;height:350px;top:0;left:0px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)}
.header_hover .header_Panel a.logo:hover::before{-webkit-transition:left 2s;-moz-transition:left 2s;transition:left 2s;left:500px}
.header_hover .header_Panel .tel{margin-top:28px;height:24px;line-height:24px;font-size:24px;color:#6bc22b;padding-left:24px;background:url(/public/template/pc/skin/img/tel.png) left center no-repeat;display:inline-block;font-family:Arial;float:right}
.header_hover .header_Panel .nav{height:70px;line-height:60px;float:right;margin-right:10%;overflow:hidden}
.header_hover .nav li{height:70px;text-align:center;margin-left:10px;float:left}
.header_hover .nav li a{height:60px;padding:10px 8px 0;color:#333333;font-size:16px;display:inline-block;background:url(/public/template/pc/skin/img/nav_bg.jpg) 0 -70px no-repeat;font-family:"微软雅黑"}
.header_hover .nav li a:hover,.header_hover .nav li a.hover{color:#ffffff;background:url(/public/template/pc/skin/img/nav_bg.jpg) 0 0 no-repeat}
.header_hover .nav li:nth-of-type(1){margin-left:0 !important}
.banner{height:700px;width:100%;min-width:1200px;overflow:hidden;z-index:auto;margin:0 auto}
.banner .m_mn{position:relative;height:700px}
.subbanner{height:320px;width:100%;min-width:1200px;overflow:hidden;z-index:1;margin:100px auto 0 auto}
.subbanner .subnav{height:54px;margin:266px auto 0 auto;width:1200px;overflow:hidden;text-align:center}
.subnav a{width:140px;line-height:44px;height:44px;display:inline-block;background:rgba(0,0,0,0.4);margin:10px 0 0 1px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;overflow:hidden;font-size:16px;color:#ffffff;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out}
.subnav a:hover,.subnav a.hover{margin:0 0 0 1px;height:54px;line-height:54px;background:#3fac81}
.swiper-container{width:100%;height:100%}
.swiper-banner .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-repeat:no-repeat;background-position:center center;position:relative;overflow:hidden}
.swiper-banner .swiper-slide a{display:block;height:100%;width:100%}
.swiper-banner .swiper-slide .ads_left div,.swiper-banner .swiper-slide .ads_right div{position:absolute}
.swiper-banner .swiper-slide .ads_left div img,.swiper-banner .swiper-slide .ads_right div img{max-height:100%}
.swiper-banner .swiper-slide .ads_left div:nth-child(1){left:165px;top:210px}
.swiper-banner .swiper-slide .ads_left div:nth-child(2){left:-650px;top:-320px}
.swiper-banner .swiper-slide .ads_left div:nth-child(2) img{-moz-animation:rotate 20s infinite linear;-webkit-animation:rotate 20s infinite linear;animation:rotate 20s infinite linear}
.swiper-banner .swiper-slide .ads_left div:nth-child(3){left:0px;top:250px}
.swiper-banner .swiper-slide .ads_left div:nth-child(4){left:145px;top:210px}
.swiper-banner .swiper-slide .ads_left div:nth-child(5){left:0px;top:355px}
.swiper-banner .swiper-slide .ads_left div:nth-child(6){left:0px;top:510px}
.swiper-banner .swiper-slide .ads_left div:nth-child(7){left:148px;top:510px}
.swiper-banner .swiper-slide .ads_left div:nth-child(8){left:295px;top:510px}
.swiper-banner .swiper-slide .ads_left div:nth-child(9){left:170px;top:375px}
.swiper-banner .swiper-slide .ads_right div:nth-child(1){left:880px;top:130px}
.swiper-banner .swiper-slide .ads_right div:nth-child(2){left:790px;top:280px}
.swiper-banner .swiper-slide .ads_right div:nth-child(3){left:865px;top:430px}
.swiper-banner .swiper-slide .ads_right div:nth-child(4){left:740px;top:555px}
@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@keyframes rotate{0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.banner .tt .f-btn{width:198px;height:45px;line-height:45px;margin:25px 0;font-size:21px;color:#fff;border-radius:35px;border:solid #fff 1px;text-align:center;-webkit-transition:all .5s;transition:all .5s;border-color:#f3f3f3;position:relative;overflow:hidden}
.banner .tt .f-btn:before{content:"";background:rgba(0,0,0,0.1);-webkit-transform:skew(45deg,0);transform:skew(45deg,0);width:0;height:100%;position:absolute;top:0px;left:-30px;z-index:-1;-webkit-transition:all .5s;transition:all .5s}
.banner .tt .f-btn:hover:before{width:150%}
.banner .tt img{margin-bottom:15px}
.banner .a_ds1{color:#ffffff;font-size:18px;text-align:left}
.banner .a_ds1 .tt{left:30px;top:190px;line-height:36px;position:absolute}
.banner .a_ds2{color:#ffffff;font-size:18px;text-align:left}
.banner .a_ds2 .tt{left:30px;top:190px;line-height:36px;position:absolute}
.banner .a_ds3{color:#ffffff;font-size:18px;text-align:left}
.banner .a_ds3 .tt{line-height:50px;padding-top:100px;text-align:center}
.banner .a_ds3 .tt .f-btn{width:198px;height:45px;line-height:45px;margin:25px auto;font-size:21px;color:#fff;border-radius:35px;border:solid #fff 1px;text-align:center}
.home_main{width:100%;min-width:1200px;background:#ffffff;margin:10px auto 0 auto;position:relative;z-index:2}
.home_container{width:1200px;margin:0 auto}
.home_container .h_h1{text-align:center;font-size:40px;line-height:30px;color:#000000;padding-bottom:10px;margin:80px 0 0 0}
.home_container .h_h1.on{background:url(/public/template/pc/skin/img/s15.png) center bottom no-repeat}
.home_container .h_h1 span{font-family:Arial;font-size:30px;line-height:30px;color:#999999;text-transform:uppercase}
.home_container .h_h2{text-align:center;font-size:16px;line-height:30px;color:#666666;margin:10px 0 25px 0;overflow:hidden}
.home_container .h_h3{text-align:center;display:block;font-size:40px;color:#000;margin:50px 0 0 0}
.notice_panel{height:60px;width:100%;min-width:1200px;border-bottom:1px #eeeeee solid}
.notice_panel .notice{padding:20px 0;height:20px;overflow:hidden}
.notice_panel .notice .swiper-notice{position:relative;height:20px;width:100%;overflow:hidden}
.notice_panel .notice .swiper-notice .swiper-slide{font-size:14px;justify-content:flex-start;margin-left:55px}
.notice_panel .notice .swiper-notice .swiper-slide a{width:auto;margin:0;display:inline-block}
.notice .notice_title{width:46px;height:20px;line-height:20px;font-size:12px;color:#ffffff;text-indent:8px;float:left;background:url(/public/template/pc/skin/img/notice_bg.png) 0 0 no-repeat}
.notice .notice_ul{width:100%;margin-left:8px;float:left;height:20px;line-height:20px;font-size:14px;color:#999999}
.notice .notice_ul span{margin-right:8px}
.service_ul{margin:0 auto 50px auto;padding:10px 5px 30px 5px;overflow:hidden}
.service_ul ul li{width:23.5%;float:left;margin-top:30px;margin-right:1%\0;-webkit-transition:all .5s ease;transition:all .5s ease;border:#e9eaed 1px solid;margin-left:1%}
.service_ul ul li:hover{box-shadow:2px 2px 10px #ccc;-webkit-box-shadow:2px 2px 10px #ccc;-moz-box-shadow:2px 2px 10px #ccc;-moz-ms-shadow:2px 2px 10px #ccc;-moz-o-shadow:2px 2px 10px #ccc;-webkit-transform:translate3d(0,-10px,0)}
.service_ul ul li:nth-child(1):hover{border-top:2px solid #ffb93f}
.service_ul ul li:nth-child(2):hover{border-top:2px solid #58e5ee}
.service_ul ul li:nth-child(3):hover{border-top:2px solid #ff7a40}
.service_ul ul li:nth-child(4):hover{border-top:2px solid #3fdab0}
.service_ul ul li .item{text-align:center;padding:10% 17%}
.service_ul ul li .co{width:180px;height:120px;margin-top:60px;display:block;background-repeat:no-repeat;-webkit-transition:all 1.5s ease;transition:all 1.5s ease}
.service_ul ul li:hover .co{background-position:-180px 0px}
.service_ul ul li h2{font-size:22px;color:#3a405b;margin:25px 0px}
.service_ul ul li span{font-size:14px;color:#666;display:block;margin-bottom:20px}
.youxian{background:none !important;height:1030px !important}
.case_panel{background:#f4f7f9 url(../img/h_solution_bj.png) no-repeat bottom;height:1320px;width:100%;min-width:1200px;overflow:hidden;position:relative}
.icase_panel{background:#fff url(../img/h_solution_bj.png) no-repeat bottom;height:1460px;width:100%;min-width:1200px;overflow:hidden;position:relative}
.case_panel .bg_img,.solution_panel .bg_img{position:absolute;z-index:0}
.case_panel .p_absolute,.solution_panel .p_absolute{z-index:100 !important;width:100%;min-width:1200px;position:absolute;top:0}
.case_panel .case_nav{height:50px;width:1200px;margin:0 auto 20px auto;padding-top:20px;background:url(/public/template/pc/skin/img/case_navline.png) center 53px no-repeat;font-size:16px;color:#666666;text-align:center;overflow:hidden}
.case_nav a{color:#666666;padding:0 25px;display:inline-block}
.case_nav a:hover,.case_nav a.hover{color:#2c88d8}
.case_nav a em{background-color:#cccccc;height:4px;width:4px;display:inline-block;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out}
.case_nav a:hover em{background-color:#2c88d8;height:4px;width:4px}
.case_nav a.hover:hover em,.case_nav a.hover em{background-color:#2c88d8;height:6px;width:6px}
.case_panel .swiper-case-ul{width:1200px;margin:0 auto;overflow:hidden}
.wul105{width:105%}
.plat-product-list ul li{float:left;width:285px;margin:0px 20px 20px 0px;background:#fff}
.hui{background:#f8f8f8 !important}
.hui .share{border-top:1px solid #f1f0ee !important}
.plat-product-list ul li .h-img{position:relative;overflow:hidden}
.plat-product-list ul li .h-img .dask{width:100%;height:100%;position:absolute;top:0px;left:0px;background:rgba(0,0,0,.7);opacity:0;filter:alpha(opacity=0);z-index:9}
.plat-product-list ul li .h-img .dask a{position:absolute;top:45%;display:block;width:95px;height:35px;line-height:35px;text-align:center;background:#ffc000;color:#fff;font-size:14px;border-radius:5px;z-index:99}
.plat-product-list ul li .h-img .dask a.details{left:-50px}
.plat-product-list ul li .h-img .dask a.yulan{right:-50px;background:#0f91dd}
.plat-product-list ul li .title{padding:20px}
.plat-product-list ul li .share{padding:13px 20px}
.plat-product-list ul li .title h5 a{font-size:16px;color:#333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 45px;}
.plat-product-list ul li .title p{height:25px;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.plat-product-list ul li .share{height:23px;line-height:23px;border-top:1px solid #f5f5f5}
.plat-product-list ul li .share em.uz-chakan{font-size:19px}
.plat-product-list ul li .share .collection{margin-left:10px;cursor:pointer;position:relative}
.plat-product-list ul li .share .collection em{vertical-align:middle;font-size:14px}
.plat-product-list ul li .share .collection b{font-weight:normal}
.plat-product-list ul li .share .collection #add-num{display:none}
.plat-product-list ul li .share .collection #add-num.add-animation{color:#EB4F38;position:absolute;top:-15px;left:10px;font-size:15px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;animation:mypraise 0.5s ;-moz-animation:mypraise 0.5s ;-webkit-animation:mypraise 0.5s ;-o-animation:mypraise 0.5s ;font-style:normal}
@keyframes mypraise{0%{top:-15px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0}
    25%{top:-20px;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5}
    50%{top:-25px;opacity:1;filter:alpha(opacity=100);-moz-opacity:1}
    75%{top:-30px;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5}
    100%{top:-35px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0}
}
@-moz-keyframes mypraise{0%{top:-15px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0}
    25%{top:-20px;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5}
    50%{top:-25px;opacity:1;filter:alpha(opacity=100);-moz-opacity:1}
    75%{top:-30px;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5}
    100%{top:-35px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0}
}
.plat-product-list ul li .share .num-view{font-weight:normal}
.plat-product-list ul li .share em{font-weight:normal;width:22px;height:20px;float:left}
.plat-product-list ul li .share em.chakan{background:url(/public/template/pc/skin/img/view.png) no-repeat 0 0}
.plat-product-list ul li .share em.aixin{background:url(/public/template/pc/skin/img/aixin.png) no-repeat center}
.plat-product-list ul li .share span{font-size:14px;color:#bbb8b8}
.plat-product-list ul li .share .xing{display:block;width:90px;height:13px;margin-top:5px;background:url(/public/template/pc/skin/img/xing.png) no-repeat 0 0}
.plat-product-list ul li .share .xing.xing-2{background-position:0 -21px}
.plat-product-list ul li .share .xing.xing-3{background-position:0 -43px}
.plat-product-list ul li .share .xing.xing-4{background-position:0 -64px}
.plat-product-list ul li .share .xing.xing-5{background-position:0 -87px}
.plat-product-list ul li:hover{box-shadow:0 0 30px rgba(33,37,44,.5)}
.plat-product-list ul li:hover .h-img .dask{opacity:1;filter:alpha(opacity=100)}
.plat-product-list ul li:hover .h-img .dask a.details{left:12%}
.plat-product-list ul li:hover .h-img .dask a.yulan{right:12%}
.case_more{width:240px;height:46px;margin:60px auto 0 auto;text-align:center;display:block;line-height:46px;font-size:16px;color:#2c88d8;z-index:1000;background:url(/public/template/pc/skin/img/case_more.png) -240px 0 no-repeat}
.case_more:hover{background:url(/public/template/pc/skin/img/case_more.png) 0 0 no-repeat;color:#ffffff}
.shortcut-register{background:url(/public/template/pc/skin/img/home_bg2.jpg) no-repeat 50% 50%;height:240px}
.shortcut-register .home_container{position:relative}
.shortcut-register .home_container .text-wrap{position:absolute;top:94px;left:222px;color:#fff;text-align:center}
.shortcut-register .home_container .btn{position:absolute;top:100px;right:200px;width:190px;height:50px;background:#fff;border-radius:50px;color:#666;font-size:18px;text-align:center;line-height:50px}
.shortcut-register .home_container .text-wrap .title{font-size:26px}
.shortcut-register .home_container .text-wrap .desc{margin-top:15px;font-size:20px}
.news_panel{background:url(/public/template/pc/skin/img/news_bg.png) center bottom no-repeat;background-attachment:fixed;height:700px;width:100%;min-width:1200px;overflow:hidden}
.news_panel .news_nav{text-align:center;overflow:hidden}
.news_panel .news_nav a{width:160px;height:40px;line-height:40px;background:#666;color:#fff;font-size:16px;display:inline-block;margin-left:1px}
.news_panel .news_nav a:hover{background:#eeeeee;color:#666666}
.news_panel .news_nav a.hover{background:#207dc7;color:#ffffff}
.news_panel .news_nav a.hover:hover{background:#2c88d8;color:#ffffff}
.news_panel .news_container{margin-top:30px;overflow:hidden;width:1200px;height:380px}
.news_panel .news_container .news_left{float:left;overflow:hidden}
.news_panel .news_container .news_left .news-text{padding:10px;width:280px;height:360px;background-color:rgba(255,255,255,0.9);float:left;margin-right:10px}
.news_panel .news_container .news_left .news-text .g-img{width:100%;height:180px;overflow:hidden;text-align:center}
.news_panel .news_container .news_left .news-text .g-img img{max-width:100%;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out}
.news_panel .news_container .news_left .news-text .g-img img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.news_panel .news_container .news_left .news-text .m-text{padding:25px 15px 15px;font-size:14px}
.news_panel .news_container .news_left .news-text .m-text .g-tt{font-size:16px;color:#333333;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news_panel .news_container .news_left .news-text .m-text .g-tt a{color:#333333}
.news_panel .news_container .news_left .news-text .m-text .g-text{color:#888888;margin:15px 0;width:100%;height:60px;line-height:20px;overflow:hidden}
.news_panel .news_container .news_left .news-text .m-text .g-more{color:#666666;text-decoration:underline}
.news_panel .news_container .news_right{float:right;overflow:hidden;background-color:rgba(255,255,255,0.9);padding:20px 30px;width:520px;height:340px}
.news_panel .news_container .news_right .news_text{border-bottom:1px solid #E7E7E7;padding:15px 0;overflow:hidden}
.news_panel .news_container .news_right .news_text .time{width:80px;float:left;text-align:center;color:#999999;margin-right:20px;font-size:14px}
.news_panel .news_container .news_right .news_text .time .g-d{font-size:60px;line-height:50px;margin-bottom:8px}
.news_panel .news_container .news_right .news_text .m-text{float:left;width:420px}
.news_panel .news_container .news_right .news_text .m-text .g-tt{font-size:16px;margin-bottom:10px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news_panel .news_container .news_right .news_text .m-text .g-tt a{color:#333333}
.news_panel .news_container .news_right .news_text .m-text .g-text{color:#888888;height:40px;font-size:14px;line-height:20px;overflow:hidden}
.news_panel .news_container .news_right .news_list{padding-top:20px;padding-left:10px}
.news_panel .news_container .news_right .news_list li{background:url(/public/template/pc/skin/img/h_ico1.png) center left no-repeat;font-size:14px;width:100%;overflow:hidden;height:28px;line-height:28px;text-indent:1em}
.news_panel .news_container .news_right .news_list li a{color:#666666}
.news_panel .news_container .news_right .news_list li span{color:#999999}
.clients_panel{height:570px;width:100%;background:url(/public/template/pc/skin/img/h_clients_bj.jpg) no-repeat center;overflow:hidden;position:relative}
.clients_panel .home_container .h_h1,.clients_panel .home_container .h_h2{color:#000}
.clients_panel .home_container .h_h1 span{opacity:0.6;color:#000}
.clients_panel .clients_container{height:160px;width:100%;overflow:hidden;margin-top:80px}
.clients_panel .clients_left{float:left;overflow:hidden;height:160px}
.clients_panel .clients_left .m-text{height:160px;float:left;overflow:hidden;padding:0 38px;text-align:center;color:#000;font-size:16px}
.clients_panel .clients_left .m-text .number{width:100%;height:120px;line-height:120px;position:relative}
.clients_panel .clients_left .m-text .number .num_ico{font-size:16px;font-weight:bold;color:#000;position:absolute;top:0;right:-15px;height:50px;width:20px;line-height:35px}
.clients_panel .clients_left .m-text .number .num1,.clients_panel .clients_left .m-text .number .num2,.clients_panel .clients_left .m-text .number .num3{background:url(/public/template/pc/skin/img/num.png) top center repeat-y;width:52px;height:90px;margin-right:5px;margin-top:10px;display:inline-block}
.clients_panel .clients_right{height:160px;width:348px;float:right;position:relative}
.clients_panel .clients_right .swiper-clients{width:100%;height:100%;overflow:hidden}
.clients_panel .clients_right .swiper-slide{background:url(/public/template/pc/skin/img/h_clients_txtbj.png) no-repeat center bottom;position:relative}
.clients_panel .clients_right .swiper-slide .g-img{position:absolute;border-radius:50%;width:50px;height:50px;top:0;left:20px;border:3px solid #ffffff;overflow:hidden}
.clients_panel .clients_right .swiper-slide .g-text{padding:30px 30px 0 20px;height:130px;color:#000;line-height:24px;text-align:left;font-size:14px}
.clients_panel .clients_right .swiper-slide .g-text .tt{font-size:16px;text-indent:70px;margin-bottom:15px}
.clients_panel .clients_right .swiper-slide .g-text .text{height:48px;overflow:hidden}
#footer_alert{width:100%;height:58px;position:fixed;left:0;bottom:-100px;background:#e9e9e9;background:rgba(233,233,233,0.9);z-index:999}
#footer_alert .wrap{position:relative;height:100%}
#footer_alert .img{width:96px;height:66px;position:absolute;left:240px;bottom:7px}
#footer_alert .txt{font-size:24px;color:#535353;line-height:58px;margin-left:380px;float:left}
#footer_alert .txt span{font-family:"Arial";font-size:32px;color:#3eb3a0;margin:0 10px;vertical-align:bottom}
#footer_alert .btn{width:166px;height:38px;line-height:38px;font-size:16px;color:#fff;float:right;margin-right:200px;margin-top:11px;background:#0382db;display:inline-block;text-decoration:none;text-align:center;-moz-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;-webkit-border-radius:19px;border-radius:19px}
#footer_alert .topic{line-height:38px}
.h-link{background:#ffffff url(../img/h_link_bj.png) center top no-repeat;width:100%;height:230px}
.h-link .link_text{padding-top:100px}
.h-link .link_text .g-tt{width:120px;float:left;font-size:14px;color:#666666}
.h-link .link_text .g-text{float:left;width:1080px;overflow:hidden}
.h-link .link_text .g-text a{color:#666666;margin-bottom:5px;margin-right:10px;display:inline-block}
.m_mn{width:1200px;margin:0 auto}
.m_xn{width:1000px;margin:0 auto}
.m_ads{height:325px;width:100%;min-width:1200px;overflow:hidden;z-index:-1;position:fixed;top:0;left:0}
.m_ads.h_280{height:280px}
.m_ads.h_280 .text{padding-top:127px}
.m_ads.h_300{height:300px}
.m_ads.h_300 .text{padding-top:147px}
.m_ads.h_580{height:580px}
.m_ads.h_580 .text{padding-top:140px}
.m_ads .text{text-align:center;padding-top:170px}
.m_ads .text span{font-size:40px;color:#ffffff;margin:0 10px;text-transform:uppercase;-webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.5)}
.m_ads .text .xt{height:1px;width:145px;margin:15px auto 0;border-bottom:1px solid rgba(255,255,255,0.5)}
.m_main{width:100%;min-width:1200px;background:#f5f5f5;margin:330px auto 0 auto}
.m_main1{width:100%;min-width:1200px;margin:325px auto 0 auto;padding:20px 0 30px 0;background:#fff}
.m_main2{width:100%;min-width:1200px;height:520px;margin:250px auto 0 auto;background:url(/public/template/pc/skin/img/case_top_bj.png) repeat-x left center}
.m_main3{width:100%;min-width:1200px;background:#fff;overflow:hidden;position:relative}
.m_main4{width:100%;min-width:1200px;background:#f5f5f5;margin:280px auto 0 auto;position:relative}
.m_main5{width:100%;min-width:1200px;background:#ffffff;margin:0}
.m_main6,.m_main7{width:100%;min-width:1200px;color:#ffffff;margin:0}
.m_main8{width:100%;min-width:1200px;margin:325px auto 0 auto;padding:0 0 30px 0;background:#f4f7f9}
.m_main9{width:100%;min-width:1200px;margin:325px auto 0 auto;padding:0 0 0 0;background:#f4f7f9}
.m_subtopic{height:70px;width:100%;border-bottom:1px solid #E7E7E7;background-color:#ffffff}
.m_subtopic .subtopic_list{font-size:0;color:#666666;overflow:hidden;height:70px;text-align:center}
.m_subtopic .subtopic_list li{display:inline-block;height:70px;line-height:70px;padding:0 20px;background:url(/public/template/pc/skin/img/side_bjx.png) no-repeat right center;font-size:18px}
.m_subtopic .subtopic_list li:last-child{background:none}
.m_subtopic .subtopic_list li a{display:block;padding:0 20px;height:70px;border-bottom:2px solid #ffffff}
.m_subtopic .subtopic_list li a.on::before{width:100%}
.m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{color:#3784D2}
.m_subtopic .subtopic_list li a.hvr-underline-from-left:before{height:2px;background:#3784D2;-webkit-transition-duration:.5s;transition-duration:.5s}
.m_subtopic1{height:60px;width:100%;border-bottom:1px solid #E7E7E7;background-color:#ffffff}
.m_subtopic1 .subtopic_list{font-size:16px;color:#333333}
.m_subtopic1 .subtopic_list li{float:left;margin-right:40px;height:60px;line-height:60px}
.m_subtopic1 .subtopic_list li dl{max-height:60px;overflow:hidden;position:relative;z-index:111;transition:max-height 0.5s ease-in-out;-webkit-transition:max-height 0.5s ease-in-out}
.m_subtopic1 .subtopic_list li dl:hover{max-height:300px;background-color:#ffffff;color:#333333}
.m_subtopic1 .subtopic_list li dl dt{background:url(/public/template/pc/skin/img/blog_ico1.png) no-repeat 50px center;padding-right:20px;cursor:pointer}
.m_subtopic1 .subtopic_list li dl dd{height:40px;line-height:40px;padding:0 10px;background-color:#ffffff}
.m_crm{height:50px;line-height:50px;color:#888888;background:url(/public/template/pc/skin/img/news_ico2.png) no-repeat left 17px;text-indent:25px}
.m_crm1{height:50px;border-bottom:1px solid #E7E7E7;line-height:50px;color:#888888}
.m_crm1.on{background-color:#ffffff}
.m_crm1 .m_xn,.m_crm1 .m_mn{background:url(/public/template/pc/skin/img/news_ico2.png) no-repeat left 17px;text-indent:25px}
.m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover{color:#666666}
.share span{line-height:20px !important;float:left;margin-right:10px}
.n_mn .m_text .article_tt{color:#333333;font-size:24px;font-weight:bold;margin-bottom:18px;margin-top:-5px}
.n_mn .m_text .g_attr span{display:inline-block;margin-right:25px;color:#888888}
.n_mn .m_text .g_attr span.on a{display:inline-block;border:1px solid #cccccc;margin-right:5px;border-radius:5px;font-size:12px;width:18px;height:18px;line-height:18px;text-align:center}
.n_mn .m_text .g_attr span.on a:hover{background-color:#2c88d8;color:#ffffff;border:1px solid #2c88d8}
.n_mn .m_text .g_attr span a:hover{color:#2c88d8}
.n_mn .m_text .text{padding:30px 0 ;font-size:14px;color:#666666;line-height:28px;overflow:hidden}
.n_mn .m_text .text img{max-width:100%}
.n_mn .m_aside{padding:25px 0 30px;line-height:26px;overflow:hidden;border-top:1px dotted #C7C7C7;color:#888888}
.n_about{padding:60px 0 0;background-color:#ffffff}
.n_about .m_tt{text-align:center}
.n_about .about .g_text{color:#666666;line-height:28px;width:1000px;margin:15px auto 80px}
.n_about .team{background:#f6f6f6 url(../img/about_img1.png) no-repeat center top;height:520px;width:100%}
.n_about .team .g_text{padding-top:160px;padding-left:20px;color:#ffffff;line-height:28px;width:540px}
.n_about .team .g_text .g_tt{margin-bottom:35px}
.n_about .culture{background-color:#f6f6f6;height:485px;padding-top:85px;width:100%}
.n_about .culture .culture_list{overflow:hidden;width:1200px;margin:60px auto 0;font-size:0}
.n_about .culture .culture_list li{display:inline-block;width:270px;margin-right:40px;text-align:center}
.n_about .culture .culture_list li:nth-child(4n){margin-right:0}
.n_about .culture .culture_list li .g-img{width:185px;height:185px;line-height:185px;text-align:center;margin:0 auto;border:1px dashed #B9BABA;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.n_about .culture .culture_list li .g-img img{width:170px;height:170px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.n_about .culture .culture_list li .text .tt{color:#333333;font-size:20px;margin:30px 0 5px}
.n_about .culture .culture_list li .text .info{color:#666666;font-size:14px;line-height:28px}
.n_about .design{padding-top:90px;height:560px}
.n_about .design .g-text{padding-left:20px;width:550px;overflow:hidden}
.n_about .design .g-text .tt{color:#f29e1c;font-size:36px;font-weight:bold;margin:80px 0 15px}
.n_about .design .g-text .info{color:#cccccc;font-size:16px;margin-bottom:45px;line-height:20px;text-transform:uppercase}
.n_about .design .g-text .txt{color:#666666;line-height:28px}
.n_about .fz{background-color:#f6f6f6;height:475px;padding-top:85px;width:100%}
.n_about .fz .g-img{margin-top:75px;text-align:center}
.n_about .service{padding:80px 0 20px}
.n_about .service .g-img{text-align:center;margin-top:65px}
.n_about .service .list{font-size:0;position:relative;margin-top:-113px}
.n_about .service .list li{width:395px;display:inline-block;height:340px;font-size:14px;color:#cccccc;text-align:center;text-transform:uppercase}
.n_about .service .list li div{height:240px;width:100%;background:url(/public/template/pc/skin/img/about_ico1.png) no-repeat }
.n_about .service .list li .tt{color:#666666;font-size:22px;margin-bottom:5px}
.n_about .service .list li div.ico1{background-position:158px 140px}
.n_about .service .list li div.ico2{background-position:-220px 140px}
.n_about .service .list li div.ico3{background-position:-604px 140px}
.n_contact{padding:60px 0}
.n_contact .s_side{height:52px;text-align:center}
.n_contact .s_side a{display:inline-block;height:50px;font-size:16px;line-height:50px;color:#666666;width:200px;border:1px solid #dedede;background-color:#ffffff;border-radius:30px;margin:0 10px}
.n_contact .s_side .hvr-bounce-to-right:before{border-radius:30px;background:#2c88d8;border-color:#2c88d8}
.n_contact .s_side a:hover{color:#ffffff}
.n_contact .s_side a.on{background:#2c88d8;color:#ffffff}
.n_contact .s_side a.on:before{background:none}
.n_contact .g_content .allmap{margin-bottom:40px;padding:10px;background-color:#ffffff;position:relative;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2);box-shadow:0px 0px 20px rgba(127,128,130,0.2);height:500px}
.n_contact .g_content .allmap .text{position:absolute;background-color:rgba(255,255,255,0.9);padding:40px 30px;width:265px;top:90px;left:0;-moz-box-shadow:10px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:10px 0px 20px rgba(127,128,130,0.4);box-shadow:10px 0px 20px rgba(127,128,130,0.4)}
.n_contact .g_content .allmap .text .tt{color:#2c88d8;font-size:24px;background:url(/public/template/pc/skin/img/contact_ico1.png) no-repeat -5px -85px;padding-left:15px;height:35px;margin-bottom:20px}
.n_contact .g_content .allmap .text .dt,.n_contact .g_content .allmap .text .gj{color:#333333;font-size:18px;background:url(/public/template/pc/skin/img/contact_ico1.png) no-repeat left -181px;padding-left:30px;margin-bottom:10px}
.n_contact .g_content .allmap .text .gj{background:url(/public/template/pc/skin/img/contact_ico1.png) no-repeat left 1px}
.n_contact .g_content .allmap .text .xt{border-bottom:1px dashed #CACACA;width:100%;height:1px;margin:20px 0}
.n_contact .g_content .allmap .text .route{color:#666666;line-height:28px}
.n_contact .g_content .g-text{padding:60px 0;width:100%;height:205px}
.n_contact .g_content .g-text .left{width:599px;border-right:1px solid #DCDCDC;height:205px;float:left}
.n_contact .g_content .g-text .left .g-img{line-height:205px;height:205px;width:75px;margin-left:10px}
.n_contact .g_content .g-text .left .text{height:205px;color:#333333;width:500px}
.n_contact .g_content .g-text .left .text .tt{font-size:24px;margin-top:30px}
.n_contact .g_content .g-text .left .text .address{font-size:16px;margin-top:10px;padding-left:25px;background:url(/public/template/pc/skin/img/contact_ico2.png) no-repeat left -353px}
.n_contact .g_content .g-text .left .text .info{color:#666666;font-size:14px;margin-top:40px}
.n_contact .g_content .g-text .left .text .info span{display:inline-block;height:25px;padding-left:25px;background:url(/public/template/pc/skin/img/contact_ico2.png) no-repeat left -265px;margin-bottom:20px;width:170px}
.n_contact .g_content .g-text .left .text .info span:nth-child(2){background-position:left -86px}
.n_contact .g_content .g-text .left .text .info span:nth-child(3){background-position:left -176px}
.n_contact .g_content .g-text .left .text .info span:nth-child(4){background-position:left 5px}
.n_contact .g_content .g-text .right{width:540px;padding-left:60px;height:205px;float:left}
.n_contact .g_content .g-text .right .text{height:205px;float:left;width:380px}
.n_contact .g_content .g-text .right .text .tt{color:#888888;font-size:18px;margin-top:30px}
.n_contact .g_content .g-text .right .text .tel{color:#2c88d8;font-size:46px;font-weight:bold;margin-top:-5px;margin-bottom:20px}
.n_contact .g_content .g-text .right .text .info{color:#666666;margin-top:14px}
.n_contact .g_content .g-text .right .text .info span{display:inline-block;padding-left:25px;height:25px;width:140px;margin-bottom:20px;margin-right:15px;background:url(/public/template/pc/skin/img/contact_ico2.png) no-repeat left -445px}
.n_contact .g_content .g-text .right .g-img{float:right;height:205px;width:140px}
.n_contact .g_content .g-text .right .g-img .code{background-color:#ffffff;text-align:center;margin-top:25px;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.4);box-shadow:0px 0px 20px rgba(127,128,130,0.4)}
.n_contact .g_content .g-text .right .g-img .code p{padding:0 0 10px ;color:#666666}
.n_case{width:1200px;margin:0 auto;padding-bottom:15px}
.case_img_ico_l{position:absolute;top:0;left:0;z-index:1}
.case_img_ico_r{position:absolute;top:0;right:0;z-index:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.case_tab{height:400px;width:100%;overflow:hidden;margin-top:30px;position:relative}
.case_tab .case_panel{background:none}
.n_case .n_snav{width:100%;height:320px;background:#ffffff;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.1)}
.n_case .n_snav:hover{-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);box-shadow:0 0 30px rgba(0,0,0,0.2)}
.n_case .n_snav .list{color:#666666;overflow:hidden}
.n_case .n_snav .list table{border-collapse:collapse;border:1px solid #eee}
.n_case .n_snav .list table td{margin-left:8px;line-height:30px;padding:8px 0;border-bottom:1px dotted #eee;font-size:14px}
.n_case .n_snav .list table td.td_left{background:#f7f7f7;text-align:center;color:#000}
.n_case .n_snav .list table td a{margin-left:8px;display:inline-block;white-space:nowrap;padding:0 5px}
.n_case .n_snav .list table td a:hover,.n_case .n_snav .list table td span{margin-left:8px;display:inline-block;white-space:nowrap;background:#2c88d8;padding:0 5px;height:25px;line-height:25px;border-radius:2px;color:#fff !important}
.quanbu{margin-left:23px;margin-right:3px;padding:0 14px;display:inline-block;white-space:nowra}
.ajax_select_a a{width:60px;text-align:center}
.ajax_select_a a:hover{width:60px;text-align:center}
.ajax_select_a span{width:60px;text-align:center}
.n_case .n_snav .seek{height:40px;padding-top:20px;width:260px;margin-right:40px;float:right}
.n_case .n_snav .seek .box{width:260px;height:40px;line-height:40px;border-radius:20px;background-color:#f6f6f6}
.n_case .n_snav .seek .box input{outline:none;width:190px;border:none;height:30px;line-height:30px;padding:5px 0 5px 20px;background:none;color:#7d7d7d;float:left}
.n_case .n_snav .seek .box .on{width:40px;height:40px;border:none;background:url(/public/template/pc/skin/img/seek_ico.png) no-repeat center;cursor:pointer;float:left}
.n_case .case_list{padding:40px 0 35px}
.n_case .case_list .list{width:100%}
.n_case .case_list .list li{width:380px;height:310px;margin:0 30px 30px 0;float:left;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);box-shadow:0 0 30px rgba(0,0,0,0.2);position:relative;z-index:11}
.n_case .case_list .list li:nth-of-type(3n){margin-right:0px}
.n_case .case_list .list li .g-img{height:260px;width:380px;position:relative;overflow:hidden}
.n_case .case_list .list li .g-img img{-webkit-transition:transform 0.5s ease-out ;transition:transform 0.5s ease-out }
.n_case .case_list .list li .g-img .tt{padding:15px 20px;bottom:0;color:#ffffff;font-size:16px;position:absolute;text-shadow:2px 2px 2px #333}
.n_case .case_list .list li .g-img .text{opacity:0;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;padding:30px;height:200px;width:320px;-webkit-transition:opacity 0.5s ease-out ;transition:opacity 0.5s ease-out }
.n_case .case_list .list li .g-img .text .box{box-sizing:border-box;color:#ffffff;position:relative;height:200px;width:320px;padding:30px 35px 40px}
.n_case .case_list .list li .g-img .text .box::before,.n_case .case_list .list li .g-img .text .box::after{box-sizing:border-box;content:'';position:absolute;width:100%;height:100%}
.n_case .case_list .list li .g-img .text .box::before,.n_case .case_list .list li .g-img .text .box::after{border:1px solid transparent;width:0;height:0}
.n_case .case_list .list li .g-img .text .box::before{top:0;left:0}
.n_case .case_list .list li .g-img .text .box::after{bottom:0;right:0}
.n_case .case_list .list li .g-img:hover .text{opacity:1}
.n_case .case_list .list li .g-img:hover .tt{opacity:0}
.n_case .case_list .list li .g-img:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.n_case .case_list .list li .g-img .text:hover .box .more{opacity:1;-webkit-transition:opacity 0.2s ease-out 0.6s;transition:opacity 0.2s ease-out 0.6s}
.n_case .case_list .list li .g-img .text:hover .box::before,.n_case .case_list .list li .g-img .text:hover .box::after{width:100%;height:100%}
.n_case .case_list .list li .g-img .text:hover .box::before{border-top-color:#ffffff;border-right-color:#ffffff;-webkit-transition:width 0.25s ease-out,height 0.25s ease-out 0.25s;transition:width 0.25s ease-out,height 0.25s ease-out 0.25s}
.n_case .case_list .list li .g-img .text:hover .box::after{border-bottom-color:#ffffff;border-left-color:#ffffff;-webkit-transition:border-color 0s ease-out 0.5s,width 0.25s ease-out 0.5s,height 0.25s ease-out 0.75s;transition:border-color 0s ease-out 0.5s,width 0.25s ease-out 0.5s,height 0.25s ease-out 0.75s}
.n_case .case_list .list li .g-img .text .box .title{width:100%;height:24px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:normal;color:#ffffff;font-size:18px;font-weight:bold}
.n_case .case_list .list li .g-img .text .box .xt{width:40px;margin:10px auto;height:2px;background-color:#ffffff}
.n_case .case_list .list li .g-img .text .box .txt{color:#eeeeee;line-height:24px;text-align:justify;height:94px;overflow:hidden}
.n_case .case_list .list li .g-img .text .box .more{width:30px;height:30px;border-radius:50%;z-index:2;background:#ffffff url(../img/case_more1.png) no-repeat center;position:absolute;left:50%;margin-left:-15px;bottom:-14px;opacity:0}
.n_case .case_list .list li .info{height:50px;line-height:50px;background-color:#ffffff;padding-left:20px;color:#888888}
.n_case .case_list .list li .info .cate{width:240px}
.n_case .case_list .list li .info .switch{width:95px;height:30px;padding:10px 10px 0px 0px;text-align:right}
.n_case .case_list .list li .info .switch a{display:inline-block;width:28px;height:30px;margin-left:15px}
.n_case .case_list .list li .info .switch a.pc{background:url(/public/template/pc/skin/img/case_ico.png) no-repeat 4px center}
.n_case .case_list .list li .info .switch a.pc:hover{background:url(/public/template/pc/skin/img/case_ico1.png) no-repeat 4px center}
.n_case .case_list .list li .info .switch a.pchover{background:url(/public/template/pc/skin/img/case_ico1.png) no-repeat 4px center}
.n_case .case_list .list li .info .switch a.mobile{background:url(/public/template/pc/skin/img/case_ico.png) no-repeat -37px center}
.n_case .case_list .list li .info .switch a.mobile:hover{background:url(/public/template/pc/skin/img/case_ico1.png) no-repeat -37px center}
.n_case .case_list .list li .info .switch a.mobilehover{background:url(/public/template/pc/skin/img/case_ico1.png) no-repeat -37px center}
.n_case .case_list .pages{margin-top:20px}
.m_case{padding:60px 0}
.m_case .case_top{padding:20px;background-color:#ffffff;min-height:200px;overflow:hidden}
.m_case .case_top .g_img{width:292px;height:292px;overflow:hidden;float:left}
.m_case .case_top .g_info{float:right;width:848px;min-height:200px}
.m_case .case_top .g_info .g_tt{font-size:24px;color:#333333;font-weight:bold;line-height:22px;height:35px;margin-bottom:8px;width:100%;overflow:hidden}
.m_case .case_top .g_info .g_tt .link{font-size:14px;font-weight:normal;color:#2c88d8;text-align:center;width:118px;height:33px;line-height:33px;border:1px solid #3784D2;border-radius:5px;position:relative}
.m_case .case_top .g_info .g_tt .link a{display:block;background:url(/public/template/pc/skin/img/case_m_ico2.png) no-repeat 20px center;text-indent:17px}
.m_case .case_top .g_info .g_tt .link a:hover{background:#2c88d8 url(../img/case_m_ico3.png) no-repeat 20px center;color:#ffffff}
.m_case .case_top .g_info .tag{color:#333333;margin-bottom:18px}
.m_case .case_top .g_info .tag span{margin-right:10px}
.m_case .case_top .g_info .text{line-height:28px;color:#666666}
.m_case .case_top .g_info .text .tt{color:#333333}
.m_case .case_top .g_info .text .tt .xl{cursor:pointer;width:26px;height:16px;border:1px solid #E2E2E2;border-radius:3px;margin-top:6px;background:url(/public/template/pc/skin/img/case_m_xl.png) no-repeat center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.m_case .case_top .g_info .text .tt .xl.on{background:url(/public/template/pc/skin/img/case_m_xl1.png) no-repeat center}
.m_case .case_top .g_info .text .txt{position:relative;z-index:55;max-height:65px;width:848px;margin-left:-20px;padding:0 20px 20px;overflow:hidden;background-color:#ffffff;transition:max-height 0.5s ease-in-out;-webkit-transition:max-height 0.5s ease-in-out}
.m_case .case_top .g_info .text .txt.on{max-height:1000px}
.ckys{height:40px;line-height:38px;height:38px;overflow:hidden}
.ckys li{width:140px;list-style:none;float:left;margin-right:10px;border-radius:1px}
.ckys li a{width:85px;margin-left:40px;font-size:14px;display:block;color:#FFF;text-align:center}
.ckys li:hover{background-color:#ffcc32}
.ckys .photo{background:#ffc000 url(../img/cover-photo.png) 22px 10px no-repeat}
.ckys .url{background:#0f91dd url(../img/cover-url.png) 22px 10px no-repeat}
.ckys a:hover{color:#FFF !important}
.m_case .g_content{padding:20px 15px 40px 15px;height:100%;background:#fff;margin-top:10px}
.m_case .g_content .tt{background:url(/public/template/pc/skin/img/case_m_ico1.png) no-repeat 2px -97px;color:#333333;font-size:24px;text-indent:20px;margin-bottom:20px}
.m_case .g_content .tt .g_tab a,.m_case .g_content .tt .g_tab1 a{display:inline-block;background:url(/public/template/pc/skin/img/case_m_ico.png) no-repeat;height:24px;margin-left:20px}
.m_case .case_mobile{width:100%;height:900px;background:url(/public/template/pc/skin/img/case_mm_bj1.jpg) no-repeat center}
.m_case .case_mobile .swiper-mobile{width:320px;height:568px;overflow:hidden;border:1px solid #E2E2E2;margin:135px auto}
.m_case .case_mobile .swiper-mobile .swiper-slide img{width:320px !important;height:auto !important}
.m_case .case_mobile .swiper-button-white{background:url(/public/template/pc/skin/img/case_m_tab.png) no-repeat;width:80px;height:80px;top:45%}
.m_case .case_mobile .swiper-button-next{background-position:center bottom;right:150px}
.m_case .case_mobile .swiper-button-prev{background-position:center top;left:150px}
.m_case .g_latest{padding:60px 0 20px;height:306px;overflow:hidden;width:100%}
.m_case .swiper-latest{width:960px;height:306px;overflow:hidden;float:right}
.m_case .swiper-latest .swiper-slide{overflow:hidden}
.m_case .swiper-latest .swiper-slide div{color:#ffffff;position:absolute;padding:10px 15px;bottom:0;font-size:14px;width:100%;background:rgba(0,0,0,0.2);text-shadow:1px 1px 1px #333}
.m_case .g_latest .swiper-button{height:306px;width:220px;background:url(/public/template/pc/skin/img/case_latest_bj.png) no-repeat center;position:relative;float:left}
.m_case .g_latest .swiper-button .latest-next{background:url(/public/template/pc/skin/img/m_tab3.png) no-repeat center bottom;width:35px;height:35px;top:170px;right:30px;opacity:0.7;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out}
.m_case .g_latest .swiper-button .latest-prev{background:url(/public/template/pc/skin/img/m_tab3.png) no-repeat center top;width:35px;height:35px;top:140px;left:90px;opacity:0.7;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out}
.m_case .g_latest .swiper-button .latest-next:hover,.m_case .g_latest .swiper-button .latest-prev:hover{opacity:1}
.pagebar{height:45px;line-height:35px;margin:20px auto 0 auto;text-align:center}
.pagebar ul{display:inline-block;margin:0 auto}
.pagebar li{float:left;float:left;font-size:14px}
.pagebar a{padding:0 15px;line-height:40px;display:inline-block;margin-left:-1px;cursor:pointer;border:1px solid #ddd}
.pagebar li.thisclass,.mypages ul li.thisclass a,.mypages ul li.thisclass a:hover{color:#fff;background-color:#2c88d8}
.n_blog{overflow:hidden;position:relative;padding:40px 0}
.n_blog .g_content{width:840px;overflow:hidden}
.n_blog .g_top{height:314px;width:100%}
.n_blog .g_top a{color:#ffffff}
.n_blog .g_top .r_img{position:relative;width:560px;overflow:hidden}
.n_blog .g_top .r_img .txt{font-size:20px;line-height:32px;padding:0 20px 15px;position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.2);text-shadow:1px 1px 1px #333}
.n_blog .g_top .l_img{width:270px;overflow:hidden}
.n_blog .g_top .l_img .text{width:270px;height:152px;overflow:hidden;position:relative}
.n_blog .g_top .l_img .text img{max-width:270px;max-height:152px}
.n_blog .g_top .l_img .text .txt{font-size:16px;line-height:24px;padding:0 15px 10px;position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.2);text-shadow:1px 1px 1px #333}
.n_blog .g_top .l_img .nth{margin-top:10px}
.n_blog .g_list{padding:20px 0}
.n_blog .g_list .g_box{width:100%;padding:20px 0;border-bottom:1px dashed #E3E3E3;overflow:hidden}
.n_blog .g_list .g_box .g_img{width:270px;height:152px;line-height:152px;overflow:hidden}
.n_blog .g_list .g_box .g_img img{max-width:100%}
.n_blog .g_list .g_box .g_text{width:550px;overflow:hidden}
.n_blog .g_list .g_box .g_text .tt{color:#333333;font-size:18px;font-weight:bold;width:100%;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n_blog .g_list .g_box .g_text .g_aside{font-size:14px;color:#999999;line-height:24px;padding:11px 0;overflow:hidden}
.n_blog .g_list .g_box .g_text .g_mark{width:100%;overflow:hidden;color:#999999;font-family:Arial}
.n_blog .g_list .g_box .g_text .g_mark span{margin-right:40px}
.n_blog .g_list .g_box .g_text .g_mark span:last-child{margin-right:0}
.n_blog .g_list .g_box .g_text .g_mark span.time{padding-left:20px;background:url(/public/template/pc/skin/img/blog_ico.png) no-repeat left -117px}
.n_blog .g_list .g_box .g_text .g_mark span.mark{padding-left:20px;background:url(/public/template/pc/skin/img/blog_ico.png) no-repeat left -70px}
.n_blog .load_data{width:100%;height:50px;line-height:50px;background-color:#f6f6f6;text-align:center;cursor:pointer;font-size:18px;color:#999999}
.n_blog .load_data .ico{display:inline-block;width:120px;height:50px;background:url(/public/template/pc/skin/img/blog_ico.png) no-repeat left -145px}
.n_blog .n_mn .m_text{width:840px;overflow:hidden}
.n_blog .m_related{overflow:hidden}
.n_blog .m_related .g_tt{margin-top:25px;height:60px;line-height:60px;text-indent:1em;border-bottom:1px dashed #E3E3E3;border-top:2px solid #3784D2;font-size:16px;color:#333333}
.n_blog .m_related .g_tt strong{font-size:18px;color:#333333;margin-right:20px}
.n_blog .m_related .g_tt span,.n_blog .m_related .g_tt a{margin-right:20px}
.n_blog .m_related .g_list{width:100%;padding:20px 0 0;overflow:hidden;text-indent:20px;line-height:24px}
.n_blog .m_related .g_list li{margin-bottom:10px;float:left;width:420px}
.n_blog .m_related .g_list .tt{color:#333333;width:100%;height:24px;background:url(/public/template/pc/skin/img/blog_ico.png) no-repeat -3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n_blog .g_side{width:320px;overflow:hidden}
.n_blog .g_side .g_tt{margin-top:40px;height:60px;line-height:60px;text-align:center;border-bottom:1px dashed #E3E3E3;border-top:2px solid #3784D2;font-weight:bold;font-size:18px;color:#333333}
.n_blog .g_side .g_list{width:100%;padding:20px 0 15px;overflow:hidden;text-indent:20px;line-height:24px}
.n_blog .g_side .g_list li{margin-bottom:15px}
.n_blog .g_side .g_list li:last-child{margin-bottom:0}
.n_blog .g_side .g_list .tt{color:#333333;width:100%;height:24px;background:url(/public/template/pc/skin/img/blog_ico.png) no-repeat -3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n_blog .g_side .g_list .time{color:#999999}
.n_blog .g_side .g_hot{padding:15px 10px}
.n_blog .g_side .g_hot a{float:left;padding:3px 15px;margin:5px 5px;color:#666666;border:1px solid #dedede;border-radius:20px}
.n_recruit{padding:100px 0 130px;width:1000px;margin:0 auto}
.n_recruit .g_content{text-align:center}
.n_recruit .g_content .g_tt{font-size:30px;color:#666666}
.n_recruit .g_content .xt{width:60px;height:2px;background-color:#2c88d8;margin:15px auto}
.n_recruit .g_content .g_text{padding:0 65px;font-size:16px;color:#666666;text-align:center;line-height:30px}
.n_recruit .g_content .list{overflow:hidden;margin-top:75px}
.n_recruit .g_content .list li{float:left;width:220px;height:268px;margin-right:40px;color:#ffffff}
.n_recruit .g_content .list li:last-child{margin-right:0}
.n_recruit .g_content .list li .text{padding:125px 20px 30px;height:113px;font-size:14px}
.n_recruit .g_content .list li .text .zw{font-size:20px}
.n_recruit .g_content .list li .text .xw{font-size:12px;text-transform:uppercase;margin:5px 0 49px}
.footer{background-color:#313243;position:relative;z-index:2}
.footer_top{height:108px;background-color:#2c2d3f}
.inner{width:1200px;margin:0 auto;overflow:hidden}
.footer_top li{float:left;width:33.33%;height:108px;line-height:108px}
.txt_l{text-align:left}
.txt_c{text-align:center}
.txt_r{text-align:right}
.footer_top li .footer_icon{margin:20px 22px 0 0}
.footer_icon{display:inline-block;width:60px;height:66px;background:url(/public/template/pc/skin/img/footer_top.png) no-repeat;vertical-align:top}
.footer_icon.fir{background-position:0 -3px}
.footer_top li span{color:#ffffff;font-size:20px}
.footer_icon.sec{background-position:0 -103px}
.footer_icon.thir{background-position:0 -203px}
.footer_mid{padding:38px 0;border-bottom:1px solid #3b3d4c;border-top:1px solid #3b3d4c}
.footer_nav{width:1500px;float:left}
.footer_nav ul{float:left;margin-left:-24px;padding-left:24px;width:230px;height:224px;border-left:1px solid #3b3d4c}
.footer_nav .footer_nav_special{width:280px}
.footer_nav li h4{height:30px;line-height:30px;font-size:18px;color:#fff;padding-bottom:5px}
.footer_nav li a,.footer_nav li span{line-height:32px;font-size:14px;color:#89898b}
.footer_nav li a:hover{color:#fff}
.footer_nav li span{display:inline-block;width:118px;text-align:center;margin-right:15px}
.footer_nav li img{margin:15px 15px 20px 0}
.footer_bot{padding:12px 0;overflow:hidden;text-align:center;background-color:#313243}
.footer_bot p,.footer_bot a{height:28px;line-height:28px;font-size:14px;color:#89898b!important}
.footer_bot p>em{margin:0 10px}
.banner-pages .swiper-pagination-bullet{width:15px;height:15px;display:inline-block;background-color:#ffffff;opacity:.5;border-radius:50px}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.banner-pages .swiper-pagination-bullet-active{width:50px;opacity:1;background:#ffffff}
.swiper-clients .clients_pages{bottom:0;width:100%}
.clients_pages .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;background-color:#ffffff;opacity:.5;border-radius:50%}
.clients_pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.clients_pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff}
.m_case .case_mobile .swiper-pages{bottom:50px}
.m_case .case_mobile .swiper-pages .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border:1px solid #ffffff;opacity:1;background:none;border-radius:50%}
.m_case .case_mobile .swiper-pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff}
.n_blog .load_data:hover,.n_blog .g_list .g_box .g_text .tt:hover,.n_mn .m_aside a:hover,.n_case .n_snav .list a:hover,.m_subtopic1 .subtopic_list li dl a:hover,.n_blog .g_side .g_hot a:hover,.n_blog .g_side .g_list .tt:hover,.m_subtopic1 .subtopic_list li:hover,.n_blog .m_related .g_list .tt:hover,.h-link .link_text .g-text a:hover,.news_panel .news_container .news_right .news_text .m-text .g-tt a:hover,.news_panel .news_container .news_right .news_list a:hover,.news_panel .news_container .news_left .news-text .m-text .g-tt a:hover,.news_panel .news_container .news_left .news-text .m-text .g-more:hover,.n_blog .m_related .g_tt a:hover{color:#2c88d8}
.n_news .g_list .n_box:hover .tt,.n_news .g_list .n_box:hover .time,.n_news .g_list .n_box:hover .info{color:#ffffff}
.n_blog .g_top img,.n_blog .g_list .g_box .g_img img,.m_case .g_latest img{-webkit-transition:transform 0.5s ease-out ;-ms-transform:transform 0.5s ease-out;-moz-transform:transform 0.5s ease-out;transition:transform 0.5s ease-out }
.n_blog .g_top img:hover,.n_blog .g_list .g_box .g_img img:hover,.m_case .g_latest img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.right_side{position:absolute;right:0;top:35%;width:60px;height:245px;z-index:80000}
.right_side ul{}
.right_side ul li{width:60px;height:60px;border-bottom:1px solid #3197f0;background:#2c88d8 url(../img/right_ico.png) no-repeat;cursor:pointer;position:relative;-webkit-transition:background 0.5s ease-out ;-moz-transform:background 0.5s ease-out;transition:background 0.5s ease-out }
.right_side ul li:hover{background:#FFFFFF url(../img/right_hover_ico.png) no-repeat}
.right_side ul li.qq{background-position:center 17px;border-top-left-radius:5px}
.right_side ul li.qq div{display:none;background-color:#f9f9f9;position:absolute;right:60px;width:180px;height:300px;border-bottom-left-radius:5px;border-top-left-radius:5px;overflow:hidden;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);box-shadow:-7px 0px 10px rgba(0,0,0,0.2)}
.right_side ul li.qq div dt{text-align:center;height:60px;line-height:60px;background-color:#ffffff}
.right_side ul li.qq div dd{height:60px;line-height:60px;color:#666666;margin:0 auto;width:160px;font-size:16px;border-bottom:1px dotted #dedede;text-indent:80px;background:url(/public/template/pc/skin/img/qqbg.gif) no-repeat 30px 17px}
.right_side ul li.qq div dd a{display:block}
.right_side ul li.qq div dd a:hover{color:#556c9c}
.right_side ul li.tel{background-position:center -44px}
.right_side ul li.tel div{display:none;border-bottom-left-radius:5px;border-top-left-radius:5px;position:absolute;right:60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);height:60px;line-height:60px;padding:0 20px;font-size:24px;font-weight:bold;color:#217cc8;background-color:#ffffff;white-space:nowrap}
.right_side ul li.wx{background-position:center -105px}
.right_side ul li.wx div{border-radius:5px;display:none;position:absolute;top:-45px;right:60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);overflow:hidden}
.right_side ul li.top{background-position:center -166px;border:none;border-bottom-left-radius:5px}
.right_side ul li:hover div{display:block}
.right_side ul li.qq:hover{border-radius:0}
.fang_top{width:100%;height:585px;background:url(/public/template/pc/skin/img/cbg.jpg) no-repeat center;overflow:hidden;padding-top:160px}
.fang_top .text{text-align:center}
.fang_top .text span{font-size:40px;color:#ffffff;margin:0 10px;text-transform:uppercase;-webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.5)}
.fang_top .text span{font-size:40px;color:#ffffff;margin:0 10px;text-transform:uppercase;-webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.5)}
.fang_top .text .xt{height:1px;width:145px;margin:15px auto 0;border-bottom:1px solid rgba(255,255,255,0.5)}
.fang_list{width:100%;height:auto;margin-top:27px}
.fang_list li{width:140px;height:auto;float:left;margin-right:72px;margin-bottom:30px;text-align:center}
.fang_list li:nth-child(6n){margin-right:0}
.fang_list li a{display:block;width:100%;height:100%;overflow:hidden}
.fang_pic{width:140px;height:140px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-moz-box-shadow:0px 0px 35px -10px #858585;-webkit-box-shadow:0px 0px 35px -10px #858585;box-shadow:0px 0px 35px -10px #858585;border-radius:50%;background:#fff}
.fang_pic .pic-box{width:140px;height:140px;display:table-cell;vertical-align:middle;text-align:center}
.fang_pic img{display:none;margin:0 auto}
.fang_pic img.on{display:block}
.fang_list li p{font-size:16px;color:#fff;text-align:center;margin-top:20px;display:inline-block;position:relative}
.fang_list li p:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#fff;transition:all 0.3s ease-out}
.fang_list li:hover .fang_pic img{animation:swing 1s 0s linear normal;-webkit-animation:swing 1s 0s linear normal}
.fang_list li:hover p:after{width:100%}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}
.case_float{position:fixed;left:25px;top:50%;margin-top:-192px;background:url(/public/template/pc/skin/img/nav_ico_bj.png) repeat-y left top;z-index:10}
.case_float li{width:100%;text-align:left}
.case_float li a{font-size:14px;color:#333;height:30px;line-height:30px;display:block;padding-left:25px;position:relative}
.float_bg{width:9px;height:9px;position:absolute;border-radius:50%;background:#666;left:-4.5px;top:50%;margin-top:-4.5px}
.case_float li a.current .float_bg{background:#3197f0}
.case_float li a.current{color:#3197f0}
.f_title{text-align:center;font-size:30px;font-weight:bold;background:linear-gradient(to right,#03d6b0,#13b3d7);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;color:transparent;display:inline-block}
.f_p{text-align:center;text-transform:uppercase;font-size:16px;color:#999999;font-family:Arial}
.f_title1{width:100%;height:auto;background:url(/public/template/pc/skin/img/icon70.png) no-repeat left 2px;padding-left:70px;min-height:52px;text-align:left}
.f_title1 h3{font-weight:bold;font-size:30px;color:#fff}
.f_title1 p{background:url(/public/template/pc/skin/img/xian.png) no-repeat left center;padding-left:15px;font-size:16px;color:#fff;font-family:Arial;margin-top:2px;letter-spacing:1px;text-transform:uppercase}
.f_title2{background:url(/public/template/pc/skin/img/icon71.png) no-repeat right 2px;font-size:30px;font-weight:bold;text-align:right;padding-right:65px;min-height:52px}
.f_title2 h3{background:linear-gradient(to right,#03d6b0,#13b3d7);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;color:transparent;display:inline-block;font-weight:bold}
.f_title2 p{background:url(/public/template/pc/skin/img/xian1.png) no-repeat right center;padding-right:10px;font-size:16px;color:#999999;font-family:Arial;margin-top:2px;letter-spacing:1px;text-transform:uppercase;font-weight:normal}
.f_title3{background:url(/public/template/pc/skin/img/icon72.png) no-repeat left 2px}
.f_title4{background:url(/public/template/pc/skin/img/icon73.png) no-repeat right 2px}
.f_title4 h3{background:linear-gradient(to right,#33b1e7,#32d9d9);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;color:transparent;display:inline-block}
.f_title5{background:url(/public/template/pc/skin/img/icon74.png) no-repeat left 2px}
.f_title6{background:url(/public/template/pc/skin/img/icon75.png) no-repeat right 2px}
.f_title6 h3{background:linear-gradient(to right,#29acff,#8654ff);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;color:transparent;display:inline-block}
.f_title7{background:url(/public/template/pc/skin/img/icon76.png) no-repeat left 2px}
.f_title8{background:url(/public/template/pc/skin/img/icon77.png) no-repeat right 2px}
.f_title8 h3{background:linear-gradient(to right,#fe9816,#f63b25);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;color:transparent;display:inline-block}
.f_title9{background:url(/public/template/pc/skin/img/icon78.png) no-repeat left 2px}
.f_title10{background:url(/public/template/pc/skin/img/icon79.png) no-repeat right 2px}
.f_title10 h3{background:linear-gradient(to right,#a63fcc,#f1566c);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;color:transparent;display:inline-block}
.wm{padding-bottom:100px}
.wm-title{border-bottom:1px solid #eeeeee;padding-bottom:14px;height:31px;margin-top:23px}
.wm-title span{font-size:16px;color:#333;display:block;line-height:16px;font-weight:bold;position:relative;float:left}
.wm-title span:after{content:'';width:32px;height:2px;background:#005baa;position:absolute;bottom:-15px;left:50%;margin-left:-16px}
.wm-list{overflow:hidden;width:101%;padding:30px 0 0}
.wm-list li,.wm-list dl{float:left;width:186px;line-height:16px;margin-bottom:25px}
.wm-list a,.wm-list dt{font-size:16px;color:#3c3c3c;transition:all 0.3s ease-in-out;font-weight:500;text-transform:none}
.wm-list dt{margin-bottom:24px}
.wm-list dd a{font-size:14px;color:#999;line-height:32px}
.wm-list a:hover{color:#005baa}
.cont{width:1200px;height:auto;margin:0 auto}
.shop_banner{width:100%;height:680px;min-width:1200px;margin:0 auto;overflow:hidden;background:url(/public/template/pc/skin/img/banner.jpg) no-repeat;background-position:center}
.shop_user{width:100%;height:auto;margin-top:80px}
.shop_title{width:100%;height:auto;text-align:center}
.shop_title h3{font-weight:normal;font-size:32px;color:#333333}
.shop_title img{margin-top:10px}
.shop_title p{font-size:16px;color:#666666;margin-top:5px}
.user_list{width:100%;height:auto;margin-top:54px}
.user_list li{width:592px;height:200px;float:left;margin-right:16px;margin-bottom:16px}
.user_list li:nth-child(2n){margin-right:0}
.user_list li a{display:block;width:100%;height:100%;background:url(/public/template/pc/skin/img/pic1.jpg) no-repeat;cursor:pointer}
.user_list li:nth-child(2) a{background:url(/public/template/pc/skin/img/pic2.jpg) no-repeat}
.user_list li:nth-child(3) a{background:url(/public/template/pc/skin/img/pic3.jpg) no-repeat}
.user_list li:nth-child(4) a{background:url(/public/template/pc/skin/img/pic4.jpg) no-repeat}
.user_list li h3{font-size:24px;color:#fafafa;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:45px 215px 0 43px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-ms-transition:all .4s}
.user_list li p{font-size:14px;color:#fafafa;line-height:24px;overflow:hidden;text-overflow:ellipsis;padding:10px 215px 0 43px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px}
.user_list li span{-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-ms-transition:all .4s;width:86px;height:30px;line-height:30px;border:1px solid #fff;font-size:14px;color:#fafafa;margin-left:43px;margin-top:15px;display:inline-block;text-align:center;opacity:0}
.user_list li span.shop_shan{margin-left:20px}
.user_list li a:hover h3{padding:35px 215px 0 43px}
.user_list li a:hover span{opacity:1}
.shop_solute{width:100%;height:auto;background:url(/public/template/pc/skin/img/bg.jpg) no-repeat center top;min-height:750px;margin-top:80px;padding-top:75px;background-size:cover;background-position:center}
.solute_title h3{font-size:28px}
.solute_title span{font-size:30px;color:#999999;font-family:Arial;text-transform:uppercase;margin-left:10px}
.solute_con{width:100%;height:auto;margin-top:30px}
.solute_left{float:left;width:340px;height:500px}
.solute_left img{width:100%;height:100%;object-fit:cover}
.solute_right{float:right;width:790px;padding-top:52px;margin-top:0}
.solute_right li{width:160px;height:auto;margin-right:50px;margin-bottom:25px}
.solute_right li:nth-child(6n){margin-right:50px}
.solute_right li:nth-child(4n){margin-right:0}
.solute_right .fang_pic{margin:10px;box-shadow:0px 0px 30px rgba(133,133,133,0.15)}
.solute_right li p{font-size:16px;color:#444444;margin-top:10px}
.solute_right li:hover .fang_pic{background:url(/public/template/pc/skin/img/s_bg1.png) no-repeat}
.solute_right li:nth-child(2):hover .fang_pic{background:url(/public/template/pc/skin/img/s_bg2.png) no-repeat}
.solute_right li:nth-child(3):hover .fang_pic{background:url(/public/template/pc/skin/img/s_bg3.png) no-repeat}
.solute_right li:nth-child(4):hover .fang_pic{background:url(/public/template/pc/skin/img/s_bg4.png) no-repeat}
.solute_right li:nth-child(5):hover .fang_pic{background:url(/public/template/pc/skin/img/s_bg5.png) no-repeat}
.solute_right li:nth-child(6):hover .fang_pic{background:url(/public/template/pc/skin/img/s_bg6.png) no-repeat}
.solute_right li:nth-child(7):hover .fang_pic{background:url(/public/template/pc/skin/img/s_bg7.png) no-repeat}
.solute_right li:nth-child(8):hover .fang_pic{background:url(/public/template/pc/skin/img/s_bg8.png) no-repeat}
.solute_right li:hover .fang_pic img{display:block;animation:none;-webkit-animation:none}
.solute_right li:hover .fang_pic img.on{display:none}
.solute_right li.active .fang_pic{background:url(/public/template/pc/skin/img/s_bg1.png) no-repeat}
.solute_right li:nth-child(2).active .fang_pic{background:url(/public/template/pc/skin/img/s_bg2.png) no-repeat}
.solute_right li:nth-child(3).active .fang_pic{background:url(/public/template/pc/skin/img/s_bg3.png) no-repeat}
.solute_right li:nth-child(4).active .fang_pic{background:url(/public/template/pc/skin/img/s_bg4.png) no-repeat}
.solute_right li:nth-child(5).active .fang_pic{background:url(/public/template/pc/skin/img/s_bg5.png) no-repeat}
.solute_right li:nth-child(6).active .fang_pic{background:url(/public/template/pc/skin/img/s_bg6.png) no-repeat}
.solute_right li:nth-child(7).active .fang_pic{background:url(/public/template/pc/skin/img/s_bg7.png) no-repeat}
.solute_right li:nth-child(8).active .fang_pic{background:url(/public/template/pc/skin/img/s_bg8.png) no-repeat}
.solute_right li.active .fang_pic img{display:block;animation:none;-webkit-animation:none}
.solute_right li.active .fang_pic img.on{display:none}
.shop_case{width:100%;height:auto;margin-top:72px}
.case_dao{width:100%;height:auto;text-align:center;margin-top:30px}
.case_dao li{display:inline-block;margin:0 10px;width:160px;height:50px;line-height:50px;text-align:center;background:#f7f7f7;font-size:16px;color:#444444;cursor:pointer}
.case_dao li:hover{background:url(/public/template/pc/skin/img/pic17.jpg) no-repeat;color:#fff}
.case_dao li.active{background:url(/public/template/pc/skin/img/pic17.jpg) no-repeat;color:#fff}
.case_con{width:100%;height:auto;margin-top:55px}
.case_c{width:100%;height:auto;display:none}
.case_c li{width:271px;height:552px;float:left;margin-right:38.6px}
.case_c li:nth-child(4n){margin-right:0}
.case_c li a{display:block;width:100%;height:100%;overflow:hidden;background:url(/public/template/pc/skin/img/bg1.png) no-repeat;padding-top:64px;box-sizing:border-box}
.case_pic{width:242px;height:422px;position:relative;margin:0 auto}
.case_pic img{width:100%;height:100%;object-fit:cover}
.case_bg{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;background:rgba(0,0,0,0.12);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;opacity:0}
.case_bg .pic-box{width:242px;height:422px;display:table-cell;vertical-align:middle;text-align:center}
.case_bg img{width:153px;height:153px}
.case_text{width:100%;height:65px;line-height:65px;text-align:center;font-size:18px;color:#444444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case_c li a:hover{background:url(/public/template/pc/skin/img/bg2.png) no-repeat}
.case_c li a:hover .case_bg{opacity:1}
.case_c li a:hover .case_text{color:#fff}
.shop_good{width:100%;height:auto;margin-top:70px;background:url(/public/template/pc/skin/img/bg1.jpg) no-repeat;min-height:530px;background-size:cover;background-position:center;padding-top:70px;box-sizing:border-box}
.shop_good .solute_title h3{color:#fff}
.shop_good .solute_title h3 span{color:#fff;opacity:0.6;-webkit-opacity:0.6;-moz-opacity:0.6}
.shop_good .solute_title p{color:#fff}
.good_list{width:100%;height:auto;margin-top:65px}
.good_list li{width:240px;height:auto;float:left;min-height:192px;background:url(/public/template/pc/skin/img/s14.png) no-repeat right center;text-align:center;padding:0 16px;box-sizing:border-box}
.good_list li:last-child{background:none}
.good_list li a{display:block;width:100%;height:100%;overflow:hidden}
.good_pic{width:100%;height:42px;text-align:center}
.good_pic img{vertical-align:bottom}
.good_text{width:100%;height:auto;margin-top:25px}
.good_text h3{font-weight:normal;color:#fff;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.good_text hr{display:block;width:30px;height:auto;border:none;border-top:3px solid #fff;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;margin-top:20px}
.good_text p{font-size:14px;line-height:24px;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;margin-top:20px}
.shop_partner{width:100%;height:auto;margin-top:70px;margin-bottom:50px}
.shop_partner .cont{width:1365px}
.partner{width:100%;height:auto;margin-top:50px;position:relative;height:455px}
.partner .swiper-container{width:1200px;margin:0 auto}
.partner_list{width:100%;height:auto;border-top:1px dashed #e4e3e3;border-left:1px dashed #e4e3e3;overflow:hidden;box-sizing:border-box}
.partner_list li{float:left;width:239px;height:150px;border:1px dashed #e4e3e3;border-left:none;border-top:none;box-sizing:border-box}
.partner_list li a{display:table-cell;vertical-align:middle;text-align:center;width:239px;height:150px;transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out}
.partner_list li a img{max-width:238px;max-height:148px;margin:0 auto}
.partner .swiper-button-prev,.partner .swiper-button-next{width:31px;height:59px;margin-top:-29.5px}
.partner .swiper-button-prev{background:url(/public/template/pc/skin/img/s16.png) no-repeat;left:0}
.partner .swiper-button-prev:hover{background:url(/public/template/pc/skin/img/s16-1.png) no-repeat}
.partner .swiper-button-next{background:url(/public/template/pc/skin/img/s17.png) no-repeat;right:0}
.partner .swiper-button-next:hover{background:url(/public/template/pc/skin/img/s17-1.png) no-repeat}
.partner_list li a:hover{transform:rotateY(360deg)}
.chengxu_banner{background:none}
.chengxu_banner a{display:block;width:100%;height:100%;overflow:hidden;background:url(/public/template/pc/skin/img/banner.jpg) no-repeat;background-size:cover;background-position:center}
.chengxu_dao{width:100%;height:auto;margin-top:50px}
.dao_left{float:left;width:294px;height:528px;overflow:hidden}
.dao_left a{display:block;width:100%;height:100%;overflow:hidden;position:relative}
.dao_img{width:100%;height:100%;background:url(/public/template/pc/skin/img/pic.jpg) no-repeat;position:absolute;left:0;top:0;z-index:1;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out}
.dao_text{width:100%;height:auto;padding:57px 30px;box-sizing:border-box;position:relative;z-index:2}
.dao_text h3{font-size:24px;color:#fff;font-weight:bold}
.dao_text p{font-size:16px;color:#fff;margin-top:3px}
.dao_bg{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,01,0,0.5);opacity:0;z-index:3;overflow:hidden;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out}
.pic-box{display:table-cell;vertical-align:middle;text-align:center}
.dao_bg .pic-box{width:294px;height:528px;padding:57px 30px;box-sizing:border-box}
.dao_bg h3{font-size:26px;color:#fff;font-weight:bold}
.dao_bg p{color:#fff;margin-top:3px;font-size:16px}
.dao_bg span{display:block;width:134px;height:40px;border:1px solid #fff;line-height:40px;border-radius:20px;text-align:center;margin:0 auto;margin-top:20px;font-size:14px;color:#fff}
.dao_bg span img{margin-left:10px}
.dao_left a:hover .dao_img{transform:scale(1.05)}
.dao_left a:hover .dao_bg{opacity:1}
.dao_right{float:right;height:528px;width:898px}
.dao_top{width:100%;height:340px}
.dao_topl{float:left;width:596px;height:340px}
.dao_topl a{display:block;width:100%;height:100%;overflow:hidden;position:relative}
.dao_topl .dao_text{padding-right:405px}
.dao_topl .dao_img{background:url(/public/template/pc/skin/img/picwx1.jpg) no-repeat}
.dao_topl .dao_bg .pic-box{width:596px;height:340px;padding:57px 30px;box-sizing:border-box}
.dao_topl a:hover .dao_img{transform:scale(1.05)}
.dao_topl a:hover .dao_bg{opacity:1}
.dao_topr{width:294px;float:right}
.dao_topr .dao_text{position:relative;padding:57px 30px}
.dao_topr .dao_img{background:url(/public/template/pc/skin/img/picwx2.jpg) no-repeat}
.dao_topr .dao_bg .pic-box{width:294px}
.dao_bottom{width:100%;height:180px;margin-top:8px}
.dao_bottom li{width:294px;height:180px;float:left;margin-right:8px}
.dao_bottom li a{display:block;width:100%;height:100%;overflow:hidden;position:relative}
.dao_bottom li a .dao_text{padding:30px;padding-right:20px}
.dao_bottom li a .dao_img{background:url(/public/template/pc/skin/img/picwx3.jpg) no-repeat}
.dao_bottom li a .dao_text img{margin-top:20px}
.dao_bottom li:nth-child(2) .dao_img{background:url(/public/template/pc/skin/img/picwx4.jpg) no-repeat}
.dao_bottom li:last-child .dao_img{background:url(/public/template/pc/skin/img/picwx5.jpg) no-repeat}
.dao_bottom li:last-child{margin-right:0}
.dao_bottom li .dao_bg .pic-box{width:294px;height:180px;padding:0}
.dao_bottom li .dao_bg h3{font-size:20px}
.dao_bottom li .dao_bg span{margin-top:15px}
.dao_bottom li .dao_bg span img{margin-top:0}
.dao_bottom li a:hover .dao_img{transform:scale(1.05)}
.dao_bottom li a:hover .dao_bg{opacity:1}
.hexin{width:100%;height:auto;margin-top:70px}
.hexin_con{width:100%;height:auto;position:relative;background:url(/public/template/pc/skin/img/icon9.png) no-repeat center bottom;min-height:355px;margin-top:50px}
.hexin_con li{position:absolute}
.hexin_con li.hexin_1{left:0;top:123px}
.hexin_img{text-align:center;background:url(/public/template/pc/skin/img/icon5.png) no-repeat;width:48px;height:48px;line-height:48px;color:#fff;font-weight:bold;font-size:18px;float:left}
.hexin_text{float:left;margin-left:16px;background:#f6f6f6;padding:20px;box-sizing:border-box;font-size:16px;line-height:28px;position:relative;color:#333333}
.hexin_bg{width:0;height:0;position:absolute;left:-12px;top:16px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:12px solid #f6f6f6}
.hexin_con li.hexin_1 .hexin_text{width:256px}
.hexin_con li.hexin_2{left:240px;top:0}
.hexin_con li.hexin_2 .hexin_img{background:url(/public/template/pc/skin/img/icon6.png) no-repeat}
.hexin_con li.hexin_2 .hexin_text{width:247px}
.hexin_con li.hexin_3{left:649px;top:0}
.hexin_con li.hexin_3 .hexin_img{background:url(/public/template/pc/skin/img/icon7.png) no-repeat}
.hexin_con li.hexin_3 .hexin_text{width:216px}
.hexin_con li.hexin_4{right:0;top:123px}
.hexin_con li.hexin_4 .hexin_img{background:url(/public/template/pc/skin/img/icon8.png) no-repeat}
.hexin_con li.hexin_4 .hexin_text{width:185px}
.liuliang{width:100%;height:auto;margin-top:70px;background:#f6f6f6;overflow:hidden;padding:77px 0;padding-bottom:30px}
.liuliang_con{width:100%;height:auto;margin-top:60px}
.liuliang_con li{width:150px;margin-right:112px;margin-bottom:50px}
.liuliang_con .fang_pic{margin:5px;box-shadow:0px 3px 7px rgba(20,20,20,0.05)}
.liuliang .fang_pic img{display:block}
.liuliang_con li p{color:#666666}
.liuliang_con li p:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#666666;transition:all 0.3s ease-out}
.liuliang_con li:nth-child(6n){margin-right:112px}
.liuliang_con li:nth-child(5n){margin-right:0}
.moban{width:100%;height:auto;margin-top:70px;background:url(/public/template/pc/skin/img/bg.jpg) no-repeat;background-size:cover;background-position:center;padding-top:73px;min-height:840px;box-sizing:border-box}
.moban .solute_title h3{color:#fff}
.moban .solute_title p{color:#fff}
.moban .cont{width:1360px;height:auto;margin:0 auto}
.moban_con{width:100%;height:552px;position:relative;margin-top:40px;padding-top:65px}
.moban_con .swiper-container{width:1200px;height:auto;margin-top:0}
.moban_con .swiper-container:before,.moban_con .swiper-container:after{background:none}
.moban_con .swiper-slide{width:242px;height:422px}
.moban_con .swiper-slide div{position:relative}
.moban_con .swiper-slide div.moban_bg{position:absolute;width:100%;height:100%;background:#fff;opacity:0.7}
.moban_con .swiper-slide-active div.moban_bg{opacity:0}
.moban_con .swiper-prev,.moban_con .swiper-next{width:48px;height:48px;margin-top:-24px;position:absolute;top:50%;cursor:pointer}
.moban_con .swiper-prev{left:0;background:url(/public/template/pc/skin/img/icon20.png) no-repeat}
.moban_con .swiper-next{right:0;background:url(/public/template/pc/skin/img/icon21.png) no-repeat}
.moban_con .swiper-container:before,.moban_con .swiper-container:after{width:415px;height:405px;content:'';background-color:#f5f5f5;display:block;position:absolute;z-index:9999;opacity:.5;top:0;display:none}
.moban_con .swiper-container:before{left:0}
.moban_con .swiper-container:after{right:0}
.framing{width:271px;height:552px;position:absolute;background-image:url(/public/template/pc/skin/img/icon22.png);top:0;left:calc(50% - 135px);z-index:999;opacity:0;-moz-transition:all 0.1s ease;-o-transition:all 0.1s ease;-webkit-transition:all 0.1s ease}
.lookTemp{position:absolute;left:calc(50% - 65px);background-color:#ff7200;color:#fff;padding:0;width:133px;line-height:40px;border-radius:unset;display:none}
.jiejue{width:100%;height:auto;margin-top:63px}
.jiejue_con{width:100%;height:auto;margin-top:40px}
.jiejue_con li{width:290px;height:380px;float:left;position:relative;transition:all 0.3s cubic-bezier(0.4,0,0.2,1),z-index 0s 0.12s;border:1px solid #e5e5e5;box-sizing:border-box;margin-right:13px}
.jiejue_con li a{display:block;width:100%;height:100%;overflow:hidden;transition:none}
.jiejue_con li:last-child{margin-right:0}
.jiejue_top{width:100%;height:155px;background:url(/public/template/pc/skin/img/pic8.jpg) no-repeat;background-size:cover;background-position:center;padding-top:45px;font-size:24px;color:#fff;text-align:center;box-sizing:border-box}
.jiejue_con li:nth-child(2) .jiejue_top{background:url(/public/template/pc/skin/img/pic9.jpg) no-repeat}
.jiejue_con li:nth-child(3) .jiejue_top{background:url(/public/template/pc/skin/img/pic11.jpg) no-repeat}
.jiejue_con li:nth-child(4) .jiejue_top{background:url(/public/template/pc/skin/img/pic10.jpg) no-repeat}
.jiejue_c{width:100%;height:auto}
.jiejue_pic{width:100%;height:auto;text-align:center;margin-top:-45px}
.jiejue_list{width:100%;height:auto;padding:0 20px;overflow:hidden;box-sizing:border-box;transition:all 0.12s cubic-bezier(0.4,0,0.2,1) 0s;position:absolute;z-index:3;opacity:1;left:0;top:220px}
.jiejue_list span{display:block;background:url(/public/template/pc/skin/img/icon29.png) no-repeat left center;padding-left:10px;font-size:14px;color:#666666;margin-right:25px;float:left;line-height:20px;margin-bottom:5px}
.jiejue_list span:nth-child(3n){margin-right:0}
.jiejue_detail{width:100%;height:auto;padding:0 28px;text-align:center;margin-top:30px;box-sizing:border-box;opacity:0;z-index:0;position:absolute;left:0;transition:all 0.12s cubic-bezier(0.4,0,0.2,1) 0s}
.jiejue_detail p{font-size:14px;color:#666666;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px}
.jiejue_detail span{display:block;width:105px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:15px;background:#26bbfb;font-size:14px;margin:0 auto;margin-top:20px}
.jiejue_con li:hover{box-shadow:0px 5px 24px rgba(38,187,251,0.48);border:1px solid #26bbfb}
.jiejue_con li:nth-child(2):hover{box-shadow:0px 5px 24px rgba(241,98,159,0.48);border:1px solid #f1629f}
.jiejue_con li:nth-child(3):hover{box-shadow:0px 5px 24px rgba(73,205,164,0.48);border:1px solid #49cda4}
.jiejue_con li:nth-child(4):hover{box-shadow:0px 5px 24px rgba(254,73,107,0.48);border:1px solid #fe496b}
.jiejue_con li:hover .jiejue_list{opacity:0;z-index:1}
.jiejue_con li:hover .jiejue_detail{opacity:1;z-index:3}
.jiejue_con li:nth-child(2):hover .jiejue_detail span{background:#f1629f}
.jiejue_con li:nth-child(3):hover .jiejue_detail span{background:#49cda4}
.jiejue_con li:nth-child(4):hover .jiejue_detail span{background:#fe496b}
.industry{width:100%;height:auto;margin-top:70px}
.indu_con{width:100%;height:auto;text-align:center;margin-top:50px}
.kehu{width:100%;height:auto;margin-top:90px;padding:75px 0;background:#f6f6f6}
.kehu_con{width:100%;height:auto;margin-top:22px;overflow:hidden}
.kehu_con li{width:214px;height:251px;float:left;margin-right:32px;margin-top:32px;background:#fff}
.kehu_con li:nth-child(5n){margin-right:0}
.kehu_pic{width:100%;height:214px;position:relative;overflow:hidden}
.kehu_pic img{width:100%;height:100%;object-fit:cover}
.kehu_bg{width:100%;height:0;line-height:214px;text-align:center;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;overflow:hidden}
.kehu_bg img{width:auto;height:auto}
.kehu_text{text-align:center;height:37px;line-height:37px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#666666;padding:0 10px}
.kehu_con li:hover .kehu_bg{height:214px}
.zixun{margin-left:80px;margin-top:185px}
.layer-qq{color:#282828;font-size:16px;font-family:"微软雅黑"}
.layer-qq{animation:layerqq .7s ease-out;position:fixed;top:50%;color:#fff;left:50%;width:400px;height:240px;background:url(/public/template/pc/skin/img/service.png) no-repeat;text-align:center;z-index:9999999999;overflow:hidden}
.layer-qq h3{margin:0;padding:0;font-size:40px;text-transform:uppercase;font-weight:600;padding-top:50px}
.layer-qq strong{font-size:22px}
.layer-qq a.linkqq{display:block;width:110px;height:32px;line-height:32px;border:1px solid #ff3000;text-align:center;font-size:14px;text-decoration:none;border-radius:45px;color:#666;margin:0 10px}
.layer-qq a.qq-close{display:block;width:28px;height:28px;position:absolute;top:10px;right:10px;background:url(/public/template/pc/skin/img/qqclose.png) no-repeat;cursor:pointer}
.layer-qq a{color:#33e153;text-decoration:none}
@-webkit-keyframes layerqq{from{-webkit-transform:scale(0);transform:scale(0)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes layerqq{from{transform:scale(0)}
    to{transform:scale(1)}
}
<!--耗时1763841970.5351秒-->