body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li {list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input:focus {outline: none;}
strong,b{font-weight:bold;}
iframe{border:none; padding:0;}
html{overflow:scroll;overflow-x:hidden;}
body{ font-family: "微软雅黑" ,Verdana;}
a{ text-decoration: none}

.header{ width: 1002px;  height: 138px;  margin: 0 auto}
.header .logo{ display: block; width: 195px;  height: 63px; padding-top: 56px; background: url(../images/logo.jpg) 0 56px no-repeat;}
.header .nav{ float: right; font-size: 18px;  padding-top: 67px;}
.header .nav a{ display: inline-block; vertical-align: top; margin-left: 37px; line-height: 35px; color: #292a33}
.header .nav a.cur{ color: #e53123; border-bottom: 3px solid #e53123}

.mian{ width: 100%; height: 638px; padding-top: 127px; background: url(../images/bg02.jpg) center 0 no-repeat; }
.mian .con{ width: 900px; height: 368px; margin: 0 auto; }
.mian .info{ width: 224px; height: 368px; background: #fff; position: relative; float: left; margin-right: 1px; }
.mian .info .in{ width: 224px; height: 368px; background: url(../images/bg01.jpg) #e53123 no-repeat 0 center;}
.mian .s1 .in{ background-position:  0 center;}
.mian .s2 .in{ background-position:  -224px center;}
.mian .s3 .in{ background-position:  -448px center;}
.mian .s4{  width: 225px; height: 368px; color: #fff; font-size: 14px; line-height: 30px; float: left; display: table; background: #2b2b2b; text-align: center; }
.mian .s4 p{ display: table-cell; vertical-align: middle;}
.mian .s4 a{ color: #e53123}

.mian .info .out{ display: none; position: absolute; top: 0px;   height: 368px; }
.mian .s1 .out{ left: -57px; width: 296px; background: url(../images/img1.png) no-repeat 0 bottom }
.mian .s2 .out{ left: -58px;  width: 307px;  background: url(../images/img2.png) no-repeat 0 bottom }
.mian .s3 .out{ left: -1px; width: 226px;  background: url(../images/img3.png) no-repeat 0 bottom }




.footer{ font-family: "宋体"; width: 100%; max-width:1440px; margin: 0 auto;  height: 49px;  background: #f9f9f9;  color: #797979}
.footer .con{ width: 924px; margin: 0 auto; padding: 15px 0; line-height: 19px;}
.footer p{ float: right;  font-size: 12px;} 
.footer a{ font-size: 12px; color: #797979}
.footer a:hover{ text-decoration: underline;}

.word{ width: 410px; height: 28px; margin: 31px auto 0; background: url(../images/word.png) no-repeat}

.page1{ width: 100%; height: 402px; background: url(../images/pic1.jpg) no-repeat center 0}
.page2{ width: 100%; height: 557px; background: url(../images/pic3.jpg) no-repeat center 0}
.page3{ width: 100%; height: 462px; background: url(../images/pic4.jpg) no-repeat center 0}
.page4{ width: 100%; height: 600px; background: url(../images/pic5.jpg) no-repeat center 0}
.page5{ width: 100%; height: 471px; background: url(../images/pic6.jpg) no-repeat center 0}
.page6{ width: 100%; height: 560px; background: url(../images/pic7.jpg) no-repeat center 0}
.page7{ width: 100%; height: 616px; background: url(../images/pic8.jpg) no-repeat center 0}
.page8{ width: 100%; height: 637px; background: url(../images/pic2.jpg) no-repeat center 0}

.slider{  width: 100%; height: 450px; position:relative; overflow: hidden;}
.slider li{ position: absolute; left: 0px; top: 0px; width: 100%; height: 450px;}
.btns{ height: 6px;  position: absolute; bottom: 20px; left: 0px; width: 100%; text-align: center; }
.btns a{ width: 50px; height: 20px;  display: inline-block; margin: 0 1px; vertical-align: top;}
.btns a.cur i{ background: #505458}
.btns a i{ width: 50px; height: 6px; background: #d6d6d6; display:block; margin-top: 7px; }

.case1{ width: 100%; height: 110px; background: url(../images/pic14.jpg) no-repeat center 0}
.case2{ width: 100%; height: 502px; background: url(../images/pic15.jpg) no-repeat center 0; }
.case3{ width: 100%; height: 502px; background: url(../images/pic16.jpg) no-repeat center 0}
.case4{ width: 100%; height: 510px; background: url(../images/pic17.jpg) no-repeat center 0}
.case5{ width: 100%; height: 110px; background: url(../images/pic18.jpg) no-repeat center 0}
.case6{ width: 100%; height: 670px; background: url(../images/pic19.jpg) no-repeat center 0}
.case7{ width: 100%; height: 110px; background: url(../images/pic20.jpg) no-repeat center 0}
.case8{ width: 100%; height: 588px; background: url(../images/pic21.jpg) no-repeat center 0}
.case9{ width: 100%; height: 446px; background: url(../images/pic22.jpg) no-repeat center 0}