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

*{margin: 0;padding: 0;}
body {margin: 0;padding: 0; background:#f5f5f5; font-size:13px; color:#555; font-family:"微软雅黑"; text-decoration:none;}
a { color:#555; text-decoration:none;}
ul,li { list-style:none;}
img { border:0; margin: 0;padding: 0;}

.header{position:relative;height:50px;background:#222;}
.header .logo{display:block; height:30px;padding:10px 0 10px 10px;}
.header .logo img{display:block; max-height:30px; max-width:60%;}

/*banner*/
#banner{clear:both;max-width:640px;background:#eee;width:100%;margin: 0px auto;}
.slider_img{display: block;text-align: center;height: 100%;}
.slider_img img{display:inline-block!important;margin:0px 0;max-width:100%;width: auto;height: auto;display:block;}
.wmuSlider{height:100%!important;position:relative;overflow:hidden;}

.bbdd{z-index: 2;position: absolute;bottom: 2%;margin: 0;padding: 0; width:100%; text-align:center;}
.bbdd li{margin: 0 10px 10px 0;list-style-type: none; display:inline-block;}
.bbdd a{display:inline-block;text-indent:999px;width:32px;height:16px; background: url(dot.png) no-repeat 0 -16px;display: block; overflow:hidden;}
.bbdd a.wmuActive{background-position:0 0;}
.banner{width:100%;text-align:center; margin:0 auto;margin-bottom:10px;background:#f1f1f1;}
.banner img{min-width:1000px;max-width:100%;}

.wmuSliderPrev,.wmuSliderNext{width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;}
.wmuSliderNext {background-position: 0 -70px;right: 0;}
.wmuSliderPrev {left: 0;}
.wmuSlider:hover .wmuSliderNext {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderPrev {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderNext:hover,
.wmuSlider:hover .wmuSliderPrev:hover {opacity: 1;filter: alpha(opacity=50);}

.home-title { text-align:center; width:100%; height:53px; background:#fff; font-size:18px; padding-top:17px; line-height:20px;}
.home-title .hline { width:50px; height:2px; background:#f00; margin:10px auto 15px;}

.home-abo { margin:20px 10px; line-height:23px; text-align:left;}
.home-abo img { max-width:100%;}
.home-pro { margin:5px 10px 25px 10px; overflow:hidden;}
.home-pro li { width:50%; height:150px; overflow:hidden; margin-top:10px; text-align:center; float:left; line-height:35px;}
.home-pro li .ppic { height:120px; width:90%; overflow:hidden; text-align:center; margin:0px auto;}
.home-pro li .ppic img { max-width:100%; max-height:120px;}

.home-news { width:100%; text-align:center;}
.home-news .title { font-size:18px; width:100%; background:#fff; padding-top:20px; line-height:20px; overflow:hidden; color:#555;}
.home-news .title .t-line { width:50px; height:2px; background:#f00; margin:10px auto 15px;}
#hear{width: 100%;height:53px; background:#fff;}
#hear li{ display:inline-block; height:30px; line-height:30px; color: #fff; background:#666;}
#hear li:nth-of-type(1){width:100px;}
#hear li:nth-of-type(2){width:100px;}
#contentop li{ width:auto; display: none;text-align: center;margin: 0 auto;margin:10px;}
#contentop .action{ display: block;}
.h-mewslist { width:100%; height:35px; line-height:35px; border-bottom:1px solid #ddd; background:url(point.jpg) no-repeat 4px center; text-indent:17px; text-align:left; overflow:hidden;}
.h-mewslist span { float:right; font-size:12px; color:#999;}
.h-more { margin:25px auto; text-align:center;}
.h-more  a { border:1px solid #ddd; color:#999; padding:8px 25px; background:#fff;}

.foot { width:100%; background:#222; padding-bottom:60px; overflow:hidden;}
.foot .title { font-size:18px; padding-top:20px; line-height:20px; overflow:hidden; border-bottom:1px solid #444; padding-bottom:15px; color:#999; text-align:center; min-height:22px;}
.foot .t-line { width:70px; height:1px; background:#ccc; margin:0px auto 16px; margin-top:-1px;}
.foot p { text-align:center; color:#999; line-height:22px; font-size:12px;}
.foot p a {color:#999;}
.foot-cc {position:fixed; width:100%; margin-top:15px; text-align:center; bottom:0;}
.foot-cc .foot-home { width:33.33%; float:left; background:#000; height:35px; line-height:35px;}
.foot-cc .foot-home a { color:#fff; }
.foot-cc .foot-phone { width:33.33%; float:left; background:#a00; height:35px; line-height:35px;}
.foot-cc .foot-phone a { color:#fff; }
.foot-cc .foot-email { width:33.33%; float:left; background:#000; height:35px; line-height:35px;}
.foot-cc .foot-email a { color:#fff; }
.quicknav {width:100%;bottom:0px;position:fixed;width:100%;text-align:center;height: 50px;line-height:62px;color: #000;z-index:99;background: url(/Content/C_IMG/wap.m7/yqbfoot-bg.png) repeat;}
.quicknav .quickhome {float:left;width:24.7%;font-size:8pt;color:#FFF;background: url(/Content/C_IMG/wap.m7/yqbfoot-1.png) no-repeat top center;margin-top:7px;}
.quicknav .quickhome a:link, .quicknav .quickhome a:visited {font-size: 10pt;color:#FFF;text-align: center;}
.quicknav .quicktel {float:left;width:24.7%;font-size:8pt;color:#FFF;background: url(/Content/C_IMG/wap.m7/yqbfoot-2.png) no-repeat top center;margin-top:7px;}
.quicknav .quicktel a:link, .quicknav .quicktel a:visited {font-size:10pt;color:#FFF;}
.quicknav .quickmail {float:left;width:24.7%;font-size:8pt;color:#FFF;background: url(/Content/C_IMG/wap.m7/yqbfoot-3.png) no-repeat top center;margin-top:7px;}
.quicknav .quickmail a:link, .quicknav .quickmail a:visited {font-size:10pt;color:#FFF;}
.quicknav .quickfeedback {float:left;width:24.7%;font-size:8pt;color:#FFF;background: url(/Content/C_IMG/wap.m7/yqbfoot-4.png) no-repeat top center;margin-top:7px;}
.quicknav .quickfeedback a:link, .quicknav .quickfeedback a:visited {font-size:10pt;color:#FFF;} 

/*position*/
.position { width:100%; height:35px; line-height:45px; text-indent:10px; font-size:14px; color:#333;}


/*pro-detail*/
.main { margin-top:20px;}
.productlist .plist li h3{ font-weight:normal; padding:6px 12px; line-height:20px; height:40px; overflow:hidden; }
.singglepic{text-align:center;}.singglepic img{max-width:96%;}
.title{text-align:center; font-size:18px; padding:10px 0px; color:#f00; text-transform:capitalize; clear:both;}
.content{margin:20px 2%; font-size:14px; line-height:22px;}.content img{max-width:96%;height:auto!important;}
.pro_tit{height:36px; line-height:36px; text-indent:12px; background:#eee; font-size:16px; font-weight:bold; color:#000; margin:12px auto 8px auto; clear:both; text-transform:uppercase;}
.table{border-collapse:collapse; min-width:100%;}
.table td, .table th{border:1px solid #cdcdcd; padding:5px;word-wrap:break-word;word-break:normal}
.pro-cont{width:100%; overflow: auto; overflow-y:hidden; line-height:1.75;}
.pro-cont img{width:98%!important;height:auto!important}
.pro-cont{word-wrap:break-word;}
/* fackback */
.button2{display:block;color:#fff; line-height:36px; font-size:16px; width:100%;border:0px;background:#f00;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.fbbtn,.area1,.area2{margin:12px 12px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.area1,.area2{padding:10px 6px;border:1px solid #d9d9d9;}
input,textarea{color:#000000;font-size:14px;width:100%;background-color:#f5f5f5; border:0px;color:#999;outline:none}.textarea2{height:64px;}

/*news-list*/
.newslist { margin:10px;}
.newslist li {height:35px; line-height:35px; border-bottom:1px solid #ddd; background:url(point1.png) no-repeat 2px center; text-indent:10px; text-align:left; overflow:hidden;}
.newslist li span {font-size:12px; color:#999; margin-left:10px;}
.prevNext { margin:20px 0px; color:#f00; line-height:25px;}


.drawer-main{position:fixed;top:0;width:180px;height:100%;overflow:hidden; z-index:999;}
.drawer-left .drawer-main{left:-180px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-180px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:180px}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.5)}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{background-color:#111;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
.drawer-default+.drawer-overlay{background-color:#fff}
.drawer-default .drawer-brand a{display:block;width:100%;padding:20px 15px;font-size:22px;color:#fff}
.drawer-default .drawer-brand a:hover{color:#444;text-decoration:none}
.drawer-default .drawer-nav-title{display:block;padding:15px 15px 0 15px;font-size:18px}
.drawer-default .drawer-nav-list{padding:0;margin:0 0 20px 0;list-style:none}
.drawer-default .drawer-nav-list li{display:block}
.drawer-default .drawer-nav-list li a{display:block;padding:15px;color:#888}
.drawer-default .drawer-nav-list li ul a{padding:8px 20px}
.drawer-hamberger{position:absolute;z-index:1000;display:block;width:50px;height:50px; top:14px; border:0}
.drawer-hamberger span{margin-top:10px}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:2px;cursor:pointer;content:'';background-color:#fff;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.drawer-hamberger span:before{top:-10px}
.drawer-hamberger span:after{bottom:-10px}
.drawer-open .drawer-hamberger span{background-color:transparent}
.drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
.drawer-open .drawer-hamberger span:before{ -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamberger span:after{ -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.drawer-hamberger:hover{cursor:pointer}
@media (min-width:640px){.drawer-responsive.drawer-left .drawer-toggle,.drawer-responsive.drawer-right .drawer-toggle{display:none;visibility:hidden}
.drawer-responsive.drawer-left .drawer-main{left:0}
.drawer-responsive.drawer-right .drawer-main{right:0}}@media (min-width:641px){.drawer-responsive{background-color:#222}
.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{position:absolute;width:150px!important;height:auto!important;overflow:visible!important}
.drawer-responsive.drawer-left .drawer-main{float:left}
.drawer-responsive.drawer-left .drawer-overlay{margin-left:150px}
.drawer-responsive.drawer-right .drawer-main{float:right}
.drawer-responsive.drawer-right .drawer-overlay{margin-right:150px}}@media (min-width:1180px){.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{width:180px!important}
.drawer-responsive.drawer-left .drawer-overlay{margin-left:180px}
.drawer-responsive.drawer-right .drawer-overlay{margin-right:180px}}


.drawer-nav { margin-top:50px; padding-bottom:70px;}
.drawer-nav li { border-top:1px solid #222;margin-bottom:1px;text-indent:10px; padding:7px 5px;}
.drawer-nav li a { line-height:20px; font-size:14px; color:#999; }
.submenu { padding-top:7px; border-top:1px solid #222; margin-top:7px;}
.submenu li {padding:5px 0px; border:0;}
.submenu li a { font-size:13px; color:#666;}

.ppgs1{margin-left:0px !important}
.services{text-align:center;}
.services h3{text-align:left;}
.services p{text-align:left;}

/*.LayImAhrefNode{*/
    /*position: fixed;*/
    /*display: block;*/
    /*width: 72px;*/
    /*height: 36px;*/
    /*background: #f08800;*/
    /*right: 0;*/
    /*top: 50%;*/
    /*z-index: 999;*/
    /*border-radius: 3px;*/
    /*line-height: 36px;*/
    /*text-align: center;*/
    /*color: #fff;*/
/*}*/

.foot-cc2 {
    position: fixed;
    bottom: 60px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    right: 5px;
    z-index: 999;
}
.foot-cc2 .foot-phone2 {
    float: right;
}
.foot-cc2 .foot-email2 {
    float: right;
}
.foot-cc2 .foot-chat2 {
    float: right;
}
.foot-cc2 span {
    display: inline-block;
    height: 36px;
}
.foot-cc2 a {
    color: #fff;
    font-size: 15px;
}
.foot-cc2 .foot-phone2>span>a>img {
    width: 40px;
    margin-left: 5px;
}
.foot-cc2 .foot-email2>span>a>img {
    width: 40px;
    margin-left: 5px;
}
.foot-cc2 .foot-chat2>span>a>img {
    width: 40px;
}