﻿/* CSS Document */
/* =======css reset======= */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, big, em, font, img, strong, tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td{ padding: 0; margin: 0;}
fieldset{ border:0;padding:0; margin:0; list-style:none;}
button,input,select,textarea{ font-size:12px;}
h1, h2, h3, h4, h5, h6 {  margin:0; padding:0}
body {font-family:Verdana,"宋体"; font-size:12px; text-align:center;}
a {text-decoration:none; color:Black}
.right{ float:right}
ul,li{list-style:none}
.paddingtop{ padding-top:8px; float:left}
.hide{ display:none}

.container{ width:980px; height:200px; text-align:left; margin:0 auto;}

.container .top{ width:980px; height:90px; float:left; position:relative}
.container .top .logo{ float:left}
.container .top .register{ float:right; width:200px; height:24px; text-align:right; margin-top:20px; margin-right:10px; }
.container .top .register a{color:#999999;}
.container .top .register a:hover{color:#005299;}

.container .top .user{float:right; height:24px; text-align:right; margin-top:20px; margin-right:10px; position:relative;z-index:100; cursor:pointer; color:#888888;}
.container .top .user a{color:#888888;}
.container .top .user a:hover{color:#ff6000;}
.container .top .yhxx{ width:68px; float:left; position:absolute; left:-3px; top:20px; border:solid 1px #c9c9c9; background-color:#fff;}

.container .top .yhxx li{ width:63px; height:22px; float:left; text-align:left; border-bottom:solid 1px #c9c9c9; line-height:20px; padding-left:5px; color:#0000cc;}
.container .top .yhxx a{ text-decoration:none}
.container .top .yhxx li:hover a{ color:#ff6000}

.container .top .wxpt{ position:absolute; right:0; top:2px; width:90px; height:90px}

/*导航*/
.container .nav{ width:980px; height:48px; float:left; position:relative;overflow:hidden; padding-bottom:5px; }
.container .nav ul{ float:left; width:980px; height:48px; background:url(../images/nav_bg.gif) repeat-x; line-height:42px; font-size:14px; font-weight:bold; }
.container .nav ul li{ float:left; display:inline; width:95px; height:48px; text-align:center;}
.container .nav ul li a{ float:left;height:48px; width:95px;color:#fff;}
.container .nav ul li a:hover,.container .nav ul li a.hover{ background:url(../images/nav_bg_hover.png) no-repeat 0 4px;}
.container .nav ul .on a{ background:url(../images/nav_bg_on.gif) repeat-x;}
.container .nav .zyj{ position:absolute; top:0; left:0; z-index:100}
.container .nav .yyj{ position:absolute; top:0; right:0; z-index:100}

--.container .nav #index{ background:url(../images/chromebg_hover.gif) repeat-x}

/*对联广告*/
#couplet1,#couplet2{width:100px;height:230px; overflow:hidden; }
#couplet1 span,#couplet2 span{ float:right; text-align:right; position:absolute; right:0; top:215px; cursor:default; width:100%; height:15px; line-height:15px; background-color:#ccc}

/*弹出式客服*/
.lykf{ position:absolute; z-index:1000; width:190px; display:none}
.kf{ width:152px; height:300px; float:left; border:solid 1px #ccc; background-color:#fff}
.kf .title{ width:152px; height:30px; line-height:30px; font-weight:bold; font-size:14px; background-color:#f2f2f2}
.kf .qq{ width:142px; height:25px; line-height:20px; float:left;}
.kf .qq a{ float:left; padding-left:10px;}
.kfbtn li{ width:32px; height:140px; float:left; margin-top:50px; background: url(../images/kfbtn.gif) no-repeat; }

/*Flash产品展示*/
.container .flashshow{ width:980px; height:300px; float:left; display:inline; position:relative; }

.container .lxfs{ width:980px; height:30px; margin-top:5px; float:left; background:url(../images/xw_title.gif);  font-weight:bold; line-height:30px; text-indent:10px; color:#fff}
.container .lxfs span{ color:#5e5e5e; margin-left:60px; font-size:12px; font-weight:bold;}

/*首页广告位*/
.container .Product{ width:980px; margin-top:5px; float:left; background-color:#fff;}
.container .Product div{width:314px; height:450px; border:solid 1px #e6e6e6}
.container .Product div:hover{ border:solid 1px #ccc}
.container .Product .cp_l{ float:left; margin-right:15px; }
.container .Product .cp_r{ float:right; }
.container .Product div span{ width:290px; float:left; padding:0 10px; line-height:20px; color:#666; }

/*封底*/
.container .buttom{ width:980px; float:left; text-align:center; padding:10px 0; border-top:solid 1px #ccc; margin-top:10px; padding-bottom:30px;}

/*banner*/
.banner{ width:980px; float:left; display:inline; padding:5px 0;}
#banner_l{ width:198px; float:left; margin:7px 0 10px 0; overflow:hidden; border:solid 1px #ccc}
#banner_productview{ width:750px; float:left; overflow:hidden}
#banner_Agency{ float:left; padding:5px 0;}
#banner_solution{ padding:0 0 10px 0; float:left;}

/*当前位置*/
.position{ width:100%; height:30px; line-height:30px; float:left; border-bottom:solid 1px #ccc; text-indent:10px; background-color:#f2f2f2; }
.position a:hover{ color:#ff0000;}

/*自有产品*/
.productshow{width:980px; float:left; padding-top:10px; }

.bor{float:right; width:765px;}
.productsort{ width:765px; height:15px; padding:12px 0 20px; background:url("../images/pro_dw.gif") repeat-x scroll center bottom transparent;  word-spacing: 10px; text-indent:15px;}
.productsort a:hover{ color:#ff0000; text-decoration:underline}

/*解决方案，客服案例*/
.bor .content{ border:solid 1px #ccc; background-color:#fff; width:723px; padding:20px; float:left}
.others .tit_j{ width:200px; float:left; padding-top:10px; }
.others .tit_j li{ float:left; width:170px; padding-left:30px; line-height:25px;background:url("../images/hongxing.gif") no-repeat scroll 15px 7px transparent}

.solutionlist { width:725px; padding:20px; float:left;}
.solutionlist .slist { width:725px; float:left; border-bottom:dashed 1px #ccc; padding:20px 0;}
.solutionlist .slt{ border:solid 1px #ccc; width:150px; float:left;}
.solutionlist .slt img{ width:146px; height:90px; padding:2px; float:left}
.solutionlist .info{ width:550px; float:right;}
.solutionlist .title{border:solid 1px #e6e6e6; width:550px; height:25px; background-color:#fbf3d4; line-height:25px; font-weight:bold; text-indent:10px;}
.solutionlist .title span{ width:400px; float:left;}
.solutionlist .title a{ font-weight:normal; font-size:12px; text-decoration:none; color:#3F3307; float:right; padding:0 10px;}
.solutionlist .Zhaiyao { width:550px; height:100px; line-height:20px; float:left; padding:20px 0; color:#505050}

.caselist { width:725px; padding:20px; float:left;}
.caselist .slist { width:725px; float:left; border-bottom:dashed 1px #ccc; padding:20px 0;}
.caselist .slt{width:150px; float:left;}
.caselist .slt img{ width:148px; height:90px;}
.caselist .info{ width:550px; float:right;}
.caselist .title{ width:550px; height:20px; line-height:20px; font-weight:bold; }
.caselist .title span{ width:400px; float:left;}
.caselist .xq a{ font-weight:normal; font-size:12px; text-decoration:none; color:#009cff; float:right; padding:0 10px;} 
.caselist .Zhaiyao { width:550px; height:100px; line-height:20px; float:left; color:#505050}

/*自有产品详细页面*/
.productview{ width:960px; float:left; display:inline; padding:10px 10px; background-color:#f6f6f6;}
.productview .bor_product{ float:right; width:750px; }
.productview .bor_product .content{ width:748px;border:solid 1px #e6e6e6; float:left; background-color:#fff}
.productview .bor_product .content .contentpadding{ width:730px; padding:9px; float:left; }
.productview .bor_product .content .contentpadding ul li {list-style:disc}
.productview .bor_product .pname{ width:100%; height:30px; line-height:30px; text-indent:25px; color:#295394; font-size:13px; font-weight:bold; background:url("../images/nav-title.gif") no-repeat }

/*侧边栏*/
.others{ width:198px; padding-bottom:20px; float:left; display:inline; border:solid 1px #ccc; margin-bottom:4px; background-color:#fff; overflow:hidden}
.broadside{ width:198px; padding-bottom:20px; float:left; margin-top:4px;}
.others .title{ width:198px; height:32px; float:left; background:url("../images/pro_dw.gif") repeat-x; line-height:32px; text-indent:20px; border-top:solid 1px #fff; font-size:13px; font-weight:bold; border-bottom:solid 1px #2686f3 }
/*新闻，分类*/
.news .xwfl,sort_left{ width:200px; float:left;display:inline; }
.others .tit_c{ width:200px; float:left; padding-top:10px; }
.news .others .tit_c li{ float:left; width:170px; padding-left:30px; line-height:25px;background:url("../images/hongxing.gif") no-repeat scroll 15px 7px transparent}
.others .tit_c li a{ color:#295394;}
.others .tit_c li a:hover{ color:#000}


/*推荐产品*/
.otherspic{ float:left; width:200px;}
.otherspic li{ width:80px; height:80px; padding:10px 10px; float:left; position:relative;}
.otherspic img{ width:80px; height:60px; float:left}
.otherspic span{ width:80px; line-height:20px; float:left}

.sort_left{ float:left; width:200px; list-style:none}
.sort_left .tit_c li{ float:left; width:170px; padding-left:30px; line-height:25px;}
.sort_left li.fl{ width:150px; height:20px; line-height:20px; float:left; background-color:#ff0000; padding-left:25px; font-size:13px; font-weight:bold; color:#3d507d; background:url("../images/dian.gif") no-repeat scroll 15px 6px transparent}

.productlist{ width:765px;float:left; line-height:20px; padding:20px 0; }
.productlist .picshow { width:200px; height:140px; padding:0 10px; float:left; }
.productlist .picshow img{ width:200px; height:140px; float:left; border:solid 2px #e2e2e2}
.productlist .sinfo{ width:520px; float:left; padding:0 10px;}
.productlist .sinfo .title{ width:520px; height:30px; line-height:30px; float:left;font-size:14px;}
.productlist .sinfo .title span a{ color:#295394}
.productlist .sinfo .info{ width:520px; float:left; color:#666;}

.otherspic li .tjico{ position:absolute;top:43px; left:63px; width:27px; height:27px; background:url("../images/tjico.gif"); clear:left}

/*代理产品*/
.Agencyproductlist{ width:770px; padding-bottom:50px; border:solid 1px #ccc; float:left;display:inline; background-color:#fff; border-top:solid 3px #2686f3;}
.Agencyproductlist ul{ float:left; display:inline; width:235px; height:200px; margin-top:15px;margin-left:17px;}
.Agencyproductlist ul .pic { width:220px; height:150px; float:left; display:inline; border:solid 1px #ccc}
.Agencyproductlist ul .pic:hover{ border:solid 2px #CB1010}
.Agencyproductlist ul .pic img{ width:130px; height:90px; padding:30px 45px; float:left}
.Agencyproductlist ul .name{ width:220px; height:30px; float:left; line-height:30px; text-align:center}
.Agencyproductlist .pname{ width:100%; height:30px; line-height:30px; text-indent:25px; color:#295394; font-size:13px; font-weight:bold; background:url("../images/nav-title.gif") no-repeat }
.Agencyproductlist .contentpadding{ width:710px; padding:20px; float:left}

.Agencysort{ width:770px; height:30px; line-height:30px; float:left; border:solid 1px #ccc; }
.Agencysort li{ float:left; padding:0 15px; border-right:solid 1px #ccc}
.Agencysort li.on a{ color:#cb0e0f;}
.Agencysort li a:hover{ color:#ff0000; text-decoration:underline}

.Agencyright { float:right; width:200px; margin-top:5px;}

.parameter{ width:978px; height:280px;float:left;display:inline;border:solid 1px #ccc;border-top:solid 3px #2686f3;margin-top:5px;}
.parameter .pic{ width:220px; height:160px; padding:30px 90px; margin-top:30px; float:left; display:inline; border-right:dashed 1px #ccc}
.parameter .pic img{ width:215px; height:160px; float:left; }
.parameter .info{float: left; padding: 30px 0 0 30px; width: 540px;}
.parameter .info h2{ color:#2686f3; font-size:18px; padding-bottom:10px;}
.parameter .info li{ background: url("../images/landian.gif") no-repeat scroll left 8px transparent; color: #666666; line-height: 20px; padding-left: 15px;}
.parameter .info .infolist{height:185px; overflow:auto}

.panel{ width:980px; float:left; margin-top:10px;}
.panel .title{ width:100%; height:30px;float:left; display:inline; border-bottom:solid 3px #2288d5}
.panel .title li{ float:left; width:167px; line-height:30px; background-color:#2686f3; text-align:center; font-size:14px; color:#fff; font-weight:bold; background:url(../images/tab_on.gif)}
.panel .info{ float:left; width:958px; height:500px; padding:10px; border:solid 1px #ccc}


/*关于我们*/
.nav_about{ width:980px; float:left;background-color:#f9f9f9}
.nav_about .left{ width:130px; float:left; margin-top:20px; background-color:#93d4f7; border:solid 1px #3cb6f6}
.nav_about .left li{ float:left; position:relative; width:130px; height:45px;}
.nav_about .left li a{ width:160px; height:45px;  float:left; position:absolute; top:0; left:2px; z-index:10; line-height:45px; text-indent:30px; color:#fff; font-size:14px;}
.nav_about .left li a:hover{ text-decoration:underline}
.nav_about .left .on a{ background:url(../images/titlebg.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/titlebg.png');/*IE6*/ _background-image:none; /*IE6*/}
.nav_about .title{margin-top:20px; width:800px; height:30px;float:right; display:inline; border-bottom:solid 3px #2288d5}
.nav_about .title li{ float:left; width:167px; line-height:30px; background-color:#2686f3; text-align:center; font-size:14px; color:#fff; font-weight:bold; background:url(../images/tab_on.gif)}
.nav_about .ban{ width:980px; float:left;}
.nav_about .info{ width:760px; float:right; padding:20px; line-height:20px; background-color:#f1f1f1 }

.nav_about .aboutleft{ width:180px; float:left;}
.nav_about .aboutright{ width:800px; float:left;}

/*新闻动态*/
.news{ width:960px; float:left; display:inline; padding:10px 10px; background-color:#f6f6f6;}

/*列表左*/

.news .columnName{ width:730px; height:30px;padding:0 10px; line-height:30px; float:left; color:#ff6600; }
.news .columnName strong{font-size:14px;background:url("../images/lamp.png") no-repeat; padding-left:20px;}
.news .alllist{ width:730px;padding:0 10px; float:left; line-height:30px; font-size:13px; padding-bottom:30px;}
.news .alllist li{ padding-left:20px; float:left; width:670px;}
.news .alllist a{color:#295394; float:left}
.news .alllist small{ float:right}

.news .xwlb{ width:750px; float:right; display:inline; background-color:#fff; padding-bottom:10px;}
.news .xwlb .xwbox{width:730px; height:170px;padding:0 10px; float:left; display:inline; }
.news .xwlb .xwbox .title{ width:720px; height:30px; float:left; display:inline; line-height:30px; border-bottom:solid 3px #e5e5e5}
.news .xwlb .xwbox .title span b{ width:620px; height:30px; line-height:30px; font-size:14px; float:left; }
.news .xwlb .xwbox .title big a{ float:right; color:#E60013; font-size:12px; }
.news .xwlb .newslist{ width:730px; height:110px; float:left; padding:10px 0; border-bottom:dashed 1px #ccc}
.news .xwlb .newslist .pic{ width:220px; float:left}

.news .gdxw { width:730px; height:170px; float:left; padding-top:20px; overflow:hidden}
.news .gdxw .pic{ width:730px; float:left; }
.news .gdxw img{ width:150px; height:90px; float:left}
.news .gdxw li{ float:left; width:150px;margin-left:10px;}
.news .gdxw ul li a{ text-align:center; width:150px; float:left; cursor:pointer}

.news .xwcontent .title{ width:730px; height:30px; padding:5px 10px; float:left; display:inline; line-height:30px; text-align:center; }
.news .xwcontent .title span b{ width:730px; height:30px; line-height:30px; font-size:16px; float:left; }
.news .xwcontent .title big a{ float:right; color:#E60013; font-size:12px; }
.news .xwcontent .from{ color:#999; height:30px; line-height:30px; text-align:center;}
.news .xwcontent .content{ width:700px; padding:30px 10px; float:left; line-height:30px; color:#666}

.news .xwlb .newslist .top5{ line-height:22px; float:left; width:480px}
.news .xwlb .newslist .top5 a{ color:#295394; float:left}
.news .xwlb .newslist .top5 a:hover{ color:#d3120a; text-decoration:underline; float:left}



/*分页*/
.pagebox{font-size:12px;line-height:200%;font-weight:normal;}
.flickr {padding:0px;margin:0px; text-align:center; font-family:Verdana; font-size:12px; }
.flickr a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none}
.flickr a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de}
.meneame a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de}
.flickr span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px}
.flickr span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px}
