@charset "UTF-8";
a { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

/*棣栭〉*/

.idea_slider .imgs li p { float: left; position: absolute; top: 35%; left: 0; width: 1150px; left: 50%; margin-left: -575px; }
.idea_slider .imgs li p.en{ top: 28%; }
.idea_slider .imgs li p span { display: block; width: 475px; height: 58px; background: url(in1.png) no-repeat center center; }
.idea_slider .imgs li p .en_span { display: block; width: 475px; height: 80px; background: url(in1-1.png) no-repeat center center;  }
.idea_slider .imgs li p a { display: block; width: 90px; height: 22px; background: url(in2.png) no-repeat right center; margin-top: 25px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.idea_slider .imgs li p .en_a{ background: url(in2-1.png) no-repeat right center; margin-top: 55px; }
.idea_slider .imgs li p a:hover { background: url(in2.png) no-repeat left center; }
.idea_slider .imgs li p .en_a:hover{ background: url(in2-1.png) no-repeat left center; }

.home { width: 100%; }
.home .top { width: 100%; height: 180px; border-bottom: 1px solid #e5e5e5; }
.home .top ul { width: 100%; }
.home .top ul li { float: left; width: 190px; height: 90px; border-left: 1px solid #29a7e1; }
.home .top ul li:last-child { border-right: 1px solid #29a7e1; }
.home .top ul li span { display: block; width: 100%; height: 62px; font-size: 0; text-align: center; }
.home .top ul li span i { display: inline-block; width: 1px; height: 100%; margin-left: -1px; vertical-align: middle; }
.home .top ul li span img { display: inline-block; vertical-align: middle; }
.home .top ul li em { display: block; text-align: center; font: normal 17px 'microsoft yahei'; color: #222222; }
.home .top ul li em.en{ font: normal 14px 'microsoft yahei'; } 
.home .home1 { margin-top: 30px; width: 100%; }
.home .home1 ul { width: 100%; }
.home .home1 ul li { float: left; width: 153px; height: 188px; border: 1px solid #e6e6e6; margin-left: 10px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.home .home1 ul li:first-child { margin-left: 0; }
.home .home1 ul li a { display: block; width: 100%; height: 100%; }
.home .home1 ul li a span { display: block; width: 100%; height: 162px; font-size: 0; text-align: center; }
.home .home1 ul li a span i { display: inline-block; width: 1px; height: 100%; margin-left: -1px; vertical-align: middle; }
.home .home1 ul li a span img { display: inline-block; vertical-align: middle; }
.home .home1 ul li a em { display: block; font: normal 14px 'microsoft yahei'; color: #333333; text-align: center; }
.home .home1 ul li a em.en{ font: normal 12px 'microsoft yahei'; }
.home .home1 ul li:hover { border: 1px solid #526c97; }
.home .home1 ul li:hover em { color: #526c97; }
.home .home2 { margin-top: 30px; width: 100%; }
.home .home2 .left { float: left; width: 100px; height: 190px; background: #eef3fc; }
.home .home2 .left .l_img { float: left; padding-top: 32px; padding-left: 27px; }
.home .home2 .left .l_learn { float: left; padding-left: 34px; padding-top: 54px; }
.home .home2 .left .l_learn.en{ padding-left: 21px; }
.home .home2 .left .l_learn span { display: inline-block; }
.home .home2 .left .l_learn span.en{ position: relative; top: 10px; }
.home .home2 .left .l_learn a { display: block; margin-top: 25px; width: 40px; height: 15px; background: url(in_learn.png) no-repeat center top; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.home .home2 .left .l_learn a:hover { background: url(in_learn.png) no-repeat center bottom; }
.home .home2 .right { float: right; }
.home .home2 .right ul { width: 100%; }
.home .home2 .right ul li { float: left; width: 190px; height: 190px; background: #eef3fc; text-align: center; cursor: pointer; }
.home .home2 .right ul li:nth-child(odd) { background: #e8effa; }
.home .home2 .right ul li span { display: block; width: 100%; height: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.home .home2 .right ul li.lis1 span { background: url(inli1.png) no-repeat center center; }
.home .home2 .right ul li.lis1 span.en1{ background: url(inlia-1.png) no-repeat center center; }
.home .home2 .right ul li.lis1:hover span { background: url(zhoucheng.png) no-repeat center center; }
.home .home2 .right ul li.lis2 span { background: url(inli2.png) no-repeat center center; }
.home .home2 .right ul li.lis2 span.en2 { background: url(inli2-1.png) no-repeat center center; }
.home .home2 .right ul li.lis2:hover span { background: url(runhua.png) no-repeat center center; }
.home .home2 .right ul li.lis3 span { background: url(inli3.png) no-repeat center center; }
.home .home2 .right ul li.lis3 span.en3 { background: url(inli3-1.png) no-repeat center center; }
.home .home2 .right ul li.lis3:hover span { background: url(mifeng.png) no-repeat center center; }
.home .home2 .right ul li.lis4 span { background: url(inli4.png) no-repeat center center; }
.home .home2 .right ul li.lis4 span.en4 { background: url(inli4-1.png) no-repeat center center; }
.home .home2 .right ul li.lis4:hover span { background: url(dongli.png) no-repeat center center; }
.home .home2 .right ul li.lis5 span { background: url(inli5.png) no-repeat center center; }
.home .home2 .right ul li.lis5 span.en4 { background: url(inli5-1.png) no-repeat center center; }
.home .home2 .right ul li.lis5:hover span { background: url(jidian.png) no-repeat center center; }
.home .home2 .right ul li.lis6 span { background: url(inli6.png) no-repeat center center; }
.home .home2 .right ul li.lis6 span.en4 { background: url(inli6-1.png) no-repeat center center; }
.home .home2 .right ul li.lis6:hover span { background: url(zhuangtai.png) no-repeat center center; }
.home .home3 { margin-top: 30px; width: 100%; }
.home .home3 .pic{ width: 100%;text-align:center; }
.home .home3 .left { float: left; width: 300px; height: 310px; border: 1px solid #ededed; border-left: 0; }
.home .home3 .left .p_l { float: left; width: 780px; height: 350px; }
.home .home3 .left .p_l img { width: 100%; }
.home .home3 .left .p_r { float: left; margin-left: 30px; }
.home .home3 .left .p_r span { display: block; margin-top: 35px; }
.home .home3 .left .p_r a { display: block; width: 238px; height: 48px; border-bottom: 1px dotted #0a6cb0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.home .home3 .left .p_r a:nth-child(2) { margin-top: 20px; }
.home .home3 .left .p_r a em { display: block; width: 215px; margin-left: 2px; padding-top: 10px; padding-left: 17px; font: normal 12px "Simsun"; color: #0a6cb0; background: url(in20.png) no-repeat left 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home .home3 .left .p_r a i { display: block; padding-top: 6px; font: normal 12px 'tahoma'; color: #0a6cb0; padding-left: 20px; }
.home .home3 .left .p_r a i b { font-weight: normal; }
.home .home3 .left .p_r a:last-child { margin-top: 25px; width: 80px; height: 15px; background: url(in_learn.png) no-repeat center top; border: 0; }
.home .home3 .left .p_r a:last-child:hover { background: url(in_learn.png) no-repeat center bottom; }
.home .home3 .right { float: right; width: 350px; height: 310px; }
.home .home3 .right ul { width: 100%; }
.home .home3 .right ul li { width: 100%; height: 150px; margin-top: 10px; }
.home .home3 .right ul li.lis1 { margin-top: 0; background: url(in21.png) no-repeat center center; }
.home .home3 .right ul li.lis1 p { float: left; margin-left: 37px; margin-top: 40px; }
.home .home3 .right ul li.lis1 p span { display: block; }
.home .home3 .right ul li.lis1 p a { margin-top: 20px; display: block; width: 80px; height: 15px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; background: url(in23.png) no-repeat center bottom; }
.home .home3 .right ul li.lis1 p a:hover { background: url(in23.png) no-repeat center top; }
.home .home3 .right ul li.lis2 { background: url(in24.png) no-repeat center center; }
.home .home3 .right ul li.lis2 p { float: right; margin-right: 37px; margin-top: 40px; }
.home .home3 .right ul li.lis2 p span { display: block; }
.home .home3 .right ul li.lis2 p a { margin-top: 20px; display: block; width: 80px; height: 15px; float: right; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; background: url(in23.png) no-repeat center top; }
.home .home3 .right ul li.lis2 p a:hover { background: url(in23.png) no-repeat center bottom; }
.home .home3 .right .p_l { float: left; width: 310px; height: 310px; }
.home .home3 .right .p_l img { width: 100%; }
.home .home3 .center { float: left; width: 495px; height: 400px; border: 1px solid #ededed; border-left: 0; }
.home .home3 .center .p_l { float: left; width: 460px; height: 310px; }
.home .home3 .center .p_l img { width: 100%; }
.home .home3 .center .title { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.home .home3 .center .title h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }
.home .home3 .center .icons {  margin-top: 26px;}
.home .home3 .center .icons .block {    border-radius: 0; -moz-border-radius: 0;   -webkit-border-radius: 0;    border: 0;}
.home .home3 .center .icons .block .circleIconsCont {
    font-family: skf_chevin_lightregular;
    display: inline-block;
    box-sizing: border-box;
    width: 32%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 3.6em;
    vertical-align: top;
}
.home .home3 .center .icons .block .circleIconsCont .circleIconsCont .circleIcons {
    background-color: #485a6d;
    display: inline-block;
    border-radius: 100%;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width:40px;
    height: 40px;
    vertical-align: middle;
    line-height: 45px;
    padding: 12px;
}
.home .home3 .center .circleIconsCont .iconText {
    text-align: center;
    margin-top: 1em;
}
/*crumbs*/
.crumbs { width: 100%; height: 46px; background: url(crumbs.png) no-repeat center center; margin-top: -41px; }
.crumbs span { font: normal 12px "Simsun"; color: #89c9e7; display: block; padding-left: 47px; line-height: 46px; }
.crumbs span a { font: normal 12px "Simsun"; color: #525e72; }

/*banner*/
.photos { width: 100%; }
.photos img { width: 100%; }

/*left-navigation*/
.navigation { float: left; width: 226px; border-left: 1px solid #d9e2ef; padding-top: 20px;
	z-index: 9999;
    font-size: 14px;
    line-height: 20px;
    min-height: 680px; }
    
.navigation h2 { width: 206px; margin-left: -1px; background: url(rightA.png) no-repeat center right; font-size: 0; }
.navigation em { display: block; padding-top: 18px; width: 100%; border-bottom: 1px solid #d9e2ef; }
.navigation ul { width: 226px; }
.navigation ul li { width: 206px; margin-top: 24px; background: url(right.png) no-repeat right center; cursor: pointer; }
.navigation ul li a { display: block; padding-left: 25px; font: normal 12px "Simsun"; color: #535f73; }
.navigation ul li:hover { background: url(rightA.png) no-repeat right center; }
.navigation ul li:hover a { color: #0e6da6; }
.navigation ul li.cur { background: url(rightA.png) no-repeat right center; }
.navigation ul li.cur a { color: #0e6da6; }

/*about-index*/
.about { width: 100%; margin-top: 60px; }
.about .navigation p { width: 226px; margin-top: 20px; }
.about .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.about .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.about .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.about .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.about .container { float: right; width: 873px; }
.about .container .abo1 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.about .container .abo1 h3 { font: normal 25px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }

.about .container .abo3 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px;}
.about .container .abo3 .left { float: left; width: 925px; height: 200px; border: 1px solid #ededed; border-left: 0; }
.about .container .abo3 .left .p_l { float: left; width: 925px; height: 260px; }
.about .container .abo3 .left .p_l img { width: 100%; }

.about .container .abo2 { width: 100%; }
.about .container .abo2 ul { width: 100%; }
.about .container .abo2 ul li { float: left; width: 100%; margin-top: 40px; height: 200px; width: 925px}
.about .container .abo2 ul li span { display: block; width: 100%; font: normal 22px "Simsun"; line-height: 20px; margin-top: 12px; }
.about .container .abo2 ul li span em { display: block;  padding-left: 20px; background: url(inspan1.png) no-repeat left 6px; font: normal 18px/20px 'Simsun'; color: black; }
.about .container .abo2 ul li.lis1 { background: url(inli-1.png) no-repeat center center; }
.about .container .abo2 ul li.lis2 { background: url(inli2-2.png) no-repeat center center; }
.about .container .abo2 ul li.lis2 span em { display: block; float: right; }
.about .container .abo2 ul li.lis3 { background: url(inli3-2.png) no-repeat center center; }
.about .container .abo2 ul li.lis3 span:first-child { margin-top: 70px; }
.about .container .abo2 ul li.lis4 { background: url(inli4-2.png) no-repeat center center; }
.about .container .abo2 ul li.lis4 span em { display: block; float: right; }

.about .container .abo4 { margin-top: 20px; width: 100%; height: 300px; background: url(in3-1.png) no-repeat center center; position: relative; }
.about .container .abo4 .left { width: 400px; float: left; height: 100%; }
.about .container .abo4 .left img { margin-left: 60px; margin-top: 20px; margin-bottom: 12px; }
.about .container .abo4 .left p { font: normal 20px 'microsoft yahei'; color: #4c4c4c; margin-left: 60px; }
.about .container .abo4 .left p i { color: #3575b5; }
.about .container .abo4 .left span { display: block; margin-top: 23px; padding-bottom: 5px; border-bottom: 1px dotted #c7c7c7; width: 307px; margin-left: 60px; font: normal 12px 'Simsun'; color: #666666; }
.about .container .abo4 .left span em { display: block; margin-left: 6px; padding-left: 22px; }
.about .container .abo4 .left span em i { font-family: 'microsoft yahei'; }
.about .container .abo4 .left span.span1 em { background: url(address.png) no-repeat left center; }
.about .container .abo4 .left span.span2 em { background: url(email.png) no-repeat left center; }
.about .container .abo4 .left span.span3 em { background: url(phonenum.png) no-repeat left center; }
.about .container .abo4 .left span.span4 em { background: url(phonenumber.png) no-repeat left center; }
.about .container .abo4 .right { float: right; width: 444px; }
.about .container .abo4 .right img {margin-top: 20px; width: 100%; }


/*about-customer*/
.customer { width: 100%; margin-top: 60px; }
.customer .navigation p { width: 226px; margin-top: 20px; }
.customer .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.customer .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.customer .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.customer .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.customer .container { float: right; width: 873px; }
.customer .container .cus1 { width: 100%; border-bottom: 1px solid #0a6cb0; padding-bottom: 22px; margin-top: 15px; }
.customer .container .cus1 h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }
.customer .container .cus2 { width: 100%; margin-top: 32px; }
.customer .container .cus2 img { width: 100%; }





/*about-company*/
.company { width: 100%; margin-top: 60px; }
.company .navigation p { width: 226px; margin-top: 20px; }
.company .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.company .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.company .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.company .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.company .container { float: right; width: 873px; }
.company .container .comp1 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.company .container .comp1 h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }
.company .container .comp2 { width: 100%; }
.company .container .comp2 ul { width: 100%; }
.company .container .comp2 ul li { width: 100%; padding: 30px 0; border-bottom: 1px solid #ededed; }
.company .container .comp2 ul li a { display: block; }
.company .container .comp2 ul li a.a_l { float: left; width: 320px; }
.company .container .comp2 ul li a.a_l img { width: 100%; }
.company .container .comp2 ul li a.a_r { float: right; width: 530px; }
.company .container .comp2 ul li a.a_r span { display: block; width: 100%; margin-top: 30px; padding-bottom: 15px; border-bottom: 1px dotted #c7c7c7; font: normal 14px 'microsoft yahei'; color: #333333; }
.company .container .comp2 ul li a.a_r em { display: block; font: normal 12px/24px 'Simsun'; color: #666666; padding-top: 5px; text-decoration: none; }
.company .container .comp2 ul li a.a_r i { display: block; margin-top: 18px; font: normal 12px 'tahoma'; color: #d70000; }
.company .container .comp2 ul li a.a_r:hover span { color: #d70000; }
.company .container .comp2 ul li a.a_r:hover em { color: #444444; text-decoration: underline; }

/*pages*/
.pages { margin-top: 30px; text-align: center; }
.pages a { display: inline-block; width: 22px; height: 22px; font: normal 12px/22px 'tahoma'; color: #888888; }
.pages a:hover { background: url(pagebg.png) no-repeat center center; color: #d70000; }
.pages a.cur { background: url(pagebg.png) no-repeat center center; color: #d70000; }

.ab_detail { width: 100%; margin-top: 60px; }
.ab_detail .navigation p { width: 226px; margin-top: 20px; }
.ab_detail .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.ab_detail .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.ab_detail .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.ab_detail .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.ab_detail .container { float: right; width: 873px; }
.ab_detail .container .ab_de1 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.ab_detail .container .ab_de1 h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }
.ab_detail .container .ab_de2 { width: 100%; margin-top: 30px; padding-bottom: 70px; border-bottom: 1px dotted #535f73; }
.ab_detail .container .ab_de2 span { display: block; width: 100%; font: normal 22px 'microsoft yahei'; color: #333333; }
.ab_detail .container .ab_de2 span.spanTitle { text-align: center; }
.ab_detail .container .ab_de2 em { display: block; width: 100%; background: url(ab_de1.png) no-repeat center center; margin-top: 15px; margin-bottom: 20px; font: normal 18px 'tahoma'; color: #999999; text-align: center; }
.ab_detail .container .ab_de2 emm { display: block; width: 100%; background: url(ab_de1.png) no-repeat center center; margin-top: 20px; margin-bottom: 18px; margin-left: 10px; margin-right: 10px;font: normal 20px 'SimSun'; color: #333333; text-align: left; }
.ab_detail .container .ab_de2 img { max-width: 100%; }

/*back*/
.back { width: 100%; margin-top: 30px; }
.back a { display: block; font: normal 12px/30px 'Simsun'; color: #535f73; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.back a.back_prev { width: 280px; float: left; }
.back a.back_prev em { display: block; width: 30px; height: 30px; float: left; background: url(back_prev.png) no-repeat left center; margin-right: 7px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.back a.back_prev:hover { text-decoration: underline; }
.back a.back_prev:hover em { background: url(back_prev.png) no-repeat right center; }
.back a.back_list { float: left; width: 140px; height: 30px; margin-left: 85px; background: #535f73; border-radius: 15px; color: #ffffff; text-align: center; }
.back a.back_next { float: right; width: 280px; text-align: right; }
.back a.back_next em { display: block; width: 30px; height: 30px; float: right; background: url(back_next.png) no-repeat right center; margin-left: 7px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.back a.back_next:hover { text-decoration: underline; }
.back a.back_next:hover em { background: url(back_next.png) no-repeat left center; }

/*about-staff*/
.staff { width: 100%; margin-top: 60px; }
.staff .navigation p { width: 226px; margin-top: 20px; }
.staff .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.staff .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.staff .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.staff .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.staff .container { float: right; width: 873px; }
.staff .container .sta1 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.staff .container .sta1 h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }
.staff .container .sta2 { width: 100%; }
.staff .container .sta2 ul { width: 100%; }
.staff .container .sta2 ul li { float: left; margin-left: 9px; margin-top: 15px; width: 430px; height: 290px; border: 1px solid #e6e6e6; }
.staff .container .sta2 ul li:nth-child(2n+1) { margin-left: 0; }
.staff .container .sta2 ul li a { display: block; font-size: 0; }
.staff .container .sta2 ul li a img { width: 100%; height: 240px; padding: 0; margin: 0; }
.staff .container .sta2 ul li a span { display: block; width: 100%; height: 50px; font: normal 16px/50px 'microsoft yahei'; color: #666666; float: left; text-indent: 10px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.staff .container .sta2 ul li a span em { font-family: tahoma; color: #d70000; float: right; padding-right: 10px; }
.staff .container .sta2 ul li a span:hover { background: #535f73; color: #ffffff; }
.staff .container .sta2 ul li a span:hover em { color: #ffffff; }

/*logistics-index*/
.logistics { width: 100%; margin-top: 60px; }
.logistics .navigation p { width: 226px; margin-top: 20px; }
.logistics .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.logistics .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.logistics .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.logistics .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.logistics .container { float: right; width: 873px; }
.logistics .container .logi1 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.logistics .container .logi1 h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }
.logistics .container .logi2 { width: 100%; }
.logistics .container .logi2 img { width: 100%; }
.logistics .container .logi2 span { display: block; padding-top: 50px; font: normal 14px 'microsoft yahei'; color: #525252; text-align: center; }
.logistics .container .logi2 span em { font: normal 22px 'microsoft yahei'; color: #d70000; }

/*product-index*/
.product { width: 100%; margin-top: 60px; }
.product .navigation p { width: 226px; margin-top: 20px; }
.product .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.product .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.product .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.product .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.product .container { float: right; width: 873px; }
.product .container .pro1 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.product .container .pro1 h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }

.product .container .pro3 { width: 100%; margin-top: 25px; }
.product .container .pro3 ul { width: 100%; }
.product .container .pro3 ul li { float: left; width: 290px; height: 1200px; border-left: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; position: relative; }
.product .container .pro3 ul li:nth-child(3n+1) { border-left: 0; }
.product .container .pro3 ul li p { width: 100%; }
.product .container .pro3 ul li p.p_top { height: 285px; text-align: center; font-size: 0; }
.product .container .pro3 ul li p.p_top em { display: inline-block; width: 1px; margin-left: -1px; height: 100%; vertical-align: middle; }
.product .container .pro3 ul li p.p_top img { display: inline-block; vertical-align: middle; max-width: 100%; }

.product .container .pro2 { width: 100%; margin-top: 25px; }
.product .container .pro2 ul { width: 100%; }
.product .container .pro2 ul li { float: left; width: 290px; height: 320px; border-left: 1px dotted #d3d3d3; border-bottom: 1px dotted #d3d3d3; position: relative; }
.product .container .pro2 ul li:nth-child(3n+1) { border-left: 0; }
.product .container .pro2 ul li p { width: 100%; }
.product .container .pro2 ul li p.p_top { height: 285px; text-align: center; font-size: 0; }
.product .container .pro2 ul li p.p_top em { display: inline-block; width: 1px; margin-left: -1px; height: 100%; vertical-align: middle; }
.product .container .pro2 ul li p.p_top img { display: inline-block; vertical-align: middle; max-width: 100%; }

.product .container .ser2 { margin-top: 35px; width: 100%; }
.product .container .ser2 ul { width: 100%; }
.product .container .ser2 ul li { width: 100%; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px dotted #c7c7c7; }
.product .container .ser2 ul li:first-child { margin-top: 0; }
.product .container .ser2 ul li a { display: block; }
.product .container .ser2 ul li a.serA_l { float: left; background: url(in2-2.png) no-repeat left center; padding-left: 27px; margin-left: 5px; font: normal 16px 'microsoft yahei'; color: #5c5c5c; }
.product .container .ser2 ul li a.serA_r { float: right; width: 95px; height: 25px; font: normal 12px/25px 'Simsun'; color: #ffffff; text-align: center; background: #536073; border-radius: 15px; }
.product .container .ser2 ul li:hover .serA_l { color: #1c85c4; }
.product .container .ser2 ul li:hover .serA_r { background: #7399c6; }


.product .container .pro2 ul li p.p_bot { height: 80px; }
.product .container .pro2 ul li p.p_bot span { display: block; font: normal 16px 'microsoft yahei'; color: #5c5c5c; text-align: center; padding-bottom: 10px; }
.product .container .pro2 ul li p.p_bot em { display: block; font: normal 12px/20px 'Simsun'; color: #999999; }
.product .container .pro2 ul li p.p_mask { display: none; width: 100%; height: 100%; background: #7c889d; opacity: 0.8; position: absolute; top: 0; left: 0; }
.product .container .pro2 ul li p.p_mask a { display: block; width: 50px; height: 52px; position: absolute; top: 50%; margin-top: -26px; left: 50%; margin-left: -25px; font: normal 24px 'microsoft yahei'; color: #ffffff; }
.product .container .pro2 ul li p.p_mask i { display: block; position: absolute; }
.product .container .pro2 ul li p.p_mask i em { position: absolute; display: none; }
.product .container .pro2 ul li p.p_mask i.i_b { top: 62%; left: 45%; width: 56px; height: 1px; }
.product .container .pro2 ul li p.p_mask i.i_b em { left: 0; width: 0; border-bottom: 1px solid #ffffff; }
.product .container .pro2 ul li p.p_mask i.i_b em.cur { animation: line_b 0.5s ease 0.3s forwards; -webkit-animation: line_b 0.5s ease 0.3s forwards; -moz-animation: line_b 0.5s ease 0.3s forwards; -ms-animation: line_b 0.5s ease 0.3s forwards; -o-animation: line_b 0.5s ease 0.3s forwards; }
.product .container .pro2 ul li p.p_mask i.i_r { top: 42%; left: 64%; width: 1px; height: 56px; }
.product .container .pro2 ul li p.p_mask i.i_r em { bottom: 0; width: 1px; height: 0; border-right: 1px solid #ffffff; }
.product .container .pro2 ul li p.p_mask i.i_r em.cur { animation: line_r 0.5s ease 0.8s forwards; -webkit-animation: line_r 0.5s ease 0.8s forwards; -moz-animation: line_r 0.5s ease 0.8s forwards; -ms-animation: line_r 0.5s ease 0.8s forwards; -o-animation: line_r 0.5s ease 0.8s forwards; }
.product .container .pro2 ul li p.p_mask i.i_t { top: 42%; left: 40%; width: 56px; height: 1px; }
.product .container .pro2 ul li p.p_mask i.i_t em { right: 0; width: 0; border-bottom: 1px solid #ffffff; }
.product .container .pro2 ul li p.p_mask i.i_t em.cur { animation: line_b 0.5s ease 1.3s forwards; -webkit-animation: line_b 0.5s ease 1.3s forwards; -moz-animation: line_b 0.5s ease 1.3s forwards; -ms-animation: line_b 0.5s ease 1.3s forwards; -o-animation: line_b 0.5s ease 1.3s forwards; }
.product .container .pro2 ul li p.p_mask i.i_l { top: 45%; left: 36%; width: 1px; height: 56px; }
.product .container .pro2 ul li p.p_mask i.i_l em { top: 0; width: 1px; height: 0; border-right: 1px solid #ffffff; }
.product .container .pro2 ul li p.p_mask i.i_l em.cur { animation: line_r 0.5s ease 1.8s forwards; -webkit-animation: line_r 0.5s ease 1.8s forwards; -moz-animation: line_r 0.5s ease 1.8s forwards; -ms-animation: line_r 0.5s ease 1.8s forwards; -o-animation: line_r 0.5s ease 1.8s forwards; }



/*product-detail*/
.pro_detail { width: 100%; margin-top: 60px; }
.pro_detail .navigation p { width: 226px; margin-top: 20px; }
.pro_detail .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.pro_detail .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.pro_detail .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.pro_detail .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.pro_detail .container { float: right; width: 873px; }
.pro_detail .container .pro_de1 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.pro_detail .container .pro_de1 h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }
/*.pro_detail .container .pro_de2 { width: 100%; margin-top: 25px; padding-bottom: 35px; border-bottom: 1px dotted #d3d3d3; }
.pro_detail .container .pro_de2 h2 { font: normal 16px 'microsoft yahei'; color: #333333; text-align: center; }
.pro_detail .container .pro_de2 i { display: block; font: normal 14px 'microsoft yahei'; color: #0e6da6; text-align: center; background: url(../images/about/ab_de1.png) no-repeat center center; margin-top: 18px; }
.pro_detail .container .pro_de3 { width: 100%; margin-top: 32px; }*/
.pro_detail .container .pro_de2 { width: 100%; margin-top: 25px; }
.pro_detail .container .pro_de2 .pro_title { width: 100%; }
.pro_detail .container .pro_de2 .pro_title h2 { font: normal 16px 'microsoft yahei'; color: #333333; text-align: center; }
/*.pro_detail .container .pro_de2 .pro_title span { display: block; background: #ffffff; font: normal 14px 'microsoft yahei'; color: #0e6da6; text-align: center; margin-top: 18px; }
.pro_detail .container .pro_de2 .pro_title span i { display: inline-block; padding: 0 10px; background: #ffffff; }
.pro_detail .container .pro_de2 .pro_title span em { display: block; width: 100%; border-bottom: 1px dotted #d1d1d1; margin-top: -10px; }*/
.pro_detail .container .pro_de2 .pro_top { display: block; padding: 30px 35px 38px 35px; border: 1px dotted #d3d3d3; margin-top: 18px; border-radius: 5px; }
.pro_detail .container .pro_de2 .pro_top h4 { font: normal 14px 'microsoft yahei'; color: #0e6da6; text-align: center; margin-top: -42px; }
.pro_detail .container .pro_de2 .pro_top h4 i { padding: 0 10px; background: #ffffff; }
.pro_detail .container .pro_de2 .pro_top p.left { float: left; margin-right: 30px; }
.pro_detail .container .pro_de2 .pro_top p.left img { width: 220px; height: 220px; }
.pro_detail .container .pro_de2 .pro_top p.right { padding-top: 15px; }
.pro_detail .container .pro_de2 .pro_top p.right span { font: normal 12px/22px 'Simsun'; color: #666666; }
.pro_detail .container .pro_de2 .pro_bot { display: block; padding: 30px 35px 38px 35px; border: 1px dotted #d3d3d3; margin-top: 18px; border-radius: 5px; }
.pro_detail .container .pro_de2 .pro_bot h4 { font: normal 14px 'microsoft yahei'; color: #0e6da6; text-align: center; margin-top: -42px; }
.pro_detail .container .pro_de2 .pro_bot h4 i { padding: 0 10px; background: #ffffff; }
.pro_detail .container .pro_de2 .pro_bot ul li { float: left; width: 260px; height: 150px; margin-left: 10px; }
.pro_detail .container .pro_de2 .pro_bot ul li img { width: 260px; height: 150px; }
.pro_detail .container .pro_de2 .pro_bot ul li:first-child { margin-left: 0; }
.pro_detail .container .pro_de2 .pro_bot p { font: normal 12px/22px 'Simsun'; color: #666666;/* margin-top: 16px;*/ }

.pro_detail .container .pro_de3 .Adown { display: block; width: 264px; height: 50px; margin: 0 auto; font: normal 16px/50px 'microsoft yahei'; color: #ffffff; background: #0e6da6; border-radius: 55px; text-align: center; }
.pro_detail .container .pro_de3 .Adown em { background: url(de2.png) no-repeat left center; padding: 5px 0 5px 40px; }
.pro_detail .container .pro_de3 .Areturn { display: block; width: 90px; margin: 0 auto; margin-top: 25px; text-align: center; font: normal 14px 'microsoft yahei'; color: #0e6da6; border-bottom: 1px dashed #0e6da6; padding-bottom: 4px; }

@keyframes line_b { 0% { width: 0; }
  100% { width: 100%; } }
@-webkit-keyframes line_b { 0% { width: 0; }
  100% { width: 100%; } }
@-moz-keyframes line_b { 0% { width: 0; }
  100% { width: 100%; } }
@-ms-keyframes line_b { 0% { width: 0; }
  100% { width: 100%; } }
@-o-keyframes line_b { 0% { width: 0; }
  100% { width: 100%; } }
@keyframes line_r { 0% { height: 0; }
  100% { height: 100%; } }
@-webkit-keyframes line_r { 0% { height: 0; }
  100% { height: 100%; } }
@-moz-keyframes line_r { 0% { height: 0; }
  100% { height: 100%; } }
@-ms-keyframes line_r { 0% { height: 0; }
  100% { height: 100%; } }
@-o-keyframes line_r { 0% { height: 0; }
  100% { height: 100%; } }
/*service-index*/
.service { width: 100%; margin-top: 60px; }
.service .navigation p { width: 226px; margin-top: 20px; }
.service .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.service .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.service .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.service .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.service .container { float: right; width: 873px; }
.service .container .ser1 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.service .container .ser1 h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }
.service .container .ser2 { margin-top: 35px; width: 100%; }
.service .container .ser2 ul { width: 100%; }
.service .container .ser2 ul li { width: 100%; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px dotted #c7c7c7; }
.service .container .ser2 ul li:first-child { margin-top: 0; }
.service .container .ser2 ul li a { display: block; }
.service .container .ser2 ul li a.serA_l { float: left; background: url(in2-2.png) no-repeat left center; padding-left: 27px; margin-left: 5px; font: normal 16px 'microsoft yahei'; color: #5c5c5c; }
.service .container .ser2 ul li a.serA_r { float: right; width: 95px; height: 25px; font: normal 12px/25px 'Simsun'; color: #ffffff; text-align: center; background: #536073; border-radius: 15px; }
.service .container .ser2 ul li:hover .serA_l { color: #1c85c4; }
.service .container .ser2 ul li:hover .serA_r { background: #7399c6; }

.service .container .ser3 { margin-top: 35px; width: 100%; }
.service .container .ser3 ul { width: 100%; }
.service .container .ser3 ul li { width: 100%; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px dotted #c7c7c7; }
.service .container .ser3 ul li:first-child { margin-top: 0; }
.service .container .ser3 ul li a { display: block; }
.service .container .ser3 ul li a.serA_l { float: left; background: url(视频.png) no-repeat left center; padding-left: 27px; margin-left: 5px; font: normal 16px 'microsoft yahei'; color: #5c5c5c; }
.service .container .ser3 ul li a.serA_r { float: right; width: 95px; height: 25px; font: normal 12px/25px 'Simsun'; color: #ffffff; text-align: center; background: #536073; border-radius: 15px; }
.service .container .ser3 ul li:hover .serA_l { color: #1c85c4; }
.service .container .ser3 ul li:hover .serA_r { background: #7399c6; }

/*service-detail*/
.service_detail { width: 100%; margin-top: 60px; }
.service_detail .navigation p { width: 226px; margin-top: 20px; }
.service_detail .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.service_detail .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.service_detail .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.service_detail .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.service_detail .container { float: right; width: 873px; }
.service_detail .container .ser_de1 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.service_detail .container .ser_de1 h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }
.service_detail .container .ser_de2 { width: 100%; margin-top: 20px; padding-bottom: 80px; border-bottom: 1px dotted #535f73; }
.service_detail .container .ser_de2 h4 { font: normal 16px 'microsoft yahei'; color: #5c5c5c; padding-bottom: 10px; border-bottom: 1px dotted #c7c7c7; text-align: center; }
.service_detail .container .ser_de2 img { max-width: 100%; }


@keyframes span_up { 0% { width: 0; left: 0; }
  100% { width: 56px; left: 35%; } }
@-webkit-keyframes span_up { 0% { width: 0; left: 0; }
  100% { width: 56px; left: 35%; } }
@-moz-keyframes span_up { 0% { width: 0; left: 0; }
  100% { width: 56px; left: 35%; } }
@-ms-keyframes span_up { 0% { width: 0; left: 0; }
  100% { width: 56px; left: 35%; } }
@-o-keyframes span_up { 0% { width: 0; left: 0; }
  100% { width: 56px; left: 35%; } }
@keyframes span_r { 0% { height: 0; top: 0; }
  100% { height: 56px; top: 38%; } }
@-webkit-keyframes span_r { 0% { height: 0; top: 0; }
  100% { height: 56px; top: 38%; } }
@-moz-keyframes span_r { 0% { height: 0; top: 0; }
  100% { height: 56px; top: 38%; } }
@-ms-keyframes span_r { 0% { height: 0; top: 0; }
  100% { height: 56px; top: 38%; } }
@-o-keyframes span_r { 0% { height: 0; top: 0; }
  100% { height: 56px; top: 38%; } }
@keyframes span_b { 0% { width: 0; right: 0; }
  100% { width: 56px; right: 35%; } }
@-webkit-keyframes span_b { 0% { width: 0; right: 0; }
  100% { width: 56px; right: 35%; } }
@-moz-keyframes span_b { 0% { width: 0; right: 0; }
  100% { width: 56px; right: 35%; } }
@-ms-keyframes span_b { 0% { width: 0; right: 0; }
  100% { width: 56px; right: 35%; } }
@-o-keyframes span_b { 0% { width: 0; right: 0; }
  100% { width: 56px; right: 35%; } }
@keyframes span_l { 0% { height: 0; bottom: 0; }
  100% { height: 56px; bottom: 38%; } }
@-webkit-keyframes span_l { 0% { height: 0; bottom: 0; }
  100% { height: 56px; bottom: 38%; } }
@-moz-keyframes span_l { 0% { height: 0; bottom: 0; }
  100% { height: 56px; bottom: 38%; } }
@-ms-keyframes span_l { 0% { height: 0; bottom: 0; }
  100% { height: 56px; bottom: 38%; } }
@-o-keyframes span_l { 0% { height: 0; bottom: 0; }
  100% { height: 56px; bottom: 38%; } }
/*index-3-detail*/
.index-3_detail { width: 100%; margin-top: 60px; }
.index-3_detail .navigation p { width: 226px; margin-top: 20px; }
.index-3_detail .navigation p.p_t { margin-top: 80px; height: 92px; background: url(in4-1.png) no-repeat center center; }
.index-3_detail .navigation p.p_t a { display: block; float: right; margin-top: 42px; margin-right: 11px; }
.index-3_detail .navigation p.p_b { height: 92px; background: url(in5-1.png) no-repeat center center; }
.index-3_detail .navigation p.p_b a { display: block; float: right; margin-top: 32px; margin-right: 11px; }
.index-3_detail .container { float: right; width: 873px; }
.index-3_detail .container .index-3_de1 { width: 100%; border-bottom: 1px solid #d9e2ef; padding-bottom: 22px; margin-top: 15px; }
.index-3_detail .container .index-3_de1 h3 { font: normal 18px 'microsoft yahei'; color: #333333; background: url(inall.png) no-repeat left center; padding-left: 23px; }
.index-3_detail .container .index-3_de2 { width: 100%; margin-top: 30px; }
.index-3_detail .container .index-3_de2 p { float: left; }
.index-3_detail .container .index-3_de2 span { float: left; }
.index-3_detail .container .back_go { display: block; width: 140px; height: 30px; font: normal 12px/30px 'Simsun'; color: #ffffff; text-align: center; background: #535f73; border-radius: 15px; margin-top: 30px; }
.index-3_detail .de_b { width: 100%; height: 222px; background: url(de2-1.png) no-repeat center center; margin-top: 60px; margin-bottom: -50px; text-align: center; }
.index-3_detail .de_b img { margin-top: 55px; }

.floating{z-index: 999; display:block;background:#fff;position:fixed;top:20%;right:0;border: 1px solid#ccc;padding-bottom: 30px; }
.floating ul {line-height: 38px;}
.floating ul li{border-bottom: 1px solid #ccc;padding:0 15px;}
.floating ul li:last-child{border:none;}
.floating ul li i{padding-right: 5px;}
.float_qr{margin: 0 auto;}

.kefu-top-title{
    background-color: #eb0424;
    color:#fff;
}
.kefu-top-title a{
    color: #fff;
    font-size: 16px;
}
#rightArrow {
        width: 50px;
        height: 45px;
        background: url(online_arrow.jpg)/*tpa=http://www.xlcdzc.com/images/online_arrow.jpg*/ no-repeat;
        position: absolute;
        top: 0px;
        right: 200px;
        z-index: 999;
        cursor: pointer;
} .floating .fa {
 color:#eb0424
}  .floating .fa-weixin {
 color:green
}

.my-kefu {
	position: fixed;
	right: 0px;
	top: 20%;
	z-index: 9999;
}
.my-kefu ul {
	width: 77px;
}
.my-kefu li a {
	text-decoration: none;
}
.my-kefu li {
	background: #0067d0;
	margin-top: 1px;
	padding: 9px 0;
	height: 56px;
	width: 77px;
}
.my-kefu li i {
	background: url(tb.png)/*tpa=http://www.shoskf.com/template/default/images/tb.png*/ no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0px auto;
	text-align: center;
}
.my-kefu li p {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
}
.my-kefu .my-kefu-qq i {
	background-position: 4px 0;
}
.my-kefu .my-kefu-tel i {
	background-position: 0 -25px;
}
.my-kefu .my-kefu-tel1 i {
	background-position: -35px 4px;
}
.my-kefu .my-kefu-tel1:hover {
	width: 246px;
	height: 145px;
}
.my-kefu .my-kefu-tel2 i {
	background-position: -35px 4px;
}
.my-kefu .my-kefu-tel2:hover {
	width: 246px;
	height: 145px;
}
.my-kefu .my-kefu-liuyan i {
	background-position: 4px -53px;
}
.my-kefu .my-kefu-weixin i {
	background-position: -34px 4px;
}
.my-kefu .my-kefu-weibo i {
	background-position: -30px -22px;
}
.my-kefu .my-kefu-ftop {
	background-color: #0067d0;
}
.my-kefu .my-kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px;
}
.my-kefu-left {
	float: left;
	width: 77px;
	height: 47px;
	position: relative;
}
.my-kefu-tel-right {
	font-size: 20px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 24px;
	padding-left: 15px;
	border-left: 1px solid #fff;
	padding-top: 10px;
}
.my-kefu-tel1-right {
	font-size: 20px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	margin-top: 8px;
	border: none;
	margin: 0 auto;
	margin-bottom: 5px;
}
.my-kefu-tel2-right {
	font-size: 20px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	margin-top: 8px;
	border: none;
	margin: 0 auto;
	margin-bottom: 5px;
}
.my-kefu-right {
	width: 20px;
}
.my-kefu-tel-main {
	color: #fff;
	margin-top: 9px;
	height: 47px;
	width: 247px;
}
.my-kefu-main {
	width: 97px;
	position: relative;
}
.my-kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
}
#nativeShare .qq i {
	background-image: url('qq.png')/*tpa=http://www.shoskf.com/template/default/m/images/qq.png*/;
	background-size: cover;
}

/*# sourceMappingURL=all.css.map */