@charset "utf-8";html{font-size:62.5%;/*10 ÷ 16 × 100% = 62.5% */}
body,p,input,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{margin:0;padding:0;list-style:none;vertical-align:middle;font-weight:normal}
img{border:0}
body{background:#fff;color:#000;-webkit-user-select:none;-webkit-text-size-adjust:none;font:normal 100% "微软雅黑",helvetica,arial;min-height:100%}
h1,h2,h3,h4,h5,h6{font-size:100%}
button,input,textarea,select{outline:none;resize:none}
header,section,footer{display:block;margin:0;padding:0}
a{text-decoration:none;color:#000;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-focus-ring-color:rgba(0, 0, 0, 0)}
a:focus{outline:none}
em,i{font-style:normal}
.clear{clear:both}
header{margin-top:0;width:100%;background:#fff; border-bottom:4px solid #74441c}
header div{float:left;text-align:center;background:#fff;padding:0.5rem 0;height:4.8rem;line-height:4.8rem}
header .menu{width:20%;vertical-align:middle}
header .menu img{max-width:46px;vertical-align:middle}
header .logo{width:60%;vertical-align:middle;display:table-cell;font-size:2rem}
header .logo img{max-width:174px;vertical-align:middle}
header .login{width:20%;vertical-align:middle}
header .login img{max-width:51px;vertical-align:middle}
header .login1{width:20%;vertical-align:middle}
header .login1 img{width:100%;max-width:271px;vertical-align:middle}
header .title{width:60%;color:#000;font-weight:bold;font-size:1.2em;letter-spacing:1px;overflow:hidden}
/*幻灯片*/
.pic{width:100%;margin-top:0;clear:both}
.focus{position:relative;overflow:hidden}
.focus .hd{width:100%;height:11px;position:absolute;z-index:1;bottom:0.5rem;text-align:center}
.focus .hd ul{display:inline-block;height:0.6rem;padding:0 0.5rem;font-size:0em;vertical-align:top}
.focus .hd ul li{display:inline-block;width:1rem;height:1rem;background:#fff;margin:0 0.3rem;vertical-align:top;overflow:hidden;font-size:0;border-radius:1rem}
.focus .hd ul .on{background:#b2b2af}
.focus .bd{position:relative;z-index:0}
.focus .bd li img{vertical-align:top;width:100%}
.focus .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*导航*/
.nav{width:100%;margin:0 auto;font-size:0}
.nav li{float:left;text-align:center;background:#fff; width:32.5%}
.nav li:nth-child(3),.nav li:nth-child(6),.nav li:nth-child(9){width:35%}
.nav img{display:block;float:left;width:100%;vertical-align:top;margin:0;padding:0}
.nav a{margin:0;padding:0;font-size:0}
/*分类*/
.pclass{width:96%;margin:0 auto;font-size:2rem}
.pclass a{color:#656565}
.pclass li{height:6rem;line-height:6rem;overflow:hidden;padding-left:12rem;border:1px solid #b7b7b7;border-top:#f8f8f8;background:url(../images/m_bg.png) no-repeat 7rem center;margin-top:1.5rem;-webkit-box-shadow:2px 2px 4px #5f5f5f;border-radius:1rem}
#view{width:96%;margin:0 auto;font-size:1.2rem}
#view .hd{height:3rem;line-height:3rem;border-bottom:1px solid #22b49f;position:relative;margin-top:1rem;font-size:1.6rem}
#view .hd ul{position:absolute;height:3rem;top:0;overflow:hidden}
#view .hd ul li{float:left;padding:0 1rem}
#view .hd ul .on{background:#22b49f;color:#FFF}
#view .hd ul .on a{display:block;color:#FFF}
#view .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.book{font-size:1.2rem;padding-top:1rem}
.book p{margin-bottom:1rem;color:#a9a9a9}
.book li{margin:0 auto 1rem auto;width:99%;border:1px solid #a9a9a9}
.book .txt{width:98%;border:0px;height:3rem;line-height:3rem}
.book textarea{width:98%;border:0px;height:9rem}
.book .code input{width:50%;border:0px;height:3rem;line-height:3rem}
.book .sub{border:1px solid #22b49f}
.book .sub input{width:100%;border:0px;height:3rem;line-height:3rem;color:#fff;background:#22b49f}
/*显示*/
.title{text-align:center;margin-top:1rem;font-size:1.6rem;font-weight:bold}
.date{font-size:0.9rem;text-align:center;line-height:2rem;height:2rem}
.content{width:96%;margin:1rem auto;font-size:1.4rem;line-height:2rem}
.content img{max-width:100%;display:block;margin:0 auto}
/*新闻列表*/
.nlist{width:96%;margin:1rem auto}
.nlist li{border-bottom:1px solid #ddd;padding:1rem 0}
.nlist li h2{font-size:1.4rem;font-weight:bold}
.nlist li p{font-size:1.2rem;color:#999;line-height:2rem;height:4rem;overflow:hidden;margin-top:0.2rem}
/*列表*/
.prolist{width:96%;margin:1rem auto 0 auto;background:url("../images/m_pbg.jpg") no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; padding:0 2%}
.prolist li{padding:1rem 0;float:left;width:29%;margin:0 2%; text-align:center}
.prolist img{width:100%;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8}

.pro_list{width:96%;margin:1rem auto 0 auto}
.pro_list li{padding:1rem 0;float:left;width:29%;margin:0 2%}
.pro_list div{text-align:center;width:100%;border-radius:50%;box-shadow:0.5rem 0.5rem 1rem #b6b6b6}
.pro_list img{width:96%;border-radius:50%;border:2% solid #FFF}
.pro_list h1{text-align:center;font-size:1.5rem;margin-top:1rem;height:1.5rem;line-height:1.5rem;overflow:hidden}

.about{width:100%}
.about img{width:100%}

.photo_list{width:96%;margin:1rem auto 0 auto}
.photo_list li{padding:1rem 0;float:left;width:29%;margin:0 2%}
.photo_list div{text-align:center;width:100%;box-shadow:0.5rem 0.5rem 1rem #b6b6b6}
.photo_list img{width:96%;border:2% solid #FFF}
.photo_list h1{text-align:center;font-size:1.5rem;margin-top:1rem;height:1.5rem;line-height:1.5rem;overflow:hidden}


.product{padding:1rem 0;line-height:2rem}
.protitle{line-height:3rem;font-size:2rem;font-weight:bold;text-align:center;margin-top:2rem}
.proimg{text-align:center;width:96%;margin:2rem auto}
.proimg img{width:100%;max-width:72rem}
.pro_pic{ display:block; max-width:100%; margin:1rem auto}
/*底部*/
footer{width:100%;padding:0.5rem 0;clear:both;color:#9E9EA0;font-size:1.2rem;text-align:center}
/*回到顶部*/
.plugback{position:fixed;bottom:0;right:0;z-index:19000}
.plugback img{width:30px;height:30px}
/*客户*/
.customer:after{clear:both;content:" ";display:block}
.customer ul{width:99%;margin:0 auto}
.customer ul li{float:left;width:33%;text-align:center;margin-top:1rem}
.customer ul li img{width:92%}
/*公司*/
.company{width:80%;margin:1rem auto}
.company li:after{clear:both;content:" ";display:block}
.company li{border-bottom:#bcbcbc 1px solid;margin-top:2rem}
.company .num{float:left;width:9%;max-width:4rem;line-height:6rem;height:6rem;text-align:center;background:#ff8e14;color:#fff;font-size:2rem;font-weight:bold}
.company .arrow{float:left;width:0;height:0;border-top:3rem solid transparent;border-bottom:3rem solid transparent;border-left:2rem solid #ff8e14}
.company h1{float:left;margin-left:7%;font-size:1.5rem;line-height:6rem;height:6rem;}
.company .cimg{float:right;width:30%;height:6rem;position:relative}
.company img{ position:absolute;bottom:0;right:0;box-shadow:0.5rem 0.5rem 1rem #a2a2a2;width:100%;max-height:6rem;max-width:164px; vertical-align:middle}
.company a{display:block;width:100%;height:6rem}