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

html,body,h1,h2,h3,h4,h5,input,button,form,p,span,a,div,ol,ul,li,table,tbody,tfoot,thead,tr,th,td,canvas{margin:0;padding:0;}
body{width:100%;height:auto; font-family:"微软雅黑"; background-color:#FFF;font-size:14px; color:#707070}
ol,ul,li{list-style:none;}
table{width:100%}
em{ font-style:normal}
a{text-decoration:none;color:#707070;}
	
.xp{width:100%;height:auto;margin:0 auto;}
.xp1{width:95%;height:auto;margin:0 auto; margin-bottom:100px;}

.top{ width:100%; }
.logo{ width:18%; float:left}
.l_z{ width:81%; float:right}
.l_z h1{ font-size:18px; font-weight:600; text-align:left; color:#5f5f5f; padding-top:12px;}
.l_z h2{ font-size:14px; font-weight:normal; color:#707070; text-align:left;padding-top:2px;}





@media screen and (max-width: 980px) {

.nav{ display:none}
}

/* Nav Panel */

#navPanelToggle {text-decoration: none; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; display: none; position: fixed; top:1.7rem; right: 0.75rem; border: 0; color: #ffffff; font-family: "Source Sans Pro", Helvetica, sans-serif; font-size: 0.9rem; font-weight: 900; letter-spacing: 0.075em; padding: 0.375rem 1.25rem; text-transform: uppercase; z-index: 10001;}

#navPanelToggle:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}

#navPanelToggle:before {
content: '\f0c9';
margin-right: 0.5rem;
}

#navPanelToggle.alt {
background-color: rgba(255, 255, 255, 0.875);
box-shadow: 0 0.125rem 0.75rem 0 rgba(30, 37, 45, 0.25);
color: #212931;
}

#navPanelToggle.alt:hover {
background-color: #ffffff;
}

@media screen and (max-width: 980px) {
#navPanelToggle {
display: block;
}

}

@media screen and (max-width: 736px) {

#navPanelToggle {
font-size: 0.8rem;
padding: 0.25rem 1rem; color:#000;box-shadow: 0 0.125rem 0.75rem 0 rgba(30, 37, 45,0.5)
}

}

#navPanel {
-moz-transform: translateX(20rem);
-webkit-transform: translateX(20rem);
-ms-transform: translateX(20rem);
transform: translateX(20rem);
-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
display: none;
-webkit-overflow-scrolling: touch;
background: #ffffff;
box-shadow: none;
color: #212931;
height: 100%;
max-width: 80%;
overflow-y: auto;
padding: 3rem 2rem;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
width: 20rem;
z-index: 10002;
}

#navPanel .links {
list-style: none;
padding-left: 0;
}

#navPanel .links li {
border-top: solid 2px #eeeeee;
}

#navPanel .links li a {
border-bottom: 0;
display: block;
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 0.9rem;
font-size: 0.9rem;
font-weight: 900;
letter-spacing: 0.075em;
padding: 0.75rem 0;
text-transform: uppercase;
}

#navPanel .links li:first-child {
border-top: 0;
}

#navPanel .close {
text-decoration: none;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
-webkit-tap-highlight-color: transparent;
border: 0;
color: #909498;
cursor: pointer;
display: block;
height: 3.25rem;
line-height: 3.25rem;
padding-right: 1.25rem;
position: absolute;
right: 0;
text-align: right;
top: 0;
vertical-align: middle;
width: 7rem;
}

#navPanel .close:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}

#navPanel .close:before {
content: '\f00d';
font-size: 1.25rem;
}

#navPanel .close:hover {
color: #212931;
}

@media screen and (max-width: 736px) {

#navPanel .close {
height: 4rem;
line-height: 4rem;
}

}

@media screen and (max-width: 980px) {
#navPanel {
display: block;
}

}

@media screen and (max-width: 736px) {
#navPanel {
padding: 2.5rem 1.75rem;
}

}

@media screen and (max-width: 980px) {

body.is-navPanel-visible #wrapper {
opacity: 0.5;
}

body.is-navPanel-visible #navPanel {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
visibility: visible;
}

}




.banner{ width:100%}

.slideBox{ width:100%;  overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute;bottom:5px; z-index:1; right:1px; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:0px; bottom:5px; z-index:1; left:45% }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:10px; text-align:center; background:#fff; cursor:pointer; border:1px solid #ccc; border-radius:8px }
.slideBox .hd ul li.on{ background:none; background:#04BE02; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

.notice{ width:100%; height:35px; background-color:#f4f4f4}
.notice p{ width:95%; margin:0 auto; line-height:35px; }

.tt{ width:100%; height:45px; float:left; background:url(tt_bg.jpg) left center no-repeat}
.tt p{ line-height:45px; font-size:16px; padding-left:20px;}
.co{ width:100%; text-align:center}

.product{ width:100%; float:left}
.product li{ width:48%; margin-left:1%; margin-right:1%; text-align:center; float:left}
.product li img{ width:100%; margin-bottom:5px; margin-top:5px;}

.product1{ width:100%; float:left}
.product1 li{ width:47%; margin-left:1%; margin-right:1%; text-align:center; float:left; border:1px solid #ccc; padding-bottom:5px; margin-bottom:12px;}
.product1 li img{ width:100%; margin-bottom:5px; margin-top:5px;}


.product_m1{ width:100%; height:35px; float:left; margin-top:30px; margin-bottom:20px;}
.product_m{ width:60%; height:35px; margin:0 auto}
.product_m a{ text-align:center; background-color:#c30004;  color:#fff; display:block; line-height:35px;}

.news{ width:100%; float:left; margin-bottom:100px;}
.news li{ width:100%; float:left; margin-top:8px; margin-bottom:8px;}
.news_p{ width:25%; float:left}
.news_t{ width:74%; float:right}
.news_t h1{ font-weight:normal; font-size:14px}
.news_t p{ color:#b9b9b9}



#menu{position:fixed;bottom:0px;width:100%;height:60px;line-height:85px;z-index:999; background-color:#fff; border-top:1px solid #d7d7d7}
#menu ul{margin:0 auto;list-style-type:none;width:100%;max-width:500px;height:100%;}
#menu ul .menu_pro c{ background: url(pro.png) no-repeat 5px; }
#menu ul .menu_sol c{ background: url(sol.png) no-repeat 5px; }
#menu ul .menu_tel c{ background: url(tel.gif) no-repeat 5px; font-size: 15px; font-weight: normal;}

#menu ul li{float:left;width:33.3%;height:100%;text-align:center;position:relative;font-size:14px;}
#menu ul li .line{position:absolute;top:0px;right:0px;z-index:30;}
#menu ul li .menu_li{position:absolute;top:0px;left:0px;z-index:20;width:100%;height:100%;color:#F7F7F7; font-size:16px;}
#menu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;}
#menu ul li .img_front img{width:100%;height:100%;}
#menu ul li span{position:absolute;bottom:-300px;left:50%;width:104px;margin-left:-52px;margin-bottom:0px;height:auto;text-align:center;z-index:10;}
#menu ul li span div{position:absolute;top:0px;left:0px;}
#menu ul li span a{float:left;width:100%;height:43px;line-height:43px;color:#454545; font-weight:bold;text-decoration:none;}
.menu_li a {color:#707070; font-size:14px;}


/*--内页--*/

.iny_banner{ width:100%;}

.iny_l_c1{ width:100%; float:left; margin-top:5px; margin-bottom:15px;}
.ny_l_c1{ width:100%; margin:0 auto}
.ny_l_c1 ul{ padding-bottom:15px;}
.ny_l_c1 ul li{ width:19%; float:left; margin-right:0.5%; margin-left:0.5%;}
.ny_l_c1 ul li a{ width:100%; height:30px; line-height:30px; display:block; text-align:center;  }
.ny_l_c1 ul li.on{color:#000000}
.ny_l_c1 ul li.on a { }
.ny_l_c1 ul li.on:after{content:'';width:95%;height:4px;background:#d71718;display:block;margin:0 auto; margin-top:3px; }

.ny_box{ line-height:26px; padding-left:5px; padding-right:5px; margin-bottom:90px;}
.ny_box img{ width:100%}

#page{text-align:center; margin-bottom:30px;}
.k_pagelist{ font-family:"微软雅黑"; letter-spacing:1.5px;}
.k_pagelist a{ height:24px; padding:0 4px; margin:6px; border:1px solid #999999; background-color:#e4e4e4 }
.info{ text-align:center; margin-bottom:25px; color:#999}
.other { margin-top:30px; border-top:1px solid #ccc; padding-top:10px;}
.other .next{ padding:0 10px;float:left; display:inline;}