body {width:100%;padding:0;margin:0;font-family:微软雅黑;font-size:12px;color:#fff; background:#514170;}
a:link,a:visited{ text-decoration:none;}
p,h1,h2,h3,h4,h5{ padding:0; margin:0;}
img{ border:0;}
.topcontainer{float:left;width:100%;height:100px;background:url(../images/tbg.jpg) repeat-x;}
.containerwrapper{width:980px;margin:0 auto;}
.topbox{float:left;width:100%;height:100px;position:relative;z-index:100;}
.logo{position:absolute;top:0;left:0;}
.mod-fun{position:absolute;right:5px;height:15px;line-height:15px;top:34px;}
.mod-fun a{ color:#917eb6; float:left; margin-left:20px;}
.topbox .button{ position:absolute; top:30px; right:10px; width:38px;height:27px;cursor:pointer; display:none;}
.topbox .button i{float:left;width:100%;margin-top:3px;height:5px;background:#514170;border-radius:5px; filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.8;}
.topbox .button:hover i{  filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.mod-nav{position:absolute;left:205px;bottom:8px;width:775px;height:23px;line-height:23px;font-weight:bold;color:#514170;font-size:13px;}
.mod-nav a{float:left;color:#514170;}
.mod-nav span{float:left;padding:0 20px;height:23px;background:url(../images/ns.jpg) no-repeat center;}
.bannerbox{float:left;width:100%;text-align:center;background:#d5c5f6;overflow:hidden;}
.bannerbox img{ width:100%;}
.numberbox{float:left;width:100%;height:38px;background:#514170;}
.mod-num{float:right;padding-right:7px;color:#917eb6;font-size:13px;font-weight:bold;line-height:40px;}
.mod-num a{color:#917eb6;margin-left:5px;-display:inline;}
.mod-num a span{font-size:30px;font-weight:normal;}
.mod-contentbox{float:left;width:100%;height:150px;padding-top:28px;padding-bottom:22px;background:#917eb6;}
.mod-infobox1{float:left;width:292px;padding-left:11px;}
.mod-tabbox{float:left;width:100%;height:23px;margin-top:4px;}
.mod-tabbox a{ text-align:center;}
.mod-tabbox a {float:left;width:65px;height:23px;line-height:23px;color:#514170;background:url(cp1.png) no-repeat;background-size:cover;}
.mod-tabbox a.current {color:#d4c2f6;background-position:left 0;background:url(cp2.png) no-repeat;}
.mod-tabbox .more1 {background:url(cp3.png) no-repeat;background-size:cover;width:65px;height:23px;}
.mod-tabboxs {float:left;width:100%;padding-bottom:10px;text-align:center;line-height:25px;font-size:18px;color:#514170;display:none;}

.mod-tabbox .more1{float:right;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.mod-aboutbox{float:left;width:100%;height:94px;margin-top:9px;}
.mod-aboutbox img{float:left;width:76px;height:74px;padding:9px 10px 0 3px;}
.mod-aboutbox-con{float:left;margin-top:6px;width:202px;line-height:20px;color:#d4c2f6;}
.mod-infobox2{float:left;width:324px;height:125px;margin-left:47px;}
.mod-infobox2 .product-title{float:left; width:100%; padding-bottom:10px; text-align:center; line-height:25px; font-size:18px; color:#514170; display:none;}
.mod-pannel1{float:left;width:100%;height:105px;display:none;}
.mod-pannel1 img{float:left;width:110px;height:105px;}
.mod-pannel1-box{float:right;width:190px;margin-top:10px;}
.mod-pannel1-box h1{float:left;width:100%;height:30px;color:#fff;font-size:18px;font-weight:normal;overflow:hidden;}
.mod-pannel1-con{float:left;width:100%;height:65px;line-height:20px;color:#d4c2f6;overflow:hidden;}
.mod-pannel1-con a{ color:#d4c2f6;}
.mod-tab2box{float:left;width:100%;margin-top:3px;}
.mod-tab2box a{float:left;width:64px;height:20px;text-align:center;line-height:20px;color:#917eb6;background:#d4c2f6;margin-right:1px;-display:inline;}
.mod-tab2box a.active{background:#715f93;color:#d4c2f6;}
.mod-tab2box a.last{margin-right:0;}
.mod-contactbox{float:right;width:255px;margin-right:7px;}
.mod-contactbox-head{float:left;width:100%;height:32px;line-height:32px;color:#d4c2f6;font-size:14px;font-weight:bold;}
.mod-contact{float:left;width:100%;line-height:19px;color:#d4c2f6;background:url(../images/tel.jpg) no-repeat right 4px;}
.footer{float:left;width:100%;height:50px;background:#514170;color:#715f93;line-height:50px;}
.footer .containerwrapper{width:1000px;}
.copyright{float:left;padding-left:3px;}
.fms{float:right;padding-right:5px;}
.mod-newsbox{float:left;width:100%;margin-top:9px; display:none;}
.mod-newsbox .news-title{ float:left; width:100%; padding-bottom:10px; text-align:center; line-height:25px; font-size:18px; color:#514170; display:none;}
.mod-newsbox.show,.mod-aboutbox.show{ display:block;}
.mod-newsbox.hide,.mod-aboutbox.hide{ display:none;}
a.mod-newstitle{float:left;width:100%;line-height:22px;height:22px;color:#d4c2f6;overflow:hidden;}
.tmall{position:fixed;top:70px;left:10px;width:150px;height:400px;z-index:1000;}
.shengming{position:fixed;top:65px;right:10px; width:150px; z-index:1000;}
.shengming img{ margin-top:5px;}
.mod-index-list{float:left; width:100%; margin-top:10px; text-align:center; display:none;}
.mod-index-list img{ width:40%; margin:2px 2%; border:solid 2px #fff;}
#warning{ display:none;}

@media (min-width:900px) and (max-width:980px)
{
.container,.containerwrapper{width:100%;}
.tmall,.shengming{ display:none;}
.footer{ height:auto; text-align:center; line-height:25px; padding:10px 0;}
.footer .containerwrapper{width:100%;}
.copyright{float:none;padding-left:0;}
.fms{float:none;padding-right:0;}
.mod-nav{ width:auto; left:190px;}
.mod-contentbox{ height:auto;}
.mod-infobox1{ padding-left:5px;}
.mod-infobox2{ margin-left:3%;}
.mod-contactbox{ float:left; margin-right:0; margin-left:2%;}
.mod-contactbox{ width:230px;}
.mod-contact{ background:none;}
}
@media (min-width:768px) and (max-width:900px)
{
.container,.containerwrapper{width:100%;}
.tmall,.shengming{ display:none;}
.footer{ height:auto; text-align:center; line-height:25px; padding:10px 0;}
.footer .containerwrapper{width:100%;}
.copyright{float:none;padding-left:0;}
.fms{float:none;padding-right:0;}
.topcontainer{ background-image:url(../images/tbg1.jpg);}
.mod-fun{ top:10px; right:10px;}
.mod-fun a{ color:#514170;}
.topbox .button{ display:block;}
.mod-nav{ text-align:center; width:auto; position:absolute; float:none; left:auto; bottom:auto; right:0; width:120px; top:65px; z-index:500; height:auto; background:#dfd3f1; border-radius:5px 0 0 5px; overflow-x:hidden; display:none;}
.mod-nav.show{ display:block;}
.mod-nav span{ display:none;}
.mod-nav a{ float:left; width:100px; padding-left:20px; font-size:14px; text-align:left;height:40px; line-height:40px; border-bottom:solid 1px #c8bae2;}
.mod-nav a:hover{}
.mod-contentbox{ height:auto; text-align:center; font-size:14px;}
.mod-infobox1{ float:none; padding-left:0; width:655px; display:inline-block;}
.mod-aboutbox{ width:330px;}
.mod-aboutbox-con{ text-align:left; width:232px;}
.mod-infobox2{ margin-left:0;  margin-top:10px; float:none; display:inline-block; text-align:left;}
.mod-contactbox{ float:none; margin-right:0; margin-left:20px; display:inline-block;}
.mod-contactbox{ text-align:left; width:300px;}
.mod-contact{ background:none;}
.mod-newsbox{ display:block;width:300px; margin-left:20px;}
.mod-tabbox a.more1{ display:none;}
.mod-tabbox a#tab1.current,.mod-tabbox a#tab2.current{color:#514170; background-position:right 0;}
.mod-tabbox a#tab2{ margin-left:290px;}
.mod-newsbox.show,.mod-aboutbox.show{ display:block;}
.mod-newsbox.hide,.mod-aboutbox.hide{ display:block;}
a.mod-newstitle{ clear:left; float:left;width:auto;}
.mod-pannel1-box{ margin-top:0; width:210px;}
.mod-pannel1-box h1{ line-height:20px; height:20px; padding-bottom:5px; line-height:20px;}
.mod-pannel1-con{ height:75px; font-size:13px; line-height:18px;}
}
@media (max-width:768px)
{
.container,.containerwrapper{width:100%;}
.tmall,.shengming{ display:none;}
.mod-fun{ display:none;}
.numberbox{ height:auto;}
.mod-num{ float:left; width:96%; margin:0 2%;}
.mod-num a{ float:left; margin:0 8%; font-size:15px;}
.mod-num a span{ font-size:30px;}
.footer{ height:auto; text-align:center; line-height:25px; padding:10px 0;}
.footer .containerwrapper{width:100%;}
.copyright{float:none;padding-left:0;}
.fms{float:none;padding-right:0;}
.topcontainer{ background-image:url(../images/tbg1.jpg);}
.mod-fun{ top:10px; right:10px;}
.mod-fun a{ color:#514170;}
.topbox .button{ display:block;}
.mod-nav{ text-align:center; width:auto; position:absolute; float:none; left:auto; bottom:auto; right:0; width:120px; top:65px; z-index:500; height:auto; background:#dfd3f1; border-radius:5px 0 0 5px; overflow-x:hidden; display:none;}
.mod-nav.show{ display:block;}
.mod-nav span{ display:none;}
.mod-nav a{ float:left; width:100px; padding-left:20px; font-size:14px; text-align:left;height:40px; line-height:40px; border-bottom:solid 1px #c8bae2;}
.mod-nav a:hover{}
.mod-contentbox{ height:auto; text-align:center; font-size:14px; padding-top:20px;}
.mod-infobox1{ float:none; padding-left:0; width:96%; margin:0 2%; display:inline-block;}
.mod-aboutbox{ width:100%; height:auto;}
.mod-aboutbox img{float:left; width:25%; height:auto; display:none;}
.mod-aboutbox-con{ text-align:left; width:100%;}
.mod-infobox2{ margin-left:0;  margin-top:10px; float:none; display:inline-block; text-align:left;}
.mod-infobox2 .product-title{ display:block;}
.mod-contactbox{ text-align:left; width:96%; margin:15px 2% 0;}
.mod-contact{ background:none; line-height:28px; font-size:15px;}
.mod-contactbox-head{ text-align:center; font-size:18px; line-height:25px; font-weight:normal;color:#514170;}
.mod-newsbox{ display:block;width:100%; margin-left:0; margin-top:20px;}
.mod-tabbox a.more1{ display:none;}
.mod-tabbox{ text-align:center; display: none;}
.mod-tabboxs{display: block;}
.mod-newsbox .news-title{ display:block;}
.mod-newsbox.show,.mod-aboutbox.show{ display:block;}
.mod-newsbox.hide,.mod-aboutbox.hide{ display:block;}
a.mod-newstitle{ clear:left; float:left;width:auto; line-height:27px; height:27px; font-size:15px;}
a.mod-newstitle:hover{ text-decoration:underline;}
.mod-infobox2{ height:auto; width:96%; margin:15px 2% 0;}
.mod-tab2box{ display:none;}
.mod-pannel1{ display:block; height:auto; margin-top:15px; text-align:center;}
.mod-pannel1 img{float:none; width:95%; height:auto;border: 3px solid #fff;}
.mod-pannel1-box{ width:95%; margin-top:10px; float:none; display:inline-block;}
.mod-pannel1-box h1{ text-align:center;}
.mod-pannel1-con{ height:auto; text-align:left; width:100%;}
.mod-index-list{ display:block;}
input{height: 30px; line-height: 30px; outline: none; width: 94%;}
}
.btn{width:81px; height: 27px; border: 0; outline: none; background: url(submit.png) no-repeat; background-size: cover;}