@charset "utf-8";
/* CSS Document */

html,body{ width:100%; height:100%;}
body{ font-family:"微软雅黑", Arial, sans-serif; font-size:14px; line-height:24px; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
.header{ width:100%; height:90px; background-image:url(../images/navbg_03.png); background-position:left bottom; background-repeat:repeat-x; position:absolute; left:0; top:0; z-index:99;}
.header .head{ width:1200px; margin:auto; height:90px;}
.header .head .logo{ height:60px; float:left; padding:15px 0;}
.header .head .logo img{ display:block; height:60px;}
.header .head .ser{ width:20px; height:20px; float:right; padding:35px 0;}
.header .head .ser img{ display:block; height:20px; cursor:pointer;}
.header .head .nav{ float:right; height:90px; display:block;}
.header .head .nav li{ display:block; float:left; height:100px; position:relative; margin-right:30px;}
.header .head .nav li>a{ display:block; height:90px; line-height:90px; font-size:16px; color:#fff; position:relative;}
.header .head .nav li>a b{ width:100%; height:2px; display:none; background-color:#2e79be; position:absolute; left:0; bottom:30px;}
.header .head .nav li.on a b,.header .head .nav li>a:hover b{ display:block;}
.header .head .nav li dl{ display:none; width:90px; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; top:100px; left:0; background:rgba(0,0,0,0.7); padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.header .head .nav li dl:before{ bottom:100%; left:20px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px; }
.header .head .nav li dl dd{ display:block; margin-bottom:7px;}
.header .head .nav li dl dd:last-child{ margin-bottom:0;}
.header .head .nav li dl dd a{ padding:2px 0; display:block; color:#999; line-height:1.2; font-size:0.875rem; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.header .head .nav li:hover dl{ display:block;}
.header .head .nav li dl dd a:hover{ color:#fff;}

.serbox{ width:100%; padding:20px 0; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:90px; z-index:111; display:none;}
.serbox .box{ width:700px; margin:auto;}
.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:#fff; padding:10px; border-radius:70px;}
.serbox .box p span{ width:560px; margin:0 10px; height:40px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:1rem; background-color:transparent; color:#333;}
.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background-color:#2e79be;}
.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#2e79be; border-radius:50px; cursor:pointer; background-image:url(../images/ser_06.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ transform:rotateZ(45deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width:25px; height:25px; cursor:pointer; display:block; float:right; margin-top:15px; position:relative; opacity:0.7;}
.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#fff; border-radius:2px;}
.serbox .close::before{ width:5px; height:25px; left:10px; top:0px;}
.serbox .close::after{ width:25px; height:5px; left:0px; top:10px;}
.serbox .close:hover{ transform:rotateZ(225deg); opacity:1;}

/*banner*/
.banner{ width:100%; position:relative; z-index:0; height:740px;}
.banner .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative; z-index:0;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; display:block; overflow:hidden;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.banner .swiper-pagination{ width:90px; z-index:9; position:absolute; top:50%; left:50%; margin-left:510px; transform:translateX(0) translateY(-50%);}
.banner .swiper-pagination span{ cursor:pointer; display:block; height:50px; line-height:50px; position:relative; color:#fff; font-size:14px; font-weight:bold;}
.banner .swiper-pagination span b{ width:0; height:2px; display:block; background-color:#2e79be; position:absolute; right:0; top:50%; margin-top:-1px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ font-size:18px; color:#2e79be;}
.banner .swiper-pagination span.swiper-pagination-bullet-active b{ width:60px;}

/*代理*/
.dbox{ width:100%; height:130px; background-color:#f1f1f1; position:relative; z-index:9;}
.dbox dl{ display:block; width:1196px; height:220px; position:absolute; left:50%; margin-left:-599px; bottom:0; background-color:#fff;}
.dbox dd{ width:1px; height:220px; float:left; display:block; overflow:hidden; position:relative; background-color:#efefef;}
.dbox dt{ width:398px; height:220px; float:left; display:block; overflow:hidden; position:relative;}
.dbox dt a{ width:100%; height:220px; display:block; overflow:hidden; position:relative; z-index:3;}
.dbox dt .d01{ width:238px; position:absolute; left:50px; top:30px; font-size:20px; height:60px; line-height:60px; font-weight:bold;}
.dbox dt .d02{ width:298px; position:absolute; left:50px; bottom:45px; font-size:14px; height:48px; line-height:24px; color:#999;}
.dbox dt .d03{ width:60px; height:60px; position:absolute; right:50px; top:30px; background-color:#2e79be; border-radius:100%; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.dbox dt .d03 strong{ width:100%; height:60px; border-radius:100%; display:block; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat;}
.dbox dt:hover .d01{ color:#fff;}
.dbox dt:hover .d03{ background-color:#6da1d2;}
.dbox dt:hover .d03 strong{ transform:rotate(30deg); -ms-transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg);}
.dbox dt:hover .d02{ color:#ddd;}
.dbox dt b{ width:0; height:0; display:block; overflow:hidden; background-color:#2e79be; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:0;}
.dbox dt:hover b{ width:100%; height:100%;}

/*运营案例展示*/
.cbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f1f1f1;}
.cbox .title{ width:1200px; margin:auto; text-align:center; font-size:30px; line-height:40px; height:40px; text-transform:uppercase;}
.cbox .title b{ color:#333;}
.cbox .title a{ color:#2e79be;}
.cbox .tab_menu{ width:1200px; text-align:center; line-height:40px; margin:auto; margin-top:15px;}
.cbox .tab_menu li{ display:inline-table; margin:10px; margin-bottom:0; width:130px; height:40px;}
.cbox .tab_menu li a{ display:block; width:128px; height:38px; line-height:38px; border:1px solid #ddd; background-color:#fff; border-radius:3px; font-size:16px;}
.cbox .tab_menu li.on a{ background-color:#2e79be; color:#fff; border:1px solid #2e79be;}
.cbox .tabox{ width:1200px; margin:auto; margin-top:10px;}
.cbox .tabox ul{ width:1220px; display:block;}
.cbox .tabox ul li{ width:285px; height:290px; display:block; overflow:hidden; background-color:#fff; margin-top:20px; margin-right:20px; float:left;}
.cbox .tabox ul li .tu{ width:100%; position:relative; height:160px;}
.cbox .tabox ul li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .tabox ul li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .tabox ul li .tu p{ width:100%; height:36px; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; text-align:center;}
.cbox .tabox ul li .tu p span{ display:block; height:36px; line-height:36px; font-size:14px; color:#fff; float:left; width:142px;}
.cbox .tabox ul li .tu p em{ width:1px; height:36px; float:left; display:block; overflow:hidden; background-color:rgba(255,255,255,0.7); font-style:normal;}
.cbox .tabox ul li .bt{ width:245px; margin:15px auto; margin-bottom:7px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.cbox .tabox ul li .wen{ width:245px; margin:auto; font-size:14px; line-height:20px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.cbox .tabox ul li:hover .bt{ color:#2e79be;}
.cbox .tel{ width:600px; padding-left:50px; margin:auto; margin-top:30px; background-image:url(../images/telbg_04.png); background-position:center; background-repeat:no-repeat; height:80px; line-height:80px; text-align:center; color:#fff; font-size:18px; vertical-align:middle;}
.cbox .tel a{ font-size:30px; color:#fff; vertical-align:middle;}

/*设计案例展示*/
.sbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.sbox .title{ width:1200px; margin:auto; text-align:center; font-size:30px; line-height:40px; height:40px; text-transform:uppercase;}
.sbox .title b{ color:#333;}
.sbox .title a{ color:#2e79be;}
.sbox .tab_menu{ width:1200px; text-align:center; line-height:40px; margin:auto; margin-top:15px;}
.sbox .tab_menu li{ display:inline-table; margin:10px; margin-bottom:0; width:130px; height:40px;}
.sbox .tab_menu li a{ display:block; width:128px; height:38px; line-height:38px; border:1px solid #ddd; background-color:#fff; border-radius:3px; font-size:16px;}
.sbox .tab_menu li.on a{ background-color:#2e79be; color:#fff; border:1px solid #2e79be;}
.sbox .tabox{ width:1200px; margin:auto; margin-top:10px;}
.sbox .tabox ul{ width:1220px; display:block;}
.sbox .tabox ul li{ width:285px; height:300px; display:block; overflow:hidden; background-color:#f7f7f7; margin-top:20px; margin-right:20px; float:left;}
.sbox .tabox ul li .tu{ width:100%; position:relative; height:160px;}
.sbox .tabox ul li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .tabox ul li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.sbox .tabox ul li .bt{ width:245px; margin:15px auto; margin-bottom:6px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.sbox .tabox ul li .wen{ width:245px; margin:auto; font-size:14px; line-height:22px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.sbox .tabox ul li:hover .bt{ color:#2e79be;}

/*客户故事*/
.kbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f1f1f1;}
.kbox .title{ width:1200px; margin:auto; text-align:center; font-size:30px; line-height:40px; height:40px; text-transform:uppercase;}
.kbox .title b{ color:#333;}
.kbox .title a{ color:#2e79be;}
.kbox .box{ width:1200px; margin:auto; margin-top:25px; height:470px; padding-bottom:40px; position:relative;}
.kbox .box .swiper-container{ width:100%; height:470px;}
.kbox .box .swiper-container .swiper-slide{ width:285px; display:block; overflow:hidden;}
.kbox .box .swiper-container .swiper-slide .tu{ width:100%; position:relative; height:270px;}
.kbox .box .swiper-container .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kbox .box .swiper-container .swiper-slide:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.kbox .box .swiper-container .swiper-slide .bt{ width:100%; margin-top:15px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.kbox .box .swiper-container .swiper-slide .wen{ width:100%; margin-top:5px; font-size:14px; line-height:24px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.kbox .box .swiper-container .swiper-slide:hover .bt{ color:#2e79be;}
.kbox .box .bot{ width:100%; line-height:40px; height:40px; position:absolute; left:0; bottom:0; text-align:center;}
.kbox .box .bot .swiper-button-prev{ width:40px; height:40px; background-color:#fff; border-radius:100%; display:inline-table; overflow:hidden; background-position:center; background-repeat:no-repeat; background-image:url(../images/left.png);}
.kbox .box .bot .swiper-button-next{ width:40px; height:40px; background-color:#fff; border-radius:100%; display:inline-table; overflow:hidden; background-position:center; background-repeat:no-repeat; background-image:url(../images/right.png);}
.kbox .box .bot .swiper-button-prev:hover{ background-image:url(../images/left01.png); background-color:#2e79be;}
.kbox .box .bot .swiper-button-next:hover{ background-image:url(../images/right01.png); background-color:#2e79be;}
.kbox .box .bot .swiper-pagination{ display:inline-table; height:40px; line-height:40px; margin:0 26px; vertical-align:middle;}
.kbox .box .bot .swiper-pagination span{ display:inline-table; margin:0 5px; width:8px; height:8px; border-radius:8px; background-color:#999; vertical-align:middle; overflow:hidden;}
.kbox .box .bot .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#2e79be;}

/*关于我们*/
.abox{ width:100%; height:700px; background-image:url(../images/abg_13.jpg); background-position:center; background-repeat:no-repeat;}
.abox .box{ width:1200px; margin:auto; height:470px; position:relative;}
.abox .box .title{ padding-top:75px;}
.abox .box .title b{ display:block; overflow:hidden; text-transform:uppercase; font-size:60px; height:76px; line-height:76px; color:#eaeaea;}
.abox .box .title strong{ display:block; overflow:hidden; font-size:30px; height:50px; line-height:50px; color:#333;}
.abox .box .right{ width:800px; position:absolute; top:50%; right:0; transform:translateX(0) translateY(-50%);}
.abox .box .right .wen{ font-size:14px; line-height:30px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;}
.abox .box .right .tab{ width:100%; margin-top:42px; height:34px; position:relative;}
.abox .box .right .tab p{ display:block; height:34px; overflow:hidden;}
.abox .box .right .tab p a{ display:block; float:left; line-height:34px; height:34px; font-size:18px; margin-right:130px;}
.abox .box .right .tab p a:last-child{ margin-right:0;}
.abox .box .right .tab p a:hover{ color:#2e79be;}
.abox .box .right .tab span{ display:block; position:absolute; right:0; top:50%; margin-top:-6px;}
.abox .box .right .tab span img{ display:block;}

/*公司动态*/
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.nbox .title{ width:1200px; margin:auto; text-align:center; font-size:30px; line-height:40px; height:40px; text-transform:uppercase;}
.nbox .title b{ color:#333;}
.nbox .title a{ color:#2e79be;}
.nbox .box{ width:1200px; margin:auto; position:relative; margin-top:25px;}
.nbox .box dl{ width:1240px; display:block; overflow:hidden;}
.nbox .box dl dt{ width:1200px; display:block; float:left; height:230px; position:relative; overflow:hidden;}
.nbox .box dl dt .bg{ width:100%; height:170px; position:absolute; left:0; bottom:0; background-color:#f7f7f7; z-index:0;}
.nbox .box dl dt .left{ width:310px; height:200px; float:left; margin-left:20px; position:relative; z-index:1;}
.nbox .box dl dt .left img{ width:100%; display:block;}
.nbox .box dl dt .right{ width:810px; height:200px; float:left; margin:0 30px; position:relative; z-index:1;}
.nbox .box dl dt .right .bt{ height:60px; line-height:60px;}
.nbox .box dl dt .right .bt a{ font-size:18px; display:block; float:left; max-width:680px; overflow:hidden;}
.nbox .box dl dt .right .bt a:hover{ color:#2e79be;}
.nbox .box dl dt .right .bt p{ font-size:16px; display:block; float:right; overflow:hidden; color:#999;}
.nbox .box dl dt .right .wen{ width:100%; height:74px; line-height:24px; font-size:14px; margin:15px 0;}
.nbox .box dl dt .right .more{ height:36px;}
.nbox .box dl dt .right .more a{ width:118px; height:34px; line-height:34px; text-align:center; display:block; border:1px solid #cacaca;}
.nbox .box dl dt .right .more a:hover{ border:1px solid #2e79be; color:#2e79be;}
.nbox .box dl dd{ width:580px; margin-top:20px; margin-right:40px; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.nbox .box dl dd .left{ width:170px; height:110px; float:left;}
.nbox .box dl dd .left img{ width:100%; display:block;}
.nbox .box dl dd .right{ width:390px; height:110px; float:right;}
.nbox .box dl dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.nbox .box dl dd .right:hover .bt a{ color:#2e79be;}
.nbox .box dl dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.nbox .box dl dd .right .shi{ width:100%; height:22px;}
.nbox .box dl dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.nbox .box dl dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.nbox .box dl dd .right:hover .shi b{ background-color:#2e79be;}
.nbox .box dl dd .right:hover .shi span{ color:#2e79be;}

/*底部导航*/
.sav{ width:100%; height:64px; line-height:64px; text-align:center; vertical-align:middle; border-top:1px solid #ddd;}
.sav a{ display:inline-block; font-size:16px;}
.sav a:hover{ color:#2e79be;}
.sav span{ display:inline-block; font-size:16px; color:#999; margin:0 20px;}

/*footer*/
.footer{ width:100%; background-color:#222; padding-top:15px;}
.footer .foot{ width:1200px; margin:auto; padding-bottom:19px; border-bottom:1px solid #333;}
.footer .foot .left{ float:left; width:400px; padding-top:15px;}
.footer .foot .left strong{ display:block; overflow:hidden; height:80px;}
.footer .foot .left strong img{ display:block; height:80px;}
.footer .foot .left p{ display:block; padding-top:12px; overflow:hidden; font-size:14px; line-height:24px; color:#ccc;}
.footer .foot .left p a{ color:#ccc;}
.footer .foot .mil{ float:left; width:580px;}
.footer .foot .mil p{ display:block; height:48px; padding-bottom:2px; background-image:url(../images/foot_19.jpg); background-position:left bottom; background-repeat:no-repeat;}
.footer .foot .mil p span{ display:block; float:left; font-size:18px; line-height:48px; height:48px; color:#fff;}
.footer .foot .mil p a{ display:block; float:left; font-size:16px; line-height:34px; height:34px; color:#999; padding-left:10px; padding-top:11px;}
.footer .foot .mil ul{ display:block; overflow:hidden; padding-top:12px;}
.footer .foot .mil ul li{ display:block; padding:4px 0; overflow:hidden; float:left; min-width:244px; margin-right:20px; padding-left:26px; background-position:0 8px; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#ccc;}
.footer .foot .right{ float:right; width:112px; padding-top:15px;}
.footer .foot .right img{ width:100%; display:block;}
.footer .foot .right p{ display:block; text-align:center; font-size:14px; line-height:24px; padding-top:4px; color:#ccc; overflow:hidden;}
.footer .link{ width:1200px; margin:auto; padding-top:20px; padding-bottom:25px;}
.footer .link .left{ float:left;}
.footer .link .left span{ display:block; font-size:14px; line-height:20px; height:20px; color:#ccc; text-transform:uppercase; overflow:hidden;}
.footer .link .left p{ display:block; font-size:14px; line-height:24px; height:24px; color:#fff; margin-top:1px; overflow:hidden;}
.footer .link .right{ float:right; width:1075px; margin-top:21px; text-align:right;}
.footer .link .right a{ display:inline-table; margin-left:40px; font-size:14px; line-height:24px; color:#fff; overflow:hidden;}

/*内页*/
.header01{ width:100%; height:90px; position:relative; z-index:99;}
.header01 .head{ width:1200px; margin:auto; height:90px;}
.header01 .head .logo{ height:60px; float:left; padding:15px 0;}
.header01 .head .logo img{ display:block; height:60px;}
.header01 .head .ser{ width:20px; height:20px; float:right; padding:35px 0;}
.header01 .head .ser img{ display:block; height:20px; cursor:pointer;}
.header01 .head .nav{ float:right; height:90px; display:block;}
.header01 .head .nav li{ display:block; float:left; height:100px; position:relative; margin-right:30px;}
.header01 .head .nav li>a{ display:block; height:90px; line-height:90px; font-size:16px; color:#333; position:relative;}
.header01 .head .nav li>a b{ width:100%; height:2px; display:none; background-color:#2e79be; position:absolute; left:0; bottom:30px;}
.header01 .head .nav li.on a b,.header .head .nav li>a:hover b{ display:block;}
.header01 .head .nav li dl{ display:none; width:90px; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; top:100px; left:0; background:rgba(0,0,0,0.7); padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.header01 .head .nav li dl:before{ bottom:100%; left:20px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px; }
.header01 .head .nav li dl dd{ display:block; margin-bottom:7px;}
.header01 .head .nav li dl dd:last-child{ margin-bottom:0;}
.header01 .head .nav li dl dd a{ padding:2px 0; display:block; color:#999; line-height:1.2; font-size:0.875rem; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.header01 .head .nav li:hover dl{ display:block;}
.header01 .head .nav li dl dd a:hover{ color:#fff;}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.1);
    }
}
.ban{ width:100%; height:400px; position:relative; overflow:hidden; z-index:0;}
.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; background-color:rgba(0,0,0,0.5); height:100%; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle;}
.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}
.ban .box p span{ display:block; color:#fff; font-size:36px; height:60px; line-height:60px; overflow:hidden; letter-spacing:5px; text-indent:5px;}
.ban .box p a{ display:block; color:#fff; font-size:24px; height:48px; line-height:48px; overflow:hidden; letter-spacing:5px; text-indent:5px;}

.tel01{ width:600px; padding-left:50px; margin:50px auto; background-image:url(../images/telbg_04.png); background-position:center; background-repeat:no-repeat; height:80px; line-height:80px; text-align:center; color:#fff; font-size:18px; vertical-align:middle;}
.tel01 a{ font-size:30px; color:#fff; vertical-align:middle;}

.main{ width:1200px; margin:auto; margin-top:-60px; position:relative; z-index:111;}
.main .lbar{ width:240px; float:left;}
.main .lbar .title{ padding:8px 20px; background-color:#2e79be; height:84px;  display:block; width:200px;}
.main .lbar .title span{ display:block; color:#fff; font-size:30px; height:52px; line-height:52px;}
.main .lbar .title p{ text-align:right; display:block; color:#fff; font-size:22px; height:22px; line-height:22px; text-transform:uppercase;}
.subNavBox{ width:238px; border-left:1px solid #cacaca; border-right:1px solid #cacaca;}
.subNavBox .subNav{ width:238px; height:44px; display:block; position:relative;}
.subNavBox .subNav b{ width:0; height:44px; display:block; background-color:#f7f7f7; position:absolute; left:0; bottom:0; transition:width .5s; -moz-transition:width .5s; -webkit-transition:width .5s; -o-transition:width .5s; z-index:0;}
.subNavBox .subNav a{ width:200px; cursor:pointer; height:44px; line-height:44px; position:absolute; left:0; top:0; z-index:11; font-size:16px; padding:0 19px; overflow:hidden;}
.subNavBox .subNav.on b,.subNavBox .subNav:hover b{ width:100%;}
.subNavBox .subNav.on a,.subNavBox .subNav:hover a{ color:#2e79be;}
.subNavBox .navContent{ width:100%; height:0; overflow:hidden; border-bottom:1px solid #cacaca; display:block; background-color:#f7f7f7;}
.subNavBox .navContent.cur{ height:auto; padding:10px 29px; padding-top:0; margin-top:-5px;}
.subNavBox .navContent li{ display:block; font-size:14px; line-height:30px; overflow:hidden; height:30px;}
.subNavBox .navContent li a{ display:block; overflow:hidden; width:100%;}
.subNavBox .navContent li.sec a,.subNavBox .navContent li:hover a{ color:#2e79be;}

.main .lbar .lian{ width:238px; border:1px solid #cacaca; padding:18px 0; margin-top:20px; text-align:center;}
.main .lbar .lian span{ width:100%; height:42px; line-height:42px; font-size:28px; color:#2e79be; display:block; overflow:hidden;}
.main .lbar .lian p{ width:100%; height:30px; line-height:30px; font-size:14px; color:#999; display:block; overflow:hidden; margin-bottom:5px;}
.main .lbar .lian strong{ width:100%; text-align:center; display:block; overflow:hidden;}
.main .lbar .lian strong a{ display:inline-table; width:30px; height:30px; border-radius:100%; margin:5px; overflow:hidden;}
.main .lbar .lian strong a img{ display:block; width:100%;} 

.main .rbar{ margin-top:66px; float:right; width:880px;}
.main .rbar .title{ width:100%; border-bottom:1px solid #cacaca; height:44px;}
.main .rbar .title span{ height:44px; line-height:44px; float:left; display:block; font-size:18px; color:#2e79be;}
.main .rbar .title span b{ width:4px; height:18px; float:left; background-color:#2e79be; margin:13px 0; overflow:hidden; margin-right:10px;}
.main .rbar .title p{ height:44px; line-height:44px; float:right; text-align:right; display:block; font-size:14px; color:#333;}
.main .rbar .tab_menu{ width:100%; text-align:center; padding-top:20px;}
.main .rbar .tab_menu li{ display:inline-table; margin:10px; margin-bottom:0; width:130px; height:40px;}
.main .rbar .tab_menu li a{ display:block; width:128px; height:38px; line-height:38px; border:1px solid #ddd; background-color:#fff; border-radius:3px; font-size:16px;}
.main .rbar .tab_menu li.on a{ background-color:#2e79be; color:#fff; border:1px solid #2e79be;}

/*代运营服务*/
.rbar .wenn{ width:100%; padding-top:25px; font-size:14px; line-height:24px;}
.rbar .wenn img{ max-width:100%; height:auto;}

/*设计装修*/
.rbar .list01{ width:900px; display:block; padding-top:5px;}
.rbar .list01 li{ width:280px; height:290px; display:block; overflow:hidden; background-color:#f7f7f7; margin-top:20px; margin-right:20px; float:left;}
.rbar .list01 li .tu{ width:100%; position:relative; height:157px;}
.rbar .list01 li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.rbar .list01 li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.rbar .list01 li .bt{ width:240px; margin:15px auto; margin-bottom:6px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.rbar .list01 li .wen{ width:240px; margin:auto; font-size:14px; line-height:22px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.rbar .list01 li:hover .bt{ color:#2e79be;}

.fanye{ width:100%; margin-top:30px; display:table; vertical-align:middle;}
.fanye h1{ display:table-cell; font-weight:normal; text-align:left; font-size:14px; height:30px; line-height:30px; color:#333;}
.fanye h2{ display:table-cell; font-weight:normal; text-align:right; font-size:14px; height:30px; line-height:30px; color:#333;}
.fanye p{ display:table-cell; text-align:center;}
.fanye p span{ display:inline-table; min-width:18px; padding:0 5px; line-height:28px; font-size:14px; text-align:center; margin:0 5px; background:#2e79be; border:1px solid #2e79be; color:#fff; border-radius:4px;}
.fanye p a{ display:inline-table; min-width:18px; padding:0 5px; line-height:28px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#333; border-radius:4px;}
.fanye p a:hover{ border:1px solid #2e79be; color:#2e79be;}

/*案例内页*/
.main .wenzi .toub{ font-size:24px; text-align:center; margin-top:25px; line-height:28px;}
.main .wenzi .time{ padding:10px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .wenzi .wen{ width:100%; margin:20px auto; font-size:14px; line-height:24px;}
.main .wenzi .wen img{ max-width:100%; height:auto;}
.main .wenzi .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:20px;}
.main .wenzi .back p{ display:block; float:left; overflow:hidden; max-width:740px;}
.main .wenzi .back p span{ display:block; height:24px; overflow:hidden;}
.main .wenzi .back p span a{ max-width:700px; overflow:hidden;}
.main .wenzi .back p span a:hover{ color:#2e79be;}
.main .wenzi .back strong{ display:block; float:right; overflow:hidden; font-weight:normal;}
.main .wenzi .back strong a:hover{ color:#2e79be;}

/*案例展示*/
.rbar .list02{ width:900px; display:block; padding-top:5px;}
.rbar .list02 li{ width:280px; height:290px; display:block; overflow:hidden; background-color:#f7f7f7; margin-top:20px; margin-right:20px; float:left;}
.rbar .list02 li .tu{ width:100%; position:relative; height:157px;}
.rbar .list02 li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.rbar .list02 li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.rbar .list02 li .tu p{ width:100%; height:30px; background-color:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; text-align:center;}
.rbar .list02 li .tu p span{ display:block; height:30px; line-height:30px; font-size:14px; color:#fff; float:left; width:139px;}
.rbar .list02 li .tu p em{ width:1px; height:30px; float:left; display:block; overflow:hidden; background-color:rgba(255,255,255,0.7); font-style:normal;}
.rbar .list02 li .bt{ width:240px; margin:15px auto; margin-bottom:7px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.rbar .list02 li .wen{ width:240px; margin:auto; font-size:14px; line-height:20px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.rbar .list02 li:hover .bt{ color:#2e79be;}

/*企业动态*/
.news{ width:100%; display:block; overflow:hidden; padding-top:5px;}
.news dd{ width:100%; padding:20px 0; border-bottom:1px solid #eee; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.news dd .left{ width:170px; height:110px; float:left;}
.news dd .left img{ width:100%; display:block;}
.news dd .right{ width:700px; height:110px; float:right;}
.news dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.news dd .right:hover .bt a{ color:#2e79be;}
.news dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.news dd .right .shi{ width:100%; height:22px;}
.news dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.news dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.news dd .right:hover .shi b{ background-color:#2e79be;}
.news dd .right:hover .shi span{ color:#2e79be;}

/*公司场景*/
#auto-loop{ width:900px; overflow:hidden; padding-top:5px;}
#auto-loop a{ width:280px; height:200px; display:block; margin-top:20px; margin-right:20px; overflow:hidden; float:left; position:relative;}
#auto-loop a img{ height:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
#auto-loop a span{ display:block; width:100%; height:36px; line-height:36px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
#auto-loop a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

/*客户口碑*/
.rbar .list03{ width:900px; display:block; padding-top:5px;}
.rbar .list03 li{ width:280px; display:block; overflow:hidden; float:left; margin-top:20px; margin-right:20px;}
.rbar .list03 li .tu{ width:100%; position:relative; height:265px;}
.rbar .list03 li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.rbar .list03 li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.rbar .list03 li .bt{ width:100%; margin-top:10px; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.rbar .list03 li .wen{ width:100%; font-size:14px; line-height:24px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.rbar .list03 li:hover .bt{ color:#2e79be;}

/*人员资历*/
.rbar .list04{ width:900px; display:block; padding-top:5px;}
.rbar .list04 li{ width:280px; height:410px; float:left; margin-right:20px; margin-top:20px; display:block; overflow:hidden;}
.rbar .list04 li a{ width:100%; display:block; height:410px; overflow:hidden; background-color:#eee; text-align:center;}
.rbar .list04 li a:hover{ background-color:#2e79be;}
.rbar .list04 li .s07{ width:100%; height:60px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.rbar .list04 li a:hover .s07{ height:40px;}
.rbar .list04 li .s01{ width:140px; height:140px; border-radius:100%; margin:auto;}
.rbar .list04 li .s01 img{ width:100%; display:block;}
.rbar .list04 li .s02{ width:240px; font-size:18px; height:36px; line-height:36px; margin:auto; margin-top:20px;}
.rbar .list04 li .s03{ width:240px; font-size:14px; height:24px; line-height:24px; margin:auto; color:#999;}
.rbar .list04 li .s04{ width:50px; height:2px; margin:10px auto; background-color:#fff; display:none;}
.rbar .list04 li .s05{ width:240px; font-size:14px; height:48px; line-height:24px; margin:auto; color:#fff; display:none;}
.rbar .list04 li .s06{ width:40px; height:40px; margin:auto; background-image:url(../images/duo01.png); background-position:center; background-repeat:no-repeat;  margin-top:34px;}
.rbar .list04 li a:hover .s06{ background-image:url(../images/duo.png); -o-transform:rotate(0deg); margin-top:13px;}
.rbar .list04 li a:hover .s02,.rbar .list04 li a:hover .s03{ color:#fff;}
.rbar .list04 li a:hover .s04,.rbar .list04 li a:hover .s05{ display:block;}

/*联系我们*/
.box02{ width:100%; margin:auto; margin-top:25px;}
#map{ width:480px; height:400px; overflow:hidden; float:left;}
.box02 .right01{ width:380px; margin-top:50px; float:right;}
.box02 .right01 h2{ display:block; font-size:24px; color:#2e79be; margin-bottom:20px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:36px;}

/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}