* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html,body {margin:0;padding:0;}
body {color:#222;font:16px/1.5 Helvetica,Arial,sans-serif;}
h1,h2,h3,p,pre,ul {margin:0;padding:0;}
h1 {font-size:48px;line-height:1;margin-bottom:1em;}
h2 {font-size:24px;line-height:1;margin-bottom:1em;}
h3 {font-size:16px;line-height:1;margin-bottom:1em;}
p,pre,ul {margin-bottom:2em;}
pre {background:#fefefe;border:1px solid #dedede;overflow-x:auto;padding:2em;}
ul {margin-left:1em;}

a:link          { color: #000; text-decoration: none }
a:visited       { color: #000; text-decoration: none }
a:active        { color: #000; text-decoration: none }
a:hover         { text-decoration: none; position: relative}

/* 主要代码部分 */
#nav {left: 20px;list-style: none;margin: 0;position: fixed;top: 20px;}
#nav li {margin-bottom: 2px;}
#nav a {color: #666;display: block;	font-size: 14px;padding: 5px 10px;text-decoration: none;text-transform: uppercase;}
#nav .current a {color: #ededed;}
#container {margin: 0 auto;	text-align: center;}
.section p:last-child {	margin-bottom: 0;}

.section-wrapper {width: 100%;text-align: -webkit-center;}
.section-wrapper:first-child .section {width:1000px;}
#nav {background: #8e1617;left: 0;list-style: none;overflow: hidden;padding-top: 9px;position: fixed;right: 0;text-align: center;top: 0;box-shadow: 0 0 15px #ffff96;}
#nav li {display: inline-block;	margin-bottom: 0;margin:20px 5px 0 5px;padding:0 5px;}
#nav a {color: #bdbdbd;display: block;border:1px solid #8e1617;border-radius: 30px;}
#nav a:hover {color: #ffff96;border:1px solid #ffff96;border-radius: 30px;}
#nav .current a {color: #ffff96;border:1px solid #ffff96;border-radius: 30px;}
.dix{width:1000px;}
.bum{color: #fff;font-size: 18px;border: 2px solid #fff;border-radius: 20px;padding: 5px 15px;cursor:pointer}
.bum:hover{color: #ffff96;border: 2px solid #ffff96;}
.bmy{color: #fff;font-size: 18px;border: 2px solid #fff;border-radius:100%;cursor:pointer;width: 100px;height: 100px;line-height: 100px;margin-right: 80px;}
.bmy:hover{color: #ffff96;border: 2px solid #ffff96;}
.logo{float:left;}
.qqtel{float:right;margin-top: 20px;cursor:pointer}
.inbg{background: url(../img/inbg.jpg) repeat-x 0px 0px;height:71px}
.footer{width: 100%;clear: both;padding-top: 30px;background:#282828;color: #7b7b7b;box-shadow: 0 0 15px #000000;min-height: 230px; text-align:-webkit-center;  }
.footx{width:1000px; } 
.footx ul{float:left; margin-left:50px;width:200px;text-align:left}
.footx ul li{padding:3px 0;border-bottom: 1px solid #1a1a1a;}
.footx ul li::marker{color:#79d6e8}
.footer a{color:#7b7b7b;text-decoration: none;}
.protit{ font-size:28px; }
.protit img{vertical-align: middle;cursor:pointer }
.protit img:hover{filter:alpha(opacity=80); -moz-opacity:0.80;opacity:0.80;}
.provideo{text-align: left;margin-top: 50px;font-size: 18px;}
.provideo li{ list-style:none; line-height:200%;}
.prolist{text-align: left;margin-top: 50px;font-size: 18px;}
.prolist li{ float:left;width:33.3333%;list-style:none;margin-bottom: 20px; padding-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.prolist a:hover{color:#ff0000} 
.proll li{ float:left;width:96px;list-style:none;text-align: left;}
.proll img{width:94px;height:133px}
.proll img:hover{filter:alpha(opacity=80); -moz-opacity:0.80;opacity:0.80;cursor:pointer}
.prozs{margin-top: 50px;font-size: 14px;}
.prozs li{ list-style:none; line-height:150%;margin-bottom: 30px; width:230px;height:340px;  margin-right:10px; float:left}
.prozs img{width:230px;height:310px;}
.prozs img:hover{filter:alpha(opacity=80); -moz-opacity:0.80;opacity:0.80;cursor:pointer}
.aa{display:none}
.show {width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.8);z-index:99999999;width:100%;text-align:-webkit-center;padding-top:2%; display:none}
.show img{max-height:96%;max-width:100%;}