@charset "utf-8";
.w_1200{width: 1200px;margin: 0 auto;position: relative;}

.top{width: 100%;height: 40px;background: #f4f4f4;line-height: 40px;}
.top .fl span{font-size: 14px;color: #adadad;}
.top03 {float: right; width: 278px; }

.header{width:100%; height:100px; background:#fff; position:relative;overflow: hidden;}
.header .logo{float:left;margin-top: 8px;}
.header .tel{float:right;font-size:14px; color:#555; padding-left:40px;margin-top:30px;background: url(../image/i_tel.jpg) left 10px no-repeat;}
.header .tel .title{font-size: 14px;line-height: 20px;color: #00a2d6;}
.header .tel .num{ font-size:28px; color:#0084c5; font-weight:bold; font-family:Arial, Helvetica, sans-serif;line-height: 35px;}

.menu{width: 100%;height: 65px;line-height: 65px;border-top:1px solid #ededed;}
.nav{height:65px; line-height:65px; position:relative; z-index:1;}
.nav a{ color:#000;  }
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 40px; font-size:16px; font-weight:normal;color: #666;}
.nav .sub{ display:none;left:10px; top:65px;min-width: 120px; position:absolute;line-height:30px; padding:10px 0; background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 8px; 	-webkit-transition: .5s; -o-transition: .5s; transition: .5s;text-align: center;color: #17232d; font-size: 14px;}
.nav .sub a:hover{ background:#000; color:#fff;  }
.nav .on h3 a{ color:#0084c5;font-weight: bold;}

.slideBox{ width:100%; height:500px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; bottom:15px; z-index:1;width: 100%; }
.slideBox .hd ul{ overflow:hidden; zoom:1; width: 100%; text-align: center; }
.slideBox .hd ul li{ display: inline-block;margin-right:8px;  width:15px; height:15px;  background:#e1e6e1; cursor:pointer;text-indent: -99999px;border-radius: 3px;
  -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;}
.slideBox .hd ul li.on{  background:#0084c5; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }

.main1{width: 100%;height: 570px;padding-top: 20px;}
/*琪邦国际货代服务*/
.air-index-service {
    padding-bottom: 90px;
}

.item-container {
    width: 1220px;
    margin: 0 auto;
}

.item-container li {
    float: left;
    width: 296px;
}

.item-container li + li {
    margin-left: 12px;
}

.item-container li dl {
    width: 296px;
    position: relative;
    overflow: hidden;
}

.item-container li dl dd {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 342px;
    right: 0;
    padding: 0 34px;
    background-color: #F5F5F5;
    transition: top .5s linear;
}

.item-container li dl dd .text-content {
    text-align: center;
    width: 240px;
    height: 100%;
    position: absolute;
    top: 20px;
    z-index: 2;
    transition: top .5s linear;
}

.item-container li:hover dl dd .text-content {
    top: 160px;
    position: relative;
}

.item-container li:hover dl dd {
    top: 0;
    background-color: rgba(53, 58, 62, 0.8);
}

.item-container li:hover dl dd .text-content h1,
.item-container li:hover dl dd .text-content p {
    color: #FFFFFF;
}

.item-container li dl dd .text-content h1 {
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 4px;
}

.item-container li dl dd .text-content .text {
    margin-top: 10px;
}

.item-container li dl dd .text-content p {
    font-size: 14px;
    color: #4D4D4D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.item-container li dl dd .text-content a.view-more {
    width: 118px;
    height: 34px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border: 2px solid #8F9191;
    color: #BEBFC0;
    margin-top: 60px;
    text-transform: uppercase;
}

.item-container li dl dd h6 {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
}

.air-index-service .item-container {
    width: 1220px;
    margin: 0 auto;
}

.air-index-service .item-container li {
    float: left;
    width: 302px;
}

.air-index-service .item-container li + li {
    margin-left: 4px;
}

.air-index-service .item-container li dl {
    width: 302px;
}

.air-index-service .item-container li dl i {
    color: #FFFFFF;
    font-style: normal;
    font-size: 10px;
}

.air-index-service .item-container li dl {
    text-align: left;
}

.air-index-service .item-container li dl dd .text-content h1 {
    text-align: left;
}

.air-index-service .item-container li dl dd .text-content {
    text-align: left;
}

.air-index-service .item-container li dl dd .text-content a.view-more {
    border: 0;
    color: #CBDCED;
    text-align: left;
}

.air-index-service .item-container li dl dd .text-content span {
    width: 18px;
    background-color: #4D8CCB;
}

.air-index-service .item-container li dl dd {
    background-color: rgba(7, 7, 7, .6);
}

.air-index-service .item-container li:hover dl dd {
    background-color: rgba(7, 90, 168, .8);
}

.service {
    margin: 0 auto;
    padding: 50px 0 30px;
    width: 1220px;
    text-align: center;
}

.service h1 {
    position: relative;
    margin-bottom: 10px;
    color: #333333;
    font-weight: 400;
    font-size: 30px;
}

.service p {
    margin: 0 auto;
    /* width: 610px; */
    color: #777777;
    font-size: 14px;
}

.trangle_02 {
    display: inline-block;
    width: 0;
    height: 0;
    border: 8px solid #E62422;
    vertical-align: sub;
    border-left-color: transparent;
    border-top-color: transparent;
}

.trangle_01 {
    display: inline-block;
    width: 0;
    height: 0;
    border: 8px solid #E62422;
    vertical-align: super;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.trangle_03 {
    width: 33px;
    background: url(../image/more.png) no-repeat;
    /* display: inline-block; */
    /* vertical-align: middle; */
    /* margin-left: 5px; */
    /* border: 8px solid #E62422; */
    /* border-right: 8px solid transparent; */
    /* border-top: 8px solid transparent; */
    /* border-bottom: 8px solid transparent; */
    /* border-color: transparent transparent transparent #E62422; */
    height: 33px;
    display: block;
    position: absolute;
    right: 0px;
    top: 5px;
}


#daohang { position: relative; z-index: 99; height: 45px; /*background:url(../images/navbg.jpg) repeat-x;*/ border-top:1px solid #ededed;}
.home { }
.tab { position: relative; display: block; float: left; background: url(../image/navlinebg.jpg) right top no-repeat; color: #000; }
.tab .tablink { position: relative; font-size: 16px; line-height: 45px; padding: 0px; display: block; z-index: 99; float: left; width: 150px; text-align: center; color: #000; }

.tab .tablink a { line-height: 36px; text-decoration: none; color: #fff; }
.tab:hover { /*background-color:#fff;-moz-border-radius: 7px 7px 0px 0px;

-webkit-border-radius: 7px 7px 0px 0px;

border-radius: 7px 7px 0px 0px;

/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS* behavior:url(PIE.htc); background:url(../images/navhover.jpg) bottom center no-repeat;*/ background-color: #0084c5; color: #fff; }
.tab>a { color: #fff; }
.tab:hover .tablink, a#active { text-decoration: none; color: #000; }
.tabhotbg { background: url(../image/menu_hot.gif) no-repeat 50% -22%; }
.tab:hover .tablink a { color: #357d13; }
.dropdown .subnav {/*background:url(../images/subnav_bg.png) repeat;*/ background-color: #fff; position: absolute; left: 0; top: 45px; z-index: 9; display: none; padding-top: 5px; padding-bottom: 5px; color: #000; }
.dropdown:hover .subnav { display: block; }
.subnav li { float: left; }
.subnav > li > a { color: #000; }
.subnav a { padding: 0px; line-height: 31px; display: block; color: #333; width: 149px; text-align: center; font-size: 14px; }
.subnav a:hover { text-decoration: none; background: #0084c5; color: #fff; }
.subnav .sub3_nav a { font-size: 12px; }
.sub2_nav { /*padding-top:10px;*/

}
.tab:hover .tablink{color: #fff;}
.sub2_nav div { width: 158px; margin-right: 10px; margin-left: 10px; }
.sub3_nav { width: 158px; text-align: left; }
.subnav .sub3_nav a { color: #050505; line-height: 26px; text-align: left; padding-left: 20px; width: 180px; }
.subnav .sub3_nav a:hover { background-color: #0084c5; color: #fff; width: 141px; }
.dropdown .pro_subnav { width: 1280px; left: -305px; overflow: hidden; top: 45px; padding-top: 6px; height: 340px; }
.pro_subnav li { width: 165px; min-height: 350px; margin-right: 10px; }
.pro_subnav li.last_list { border-right: none; }
.pro_subnav .m_list { width: 460px; }
.pro_subnav div { float: left; }
.pro_subnav a { word-wrap: break-word; word-break: normal; }
.pro_subnav .pro_sublink { width: 100%; color: #cc0001; font-size: 14px; font-weight: bold; border-bottom: 1px solid #d6d6d6; background: url(../image/arrow_icon.png) no-repeat 5px 50%; padding-left: 20px; text-align: left; cursor: default; }
.pro_subnav .pro_sublink:hover { color: #cc0001; background: url(../image/arrow_icon.png) no-repeat 5px 50%; }
a.pro_sub2_nav { width: 161px; background: #363636; margin: 0 3px 3px 10px; color: #fff; font-size: 14px; line-height: 31px; font-weight: bold; }
.qq { margin: 3px 8px 0px 0px; display: block; }
.bgcolor { background-color: #f9f9f9; width: 100%; padding: 15px 0px 10px 0px; }




.com_til{text-align: center;}
.com_til h2{font-size: 30px;line-height: 40px;font-weight: normal;}
.com_til span{font-size: 14px;color: #5b5b5b;line-height: 25px;text-transform: uppercase;}
.com_til p{font-size: 14px;color: #a7a7a7;line-height: 30px;}
.m1_box{width: 100%;height: 420px;overflow: hidden;margin-top: 25px;}
.m1_pro{}
.m1_pro ul li{float: left;width: 290px;height: 400px;position: relative;margin-right: 13px;}
.m1_pro ul li:hover{ margin-top:-15px;-webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;}
.m1_pro ul li img{width: 290px;height: 400px;}
.m1_pro ul li a{display: block;position: relative;width: 100%;height: 100%;}
.m1_pro ul li .title{width: 244px;height: 50px;position: absolute;background:url(../image/title_bg.png) repeat;bottom: 0;left: 0;padding: 13px 23px;}
.m1_pro ul li .title h2{color: #fff;font-size: 16px;line-height: 25px;}
.m1_pro ul li .title span{color: #fff;font-size: 12px;line-height: 20px;}
.m1_pro ul li .title em{display: block;width: 33px;height: 33px;background:url(../image/more.png);position: absolute;right:19px;top:24px;}

.main2{width: 100%;height: 596px;overflow: hidden;background: url(../image/m2_bg.jpg) center no-repeat;}
.m2_box{width: 584px;height: 360px;padding: 20px;background: #fff;position: absolute;right: 0;top: 128px;z-index: 99;}
.m2_box h2{font-size: 36px;line-height: 50px;color:#000;}
.m2_box span{font-size: 18px;color: #929292;text-transform: uppercase;}
.m2_box a{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;border:1px solid #000;color: #000;font-size: 14px;}

.main3{width: 100%;height: 410px;overflow: hidden;background: #fff;padding-top: 20px;}
.newsleft{ float:left; width:552px; padding:0 13px;height:253px; border:2px solid #eeeeee; background:#fff;}
.nameff{ float:left; width:552px;padding:25px 0 0 0;}
.nameff p{ float:left; padding:0 0 5px 0; }
.nameff p span{ display:inline;   font-size:22px;line-height:1;  color:#000; position:relative; z-index:10}
.nameff p label{display:inline;  color:#a3a3a3; line-height:1.3;font-size:16px; text-transform:uppercase; z-index:0;}
.nameff a{ float:right; padding:0px 0 0 0;  color:#545454; font-size:14px;}
.pimg{ float:left;  width:128px; height:95px; display:inline; margin:0 0 0 10px ; border:1px solid #d5d5d5}
.newsmain1 { float:left;width:452px;  padding:20px 0 0 0; }
.newsmain1 .newsli_r{float:left; line-height:1.5; color:#595959;width:285px; margin-left:15px; padding:0 0 0 0; }
.newsmain1 .newsli_rt{float:left;width:298px;font:14px/2 'Microsoft Yahei' }
.newsmain1 .newsli_rt .fl{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:285px;color:#1e9e01 }
.newsmain1 p.newscontent{ color:#797979; float:left; width:285px; line-height:20px; height:60px;font-size:14px; overflow:hidden; padding:5px 0 0 0; border-top:1px solid #c8c8c8}
.newsright{ float:right; width:552px; padding:0 13px;height:253px; border:2px solid #eeeeee; background:#fff;}
.news_ful{ float:left; width:550px; padding:10px 0 0 5px;}
.news_ful li{ float:left; width:550px;}
.news_ful li a{ float:left; width:310px; height:37px; line-height:37px; color:#454545;overflow:hidden;font-size: 14px;}
.news_ful li a:hover{color: #0084c5}
.news_ful li  span{ float:right; height:37px; line-height:37px ;overflow:hidden; font-size:12px; color: #939393; }

.main4{width: 100%;height: 300px;padding-top: 20px;background: #FFF;overflow: hidden;}
.pro_list ul{margin-top: 20px; }
.pro_list ul li {float: left; width: 131px; text-align: center; margin-right: 20px; margin-bottom: 20px; }
.pro_list ul li img{width: 130px; height: 60px; }
.pro_list ul li img:hover{opacity: 0.9; filter: alpha(opacity=90); -webkit-box-shadow: 0 2px 4px #666; box-shadow: 0 2px 4px #666; }
.pro_list ul li span:hover{color:#005d81; }


.footer{width: 100%;height: 170px;overflow: hidden;background: #006696;padding-top: 0px;}
.copy{text-align: center;font-size: 14px;background: #004f76;color: #fff;height: 45px;line-height: 45px;}
.bottom_nav{border-bottom: 1px solid #004f76;height: 55px;line-height: 55px;}
.bottom_nav ul li {
    line-height: 55px;height: 55px;
    float: left;
    width: 86px;
}
.bottom_nav ul li a{
    font-size: 14px;
    color: #fff;
}
.bottom_nav ul li a:hover{
    text-decoration: underline;
    color: #f5b785;
}

.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .bd{}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin-right:15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:105px; height:43px; display:block; padding:2px; border:1px solid #7f7f7f; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:30px;color: #fff;height: 30px;   }
.picMarquee-left .bd ul li .title a{color: #fff;font-size: 12px;}


/*产品列表右侧*/
.product02{float:right; width:856px;min-height:633px;color: #c2a684;background: #fff;padding:40px 60px;}
.product03{ float:left; width:924px; padding: 40px ;min-height:633px;background: #fff;}
.product{ width:1204px; margin:0 auto; position:relative; margin-top:30px;clear: both;}
/*公共内页左侧left-nav*/
.product01{float:left; width:227px; padding-bottom:20px;margin-bottom: 30px;}
   /*左侧分类*/
.product07{height:68px;font-size:24px; line-height:68px;color:#fff;font-weight: bold;
width: 100%; background:url(../image/litl.png) no-repeat 177px center #404040;text-indent: 28px;border-radius: 4px 4px 0 0;}
.product07 span{ display:block;  color:#fff;text-transform:uppercase;  font-family: "Times New Roman", Times, serif; font-weight:bold;}
/*.product07 b{float: left;width: 100%; background:url(../images/cont_bg2.png) no-repeat;}*/
.sidenav {width:225px;border-left: 1px solid #dcdbdb;border-right: 1px solid #dcdbdb;float: left;}
.sidenav ul li {float: left;display:block; line-height:60px; 
    font-size:16px;border-bottom: 1px solid  #dcdbdb;width: 100%;
}
.l_contact{float: left;width: 100%;}
.lcon_t{background:url(../image/litl.png) no-repeat 177px center #686868;}
.lcon_tel{text-align: center;color: #191919;font-size: 16px;border-bottom: 1px solid #dcdbdb;line-height: 34px;padding-top: 10px;}
.lcon_tel i{display: block;font-style: normal;color: #404040;font-size: 20px;font-weight: bold;;font-family: "arial"}
.lcon_msg{border-bottom: 1px solid #dcdbdb;color:#191919;float: left;padding:15px 0 20px;font-size: 16px;line-height: 2.5;text-align: center;width: 100%;}
.lcon_msg a{background:#404040;display: block;width: 96px;height: 24px;text-align: center;;
    color: #fff;line-height: 24px;margin: 0 auto}
.protwo{float: left;width: 100%;line-height:40px;border-bottom: 1px solid #dcdbdb;}
.protwo a{text-indent:50px;width: 100%;float: left;}
.sidenav ul li a{float: left;color: #191919;font-size:16px;text-align: left;
    background:url(../image/lnav.png) 185px center no-repeat; width: 100%; }
.sidenav ul li a p{width:70%;float: left;text-indent: 33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sidenav ul li a.sidenava{display:block; color:#fff6d5;float: left;}
.sidenav ul li a.sidenava p{color:#262626;}
.sidenav ul li a.sidenava.cu {font-weight:bold; color:#404040; background:url(../image/lnavh.gif) left top no-repeat;}
.sidenav ul li dl {width:200px;height:auto;display:none; font-size:12px; background:#ddd;}
.sidenav ul li dl dd {width:200px;height:38px; }
.sidenav ul li dl dd a {display:block;width:180px;height:38px;  padding:0 10px;font-weight: normal !important; }
.sidenav ul li dl dd a span {display:block; height:37px; line-height:37px;color:#333; padding-left:40px;}
.sidenav ul li dl dd a:hover {}
.sidenav ul li dl dd a:hover span {color:#539310;}
.sidenav ul li dl dd a.on {}
.sidenav ul li dl dd a.on span {color:#539310; }
/*左侧新增联系我们*/
.lcontact_b{margin-top:20px; float:left; width:220px; background-color:#fff;}
.lcontact_b .head_b{height:52px; background-color:#1ec97f; background-image:url(../image/cont_icon02.png); background-repeat:no-repeat; background-position:36px 5px; padding-left:95px; font-size:20px; line-height:52px; color:#fff;}
.lcontact_b .tel_b{height:63px; border-bottom:1px dashed #ddd; margin:0 20px;}
.lcontact_b .tel_b .title{line-height:12px; color:#999; padding-top:14px;}
.lcontact_b .tel_b .num{font-size:20px; line-height:20px; color:#00935a; padding-top:4px;}
.lcontact_b .fax_b{height:42px; border-bottom:1px dashed #ddd; margin:0 20px; line-height:42px; color:#999; padding-left:2px;}
.lcontact_b .addr_b{margin:0 20px; line-height:22px; color:#999; padding-left:2px; padding:10px 0;}

/* 内页右侧头部 */
.content_com_title{background: #fff;float: left;width: 100%;padding-bottom: 25px;}
.content_com_title h2{float:left;color: #313131;font-weight: bold;font-size: 24px; }
.bread{float:right; line-height:12px; font-size:12px; color:#313131; padding:5px 0;text-align: right;}
.bread a{color:#313131;}
.bread a:hover{color:#f00;}

.hanye{ width:856px; margin:0 auto;}
.hanye li{ width:856px; padding-top:33px; padding-bottom:33px; border-bottom:1px #eaecef solid;}
.hanye li .imea{ width:178px; height:120px; float:left;}
.hanye li .charw{ width:844px; float:right;}
.hanye li .charw h4{ color:#484752; font-size:18px; font-weight:bold; height:28px; overflow:hidden;}
.hanye li .charw h4 a{ -moz-transition: padding-left 0.5s, color 0.5s;/* Firefox 4 */
    -webkit-transition: padding-left 0.5s, color 0.5s;/* Safari 和 Chrome */
    -o-transition: padding-left 0.5s, color 0.5s;   /* Opera */
    transition: padding-left 0.5s, color 0.5s;}
.hanye li .charw h4 a:hover{ padding-left:10px;}
.hanye li .charw p{ height:42px; line-height:23px; font-size:14px; color:#606a77; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.hanye li .charw h6{ line-height:23px; color:#999999;font-size:12px;}


/*page*/
#pages{text-align: center;margin: 20px auto;}
#pages a{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #e6e6e6;color: #333;display: inline-block;}
#pages span{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #404040;color: #fff;display: inline-block;}
#pages a:hover{background: #404040;color: #fff;}

.news_tit{ width:856px;  min-height:118px; margin:0 auto;}
.news_tit h4{ color:#4d5057; font-size:20px; font-weight:bold; padding-top:36px;text-align:center;}
.news_tit p{ color:#abacae; line-height:28px; text-align:center;}
.news_btaaa{ width:850px; line-height:29px; color:#6c6b70; font-size:14px; padding-top:25px; min-height:400px; padding-bottom:40px;}

.lieb{ width:850px; height:37px; margin:0 auto;}
.lieb_left{ width:91px; height:37px;   text-align:center; line-height:37px; float:left;}
.lieb_left a{ width:91px; height:37px; background:#2d3039; color:#fff; border-radius:20px;-moz-transition: border-radius 0.5s;/* Firefox 4 */
    -webkit-transition: border-radius 0.5s;/* Safari 和 Chrome */
    -o-transition: border-radius 0.5s;  /* Opera */
    transition: border-radius 0.5s; display:block;} 
.lieb_left a:hover{ width:91px; height:37px; text-align:center; background:#404040; color:#fff;border-radius:0px; display:block; }
.lieb_left_a{ width:37px; height:37px; float:right;}
.lieb_left_a a{ width:37px; height:37px; background:url(../image/y.png) no-repeat center #2d3039; color:#fff; border-radius:20px;-moz-transition: border-radius 0.5s;/* Firefox 4 */
    -webkit-transition: border-radius 0.5s;/* Safari 和 Chrome */
    -o-transition: border-radius 0.5s;  /* Opera */
    transition: border-radius 0.5s; display:block;} 
.lieb_left_a a:hover{  width:37px; height:37px; text-align:center; background:url(../image/y.png) no-repeat center #404040; color:#fff;border-radius:0px; display:block; }

.lieb_left_b{ width:37px; height:37px; float:right; margin-right:5px;}
.lieb_left_b a{ width:37px; height:37px; background:url(../image/u.png) no-repeat center #404040; color:#fff; border-radius:20px;-moz-transition: border-radius 0.5s;/* Firefox 4 */
    -webkit-transition: border-radius 0.5s;/* Safari 和 Chrome */
    -o-transition: border-radius 0.5s;  /* Opera */
    transition: border-radius 0.5s; display:block;} 
.lieb_left_b a:hover{  width:37px; height:37px; text-align:center; background:url(../image/u.png) no-repeat center #2d3039; color:#fff;border-radius:0px; display:block; }

.abc_bb{ font-size:16px; width:800px; margin:0 auto;margin-top:33px;}
.abc_bb td{ padding-bottom:25px; color:#504537; padding-right:25px;}
.abc_bb td span{ color:#da0000;}
.abc_bb_int{ width:278px; height:38px; border:1px #cccccc solid; line-height:38px; padding-left:10px;}


/* 产品 */
.product3,.product8,.product8 li{width:100%;height:auto;overflow:hidden;}
.product3 li{width:30%; padding:1% 1.5% 0.5%;float:left;overflow:hidden;position:relative; text-align:center;}
.product02 .product3 li img{display: inline-block;height:163px;max-width:100%; vertical-align:middle }
.product03 .product3 li img{display: inline-block;height:209px;max-width:100%;   }
.product3 li>p{width:88%;margin:0 auto;text-align:center;font:14px/40px "microsoft yahei";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.product3 li>div{margin:3px auto;position:relative; margin:0 auto; width:96.6%; text-align:center;  vertical-align:middle; }
.product3 li>div>a{ display:block;}
.product3 li>div>p,.prod-zoom{position:absolute;background:url(../images/product_zoom.png) 0 0 no-repeat;width:53px;height:53px;left:50%;top:50%;margin:-26px 0 0 -26px;cursor: pointer;z-index:1;top:-100%;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.product3 li>div:hover p,.prod8-left:hover p{top:50%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}