/* 全局样式 */
* {padding:0;margin:0;}
body{font-size:12px;color:#636363;font-family:SimSun, "宋体", arial, Helvetica, sans-seri;background:#eaeaea ;line-height:20px;}
ul,ol{list-style-type:none;}
textarea,select,input,button{vertical-align:middle;font-size:12px;font-family:"Tahoma";}
input[type=submit] {cursor:pointer}
input,button{overflow:visible;}
table {border-collapse:collapse;}
img {border:0;}
html{-webkit-text-size-adjust:none;}
em,i {font-style:normal;}
input, textarea {outline: none;}
html,body {height: 100%;width: 100%;}

/* 定义全局宽 */
.wp {width:1050px;margin:0px auto;overflow:hidden;}
.wp2 {width:1050px;margin:0px auto;}

/*  - - - - - - - - - 类别样式  - - - - - - - - -*/
.c {clear:both;overflow:hidden;display:block;zoom:1}
.clear {display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}
.l {float:left;}
.r {float:right;}
.rel {position:relative}
.abs {position:absolute;}
.none {display:none;}
.netfox{ float:left; width:0px; height:0px; overflow:hidden; text-indent:-99999999px;}


/* 链接样式 */
a{color:#636363;text-decoration:none;}
a:link{}	
a:hover{text-decoration:none;color:#e8390d}	/*设置对象在其鼠标悬停时的样式表属性*/
a:active{}  /*在鼠标点击与释放之间发生的事件*/
a:visited{} /* 已被访问过时的样式表属性 */

/* 颜色属性 [定义规则，小写c加颜色名称] */
.cRed{color:Red;}
.cBlue{color:#1f3a87;}
.cDRed{color:#bc2931;}
.cGray{color: #4F544D;}
.cDGray{color: #666;}
.cWhite{color:#fff;}
.cBlack{color:#000;}
.cYellow{color:#ff0;}
.cGreen{color:#008000;}

/* 字体属性 [定义规则，小写f加属性名称] */
.fB{font-weight: bold;}
.fI{font-style: italic;}
.fBI{font-weight: bold; font-style: italic;}

/* 字体大小*/
.f12px{font-size:12px;}
.f14px{font-size:14px;}

#top{ width:100%; height:162px; position:relative;}
#top .shadow{ position:absolute;width: 100%;height: 4px; bottom:-4px; z-index:97; background: url(../images/nav_shadow.png) left top repeat-x;}


.toplink {height: 32px;line-height: 32px;color: #fff;background: #e7380c}
.toplink a {color: #fff;}
.toplink .link a:hover{color: #fff;}
.toplink .link i {padding: 0 5px;color: #fe8162;}

.xsqd a {margin: 0 3px;_display:inline;}
.xsqd a img {vertical-align: -5px;}
.toplink .xsqd {_padding-top:5px;}

/*微信*/
.toplink .wx {cursor:pointer;margin: 0 3px; display:none; }
.toplink .wx .abs {left:-75px;display: none;z-index: 9999999999;}
.toplink .wx .abs .rel {background: #fff;padding: 15px 10px;width: 150px;text-align: center;border: 1px solid #f0f0f0;}
.toplink .wx .abs .rel p{line-height: 150%;}
.toplink .wx .abs .rel .ico {width: 14px;height: 7px;font-size: 7px;display: block;top:-7px;left:50%;background: url(../images/wx_arrow.png) no-repeat;margin: 0 0 0 -7px}


.yy {margin: 5px 0 0 5px;width: 165px;z-index: 999}
.yy dt {border:1px solid #ee7455;height: 20px;line-height: 20px;color: #f9d5cd; cursor:pointer;}
.yy dt span {display: block;background: #eb4e16;width: 54px;text-align: center;border-right:1px solid #ee7455;}
.yy dt p {float: right;background: url(../images/li1.jpg) no-repeat 80px center;width: 95px}
.yy dt p i {font-family: arial;}
.yy dd {top:20px;left:0;width: 100%;padding: 8px 0 0 0;display: none;z-index: 99999}
.yy dd ul {border:1px solid #f07355;background: #fff;padding: 5px 5px;overflow: hidden;zoom:1;}
.yy dd ul li {line-height: 20px;overflow: hidden;height: 60px;}
.yy dd ul li a {color: #000;font-family: arial;display: block;padding: 10px 5px;}
.yy dd ul li a img {float: left;margin: 0 10px 0 0}
.yy dd ul li a:hover {background: #e5e5e5}
.yy .t {height: 20px;line-height: 20px;background: #eb4e17;padding: 0 10px;font-family: arial;}






.header .wp{overflow:visible;}
.header {height: 90px;background: #fff;}
.logo {width: 400px;}
.so {width: 203px;height: 30px;background: url(../images/so_bg.png) no-repeat;margin: 25px 0 0 0;/*overflow: hidden;*/}
.so p {top:-21px;left:5px;z-index: 1;color: #999;width: 100px;position: relative;float: left;}
.inp1 {width: 110px;height: 24px;float: left;margin: 3px 0 0 0;line-height: 24px;padding: 0 3px;position: relative;z-index: 2;color: #666;}
.mit1 {width: 30px;float: right;height: 24px;margin: 3px 0 0 0;cursor: pointer;}
.inp1, .mit1 {background: none;border:0;}

/*下拉菜单样式*/
.so .select{float:left;position:relative;z-index:700px; margin:4px 0 0 3px; color:#999;}
.so .select dt{width:52px;height:25px; line-height:25px;font-weight:normal;background:#f9f9f9 url(../images/ico_ss.gif) no-repeat 40px center;text-indent: 4px;overflow:hidden;cursor:pointer;}
.so .select dt strong{padding-left:5px;font-weight:normal;}
.so .select dd{width:52px;position:absolute;top:25px;background:#f9f9f9;border-top:1px solid #f1f1f1;display:none;}
.so .select dd a{line-height:25px;text-indent:9px; color:#999;border-bottom:1px solid #f1f1f1;display:block; cursor:pointer;}
.so .select dd a:hover{color:#666;background:#f5f5f5;text-decoration:none;}


.nav {border-bottom: 1px solid #E0E0E0;height: 39px;line-height: 35px;background: #fff;}
.nav dd {float: left;background: url(../images/nav_li.jpg) no-repeat right center;position: relative;height: 37px;z-index: 99;border-left:1px solid #fff;border-right: 1px solid #fff;border-top: 2px solid #fff;}
.nav dd.add_bg {background: none;}
.nav dd.r_bg {background: url(../images/nav_li.jpg) no-repeat right center;}
.nav dd i {display: none;background: url(../images/nav_on2.png) repeat-x top;width: 104px;top:0;left:-1px;position: absolute;height: 2px;}
.nav dd.on i, .nav dd.hover i {display: block;z-index: 999}

.nav dd a {display: block;padding: 0 19px;font-size: 14px;font-weight: bold;font-family: "Microsoft YaHei", "微软雅黑";color: #212121;position: relative;bottom:-1px;float: left; height:37px;}
.nav dd a img {margin: 2px 0 0 0}
.nav dd.on, .nav dd.hover {border:1px solid #e0e0e0;border-bottom: 0;border-top:0px solid #e7380d;background: #fff;height: 38px}
.nav dd.on a, .nav dd.hover a {background: #fff;z-index: 99}
.nav dd.on a {/*height: 39px;overflow: hidden;*/}
.nav dd.on {height: 39px;}
.nav dd.hover a, .nav dd.hover {height: 40px;_height: 39px;}



.n_pull {position: absolute; z-index:98;top:39px;left:-2px;width: 400px;_left:0px;display: none;border-top: 1px solid #E0E0E0}
.n_pull .n_l, .n_pull .n_r, .n_pull .n_c {float: left;}
.n_pull .n_l, .n_pull .n_r {width: 7px;font-size: 7px;height: 100%;height: 114px;overflow: hidden; 
	_font-size:1px;_width:1px;
}
.n_pull .n_l {background: url(../images/n_l.png) no-repeat left bottom;
	_background:url(../images/ie_n_c.png) repeat-x bottom;_border-left:1px solid #E0E0E0;_border-bottom:1px solid #E0E0E0;
}
.n_pull .n_r {background: url(../images/n_r.png) no-repeat right bottom;
	_background:url(../images/ie_n_c.png) repeat-x bottom;_border-right:1px solid #E0E0E0;_border-bottom:1px solid #E0E0E0;
}
.n_pull .n_c {background: url(../images/n_c.png) repeat-x 0 bottom;
	_background:url(../images/ie_n_c.png) repeat-x bottom;_border-bottom:1px solid #E0E0E0;
	padding: 10px 15px 15px 15px;
	min-height: 89px;
}

.n_pull ul {float: left;width: 210px;padding: 5px 0 0 0}
.n_pull ul li {float: left;width: 100px;height: 27px;line-height: 27px;}
.nav dd.on .n_pull ul li a, .nav dd.hover .n_pull ul li a {font-weight: normal;font-size: 12px;padding: 0;background: url(../images/n_li.png) no-repeat 0 center;padding: 0 0 0 10px;height: auto;}
.n_pull ul li a:hover {background-image: url(../images/n_li_hover.png);color: #e8390d}
.n_pull .n_pic {float: left;}
.nav dd.hover .n_pull .n_pic a {padding: 0;height: auto;background: none;}
.n_pull .n_pic img {border:3px solid #e9e9e9; width:132px; height:80px;}


.nav dd.item010 .n_pull {left:-186px;_left:-176px;}
.nav dd.item09 .n_pull {left:-186px;_left:-176px;}
.nav dd.item08 .n_pull {left:-2px;_left:-1px;}


.nav dd.item010 .n_pull ul {width: 100px}
.nav dd.item09 .n_pull ul {width: 100px}
.nav dd.item08 .n_pull ul {width: 100px}
.nav dd.item07 .n_pull ul {width: 100px}
.nav dd.item03 .n_pull ul {width: 100px}


.nav dd.item06 .n_pull .n_l, .nav dd.item06 .n_pull .n_r {height: 165px;}
.nav dd.item06 .n_pull .n_c{height: 155px; padding: 10px 15px 0px 15px;}
.nav dd.item06 .n_pull ul li{height: 23px;line-height: 23px;}

/*分享*/
.nav dd.item011 {border-top: 2px solid #fff;background: none;border-color: #fff;}
.nav dd.item011 a{ padding:0; margin:0; margin-left:16px;display:inline; background:url(../images/fx.jpg) no-repeat !important; width:66px; height:30px;}
.nav dd.item011 .bds_more{font-size: 14px;padding-left:26px;line-height: 30px;}
.nav dd.item011 .bds_more:hover{color: #212121;opacity: 1;filter: alpha(opacity=100);}


.nav dd.item01 a{padding: 0 23px;}

/*选型*/
.nav dd.hover2{ height:39px;}
.nav dd.hover2 a{ height:auto;}

.nav dd.hover .n_pull .n_c ul li a {position: static;}


/*banner*/
.banner { min-width: 1050px;height: 450px; margin:0 auto; overflow:hidden;z-index: 9}
.banner .hd {height: 40px;width: 100%;left:0;bottom:0;text-align: center;z-index: 2}
.banner .hd ul {padding: 15px 0 0 0}
.banner .hd ul li {display: inline-block;width: 17px;height: 3px;margin: 0 3px;background: #fff;font-size: 3px; cursor:pointer;}
.banner .hd ul li {
	*display: inline;
    width: 12px;
    height: 12px;
	margin: 0 5px;
	border-radius: 50%;
}
.banner .hd ul li.on {background: #e8390d}
.banner .bg {background: #333; filter: alpha(opacity=40); opacity: 0.4;height: 36px;bottom:0;left:0;width: 100%;z-index: 1}

.banner .bd ul {/*z-index: -1*/}
.banner .bd li{ background-position:top center; background-repeat:no-repeat; height:450px;}
.banner .bd a{ display:block; width:100%; height:450px;}

/*产品中心主页banner*/
.banner2 {height: 400px;}
.banner2 .bd li{height:400px;}
.banner2 .bd a{height:400px;}

/*内页其它banner*/
.banner3 {width:1050px;height: 270px; margin-top:10px;}
.banner3 .bd li{height:270px;}
.banner3 .bd a{height:270px;}


/*底部搜索*/
.so_box .wp{overflow:visible;}
.so_box {height: 30px;padding: 3px 0;background: #ccc}
.so_box .so {margin: 0}


/*底部导航*/
.fans {background: #e0e0e0}
.fans .wp {background: url(../images/x1.jpg) repeat-x bottom;padding: 30px 0 35px 0}
.fans dl {width: 121px;float: left;}
.fans dl dt {font-size: 13px;font-family: 微软雅黑}
.fans dl dt a{color:#333;}
.fans dl dt a:hover{color:#e8390d;}
.fans dl dt img {margin: 0 5px 0 0;*vertical-align: -6px;}
.fans dl dd {padding: 5px 0 0 25px}
.fans ul li {height: 22px;line-height: 22px}
.fans ul li a{color:#484848;}
.fans ul li a:hover{color:#e8390d;}


/*页脚*/
.footer {padding: 25px 0;background: #e0e0e0; color:#484848;}
.footer .l {width: 700px}
.footer .r {/*width: 235px;*/}
.footer .r span {padding: 0 0 0 30px;float: left;/*text-align: center;*/}
.footer .r span img{ width:83px; height:83px;}

.footer .bs {height: 40px}
.footer .xsqd, .footer .gz {float: left;padding: 0 20px 0 0}
.gz a, .gz .wx {/*display: block;*/display:none;float: left; cursor:pointer; }
.gz a { margin-right:10px; display:inline;}
.gz span {display: block;float: left;}
.gz .wx .abs {bottom:30px;left:-75px;display: none;}
.gz .wx .abs .rel {background: #fff;padding: 15px 10px;width: 150px;text-align: center;}
.gz .wx .abs .rel .ico {width: 14px;height: 7px;font-size: 7px;display: block;bottom:-7px;left:50%;background: url(../images/j1.png) no-repeat;margin: 0 0 0 -7px}
.gz a:hover {color: #333;}

.footer a{color:#484848;}
.footer .xsqd span {display: block;float: left;}


.nav, .toplink, .header, .so_box, .fans, .footer {width: 100%; min-width: 1050px;}


/*TQ在线客服*/
#tq_kefu_main{ display:none;}

#toTop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    background-image: url('../images/toTop.png');
    background-repeat: no-repeat;
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}
#toTop:hover {
    opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

