﻿.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
.foo{border:1px solid #f00;}
.pre-text {white-space: pre-wrap;word-wrap: break-word;word-break: break-all}

body{width:100%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";font-size:14px;line-height:18px;background: center center repeat;text-align:center;}
.yhFont{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
.cc{ width:960px;margin:0 auto;text-align:left;}
.tj{text-align:justify;text-justify:inter-ideograph;}
.tac{text-align:center;}
.hide{display:none}
.ma{margin:0 auto}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml200{margin-left:200px;}
.mr6{margin-right:6px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pl60{padding-left:60px;}
.fl{float:left;}
.fr{float:right;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover{color:#e8340c;text-decoration:none;font-weight:bolder;}

a.more:link,a.more:visited{float:right;padding-right:10px;text-align:right;color:#00a0e9;text-decoration:none;font-size:14px;}
a.more:hover{text-decoration:underline;font-weight:bolder;}

/* index css start */
#header{width:100%;}
#nav{width:100%;height:52px;line-height:52px;background:#fff url("../images/navBg.jpg") repeat;margin-top:10px;}
#nav  ul{width:100%;}
#nav li{float:left;position:relative;z-index:999}
#nav li a{display:block;height:52px;font-size:18px;color:#fff;padding-left:20px;padding-right:24px;}
#nav li a:hover{text-decoration:none;background-color:#ff6600;font-weight:normal;}
#nav li ul{display:none;width:244px;text-overflow:ellipsis;position:absolute;top:52px;z-index:999} 
#nav li#qjpNav ul{width:310px}
#nav li ul li{width:100%;background:#008eff;}

#topBanner{width:100%;height:400px;text-align:left; overflow-y:hidden}
#indexKeywords{font-size:14px;color:#666;width:100%;height:30px;line-height:30px;border-bottom:1px solid #d8d8d8;}

.index_product {margin-top:10px;}
.index_product .index_product_title{width:100%;height:30px;line-height:40px;background:url(../images/index_product_titleBg.jpg) bottom repeat-x;}
.index_product  .more_product{float:right;}

.index_product  .cn_tilte a{background-color:#FFF;font-size:26px;color:#444;font-weight:bold;}
.index_product  .en_title{background-color:#FFF;font-size:14px;color:#b8b8b8;}
.index_product_content{height:370px;margin-top:10px;}
.index_product_content div{float:left;}
.index_product_content .vis_product_pic{width:442px;}
.index_product_content .index_product_des{width:250px;padding-left:10px;}
.index_product_content .index_product_des dl dt{height:30px;line-height:30px;font-size:24px;font-weight:bold;}
.index_product_content .index_product_des dl.index_product_des_adv{height:270px;}
.index_product_content .index_product_des dl dd a{font-size:14px;color:#666}
.index_product_content .index_product_des dl dd a.more_product_list{ margin-left:74px;font-size:20px;color:#f60}
.index_product_content .index_product_des dl dd a:hover{color:#f60}
.index_product_content .index_recom_product_list{width:258px;text-align:center;}
.index_product_content .index_recom_product_list a{color:#e8340c;line-height:26px;}
.index_product_content .index_recom_product_list a img{border:1px solid #d2d2d2;}

div#otherProducts{margin-top:10px;}
div#otherProducts div.otherProduct{float:left;width:210px;height:44px;line-height:44px;margin-right:36px;margin-top:10px;background:#ccc url("../images/otherProductTip.jpg") no-repeat 10px  center;border:1px solid #ccc; border-radius:2px;text-align:center;}
div#otherProducts div.otherProduct:hover{border-color:#e8340c;}
div#otherProducts div.otherProduct a{font-size:16px;color:#333;}
div#otherProducts div.otherProduct a:hover{color:#e8340c}

div.segm_sign{width:100%;height:30px;background:url(../images/segmSign.jpg) bottom repeat-x;}

h1.module_title{height:34px;background:url(../images/index_product_titleBg.jpg) center center repeat-x;text-align:center;}
div.module_title_name{width:116px;height:34px;line-height:34px;background-color:#00a1e9;margin:0 auto;font-size:18px;font-weight:bold;color:#fff;}
div.module_title_name a{color:#fff}

.brandList{width:958px;height:164px;margin-top:6px;border:1px dashed #c0cddd;padding-top:12px;}
#noSeamScroll,#noSeamScroll2,#noSeamScroll3{float:left;width:860px;height:100%;position:relative;left:18px;overflow:hidden;}
#noSeamScroll ul,#noSeamScroll2 ul,#noSeamScroll3 ul{position:absolute;list-style:none;} 
#noSeamScroll ul li,#noSeamScroll2 ul li,#noSeamScroll3 ul li{float:left;width:172px;margin-right:20px;border:1px solid #ccc;white-space:nowrap;overflow:hidden;text-align:center;}
#noSeamScroll ul li a,#noSeamScroll2 ul li a,#noSeamScroll3 ul li a {color:#000}
#noSeamScroll ul li a:hover,#noSeamScroll2 ul li a:hover,#noSeamScroll3 ul li a:hover {color:#e8340c}
#leftArr,#leftArr2,#leftArr3{float:left;width:32px;margin-top:44px;text-align:center;}
#rightArr,#rightArr2,#rightArr3{float:right;width:32px;margin-top:44px;text-align:center;}
#leftArr3,#rightArr3{width:auto;}

.honor_list{width:958px;height:705px;margin-top:6px;border:1px dashed #c0cddd;}
.honor_list ul{width:824px;}
.honor_list ul li{float:left;width:198px;border:1px solid #00a1e9;margin-left:6px;margin-top:6px;}
.honor_list ul li h2 {width:100%;height:24px;line-height:24px;border-top:1px solid #00a1e9;text-align:center;color:#666;background-color:#fbe1d6;}
.case_title{width:100%;background:url(../images/index_product_titleBg.jpg) bottom left repeat-x;}
.honor_Pic{margin-top:6px;margin-right:6px;}


#applyArea{width:438px;}
 div.applyArea_title{width:100%;height:57px;background:url(../images/index_product_titleBg.jpg) bottom left repeat-x;text-align:center;}
 div.applyArea_list ul li{float:left;width:126px;margin-right:20px;text-indent:-999em;background:url(../images/applyAreaIcon.jpg) 0 0 no-repeat;}
#applyArea div.applyArea_list ul li.applyArea_list_item2{background-position:-130px 0;}
#applyArea div.applyArea_list ul li.applyArea_list_item3{background-position:-260px 0;}
#applyArea div.applyArea_list ul li.applyArea_list_item4{background-position:-390px 0;}
#applyArea div.applyArea_list ul li.applyArea_list_item5{background-position:-520px 0;}
#applyArea div.applyArea_list ul li.applyArea_list_item6{background-position:-650px 0;}
#applyArea div.applyArea_list ul li ul{margin-top:48px;}
#applyArea div.applyArea_list ul li ul li{text-indent:0em;background:none;font:16px/26px;color:#666}
#applyArea div.applyArea_list ul li ul li a{font-size:16px;line-height:26px;color:#666; white-space:nowrap;}
#applyArea div.applyArea_list ul li ul li a:hover{color:#e8340c}

#companyProfile{width:500px;height:376px;background-color:#3f75b1;text-align:center;padding:10px;line-height:20px;color:#fff;}
#companyProfile .companyProfile_title{margin-bottom:20px;}
#companyProfile .companyProfile_pic{float:left;width:252px;margin-right:10px;}
#companyProfile p{text-align:left;}

#newsGroup{width:546px;margin-right:10px; overflow:hidden}
#newsGroup .newsGroup_title{height:32px;border-bottom:1px solid #0079ff;}
#newsGroup .newsGroup_title h1{float:left;padding:6px 6px;border:1px solid #666;border-top-left-radius:4px;
border-top-right-radius:4px;margin-right:10px;background:url(../images/newsTitleBg.jpg) 0 100% repeat-x;font-size:16px;}
#newsGroup .newsGroup_title h1.on{border:1px solid #0079ff;background:url(../images/newsTitleHoverBg.jpg) 0 100% repeat-x;color:#e8340c}
#newsGroup .newsGroup_title h1 a{color:#f60}
#newsGroup .newsGroup_title h1 a:hover{color:#e8340c}
#newsGroup .newsGroup_content{width:100%;}
#newsGroup .newsGroup_content li{height:32px;line-height:32px;font-size:16px;}
#newsGroup .newsGroup_content li span{float:right;}
#newsGroup .newsGroup_content li span a{color:#666;}


#FAQ{float:right;width:390px;height:260px; }
#FAQ .FAQTitle{width:100%;height:34px;line-height:30px;font-size:18px;color:#1fa6ef;vertical-align:bottom;}
#FAQ .FAQTitle a {float:right;padding-top:10px;}

#FAQ .FAQContent{height:218px;position:relative;overflow:hidden;}
#FAQ .FAQContent dt{height:24px;line-height:24px;margin-bottom:6px; }
#FAQ .FAQContent dt a{color:#000;}
#FAQ .FAQContent dt a:hover{color:#e8340c;}
#FAQ .FAQContent dd{color:#666;}
#FAQ .FAQContent ul{ position:absolute;}
#FAQ .FAQContent ul li{ overflow:hidden;margin-bottom:16px; }

#footerNavWrapper{width:100%;background-color:#00a1e9;height:62px;line-height:62px;}
#footerNav{margin:0 auto;color:#fff;}
#footerNav  a{display:inline-block;height:100%;font-size:24px;color:#fff;padding-left:10px;padding-right:10px;}
#footerNav  a:hover{background-color:#f60;font-weight:normal;}



#footer_logo{width:226px;padding-right:12px;}
.footer_content{width:720px;font-size:20px;line-height:36px;color:#666;}
.footer_content a{color:#666}

/* ----------------- index css end------------------------  */


/* 子页 product css  start  */
.spLeft {width:200px;}
.spProduct_title{width:100%;height:46px;line-height:46px;text-align:center;background-color:#006ed9;color:#fff;font-size:32px;}
#spProduct ul li{width:190px;height:40px;padding-left:10px;line-height:40px;font-size:14px;color:#333;}
#spProduct ul li:hover{background-color:#f60;color:#fff;}
#spProduct ul li:hover a{font-weight:normal;color:#fff;}
/* 子页 product css  end  */

/* 子页 applyArea css  start  */
#spApplyArea .spApplyArea_list{width:200px;}
#spApplyArea .spApplyArea_list ul li{float:left;width:100%;line-height:52px;text-indent:-999em;background:url(../images/spApplyAreaIcons.jpg) left top no-repeat;}
#spApplyArea .spApplyArea_list ul li.spApplyArea_list_item2{background-position:-210px 0;}
#spApplyArea .spApplyArea_list ul li.spApplyArea_list_item3{background-position:-420px 0;}
#spApplyArea .spApplyArea_list ul li.spApplyArea_list_item4{background-position:-630px 0;}
#spApplyArea .spApplyArea_list ul li.spApplyArea_list_item5{background-position:-840px 0;}
#spApplyArea .spApplyArea_list ul li.spApplyArea_list_item6{background-position:-1050px 0;}
#spApplyArea .spApplyArea_list ul li ul li{height:26px;line-height:26px;padding-left:10px;font-size:16px;background:none;text-indent:0em;}
#spApplyArea .spApplyArea_list ul li ul li a{color:#666;}
#spApplyArea .spApplyArea_list ul li ul li a:hover{color:#f60;}
/* 子页 applyArea css  end  */



.spRight {width:750px;overflow:hidden;}
#crumb,h2.applyArea_title{width:100%;height:30px;background:url(../images/index_product_titleBg.jpg) 0 100% repeat-x;}
#crumb div.crumb_name,h2.applyArea_title span.applyArea_title_name{float:left;height:30px;line-height:26px;font-size:26px;font-weight:bold;background-color:#fff;}
#crumb div.crumb_tel,h2.applyArea_title span.applyArea_title_tel{float:right;font:italic normal bold 18px/24px arial;color:#f60;}
.sp_product_des_adv{width:480px;}
.sp_product_des_industy{width:260px;}
.sp_product_des_adv   dt,.sp_product_des_industy dt{font-size:24px;line-height:30px;color:#000;}
.sp_product_des_adv dd,.sp_product_des_industy dd{font-size:14px;color:#666;}

#productList ul li,#honor ul li{float:left;width:174px;margin-top:14px;margin-right:15px;border:1px solid #ccc;}
#productList ul li h2,#honor ul li h2{width:162px;height:56px;padding:10px 6px 0 6px;text-align:center;line-height:18px;color:#e8340c;}


.productAdvantage{font-size:14px;line-height:1.8em;color:#333;}
.productAdvantage img{margin-top:20px;}
.productAdvantage h2{height:34px;line-height:34px;text-align:center;font-size:18px;font-weight:bold}
.productAdvantage table td{padding:4px}
.productAdvantage table th{text-align:center}
.box{width:400px;height:476px;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s400, .tb-s400 a{height:400px;width:400px;}
.tb-s400, .tb-s400 img{max-height:400px;max-width:400px;}
.tb-s400 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.tb-box-descirption{width:340px;}
.tb-product-title{height:70px;font-size:24px;color:#444;line-height:32px;}
.tb-product-property {height:246px;line-height:28px;font-size:16px;color:#444;}
.tb-product-server{height:34px;font-size:16px;color:#444;font-weight:bold;}

#productDetail{line-height:30px;}
#productDetail h2 {float:left;width:100%;margin-top:10px;background:url(../images/index_product_titleBg.jpg) 0 100% repeat-x;}
#productDetail h2  img{float:left;}
#productDetail h2 span.product_h1_title{float:left;padding-top:26px;font:bold 26px/26px arial;color:#444;background-color:#fff;}
#productDetail h2 span.product_h1_tel{float:right;padding-top:26px;font:italic normal bold 18px/26px arial;color:#f60;}
#productDetail ol{float:left;font-size:18px;color:#444; line-height:2em}  
#productDetail ol li ul{padding-left:5em}


#productDetail td,#productDetail th{text-align:center;}
#productDetail th{font-weight:bold;}
#productDetail p{font-size:16px;color:#444;text-align:justify;text-justify:inter-ideograph;}

#formContainer{width:748px;border:1px solid #c7c7dd;background-color:#e8e8e8;text-align:center;}
#formContainer div.formContainer_title{font-size:26px;color:#444;}
#formContainer div.formContainer_title strong{font-size:32px;color:#f00;}
#formContainer div.formContainer_content{font-size:24px;color:#444;height:80px;line-height:80px;}
#formContainer div.formContainer_content select,#formContainer div.formContainer_content input{width:140px;font-size:14px;border:1px solid #000;}



#profileDetail h2{width:670px;height:48px;padding-left:80px;margin-top:20px;margin-bottom:10px;line-height:56px;background:url(../images/companyProfileTitleBg.jpg) no-repeat;font-size:20px;font-weight:bold;color:#e8340c;}
#profileDetail p{font-size:18px;color:#444;line-height:24px;margin-top:10px;color:#444;}

#newsList{width:708px;padding-left:20px;padding-right:20px;padding-bottom:20px;border:1px solid #ccc;}
#newsList ul li{padding-left:40px;padding-top:10px;padding-bottom:14px;border-bottom:1px dashed #ccc;}
#newsList ul li h2.news_title{height:36px;line-height:36px;font-size:18px;}
#newsList ul li h2.news_title a{color:#f60}
#newsList ul li div.news_description{color:#666;font-size:16px;line-height:18px;}
#newsList ul li.on{background:url(../images/newsListTip.jpg) 0 10px no-repeat;}
#page{text-align:center;font-size:16px;}

h1.list_title{font-size:26px;color:#444;font-weight:bold;margin-top:20px;}
div#newsSortList{width:704px;border:1px solid #ccc;padding-left:44px;}
div#newsSortList a{font-size:18px;height:44px;line-height:44px;color:#444;padding-right:30px;}
div#newsSortList a:hover{color:#f60;}

div#newsShow {border:1px solid #ccc;padding:10px;}
div#newsShow h2.newsShow_title{width:728px;line-height:36px;border-bottom:1px dashed #ccc;font-size:24px;text-align:center;}
div#newsShow div.newsShow_info{text-align:center;}
div.newsShow_content{font-size:16px;color:#444;line-height:24px;min-height:1354px}
div.newsShow_content strong{font-weight:bolder}
div.newsShow_content a:link{text-decoration:underline}
div#contactContent{background:url(../images/contactImg2.jpg) no-repeat right bottom;}
div#contactContent p{line-height:40px;}
/* tips  */
#serviceQQ{position:absolute;top:30px;right:0;}
.closeBtn{position:absolute;top:-10px;right:0}
#J_returnTop{display:none;}



#productDetail #sxxdTable td{text-align:left}
#productDetail #sxxdTable strong{font-weight:bold;color:#006fda} 
#productDetail #sxxdTable thead{text-align:center}

#frindLink a{color:#666}





