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

body{ margin:0 auto; font-size:16px; font-family:"微软雅黑";font-weight:normal; padding:0; color:#424242 }
ul,dl,dd,dt,h1,h2,h3,h4,h5,h6,form,p{ padding:0; margin:0;}
ol,ul,li,dl,dd,dt{ list-style:none; padding:0; margin:0}
img{ border:0px; }
a{ color:#424242; font-size:16px; text-decoration:none;}
a:hover{ text-decoration:none; color:#f00;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
botton,input,textarea,select{ font-size:12px; vertical-align:middle;}


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

.itop{ width:100%; height:160px; background: url(logo_bg.jpg) top repeat-x; float:left}
.top{ width:1200px; height:160px; margin:0 auto}
.logo{ width:628px; height:160px; float:left}
.l_r{ width:200px; float:right; margin-top:30px;}
.xl{ width:132px; height:25px; border-radius:15px; border:1px solid #afafaf; padding-left:30px;}
.l_r2 h1{ font-size:18px; margin-top:20px;}
.l_r2 p{ font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#e50000; margin-top:5px}

}

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

.nav{ display:none}
.l_r{ display:none}
}
@media screen and (min-width: 980px) {
.nav{ width:100%; height:73px; background-color:#707070; float:left}

#nav{ color:#5f5f5f; width:1100px; margin:0 auto}
#nav a{ color:#5f5f5f;padding:0px;}
#nav ul.icons{ display:none}
#nav ul.links li{ width:150px; line-height:73px; text-align:center; float:left}
#nav ul.links li a{ padding:0px;font-size:16px; color:#fff}
#nav ul.links li a:hover{}
#nav ul.links li.active { background:none}
#nav ul.links li.active a {color: #fff;}
#nav ul.links li.active a:hover {color: #18bfef !important;}

.slideBox1{ width:100%;  overflow:hidden; position:relative; }
.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute;bottom:5px; z-index:1; right:1px; }
.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:0px; bottom:5px; z-index:1; left:48% }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox1 .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 }
.slideBox1 .hd ul li.on{ background:none; color:#fff; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd img{ width:100%; display:block;  }
.slideBox1 .prev,
.slideBox1 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox1 .next{ left:auto; right:3%; background-position:8px 5px; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox1 .prev,
.slideBox1 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox1 .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox1 .prev:hover,
.slideBox1 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox1 .prevStop{ display:none;  }
.slideBox1 .nextStop{ 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: 0.75rem; 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); margin-top:55px;
}

}

#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%; float:left}


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

.slideBox{ width:100%;  overflow:hidden; position:relative; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }



.icontent{ width:100%; float:left;}
.content{ width:98%; margin:0 auto}
.product{ width:100%;}
.product h1{ font-size:24px; text-align:center; font-weight:normal; line-height:60px; color:#da0101}

.picScroll-left{ display:none}
.content_c{ width:100%; margin:0 auto;}
.content_c li{ width:48%; float:left; margin:1%;}
.content_c1{ width:100%; border:1px solid #ccc}
.content_c1 img{ width:100%}
.content_c2{ width:100%; height:30px; line-height:30px; text-align:center; line-height:30px}
.content_c3{ width:77px; height:25px; line-height:25px; background-color:#c0130a; margin:0 auto; text-align:center}
.content_c3 a{ color:#fff}

.about{ display:none}
.mabout{ width:100%; float:left; margin-top:30px;}
.mabout1{ width:100%; }
.mabout11 p{ line-height:30px; margin-top:20px; text-indent: 2em;}
.mabout2{ width:100%;}

.news{ width:100%; margin-top:30px; float:left}
.news1{ width:100%; }
.news1_t{ display:none}
.mnews1_t h1{ font-size:24px; text-align:center; font-weight:normal; line-height:60px; color:#da0101}
.news1_c{ margin-top:10px;}
.news1_c li{ float:left; width:48%; margin:1%}
.news1_c li img{ width:100%}
.news2{ width:100%; float:left; margin-top:30px;}
.news2_c li{ height:40px; line-height:40px;}
.news2_c li span{ float:right}

.ibottom{ width:100%; background-color:#f8f4f4; margin-top:75px; float:left}
.bottom{ width:100%; margin:0 auto}
.bottom p{ line-height:40px; text-align:center; padding-top:20px; padding-bottom:20px;}

.ilocation{ display:none}
.iny_pro{ display:none}

.iny_t{ width:100%;  box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1); background-color: rgba(255,255,255,1);border-bottom-color: rgba(214, 214, 214, 1);border-bottom-style: solid; border-bottom-width: 1px; margin-bottom:10px; float: left}
.ny_t{ width:99%;margin:0 auto}
.ny_t li a{ width:31%; height:40px; line-height:40px; background-color:#eeeeee; margin-top:2%;  margin-bottom:2%; margin-left:1%; margin-right:1%; display:block; float:left; text-align:center}
.ny_t li a:hover{ background-color:#e60012; color:#fff}

.ny_t1{ width:98%;  margin:0 auto; line-height:60px; font-size:16px; padding:0 1% }
.ny_t1 a{ font-size:16px;}


.ny_right{ width:98%; line-height:28px; font-size:16px; padding:0 1%; margin-top:15px; float:left}
.ny_right img{ width:100%}


#prolist{ width:98%; margin:auto; overflow:hidden; margin-bottom:35px;}
#prolist li{ width:46%; margin:2%; float:left;display:inline;}
#prolist li img{ width:100%; border:1px solid #999999;}
#prolist li .proname{ width:100%; line-height:30px; text-align:center; overflow:hidden;}
#prolist li .proname a{  text-decoration:none;}

#page{text-align:center;}
.k_pagelist{ }
.k_pagelist a{ height:24px; padding:0 4px; margin:4px; border:1px solid #999999;}

.LoopDiv{ display:none}
.imageflow{ display:none}

#newslist{ margin-bottom:60px;}
#newslist li{ height:40px; line-height:40px; background:url(news_dot.jpg) left center no-repeat; border-bottom:1px dashed #ccc}
#newslist li a{ line-height:40px; overflow:hidden; width:98%; float:left}
#newslist li span.date{ display:none}


#prolist1{ width:98%; margin:auto; overflow:hidden; margin-bottom:35px;}
#prolist1 li{ width:46%; margin:2%; float:left;display:inline;}
#prolist1 li img{ width:100%; border:1px solid #999999;}
#prolist1 li .proname{ width:100%; line-height:30px; text-align:center; overflow:hidden;}
#prolist1 li .proname a{  text-decoration:none;}


}






@media screen and (min-width: 980px) {
.iny_t{ display:none}
.content_c{ display:none}
	
.icontent{ width:100%; float:left }
.content{ width:1200px; margin:0 auto}
.product{ width:1200px;}
.product h1{ font-size:24px; text-align:center; font-weight:normal; line-height:80px;}


.picScroll-left{ width:1200px;  overflow:hidden; position:relative;  }
.picScroll-left .hd{ overflow:hidden; width:33px; height:74px;    margin-top: 100px; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:33px; height:74px; float:left; text-align:left; margin-right:13px;  overflow:hidden; cursor:pointer; background:url(scroll_r.jpg) left top no-repeat}
.picScroll-left .hd .next{background:url(scroll_l.png) left top no-repeat  }
.picScroll-left .hd .prev{background:url(scroll_r.png) left top no-repeat  }
.picScroll-left .hd .prevStop{background:url(scroll_l.png) left top no-repeat; width:21px; height:47px; }
.picScroll-left .hd .nextStop{ background:url(scroll_r.png) left top no-repeat; width:21px; height:47px;  }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(/icoCircle.gif) 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:0px; float:left; margin-top:20px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:355px; margin:0 11px; float:left; _display:inline; overflow:hidden;  }
.picScroll-left .bd ul li img{ width:353px;height:265px; display:block; border:1px solid #ccc }
.picScroll-left .bd .title{ text-align:center; line-height:24px; margin-top:5px; text-align:center;}

.mabout{ display:none}
.about{ width:1200px; margin-top:75px;}
.about1{ width:600px; float:left}
.about11 p{ line-height:40px; margin-top:20px; letter-spacing:1px;text-indent: 2em;}
.about2{ width:582px; float:right}

.news{ width:1200px; margin-top:75px; float:left}
.news1{ width:565px; float:left}
.mnews1_t h1{ display:none}
.news1_t{ width:565px; height:45px;}
.news1_c{ margin-top:10px;}
.news1_c li{ float:left; margin:5px;}
.news2{ width:565px; float:right}
.news2_c li{ height:40px; line-height:40px;}
.news2_c li span{ float:right}

.ibottom{ width:100%; background-color:#f8f4f4; margin-top:75px; float:left}
.bottom{ width:1200px; margin:0 auto}
.bottom p{ line-height:50px; text-align:center; padding-top:20px; padding-bottom:20px;}



/*--neiye--*/

.ilocation{ width:100%; height:60px; float:left}
.location{ width:1200px; height:60px; margin:0 auto}
.location p{ line-height:60px}

.iny_content{ width:100%; float:left; margin-bottom:60px;}
.ny_content{ width:1200px; margin:0 auto; line-height:24px; padding-top:40px;}

.iny_pro{ width:260px; float:left}
.ny_pro{ width:260px;}
.ny_pro_t{ width:260px; height:50px; background-color:#e20001}
.ny_pro_t p{ text-align:center; line-height:50px; color:#fff; font-size:22px;}
.ny_pro_c{ width:258px; border:1px solid #ccc}
.ny_pro_c li{}
.ny_pro_c1{ line-height:40px; font-size:16px; padding-left:20px; border-bottom:1px solid #fff; background-color:#ececeb; display:block}
.ny_pro_c2{ line-height:40px; font-size:16px; padding-left:35px; background:url(news_dot.jpg) left center no-repeat; background-position:20px 20px; border-bottom:1px solid #ccc; display:block; }


.ny_right{ width:900px; float:right; line-height:28px; font-size:16px;}


.info{ border-bottom:1px solid #666666; border-top:1px solid #666666; text-align:center; font-size:14px; margin-top:20px;}
.other { padding-top:30px;}
.other .next{ padding:0 10px;float:left; display:inline;}
#page{text-align:center;}
.k_pagelist{ }
.k_pagelist a{ height:24px; padding:0 4px; margin:4px; border:1px solid #999999;}


#prolist{ width:900px; margin:auto; overflow:hidden; margin-bottom:60px;}
#prolist li{ width:272px; margin-left:14px; margin-right:14px; margin-top:5px;  float:left;display:inline;}
#prolist li img{ width:270px; height:203px; border:1px solid #999999;}
#prolist li .proname{ width:272px; line-height:40px; text-align:center; overflow:hidden;}
#prolist li .proname a{ color:#000; text-decoration:none;}
#prolist1{ display:none}

#newslist{ margin-bottom:60px;}
#newslist li{ height:40px; padding-left:10px; line-height:40px; background:url(news_dot.jpg) left center no-repeat; border-bottom:1px dashed #ccc}
#newslist li a{ line-height:40px;}
#newslist li span.date{ margin-right:10px; float:right;}

.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}
.imageflow .slider{background-image:url(../../Images/Index/slider.png); background-repeat:no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap}
.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}
.imageflow .previous{background:url(../../Images/Index/button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}
.imageflow .next{background:url(../../Images/Index/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}

}