/*公共盒子*/

#body{ background:url(../images/bg.jpg) repeat; width:100%;}
#bodymain{ background:url(../images/main_bg.jpg) repeat; width:100%;}
#waper{ background:url(../images/bg2.jpg) repeat-x; min-height:834px; overflow:hidden}
#waper2{ background:url(../images/about_bg.png) repeat-x;padding-bottom:30px}
#main{ width:992px; margin:0 auto}


/*header*/
.header{ height:78px}
.header-right{ float:right;width:738px; }

.header-right-top{ margin-top:19px; font-family:Arial; float:right; height:22px;}
.header-right-top img{ vertical-align:top; margin-top:3px; padding-right:5px}
.header-right-top em{ font-style:normal; color:#c8c8cb; display:inline-table; padding-left:5px; float:right; text-align:right }
.header-right-top a{ color:#666; display:inline-block; padding-left:10px;float:right}
.header-right-top input{ width:152px; padding-left:6px; border:solid 1px #dfdfdf; height:20px; line-height:20px;float:left; margin-top:-4px; font-family:Arial}
.header-right-top input[type="button"]{cursor:pointer; background:url(../images/icon4.jpg) no-repeat;  height:22px;width:24px;float:left; border:none}

/*nav*/

.nav{height:26px; line-height:26px; font-size:14px; margin-top:10px;box-shadow:0px 1px 5px #ccc ; }
.nav ul{width:740px;}
.nav li{  float:left; border-left:solid 2px #c1c1c0; position:relative; z-index:3; background:#838280; }
.nav li:first-child{ border-left:none}
.nav li>a{ display:inline-block; color:#fff; padding:0 24px 0 24px;}
.nav li>a:hover,.nav li:hover>a,.nav li.now{ background:#ff6634}
.nav li .subnav{ position:absolute; left:0px;top:26px; background:#ff6634; width:180px; font-size:12px; display:none}
.nav li .subnav a:first-child{ border-top:none}
.nav li .subnav a{ display:block; border-top:solid 1px #fff; height:26px; line-height:26px; overflow:hidden; color:#fff; padding-left:22px}
.nav li .subnav a:hover{ background:#ff7e48}
.nav li:first-child a{padding:0 23px 0 23px; }


/*banner*/

#horizontal{position:relative; z-index:1; width:950px; height:292px; margin:0px auto; overflow:hidden;}
#horizontal li{position:absolute; left:0; top:0;  width:571px; height:282px; text-align:center;}
#horizontal li img{vertical-align:middle; max-width:100%; max-height:100%;}
#horizontal li i{display:inline-block; height:100%; vertical-align:middle;}

/*mcontent*/

.mcontent{ height:286px; margin-top:50px}

/*mcontent-about*/

.mcontent-about{ width:372px; float:left}
.mcontent-about h3{ background:url(../images/about_title.jpg) no-repeat; height:34px; font-size:14px; color:#333; font-weight:normal}
.mcontent-about h3 span{ display:inline-block; padding:6px 0 0 12px}
.mcontent-about h3 .fr{ padding-right:10px; padding-top:1px}
.mcontent-about div{ border:solid 1px #fff; background:url(../images/about_bg.jpg) repeat-x; height:236px; padding:13px 0 0 13px; color:#000; line-height:19px}
.mcontent-about div img{ margin:0 10px 0 0}
.mcontent-about-bg{ background:url(../images/about_bg_2.jpg) no-repeat; height:61px; width:226px; margin-top:6px; color:#4c4c4c; line-height:16px; padding:10px 0 0 120px}

/*mcontent-product*/

.mcontent-product{ width:342px; float:left; margin-left:15px}
.mcontent-product h3{ background:url(../images/pro_title.jpg) no-repeat; height:34px; font-size:14px; color:#333; font-weight:normal}
.mcontent-product h3 span{ display:inline-block; padding:6px 0 0 12px}
.mcontent-product h3 .fr{ padding-right:10px; padding-top:1px}
.mcontent-product-bg{border:solid 1px #fff; background:url(../images/about_bg.jpg) repeat-x; height:236px; padding:13px 0 0 13px; color:#000; line-height:19px}
.mcontent-product-bg dl{ display:block; height:143px}
.mcontent-product-bg dd{ float:left; border:solid 1px #e0e0e0; width:116px}
.mcontent-product-bg dd div{ width:116px; height:116px; text-align:center}
.mcontent-product-bg dd div img{ max-height:100%; max-width:100%; vertical-align:middle}
.mcontent-product-bg dd div i{ vertical-align:middle; height:100%; display:inline-block}
.mcontent-product-bg dd p{ text-align:center; overflow:hidden; background:#666; line-height:25px; height:25px; font-size:11px}
.mcontent-product-bg dd p a{ display:inline-block; color:#fff}
.mcontent-product-bg dd p a:hover{ text-decoration:underline}
.mcontent-product-bg dt{ width:187px; float:left; padding-left:13px; color:#000; line-height:19px}
.mcontent-product-bg dt h4{ font-size:14px; height:24px; line-height:24px; overflow:hidden; font-weight:normal}
.mcontent-product-bg dt p{ height:54px; overflow:hidden; margin:10px 0 15px 0}
.mcontent-product-bg dt p a.more{ color:#ff6634; text-decoration:underline}


/*mcontent-capacity*/

.mcontent-capacity{ width:247px; float:right}
.mcontent-capacity h3{ background:url(../images/capacity_tit.jpg) no-repeat; height:26px; line-height:26px; color:#fff; font-weight:normal; color:#fff; text-align:center; font-size:14px; margin-bottom:8px}
.mcontent-capacity-cot{ background:#dbdce0; height:251px; padding-left:19px}
.mcontent-capacity-cot li{ border-top:solid 1px #efeff1; height:53px; padding-top:9px;*height:51px;}
.mcontent-capacity-cot li:first-child{ border-top:none}
.mcontent-capacity-cot li .icon{ width:45px; height:44px; float:left}
.mcontent-capacity-cot li .icon a{ width:100%; height:100%; display:block}
.mcontent-capacity-cot li div{ width:152px; float:right; margin-right:9px}
.mcontent-capacity-cot li div p{ border-bottom:solid 1px #fff; height:25px; line-height:25px; font-size:14px; overflow:hidden}
.mcontent-capacity-cot li div p a{ color:#333}
.mcontent-capacity-cot li div p a:hover{ color:#db5646}
.mcontent-capacity-cot li div span{ display:block; background:url(../images/capacity_img5.jpg) no-repeat left 8px; height:24px; line-height:24px; overflow: hidden; text-indent:30px; text-transform:uppercase; font-size:11px; color:#393939}

.footnav{ height:31px; background:#4d4d4d; line-height:31px; overflow:hidden; color:#d7d7d7; margin-top:20px}
.footnav a{ color:#d7d7d7; display:inline-block; padding:0 14px; background:url(../images/icon5.jpg) no-repeat left center}
.footnav a:first-child{ background-image:none}
.footnav a:hover{ color:#fff}
.footer{ line-height:24px; text-align:center; padding-top:10px}

/*内页共用*/

.gtitle{ background:url(../images/gtitle.png) no-repeat; width:238px; height:39px; text-align:center; font-size:16px; line-height:39px; color:#fff}
.abanner{ height:145px; margin:30px 0 20px 0}
.aboutwaper{ padding-bottom:15px}

/*aleft*/

.aleft{ width:238px; float:left}
.aleft-nav{ margin-top:2px}
.aleft-nav li{ background:url(../images/sub_nav_bg.jpg) no-repeat; height:39px; line-height:39px; overflow:hidden; border-top:solid 1px #c4c4c4; *margin-top:-4px}
.aleft-nav li a{ display:block; padding-left:30px; color:#333}
.aleft-nav li a:hover,.aleft-nav li.curr>a{ background:url(../images/sub_nav_bghover.jpg) no-repeat; color:#ff490e; font-weight:bold}
.aleft-search{ padding:29px 0}
.aleft-dowland{ margin-top:2px; overflow:hidden;border-top:solid 1px #c4c4c4}
.aleft-dowland li{ background:url(../images/about_line1.jpg) repeat-x; height:39px; line-height:39px; overflow:hidden; border-bottom:solid 1px #c4c4c4;*margin-top:-3px}
.aleft-dowland li a{ display:block; padding-left:30px; color:#333}
.aleft-dowland li a:hover,.aleft-nav li.cur>a{ background:url(../images/about_line2.jpg) repeat-x; color:#ff490e}

/*aright*/

.aright{ width:687px; float:right; padding:16px 15px 0 25px; min-height:340px; overflow:hidden; background:#ececec; color:#333; font-size:12px; line-height:20px; padding-bottom:50px}
.aright-title{ background:url(../images/about_04.jpg) no-repeat; height:23px}
.aright-title h2{ font-size:14px; float:left; color:#333; padding-left:13px; height:16px; line-height:19px; overflow:hidden;display:inline-block; border-bottom:solid 2px #ff6634; padding-bottom:5px; padding-right:10px; width:210px;}
.aright-title p{ width:450px; text-align:right; float:right; height:16px; line-height:16px; color:#666; overflow:hidden}
.aright-pt{ padding-top:25px}

/*honer*/

.honer li{ margin:40px 60px 0 11px; float:left; width:262px; height:362px; border:solid 3px #c4c4c4}
.honer li img{ max-height:100%; max-width:100%; vertical-align:middle}
.honer li i{height:100%; display:inline-table; vertical-align:middle}

/*newslist*/

.newslist{ margin-top:20px}
.newslist dl{ border-bottom: dashed 1px #c5c5c5; height:118px; margin-top:1px; padding-left:10px}
.newslist dl:hover{ background:url(../images/news_bg_hover.jpg) repeat-x; overflow:hidden}
.newslist dl:hover h4 a{color:#ff4b10}
.newslist dd{ float:left; width:112px; height:78px; text-align:center; margin-top:20px}
.newslist dd a{width:100%; height:100%; display:block}

.newslist dd img{ max-height:100%; max-width:100%; vertical-align:middle}
.newslist dd i{height:100%; display:inline-table; vertical-align:middle}
.newslist dt{ float:left; margin-top:20px; width:529px; padding-left:16px; line-height:18px; color:#747474}
.newslist dt span{ display:inline-block; background:url(../images/news_icon.png) no-repeat left center; text-indent:15px; color:#999}
.newslist dt h4{ font-size:15px; height:18px; overflow:hidden; margin:5px 0; font-weight:normal}
.newslist dt h4 a{ color:#333}
.newslist dt h4 a:hover{ color:#ff4b10}
.newslist dt p{ height:36px; overflow:hidden}

.news-show{ color:#666}
.news-show h1{ color:#333; font-size:15px; border-bottom:solid 1px #d4d4d4; line-height:24px; padding-bottom:10px; margin-bottom:20px}
.news-show-time{ padding-top:50px; text-align:right; line-height:22px; color:#999; float:right; display:block}
.news-show-list{ border-top:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4; margin-top:30px; padding-bottom:15px}
.news-show-list li{ height:20px; line-height:20px; overflow:hidden; margin-top:15px; *padding-top:15px; *margin-top:0px;}
.news-show-list li a{ padding-left:10px}


/*massge*/

.massge{ margin-top:54px}
.massge p{ margin-bottom:16px}
.massge span{ display:block; float:left; width:100px; text-align:right;line-height:18px;}
.massge .stext{  padding-right:10px; font-size:12px}
.massge .sred{ color:#F00; padding-left:5px}
.massge .siput{ width:290px; padding-left:5px; height:18px; border:solid 1px #bcbcbc; line-height:18px; color:#666}
.massge .sbut{ background:url(../images/massge_bg.jpg) repeat-x; height:27px; line-height:27px; font-weight:bold; color:#fff; padding:0 20px; font-family:Arial; font-size:14px; margin-right:10px}

/*ourlist*/

.ourlist{width:700px; padding-top:15px}
.ourlist li{ width:219px; float:left; margin-right:14px}
.ourlist li div{ width:219px; height:262px}
.ourlist li p{color:#666; background:#d9d9d9; height:32px; line-height:32px; text-align:center; border-top:solid 1px #ececec; overflow:hidden}

/*prolist*/

.prolist ul{ width:740px}
.prolist li{ width:311px; height:406px; border-bottom:solid 3px #838280; margin:59px 59px 0 0; float:left}
.prolist li div{ width:305px; height:274px; text-align:center; border:solid 3px #838280}
.prolist li div img{ max-width:100%; max-height:100%; vertical-align:middle}
.prolist li div i{ vertical-align:middle; display:inline-block; height:100%}
.prolist li span{ display:block; border-top:solid 1px #ececec; background:#838280; height:27px; line-height:27px; overflow:hidden; text-align:center}
.prolist li span a{ color:#fff}
.prolist li span a:hover{ text-decoration:underline}
.prolist li p{ line-height:18px; height:36px; overflow:hidden; margin-top:15px}
.prolist li a.pmore{ display:inline-block; float:right; color:#ff490e; padding-top:20px}

.prolist-two ul{ width:740px}
.prolist-two li{ width:214px; height:329px; border-bottom:solid 3px #838280; margin:50px 22px 0 0; float:left; position:relative}
.prolist-two li div{ width:208px; height:187px; text-align:center; border:solid 3px #838280}
.prolist-two li div img{ max-width:100%; max-height:100%; vertical-align:middle}
.prolist-two li div i{ vertical-align:middle; display:inline-block; height:100%}
.prolist-two li span{ display:block; border-top:solid 1px #ececec; background:#838280; height:27px; line-height:27px; overflow:hidden; text-align:center}
.prolist-two li span a{ color:#fff}
.prolist-two li span a:hover{ text-decoration:underline}
.prolist-two li p{ line-height:18px; height:54px; overflow:hidden; margin-top:10px}
.prolist-two li a.pmore{ display:inline-block; float:right; color:#ff490e; padding-top:16px}
.prolist-two li em{ display:none}
.prolist-two li em a{ display:block; position:absolute; left:3px;top:3px; background:url(../images/baise.png) repeat; width:208px; height:187px;-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}}
.prolist-two li:hover em{ display:block;}

/*login*/

.login{ margin-top:54px; color:#666; font-size:12px}
.login p{ margin-bottom:13px}
.login span{ display:block; float:left; width:200px; text-align:right;line-height:25px;}
.login .stext{  padding-right:10px}
.login .sred{ color:#F00}
.login .siput{ width:172px; padding-left:5px; height:25px; border:solid 1px #d6d6d6; line-height:25px; color:#666}
.login .sbut{ background:#ff6634; height:27px; line-height:22px;color:#fff; padding:0 20px; font-family:Arial; font-size:14px; margin-right:30px; border:solid 1px #c63100}
.login .sbut2{ background:#9e9e9e; height:27px; line-height:22px;color:#fff; padding:0 20px; font-family:Arial; font-size:14px; margin-right:30px; border:solid 1px #8d8d8d}


/*放大*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999999999999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{ position:relative; }
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
.cboxIframe img{width:389px; height:349px;}
#cboxOverlay{ background-color:#2b2b2b; filter: Alpha(Opacity=50); opacity:0.5;}
#cboxContent{background:#fff; font-size: 12px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{ padding:3px; background:#858483;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:0px;left:-10000px; color:#858483; display:none}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#62af0e;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/lg_03.png) no-repeat; width:29px; height:30px; text-indent:-9999px;  top:5px; right:5px;}

.pro-table{ background:#f3f3f3; margin-top:30px; text-transform:uppercase}
.pro-table tr td{  border:solid 1px #fff; padding-bottom:30px}
.pro-table .bg{ background:#d9d9d9; height:32px; line-height:32px; font-size:14px; text-align:center; font-weight: bold}
.pro-table .bg td{ padding-bottom:0}
.pro-table .w1{ width:150px}
.pro-table .w2{ width:164px}
.pro-table .w3{ width:118px}
.pro-table .w4{ width:158px}
.pro-table .w5{ width:162px}
.pro-table .w6{ padding:20px 10px 0 20px; line-height:14px}
.pro-bot{ background:#d9d9d9; height:33px; line-height:33px; color:#fff; text-align:center}
.pro-bot a{ color:#fff}
.pro-bot .fl{ background:#ff6634; width:208px;}


/*contact*/

.contact{ line-height:30px; padding-top:40px}
.contact-map{ width:361px; float:right; height:314px; overflow:hidden; border:solid 2px #fff}
.contact-map iframe{width:361px; height:354px; margin-top:-40px; margin-left:-1px}
#contact-list li a{ padding-left:20px}
#contact-bg{ background:url(../images/contact_bg.jpg) repeat-x #f2f2f2; min-height:63px; overflow:hidden; padding-left:20px; padding-top:15px; line-height:20px; padding-bottom:15px; color:#333}

/*page*/
.page{ text-align:right; padding-top:50px; padding-right:6px}
.page a{ display:inline-block; background:#9f9f9f; color:#fff; padding:0 6px; height:20px; line-height:20px; margin-left:1px}
.page a:hover,#cpb{ background:#ff4a0f}
.page .cpb{ background:#ff4a0f}


.page span{ display:inline-block; color:#fff; padding:0 6px; height:20px; line-height:20px; margin-left:1px}
.page span:hover,.cur{ background:#ff4a0f}