﻿@charset "utf-8";
/* CSS Document */


* { margin:0px; padding:0px;}
body { background:#fff; font-size:13px; line-height:28px; color:#444; text-decoration:none; font-family:"微软雅黑";}
a { color:#444; text-decoration:none;}
a:hover { color:#FF3333; text-decoration:none;}
img { border:0;}
ul,li,ol { list-style-type:none;}
h1,h2,h3,h4,h5,h6,dl,dt,p,b,i,span { font-weight:normal; color:#444;}

.head { height:30px; background:#05131D; width:100%;}
.head .head-in { width:1070px; height:30px; margin:0px auto; color:#fff;}
.head .head-in p { float:right; height:20px; line-height:18px; font-size:13px;  margin-top:5px; color:#999;}
.head .head-in p a { color:#fff;}
.head .head-in a { color:#fff;}
.head .head-in p span { float:left; margin-left:15px; margin-right:5px;}

.top { width:1200px; height:115px; margin:0px auto; position:relative;}
.top .logo { height:115px; overflow:hidden; display:table-cell; vertical-align: middle; }
.top .logo img { max-height:115px;}

/*nav*/
.nav { position: absolute; height:45px; right:0; top:35px;}
.nav li{float:left;}
.nav li a{float:left; min-width:100px;}
.inmenu:link,.inmenu:visited{color:#333; font-size:15px; line-height:45px; height:45px; text-align:center;}
.inmenu:hover,.inmenu:active{ background:#FF3333; text-decoration:none; transition:0.3s all;}
.inmenu_1:link,.inmenu_1:visited,.inmenu_1:hover,.inmenu_1:active{color: #fff; font-size:15px; height:45px; line-height:45px; background:#FF3333; transition:0.5s all; text-align:center;}

.nav li:hover{position:relative; z-index:99999999999;color:#fff;}
.nav li:hover a{background:#FF3333;color:#fff;}
.nav li:hover ul li a{background:#fff;color:#666; border-radius:0px;}
.nav li ul li{float:none;text-align:left;height:30px; border-bottom:1px solid #eee;}
.nav li ul li a{float:none;display:block;color:#FFF;white-space:nowrap;height:30px;line-height:30px;text-transform:capitalize;text-overflow:ellipsis; padding:0px 15px 0px 15px; min-width:70px;}
.nav li ul li a:hover{color:#FFF;background:#FF3333; transition:0.5s all;}
.nav li ul{display:none;position:absolute;top:45px;left:0; z-index:9999; padding-top:35px;}

/*banner*/
#banner{ position:relative; clear:both;min-width:1000px;background:#eee;width: 100%;margin: 0px auto; z-index:888;}
.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:55px;margin: 0;padding: 0; width:100%; text-align:center;}
.bbdd li{margin: 0 5px 10px 5px;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.3;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderPrev {opacity: 0.3;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderNext:hover,
.wmuSlider:hover .wmuSliderPrev:hover {opacity: 1;filter: alpha(opacity=50);}

.category { width:1088px; height:308px; margin:0px auto; overflow:hidden; background:url(cate-bg.png) no-repeat; margin-top:-50px; position:relative; z-index:999;}
.category .category-li { width:1070px; height:300px; margin:0px auto; overflow:hidden;}
.category .category-li li { display:inline-block; width:217px; height:240px;overflow:hidden; margin:33px 22px 0px 25px; padding:0px; text-align:center;}
.category .category-li li img { width:150px; height:120px; margin-bottom:5px;}
.category .category-li li p { width:217px; line-height:30px; font-size:15px;}
.category .category-li li span { width:217px; height:40px; line-height:20px; overflow:hidden; color:#888; margin-top:5px; font-size:12px;}
.category .category-li li .more { width:217px; line-height:30px; font-size:12px; margin-top:10px;}
.category .category-li li .more a { border:1px solid #ddd; padding:6px 15px;}
.category .category-li li .more a:hover { border:1px solid #f33; background:#f33; color:#fff; padding:6px 15px; transition:1s all;}

.content { width:1070px; height:auto; overflow:hidden; margin:0px auto; margin-top:35px;}
.title { font-size:20px; font-weight:bold;}
.title span { font-size:12px; color:#999; margin-left:5px;}
.title p { float:right; font-size:12px; }
.content .about { width:495px; height:auto; overflow:hidden; float:left; line-height:25px;}
.content .about img { width:495px; height:200px; margin-top:10px; margin-bottom:7px;}
.content .news { width:495px; height:auto; overflow:hidden; float:right;}
.content .news li { width:495px; height:62px; margin:10px 0px 0px 0px;}
.content .news li .num { width:60px; height:62px; background:#eee; float:left; text-align:center;}
.content .news li .num p { width:60px; height:40px; line-height:40px; font-size:20px; font-weight:bold; border-bottom:1px solid #fff;}
.content .news li .num span { width:60px; height:21px; line-height:21px; font-size:12px;}
.content .news li .nrbox { width:420px; height:62px; float:right;}
.content .news li .nrbox p { width:420px; height:20px; line-height:20px; font-size:15px; margin-bottom:5px;}
.content .news li .nrbox p a{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width: 420px;}
.content .news li .nrbox span { width:420px; height:36px; line-height:18px; font-size:12px; color:#999;}
.content .news li:hover .num { background:#f33; color:#fff; transition:0.5s all;}
.content .news li:hover .num p { color:#fff;}
.content .news li:hover .num span { color:#fff;}

.protitle { width:100%; height:100px; background: url(pro-titbg.jpg) repeat left bottom; padding-top:9px; text-align:center; margin-top:50px;}
.toptitle { width:180px; height:40px; background: url(pro-tit.png) no-repeat; text-align:center; color:#fff; font-size:20px; line-height:40px; margin:0px auto; font-weight:bold; margin-top:-9px;}
.protitle li { display:inline-block; margin:20px 10px 0px 10px; background:url(point2.png) no-repeat left 12px; padding-left:12px;}

.pro-scr { width:1140px; height:auto; OVERFLOW: hidden; ZOOM: 1; margin:0px auto; margin-top:35px;}
.pro-scr .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH:1060px; margin-left:10px;}
.pro-scr .ScrCont {WIDTH: 32733px; ZOOM: 1;}
.pro-scr #List1_1 {FLOAT:left;}
.pro-scr #List2_1 {FLOAT:left;}
.pro-scr .LeftBotton { background: url(left.png) no-repeat left top; FLOAT: left; WIDTH:30px; HEIGHT:45px; margin-top:90px;}
.pro-scr .RightBotton { background: url(right.png) no-repeat top right; FLOAT: right; WIDTH:30px; HEIGHT:45px; margin-top:90px;}
.pro-scr .LeftBotton:hover { background-position:0px -45px; WIDTH:30px; HEIGHT:45px;}
.pro-scr .RightBotton:hover { background-position:0px -45px; WIDTH:30px; HEIGHT:45px;}
.pro-scr .pl {DISPLAY: block; CURSOR: pointer; float:left;}
.pro-scr .pl li { width:235px; height:220px; margin:0px 10px 0px 10px; padding:4px; float:left; border:1px solid #ccc; text-align:center; line-height:25px; border-radius:3px;}
.pro-scr .pl li img { width:235px; height:188px;}
.pro-scr .pl li:hover { border:1px solid #EC9900;}

.prolist { width:1070px; margin:0px auto; margin-top:35px; overflow:hidden;}
.prolist li { float:left; width:194px; height:195px; padding:5px; margin:5px; background:#f0f0f0; overflow:hidden; text-align:center;}
.prolist li img {width:194px; height:155px;}
.prolist li:hover { background:#f33; transition:0.5s all;}
.prolist li:hover a { color:#fff;}

.content1 { width:1070px; height: auto; overflow:hidden; margin:0px auto; margin-top:45px; }
.content1 .cleft { width:495px; float:left;}
.indus-list { margin-top:5px;}
.indus-list li { width:480px; height:40px; line-height:40px; border-bottom:1px dotted #ccc; background:url(point1.png) no-repeat 3px 17px; padding-left:15px;}
.indus-list li span { float:right; font-size:12px; color:#999;}

.content1 .cright { width:495px; float:right; }
.contact { width:495px; margin-top:10px;}
.contact .youbian { float:right; width:120px; height:180px; background:#d5d5d5; text-align:center; padding:10px;}
.contact .youbian img { width:120px; }
.contact .zuobian { float:left; width:345px; height:200px; overflow:hidden;}

.foot { color:#666; width:100%; margin-top:10px; background:#0C2434; border-top:10px solid #05151F; overflow:hidden; text-align:center; padding-bottom:25px;}
.foot a { color:#666;}
.foot .foot-in { width:1000px; margin:25px auto 0px; overflow:hidden;}
.foot .foot-in .footmenu { width:1000px; height:35px; background:url(foot-line.jpg) repeat-x left bottom; line-height:20px; text-align:center; margin-bottom:15px;}
.foot .foot-in .footmenu li { display: inline-block; line-height:20px; background:none; color:#fff; margin:0px 20px;}
.foot .foot-in .footmenu li a { background:none; color:#fff;line-height: 20px;font-size: 14px;}
.foot .foot-in .footmenu li a:hover { background:none; color:#fff; line-height: 20px;font-size: 14px; text-decoration:underline;}
.foot .foot-in p { width:1000px; color:#ccc; font-size:12px; text-align:center;}
.foot .foot-in p a { color:#ccc;}
.YqbYears { vertical-align: middle;  padding-left: 8px; margin-top: -6px;}


.banner-inner { width:100%; height:auto; overflow:hidden; text-align:center; z-index:99;}
.banner-inner img { max-width:100%;}

.position { width:100%; height:50px; line-height:50px; background:#eee;}
.position p { width:1070px; margin:0px auto; text-align:right;}

/*inner*/
.inner { width:1070px;  margin:0px auto; overflow:hidden;}
.inner .inner-l { width:240px; float:left; margin-top:25px;}
.inner-title {  width:240px; text-align:center; font-size:20px; font-weight: bold; color:#fff; background:#f33; height:80px; line-height:80px;}

.contact-in { width:240px; background:#17364A; margin-top:5px;}
.contact-in p { width:220px; padding:10px; color:#ccc; font-size:12px;}
.contact-in img { width:240px; height:auto;}

ul.sf-menu {clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:500;width:240px; padding-top:0px;}
ul.sf-menu li {zoom:1;margin:0px;}
ul.sf-menu li a { color:#666;text-transform:capitalize; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:37px;line-height:37px;font-size:13px;padding-left:20px;background:#ccc url(point3.png) no-repeat 210px 13px; margin-top:3px;}
ul.sf-menu li a:hover, ul.sf-menu li a:active {background:#17364A url(point3.png) no-repeat 210px 13px;color:#fff;font-size:13px;}
ul.sf-menu li.hover, ul.sf-menu li:hover {position:relative;}
ul.sf-menu li.menu-item:hover {position:relative;}
ul.sf-menu ul {width:100%;margin:0px;padding:0px;position:absolute;left:240px;top:0px;visibility:hidden;text-transform:capitalize;}
ul.sf-menu ul li a {font-weight:normal;line-height:32px;border-top:1px solid #05151F;background:#17364A url(point4.png) no-repeat 220px center;height:32px;color:#fff!important;font-size:12px;padding-left:20px;}
ul.sf-menu li.hover ul li a, ul.sf-menu li.hover ul li a:hover, ul.sf-menu li.hover ul li a:active {color:#FFF;text-decoration:none;background:#05151F url(point4.png) no-repeat 220px center;font-size:12px;}
ul.sf-menu ul li a.hover, ul.sf-menu ul li a:hover {text-decoration:none;background:#05151F url(point4.png) no-repeat 220px center!important;color:#FFF;font-size:12px;}
li.LiLevel1 a {color:#666!important;}
li.LiLevel1 a:hover {color:#fff!important;}
ul.sf-menu ul li ul {padding:0px;}
ul.sf-menu ul ul {left:240px;margin:0px;padding:0px;visibility:hidden;}
ul.sf-menu ul ul li a {width:auto;padding:0px;padding-left:20px;text-decoration:none;font-size:13px;}
ul.pro-menu {margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu li:hover > ul {visibility:visible;margin:0px;padding:0px;}
ul.sf-menu li.LiProDetail a {background:#17364A url(point4.png) no-repeat 220px center!important;color:#fff!important;font-size:12px; margin-top:0px;}
ul.sf-menu li.LiProDetail a:hover, ul.sf-menu li.LiProDetail a:active {background:#05151F url(point4.png) no-repeat 220px center!important;font-size:12px;}

.inner .inner-r { width:780px; float:right; margin-top:25px;}
.inr-title { height:70px; line-height:70px; font-size:20px; font-weight:bold; color:#17364A;}

/*about*/
.inner-abo { width:780px; font-size:15px;}

/*products*/
.inner-pro { width:780px; height:auto; overflow:hidden;}
.inner-pro li { width:185px; height:185px; float:left; margin:0px 5px 15px 5px; text-align:center; line-height:24px;}
.inner-pro li img { width:175px; height:140px; border:1px solid #ddd; padding:4px;}
.inner-pro li h4 { color:#444; border:1px solid #ddd; margin-top:4px; background:#f5f5f5; height:32px; line-height:32px;}
.inner-pro li h4:hover { color:#fff; border:1px solid #f33; background:#f33;}
.inner-pro li h4:hover a { color:#fff;}
.inner-pro li:hover img { border:1px solid #f33; transition:0.5s all;}

/*news*/
.news-inner { width:780px; height:auto; overflow:hidden;}
.news-inner li { width:780px; height:45px; overflow:hidden; line-height:45px; background:url(point1.png) no-repeat 5px 19px; text-indent:20px; font-size:14px; border-bottom:1px solid #eee;}
.news-inner li span { float:right; margin-right:10px; font-size:12px;}
.news-inner li:hover {background:#17364A url(point4.png) no-repeat 7px 21px; color:#fff;}
.news-inner li:hover a { transition:0.5s all; color:#fff;}
.news-inner li:hover span { transition:0.5s all; color:#fff;}

/*pages*/
.pages{float:right;margin:30px;}
.pages ul li{float:left;color:#fff;}
.pages ul li a{color:#fff;}
.pages ul li a:hover{color:#000;}
.pages .page-index,.pages .page-pre,.pages .page-next{padding:5px 10px;margin-left:5px;background:#F86761;border-radius:3px;border:1px solid #F86761;}


.pages .page-last{padding:5px 10px;margin-left:5px;background:#F86761;border-radius:3px;border:1px solid #F86761;}
.pages .page-last:hover{color:#000;}
.pages .pages_solid{padding: 5px 10px;margin-left: 5px;background: #F86761;border-radius: 3px;color: #fff;border: 1px solid #F86761;}
.pages .pages_solid:hover{color:#000;}
.pages .page-num{padding: 5px 10px;margin-left: 5px;background: #F86761;border-radius: 3px;color: #fff;border: 1px solid #F86761;}

/*newdetail*/
.news-content { width:780px; font-size:14px; overflow:hidden;}
.newsTitle {clear:both;margin:0px auto;text-align:center;font-size:20px;font-weight:bold;color:#444;line-height:25px; padding:10px 0px;}
.newsDate {clear:both;margin:0px auto; text-align:center;line-height:20px; margin-bottom:15px; font-size:12px;}
.newsDate a { color:#fd4128;}
.newsDate a:hover { color:#fd4128;}
.newsContent {clear:both;margin:0px auto;padding:0px; font-size:15px;color:#444;line-height:28px;word-wrap:break-word;word-break:normal; margin-bottom:15px;}
.prevNext {clear:both;margin:0px auto;border-top:dashed 1px #aaa;border-bottom:dashed 1px #aaa;height:50px;line-height:25px;color:#f33;font-size:14px;-webkit-text-size-adjust:none; padding:10px 0px;}
.prevNext a {text-decoration:underline;}
.prevNext .prev {}
.prevNext .prev a { text-decoration:none;}
.prevNext .prev a:hover {color:#f33; text-decoration:none;}
.prevNext .next {}
.prevNext .next a { text-decoration:none;}
.prevNext .next a:hover {color:#f33; text-decoration:none;}
.rnews {width:900px; padding-bottom:30px;}
.rnews strong {font-size:16px;line-height:33px;height:33px;padding-top:5px; color:#B78D37; margin-bottom:10px; font-weight:bold; display:block;}
.rnews li {float:left;width:430px;height:40px;line-height:40px; margin:0px 20px 0px 0px; border-bottom:1px solid #fff; background:#e2e2e2;}
.rnews li a {color:#444;display:block;width:402px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px; text-decoration:none; padding-left:28px;}
.rnews li a:hover {color:#fff; background:#CFAB61;}

/*pro-detail*/
.pro-content { width:780px; font-size:14px;}
.pro-detail { width:780px; overflow:hidden;padding-bottom: 20px; border-bottom: 1px dashed #ccc;}
.pro-detail .fl { max-width:410px; float:left;}
.pro-detail .fl img { max-width:400px; border:5px solid #ddd;}
.pro-detail .fr { width:350px; float:right; font-size:14px;}
.pro-detail .fr strong { font-weight:600; width:350px; display:block; font-size:17px; padding:7px 0px;}
.pro-detail .fr h4 { margin-bottom:20px;}
/*tab*/
#con{FONT-SIZE: 14px; MARGIN: 0px auto; WIDTH:780px; margin-top:20px;}
#tags{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN:0px; WIDTH: 400px; PADDING-TOP: 0px; HEIGHT: 35px}
#tags LI{BACKGROUND:#17364A; FLOAT: left; MARGIN-RIGHT: 10px; LIST-STYLE-TYPE: none; HEIGHT: 35px; padding:0px 25px;}
#tags LI A {BACKGROUND:none; FLOAT: left; COLOR: #fff; LINE-HEIGHT: 35px; HEIGHT: 35px; TEXT-DECORATION: none;}
#tags LI.emptyTag{BACKGROUND:#f00; WIDTH: 100px}
#tags LI.selectTag{BACKGROUND:#f00; POSITION: relative; HEIGHT: 35px}
#tags LI.selectTag A{ COLOR: #fff; LINE-HEIGHT: 35px; HEIGHT: 35px}
#tagContent{ PADDING-TOP: 10px;}
.tagContent{ DISPLAY: none; WIDTH:780px; COLOR: #333; PADDING-TOP: 10px; font-size:14px; line-height:28px;}
#tagContent DIV.selectTag{DISPLAY: block;}

/*feedback*/
.feedback {clear:both;margin:0px auto;padding:0px;margin:20px 0px 0px 0px;}
.submita {margin:16px auto;display:inline-block;padding:0 18px!important;line-height:22px;background:#ff9c00;border:0px;height:24px;color:#FFF;cursor:pointer;font-size:16px;}
.xh {color:#f00;padding:0 3px;}
#feedbackForm {margin:20px 0px 0px 0px;}
#feedbackForm .text {width:300px;height:26px;margin:10px 0px 0px 0px;font-size:12px;line-height:26px;padding:0px 0px 0px 5px;border:1px solid #CCC;}
#feedbackForm .lable {padding:10px 12px 0px 0px;line-height:30px;height:30px;text-align:right;}
#feedbackForm .atextarea {float:left;border:1px solid #CCC;height:100px;width:305px;ont-size:12px;margin-top:10px;line-height:24px;color:#666;}
#feedbackForm .smtcss {padding-right:112px;text-align:center;}
.table {border-collapse:collapse;}
.table td, .table th {border:1px solid #cdcdcd;padding:5px;}
.table p {padding:0px;margin:0px;}
.e_mobile {display:block;height:25px;line-height:25px;background:url(/Content/C_IMG/emobile.png) 0px -50px no-repeat;text-indent:20px;}