﻿@charset "utf-8";
/* CSS Document */

html,body{margin:0px auto; padding:0px; width:480px; height:100%; background:#F5F5F5; position:relative; font-family:Arial, '微软雅黑';}
img{border:0; margin:0; padding:0;}
.imgmid{display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle;}
.cle{clear:both; font-size:0px;}

/*网站头部*/
.home_top{width:480px; height:80px; background:#F5F5F5; border-bottom:solid 1px #d9d9d9;}
.the_logo{width:400px; height:80px; float:left; padding-left:10px; overflow:hidden;}
.the_logo img{border:0px; vertical-align:middle;}
.the_back_btn{width:400px; height:80px; float:left; padding-left:10px;}
.the_back_btn a{display:block; width:80px; height:80px; float:left; background:url(../images/bg_sprite.png) no-repeat left -208px;}
.the_menu_btn{width:70px; height:80px; float:left;}
.the_menu_btn span{display:block; width:70px; height:80px; float:left; background:url(../images/bg_sprite.png) no-repeat -80px -208px;}

/*首页幻灯片*/
.home_banner{width:480px; height:240px; float:left; position: relative; overflow: hidden;}
.home_banner ul{width:480px; margin:0px; padding:0px;}
.home_banner ul li{width:480px; list-style:none; position: absolute; top:0; left: 100%;}
.home_banner ul li img{width:480px; height:240px;}
.home_banner_nav{width:480px; text-align: center; position: absolute; z-index: 2; left: 0; bottom:5px; overflow: hidden; font-size: 0; line-height: 0;}
.home_banner_nav span{display: inline-block; width:10px; height:10px; background-color: #3e8efb; text-indent: -9999px; border-radius: 5px; margin:0 3px;}
.home_banner_nav span.current{background-color: #a5c9f9;}

/*首页公告*/
.home_notice{width:440px; height:40px; float:left; background:url(../images/bg_sprite.png) no-repeat left 0px #7F7F7F; line-height:40px; padding-left:40px; font-size:18px; color:#FFF; overflow:hidden;}
.home_notice a{text-decoration:none; color:#FFF;}
.marquee{white-space: nowrap; overflow:-webkit-marquee; width:420px; -webkit-marquee-direction: left; -webkit-marquee-speed: normal; -webkit-marquee-style: alternate;}

/*首页模块头部*/
.sec_left{float:left;}
.home_area_top{width:480px; height:68px; float:left; padding-top:6px;}
.home_area_top_title{width:420px; height:68px; float:left; color:#000; line-height:68px; font-size:26px; padding-left:10px;}
.btn_more{width:40px; height:40px; padding:14px 10px 14px 0px; float:left;}
.btn_more a{display:block; width:40px; height:40px; background:url(../images/bg_sprite.png) no-repeat left -40px;}
.home_area_sub{width:460px; height:auto; float:left; font-size:20px; color:#999; padding:0px 10px; line-height:30px;}

/*产品模块*/
.pro_one{width:200px; height:210px; padding:10px 9px 0px 9px; float:left; border:solid 1px #d9d9d9; margin:10px; display:inline-block; background:#FFF;}
.pro_one_img{width:200px; height:160px; float:left; border-bottom:solid 1px #d9d9d9; overflow:hidden; text-align:center;}
.pro_one_img img{vertical-align:middle; max-width:198px; zoom:expression( function(elm) {var maxW = 198; if (elm.width>maxW) { var oldVW = elm.width; elm.width=maxW; elm.height = elm.height*(maxW /oldVW); } elm.style.zoom = '1'; }(this)); }
.pro_one_title{width:200px; height:50px; float:left; text-align:center; line-height:50px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.pro_one_title a{font-size:18px; color:#666; text-decoration:none;}
.pro_one_title a:hover{color:#FF6000;}

/*首页分类链接模块*/
.home_cate{width:460px; height:auto; float:left; padding:10px;}
.home_cate a{display:inline-block; width:auto; height:50px; line-height:50px; padding:5px 20px; border:solid 1px #d9d9d9; background:#FFF; margin:0px 10px 10px 0px; font-size:18px; color:#666; text-decoration:none;}
.home_cate a:hover{color:#FFF; background:#FF6000; border:solid 1px #FF4000;}

/*首页新闻列表模块*/
.home_li_box{width:460px; height:auto; float:left; padding:10px;}
.home_li{width:410px; height:auto; float:left; padding:14px 24px; border:solid 1px #d9d9d9; background:#FFF;}
.home_li ul{margin:0px; padding:0px;}
.home_li ul li{list-style:none; height:60px; border-bottom:dotted 1px #d9d9d9; padding:15px 0px;}
.home_li ul li.the_end{border-bottom:none;}
.home_li ul li a{display:block; width:410px; height:40px; color:#666; line-height:40px; font-size:24px; text-decoration:none; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.home_li ul li a:hover{color:#FF6000;}
.home_li ul li span{display:block; width:410px; height:20px; line-height:20px; font-size:14px; color:#999;}

/*底部图标*/
.foot_iocs_box{width:480px; height:auto; float:left; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; padding:20px 0px 0px 0px;}
.ico_one{width:100px; height:140px; float:left; margin:10px; display:inline-block;}
.ico_one_img{width:98px; height:98px; float:left; border:solid 1px #d9d9d9; background:#FFF; text-align:center;}
.ico_one_img a{display:block; width:98px; height:98px; float:left;}
.ico_one_img a.ico_title_1{background:url(../images/bg_sprite.png) no-repeat left -80px #FFF;}
.ico_one_img a.ico_title_2{background:url(../images/bg_sprite.png) no-repeat -98px -80px #FFF;}
.ico_one_img a.ico_title_3{background:url(../images/bg_sprite.png) no-repeat -196px -80px #FFF;}
.ico_one_img a.ico_title_4{background:url(../images/bg_sprite.png) no-repeat -294px -80px #FFF;}
.ico_one_img a.ico_title_qq{background:url(../images/bg_sprite.png) no-repeat left -288px #FFF;}
.ico_one_img a.ico_title_wang{background:url(../images/bg_sprite.png) no-repeat -98px -288px #FFF;}
.ico_one_img a.ico_title_sky{background:url(../images/bg_sprite.png) no-repeat -196px -288px #FFF;}
.ico_one_img img{vertical-align:middle; max-width:98px; zoom:expression( function(elm) {var maxW = 98; if (elm.width>maxW) { var oldVW = elm.width; elm.width=maxW; elm.height = elm.height*(maxW /oldVW); } elm.style.zoom = '1'; }(this)); }
.ico_one_title{width:100px; height:40px; float:left; line-height:40px; text-align:center;}
.ico_one_title a{font-size:18px; color:#666; text-decoration:none; line-height:40px;}
.ico_one_title a:hover{color:#FF6000;}

/*底部联系方式*/
.foot_info_box{width:480px; height:auto; float:left; border-bottom:solid 1px #d9d9d9; padding:20px 0px;}
.foot_tel{width:480px; height:auto; float:left; font-size:30px; color:#ff6000; text-align:center; line-height:50px;}
.foot_tel a{font-size:30px; color:#ff6000; text-decoration:none;}
.foot_add{width:460px; height:auto; float:left; font-size:18px; padding:0px 10px; color:#666; text-align:center; line-height:30px;}
.foot_add span{ min-height:30px; padding:0px 20px 0px 30px; background:url(../images/bg_sprite.png) no-repeat left -178px;}

/*底部版权*/
.foot_copyright{width:440px; height:auto; float:left; padding:20px; font-size:18px; color:#999; text-align:center;}

/*弹出菜单*/
#alpha_bg{display:none; width:480px; height:100%; background:#000; position:fixed; left:0px; top:0px; z-index:999; opacity:0.3;}
#menu_box{display:none; width:480px; height:100%; overflow:hidden; position:fixed; left:0px; top:0px; z-index:10000;}
#menu_inside_box{width:100%; vertical-align:middle; display:table-cell; text-align:center; _position:absolute; _top:50%; _left:50%; }
#menu_nav {width:312px; color:#666; background:#FFF; display:inline-block; _position:relative; _top:-50%; _left:-50%; border-radius:10px; box-shadow:#666 0px 0px 10px 0px;}
#menu_nav ul{margin:0px; padding:0px; width:100%; overflow:hidden;}
#menu_nav ul li{list-style:none; border-bottom:solid 1px #d9d9d9;}
#menu_nav ul li.the_end{list-style:none; border-bottom:none;}
#menu_nav ul li.the_end a{border-radius:0px 0px 10px 10px;}
#menu_nav ul li.the_first a{border-radius:10px 10px 0px 0px;}
#menu_nav ul li a{display:block; width:100%; height:65px; line-height:65px; color:#666; text-decoration:none; font-family:Arial, "微软雅黑"; font-size:24px;}
#menu_nav ul li a:hover{background:#63a7e8; color:#FFF;}
#menu_nav ul li a.active{background:#63a7e8; color:#FFF;}

/*弹出分页*/
.pages_box{display:none; width:480px; height:100%; overflow:hidden; position:fixed; left:0px; top:0px; z-index:10000;}
#pages_box{display:none; width:480px; height:100%; overflow:hidden; position:fixed; left:0px; top:0px; z-index:10000;}
#pages_inside_box{width:100%; vertical-align:middle; display:table-cell; text-align:center;}
#pages_list {width:312px; height:auto; max-height:395px; overflow:scroll; color:#666; background:#FFF; position:fixed; left:50%; margin-left:-156px; top:50%; margin-top:-197px; border-radius:10px; box-shadow:#666 0px 0px 10px 0px;}
#pages_list ul{margin:0px; padding:0px; width:100%; overflow:hidden;}
#pages_list ul li{list-style:none; border-bottom:solid 1px #d9d9d9;}
#pages_list ul li.the_end{list-style:none; border-bottom:none;}
#pages_list ul li.the_end a{border-radius:0px 0px 10px 10px;}
#pages_list ul li.the_first a{border-radius:10px 10px 0px 0px;}
#pages_list ul li a{display:block; width:100%; height:65px; line-height:65px; color:#666; text-decoration:none; font-family:Arial, "微软雅黑"; font-size:24px;}
#pages_list ul li a:hover{background:#63a7e8; color:#FFF;}
#pages_list ul li a.active{background:#63a7e8; color:#FFF;}

/*单页面主题框架*/
.singe_page_cont{width:480px; height:auto; float:left; padding:20px 0px;}
.singe_title{width:420px; height:auto; padding:25px 20px; margin:0px 10px; float:left; background:#64a7e9; color:#FFF; font-size:30px; line-height:40px; text-align:center;}
.singe_title h1{margin:0px; padding:0px; font-weight:normal; font-size:30px;}
.singe_title h1 span{font-size:22px;}
.singe_cont{width:418px; height:auto; float:left; background:#FFF; border:solid 1px #d9d9d9; padding:10px 20px; font-size:22px; color:#666; line-height:36px; margin:10px; display:inline;}
.singe_cont img{max-width:418px; border-radius:5px; zoom:expression( function(elm) { if (elm.width>418) { var oldVW = elm.width; elm.width=418; elm.height = elm.height*(418 /oldVW); } elm.style.zoom = '1'; }(this));}
.singe_cont table {width:100%; color:#666; border-width:1px; border-color: #d9d9d9; border-collapse: collapse; font-size:16px; word-break: break-all;}
.singe_cont table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.singe_cont table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}
.singe_sons{width:460px; height:auto; float:left; margin:0px 10px;}
.singe_sons a{display:block; width:418px; background:#FFF; text-decoration:none; float:left; border:solid 1px #d9d9d9; font-size:24px; color:#666; text-align:center; padding:25px 20px; margin-bottom:10px;}
.singe_sons a:hover{background:#64a7e9; color:#FFF;}
.sons_nav{width:460px; height:auto; float:left; margin:0px 10px 0px 10px;}
.sons_nav a{display:block; width:418px; background:#FFF; text-decoration:none; float:left; border:solid 1px #d9d9d9; font-size:22px; color:#666; text-align:center; padding:25px 20px; margin-bottom:10px;}
.sons_nav a:hover{background:#64a7e9; color:#FFF;}

/*搜索*/
.find_body{width:448px; height:auto; border:solid 1px #d9d9d9; border-radius:8px; background:#FFF; float:left; padding:10px 0px 10px 10px; margin:10px 10px 20px 10px;}
.search_form_text{width:326px; height:60px; line-height:36px; margin:0px; padding:0px 8px; font-size:22px; color:#666; border:0px;}
.search_form_btn{width:100px; height:60px; background:url(../images/bg_sprite.png) no-repeat -290px -208px; border:0px; margin:0px; padding:0px;}
.search_form_btn:hover{ background:url(../images/bg_sprite.png) no-repeat -290px -208px; border-radius:5px;}

/*分页*/
.the_pages{width:458px; height:auto; background:#FFF; text-decoration:none; float:left; border:solid 1px #d9d9d9; margin:10px; font-size:14px; color:#999; text-align:center; padding:10px 0px;}
.the_pages a{display:inline-block; width:65px; height:65px; border:solid 1px #d9d9d9; text-align:center; line-height:68px; background:#FFF; color:#666; text-decoration:none; border-radius:5px; margin:5px; font-size:18px; overflow:hidden; vertical-align:middle;}
.the_pages a:hover{background:#64a7e9; color:#FFF; text-decoration:none; border-radius:5px; border:solid 1px #5398dc;}
.the_pages a.active{background:#64a7e9; color:#FFF; border-radius:5px; border:solid 1px #5398dc;}
.the_more_pages{display:inline-block; width:auto; height:65px; width:65px; border:solid 1px #d9d9d9; border-radius:5px; margin:5px; background:url(../images/bg_sprite.png) no-repeat -160px -208px; line-height:65px; vertical-align:middle;}
.the_more_pages:hover{ background:url(../images/bg_sprite.png) no-repeat -225px -208px #5398dc;}

/*新闻列表页*/
.inside_n_li{width:410px; height:auto; float:left; font-size:22px; color:#666; padding:14px 24px; border:solid 1px #d9d9d9; background:#FFF; margin:10px;}
.inside_n_li ul{margin:0px; padding:0px;}
.inside_n_li ul li{list-style:none; height:60px; border-bottom:dotted 1px #d9d9d9; padding:15px 0px;}
.inside_n_li ul li.the_end{border-bottom:none;}
.inside_n_li ul li a{display:block; width:410px; height:40px; color:#666; line-height:40px; font-size:24px; text-decoration:none; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.inside_n_li ul li a:hover{color:#FF6000;}
.inside_n_li ul li span{display:block; width:410px; height:20px; line-height:20px; font-size:14px; color:#999;}

/*新闻详情页*/
.article_body{width:418px; height:auto; float:left; background:#FFF; border:solid 1px #d9d9d9; padding:10px 20px; font-size:22px; color:#666; margin:10px; display:inline; line-height:36px;}
.article_title{width:418px; height:auto; padding:19px 0px 24px 0px; float:left; border-bottom:solid 1px #d9d9d9; text-align:center; font-size:30px; color:#000; line-height:36px;}
.article_title h1{font-size:30px; color:#000; line-height:36px; margin:0px; padding:0px;}
.article_time{width:418px; height:36px; padding-top:10px; float:left; text-align:center; font-size:18px; color:#999; line-height:36px;}
.article_cont{width:418px; height:auto; float:left; font-size:22px; color:#666; word-break:hyphenate; overflow:hidden;}
.article_cont img{max-width:418px; border-radius:5px; zoom:expression( function(elm) { if (elm.width>418) { var oldVW = elm.width; elm.width=418; elm.height = elm.height*(418 /oldVW); } elm.style.zoom = '1'; }(this));}
.article_cont table {width:100%; color:#666; border-width:1px; border-color: #d9d9d9; border-collapse: collapse; font-size:16px; word-break: break-all;}
.article_cont table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.article_cont table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}

/*产品列表页*/
.pro_li{float:left; padding-top:10px;}

/*产品详情页*/
.pro_body{width:438px; height:auto; float:left; background:#FFF; border:solid 1px #d9d9d9; padding:10px; font-size:22px; color:#666; line-height:36px; margin:10px; display:inline;}
.pro_img{width:436px; height:349px; float:left; background:#FFF; border:solid 1px #d9d9d9; text-align:center; overflow:hidden;}
.pro_img img{vertical-align:middle; border:0px; max-width:436px; zoom:expression( function(elm) { if (elm.width>436) { var oldVW = elm.width; elm.width=436; elm.height = elm.height*(436 /oldVW); } elm.style.zoom = '1'; }(this));}
.pro_title{width:420px; height:auto; float:left; background:#ff6600; font-size:30px; color:#FFF; margin-top:10px; padding:25px 9px; text-align:center;}
.pro_title h1{font-size:30px; color:#FFF; line-height:36px; margin:0px; padding:0px; font-weight:normal;}
.pro_cont{width:418px; height:auto; float:left; padding:20px 10px; font-size:22px; color:#666; word-break:hyphenate; overflow:hidden;}
.pro_cont img{max-width:418px; border-radius:5px; zoom:expression( function(elm) { if (elm.width>418) { var oldVW = elm.width; elm.width=418; elm.height = elm.height*(418 /oldVW); } elm.style.zoom = '1'; }(this));}
.pro_cont table {width:100%; color:#666; border-width:1px; border-color: #d9d9d9; border-collapse: collapse; font-size:16px; word-break: break-all;}
.pro_cont table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.pro_cont table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}

/*留言反馈*/
.feed_cont{width:400px; height:auto; float:left; background:#FFF; border:solid 1px #d9d9d9; padding:10px 29px; font-size:22px; color:#666; line-height:36px; margin:10px; display:inline;}
.feed_cont label {margin:0; width:400px; line-height:46px; float:left; font-size:22px; color:#666;}
.form_text{height:45px; width:370px; border:1px solid #d9d9d9; padding:5px 10px; float:left; line-height:22px; font-size:24px; color:#666; border-radius:5px;}
.form_code{height:45px; width:200px; border:1px solid #d9d9d9; padding:5px 10px; float:left; line-height:22px; font-size:24px; color:#666; border-radius:5px;}
.form_area{height:200px; width:370px; border:1px solid #d9d9d9; padding:5px 10px; float:left; line-height:26px; font-size:24px; color:#333; border-radius:5px;}
.form_btn{width:160px; height:60px; line-height:60px; float:left; background:#ff6600; font-size:22px; color:#fff; border:0px; margin:15px 0px; border-radius:5px;}

