﻿/* CSS Document */

/*关于我们*/
.about_ad{ height:260px; margin-top:-5px;}
.about_bj{}
.about_right{ float:left; width:750px;margin-top:20px; margin-left:30px;}
.db_title{ float:left; width:204px; height:38px; margin-top:10px; margin-bottom:12px; border-left:4px solid #0c65c1; padding-left:15px; font-family:"微软雅黑";}
.db_title span{ font-size:12px; color:#999;}
.db_title h2{ font-size:18px;}
.fl {float: left;}
.left_1 {margin-top:50px;}

.about_left{float:left; width:204px;margin-top:20px; margin-left:15px;display:inline; background:url(../images/list.jpg) no-repeat right top;}
.about_list{ float:left;}
.about_list li{float:left;width:204px; height:36px; line-height:36px;border-bottom:1px solid #dfdfdf;}
.about_list li a{display:block; font-family:"微软雅黑"; font-size:14px; color:#333; padding-left:34px;}
.about_list li a:hover{background:#066ec2; color:#fff;}
.about_list li a:hover,a.hover{background:#066ec2; color:#fff;}
.about_list li a.hover{ color:#fff;}
.about_add{float:left; width:166px; height:60px;margin-top:100px; margin-bottom:15px;} 
.about_add2{float:left; width:166px; height:60px;margin-bottom:20px;} 
.ar_title{ float:left; width:740px;height:36px; border-bottom:1px solid #ddd; margin-left:5px; margin-bottom:20px;}
.ar_biaoti{ float:left;height:36px; border:none; font-family:"微软雅黑";}
.ar_biaoti h2{ color:#066ec2; font-size:16px; line-height:36px;}
.ar_biaoti a{ color:#066ec2; font-size:16px; line-height:36px;}
.ar_biaoti a:hover{ color:#066ec2;}
.ar_biaoti2{ float:right;height:36px; line-height:36px; font-family:"宋体";}
.ar_biaoti2 a{color:#0062b2; font-size:12px;}
.ar_biaoti2 a:hover{ color:#066ec2; text-decoration:underline;}
.dqsy {height:36px; line-height: 36px;color: #666;text-transform: capitalize;font-family: '宋体';
       background: url(../images/dqsy.png) left center no-repeat;padding-left: 20px;margin-right: 10px;}

.pro_left{ float:left;}
.h_nav{ width:210px; margin:0 auto; border-top:1px solid #ccc; padding-bottom:10px;}
.h_nav a.active {color: #066ec2;font-weight: bold;}
.h_nav li{ line-height:35px;}
.h_nav li a{ display:block; font-family:"微软雅黑"; padding-left:25px;line-height:35px; color:#333;  font-size:14px;}
.h_nav li a:hover,.h_nav li a.hover{background:#066ec2; color:#fff;}
.h_nav li a.hover{ color:#fff;}
.h_nav li ul li {padding-left:20px;border-bottom:1px solid #dfdfdf;}
.h_nav li ul li a {display:block; font-family:"微软雅黑"; color:#333;  }
.h_nav li ul li a:hover {background:url(""); color:#333;}

/*--uptext--*/
.kefuren{ float:right; margin-left:20px; margin-bottom:20px;}
#uptext{clear:both;line-height:24px;color:#555555; padding:20px 0; margin-bottom:10px; font-size:14px;font-family:"微软雅黑";}
#uptext .bt{font-family:"微软雅黑"; font-size:18px; text-align:center; color:#0c65c1}
#uptext .zz{ line-height:30px; text-align:center; margin-bottom:10px; color:#999; font-size:12px}

/*--用户体验--*/
.yonghu{ clear:both; margin-top:10px; border-top:1px solid #ccc; padding:10px;}
.fanye{ float:left; width:400px;}
.fanye a{ color:#0c65c1;}
.fanye a:hover{color:#0c65c1; text-decoration:underline}
.fenxiang{ float:right;}
.qq{clear:both; margin-top:30px; margin-bottom:20px;}
.qq a{float:left;}

/*实力展示*/
.shili_list{ overflow:hidden;}
.shili_list li{ float:left; width:220px; margin-left:15px; margin-bottom:40px; text-align:center; font-family:"微软雅黑"; font-size:14px;}
.shili_list li img{ width:220px; height:168px; border:1px solid #ddd;}
.shili_list li p{ line-height:30px;}
.shili_list li a{ display:block;width:180px; height:168px; border:1px solid #FFF; color:#555}
.shili_list li a:hover{color:#0a4797}


/*CSS quotes style pagination*/
DIV.quotes { clear:both; padding-top:30px;MARGIN:3px;TEXT-ALIGN:center}
DIV.quotes A{BORDER:#ddd 1px solid; font-size:14px; PADDING:2px 5px; COLOR:#aaa; MARGIN-RIGHT:4px;TEXT-DECORATION: none; background:#fff;}
DIV.quotes A:hover {BORDER:#a0a0a0 1px solid;PADDING:2px 5px;MARGIN-RIGHT: 4px;}
DIV.quotes A:active {BORDER:#a0a0a0 1px solid; PADDING:2px 5px; MARGIN-RIGHT:4px; }
DIV.quotes SPAN.current{BORDER:#0c65c1 1px solid;font-size:14px; PADDING:2px 5px; FONT-WEIGHT:bold; COLOR: #FFF; MARGIN-RIGHT:4px; BACKGROUND-COLOR: #0c65c1}
DIV.quotes SPAN.disabled {BORDER:#ddd 1px solid; PADDING:2px 5px; COLOR:#ccc; MARGIN-RIGHT:4px; background:#fff;}


/*--new--*/
#newlist ul li{ clear:both; border-bottom:1px dashed #ccc; height:120px;}
#newlist li{ margin-bottom:15px;s}
#newlist .img{float:left; width:120px; height:90px; padding:5px; border:1px solid #ddd; margin-right:20px;}
#newlist .text{ float:left; width:560px; margin-left:10px; display:inline; color:#888888}
#newlist .text h2{color:#0c65c1; font-size:14px;}
#newlist .text h2 a{ display:block; font-weight:600; color:#0c65c1;background:url(../images/ico3.png) 0 7px no-repeat; padding-left:15px; }
#newlist .text h2 a:hover{ text-decoration:underline}
#newlist .text .miaoshu{ padding-top:5px; padding-left:15px; line-height:18px;}
#newlist .text .miaoshu a:hover {color: #0c65c1;
    }
#newlist .rq{font-family: "宋体"; color:#333; padding-left:15px}
#newlist h3{font-size:13px; color:#444444;padding-bottom:5px;padding-left:15px;}
.liuyan_text{background-color: #ffffff;
border: 1px solid #bbbbbb;
-webkit-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.175);
-moz-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.175);
box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.175);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
border-radius: 4px;
line-height:28px;
width:280px; padding-left:10px; color:#666; height:28px;
}
.liuyan_neirong{background-color: #ffffff;
border: 1px solid #bbbbbb;
-webkit-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.175);
-moz-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.175);
box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.175);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
border-radius: 4px;
height:90px;
width:380px;
}
.liuyan_bot{ display:block; width:72px; line-height:30px; border:0; background:#0c65c1; border-radius: 4px; color:#FFF; font-size:14px; margin-top:10px;}



/*产品展示*/
.product{ overflow:hidden;}
.product li{ float:left; width:175px; margin-right:10px; margin-top:10px; text-align:center;margin-bottom: 15px;}
.product li img{ width:170px; height:128px; border:1px solid #ddd;}
.product li img:hover{ border:1px solid #0a4797;}
.product li p{ width:172px;line-height:38px; background:#313131; color:#fff;}
.product li p:hover{ background:#0060c6;}
.product li a{ display:block;width:170px; height:165px;color:#555}
.product li a:hover{color:#0a4797;}

/*合作伙伴*/
.hezuo{ overflow:hidden;}
.hezuo li{ float:left; width:175px; margin-right:10px; margin-top:10px; text-align:center;}
.hezuo li img{ border:1px solid #ddd;}
.hezuo li img:hover{ border:1px solid #0a4797;}
.hezuo li p{ line-height:30px;}
.hezuo li a{ display:block;width:170px; height:65px; color:#555}
.hezuo li a:hover{color:#0a4797;}

/*--荣誉--*/
.uptext_2{padding: 20px 0 0 50px;}
.uptext_2 ul li { margin-bottom:20px;
float: left;
width: 150px;
padding-right:20px;
}
.uptext_2 ul li h2 {
margin-top: 5px;
color: #555;
font-size: 12px;
font-family: "宋体";
text-align: center;}


/*--产品详细页面--*/
#product{padding:0px 0 0 20px; }
#preview {
float: left;
width: 380px;
margin-top: 10px;}
.probar {
    padding: 10px 0 0;
}
.probar_left {
    width: 392px;
}
.probar_right {
    height: 392px;
}
.probar_right li {
    border: 0 none;
}
.probar_right li h1, .probar_right li h3 {
	border-bottom:1px dashed #eee;
}
#tagContent_ {
    border: 1px solid #eee;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #eee;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #eee;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.probar_right ul {
    padding: 0 0 0 15px;
}
.probar_right ul li {
    padding: 0 0 0 10px;
}
.probar_right ul li h1,.probar_right ul li h3{ font-size:12px; text-align:left; font-weight:100; font-family:"宋体"; line-height:30px;}
.inp, .textarea {
    border: 1px solid #eee;
    color: #686868;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}
#xg_news{}
#xg_news h3,.content h3,#xg_pic h3{ height:30px; line-height:30px; color:#fff; text-indent:30px; background:url(../images/arc2.jpg) no-repeat 10px center #066ec2;}
#xg_news ul li {
    background: url("../images/arc.jpg") no-repeat scroll 7px center transparent;
    border-bottom: 1px dashed #eee;
    float: left;
    line-height: 30px;
    padding: 0 1% 0 3%;
    width: 46%;
}


#marquee { overflow: hidden;padding: 10px 0;position: relative;width: 100%;padding-left:15px;}
#marquee img { border:1px solid #ddd;}
#marquee dl, #marquee dt, #marquee dd, #marquee a { margin-right: 10px;
    float: left;
    padding: 0;
    text-align: center; color:#555;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 24px;
    width: 162px;
}
#marquee dl dt a:hover { color:#066ec2; text-decoration:underline;}
#marquee a {
    line-height: 24px;
}

#marquee dl {width: 1000%;}
.probar {
padding: 10px 0 0;}

.textareaConte {
margin-top:5px;
border: 0px none;
overflow: hidden;
padding: 5px 3px;
width:252px;
height:103px;
border:1px solid #eee;
color: #686868;
line-height:24px;resize: none;
}

#spec-n5 {
width: 380px;
height: 76px;
padding-top: 6px;
overflow: hidden;}
#jieshao {clear:both;line-height:24px;color:#555;overflow:hidden;margin-bottom:10px; font-family:"微软雅黑";
padding: 10px 0 0 20px;}

#preview{ float:left;width:380px; margin-top:10px;}
.jqzoom{ width:380px; height:280px; position:relative;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:380px; height:76px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:280px; float:left; height:78px; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:80px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:70px; height:70px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:300px;height:300px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:600px;height:600px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:350px; margin-right:6px; margin-left:20px; }
#spec-list div{ margin-top:0;margin-left:-30px; margin-left:0;}

.shen{background:#ff5c03; display:block; width:98px; height:32px;border-radius:5px; border:none; color:#fff; line-height:32px; font-family:"微软雅黑"; font-size:14px; margin-top:12px; cursor:pointer;}		

/*常见问题*/
.cjwt{ margin-top:12px; margin-left:8px; padding-bottom:12px;}
.cjwt li{ float:left; width:720px;line-height:30px; border-bottom:1px  dashed #ddd;}
.riqi{ float:right;display:block;height:30px;text-align:center; font-size:12px; color:#999; line-height:28px; }
.cjwt ul li a{display:block; color:#555;line-height:28px;background:url(../images/sanjiao2.jpg) 0 10px no-repeat; padding-left:10px;}
.cjwt ul li a:hover{color:#0c65c1;background:url(../images/sanjiao.jpg) 0 10px no-repeat; text-decoration:underline;}