@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body { font-family:"微软雅黑"; font-size:13px; color:#444; line-height:28px; text-decoration:none;}
a { color:#444; text-decoration:none;}
a:hover { color:#317de9; text-decoration:underline;}
ul,li,ol { list-style-type:none;}
h1,h2,h3,h4,h5,h6,dl,dt,p,b,i,span { font-weight:normal; color:#444;}
img { border:0;}

/* top */
.top { width:100%; height:85px; background:url(topbg.png) repeat; position:fixed; top:0; z-index:9999;}
.nav-wrap { width:1000px; height:85px; margin:0px auto;}
.nav-wrap img { float:left; max-height:85px;}
.nav{ width: auto; height:85px; float:right;}
.nav li{float:left;}
.nav li a{float:left; min-width:100px;}
.inmenu:link,.inmenu:visited{color: #f3f3f3; font-size:14px; line-height:85px; height:85px; text-align:center;}
.inmenu:hover,.inmenu:active{color: #f3f3f3; background:#317de9; transition:0.5s all;}
.inmenu_1:link,.inmenu_1:visited,.inmenu_1:hover,.inmenu_1:active{color: #fff; font-size:14px; height:85px; line-height:85px; background: #828180; text-align:center;}

.topnav {background: #f5f5f5;border-bottom: 1px solid #e3e3e3; line-height:30px;}
.page_nav{ font-size:14px; padding-top:10px; padding-bottom:10px;}
.page_nav a{ color:#333333; text-decoration:none; padding:5px 8px 2px 8px; border:1px solid #AACCEE; background-color:#EFEFEF;}
.page_nav a:hover{ color:#FF0000; text-decoration:none; background:#FFFFFF; border:1px solid #0000FF;}

.thisPageNav{ font-size:14px; padding-top:15px; text-align:left;}
.thisPageNav a{ color:#0000ff; text-decoration:underline;}
.thisPageNav a:hover{ color:#FF0000; text-decoration:underline;}

.nav li:hover{position:relative; z-index:99999999999;}
.nav li:hover a{background:#828180;}
.nav li:hover ul li a{background: url(navbg2.png) repeat;}
.nav li ul li{float:none;text-align:left; border-bottom:1px solid #317de9;height:30px;}
.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:0 10px 0px 22px; min-width:68px;}
.nav li ul li a:hover{color:#FFF;background:#317de9;}
.nav li ul{display:none;position:absolute;top:55px;left:0; z-index:9999;}

/*banner*/
#banner{clear:both;min-width:1000px;background:#fff url(bbg.jpg) center bottom repeat-x;width: 100%;margin: 0px auto -10px;}
.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: 2%;margin: 0;padding: 0; width:100%; text-align:center;}
.bbdd li{margin: 0 8px 20px 0;list-style-type: none; display:inline-block;}
.bbdd a{display:inline-block;text-indent: -9999px;width:16px;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:0px;background:#f1f1f1 url(bbg.jpg) center bottom repeat-x;}
.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.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderPrev {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderNext:hover,
.wmuSlider:hover .wmuSliderPrev:hover {opacity: 1;filter: alpha(opacity=50);}


/*content*/
.content{position:relative; margin:0 auto;background-repeat:repeat;background-position:center 10px;background-attachment:fixed;overflow:hidden;}
.content-1{background-color:#000;}
.content-2{background-image:url(bg2.jpg);}
.content-3{background-image:url(bg3.jpg);}
.content-4{background-image:url(bg4.jpg);}
.content-5{background-image:url(bg5.jpg);overflow: visible; height:450px;}


/*content2*/
.title2 { width:100%; height:57px; text-align:center; font-size:22px; font-weight:500; color:#fff; background:url(title1.png) no-repeat top center; line-height:57px; margin-top:100px;}
.profile { width:1000px; line-height:25px; overflow:hidden; margin:0px auto; margin-top:30px; color:#fff; text-align:center;}

#wrap{margin:0px auto;width:1000px;overflow:hidden; margin-top:35px;}
.item1 img{vertical-align:top;width:319px;height:313px;}
.item1 li{position:relative;float:left;margin:0px 7px;width:319px;height:313px;overflow:hidden;cursor:pointer;}
.item1 div{position:absolute;left:0;top:263px;width:100%;height:50px;background: url(black_bg.png) repeat;overflow:hidden;}
.item1 p{display:none;width:293px;line-height:23px;text-align:left;font-size:12px; color:#aaa; padding:10px;}
.item1 h3{height:50px; line-height:50px; border-bottom:1px solid #555; color:#fff; text-indent:20px; font-size:16px;}
.item1 h3 a { color:#fff;}


/*content3*/
.title3 { width:100%; height:57px; text-align:center; font-size:22px; font-weight:500; color:#fff; background:url(title2.png) no-repeat top center; line-height:57px; margin-top:100px;}
.home-products { width:1000px; height:auto; overflow:hidden; margin:30px auto; }
.home-products li { width:240px; height:320px; float:left; padding:5px;}
.home-products li:hover { background:#828180; transition:1s all;}
.home-products li img { width:240px; height:320px;}

.item6{position:relative;margin-right:3px;width:240px;height:320px;cursor:pointer;overflow:hidden;}
.item6 h2{position:absolute;left:0;top:280px;height:40px;width:100%;background: url(black_bg.png) repeat; text-align:center; font-size:14px; line-height:40px; color:#fff;}
.item6 div{position:absolute;width:0;height:0;background: url(black_bg.png) repeat;overflow:hidden;_zoom:1;}
.item6 .cornerCC{left:0px;top:101px;}
.item6 dl{position:absolute;top:0;left:0;width:220px;height:280px;display:none; padding:20px 10px; font-size:12px; color:#fff; line-height:25px;}
.item6 dl a { color:#fff;}
.item6 dl a:hover { color:#fff; text-decoration:none;}

/*content4*/
.title4 { width:100%; height:57px; text-align:center; font-size:22px; font-weight:500; color:#fff; background:url(title1.png) no-repeat top center; line-height:57px; margin-top:20px;}
.product { width:1075px; height:auto; overflow:hidden; margin:0px auto ; background:url(line.jpg) repeat-x left top; margin-top:20px;}
.pro-scr { width:1075px; height:auto; OVERFLOW: hidden; ZOOM: 1; margin-top:20px; margin-bottom:80px;}
.pro-scr .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH:1005px;}
.pro-scr .ScrCont {WIDTH: 32733px; ZOOM: 1;}
.pro-scr #List1_1 {FLOAT: left;}
.pro-scr #List2_1 {FLOAT: left;}
.pro-scr .LeftBotton { background: url(about03.jpg) no-repeat top left; FLOAT: left; MARGIN:90px 0px 0px 0px; WIDTH:35px; HEIGHT:78px;}
.pro-scr .RightBotton { background: url(about04.png) no-repeat top right; FLOAT: right; MARGIN:90px 0px 0px 0px; WIDTH:35px; HEIGHT:78px;}
.pro-scr .LeftBotton {BACKGROUND-POSITION: 0px 0px; MARGIN-LEFT: 0px;}
.pro-scr .RightBotton {BACKGROUND-POSITION: 0px 0px; MARGIN-LEFT:0px;}

.con4_list{overflow: hidden;}
.con4_list li{width:315px;height:390px;margin:0 7px;overflow: hidden;float:left;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border:3px solid transparent;}
.con4_list li:hover{background:#1b2536;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;border:3px solid #828180}
.con4_img{display:block;width:315px;height:240px;overflow: hidden;}
.con4_img img{-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;width:315px;height:240px;}
.con4_list li:hover a.con4_img img{width:375px;height:280px;margin:-30px -20px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.con4_list li p{width:305px;margin:13px auto;height:20px;text-overflow: ellipsis;overflow: hidden;white-space: normal;font:16px/20px "微软雅黑";color:#fff;text-transform: uppercase; margin-left:5px;}
.con4_list li p a{color:#fff;}
.date{width:305px;height:22px;margin:0 auto 10px;overflow: hidden;background:url(date.png) 0 2px no-repeat;text-indent:22px;color:#fff;font:14px/22px "微软雅黑";-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; margin-left:5px;}
.con4_view{width:305px;margin:0 auto;height:76px;overflow: hidden;font:12px/19px "微软雅黑";color:#fff; margin:0px 5px;}
.con4_list li:hover p a, .con4_list li:hover div.date, .con4_list li:hover div.con4_view{color:#828180;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.con4_list li:hover div.date{background-position: 0 -21px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;color:#828180;}

/*content5*/
.home-contact { width:1000px; height:auto; overflow:hidden; margin:0px auto; padding-top:100px;}
.home-contact .contactl { width:450px; height:auto; overflow:hidden; float:left; color:#fff;}
.contl-title { font-size:18px; color:#fff; font-weight:500; margin-bottom:15px;}
.home-contact .contactl p {color:#aaa;}
.home-contact .contactr { width:450px; height:auto; overflow:hidden; float:right;}
.home-contact .contactr p {color:#aaa;}
.box-mail {width: 350px; margin-top:25px;}
.mail_text { width:270px; height:37px; border: 1px solid #111; float: left;	padding-left: 5px; line-height: 37px; font-size: 13px; color:#000; font-family:"微软雅黑"; border-radius:3px 0px 0px 3px; background:none;outline:none;}
.mail_but { height:39px;width:73px; background:#111; cursor: pointer; float: right; border: 0px none; text-align:center; color:#ccc; font-family:"微软雅黑"; border-radius:0px 3px 3px 0px;outline:none;}

/*foot*/
.foot_nav_bg{width:100%;height:89px;margin:0 auto 0;background:#4e4b49;overflow: hidden; margin-bottom:20px;}
.foot{width:1000px;height:89px;margin:0 auto;overflow: hidden; text-align:center;}
/*.foot_logo{float:left;width:122px;height:89px;background:url(foot_logo.png) center 18px no-repeat;display:block;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.foot_logo:hover{background-position: center -55px; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.foot_nav{float:left;width:856px;height:30px;overflow: hidden;text-align:right;margin-top:30px}*/
.foot li{display:inline-block;font:14px;color:#ebeef3;text-transform: uppercase;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
.foot li a{display:inline-block;font:14px;color:#ebeef3;padding:0px 26px;text-transform: uppercase;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.foot a:hover{background:#4e4b49;color:#fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.footer { background:#292929; width:100%; text-align:center; padding-bottom:20px;}
.footer p { background:#292929; width:1000px; text-align:center; color:#878787; margin:0px auto; font-size:12px;}
.footer p a { color:#878787;}
.footer p a:hover { color:#317de9;}

/* banner-inner */
.banner-inner { width:100%; height:auto; text-align:center;}
.banner-inner img { max-width:100%; min-width:1000px;}

/*inner*/
.inner { width:1000px; background:#fff; margin:0px auto; margin-top:-40px; overflow:hidden; padding:20px 30px 50px 30px; position:relative;}
.inner .inner-l { width:210px; float:left;}
.inner-title { width:210px; height:35px; background:#828180; text-align:center; font-size:18px; color:#fff; line-height:35px; margin-top:10px;}
.inner-content { width:190px; border:1px solid #ddd; padding:9px; font-size:13px; color:#777;}
.inner-content p { color:#777;}

ul.sf-menu {clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:500;width:210px;background-color:#00a1e9; color:#444;}
ul.sf-menu li {zoom:1;margin:0px; }
ul.sf-menu li a {text-transform:capitalize; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:42px;line-height:40px;font-size:14px;padding-left: 30px;background:#eee url(cp_dot.gif) no-repeat 15px 17px; border-bottom:1px solid #fff;}
ul.sf-menu li a:hover, ul.sf-menu li a:active {background:#eee url(cp_dot.gif) no-repeat 15px 17px;color:#317de9;font-size:14px;}
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:210px;top:0px;visibility:hidden;text-transform:capitalize;}
ul.sf-menu ul li a {font-weight:normal;line-height:35px;border-bottom:1px solid #555;background:#aaa url(arrow-list.gif) no-repeat 225px center;height:35px;color:#444;font-size:14px;padding-left: 40px;}
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:#666 url(arrow-list1.gif) no-repeat 225px center;font-size:14px;}
ul.sf-menu ul li a.hover, ul.sf-menu ul li a:hover {text-decoration:none;background:#666 url(arrow-list1.gif) no-repeat 225px center!important;color:#FFF;font-size:14px;}
li.LiLevel1 a {color:#444!important;}
li.LiLevel1 a:hover {color:#317de9!important;}
ul.sf-menu ul li ul {padding:0px;}
ul.sf-menu ul ul {left:210px;margin:0px;padding:0px;visibility:hidden;}
ul.sf-menu ul ul li a {width:auto;padding:0px;padding-left: 40px;text-decoration:none;font-size:14px;}
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:#666!important;text-indent:-15px!important;color:#fff!important;font-size:14px;}
ul.sf-menu li.LiProDetail a:hover, ul.sf-menu li.LiProDetail a:active {background:#444!important;text-indent:-15px!important;font-size:14px;}

.inner .inner-r { width:760px; float:right;}
.inner-position { width:760px; height:35px; background:#828180; text-indent:15px; font-size:16px; color:#fff; line-height:35px; margin-top:10px; }
.inner-position span { float:right; font-size:13px; color:#fff; margin-right:10px;}
.inner-position span a { color:#fff;}


/*about*/
.inner-abo { width:760px; margin-top:20px; font-size:14px;}

/*products*/
.inner-pro { width:785px; margin-top:20px; overflow:hidden;}
.inner-pro ul {width:785px;}
.inner-pro ul li{width:236px; float:left; padding:0px 25px 17px 0px;}
.inner-pro li img{display:block; width:230px; height:155px;border:3px solid #ccc;}
.inner-pro li img:hover {border:3px solid #317de9;}
.inner-pro li span{display:block; padding:2px 0px;background:url('s02.gif') no-repeat; font-size:16px; border-bottom:1px dashed #ddd;}
.inner-pro li span a{color:#222;}
.inner-pro li span a:hover{color:#317de9;}
.inner-pro li p{color:#888; font-size:12px; line-height:17px; margin-top:5px; height: 34px;}

/*news*/
.news-list { width:740px; margin-top:10px;}
.news-list li { width:740px; border-bottom:1px dashed #ccc; padding:10px}
.news-list li:hover { background:#eee;}
.news-list li strong { display:block; font-weight:500; font-size:15px; background: url(point.jpg) no-repeat 0px 9px; width:720px; padding-left:20px;}
.news-list li strong a { color:#222;}
.news-list li strong span { font-size:12px; color:#317de9; margin-left:10px;}
.news-list li p { display:block; font-weight: normal; font-size:12px; line-height:20px; width:738px; color:#888;}

/*pages*/
.pages,.npage{clear:both; text-align:center; font-size:12px; padding:15px 0 0px 0;color:#b2b2b2;}
.pages a,.pages span{display:inline-block; height:24px;padding:0 2px; margin:0 2px!important; line-height:24px; border:1px solid #ccc; padding:0px 5px; color: #555;}
.pages a:link,.pages a:visited {color: #555; line-height:24px; border:1px solid #ccc; padding:0px 5px;}
.pages a:hover,.pages a:active,.pages span.ctxt{color: #EC1A24; font-weight:bold;text-decoration:none; border:1px solid #EC1A24; padding:0px 5px;}

/*newdetail*/
.news-content { width:760px; margin-top:10px;  font-size:14px; overflow:hidden;}
.newsTitle {clear:both;margin:0px auto;text-align:center;font-size:16px;font-weight:bold;color:#444;line-height:25px; padding:15px 0px;}
.newsDate {clear:both;margin:0px auto;padding:10px 0px;text-align:center;line-height:20px; margin-bottom:15px; border:1px dashed #ccc;color:#777; font-size:12px;}
.newsDate a { color:#317de9;}
.newsDate a:hover { color:#317de9;}
.newsContent {clear:both;margin:0px auto;padding:0px; font-size:14px;color:#444;line-height:28px;word-wrap:break-word;word-break:normal; margin-bottom:15px;}
.prevNext {clear:both;margin:0px auto;border-top:dotted 1px #ccc;border-bottom:dotted 1px #ccc;height:60px;line-height:30px;color:#666;font-size:13px;-webkit-text-size-adjust:none; padding:10px 0px;}
.prevNext a {text-decoration:underline;}
.prevNext .prev { /*float:left;*/}
.prevNext .prev a { text-decoration:none;}
.prevNext .prev a:hover {color:#317de9; text-decoration:none;}
.prevNext .next { /*float:right;*/}
.prevNext .next a { text-decoration:none;}
.prevNext .next a:hover {color:#317de9; text-decoration:none;}
.rnews {width:760px; padding-bottom:30px;}
.rnews strong {font-size:16px;line-height:33px;height:33px;padding-top:5px; color:#317de9; margin-bottom:10px; font-weight:bold; display:block;}
.rnews li {float:left;width:360px;height:40px;line-height:40px; margin:0px 20px 0px 0px; border-bottom:1px solid #fff; background:#eee url(point.jpg) no-repeat 10px 15px;}
.rnews li a {color:#444;display:block;width:329px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px; text-decoration:none; padding-left:28px;}
.rnews li a:hover {color:#fff; background:#aaa url(point.jpg) no-repeat 10px 15px;}

/*pro-detail*/
.pro-content { width:760px;  margin-top:20px; font-size:14px;}
.pro-detail { width:760px; overflow:hidden;}
.pro-detail .fl { max-width:380px; float:left;}
.pro-detail .fl img { max-width:370px; border:5px solid #ddd;}
.pro-detail .fr { width:360px; float:right; font-size:14px;}
.pro-detail .fr strong { font-weight:600; width:360px; display:block; font-size:17px; border-bottom:1px dashed #ddd; padding:7px 0px; margin-bottom:10px;}
/*tab*/
#con{FONT-SIZE: 14px; MARGIN: 0px auto; WIDTH:748px; 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:#aaa; FLOAT: left; MARGIN-RIGHT: 10px; LIST-STYLE-TYPE: none; HEIGHT: 35px; padding:0px 25px;}
#tags LI A {BACKGROUND:none; FLOAT: left; COLOR: #222; LINE-HEIGHT: 35px; HEIGHT: 35px; TEXT-DECORATION: none;}
#tags LI.emptyTag{BACKGROUND:#222; WIDTH: 100px}
#tags LI.selectTag{BACKGROUND:#222; POSITION: relative; HEIGHT: 35px}
#tags LI.selectTag A{ COLOR: #fff; LINE-HEIGHT: 35px; HEIGHT: 35px}
#tagContent{ PADDING-TOP: 10px;}
.tagContent{ DISPLAY: none; WIDTH:748px; 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: inline-block;height:25px;line-height:25px;background:url(/Content/C_IMG/emobile.png) 0px -50px no-repeat;text-indent:25px;}
.YqbYears{vertical-align:middle; padding-left:8px; margin-top:-6px;}