@charset "utf-8";
@font-face {
 font-family: 'ccssbc';
 src: url("ccssbc.eot")/*tpa=http://www.teabaobao.com/css/ccssbc.eot*/;
 src: local('ccssbc Regular'), 
              local('ccssbc'), 
              url("ccssbc.woff")/*tpa=http://www.teabaobao.com/css/ccssbc.woff*/ format('woff'), 
              url("ccssbc.ttf")/*tpa=http://www.teabaobao.com/css/ccssbc.ttf*/ format('truetype'), 
              url("ccssbc.svg#ccssbc")/*tpa=http://www.teabaobao.com/css/ccssbc.svg#ccssbc*/ format('svg');	  
} 
.clear,.clearfix { clear:both;}

:-moz-placeholder {color: #8e929e; }
::-moz-placeholder {color: #8e929e;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #8e929e;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #8e929e;}
 
.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:10px 0 0px  0; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center; font-size:14px; }   
.pager a { margin: 2px 3px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3}   
.pager span.current { margin: 0 3px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 3px; display:inline-block;text-align:center;border:1px solid #d3d3d3;}   
.pager select {margin: 0px 3px -2px 3px; font-size:14px;}
.pager input {margin: 0px 3px -2px 3px;   padding:2px; text-align:center;font-size:14px;} 
.pager a,.pager span.disabled {background:#fff; font-size:14px;}  
.pager a:hover,.pager span.current { background:#da251d;border:1px solid #e60013}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #da251d;} 
.pager a,.pager span.disabled {color:#888;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:25px; height:25px; line-height:25px;}
.pager font { font-family:宋体}

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:45px;margin-bottom:10px;}
.picright {margin-left:45px;margin-bottom:10px;}

.indservice *,.team_about *,.cooperation_notice *,.cooperation_step *,.newscate * ,.news *,.prevnext *,.adv_cus *,.casemore *,.indadv *,.tabPanel ul li,.newproject li img,.newproject li .pic,#case .li img,.pane .li img,.pane .li .pic,.outs_adv li .pic,.outs_bao ul.list4 li .pic p,.outs_bao ul.list4 li .line,.outs_bao ul.list4 li,.fixed .child p{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.newproject li:Hover img,#case .li:hover img,.pane .li:hover img,.pane .li:hover .pic,.newproject li:hover .pic
{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}

.wrap {max-width:1180px;margin:0 auto}
/*.wrap {max-width:1004px;margin:0 auto}*/
.relative { position:relative}
.topheight { height:62px;}

.inda1 {font-size:32px; text-decoration:underline;font-weight:bold; text-align:center;margin-top:60px}
.inda2 {font-size:36px; text-align:center;margin:30px 0 10px 0}
.inda3 {font-size:16px;max-width:655px;text-align:center;margin:0 auto; line-height:25px;color:#666}
.inda3 img {max-width:100%; height:auto}
.inda4 {font-size:24px;text-align:center;margin:90px 0 10px 0}
.inda5 {font-size:32px;text-align:center}
.inda6 { text-align:center;margin-top:40px}
.inda6 a {color:#e60013; text-decoration:line-through;font-size:16px;padding:10px 25px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.inda6 a:hover { background:#e60013;color:#fff}
.inaaline { height:1px; background:#ccc;margin:50px 0}
.inda7 { text-align:center;font-size:30px;}
.inda8 { text-align:center;font-size:32px;}
.inda8 font,.inda7 font {color:#e60013}

.inda3_2 {margin-bottom:50px}
.inda7_3 {margin:-70px 0 -20px 0; line-height:50px}

/* bn */
.bannerin { background-position:center; background-repeat:no-repeat; height:310px}
/* bn */
.fy-context-cont { background:#f4f4f4}


/* 压底 */
.outs_contact {
    background: #e60113;
    padding: 15px 0 10px 0;
    color: #fff;
}

.outs_contact .mleft {
    float: left;
    width: 200px;
}

.outs_contact .mleft h1 {
    width: 100px;
    display: inline-block;
    vertical-align: bottom;
}
.outs_contact .mleft h2 {
    vertical-align: bottom;
    font-size: 16px;
    width: 80px;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 5px;
}
.outs_contact .mright {
    float: right;
    width: 350px;
    text-align: center;
    font-size: 18px;
    margin-top: 17px;
}
.outs_contact .mright .cons {
    font-size: 16px;
}
.outs_contact .mright .title {
    border-top: 1px solid #fff;
    margin-top: 4px;
    padding-top: 10px;
}
.outs_contact .mright .cons .tel {
    display: inline-block;
    font-weight: Bold;
    font-size: 38px;
    vertical-align: top;
    margin-top: -10px;
}
/* 压底 */

/* 头部导航 */
.toper,.toperh.active { background:#fff; height:110px; position:fixed; z-index:9999;left:0;top:0;width:100%;}
.toper .logo,.toperh.active .logo {margin:25px 0 0 0; display:block;float:left; background:url(../images/logo.png) no-repeat center;width:122px; height:60px;}
.toper .tel,.toperh.active .tel { background:url(../images/3.png) no-repeat center;width:44px; height:27px;float:right;margin:40px 0 0 30px}
.toper .txt { width:280px; height:40px;float:left;margin:30px 0 0 10px;}
.toper .txt-1 { height: 21px;line-height: 21px;font-size: 24px;font-family: 微软雅黑;color: rgb(143, 143, 143);clear: right;}
.toper .txt-2 { color: rgb(143, 143, 143);font-family: 微软雅黑;font-size: 9px;line-height: 21px;}
.toper ul { float:right;margin:20px 0 0 0}
.toper ul li { display:inline-block;text-align:center; position:relative;margin-left:30px}
.toper ul li i,.toperh.active ul li i {background:url(../images/1.png);width:11px; height:7px;vertical-align:top;margin:30px 0 0 10px;display:inline-block}
.toper ul li:hover i,.toper ul li.check i,.toperh.active ul li:Hover i { background:url(../images/5.png);}
.toper li a {font-size:16px; display:block; height:90px; display:block; line-height:65px;border-top:3px solid transparent;color:#333;}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a,.toperh.active li a:hover,.toperh.active li:hover>a,.toperh.active ul li.check a {color:#e60013;border-color:#e60013;}
.toper li dl { position:absolute; z-index:1;top:90px;left:-20px;width:150px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a,.toperh.active li dl dd a,.toperh.active li dl dd a:hover,.toperh.active li.check dl dd a {font-size:14px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 20px}
.toper li dl dd a:hover { background:#231b00}
.topblank { height:110px;}
/* 头部导航 */





.newproject { position:relative;margin-top:50px}
#case { position:relative;}
.newproject li,#case .li,.pane .li {float:left;width:25%; position:relative; overflow:hidden}
.newproject li img,#case .li img,.pane .li img {width:100%; vertical-align:middle}
.newproject li.a5,#case .li.a5,.pane .li.a5 {width:50%}
.newproject li div.clist,#case .li div.clist,.pane .li div.clist {opacity:0; background:rgba(0,0,0,0);width:100%; height:100%; position:absolute; z-index:1; text-align:center;color:#fff;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.newproject li div.clist:Hover,#case .li div.clist:hover,.pane .li div.clist:hover {background:rgba(0,0,0,0.6);opacity:1;}
.newproject li div.clist h1,#case .li div.clist h1,.pane .li div.clist h1 {font-size:26px;margin-top:22%}
.newproject li div.clist h2,#case .li div.clist h2,.pane .li div.clist h2 {font-size:13px;margin-top:10px}
.newproject li div.clist i,#case .li div.clist i,.pane .li div.clist i { background:url("../images/jiandou.png")/*tpa=http://www.teabaobao.com/images/jiandou.png*/ no-repeat center;width:33px; height:33px; display:block;margin:0 auto; position:absolute; z-index:2;left:50%;margin-left:-16px;bottom:40px;}
.newproject li h4,#case .li h4,.pane .li h4 { position:absolute; z-index:1; text-align:center;width:100%;color:#fff; font-weight:normal;font-size:16px;top:50%;margin-top:-15px}
.newproject li.a5 div.clist h1,#case .li.a5 div.clist h1,.pane .li.a5 div.clist h1 {margin-top:28%}

.pane .li.l5 {width:50%}
.pane .li .pic,.newproject li .pic { background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden}

/*
.banner2{position:relative;width:100%;height:auto;overflow:hidden;}
.banner2 .banner2Btn{display:none}
.banner2 .contents2{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.banner2 .content2{position:absolute;top:0px;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat; background-position:center;text-align:center;}
.banner2 .content2{background-position:left top;}
.banner2 .banner2Nav{position:absolute;bottom:10px;width:100%;text-align:right;right:15px;z-index:2;}
.banner2 .banner2Nav img{width:40px;height:4px;margin:0px 3px;cursor:pointer;}
.banner2 .bannerBg{width:100%;height:auto;vertical-align:middle;}
*/
/**tabs**/
.tabPanel {}
.tabPanel ul{border-bottom:1px solid #ccc; text-align:center;margin-bottom:40px;padding-bottom:15px;}
.tabPanel ul li{ display:inline-block;color:#666; height:25px; line-height:25px;margin:0 30px;font-size:16px}
.tabPanel ul li:hover {color:#e60013}
.tabPanel .hit{cursor:pointer;color:#e60013;height:25px; line-height:25px;cursor:pointer;}
.pane{display:none;}
.panes{padding-bottom:60px}

.indcasesubject {padding:80px 0;}
.indcasesubject .inda7 {padding-bottom:5px}
.indcasecate { text-align:center;margin-bottom:-35px}
.indcasecate li { display:inline-block;margin:0 30px}
.indcasecate li a {font-size:16px;color:#666}
.indcasecate li.check a,.indcasecate li a:hover {color:#e60013}

.indcasemore { clear:both; text-align:center;padding:50px 0}
.indcasemore a {color:#e60013;font-size:19px; display:inline-block;padding:10px 25px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indcasemore a:hover { background:#e60013;color:#fff;}

.indcustomer {position:relative;width:100%;height:382px;padding:50px 0; background-attachment:fixed;background-repeat:no-repeat;background-position:top center;background-size:100% 100%;color:#fff}
.indcustomer .mleft {float:left;width:515px;}
.indcustomer .mleft .a1 {font-size:24px;}
.indcustomer .mleft .a2 {font-size:42px}
.indcustomer .mleft .line { background:#fff; height:1px;width:85px;margin:150px 0 20px 0}
.indcustomer .mleft .a3 {font-size:16px;}
.indcustomer .mright {position:absolute;top:0px;right:0;width:100%;height:482px;background:url() no-repeat 68% bottom fixed; background-size:482px auto;}

.indservice {padding-bottom:0px;}
.indservice li { text-align:center;float:left;width:209px; height:280px;padding:30px 20px 35px 20px;border:1px solid #e60013;margin-left:-1px;}
.indservice li i { display:block;width:40px;  height:40px;margin:0 auto}
.indservice li i.icon1 { background:url("../images/s1.png")/*tpa=http://www.teabaobao.com/images/s1.png*/ no-repeat center top;}
.indservice li i.icon2 { background:url("../images/s2.png")/*tpa=http://www.teabaobao.com/images/s2.png*/ no-repeat center top;}
.indservice li i.icon3 { background:url("../images/s3.png")/*tpa=http://www.teabaobao.com/images/s3.png*/ no-repeat center top;}
.indservice li i.icon4 { background:url("../images/s4.png")/*tpa=http://www.teabaobao.com/images/s4.png*/ no-repeat center top;}
.indservice li i.icon5 { background:url("../images/s5.png")/*tpa=http://www.teabaobao.com/images/s5.png*/ no-repeat center top;}
.indservice li i.icon6 { background:url("../images/s6.png")/*tpa=http://www.teabaobao.com/images/s6.png*/ no-repeat center top;}
.indservice li .title {color:#e60013;font-size:20px;margin:30px 0 15px 0}
.indservice li .line { background:#666; height:1px;width:50px;margin:0 auto}
.indservice li .cons { height:110px; line-height:22px; overflow:hidden;color:#666;margin:15px 0}
.indservice li .more a { display:inline-block;color:#777;border:1px solid #999;padding:5px 25px;}
.indservice li:hover { background:#e60013;color:#fff}
.indservice li:hover i {background-position:0 -40px}
.indservice li:hover .title {color:#fff;}
.indservice li:hover .line { background:#fff;}
.indservice li:hover .cons {color:#fff}
.indservice li:hover .more a {border-color:#fff;color:#fff}

.indservicesubject_2 {border-bottom:1px solid #ccc;}
.inda7_2 {font-size:24px;padding:0 0 40px 0}
.inda7_2 h1 {font-size:40px;margin:5px 0}
.indservice_2 li { width:25.33333%;padding:3% 4%;border:0; background:#dcdcdc; height:auto;}
.indservice_2 li.l2,.indservice_2 li.l4,.indservice_2 li.l6 { background:#e5e5e5}
.indservice_2 li .title {color:#333;font-size:20px; height:20px; line-height:20px; overflow:hidden;}
.indservice_2 li .line { background:#999;width:40px}
.indservice_2 li .cons { height:44px; line-height:22px;margin:20px 0 30px 0; overflow:hidden}
.indservice_2 li:hover { background:#e60013;color:#fff}


.indadv {padding:50px 0 80px 0}
.indadv dl {float:left;width:23.5%;margin-right:2%}
.indadv dl.last {margin-right:0}
.indadv dt { background:#626262;font-size:24px;color:#fff; height:40px; line-height:40px;padding-left:15px}
.indadv dd {color:#666;font-size:14px;padding-left:15px; line-height:25px}
.indadv dd h1 {font-size:16px;color:#333;padding:20px 0 15px 0}
.indadv dl:hover dt { background:#e60013;color:#fff}

.indnews {position:relative;width:100%;padding:60px 0; background-attachment:fixed;background-repeat:no-repeat;background-position:top center;background-size:cover;color:#fff}
.indnews .mleft {float:left;width:56%;}
.indnews .mright {float:right;width:36%;}
.indnews .more a { display:inline-block; background:#e60013;color:#fff;font-size:16px;padding:8px 45px 11px 45px}
.indnews .mright ul {border:1px solid #e60013;width:84%;padding:5px 8% 0 8%}
.indnews .mright ul li {border-bottom:1px dashed #666; height:48px; line-height:48px;}
.indnews .mright ul li span { display:inline-block; height:25px; line-height:25px;width:90px; vertical-align:middle;font-size:13px;}
.indnews .mright ul li a {color:#fff;font-size:13px; display:inline-block; height:25px;width:210px; vertical-align:middle; line-height:25px; overflow:hidden}
.indnews .mright ul li a:hover {color:#e60013}
.indnews .mright .more {padding:28px 0}
.indnews .mright .more a { display:block;padding:8px 0 11px 0; text-align:center}
.indnews .mleft .more {margin-top:-15px}
.indnews .ensubject {font-size:36px;}
.indnews .subject {font-size:24px;margin-bottom:40px}
.indnews .mleft li {margin-bottom:80px}
.indnews .mleft li .addtime {float:left;width:100px; height:84px;padding-top:16px; border:1px solid #e60013; text-align:center;font-size:16px;color:#e60013}
.indnews .mleft li .addtime p {font-size:48px}
.indnews .mleft li .cons {float:right;width:75%}
.indnews .mleft li .cons .title { height:25px; line-height:25px; overflow:hidden}
.indnews .mleft li .cons .title a {font-size:21px;color:#fff}
.indnews .mleft li .cons .title a:hover {color:#e60013}
.indnews .mleft li .cons .content {color:#9fa0a0;font-size:13px; line-height:22px; height:66px; overflow:hidden;margin-top:15px}

.indmessage{padding:80px 0}
.indmessage .mleft {float:left;width:50%;}
.indmessage .mright {float:right;width:45%}
.indmessage .mleft .pic {float:left;width:120px;}
.indmessage .mleft .pic img {border-radius:50%;width:120px;}
.indmessage .mleft .cons {float:right;width:70%}
.indmessage .mleft .cons .title {font-size:24px;color:#e60013}
.indmessage .mleft .cons .title2 {font-size:16px;padding:20px 0;color:#333}
.indmessage .mleft .cons .content {font-size:13px;color:#666; line-height:22px}
.indmessage .mleft .cons .more {margin-top:35px}
.indmessage .mleft .cons .more a { background:#e60013;color:#fff;font-size:16px; height:40px; line-height:40px;width:190px; text-align:center; display:block}
.indmessage .mright .title {font-size:24px;color:#e60013;}
.indmessage .mright .title span {color:#666;font-size:14px;margin-left:15px} 
.indmessage .mright input[type="text"] {border:1px solid #dcdddd; height:38px; line-height:38px;padding:0 2%;margin:15px 0;width:27.2888%;margin-right:1%;font-family: arial,"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";font-size:14px;color:#999}
.indmessage .mright input[type="text"].tel {margin-right:0}
.indmessage .mright textarea {font-family: arial,"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";color:#999;padding:2%; overflow:auto;border:1px solid #dcdddd;font-size:14px;width:94.5%;margin-top:-4px}
.indmessage .mright #indbutton { cursor:pointer;background:#e60013;color:#fff;width:190px; height:40px; line-height:40px;font-size:16px;border:0;font-family: arial,"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";margin-top:15px}
.indmessage .mright .submit {float:left;}
.indmessage .mright .tel i { display:inline-block; background:url("../images/tel.png")/*tpa=http://www.teabaobao.com/images/tel.png*/ no-repeat center;width:32px; height:32px;margin-right:10px; line-height:32px; vertical-align:middle}
.indmessage .mright .tel { float:right;margin-top:20px;color:#e60013;font-size:24px;height:32px; line-height:32px;}

/*
.bannerin { position:relative;padding:7.5% 0 8% 0;background-attachment:fixed; background-repeat:no-repeat; background-position:left 62px; background-size:100% auto; text-align:center;color:#fff;width:100%;overflow:hidden;font-weight:bold; display:none;}
.bannerin .cons {font-size:42px}
.bannerin .title {font-size:25px;border:3px solid #fff;display:inline-block;padding:5px 20px 8px 20px;margin-top:10px}
.bannerin img {max-width:100%; height:auto}
*/
.profile_title {font-size:36px; text-align:center;max-width:795px;margin:0 auto;padding:50px 0}
.profile_cons { text-align:center;font-size:16px; line-height:25px;color:#666}
.profile_num { text-align:center;padding:0px 0 0px 0}
.profile_num li { display:inline-block;margin:0 3.2%;width:200px; vertical-align:top;}
.profile_num li.l1 {margin-left:0}
.profile_num li.l4 {margin-right:0}
.profile_num li span.counter {font-size:70px;font-weight:bold; vertical-align:middle;font-family: 'ccssbc';}
.profile_num li font.jia {font-size:50px; vertical-align:middle;font-weight:bold;}
.profile_num li .cons {font-size:16px;color:#666; line-height:22px; height:44px; overflow:hidden;margin-top:5px}
.max100 {max-width:100%}
.pd50 {padding:50px 0; line-height:30px}

.brandconcept_pic { position:relative; padding:2.5% 0;background-attachment:fixed;background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center;color:#fff; font-size:34px;width:100%; overflow:hidden}
.brandconcept_pic .title {font-size:55px;}
.brandconcept_pic .cons {font-size:50px; line-height:60px}
.brandconcept_pic .line { height:2px;width:130px;margin:30px auto 40px auto; background:#e60013}

.team_about {padding-top:60px}
.team_about ul {margin-top:30px}
.team_about li {float:left;width:25%; position:relative;}
.team_about li .lists { position:absolute; z-index:1; background:#e60013;color:#fff;width:100%; height:100%; text-align:center; opacity:0}
.team_about li .lists:hover { opacity:1}
.team_about li .lists h1 { position:absolute; z-index:2;top:50%;margin-top:-30px;font-size:26px;width:100%; text-align:center;}
.team_about li .lists h2 { position:absolute;z-index:2;bottom:30px; text-align:center;width:100%}
.team_about li .lists h2 p {font-size:14px; display:inline-block;border-top:1px solid #fff;padding-top:10px;margin:0 auto}
.team_about li img { vertical-align:middle;width:100%; height:auto}
.team_line { background:#d0121d; height:2px;width:130px;margin:25px  auto}


#owl-demo,#owl-demo1-1{position:relative;width:100%;height:100%;}
#owl-demo .item,#owl-demo1-1 .item{ position:relative;display:block;color:#333}
#owl-demo img,#owl-demo1-1 img{display:block;width:100%;height:100%;}
.owl-pagination{position:absolute;left:0;bottom:-50px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:8px;height:8px;margin:0 5px;border-radius:50%;border:3px solid #c9c9c9; *display:inline;*zoom:1;}
#owl-demo1-1 .owl-page{ overflow:hidden; line-height:100px}
.owl-pagination .active{border-color:#e60013}
.owl-buttons{display:none;}
#owl-demo1-1 .owl-buttons { display:block}
.owl-buttons div{position:absolute;top:50%;width:23px;height:41px;margin-top:-20px;text-indent:-9999px;}
#owl-demo1-1 .owl-buttons div{ display:none;}
.owl-prev{left:20px;background:url("../images/l.png")/*tpa=http://www.teabaobao.com/images/l.png*/;}
.owl-next{right:20px;background:url("../images/r.png")/*tpa=http://www.teabaobao.com/images/r.png*/}
.owl-carousel {margin:40px 0 90px 0}
.owl-carousel .owl-wrapper:after {content: ".";	display: block;	clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url("grabbing.png")/*tpa=http://www.teabaobao.com/css/grabbing.png*/ 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}


.viewpoint { background:#efefef;margin-top:0px;padding:70px 0;}
.viewpoint ul { text-align:center;margin-top:30px;background:#fff;}
.viewpoint li {float:left;width:20.9%;padding:30px 2% 20px 2%;border-right:1px solid #efefef; min-height:170px;}
.viewpoint li .title {color:#e60013;font-size:30px;border-bottom:1px solid #c6c6c6; display:inline-block;padding-bottom:20px}
.viewpoint li .cons {font-size:14px;color:#666; line-height:25px;margin-top:25px}

.list2{}
.list2 .container{width:1004px;padding-top:80px;padding-bottom:30px}
.list2 .left{width:500px;float:left;}
.list2 .left .sub{width:100%;margin:18px 0 12px 0;}
.list2 .left .redTitle{padding:5px 0px 10px 0;line-height:25px; display:block;border-bottom:2px solid #e60013;color:#E50012;font-size:20px;}
.list2 .left .title{color:#333;line-height:45px;padding:10px 0 10px 0;margin-bottom:8px;font-family:'Noto Sans S Chinese Light','NotoSansHans-Light','微软雅黑';font-weight:100;font-size:36px;border-bottom:1px solid #d3d3d3;}
.list2 .left .footTitle{heihgt:30px;line-height:30px;font-size:20px;color:#333;margin:24px 0 6px 0;}
.list2 .left .footTitle span{vertical-align:middle;}
.list2 .left .footTitle .titleB{font-family:'FujitsuSansBold';font-size:26px;margin-right:5px;}
.list2 .left .listTitle{font-size:20px;line-height:28px;margin-top:36px;}
.list2 .left .info{font-size:16px;color:#333;line-height:30px;margin-top:20px}
.list2 .left .tel400 {color:#333;font-size:16px;margin-top:60px;}
.list2 .left .tel400 div.font { display:inline-block;color:#e60013;font-weight:bold;font-size:32px; font-family:Geneva, Arial, Helvetica, sans-serif}
.list2 .right{width:450px;float:right;}
.list2 .right .title{font-size:32px;color:#333;padding-bottom:8px;}
.list2 .right .title2 {color:#666;font-size:16px; line-height:25px;padding:0px 0 10px 0}
.list2 .right .line{padding:8px 0;}
.list2 .right .line .inputText{border:1px solid #dcdddd;color:#999;font-size:15px;padding:0 18px;width:414px;height:40px;line-height:40px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.list2 .right .line .textArea{border:1px solid #dcdddd;color:#999;font-size:15px;padding:10px 18px;width:414px;height:124px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.list2 .right .line .inputBtn{width:450px;cursor:pointer;height:50px;background:#fff;color:#e60013;font-size:17px;border:2px solid #e50012;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.list2 .right .line .inputBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.list2 .right .line .inputBtn:hover{background:#e50012;color:#fff;}

.contacts{padding:30px 0 70px 0}
.contacts li {float:left;width:235px; height:235px;border:1px solid #dcdddd;margin-right:18px; text-align:center}
.contacts li.download {margin-right:0}
.contacts li:hover {border-color:#e60013;}
.contacts li img {width:115px; height:115px;margin:0 auto;}
.contacts li .pic {margin-top:30px}
.contacts li .line { background:#e60013; height:2px;width:70px;margin:30px  auto 12px auto}
.contacts li .title {font-size:16px;color:#333}

.cooperation_content {padding:70px 0 100px 0}
.cooperation_notice_list {border-top:1px solid #dcdddd; position:relative}
.cooperation_notice_list ul {margin-top:-50px}
.cooperation_notice_list li {float:left;width:210px;margin-right:52px; text-align:center}
.cooperation_notice_list li.last {margin-right:0}
.cooperation_notice_list li i {width:100px; height:100px; border:1px solid #dcdddd; background:#fff;border-radius:50%; text-align:center; display:block;margin:0 auto}
.cooperation_notice_list li i p { width:46px; height:46px;margin:0 auto;margin-top:27px}
.cooperation_notice_list li i.icon1 p { background:url("../images/c1.png")/*tpa=http://www.teabaobao.com/images/c1.png*/ no-repeat;}
.cooperation_notice_list li i.icon2 p { background:url("../images/c2.png")/*tpa=http://www.teabaobao.com/images/c2.png*/ no-repeat;}
.cooperation_notice_list li i.icon3 p { background:url("../images/c3.png")/*tpa=http://www.teabaobao.com/images/c3.png*/ no-repeat;}
.cooperation_notice_list li i.icon4 p { background:url("../images/c4.png")/*tpa=http://www.teabaobao.com/images/c4.png*/ no-repeat;}
.cooperation_notice_list li .title {color:#e60013;font-size:24px;margin:30px 0}
.cooperation_notice_list li .cons {font-size:14px;color:#666; line-height:25px}
.cooperation_notice_list li:hover i p { background-position:0 -46px}
.cooperation_notice_list li:hover i {border-color:#e60013}

.cooperation_notice{margin:80px 0 60px 0; padding:70px 0;background:#efefef}
.cooptitle3 {padding-bottom:10px}
.cooperation_notice ul {margin-top:40px}
.cooperation_notice li {float:left;width:215px;margin-right:48px;}
.cooperation_notice li.last {margin-right:0}
.cooperation_notice li .title {border:1px solid #e60013; height:90px;padding-top:25px; text-align:center;font-size:24px;color:#e60013;}
.cooperation_notice li .title:hover { background:#e60013;color:#fff}
.cooperation_notice li .cons { text-align:center;font-size:14px;color:#666;margin-top:15px; line-height:25px;}

.cooperation_step ul {padding:40px 0 80px 0}
.cooperation_step li { text-align:center;border:1px solid #dcdddd;padding:10px 20px 13px 20px;}
.cooperation_step li:hover {border-color:#e60013;}
.cooperation_step li .title {font-size:20px;}
.cooperation_step li .cons {color:#666;margin-top:5px}
.cooperation_step i { background:url("../images/icon.png")/*tpa=http://www.teabaobao.com/images/icon.png*/ no-repeat center;width:25px; height:19px; display:block;margin:10px auto}

.newscate { text-align:center;padding:60px 0 10px 0}
.newscate li { display:inline-block;width:195px; height:45px; text-align:center;margin-left:-1px;}
.newscate li a { display:block;border:1px solid #dcdddd;  height:45px; line-height:45px;font-size:16px;color:#666}
.newscate li a:hover,.newscate li a.check { background:#e60013;color:#fff;border-color:#e60013;}

.news {margin-top:-20px}
.news li {border-bottom:1px solid #dcdddd; clear:both;padding:40px 0}
.news li .pic {float:left;width:250px;}
.news li .pic img {max-width:100%; height:auto}
.news li .cons {float:right;width:850px;}
.news li .cons .addtime {font-size:28px;margin-top:-6px}
.news li .cons .title { height:30px; line-height:30px;  overflow:hidden}
.news li .cons .title a {font-size:24px}
.news li .cons .content {font-size:14px;color:#666; line-height:22px;margin-top:8px; height:44px;  overflow:hidden}
.news li .cons .more a {float:right;margin-right:5px;margin-top:20px;border:1px solid #e60013;color:#e60013;font-size:16px; display:block; height:38px; line-height:38px;width:190px; text-align:center}
.news li .cons .more a:hover { background:#e60013;color:#fff;}
.prevnext { text-align:right;padding:35px 0}
.prevnext a,.prevnext span { display:inline-block;color:#e60013;width:195px; height:45px; line-height:45px; text-align:center;font-size:16px;border:1px solid #e60013;margin-left:-1px}
.prevnext a:hover,.prevnext span { background:#e60013;color:#fff}

.newstitle { text-align:center;font-size:32px;margin-top:50px}
.newsaddtime {color:#666;font-size:14px; text-align:center;margin-bottom:-30px;margin-top:10px}
.newsaddtime i { display:inline-block;margin:0 15px}
.newscons { line-height:25px;font-size:14px;color:#666}
.newscons img {vertical-align:middle;max-width:100%; height:auto;margin-top:5px}

.newsprevnext { text-align:center;padding:0px 0 10px 0;margin-top:-10px; line-height:25px;font-size:14px}
.newsprevnext .cons {color:#666}
.newsprevnext .prevnext { text-align:center}
.newsprevnext .bdsharebuttonbox {margin:0 auto; text-align:center;width:195px;}
.newsprevnext .bdsharebuttonbox a {color:#666}

.mar-30 {margin-top:-30px}
.adv_pic {margin:80px 0}
.adv_pic ul {margin-top:60px}
.adv_pic li {float:left;width:270px;margin-right:95px; text-align:center}
.adv_pic li.last {margin-right:0}
.adv_pic li .title {font-size:20px;color:#e60013}
.adv_pic li .line { height:2px; background:#e60013;width:70px;margin:10px auto 20px auto;}
.adv_pic li .cons {color:#c9caca;font-size:14px; line-height:25px;}
.adv_pic li .title2 {border:1px solid #e60013;color:#e60013;font-size:13px;width:100%;padding:5px 0;margin-top:20px}
.adv_pic .inda3 {color:#fff}

.adv_cus .subject {font-size:32px; text-align:center}
.adv_cus .subject span {color:#e60013;font-size:70px; font-weight:bold; vertical-align:baseline; display:inline-block}
.adv_cus .subject font {color:#e60013;font-size:50px; display:inline-block; vertical-align:baseline;font-weight:bold;margin-right:5px}
.adv_cus ul {margin:50px 0}
.adv_cus ul li {float:left;border:1px solid #dcdddd;width:160px; height:72px;padding-top:10px;text-align:center;margin:0 6px 6px 0}
.adv_cus ul li.last {margin-right:0}
.adv_cus ul li img {max-width:100%; height:auto; vertical-align:middle;-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1);}
.adv_cus ul li p {width:140px;  height:63px;margin:0 auto}
.adv_cus ul li:hover img {-webkit-filter: grayscale(0);filter:none;filter: grayscale(0);}
.adv_cus .more { text-align:center;padding-bottom:50px}
.adv_cus .more a {color:#e60013;border:1px solid #e60013;font-size:16px; text-align:center; height:40px; line-height:40px;width:200px;margin:0 auto; display:block}
.adv_cus .more a:hover { background:#e60013;color:#fff}


.mainNav{padding:72px 0;text-align:center;}
.mainNav .child{cursor:pointer;position:relative;color:#666;font-size:16px;text-align:center;width:188px;height:45px;line-height:45px;border:1px solid #dcdddd;display:inline-block;*display:inline;*zoom:1;}
.mainNav .child:Hover { background:#e60013;color:#fff;border-color:#e60013}
.mainNav .child.on{background:#e60013;border:1px solid #e60013;color:#fff;}
.mainNav .child.childList{margin-left:-1px;text-align:center;background-image:url("../images/navPointer.png")/*tpa=http://www.teabaobao.com/images/navPointer.png*/;background-position:158px center;background-repeat:no-repeat;}
.mainNav .child.childList span{ text-align:center;padding-right:15px}
.mainNav span.check { background:#e60013;color:#fff; display:block}
.mainNav .child.childList ul{display:none;background:#fff;position:absolute;top:46px;left:-1px;border:1px solid #dcdddd;z-index:2;}
.mainNav .child.childList ul li{color:#666;padding-right:15px;width:173px;height:40px;line-height:40px;}
.mainNav .child.childList ul li:hover{background:#eee;}
.mainNav .child.childList:hover>ul { display:block}

.casemore a {border:1px solid #e60013;color:#e60013;font-size:16px;width:250px; height:50px; line-height:50px;margin:60px auto; display:block; text-align:center}
.casemore a:hover { background:#e60013;color:#fff;}

.casetitle {font-size:16px;color:#333;margin-bottom:20px}
.caseinaaline {margin-top:0px}
.caserela {margin-bottom:70px}
.newsaddtime .hy {margin-left:50px}

.inda7_t {border-top:1px;padding:60px 0 100px 0;border-top:1px solid #ccc;}

.indteamlist {border-top:1px solid #ccc;}
.indteamlist #owl-demo {margin-top:0px}
.indteamlist i { height:0; width:0; display:block; overflow:hidden}
.indteamlist .owl-pagination {bottom:auto;top:-32px;left:2px;right:auto; text-align:left; height:30px;  line-height:30px;}
.indteamlist .owl-page{width:auto;padding:0 25px;height:30px;margin:0 0 0 -1px;border-radius:0;border:1px solid #999; background:none;font-size:16px}
.indteamlist .owl-pagination .active{ background:#535353;color:#fff;border-color:#535353;}
.indteamlist .owl-buttons div { display:none;}

.indad3 {margin:-40px 0 -80px 0}
.casesum {margin:50px 0 50px 0}
.aboutteam {padding:40px 0 0 0}
.inaaline2 {margin-top:-90px}

.indcasecate.actives { position:fixed;top:0; z-index:999999; background:#fff;border-bottom:1px solid #ccc;width:100%; height:65px; line-height:65px;text-align:center}

.newscurrent {margin:-35px 0 35px 0;color:#666}
.newscurrent a {color:#666;}
.newscurrent a:hover {color:#FF0000;}
.newscurrent i {margin:0 5px;}
.prevnextnews a,.prevnextnews span {width:43%;padding:0 3%; overflow:hidden}

.tjnews {padding:0px 0 30px 0;text-align:left;}
.tjnews .subject {font-weight:Bold;margin:0 0 15px 0;font-size:16px}
.tjnews li {float:left;width:50%; height:30px; line-height:30px; overflow:hidden; }
.tjnews li.no {float:right;width:46%;}

/*
.bannerin_out { height:395px; background-position:center; background-repeat:no-repeat;}
*/
.outs_pic { height:613px; background-position:center; background-repeat:no-repeat;}
.outs_subject { text-align:center;}
.outs_subject .title {color:#e60013;font-size:35px;font-weight:bold; line-height:45px;}
.outs_subject .line { background:#e60013;width:60px; height:2px;margin:15px auto;}
.outs_subject .cons {font-size:16px; line-height:30px;}
.outs_bao { background:#efefef;padding:60px 0}
.outs_solution {padding:60px 0;}
.outs_cons {margin-top:30px;font-size:16px; line-height:30px}
.outs_cons img {max-width:100%; height:auto}
.outs_customer {padding:60px 0 10px 0; background:#efefef}
.outs_step {padding:60px 0}
.outs_adv .outs_subject .cons {max-width:490px;margin:0 auto}
.outs_customer .outs_subject .cons {max-width:700px;margin:0 auto}

.outs_adv {margin-top:60px}
.outs_adv ul {margin:60px 0}
.outs_adv li { display:inline-block;width:33.3333%; text-align:center; vertical-align:top;}
.outs_adv li .pic { background:#e60044;width:140px; height:140px;margin:0 auto;border-radius:50%}
.outs_adv li .pic .table { display:table; height:100%;width:100%}
.outs_adv li .pic .table .td { display:table-cell; vertical-align:middle;}
.outs_adv li .pic:hover { background:#3e3a39}
.outs_adv li .cons {font-size:16px; line-height:30px;margin:15px 0 0px 0}
.outs_adv li .title {color:#e60044;font-size:18px; line-height:30px;font-weight:Bold;}

.outs_bao .profile_num {margin:30px 0 0 0}
.outs_bao ul.list4 {margin-top:40px}
.outs_bao ul.list4 li { display:inline-block;width:24.25%;margin:0 1% 0 0; background:#3e3a39;padding:20px 0; text-align:center;color:#cecece;}
.outs_bao ul.list4 li.f4 {margin-right:0}
.outs_bao ul.list4 li .pic { position:relative;}
.outs_bao ul.list4 li .pic p { background-position:center top; background-repeat:no-repeat;width:90px; height:90px;margin:0 auto}
.outs_bao ul.list4 li:hover .pic p { background-position: center bottom;}
.outs_bao ul.list4 li .line {width:25px; height:2px; background:#cecece;margin:20px  auto 15px auto;}
.outs_bao ul.list4 li .cons { line-height:25px; height:50px; overflow:hidden;marx-width:150px;margin:0 auto}
.outs_bao ul.list4 li:Hover { background:#e60044;color:#fff;}
.outs_bao ul.list4 li:Hover .line { background:#fff}

.outs_contact { background:#e60044;padding:15px 0 10px 0;color:#fff;}
.outs_contact .mleft {float:left;width:200px;}
.outs_contact .mleft h1 {width:100px; display:inline-block; vertical-align:bottom}
.outs_contact .mleft h1 img {width:100%}
.outs_contact .mleft h2 { vertical-align:bottom;font-size:16px;width:80px; display:inline-block;margin-left:15px;margin-bottom:5px}
.outs_contact .mright {float:right;width:350px; text-align:center;font-size:18px;margin-top:17px}
.outs_contact .mright .cons {font-size:16px}
.outs_contact .mright .cons .tel { display:inline-block;font-weight:Bold;font-size:38px; vertical-align:top;margin-top:-10px}
.outs_contact .mright .title {border-top:1px solid #fff;margin-top:4px;padding-top:10px}




.zzsc{width:100%; height:395px; margin:0 auto; overflow:hidden; display:none; text-align:center; background-position:center top; background-repeat:no-repeat; position:fixed; z-index:99999;left:0;top:0;width:100%;}
.zzsc .link{ width:100%; height:395px; display:block; z-index:10;}
.zzsc .up{ display:block; width:120px; height:12px; background:url("../images/arrow.jpg")/*tpa=http://www.teabaobao.com/images/arrow.jpg*/ no-repeat left bottom; position:absolute; left:50%; bottom:0; z-index:20; margin-left:-60px;}
.zzsc .down{ display:block; width:120px; height:12px; background:url("../images/arrow.jpg")/*tpa=http://www.teabaobao.com/images/arrow.jpg*/ no-repeat left top; position:absolute; left:50%; top:88px; z-index:20; margin-left:-60px;}
.zzsc.active {}




.footadv {border-top:1px solid #ccc;padding:40px 0;}
.footadv li {float:left;width:285px;margin-right:74px;}
.footadv li.last {margin-right:0}
.footadv li .pic {float:left;width:50px;margin-right:20px;}
.footadv li .cons {float:left;width:215px;margin-top:-2px;}
.footadv li .cons .title {font-size:24px;color:#333;margin-bottom:5px}
.footadv li .cons .content {font-size:13px; line-height:22px;color:#666}
.foot {border-top:1px solid #ccc;padding:50px 0; text-align:center}
.foot .a1 {color:#333;font-size:32px;}
.foot .a2 {color:#666;font-size:16px;margin-top:5px}
.foot .line { background:#e60013;width:70px; height:2px;margin:20px auto}
.foot .a4 {font-size:16px;color:#666; line-height:30px;}
.footer .link { line-height:25px;}
.footer .link a {margin-right:10px}
.footer .link a:hover {color:#fff;}
.footer a {color:#898989}
.footer .mleft {float:left;width:650px;font-size:14px; line-height:25px}
.footer .mleft .a1 {}
.footer .mleft .line { height:1px;width:75px; background:#898989;margin:20px 0 5px 0}
.footer .mright {float:right;width:235px;}
.footer .mright dt {font-size:16px;padding:10px 0 20px 20px}
.footer .mright dd { display:inline-block;margin-left:20px; position:relative}
.footer .mright dd a { display:block;width:54px; height:54px;}
.footer .mright dd.qq a { background:url("../images/qqf.png")/*tpa=http://www.teabaobao.com/images/qqf.png*/ no-repeat center;}
.footer .mright dd.tel a { background:url("../images/telf.png")/*tpa=http://www.teabaobao.com/images/telf.png*/ no-repeat center;}
.footer .mright dd.wx a { background:url("../images/wxf.png")/*tpa=http://www.teabaobao.com/images/wxf.png*/ no-repeat center;}
.footer .mright dd.wx a p { position:absolute; z-index:1;bottom:60px;left:-33px; opacity:0; display:none; background:url("../images/wx.jpg")/*tpa=http://www.teabaobao.com/images/wx.jpg*/ no-repeat;width:133px; height:354px; text-align:left;}
.footer .mright dd.wx a:hover p { display:block;opacity:1;}
.footer .mright dd.wx a p img { vertical-align:middle}
.footer .mright dd.wx a p .a1 {width:119px; height:119px;padding:6px 0 0 8px;}
.footer .mright dd.wx a p .a2 {width:119px; height:119px;padding:68px 0 0 7px;}
.fixleft h1,.fixleft h2,.footbottom {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.fixleft { cursor:pointer;width:49px; height:87px; position:fixed; z-index:99999;left:0;bottom:0px;}
.fixleft div {width:100%; height:100%; position:relative}
.fixleft h1{ background:url("../images/footleftqq.png")/*tpa=http://www.teabaobao.com/images/footleftqq.png*/ no-repeat center; position:absolute; z-index:2;width:100%;left:0; height:100%}
.fixleft h1.active { display:none;}
.fixleft h2{ background:url("../images/footleftqq.png")/*tpa=http://www.teabaobao.com/images/footleftqq.png*/ no-repeat center; position:absolute; z-index:1;width:100%; height:100%;left:0; display:none;}
.fixleft h2.active { display:block}
.footer {color:#898989; background:#3f3f3f;padding:28px 0 80px 0}
.footbottom { position:fixed; z-index:9999;bottom:0;left:0; background:rgba(42,39,39,0.9); height:60px;width:100%;} 
.footbottom.active {bottom:-60px}
.footbottom img {width:100%; vertical-align:middle;}
.footbottom .f1 {float:left;width:46%;margin-right:2%;height:60px}
.footbottom .f2 {float:left;width:14%;height:60px}
.footbottom .f3 {float:right;width:36.5%; text-align:right;height:60px}
.footbottom .table { display:table; height:100%;}
.footbottom .table .td { display:table-cell; vertical-align:middle}
.fixmob { display:none;}



/*foot1*/
.foot1 {border-top:1px solid #ccc;padding:50px 0; text-align:center}
.foot1 .a1 {color:#333;font-size:32px;}
.foot1 .a2 {color:#666;font-size:16px;margin-top:5px}
.foot1 .line { background:#e60013;width:70px; height:2px;margin:20px auto}
.foot1 .a4 {font-size:16px;color:#666; line-height:30px;}
.foot1 .a5 {font-size:22px;color:#666; line-height:30px;}
/*foot*/

/*foot*/
.foot { background:#4b4747;padding:35px 0; color:#8a8888; margin-top: 80px;}
.foot a {color:#8a8888;}
.foot a:Hover {color:#fff;}
.foot dl {float:left;margin-right:60px;text-align:left; display: block;}
.foot dl.last {margin-right:0}
.foot dt a {font-size:16px;}
.foot hr { background:#8a8888;width:15px; height:1px;border:0;margin:8px 0 15px 0}
.foot dl.copy {float:right;margin-right:0;width:215px;}
.foot dl.copy dt {margin:0 0 20px 0}
.foot dl.copy dd a { display:inline-block; vertical-align:top;width:52px; height:52px; position:relative}
.foot dl.copy dd a.wx { background:url(../images/11.png) no-repeat center;}
.foot dl.copy dd a.qq { background:url(../images/12.png) no-repeat center;margin:0 15px}
.foot dl.copy dd a.tel { background:url(../images/13.png) no-repeat center;}
.foot dl.copy dd a.wx p { position:absolute; z-index:1;bottom:60px;left:-28px;width:100px; height:100px; background:#fff;padding:5px; text-align:center;display:none;}
.foot dl.copy dd a.wx:hover p { display:block;}
.foot dl.copy dd .cons {font-size:12px;margin:50px 0 0 0; line-height:20px}
.fixright { position:fixed; z-index:99999;left:0;top:50%;margin-top:-117px;width:45px;}
.fixright a { display:block; height:45px;margin:1px 0; background:#e60013; background-position:center; background-repeat:no-repeat; position:relative}
.fixright a:hover { background-color:#333}
.fixright .totop a { height:50px; background:url(../images/f1.png) no-repeat center}
.fixright .tel a { background-image:url(../images/tel2.png);} 
.fixright .qq a { background-image:url(../images/QQ.png);} 
.fixright .wx a { background-image:url(../images/wx.png); position:relative;} 
.fixright .wx a p { position:absolute; z-index:1;left:46px;bottom:0;width:100px; display:none;}
.fixright .wx a p img {width:100%}
.fixright .wx a:hover p { display:block}
.fixright li h1 { position:absolute; z-index:1;top:0;left:-135px;width:85px; color:#fff;font-size:16px; height:45px; line-height:45px; background:#333 url(../images/tel2.png) no-repeat 15px 13px;padding:0 0 0 50px}
.fixright li.qq h1 { background:#333 url(../images/QQ.png) no-repeat 0px 0px;}
.fixright li:hover h1 {left:0}
/*foot*/