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

* { -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin:0; padding:0 }
ol, ul { list-style:none }
:focus { outline:0 }
a img { border:0 }
a { text-decoration:none; }
 @charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { color:#333; font:14px/24px "微软雅黑", Arial, Helvetica, sans-serif; background:#fff; }
#main_out { }
.float_clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.display_none { display:none; }
img { border:none; }
.red { color:red; }
.must_input { font-weight:bold; color:red; }
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.purple { color:purple; }
.clear { clear:both; }
.highlight { color:#FFF; background:red; padding:1px; }
img { height:auto; vertical-align:top; width:auto; }
/* a */ 
a, a:link { color:#333; text-decoration:none; text-decoration:none; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; transition:all 1s; }
a:visited { }
a:active, a:hover { text-decoration: none; color:#7E102B; }
a:focus { outline: none; }
p { line-height:24px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
.ditu { width:100%; height:400px; }
.ditu img { width:auto; max-width:auto; }
/* 顶部 */
#top { }
.logo { padding:10px 0; text-align:center; }
.logo img { }
.nav { }
.nav ul { background:#7E102B; }
.nav li { float: left; line-height:36px; box-sizing:border-box; border-right:1px solid #535353; width:14.2857143%; transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; -ms-transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; background:#222; }
.nav li a { background:#222; text-align:center; display:block; color:#fff; font-size:14px; }
.nav li a:hover { background:#7E102B; }
.nav .current_navigation { background:#7E102B; }
.nav li.li6 { border:none; }
/*首页*/
#index { padding:10px; margin:0 0 80px; }
#index ul { }
#index li { float:left; width:16.6666667%; padding:10px; box-sizing:border-box; text-align:center; }
#index li img { }
#index li a { display:block; }
/*内页banner*/
#banner { text-align:center; }
#banner img { max-width:100%; display:block; }
/*面包屑*/
.current_location { line-height:18px; padding:8px 0 8px 20px; color:#fff; font-size:14px; background:#222; padding:
}
.current_location a { color:#fff; }
.current_location span { border-left:3px solid #fff; padding:0 10px 0 0; }
/*内容区*/
#content { padding:10px; margin:0 0 80px; }
.common_title { line-height:28px; border-bottom:2px solid #7E102B; margin:10px 0; }
.common_title h1 { color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); border-radius:8px 8px 0 0; background:#7E102B; text-align:center; width:120px; font-size:16px; margin:0 auto; }
.content { font-size:14px; }
.content td{ word-break:break-all;}
.content  img{ max-width:100%;}
.ivideo { width:100%; height:auto; background:#000; }
/*新闻中心*/
#news { margin:10px 0; }
.news { }
.news  .n_title a {color:#333;  }
.news li { padding:0 10px; border:1px solid #7E102B; margin-bottom:10px; border-radius:12px; }
.news .n_title { line-height:32px; border-bottom:1px dotted #333; padding:0 5px; font-size:16px; }
.news .n_content { color:#333; padding:5px 0; }
.news .n_intro { text-align:right; border-top:1px dotted #333; line-height:26px; color: #333;}
.news .n_intro a { color:#333; }
/*产品中心*/
.pro { }
.pro li { padding:10px; float:left; width:25%; box-sizing:border-box; text-align:center; }
.pro li div { border-radius:12px; box-shadow:0 0 5px #000; }
.pro li h2 { line-height:28px; font-size:16px; background:#7E102B; border-radius:12px 12px 0 0; }
.pro li h3 { display:block; overflow:hidden; background:#fff; }
.pro li h3 img { width:100%; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; transition:all 1s; }
.pro li h4 { line-height:28px; font-size:16px; background:#000; border-radius:0 0 12px 12px; }
.pro li a { color:#fff; text-transform:uppercase; }
.pro li:hover img { transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; transition:all 1s; }
.pro li:hover h2 { background:#000; }
.pro li:hover h4 { background:#486EAC; }
.prod li { padding:10px; float:left; width:25%; box-sizing:border-box; text-align:center; }
.prod li div { box-shadow:0 0 5px #000; background:#fff; }
.prod li h2 { display:block; overflow:hidden; padding:0 0 10px; border-bottom:1px solid #ccc; }
.prod li img { width:100%; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; transition:all 1s; }
.prod li a { display:block; width:100%; height:auto; }
.prod li h3 { line-height:18px; font-size:14px; padding:4px 0; }
.prod li h4 { background:#486EAC; line-height:22px; }
.prod li a h4 { display:block; color:#fff; text-transform:uppercase; }
.prod li a:hover img { transform:scale(0.9, 0.9); -o-transform:scale(0.9, 0.9); -moz-transform:scale(0.9, 0.9); -webkit-transform:scale(0.9, 0.9); -ms-transform:scale(0.9, 0.9); -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; transition:all 1s; }
/*案例*/
.case { }
.case li { float:left; width:25%; padding:10px; box-sizing:border-box; }
.case li img { width:100%; height:auto; border-radius:100%; display:block; box-shadow:0 0 5px #000; }
.case li h2 { text-align:center; line-height:20px; font-size:16px; padding:10px 0 0; }
.case li h2 a { }
#case li { float:left; width:25%; padding:10px; box-sizing:border-box; }
.video { width:100%; height:auto; background:#000; display:block; }
#case li p { line-height:18px; font-size:14px; text-align:center; background:#e60012; color:#fff; padding:5px; }
/*分类列表 - 递推一级分类*/
#cate { }
#cate1 li { width:50%; }
#cate8 li { width:25%; }
.channel_list_recursion { }
.channel_list_recursion li { line-height:28px; float:left; }
.channel_list_recursion li a { display:block; text-align:center; font-size:14px; box-shadow:0 0 10px #333 inset; -o-box-shadow:0 0 10px #333 inset; -ms-box-shadow:0 0 10px #333 inset; -moz-box-shadow:0 0 10px #333 inset; -webkit-box-shadow:0 0 10px #333 inset; }
.channel_list_recursion li a:hover { background:#e60012; color:#fff; }
.channel_list_recursion #current_channel_recursion a { background:#e60012; color:#fff; }
.channel_list_recursion .c_c { background:#7E102B; color:#fff; }
/*信息详情页*/
#info_name { font-size:22px; font-weight:normal; text-align:center; line-height:26px; color:#e60012; padding:7px 0; }
#info_intro { text-align:center; color:#e60012; line-height:20px; font-size:16px; border-bottom:1px solid #e60012; }
#info_content { padding:10px 0; }
#info_around { padding:5px; border:1px solid #e60012; margin:10px 0; border-radius:12px; box-shadow:0 0 10px rgba(0, 0, 0, 0.8); }
#info_around a { display:inline; }
.info_pic { text-align:center; margin:10px 0 0; }
.info_pic img { max-width:80%; border-radius:12px; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); }
#info_pcontent { padding:10px 0; border-top:1px solid #e60012; }
#info_pcontent img { max-width:100%; height:auto; }
/*分页样式*/
.page_turner { padding:4px 0px 0px 1px; float:right; clear:both; }
.page_turner a, .page_turner span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c { background:#CC0001; color:#FFF; }
#total { color:red; }
#gotop { height:50px; width:50px; }

/*响应式开始*/
@media screen and (max-width:1000px) {
 #info_name {
font-size:18px;
line-height:22px;
padding:5px 0;
}
}
 @media screen and (max-width:840px) {
 #top {
height:auto;
padding:0;
}
.logo {
float:none;
text-align:center;
}
.logo img {
height:auto;
max-width:100%;
}
.top_name {
float:none;
line-height:60px;
font-size:24px;
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);
}
 #case li {
width:50%;
}
}
 @media screen and (max-width:580px) {
 #case li p {
font-size:12px;
}
}
 @media screen and (max-width:520px) {
 .case li {
width:33.3333334%;
}
 .prod li {
width:33.3333334%;
}
 #info_intro {
line-height:18px;
font-size:14px;
}
#info_content {
padding:5px 0;
}
 .pro li {
width:33.3333334%;
}
}
 @media screen and (max-width:480px) {
 .nav #navigation_home, .nav li.li1, .nav li.li2 {
width:33.334%;
border-bottom:1px solid #535353;
}
.nav li.li3, .nav li.li4, .nav li.li5, .nav li.li6 {
width:25%;
}
.nav li.li2 {
border-right:0;
}
 #index li {
width:33.3333334%;
}
}
 @media screen and (max-width:440px) {
 .case li {
width:50%;
}
}
 @media screen and (max-width:420px) {
 #cate8 li {
width:33.333334%;
}
#cate8 li.li8 {
width:66.6666667%;
}
 .video {
height:160px;
}
#case li p {
font-size:14px;
}
}
 @media screen and (max-width:400px) {
 #case li {
width:100%;
}
 #gotop {
width:30px;
height:30px;
}
 #info_name {
font-size:16px;
line-height:20px;
}
 .pro li {
width:50%;
}
}
 @media screen and (max-width:380px) {
 .logo {
padding:10px;
}
}
 @media screen and (max-width:360px) {
 .n_title {
line-height:18px;
padding:5px;
font-size:14px;
border-bottom:1px dotted #e60012;
}
.n_title a {
color:#e60012;
}
.n_content p {
line-height:20px;
}
.n_intro {
border-top:1px dotted #e60012;
color:#e60012;
}
.n_intro a {
color:#e60012;
}
 .prod li {
width:50%;
}
}
 @media screen and (max-width:340px) {
 .top_name {
line-height:20px;
font-size:18px;
padding:0 0 10px;
}
}
 @media screen and (max-width:320px) {
 #cate8 li {
width:50%;
}
#cate8 li.li8 {
width:50%;
}
}
 @media screen and (max-width:300px) {
 .nav li {
line-height:24px;
}
.nav li a {
font-size:12px;
}
}
 @media screen and (max-width:280px) {
 .n_intro {
display:none;
}
#info_intro {
display:none;
}
#info_name {
font-size:14px;
line-height:18px;
border-bottom:1px solid #e60012;
}
 .current_location {
padding:8px;
}
.current_location span {
display:none;
}
}
 @media screen and (max-width:260px) {
 .top_name {
display:none;
}
.n_content p {
font-size:12px;
}
 .case li h2 {
line-height:24px;
font-size:12px;
}
 #index li {
width:50%;
}
 .current_location {
line-height:14px;
padding:5px;
font-size:12px;
}
}
 @media screen and (max-width:240px) {
 #index li h3 {
line-height:20px;
border-radius:8px;
font-size:14px;
}
 .common_title {
line-height:20px;
}
.common_title h1 {
border-radius:5px 5px 0 0;
width:100px;
font-size:13px;
}
 .nav #navigation_home {
display:none;
}
.nav li.li3 {
width:33.3333334%;
border-bottom:1px solid #535353;
border-right:0;
}
.nav li.li4, .nav li.li5, .nav li.li6 {
width:33.3333334%;
}
.nav li.li2 {
border-right:1px solid #535353;
}
 .pro li {
width:100%;
}
.prod li {
width:100%;
}
}
 @media screen and (max-width:220px) {
 .case li {
width:100%;
}
.case li h2 {
font-size:14px;
}
 #cate8 li {
line-height:20px;
}
#cate8 li a {
font-size:12px;
}
}