﻿/*通用代码*/
body, div, ul, li, p, form, dl, dt, dd{ margin:0px; padding:0px; font-family:Arial,"微软雅黑", Helvetica, sans-serif; font-weight: normal; color:#000000; font-size:12px; line-height:24px;}
body{background:#ffffff; width:100%; margin:0 auto;}
ul, li { list-style: none; }
img { border-style: none; }
a{ color:#000000; text-decoration:none}
a:hover{ color:#f26530; text-decoration:none;}
.over{ overflow:hidden;}
.zhong{ width:1004px; margin:0 auto; overflow:hidden;}
.left{ float:left;}
.right{ float:right;}

/*特色设置*/
.imgpad { padding:0px; border: 7px solid #cccccc; background-color:#cccccc;}
.imgpad:hover{ padding:0px; border: 7px solid #0195a1; background-color:#0195a1;}
.imgpad1 { padding:4px; border: 1px solid #cccccc;}
.imgpad2 { padding:0px; border: 4px solid #0195a1; background-color:#0195a1;}
.imgpad2:hover{ padding:0px; border: 4px solid #f26530; background-color:#f26530;}
.whitetitle{ color:#ffffff; font-weight:bold; font-size:14px;}
.whitetitle a{ color:#ffffff; font-weight:bold; font-size:14px;}
.whitetitle a:hover{color:#f26530;}

.title{ color:#ff6600; font-weight:bold; line-height:32px; font-size:14px; text-transform:uppercase;}
.title p{ color:#ff6600; font-weight:bold; line-height:32px; font-size:14px; text-transform:uppercase;}
.white{ color:#ffffff;}
.white a{ color:#ffffff;}
.white a:hover{color:#f26530;}
.white1{ color:#ffffff;}
.white1 a{ color:#ffffff;}
.white1 a:hover{color:#ffffff;}
h1{ font-size:14px; font-weight:bold;}
h2{ font-size:17px; color:#ff6600; font-weight:bold;}

/***********首页************/
#head_bj{ background:#f7f7f7;}
#head{ width:1004px; height:100px; margin:0 auto; overflow:hidden;}
#head img{ float:left;}
#nav_bj{ width:100%; margin-bottom:3px; height:47px; line-height:47px; text-align:center; background:#236B77; color:#ffffff; font-size:14px;}
#nav_bj a{color:#ffffff;}
#nav_bj a:hover{color:#f26530;}
.pro_01{ width:1004px; height:485px; margin:0 auto; background:url(../images/pro_01_en.jpg) no-repeat;}
.pro_01 span{ margin-left:55px; font-size:24px; color:#0195a1; font-weight:bold; line-height:97px;}
.pro_01 font{ color:#f26530;}
.pro_01 ul{ width:406px; height:194px; padding-top:15px; margin-left:29px; line-height:26px;  font-size:14px;}
.pro_01 dl{width:433px; height:261px; padding-top:15px; margin-left:29px; line-height:26px;  font-size:14px;}
.pro_02{ width:1004px; height:509px; margin:0 auto; background:url(../images/pro_02.jpg) no-repeat;}
.pro_02 span{ margin-left:55px; font-size:24px; color:#0195a1; font-weight:bold; line-height:97px;}
.pro_02 font{ color:#f26530;}
.pro_02 ul{ width:399px; height:202px; padding-top:10px; margin-left:545px; line-height:26px;  font-size:14px;}
.pro_02 dl{width:425px; padding-top:7px;  margin-left:545px; line-height:26px;  font-size:14px;}
.pro_03{ width:1004px; height:455px; margin:0 auto; background:url(../images/pro_03.jpg) no-repeat;}
.pro_03 span{ margin-left:55px; font-size:24px; color:#0195a1; font-weight:bold; line-height:98px;}
.pro_03 font{ color:#f26530;}
.pro_03 ul{ width:394px; height:210px; padding-top:11px; margin-left:27px; line-height:26px;  font-size:14px;}
.pro_03 dl{width:421px;  margin-left:27px; line-height:26px;  font-size:14px;}
.network{ width:1440px; height:848px; margin:0 auto; background:url(../images/networke.jpg) no-repeat;}
.sy_01{ width:1440px; height:178px; margin:0 auto; background:url(../images/sy_01e.jpg) no-repeat;}
.advantage{ width:1440px; height:2174px; margin:0 auto; background:url(../images/advantagee.jpg) no-repeat;}
.heght237{ height:237px;}
.advantage font{ margin-left:63px; color:#3f3f3f; font-size:18px; text-transform:uppercase;}
.advantage span{ margin-left:33px; font-size:24px; color:#0195a1; font-weight:bold;}
.advantage d{ color:#f26530;}
.adv_01{ margin-left:282px; width:535px; height:222px; }
.adv_01 ul{ height:50px; padding-top:28px; font-size:14px;}
.adv_01 dl{ padding-top:12px; line-height:30px; font-size:14px;}
.adv_02{ margin-left:282px; width:540px; height:399px;}
.adv_02 ul{ height:60px; padding-top:38px; font-size:14px;}
.adv_02 dl{ padding-top:10px; line-height:18px; font-size:14px;}
.adv_03{ margin-left:811px; width:400px; height:424px;}
.adv_03 ul{ margin-left:20px; height:58px; padding-top:36px; font-size:14px;}
.adv_03 dl{ padding-top:10px; line-height:18px; margin-left:29px; font-size:14px;}
.adv_04{ margin-left:282px; width:513px; height:295px;}
.adv_04 ul{ margin-left:5px; height:74px; padding-top:44px; font-size:14px;}
.adv_04 dl{ padding-top:15px; line-height:30px; font-size:14px;}
.adv_05{ margin-left:778px; width:436px; height:272px;}
.adv_05 ul{ margin-left:18px; height:47px; padding-top:38px; font-size:14px;}
.adv_05 dl{ padding-top:21px; line-height:18px; margin-left:65px; font-size:14px;}
.adv_06{ margin-left:267px; width:410px; height:325px;}
.adv_06 ul{margin-left:15px; height:45px; padding-top:39px; font-size:14px;}
.adv_06 dl{ padding-top:15px; line-height:26px; margin-left:23px; font-size:14px;}
#about{width:1004px; height:427px; margin:0 auto; background:url(../images/aboute.jpg) no-repeat;}
.about { width:559px; height:427px;float:left;}
.about ul{ height:60px; padding-top:74px; margin-left:14px;}
.about dl{ width:507px; margin-left:14px; padding-top:14px;}
.about font{ font-size:14px; text-transform:uppercase; color:#a3a3a3;}
.about dl p{ line-height:26px;} 
.video { width:445px; height:427px; float:left;}
.video ul{ width:375px; height:217px; padding-top:109px; margin-left:46px;}
.sy_02{ width:1440px; height:349px; margin:0 auto; background:url(../images/sy_02e.jpg) no-repeat;}
.quotation{ width:432px; height:349px; float:left;}
.quotation ul{ width:317px; height:200px; margin-left:13px; padding-top:97px;}
.contact{ width:572px; height:349px; float:left;}
.contact ul{margin-left:47px; padding-top:160px;}
.contact span{ font-size:18px;}
.whitecontact{ color:#FFFFFF; line-height:26px;}
.whitecontact a {color:#FFFFFF; line-height:26px;}
.whitecontact p{ color:#FFFFFF; line-height:26px;}
.new_bj{ width:320px; height:444px; float:left; background:url(../images/new_bj.jpg) no-repeat;}
.new_bj dl{ width:272px; height:90px; padding-top:131px; margin-left:10px;}
.new_bj ul{width:258px; margin-left:26px; line-height:31px;}
.knowledge{ width:410px; height:444px; float:left; background:url(../images/knowledge.jpg) no-repeat;}
.knowledge ul{ margin-left:33px; line-height:31px;}
.knowledge li{ width:320px; height:92px; margin-bottom:13px;}
.answer{ width:274px; height:444px; float:left; background:url(../images/answer.jpg) no-repeat; overflow:hidden;}
.answer ul{margin-left:40px; padding-top:28px;}
.answercon{width:165px; padding-left:40px; height:103px; padding-top:3px; background:url(../images/answercone.jpg) no-repeat; line-height:18px; color:#5a5a5a; font-size:12px;}
.answercon span{ color:#1a9fa9; font-weight:bold; line-height:26px;}

#foot_bj{height:64px; text-align:center; background:#018f9d;}
#foot_bj ul{line-height:64px; font-size:14px;}
.foot{background:#0195a1;}
.wechat{ width:1004px; height:178px; margin:0 auto; background:url(../images/wechate.jpg) no-repeat; overflow:hidden;}
.wechat ul{ width:273px; text-align:center; margin-left:325px; padding-top:147px; color:#FFFFFF;}
#footcon{height:46px; text-align:center;}
#footcon ul{line-height:46px;}


/***********内页************/
.ny{ width:1004px; margin:0 auto; overflow:hidden;}
.lny{ width:260px; float:left;}
.lefttitle{ width:226px; height:84px; background:url(../images/lefttitlee.jpg) no-repeat; }
.lefttitle ul{ text-align:center; padding-top:31px; line-height:26px; color:#FFFFFF; text-transform:uppercase;}
.lefttitle span{ font-size:23px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
.leftheight{ width:248px; padding-left:12px; line-height:26px; background:url(../images/leftheight.jpg) repeat-y;}
.lefttext{ width:190px; padding-left:70px; height:36px; line-height:36px; background:url(../images/lefttext.jpg) no-repeat; font-size:14px; color:#010000; }
.lefttext a{color:#010000; }
.lefttext a:hover{color:#f26530;}
.leftprotitle{ width:233px; padding-left:27px; height:36px; line-height:36px; background:url(../images/lefttext.jpg) no-repeat;font-size:14px; font-weight:bold; color:#010000; }
.leftprotitle a{color:#010000; }
.leftprotitle a:hover{color:#f26530;}
.leftprotext{ width:183px; padding-left:43px; height:36px; line-height:36px; background:url(../images/lefttext.jpg) no-repeat; color:#010000; }
.leftprotext a{color:#010000; }
.lefttext a:hover{color:#f26530;}
.leftrecommendtext{ width:260px; background:url(../images/leftheight.jpg) repeat-y;}
.leftrecommendtext ul{ margin-left:12px;}
.contact-title{ width:243px; padding-left:17px; height:51px; padding-top:11px; background:url(../images/contact-title.jpg) no-repeat; font-size:18px; }
.rny{ width:744px; float:left;}
.about_title{ width:744px; height:113px; overflow:hidden; background:url(../images/about_title.jpg) no-repeat;}
.labout_title{ width:520px; padding-left:29px; float:left; padding-top:48px; font-size:24px; font-weight:bold; text-transform:uppercase;}
.rabout_title { font-size:12px; float:left; padding-top:57px;}
.rabout_title font{ font-size:12px; color:#e94000;}
.contact_title{ width:1004px; height:113px; overflow:hidden; background:url(../images/contact_title.jpg) no-repeat;}
.lcontact_title{ width:780px; padding-left:29px; float:left; padding-top:45px; font-size:24px; font-weight:bold; text-transform:uppercase;}
.rcontact_title { font-size:12px; float:left; padding-top:57px;}
.rcontact_title font{ font-size:12px; color:#e94000;}
.about_text{width:744px; margin-bottom:20px;}
.about_text ul{ width:690px; margin:0 auto;}
.about_text p,td,div,li{ font-size:14px; line-height:26px;}
.contact_text{width:1004px; margin-bottom:20px;}
.contact_text ul{ width:950px; margin:0 auto;}
.contact_text p, strong{ font-size:14px; line-height:26px;}
.noabout_text{width:744px; margin-bottom:20px;}
.noabout_textcon{ width:690px; margin:0 auto;}
.noabout_text ul{ width:690px; margin:0 auto;}
.noabout_text p,td,div{ line-height:26px; font-size:12px;}


/* ---------------------- 产品详细页面  -------------------------- */
.banner{width:380px; float:left; overflow:hidden;}
.large_box{margin-bottom:10px;width:380px;height:380px;overflow:hidden;}
.large_box img{display:block; width:380px; height:380px;}
.small_box{width:380px;height:73px;overflow:hidden;}
.small_list{position:relative;float:left;width:240px;height:73px;overflow:hidden;}
.small_list ul{height:73px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:73px;}
.small_list ul li img{display:block; width:73px; height:73px; cursor:pointer;}
.small_list ul li .bun_bg{display:block;position:absolute;top:0;left:0;width:73px;height:73px;background:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6; cursor:pointer;}
.small_list ul li.on .bun_bg{display:none;}
.btn{display:block;width:20px;height:73px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.btn:hover{background-color:#e7000e;}
.left_btn{float:left;margin-right:10px;background-image:url(../images/left_btn.png);}
.right_btn{float:right;background-image:url(../images/right_btn.png);}


/*newspage的CSS代码开始*/
.newspage {
 width:100%;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 6px auto; PADDING-TOP: 6px; TEXT-ALIGN: center; clear:both; font-family:Arial,"宋体", Helvetica, sans-serif;}
.newspage A { 
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 12px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid; font-family:Arial,"宋体", Helvetica, sans-serif;}
.newspage A:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #E05222; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none; font-family:Arial,"宋体", Helvetica, sans-serif;}
.newspage A:active {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND:#E05222; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid; font-family:Arial,"宋体", Helvetica, sans-serif;}
.newspage SPAN.current {
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND:#993300; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid; font-family:Arial,"宋体", Helvetica, sans-serif;}
.newspage SPAN.disabled {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; font-family:Arial,"宋体", Helvetica, sans-serif;}
/*newspage的CSS代码结束*/


