body{margin:0; padding:0;}
a{text-decoration:none}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
body,div,p,h3,h2,h1,li,a{font-family:"Microsoft YaHei",微软雅黑,""}
ul,li{list-style:none;margin:0;padding:0}
h2 img{margin-bottom:-13px}
h2 span.more{background:url(../images/more.gif) no-repeat right;padding-right:20px;margin-right:5px; cursor:pointer}
ul,li,p{padding:0;margin:0}

.f11{font-size:11px;}
.f12{font-size:12px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f30{font-size:30px;}
.green{color:#42b274}
.gray{color:#909090}
.content{width:1200px;height:auto;margin:0 auto;}
.pt40{padding-top:40px}

.head{width:100%;position:fixed;left:0;top:0;z-index:998}
#top{width:100%;height:40px;line-height:40px;background:#34ad6a;border-bottom:1px solid #e8e8e8;color:#fff}
#top .content{width:1200px;height:80px;margin:0 auto;font-size:14px;}
#top .welcome{background:url(../images/home.png) no-repeat left center;float:left;text-indent:35px}
#top .tel{background:url(../images/phone.png) no-repeat left center;float:right;font-size:18px;text-indent:35px}



#header{width:100%;height:90px;background:#fff;border-bottom:1px solid #ddd}
#header .content{width:1200px;height:80px;margin:0 auto}
#header #logo{float:left;width:444px;height:90px;background:url(../images/logo.gif) no-repeat left center}
#header #logotext{float:left;width:381px;height:90px;}
#header #right{background:url(../images/topphone.gif) no-repeat right bottom;width:255px;height:60px;float:right;margin-top:15px}
#header #right a{display:block;float:right;width:75px;height:22px;line-height:22px;font-size:12px;text-align:center;color:#b3b3b3;border:1px solid #e3e3e3}
#header #right a.choose{background:#00aeef;color:#fff;border:1px solid #00aeef}



<!--.nav{float:right;width:100%;height:42px; position:relative;background:url(../images/navbg.gif) repeat-x 0 0}-->
.nav{float:right;width:100%;height:42px; position:relative;background:#ebebeb}
.nav .first{ display:block;}


.nav li{ width:auto;height:42px;text-align:center;float:left; position:relative;font-size:15px;margin-right:1px}
.nav li .first-a{display:block;float:left;width:auto;width:145px;height:42px;text-align:center;line-height:42px;color:#919191;}
.nav li.active .first-a,.nav li.current .first-a{font-weight:bold;color:#fff;background:#00aeef}
.nav li .first-a:hover{font-weight:bold;color:#fff;background:#00aeef url(../images/hover.jpg) no-repeat}
.nav li .second{ position:absolute; left:0; width:145px; top:42px; display:none;z-index:999;padding:5px 0 10px 0;margin:0;background:#f8f8f8}
.nav li .second li{ font-size:12px;height:38px; width:80%;margin:0 auto;padding:0;line-height:38px; float:none; text-align:center;background:url(../images/arrow.png) no-repeat left 10px center;border-bottom:1px solid #e2edf3}
.nav li .second  a{padding:0;margin:0;color:#979797;display:block;}
.nav li .second li:hover{ background:#92d1e9;  color:#fff;}
.nav li .second li:hover a{font-size:12px; color:#fff;}


.indextitle{width:100%;color:#33a0e2;font-size:30px;line-height:40px;text-align:center;font-family:"Microsoft YaHei",微软雅黑,"";font-weight:400;margin:0;padding:0}
.line{width:1200px;height:1px;background:#00aeef;margin:40px 0 10px 0}
.bline{width:1005;border-bottom:1px solid #d6d6d6;}
.small{text-align:center;font-size:12px;color:#969696}
.learnmore{margin:30px auto}
.learnmore a{display:block;width:165px;height:32px;line-height:32px;color:#a5a5a5;margin:0 auto;border:1px solid #dedede;text-align:center;font-size:14px;color:#a5a5a5}
.learnmore a:hover{background:#92d1e9;color:#fff}

#done{width:100%;padding:40px 0 40px 0;background:#fff}
#done .content{width:1200px;height:auto;margin:0 auto;padding:10px 0 10px 0;overflow:hidden}
#done ul .sx{width:1px;height:320px;margin:0;float:left}
#done ul li{float:left;width:295px;height:280px;text-align:center;background:#fff;margin:20px 0 0 0;color:#34ad6a}
#done ul li h3{color:#2c65ce;padding:5px 0;margin:0;font-weight:400}
#done ul li .txt{font-size:12px;line-height:20px;color:#808080;padding:0 30px}
#done .content img {
    border: 1px #dddddd solid;
    padding: 3px;
}

#news{width:100%;padding:50px 0;background:#fafafa}
#news div.content{width:1200px;height:auto;margin:0 auto;overflow:hidden}
#done ul li a:link, a:hover, a:visited {
    color: #33a0e2;
}
#news div.fl,#news div.fr{height:auto;padding-top:20px}
.news{width:780px;overlfow:hidden;height:auto;clear:both;padding:0 0 0 40px }
.news ul{margin:0;padding:10px 0;}
.news li{height: auto;line-height: 34px;list-style:none;position:relative;border-bottom:1px solid #eeeeee}
.news li i{position:absolute;width:150px;display:block;left:0}
.news li h3{padding-left:150px;font-weight:100}
.news li h3 p{font-weight:100;color:#767676;font-size:12px;line-height:22px;padding:5px 0;margin:0}
.news li a{color:#40b9f0}
.news li span{position:absolute;color: #ccc;right:0;font-weight:100;font-size:14px}
.news .plist2 img {
    height: 200px;
    width: 200px;
}
#slogon{width:100%;padding:10px 0;background:#fafafa}
#slogon div.content{width:1200px;height:auto;margin:0 auto;overflow:hidden}
#desc {width:530px;color:#666666;}
#desca{width:530px;padding-right:140px;color:#666666;}
#slogon #pic{padding-right:205px;padding-top:40px;}
#slogon #pica{padding-top:20px;}
#slogon h4{color:#33a0e2;}


#tabbox{ width:630px; overflow:hidden; }
.tab_conbox{padding:10px 0}
.tab_con{ display:none;}
.tabs{height: 38px;border-bottom:1px solid #7cd3f4;width: 100%;text-align:center;position:relative}
.tabs span.more{position:absolute;right:0;line-height:38px;font-size:12px;color:#5bade5}
.tabs span.more a{color:#5bade5}
.tabs li{width:140px;height:38px;line-height:38px;float:left;border:1px solid #ddd;background:#bfbebe;overflow: hidden;}
.tabs li a {display: block;padding: 0 20px;color:#fff}
.tabs li a:hover {background:#7cd3f4;color:#fff}	
.tabs .thistab,.tabs .thistab a:hover{background:#7cd3f4;color:#fff}
.tabs .thistab a{color:#fff}

.nlist{margin:0;padding:10px 0;width:100%;height:auto;clear:both;border-bottom:1px solid #dcdcdc;overflow:hidden}
.nlist .imgbox{float:left;width:120px;}
.nlist .titlebox{float:left;width:340px;padding:10px 20px}
.nlist .titlebox a{color:#33a0e2;display:block;font-size:16px;}
.nlist .titlebox p{font-size:12px;color:#b6b6b6;padding:10px 0}

.nlist .timebox{float:right;width:80px;height:80px;text-align:center;font-size:40px;line-height:50px;color:#7cd3f4;border:1px solid #7dd4f4}
.nlist .timebox p{font-size:12px;line-height:30px;}

.nlist a:hover{text-decoration:underline}
.nlist a span{position:absolute;right:10px}


.vlist{width:500px;height:180px;padding:5px;overflow:hidden;position:relative;background:#fff;margin-bottom:10px}
.vlist p.imgbox{position:absolute;}
.vlist li{display:block;margin-left:10px;font-size:14px;padding-left:215px}
.vlist li a{color:#5baee5;line-height:36px;}


#about{width:100%;padding:20px 0;background:#fff;}
#about .content{width:1210px;height:auto;margin:0 auto;padding:20px 0 10px 0;overflow:hidden}
#about .left{float:left;background:url(../images/about.jpg) no-repeat;width:370px;height:300px;padding-left:330px }
#about .left p{color:#666666;line-height:25px;font-size:14px;padding:10px 0}
#about .right{float:right;width:330px;height:290px;background:url(../images/contact.jpg) no-repeat;padding-left:125px}
#about .right p{color:#666666;line-height:25px;font-size:14px;}

#custom{width:100%;padding:20px 0}
#custom .content{width:1200px;height:auto;margin:0 auto;padding:0;overflow:hidden}
#custom h2{display:block;width:115px;height:50px;line-height:50px;margin:0 auto;text-align:center;border-bottom:3px solid #33a0e2}
#custom .row{padding:20px 0}
#custom .row img{float:left;width:170px;margin:10px;display:inline;border:1px solid #ddd}
#custom .row span{float:left;width:155px;height:20px;margin:0px 8px;}


#link{width:1004px;margin:0 auto}

#foot{width:100%;height:200px;background:#37abd0;color:#c1e8f5;}
#foot div.content{width:1200px;margin:0 auto;padding-top:25px}
#foot div.wx{width:160px;}
#foot div.wx img{margin-top:30px}
#foot div.addr{width:270px;}
#foot p{padding:0;margin:0;font-size:12px}
#foot .tip{font-size:18px;color:#c5e9f7;padding-top:10px}
#foot .phone{font-size:25px;color:#c1e8f5}
#foot .phone2{color:#c5e9f7;}
#foot .dz{width:250px;padding:5px 0;color:#c5e9f7}
#foot div.fr{width:750px;color:#fff;padding:0 0 0 20px}
#foot div.fr ul{}
#foot div.fr ul li{float:left;width:185px;text-align:center;color:#dbf0f7;}
#foot div.fr ul li p{line-height:40px;font-size:13px;font-weight:bold;background:url(../images/blockico.png) no-repeat left center;padding-left:10px;border-bottom:2px solid #e4e4e4}
#foot div.fr ul li a{width:100%;font-size:12px;color:#daf0f6;display:block;line-height:30px}

#foot a{color:#b1c5cd}
#foot a:hover{text-decoration:underline}

#copy{width:100%;background:#0079a0;color:#dddddd;text-align:center;font-size:12px;line-height:40px;height:40px;}



#center{width:100%;height:auto;overflow:hidden;margin:0;padding:0;}
#center .nybanner{width:100%;height:228px;overflow:hidden;margin:0;padding:0;margin-top:130px;position:relative}
#center .nybanner .bg{position:absolute;z-index:1;width:100%;height:228px;top:0;left:0}
#center .lefttitle{position:relative;width:1200px;height:228px;line-height:50px;margin:0 auto;border-top:2px solid #55cffd;}
#center .lefttitle h2{position:absolute;bottom:0;left:0;z-index:2;width:320px;height:50px;padding:0;margin:0;font-weight:100;color:#a0e3f9;font-size:20px;background:#00aeef;}
#center .lefttitle h2 i{display:block;background:url(../images/titleico.png) no-repeat center right 5px;width:60px;height:50px;float:left;}
#center .lefttitle h2 span{padding-left:10px;line-height:25px}
#center div.content{width:1200px;min-height:600px;height:auto;overflow:hidden;margin:0 auto;padding:0 20px;position:relative}
#center div.n_left{width:320px;height:auto;min-height:400px;background:#f8f7f7;}
#center div.n_right{width:850px;height:auto;overflow:hidden;padding:10px 0 0 0}
.title_wz{width:100%;height:50px;text-indent:10px;font-size:14px;color:#838383;line-height:50px;border-bottom:1px solid #c8c8c8;position:relative;background:url(/images/title.gif) no-repeat left center}
.title_wz span{position:absolute;right:0;top:10px;color:#0067ac;font-size:12px;font-weight:normal}
.title_wz a{color:#0067ac;}


.cssTable td p {
    padding: 0;
    margin: 0;
}
.newscontent{padding: 20px 20px;line-height:35px;color:#666666;}
.newscontent p{padding:10px 0}
table.cusContentA {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.newscontent p .span1 {
    color: #ff0000;
}
table.cusContentA td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 2px 2px 6px;
}

table.cusContentB {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin:25px 0 0 0;
}
table.cusContentB td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

table.cusContentC {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
table.cusContentC td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.faq{width:780px;overlfow:hidden;height:auto;clear:both;padding:0 0 0 40px }
.faq ul{margin:0;padding:10px 0;}
.faq li{height: auto;line-height: 34px;list-style:none;position:relative;border-bottom:1px solid #eeeeee}
.newscontent img {
    border: solid #ddd 1px;
}

table.cssTable {
    border-top: 1px #ddd solid;
    border-right: 1px #ddd solid;
}
table.cssTable td {
    border-bottom: 1px #ddd solid;
    border-left: 1px #ddd solid;
}
table.cssTable .b {
        font-weight: bold;
    background-color: #9ABBCD;
    color: #ffffff;
}
table.cssTable td {
    padding: 2px;
}

.faq li h3 p{font-weight:100;color:#767676;font-size:12px;line-height:22px;padding:5px 0;margin:0}
.faq li a{color:#069dd6}
.faq li span{position:absolute;color: #ccc;right:0;font-weight:100;font-size:14px}
table.cssTable td {padding: 4px;}
.cssTable td p {line-height: 25px;}

.page{ padding:20px 0; text-align:center;width:100%;display:block;height:auto; overflow:hidden;font-size:12px}
.page a{ display:inline-block; *display:inline; zoom:1; height:20px; padding:0 10px; line-height:20px; border:1px solid #dfdfdf; color:#333; margin:0 3px;}
.page a:hover,.page a.cur{ background:#40b9f0; color:#fff;}
.page span{height:20px;padding:0 10px; line-height:20px;border:1px solid #dfdfdf; color:#333;margin:0 3px;}

#newstitle{width:200px;height:50px;margin:20px 0 0 10px ;background:url(/images/newstitle.jpg) left center no-repeat}
.leftmenu{padding:50px 0;margin:0 auto;width:260px;}
.leftmenu a{color:#00aeef}
.leftmenu li{list-style:none;width:260px;height:50px;line-height:50px;text-align:center;border-bottom:1px solid #d2d2d2; display:block;}
.leftmenu li.choose{background:#9abbcd;color:#e1e8ec;}
.leftmenu li.hover{background:#9abbcd;color:#e1e8ec;}
.leftmenu li.choose a,.leftmenu li.hover a{color:#FFF}

#contact{width:200px;height:50px;margin:20px 0 0 10px ;background:url(/images/contact.jpg) left center no-repeat}
#abouttitle{width:200px;height:50px;margin:20px 0 0 10px ;background:url(/images/about_title.jpg) left center no-repeat}
#producttitle{width:200px;height:50px;margin:20px 0 0 10px ;background:url(/images/product_title.jpg) left center no-repeat}

.plist2{margin:0;padding:0;width:820px;height:auto;padding:10px 0;overflow:hidden}
.plist2 li{float:left;list-style:none;width:400px;height:220px;text-align:center;margin:10px 10px 0 0;border:none}
.plist2 li .line{margin:0 auto}
.plist2 li h3{display:block;font-size:16px;line-height:40px;text-align:center;padding:0;margin:0}
.plist2 .txt{font-size:12px;padding:5px 10px;line-height:20px}
.proImg {float: left;width: 200px;height: 200px;border: 1px #dddddd solid;padding: 5px;}
.proIntro {width: 175px;height:205px;float: right;text-align: left;border: 1px #dddddd solid;padding: 5px 0 0 5px;font-size: 9pt;line-height: 20px;}

.nlist .timebox{float:right;width:80px;height:80px;text-align:center;font-size:40px;line-height:50px;color:#7cd3f4;border:1px solid #7dd4f4}
.nlist .timebox p{font-size:12px;line-height:30px;}

.p_head{width:100%;padding:20px 0;text-align:center;font-size:14px;}
.p_head h3{font-size:30px}
.share{width:100%;padding:20px 0 30px 0}
.prenext{width:100%;border-top:1px solid #ddd}
.prenext p{float:left;width:50%;}

.floatBg {background-image: url(../images/chat/floatBg.jpg);background-repeat: repeat;}
.floatContent {text-align: center;vertical-align: 50%;height: 35px;background-image: url(../images/chat/floatBg.jpg);background-repeat: repeat;}
.floatLineBg{line-height: 2px;background-image: url(../images/floatLine.jpg);background-color: #000;}
.floatBottom {line-height: normal;vertical-align: bottom;height: 30px;background:url(../images/chat/floatBottom.jpg) no-repeat bottom}

.p_content{width:1000px;display:block;height:auto;overflow:hidden;}
.p_content li{float:left;display:block;list-style:none;width:175px;height:200px;text-align:center;margin:10px 10px 0 0}

.pmenu{width:100%;background:#f2f2f2;height:35px;line-height:35px;text-align:center}
.pmenu{margin:0;padding:0}
.pmenu ul{width:50%;margin:0 auto}
.pmenu li{display:block;padding:0 10px;color:#666;margin:0 10px;float:left;line-height:35px}
.pmenu li:hover{color:#fff;background:#FF0000;}
.pmenu a,.pmenu a:visited{color:#666}
.pmenu a:hover{color:#fff;}
.pmenu ul li.choose{color:#fff;background:#FF0000;}
.pmenu ul li.choose a{color:#fff}
.pmenu li:hover a{display:block;width:100%;height:100%;line-height:35px;color:#ffffff}
.pcon .title_wz{width:98%}

.cusContent .title {    font-size: larger;    color: #ff0000;}
.cusContentA .title {    font-size: larger;    color: #ff0000;}
.cusContentB .title {    font-size: larger;    color: #ff0000;}
.cusContentC .title {    font-size: larger;    color: #ff0000;}
.cusContent {    font-size:larger;}

#productBigPic img {
    width: 500px;
    height: 500px;
    border: 1px solid #dddddd;
    padding: 5px;
}
#productBigPic {
    text-align: left;
    width: 530px;
    float: left;
}
#productDetails {
    border: 1px solid #dddddd;
    width: 260px;
    float: right;
    height: 500px;
    padding: 5px;
}