﻿/*页头*/
.head{margin:0 auto;width:100%;height:35px;background:#efefef;overflow:hidden;min-width:1000px;}
.head2{width:1000px;margin:0 auto; overflow:hidden}
.h-nav{float:left;width:200px;height:35px;font:12px/35px '微软雅黑';color:#666;}
.h-nav a{text-decoration:none;color:#666;}
.nav_a{float:right;width:400px;height:35px;font:12px/35px '微软雅黑';color:#666;}
.nav_a a{text-decoration:none;color:#666;}

.banner{margin:0 auto; width:100%; min-width:1000px; height:634px; overflow:hidden; background:url(../images/banner.jpg) no-repeat center;}

/*公共元素*/
.title {width:1000px; height:60px; background:url(../images/t_bg.jpg) no-repeat; margin:0 auto}
.title h1 {font-size:24px; color:#fff; font-weight:bold; padding-left:70px; line-height:60px}
.title a {line-height:50px; color:#fff; margin:8px 20px 0 0}
.box {overflow:hidden; background:#fff;}
.no_p {padding:30px 0; width:1000px}
#about {height:auto; overflow:hidden}
.con {width:1000px; height:auto; overflow:hidden; margin:0 auto}
/*幻灯片*/
.zoombox{width:100%;margin:20px auto 0 auto}
.zoompic{border:solid 1px #dfdfdf;width:100%;height:585px;background:url(../images/loading.gif) no-repeat 50% 50%}
.zoompic img {width:100%}
.sliderbox_1 {height:76px;overflow:hidden;margin:6px 0 0 0}
.sliderbox_1 .arrow-btn{width:38px;height:76px;background:url(../images/arrow-btn.png) no-repeat;cursor:pointer}
.sliderbox_1 #btn-left{float:left;background-position:0 0}
.sliderbox_1 #btn-left.dasabled{background-position:0 -76px}
.sliderbox_1 #btn-right{float:right;background-position:-38px 0}
.sliderbox_1 #btn-right.dasabled{background-position:-38px -76px}
.sliderbox_1 .slider{float:left;height:76px;width:857px;position:relative;overflow:hidden;margin:0 0 0 3px;display:inline}
.sliderbox_1 .slider ul{position:absolute;left:0;width:999em}
.sliderbox_1 .slider li{float:left;width:123px;height:76px;text-align:center}
.sliderbox_1 .slider li img{border:solid 1px #dfdfdf}
.sliderbox_1 .slider li.current img{border:solid 1px #f0a208}


/*独立元素*/
#about p {width:100%; height:auto; text-align:justify; line-height:30px}
#about p a {background:#f0a208; color:#fff; padding:0 10px}
#tgswdh p {background:#f6f6f6; padding:20px; width:450px; overflow:hidden; height:310px}
#tgswdh b {font-size:18px; height:auto; text-align:center; background:none; display:block; width:100%; font-weight:bold; line-height:40px}
#tgswdh span {line-height:40px}
#tgswdh p a {background:#f0a208; color:#fff; padding:0 10px; margin-top:120px}
#qyxc, #qydt {width:490px !important}
.w_490 {width:490px !important}
.w_430 {width:430px !important}
.w_430 img {width:100%}
#qydt ul {width:100%; height:337px; overflow:hidden; text-align:left}
#qydt ul li {line-height:30px; border-bottom:1px dotted #ddd; float:none}
#qydt ul li a {color:#666}
#qydt ul li a:hover{color:#e72834}
#qydt ul li .btns {background:#e1e1e1; color:#666; display:inline-block; padding:0 30px; margin-top:20px; line-height:40px}
#qydt ul li i {display:inline-block; width:3px; height:3px; background:#e72834; border-radius:50%; margin-right:15px}

#list{ width:100%; height:446px; position:relative; margin:0 auto}
#list ul {margin:0px;padding:0px; float:left; overflow:hidden; width:100%; height:auto}
#list li{width:100px;border:5px solid #f3b539; position:absolute;list-style-type:none;overflow:hidden;cursor:pointer;}
#list li img{width:100%;height:100%;vertical-align:top;}
#list li div{width:100%;height:100%;background:#fff;filter:alpha(opacity=70); opacity:0.7; position:absolute; z-index:1; top:0px; left:0px;}
#list li .b_tit{width:100%;height:120px;position:absolute; z-index:1; bottom:-100%; left:0px;margin:0px;padding:0px;}
#list li .opacity{width:100%;height:120px;background:#fff;filter:alpha(opacity=80); opacity:0.8; position:absolute; z-index:1; bottom:0px; left:0px;}
#list li .tit{width:324px;height:120px;padding:0 10px;position:absolute; z-index:2; bottom:0px; left:0px;}
#list li .tit span{width:100%;height:30px;font-weight:normal;float:left;text-align:left;line-height:30px;color:#fff;border-bottom:1px solid #2f2f2c;margin:0px;padding:0px;}
#list li .tit span em{color:#ba0707;font-style:normal;float:none;}
#list li .tit em{color:#fff;line-height:25px;float:left;margin:0px;padding:5px 0;font-style:normal;}
#list a{width:39px;height:80px;background:url(../images/btn.jpg) no-repeat;text-decoration:none;position:absolute;z-index:20;top:190px;}
#list a.prev{background-position:0 0; left:0px;}
#list a.next{background-position:-37px 0; right:0px;}

#cpsd .sel {width:100%; height:auto; line-height:50px; overflow:hidden}
#cpsd .sel li {width:49%; height:auto; text-align:center; margin:0 auto}
#cpsd .sel a {color:#ccc; width:170px; height:50px; display:block; border:1px solid #ccc; }
#cpsd .sel li .sel_on {background:url(../images/sel_on.jpg) no-repeat; padding-bottom:19px; border:0; color:#fff}
#cpsd .product {width:100%; height:auto; overflow:hidden}
#cpsd .product li{width:440px; background:#f6f6f6; padding:15px;}
#cpsd .product li img{width:440px; height:300px;}
#cpsd .product li.w270{width:270px;}
#cpsd .product li h1 {font-size:16px; font-weight:normal; text-align:center; padding-bottom:10px;}
#cpsd .product li span {display:inline-block; width:80px; height:24px; line-height:24px; background:#e60013; color:#fff; text-align:center; margin:10px 0}
#cpsd .product li p {font-size:14px; line-height:30px} 
#cpsd .product .m_r { margin-right:20px;}
#cpsd .product .m_b { margin-bottom:20px;}

#lxwm p {padding:20px; height:290px; width:370px; background:#f6f6f6; line-height:30px}
#lxwm p b {font-size:24px; color:#c4272b; padding:10px 0; font-weight:normal; display:block}

/* sliderbox */
.sliderbox{width:auto;position:relative;padding:10px;margin:5px auto;border:1px solid #ede9e9;}
.btn{position:absolute;display:none;padding-top:200px;width:38px;height:205px;cursor:pointer;text-indent:-999em;}
.pre{background:url(../images/left.png) no-repeat 0 200px;left:0;}
.next{background:url(../images/right.png) no-repeat 0 200px;right:0;}
#ztbox{width:100%;position:relative;height:120px;}
.spic{width:100%;position:relative;background:#f9f9f9;padding-top:6px;height:78px;}
#left{width:13px;height:43px;float:left;top:20px;position:absolute;left:4px;cursor:pointer;background:url(../images/left.gif) no-repeat;}
#right{width:13px;height:43px;right:4px;top:20px;position:absolute;cursor:pointer;background:url(../images/right.gif) no-repeat;}
#conter{margin-left:20px;width:95%;position:relative;height:90px;float:left;display:inline;overflow:hidden;}
#conter .txt{display:none;}
#conter ul{width:auto;height:76px;overflow:hidden;top:0px;left:0px;position:absolute;}
#conter li{width:82px;cursor:pointer;height:76px;float:left;border:1px solid #eaeaea;display:inline;margin:0 0 0 4px;}
#conter li b,#conter li strong{font-weight:normal;}
#conter li.on{border:1px solid #898989;}
#conter li.on span{background:#898989;color:#fff;}
#conter li img{width:82px;height:60px;float:left;overflow:hidden;}
#conter li span{display:block;width:100%;line-height:17px;color:#797979;float:left;height:17px;overflow:hidden;background:#eaeaea;text-align:center;}
#scroll{background:url(../images/line.gif) repeat-x left bottom;width:100%;height:13px;left:0px;bottom:14px;cursor:pointer;position:absolute; }
#scroll span{width:142px;height:13px;left:0px;bottom:0px;cursor:pointer;position:absolute;background:url(../images/scrollBg.png) no-repeat;}
.bpic{width:100%;margin:0 auto 0 auto;}

.bigpic{width:100%;position:relative;margin-bottom:10px;}
.intro{width:100%;height:52px;position:absolute;left:0;bottom:4px;}
.bg{background:#000;filter:alpha(opacity=40);opacity:0.4;z-index:0;width:100%;height:52px;position:absolute;bottom:0;}
.txt{position:absolute;padding-left:1%;width:99%;top:5px;z-index:10;color:#fff;}
.txt h2{width:100%;float:left;font-size:16px;padding-bottom:4px;}
.txt p{width:100%;float:left;}
.bclose{position:absolute;right:10px;top:10px;z-index:11;cursor:pointer;color:#fff;}

#lxwm p a {color:#666}
#lxwm p a:hover {color:#e72834}

/*悬浮*/
.float {width:120px; height:auto; background:#fff; position:fixed; left:0; top:50%; z-index:999}
.float h1 {width:110px; height:40px; background:#f6c001; color:#fff; line-height:40px; font-size:16px; padding-left:10px}
.float h1 a {font-weight:bold; color:#fff; margin-right:10px}
.float .top{position:absolute; bottom:-40px; left:50%; margin-left:-35px; display:block}
.float div {width:120px; text-align:center; padding-top:10px; padding:0}

.float_right {width:120px; height:auto; position:fixed; right:0; top:50%; z-index:999}
.float_right ul {width:119px; height:auto; padding:0 5%; overflow:hidden; }
.float_right ul li {height:auto; line-height:30px; text-align:center; background:#fff; width:100%; }
.float_right ul li a {color:#999; display:block; border-bottom:1px solid #e1e1e1}
.float_right .top{display:block}