@charset "utf-8";
.blue{color:#0098d7;} .blue a{color:#0098d7;}
.grey{color:#999999;}
.menu_banner{width:100%;height:300px;z-index:5;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}

.current{width:100%; padding:20px 0;border-bottom:1px #eaeaea solid;font-size:14px;}

.xhc_box{width:100%;max-width:1008px; margin:20px auto; background: url(../images/sub_bg.jpg) repeat-y left top; overflow:hidden;}
.xhc_left{width:100%;max-width:228px;height:auto;float:left;overflow:hidden;}
.xhc_left .left_tit{width:100%; height:54px; line-height: 54px;color:#fff;background-color:#0098d7;}
.xhc_left .left_tit h4{margin-left:25px;font-size:18px;}
.xhc_left ul{width:100%;}
.xhc_left ul li{width:228px; height:38px; background:url(../images/navLeft_li.gif) no-repeat; margin-bottom:2px;}
.xhc_left ul li a{width:228px; height:38px; line-height:38px;background:url(../images/navLeft_li.png) no-repeat; padding-left:28px; color:#808080; display:block}
.xhc_left ul li a:hover, .xhc_left ul li.hover a{background:url(../images/navLeft_li_hover.jpg) no-repeat;color:#fff; display:block}

.xhc_right{width:100%;max-width:760px;border:1px #e2e2e2 solid; float:right;overflow:hidden;}
.xhc_right .right_tit{width:100%; height:42px; line-height: 42px;background-color: #f6f6f6;border-bottom:1px #e2e2e2 solid;}
.xhc_right .right_tit h4{font-size:18px; color:#0098d7; margin-left:3%;}
/* 关于我们 */
.about_box{width:94%; margin:20px 3%; font-size:14px;line-height: 24px;overflow:hidden;}
.about_box p{margin:10px 0;}

/* 产品中心 */
.product_box{width:98%; height:auto;margin:10px 1%;font-size:12px;overflow:hidden;}
.product_box ul{width:100%;}
.product_box li{width:21%;height:210px;float:left;margin:12px 2%; text-align: center; line-height: 24px;overflow:hidden;}
.product_box li img{width:100%;}
/*  下一页  */ 
.page{width:100%;height:auto;padding-top:20px;padding-bottom:15px;margin-bottom:20px;overflow:hidden; display:block;text-align: right;}
.page a{padding:10px 18px; border:1px #e5e8e6 solid;margin:0 3px;color:#464646;border-radius: 5px;}
.page a:hover,.page .hover{color:#FFF;background:#da251c;border:1px #d92219 solid; text-decoration:none;} 

.products{width:94%; margin:20px 3%; font-size:14px;line-height: 24px;overflow:hidden;}
.products dl{width:100%;margin-bottom:20px;}
.products dl dt{width:45%;float:left; overflow:hidden;margin-right:2%;}
.products dl dt img{width:100%; max-width: 325px; max-height:325px;}
.products dl dd{width:53%;margin-bottom: 20px;float:left;}
.products h4{font-size: 16px; font-weight: bold;}
.products span a{color:#5d5d5d; text-decoration:none; position:relative;}
.products span a div{display:none;position: relative;bottom: 0}
.products span a:hover{ visibility:visible; color:#d92219;}
.products span a:hover div{position:absolute; background-color:#FFF; left:-80px; display:block; width:214px; height:236px; color:#000; overflow:hidden; border:1px #e9e9e9 solid;}
.products span a:hover div h4{height:32px; line-height:32px; background-color:#f6f6f6; font-size:14px;padding-left:8px; margin-bottom:5px;}
.products span a:hover div ul{padding-left:10px; display:block; overflow:hidden;}
.products span a:hover div li{width:70px; height:26px; line-height:26px; float:left; margin:0 7px 2px 3px;}
.products span a:hover div li:hover{width:70px; height:26px; background-color:#f5f5f5;}
.products span a:hover div .share1{background:url(../images/share_01.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share2{background:url(../images/share_qq.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share3{background:url(../images/share_sina.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share4{background:url(../images/share_baidu.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share5{background:url(../images/share_rr.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share6{background:url(../images/share_t.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share7{background:url(../images/share_f.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share8{background:url(../images/share_tie.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share9{background:url(../images/share_dou.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share10{background:url(../images/share_sf.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share11{background:url(../images/share_q.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .share12{background:url(../images/share_more.gif) no-repeat left center; padding-left:20px;}
.products span a:hover div .add{height:28px; line-height:28px;background-color:#f6f6f6;}
.products span a:hover div .add_fl{ background:url(../images/add_fl.gif) no-repeat left center; padding-left:20px; float:right;}

.pro_detail{width:100%; height:auto;overflow: hidden;}
.pro_detail .tab-hd{width:100%; height:48px; background-color: #ebebeb;margin-top:20px;overflow: hidden;}
.pro_detail .tab-hd li{width:20%; height:48px; line-height:48px;text-align:center; font-size:14px; float:left;}
.pro_detail .tab-hd li.active{background-color:#0098d7;color:#ffffff;} .pro_detail .tab-hd li.active a{color:#ffffff;}
.pro_detail .tab-bd{width:100%;height:auto;margin:10px 0;}
.pro_detail .tab-bd dd{width:100%;height:auto;line-heihgt:22px;margin:10px 0;background: url(../images/dian.gif) no-repeat left center; padding-left:8px;}
.pro_detail .tab-bd img{width:100%;max-width:700px;}
/*tab*/
.tab{ width:100%;}
.tab-hd {overflow: hidden; zoom:1;}
.tab-bd{}
.tab-hd li{ float:left; width:100%;text-align:center; cursor:pointer;}
.tab-hd li.active{ background:#0098d7;}
.tab-bd li{display:none; font-size:14px;}

/* 下载中心 */
.down_box{width:94%; margin:20px 3%; font-size:14px;line-height: 24px;overflow: hidden;}
.down_box li{width:100%; line-height: 24px;padding:12px 0;border-bottom:1px #cccccc dotted; overflow:hidden;}
.down_size{color:#999999;}
.down_box table{border-left:1px #ceeffd solid;border-top:1px #ceeffd solid;}
.down_box table td{border-right:1px #ceeffd solid;border-bottom:1px #ceeffd solid; padding:10px;}
.down_box p{margin:10px 0;}

/* message */
.message{width:94%; margin:20px 3%; font-size:14px;line-height: 24px;overflow:hidden;}
.message td{padding:6px;}
.message .mess_textarea{width:100%; height:auto;border:1px solid #e0e0e0;vertical-align:middle}
.message .mess_input{width:50%; height:36px; line-height: 36px;border:1px solid #e0e0e0;vertical-align:middle}
.message img{vertical-align:middle}

/* 新闻中心 */
.news_box{width:94%; margin:20px 3%; font-size:14px;line-height: 24px;overflow: hidden;}
.news_box dl{width:100%; height:auto;margin-bottom: 10px; border-bottom:1px solid #eaeaea; overflow:hidden; padding-bottom:30px;}
.news_box dl dt{width:30%;float:left;margin-right:3%;}
.news_box dl dt img{width:100%;max-width:225px; max-height:180px;}
.news_box dl dd{width:67%;float:right; line-height: 22px;color:#666666; margin-bottom:8px;}
.news_box dl dd h4{float:left;font-size: 16px;font-size:16px;}
.button_more{width:115px; height:36px; line-height: 36px; background-color: #ffffff;color:#0098d7;font-size:14px;border:1px solid #0098d7; border-radius: 5px;}
.button_more:hover{background-color: #0098d7;color:#ffffff;}
.news_box ul{width:100%; height:auto;margin: 25px 0; border-bottom:1px solid #eaeaea; overflow:hidden; padding-bottom:20px;}
.news_box ul li{width:100%;float:right; line-height: 22px;color:#666666; margin-bottom:8px;}
.news_box ul li h4{float:left;font-size: 16px;font-size:16px;}

.news_tit{width:100%; line-height: 36px;font-size: 18px; text-align: center; margin: 10px 0;}
.news_update{width:100%; line-height: 24px; padding-bottom: 15px; border-bottom:1px solid #eaeaea; color:#999999;text-align: center;margin-bottom: 15px}
.news_con{width:100%; line-height: 24px;color:#666666; margin-bottom: 15px;overflow: hidden;}
.news_con p{margin:10px auo;}
.news_up{width:100%;border-top:1px solid #eaeaea; overflow: hidden;padding-top:10px;}
.news_up p{width:100%; line-height: 24px;}

/* 方案中心 */
.plan_tit{width:100%; text-align: center;  line-height: 24px; margin:30px 0;}
.plan_tit h2{font-size:36px;}
.plan_con{width:100%;font-size: 14px; line-height: 24px; color:#666666;}
.plan_con p{margin:10px 0;}

.plan_con ul{width:100%; height:auto;margin: 25px 0; border-bottom:1px solid #eaeaea; overflow:hidden; padding-bottom:20px;}
.plan_con ul li{width:100%;float:right; line-height: 22px;color:#666666; margin-bottom:8px;}
.plan_con ul li h4{float:left;font-size: 16px;font-size:16px;}



@media (min-width:769px) and (max-width:1010px) {
.menu_banner{height:260px;}
.current{padding:20px 10px;}
.xhc_box{background:none;}
.xhc_left{display:none;}
.xhc_right{width:96%;margin:0 2%;max-width:1000px;}
.product_box li{width:21%; height:235px;}
.plan_con{width:96%;margin:0 2%;}
}
@media (min-width:641px) and (max-width:768px) {
.menu_banner{height:200px;}
.current{padding:20px 10px;}
.xhc_box{background:none;}
.xhc_left{display:none;}
.xhc_right{width:96%;margin:0 2%;}
.product_box li{width:28%; max-height:230px;}
.page a{padding:5px 10px;}
.plan_con{width:96%;margin:0 2%;}
}
@media (min-width:481px) and (max-width:640px) {
.menu_banner{height:160px;}
.current{padding:20px 10px;}
.xhc_box{background:none;}
.xhc_left{display:none;}
.xhc_right{width:96%;margin:0 2%;}
.product_box li{width:28%;height:200px;}
.page a{padding:5px 10px;}
.news_box dl dt{width:100%; text-align: center;margin-bottom: 10px;}
.news_box dl dd{width:100%;}
.plan_con{width:96%;margin:0 2%;}

.pro_detail .tab-hd li{width:30%;}
}
@media (min-width:321px) and (max-width:480px) {
.menu_banner{height:140px;}
.current{padding:20px 10px;}
.xhc_box{background:none;}
.xhc_left{display:none;}
.xhc_right{width:96%;margin:0 2%;}
.product_box li{width:46%;height:235px;}
.page a{padding:3px 5px;margin:0 1px;}
.news_box dl dt{width:100%; text-align: center;margin-bottom: 10px;}
.news_box dl dd{width:100%;}
.plan_con{width:96%;margin:0 2%;}
.products dl dt{width:100%;}
.products dl dd{width:100%;}
.pro_detail .tab-hd li{width:30%;}
}
@media screen and (max-width:320px) {
.menu_banner{height:140px;}
.current{padding:20px 10px;}
.xhc_box{background:none;}
.xhc_left{display:none;}
.xhc_right{width:96%;margin:0 2%;}
.product_box li{width:95%;margin-right:5%;height:290px;}
.page a{padding:2px 4px;margin:0 1px;}
.news_box dl dt{width:100%;text-align: center;margin-bottom: 10px;}
.news_box dl dd{width:100%;}
.plan_con{width:96%;margin:0 2%;}
.products dl dt{width:100%;}
.products dl dd{width:100%;}
.pro_detail .tab-hd li{width:30%;}
}