@charset "utf-8";
@import "base.css";

body{color:#545454;  font-size:14px;line-height: 1.5; font-family:"Microsoft Yahei"; }

a { text-decoration:none;color:#666666}
a:hover{ color:#004a85}
.clear { clear:both; padding:0px; margin:0px;}

.container{width:1000px; margin:0 auto;}

#top{background:#f4f4f4;line-height:35px;font-size: 12px;}
.top_right{ float:right;color:#C7C7C7}
#back-to-top{position:fixed;bottom:10px;right:10px;z-index:133333;}
#back-to-top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:50px;}
#back-to-top a:hover{color:#979797;}
#back-to-top a span{border-radius:6px;display:block;height:50px;width:50px;background-size: 20px;background:#d1d1d1 url(../images/arrow-up.png) no-repeat center center;margin-bottom:5px;-webkit-transition:background 1s;}
#back-to-top a:hover span{background-color:#979797;}

.header{ padding:20px 0;}
.header .headerL{  font-size:16px;line-height:32px;width: 370px;float: left;}
.header .headerL .logo{ float:left;width: 500px;margin-right: 15px;padding-right: 15px;border-right: 1px solid #cccccc;}
.header .headerL .txt{ float:left;width:220px;}
.header .headerL .txt h1{ font-size:28px; color: #333333; font-weight:bold; padding:5px 0 0}

.header .headerR{width:240px; float:right; color:#616161;  line-height:26px;margin-top: 5px;background: url("../images/header_tel.jpg") no-repeat left center;padding-left: 60px; }
.header .headerR h1{ font-size:25px; font-weight:bold; color: #333333;}

#nav{ background:url(../images/nav_bg.jpg) repeat-x;}
#nav ul li{ float:left;width: calc(100% / 10); /* background:url(../images/nav_libg.jpg) no-repeat right; */ line-height:50px;}
#nav ul li a{ color:#FFFFFF;display:block;font-size:15px;}
#nav ul li a:hover{ background:url(../images/nav_libgNow.jpg) no-repeat center}


.searchBox{line-height:63px;font-size: 12px; background-color:#EFEFEF; width:100%}
.searchBoxL span{color:#CC000C;}
.searchBoxL em{font-style:normal; color:#AFAEAE}
.search-form{ float:right}
.search-form .inputs{width: 250px;height: 36px;text-indent: 10px;border:none; }
.search-form .btn{width: 40px;height: 36px;color: #fff;border:none;background: url(../images/search_bg.jpg) no-repeat;text-indent: -99px;}


@media screen and (max-width:640px) {
    body{font-size:12px;}
    .no_mobile{display: none !important}
    .container{width:100%;}

    #top{text-align: center}


    #back-to-top{width: 40px;height: 40px;overflow: hidden;}
    #back-to-top a{width:40px;}
    #back-to-top a span{height:40px;width:40px;background-size: 20px;}


    .header .headerL{  font-size:14px;line-height:30px;width:100%;float: none;margin: auto}
    .header .headerL .logo{width:90%;margin: auto;border: 0;padding: 0;float: none;}
    .header .headerL .txt{display: none}

    .header .headerR{display: none}
    #nav{background: #df0001}
    #nav ul li{width:33.3%;line-height:30px;}

    .search-form {float: none;width: 296px;margin: auto;}
}


.title{padding: 30px 0 20px; font-weight:bold;color:#313131;}
.title h1{  font-size:26px; }
.title h2{  font-size:18px;color:#666666; position: relative;display: inline-block }
.title h2:after{width: 60%;height: 4px;background:#004a85;position: absolute;bottom:-5px;left: 50%;transform: translateX(-50%);content: ""}
/*.inPro{font-size: 14px;}*/



.inProType{position: relative;padding: 15px 0; border-top:1px solid #AAAAAA;}

.inProType dl dt{ font-size:18px; font-weight:bold;margin-bottom: 15px; color:#313131;width: 100%}
.inProType dl dd{ float:left; width:25%;line-height: 2.5 }
.inProType dl dd a{ color:#313131}

.pro .tit {background:#666666;line-height:43px;margin-bottom: 15px;}
.pro .tit  a {padding: 0 20px; color:#ffffff; display:inline-block }
.pro .tit  a:hover, .pro .tit  a.cur { background:#fd0100 ; color:#ffffff;   }



.pro ul{display: none}
.pro ul.cur{display: block}
.pro ul li{float:left;width:32%;margin-top: 20px;margin-right: 2%; color: #999;font-size: 12px; }
.pro ul li:nth-child(3n){margin-right: 0;}
.pro ul li .img{position: relative;overflow: hidden;max-height: 240px;}
.pro ul li:hover .img img{transform: scale(1.15);transition: all 1s;}
.pro ul li h2{color: #333; font-size:14px; margin:15px 0 5px 0 }
.pro ul li:hover h2{color: #fd0100;}


.inBook{ background:url(../images/inBook_bg.jpg) no-repeat center top;}
.inBook .con{width:299px;float: right;color: #FFFFFF;padding:40px 100px 10px;background: url("../images/inBook_con.jpg") no-repeat center top;}
.inBook .con h1{font-size:18px; }
.inBook .con h2{color:#004a85;font-size: 14px;margin-bottom: 15px;  }
.inBook .con ul li{margin-bottom: 10px;}
.inBook .con .inputs{border: 0;width: 200px;text-indent: 5px;height: 26px;}
.inBook .con .txt{width:200px;height:40px; border:none; }
.inBook .con .btn{background:#004a85; height:36px; width:116px; border:0;color: #FFFFFF;border-radius: 5px;margin: 10px 0}



#ys{ padding:48px 0}
#ys dl{padding-top: 45px;}
#ys dl dd h1{font-size:30px; margin-bottom: 15px;font-weight:bold; color:#004a85;}
#ys dl dd h2{ font-size:15px; margin-bottom: 35px;color:#B4B4B4; background:url(../images/ys_h2bg.jpg) no-repeat left bottom;text-transform: uppercase}
#ys .btn{ margin-top: 20px;text-align:center;float: right}
#ys dt{ width:50%; float:left}
#ys dd{ width:47%; float:right;position:relative;}
#ys .ys2 dt,#ys .ys4 dt{ float:right;}
#ys .ys2 dd,#ys .ys4 dd{ float:left;}
#ys .ys1 dd{ background:url(../images/ys_num1.jpg) no-repeat right top}
#ys .ys2 dd{ background:url(../images/ys_num2.jpg) no-repeat right top}
#ys .ys3 dd{ background:url(../images/ys_num3.jpg) no-repeat right top}
#ys .ys4 dd{ background:url(../images/ys_num4.jpg) no-repeat right top}

#ad{ background:url(../images/indeximg.jpg) no-repeat center;background-size: cover; height:263px;}



.indexbox{padding:0 0 30px;text-align: center}
.indexbox .tit{font-size: 30px;margin-bottom: 15px;font-weight: bold;color: #da1d23;}

.indexbox ul li{width:50%;float: left}
.indexbox ul li>div{margin: 3px;background: #e7f5f6}
.indexbox ul li:nth-child(2)>div,.indexbox ul li:nth-child(3)>div{background: #fef4e8}
.indexbox ul li>div>div{width: 50%;float: left}

.indexbox ul li .con{padding-top: 20px;line-height: 2}
.indexbox ul li .con h4{font-size: 16px;font-weight: bold}
.indexbox ul li:nth-child(1) .img,.indexbox ul li:nth-child(2) .img{float: right}
.indexbox ul li:nth-child(3) .con,.indexbox ul li:nth-child(4) .con{float: right}



@media screen and (max-width:640px) {
    .title{padding: 20px 0 10px;}
    .title h1{  font-size:20px; }
    .title h2{  font-size:16px;}
    .title h2:after{height:2px;}

    .inProType{ display: none}
    .pro ul li{width:48%;margin:15px  1% !important;}

    #ys{ padding:15px 0}

    #ys dl{padding-top: 10px;}
    #ys dl dd h1{font-size:20px; margin-bottom: 15px;}
    #ys dl dd h2{ font-size:13px; margin-bottom:15px;}

    #ys .btn{ margin-top: 20px;text-align:center;float: right}
    #ys dt,#ys dd{ width:98%; float:none;margin: auto}

    #ys .ys2 dt,#ys .ys4 dt{ float:none;}
    #ys .ys2 dd,#ys .ys4 dd{ float:none;}

    #ad{ height:82px;}


    .indexbox .tit{font-size:16px;}

    .indexbox ul li{width:100%;float: none}
    .indexbox ul li>div{margin: 3px;background: #e7f5f6}
    .indexbox ul li:nth-child(2)>div,.indexbox ul li:nth-child(3)>div{background: #fef4e8}
    .indexbox ul li>div>div{width: 50%;float: left}

    .indexbox ul li .con{padding-top: 20px;line-height: 2}
    .indexbox ul li .con h4{font-size: 16px;font-weight: bold}
    .indexbox ul li:nth-child(1) .img,.indexbox ul li:nth-child(2) .img{float: right}
    .indexbox ul li:nth-child(3) .con,.indexbox ul li:nth-child(4) .con{float: right}


}


.partner{padding:59px 0 37px;}
.partner .tit{font-size:16px;margin-bottom: 40px;}
.partner .tit h1{ font-size:29px; color:#313131; font-weight:bold; margin:5px 0 3px 0}
.partner .con{padding: 0 50px;position: relative}
.partner ul li{border-top:2px solid #9F9F9F; border-bottom:2px solid #9F9F9F;}


.intit{ line-height: 46px;margin: 30px 0;background:url(../images/intit_bg.jpg) no-repeat bottom left;color:#646369;font-family:Arial, Helvetica, sans-serif}
.intit b{ font-size:18px; color:#393431;  }
.intit span{ padding-right: 20px;float:right;background: url("../images/more.jpg") no-repeat right center;}

.inAbout{padding: 65px 0;}
.inAbout .aboutimg{ width:42%; float:left}
.inAbout .abouttxt{ float:right; width:53%;font-size: 12px;line-height: 2}
.inAbout .txt_btn a{ font-size: 16px;border: 1px solid #cccccc;padding: 0 30px;display: inline-block;margin-top: 20px;}



.inCase{ background:#F4F4F4; padding:60px 0;}
.inCase .tit{color:#666666; font-size:18px; line-height:1.7; margin-bottom: 20px;padding-bottom: 10px;font-weight:bold; background:url(../images/casebt.jpg) no-repeat center bottom;}
.inCase .tit h1{ font-size:26px; font-weight:bold; color:#313131}
.inCase .con{padding: 0 50px;position: relative}
.inCase .con ul li{ line-height: 2}


.inNews {float:left; width:49%;}
.inNews .tit,.inQA .tit{border-bottom:1px solid #656565;line-height:46px;margin-bottom: 15px;}
.inNews .tit a{ margin:0px; font-size:16px;padding-right:20px; }
.inNews .tit a:hover, .inNews .tit a.current{ color:#FE0000; }

.inNews .box{display: none}
.inNews .box.current{display: block}
.inNews .box .img{width: 40%;float: left}

.inNews .box ul{width: 57%;float: right}
.inNews .box ul li{ line-height:2;margin-bottom:10px;font-size: 12px}
.inNews .box ul li span{ border:1px solid #666666; padding:0 11px;margin-right: 15px;display: inline-block  }



.inQA{ width:49%; float:right;}
.inQA .tit b{ font-size:16px; font-weight:400;  }
.inQA .tit span{ float: right }


.inQACon dl{line-height:36px;margin-bottom: 5px;}
.inQACon dt{ background:url(../images/wen.jpg) no-repeat; padding-left:45px;  }
.inQACon dd{ background:url(../images/da.jpg) no-repeat; padding-left:45px; color:#FE0000}

.link{padding:30px 0;margin-top: 25px; border-top:1px solid #656565;}
.link .link_box{min-height: 60px;padding-left: 100px;background: url("../images/link_t.jpg") no-repeat left center;}
.link a{margin:10px;}


.footNav{ line-height:50px;margin-bottom: 30px;color:#fff; background:url(../images/nav_bg.jpg) repeat-x}
.footNav a{ color:#fff;padding: 0 20px;}


.foot{padding:45px 0; font-size:12px;}
.foot .ma{ position:relative;float:right;width: 100px;}
.foot .foot_logo{ float:left; width:125px;margin-right: 20px;}
.foot .footL{ float:left; width:350px; color:#686868;font-size:14px;}
.foot .footL h3{ font-size:20px; font-weight:bold; color:#333333; margin-bottom:5px}
.foot .foot_tel{ float:right; width:235px; font-size:18px; color:#004a85; line-height:30px; }
.foot .foot_tel h1{ font-size:30px;  margin:5px 0 20px 0 ;font-weight:bold;}


@media screen and (max-width:640px) {
    .partner{padding:20px 0;}
    .partner .tit{font-size:12px;margin-bottom: 20px;}
    .partner .tit h1{ font-size:18px; }
    .partner .con{padding: 0 30px;}

    .intit{margin: 20px 0;}
    .intit b{ font-size:16px; }

    .inAbout{padding:20px 0;}
    .inAbout .aboutimg,.inAbout .abouttxt{ width:100%; float:none;}

    .inAbout .txt_btn a{ font-size: 12px;padding: 0 20px;margin-top: 20px;}

    .inCase{padding:20px 0;}
    .inCase .tit{font-size:14px;}
    .inCase .tit h1{ font-size:20px;}
    .inCase .con{padding: 0 30px;}


    .inNews,.inQA {float:none; width:100%;}
    .inNews .tit,.inQA .tit{margin-top: 20px;}
    .inNews .tit a{ font-size:14px; }
    .inNews .box .img,.inNews .box ul{width:98%;float: none;margin:5px auto}
    .inNews .box ul li{ line-height:2;margin-bottom:10px;font-size: 12px}
    .inNews .box ul li span{ border:1px solid #666666; padding:0 11px;margin-right: 15px;display: inline-block  }

    .inQA .tit b{ font-size:16px; }

    .link{padding:10px 0;margin-top:10px;}


    .footNav{ line-height:30px;margin-bottom:10px; background:#2c58a3}
    .footNav a{padding: 0 10px;}


    .foot{padding:15px 0 60px}
    .foot .ma{ float:none;margin: auto}
    .foot .foot_logo{ float:none; width:125px;margin: auto}

    .foot .footL{ float:none; width:100%;text-align: center}
    .foot .footL h3{ font-size:18px;margin-bottom:5px}

    .foot .foot_tel{ float:none;text-align: center;margin: auto }
    .foot .foot_tel h1{ font-size:18px;  margin:0 ;}

}



.pageBanner{height: 380px;background-repeat: no-repeat;background-position: center top;background-size: cover;}
.post{ background:#EFEFEF;line-height:42px;font-size: 12px; }

.content_tit{border-bottom:4px solid #EFEFEF;padding-bottom: 20px;font-weight:bold;color:#666666;}
.content_tit h1{ font-size:26px;  color:#313131}
.content_tit h2{font-size:17px;padding-bottom: 10px;background:url(../images/aboutbt.jpg) no-repeat center bottom; }

.pages{color: #666;line-height: 30px;padding: 20px 0;}
.pages a{padding: 0 13px;display: inline-block;border:solid 1px #CCCCCC;cursor: pointer}
.pages a.active,.pages a:hover{border:solid 1px #d1000e;background-color: #EE010B;color: #fff;}


.news ul li{padding-bottom: 20px;margin-top: 30px;overflow: hidden;border-bottom: dashed 1px #ccc;color: #666;line-height: 1.8}
.news ul li .img{float: left;width:29%;border:1px solid #ccc;max-height: 200px;overflow: hidden}
.news ul li .img a{display: block;margin: 4px;overflow: hidden;}
.news ul li .img img{transition: all .5s; width: 100%;}
.news ul li .txt{width: 68%; height: 190px;  transition: all .5s;float: right}
.news ul li .txt h2{font-size: 16px; font-weight:bold;margin-bottom: 10px;}
.news ul li .img:hover img{transform: scale(1.2); }
.news ul li:hover h2{color: #ef0013}

.news ul li .btn{margin-left: 20px;padding: 0 30px;line-height: 30px;border: 1px solid #FE0000;color: #FE0000; float: right;display: inline-block;}
.news ul li .btn.more{border:1px solid #666666; color: #666666;}
@media screen and (max-width:640px) {
    .pageBanner{height:120px;}
    .post{line-height:36px;}

    .content_tit{padding-bottom:10px;}
    .content_tit h1{ font-size:20px;}
    .content_tit h2{font-size:14px; }

    .pages{color: #666;line-height: 30px;padding: 20px 0;}
    .pages a{padding: 0 13px;display: inline-block;border:solid 1px #CCCCCC;cursor: pointer}
    .pages a.active,.pages a:hover{border:solid 1px #d1000e;background-color: #EE010B;color: #fff;}

    .news ul li{padding-bottom:10px;margin-top:10px;}
    .news ul li .img,.news ul li .txt{width:96%;margin: auto;float: none}

    .news ul li .txt{height:auto}
    .news ul li .txt h2{font-size: 14px;}

    .news ul li .btn{margin: 0 5px;padding: 0 10px;float: none;}

}

#M_footMenu{display: none;background:#2c58a3;position: fixed;left: 0;bottom: 0;color: #fff;width: 100%;text-align: center;z-index: 99}
#M_footMenu a{color: #FFFFFF}
#M_footMenu ul li{width: 20%;float: left;padding: 5px 0;}
#M_footMenu ul li img{max-width: 25px;margin-bottom: 3px;}
@media screen and (max-width:640px) {
    #M_footMenu{display: block}

}

#content{ margin:20px auto}

.proType{padding: 15px 0;}
.proType a{display: inline-block; margin:0 20px 10px 0;padding:4px 10px }
.proType a.on,.proType a:hover { color:#fff; background-color:#004a85; }

.products{ margin:15px 0; border-top:1px solid #666666; padding:33px 0 0 0}
.products ul li{float:left; width:31.3%;margin: 10px 1% }
.products ul li .img{overflow: hidden;}
.products ul li .img img{transition: all 1s;width: 100%;}
.products ul li:hover .img img{transform: scale(1.15);}
.products ul li .con{padding: 0px;margin:0;position: relative;color: #999; }
.products ul li .con h2{color: #333; font-size:14px; margin:15px 0 5px 0 }
.products ul li a:hover h2{color: #fd0100;}




.newsDetail h1.t{padding: 10px 0;font-size: 24px;font-weight: normal;color: #333;}
.newsDetail p.time{margin:10px 0 25px;color: #999;border-bottom: solid 1px #eee;padding-bottom: 15px;}
.newsDetail .content{padding:10px 0}

.pagelinks{ border-bottom: solid 1px #eee; padding:20px 0 }
.pagelinks a{color: #666;}
.pagelinks span{float: right}
.pagelinks a:hover{color: #d30706;}




#xgxw{ margin:40px 0; }
#xgxw h1,.relation h1{font-size:16px;line-height:38px;color: #fff;padding-left:24px; margin-bottom: 10px;background: url(../images/xxsmbg.jpg) no-repeat left center;}
#xgxw ul li{ float:left; width:48%; margin:10px 1% 0; line-height:2;}
#xgxw ul li span{ float:right}


.relation{position: relative}
.relation ul li{float: left;margin:20px 0;line-height:2;}
.relation ul li .img{overflow: hidden;}
.relation ul li:hover img{transform: scale(1.2);transition: all 1s;}
.relation ul li a{color: #333;}
.relation ul li a:hover{color: #ef0013;}

.product{ margin:15px 0; border-top:1px solid #666666; padding:30px 0}
.products-img{width:50%;float: left}
.products-img .img{border: 1px solid #e9e9e9;padding: 3px;text-align: center;position: relative;}

/*产品图放大展示*/
#MagnifierWrap2{position: relative;}
.MagnifierMain{position: relative;}
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}
.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; }
.MagnifierImg{position: absolute;top:0; left: 0;}
.spec-items{position: relative;height: 69px;overflow: hidden;padding-top: 10px;margin: 0 30px;}
.spec-items ul{width: 500%;position: absolute;top: 10px;left: 0;}
.spec-items ul *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.spec-items li{width: 65px;height: 65px;float: left;overflow: hidden;margin-right: 5px;border:2px solid #fff;cursor: pointer;}
.spec-items li.on{border:2px solid #004a85;}
.spec-items li img{width: 100%; }
span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 69px;line-height: 69px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
span.on{background-color: #ccc;color: #999;cursor: pointer;}
span.spe_leftBtn{left: 0;}
span.spe_rightBtn{right: 0;}


.products-info{width:44%;float: right}
.products-info .tit{color:#333; font-size:22px;font-weight: bold; padding:10px 0; border-bottom:1px dashed #B1B1B1}
.products-info .tips {margin:8px 0;line-height:2.2; color: #666;}
.products-info .tids{ font-size:18px; }
.products-info .tids span{color:#FE0000;font-weight: bold;font-size: 24px;}
.btnbox .buybtn{width: 160px;line-height:42px;color: #fff;text-align: center;font-size:16px; font-weight:bold;cursor: pointer;background: #ED0018; margin:10px 0 0; border-radius:5px;display: inline-block}

#pro-title{font-size:16px;line-height:38px;color: #fff;font-weight: bold;padding-left: 24px; margin:70px 0 0; background: url(../images/xxsmbg.jpg) no-repeat left center; }
.detail{line-height:1.8;color: #666;border-top: solid 1px #eee;border-bottom: solid 1px #eee;padding: 10px 0;}
.detail img{ margin:0 0 10px 0}

@media screen and (max-width:640px) {
    .proType{text-align: center;}
    .products{padding:15px 0}
    .products ul li{width:48%;}

    .newsDetail h1.t{font-size:16px;}


    #xgxw{ margin:20px 0; }
    #xgxw h1,.relation h1{font-size:14px;}
    #xgxw ul li{  width:98%;}

    .relation ul li{float: none;width:90%;margin:10px auto;}

    .product{ margin:0;padding:10px 0}
    .products-img{width:100%;float: none}

    .products-info{width:100%;float: none;margin-top: 10px;}
    .products-info .tit{font-size:18px;text-align: center}
    .products-info .tids{ font-size:14px;text-align: center }
    .products-info .tids span{font-size:18px;}
    .btnbox{text-align: center}
    .btnbox .buybtn{width: 160px;line-height:42px;font-size:12px;}

    #pro-title{font-size:14px;margin:20px 0 0;}
}

.content_type{margin:30px 0 20px 0;line-height: 46px;background-color:#EFEFEF;}
.content_type a{padding: 0 20px;display: inline-block;border-right:1px solid #fff   }
.content_type a:hover,.content_type a.current{background-color:#FE0000; color:#fff}


.show{ line-height:1.8;}
.show img{max-width: 100%;}

.aboutBox1{background:url(../images/aboutBox1bg.jpg) no-repeat  center bottom #e1ebf5; padding:30px 0;}
.aboutBox1 ul li{ width:31.3%; margin:30px 1%;float:left; background-color:#fff}
.aboutBox1 ul li .con{padding: 4px;border:1px solid #ECECEC;  }
.aboutBox1 ul li .img{}
.aboutBox1 ul li .txt{padding:20px 15px}
.aboutBox1 ul li .txt h1{ font-size:18px; font-weight:bold;margin-bottom: 10px;}



.aboutBox2{padding:30px 0 60px}
.aboutBox2 dl{ width:23%; float:left; margin:30px 1%}
.aboutBox2 dl dd h1{font-size:17px; font-weight:bold; margin:20px 0 15px 0;}

.infos{ margin:27px 0 0; background:#F0F0F0;}
.infos .text{width:43%;float:left; line-height:2.5; overflow:hidden}
.infos .text .con{padding:30px 0 0 50px;}
.infos .text h3{font-size:20px; margin-bottom:8px; color:#FE0000; font-weight:bold;}
.infos .map{width: 56%;float: right}
.infos .map #dituContent{width: 100%;height: 400px;border:#E5E5E5 solid 1px;}



#kefu{position:fixed;width:140px;top:40%;right:10px;text-align:center;color:#fff;border-radius:5px;background:#004a85;z-index: 999999;}
#kefu>h2{margin:15px 0;font-size:22px;}
#kefu>h2>span{font-size:12px;display: block}

#kefu>ul li{line-height:30px;width:80%;cursor:pointer;margin:10px auto;background:#fff;color:#000;border-radius:5px;vertical-align:middle}
#kefu>ul li img{vertical-align:middle;}
#kefu>ul li span{margin-left:5px;}

#kefu .qr_code{width:110px;height:108px;margin:10px auto;border-radius:15px;overflow:hidden}
#kefu .qr_code>img{width:100%;height:100%;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
#kefu .small_tel {line-height: 22px;}
#kefu .small_tel .p1{padding-left:20px;font-size:14px;color:#fff;display:inline-block;margin:0 auto}
#kefu .small_tel .p2{font-size:16px;color:#fff;margin:5px 0;display:inline-block;width:120px}
#kefu .close{width:50px;height:50px;text-align:center;position:absolute;top:-25px;left:45px;cursor:pointer}
#kefu .close>img{max-width:100%}

@media screen and (max-width:640px) {
    .content_type{margin:10px 0;line-height:30px;}
    .content_type a{border-right:0 }
    .content_type a:hover,.content_type a.current{background-color:#FE0000; color:#fff}


    .aboutBox1{padding:15px 0;}

    .aboutBox1 ul li{ width:98%; margin:10px auto;float:none;}
    .aboutBox1 ul li .con{padding: 4px;border:1px solid #ECECEC;  }
    .aboutBox1 ul li .txt{padding:10px}
    .aboutBox1 ul li .txt h1{ font-size:16px;}



    .aboutBox2{padding:10px 0 20px}
    .aboutBox2 dl{ width:48%; margin:10px 1%}
    .aboutBox2 dl dd h1{font-size:14px;margin:10px 0;}


    .infos .text{width:100%;float:none;}
    .infos .text .con{padding:20px 10px;}
    .infos .text h3{font-size:18px;text-align: center}
    .infos .map{width:98%;float: none;margin: auto}



    #kefu{display: none}
}

.keywords{ font-size:13px; margin:10px 0 0}

.order{padding:15px 0 20px 0;border-bottom: solid 1px #eee;}
.order th{font-size: 14px;color: #666;font-weight: normal;text-align: right;vertical-align: top;padding: 10px 0 10px 10px;}
.order td{padding: 10px 0 10px 10px;}
.order .t{font-size: 18px;color: #333; }
.order input[type="text"]{border:solid 1px #ddd;padding: 8px;width: 100%;}
.order textarea{border:solid 1px #ddd;padding: 8px;}
.order input[type="submit"]{border:none;background-color: #d1000e;color: #fff;padding: 8px 20px;font-size: 16px;border-radius: 5px;}
.order input[type="reset"]{border:none;background-color: #666;color: #fff;padding: 8px 20px;font-size: 16px;border-radius: 5px;}



.table_form{padding: 10px 0;width: 320px;margin: auto}
.table_form tr td:first-child{width: 80px;}
.table_form tr td .input{border: 1px solid #E0E0E0;line-height: 40px;padding: 0 0 0 15px;width: 230px;margin: 0 0 10px 0;}



.sitemap{}
.sitemap h2{font-weight: normal;font-size: 18px;padding: 15px 0;}
.sitemap h2 a{color: #333;}
.sitemap h2 a:hover{color: #ce0f2d;text-decoration: underline;}
.sitemap ul{overflow: hidden;border:solid 1px #eee;padding: 15px;display: block;}
.sitemap ul li{float: left;width:33%;line-height: 25px;}
.sitemap ul li a{color: #333;}
.sitemap ul li a:hover{color: #ce0f2d;text-decoration: underline;}
.sitemap ul p{line-height: 36px;}
.sitemap ul p a{color: #333;}
.sitemap ul p a:hover{color: #ce0f2d;text-decoration: underline;}


 .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
        .tb-pic a img{vertical-align:middle;}
        .tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
        .tb-thumb{margin:10px 0 0;overflow:hidden;}
        .tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;width: 19%;margin: 10px 0.5%;overflow:hidden;}

        .tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
        .tb-thumb .tb-selected div{border:1px solid #C30008;}
        .tb-thumb li div{border:1px solid #CDCDCD;}
        div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
        div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}