body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
*{font-family:"黑体",arial;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
em{font-weight:bold;}
ol,ul,li{list-style:none;}
.cf:after{display:block; height:0; visibility:hidden; clear:both; content:".";}
.cf{display:inline-block;}
* html .cf{height:1em;}
.cf{display:block;}
.center{text-align:center;}
body{padding-bottom:120px; font-size:12px; color:#333; background:url(../top.jpg) no-repeat top center;}
a{ outline:none; color:#39c; text-decoration:none;}
a:hover{color:#d6000f; text-decoration:underline;}

.top{margin:0 auto; width:1300px; height:694px;}
a.logo{width:164px; height:70px; display:block; text-indent:-9999px; position:absolute; left:78px; top:55px;}
.top h1{position:absolute; left:595px; top:360px; font-family:"黑体"; color:#fff; text-indent:-9999px;}
h2{margin-bottom:50px; padding-top:80px; font-family:"黑体"; font-size:36px; text-align:center; font-weight:normal;}
.box{border-bottom:1px solid #d9d9d9;}
.introducation{padding-bottom:60px; font-size:18px; line-height:36px; text-align:center;}
.review{margin:0 auto; padding-bottom:60px; width:1260px;}
.review li{float:left; margin:0 10px 22px; width:400px; height:328px; display:inline; overflow:hidden; position:relative;}
.review li a{color:#fff;}
.review li a img{opacity:0.7;}
.review li span{position:absolute; left:0px; bottom:0px; padding:15px; width:370px; height:25px; font-size:16px; line-height:25px; background: rgba(0,0,0,0.8); font-family:"黑体";}

.review li a:hover img{opacity:1;-moz-transition: opacity .2s ease-in;-webkit-transition: opacity .2s ease-in;-o-transition: opacity .2s ease-in;transition: opacity .2s ease-in;}
.photo{margin:0 auto 15px; width:1224px; height:348px; overflow:hidden; position:relative;}
.photo ul{position:absolute; left:0px; top:0px;}
.photo li{float:left; margin:0 8px 20px; width:288px; height:162px; display:inline; border:1px solid #ccc;}
.photo li img{ width:288px; height:162px;}
.photoScroll{text-align:center; display:none;}
.photoScroll span{margin:0 5px; width:32px; height:32px; border:1px solid #ccc; display:inline-block; cursor:pointer; background:url(../arrow.gif) no-repeat;}
.photoScroll span.prev{background-position:0 0;}
.photoScroll span.next{background-position:-32px 0;}

.photoScroll span.prev-off{background-position:0 -32px; cursor:default;}
.photoScroll span.next-off{background-position:-32px -32px; cursor:default;}

.guide{position:fixed; right:20px; top:200px; display:none;}
.guide li{margin-bottom:6px; width:16px; height:16px; border:1px solid #000; background:rgba(0,0,0,.7); border-radius:16px; cursor:pointer;}
.guide li.on{border:1px solid #000; background:rgba(0,0,0,.2);}