html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}  
body{ font-size:18px; line-height:24px; font-family:microsoft yahei,simhei; color:#000}
ol, ul, li{list-style: none;}
em,i{ font-style:normal}
b,strong{ font-weight:bold}
h1,h2{ font-weight:bold}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl {*zoom:1;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}
.w1200{ width:1200px; margin:0 auto; position:relative;}
.w1100{ width:1100px; margin:0 auto; position:relative;}
.pd50{ padding:50px 0}
.mt30{ margin-top:30px}

.tt{ width:607px; height:53px; margin:0 auto; padding:30px 0;}

.banner{ width:100%; height:662px; background:url(images/banner.jpg) no-repeat center center;}
.banner .logo{ width:320px; height:67px; padding-top:25px;-webkit-animation: zoomIn 0.5s 1.2s ease both;-moz-animation: zoomIn 0.5s 1.2s ease both;-o-animation: zoomIn 0.5s 1.2s ease both;}
.banner .pro{ width:693px; height:496px; position:absolute; left:-76px; top:128px;-webkit-animation: bounceIn 0.5s 1.5s ease both;-moz-animation: bounceIn 0.5s 1.5s ease both;-o-animation: bounceIn 0.5s 1.5s ease both;}
.banner .theme{ width:580px; height:260px; position:absolute; right:0; top:70px;-webkit-animation: bounceDown  0.5s 0.5s ease both;-moz-animation: fadeInDown  0.5s 0.5s ease both;animation:fadeInDown  0.5s 0.5s ease both;}
.banner .theme .top{ width:580px; height:260px; }
.banner .theme .bottom{ width:580px; text-align:center;}
.banner .theme .bottom img{ width:68px; height:40px; margin:10px 0;}
.banner .theme .bottom p{ width:100%; text-align: justify; text-indent:2em; font-size:16px; line-height:28px;}

.p1{width:100%; height:662px; background:url(images/p1-bg.jpg) no-repeat center center;}
.p1 .left{ width:412px; margin-left:30px; float:left;}
.p1 .left .bd{ width:412px; height:412px; overflow:hidden;}
.p1 .left .hd ul{ width:100%; text-align:center; padding-top:15px;}
.p1 .left .hd ul li{ width:16px; height:16px; background:#c4c4c4; display:inline-block; *display:inline; *zoom:1; border-radius:100%; cursor:pointer;}
.p1 .left .hd ul li.on{ background:#780101;}
.p1 .right{ width:685px; margin-right:20px; float:right;}
.p1 .right ol{ width:600px; margin:0 auto;}
.p1 .right ol li{ width:199px; float:left; border-right:1px solid #434343}
.p1 .right ol li.no_border{border-right:none}
.p1 .right ol li h2{ width:170px; height:26px; margin:0 auto; text-align:center; line-height:26px; font-size:18px; color:#fff; background:url(images/p1-icon3.jpg) no-repeat; font-weight:normal;}
.p1 .right ol li p{ width:100%; text-align:center; font-size:26px; font-weight:bold; padding:6px 0;}
.p1 .right .pro{ width:546px; margin:20px auto;}
.p1 .right .pro .fl{ width:47px; height:154px; margin-top:10px;}
.p1 .right .pro .fr{ width:464px;}
.p1 .right .pro .fr li{ font-size:20px; line-height:42px; height:42px; border-bottom:1px dashed #707070;}
.p1 .right .txt{ width:655px; height:156px; background:url(images/p1-icon2.png) no-repeat; padding:40px 15px 0;}
.p1 .right .txt p{ font-size:16px; line-height:26px; text-indent:2em;}

.p2{width:100%; height:580px; background:url(images/p2-bg.jpg) no-repeat center center;}
.p2 .fl{ width:611px; height:401px; background:url(images/p2-img.png) no-repeat; padding:23px 0 0 29px}
.p2 .fl .video{ width:580px; height:371px; }
.p2 .fl .video iframe{ width:580px; height:371px;}
.p2 .fr{ width:500px; text-align:center;}
.p2 .fr ol{ width:100%; text-align:center; padding:50px 0 30px;}
.p2 .fr ol li{ width:130px; height:130px;display:inline-block; *display:inline; *zoom:1; margin:0 20px;}
.p2 .fr ul li{ font-size:20px; line-height:44px;}

.bg3{width:100%; height:740px; background:url(images/p1-bg.jpg) no-repeat center center;}
.p3 .top{ width:1164px; height:424px; background:url(images/p3-icon.png) no-repeat; margin:0 auto 10px; position:relative;}
.p3.bg3 .pos-l{ position:absolute; left:20px; top:60px; z-index:9;}
.p3.bg3 .pos-r{ position:absolute; right:20px; top:20px;}
.p3 .img{ width:635px; height:360px; overflow:hidden;}
.p3 .img .bd ul li img{ width:635px; height:360px;}
.p3 .img .hd ul{ position:absolute; width:100%; height:36px; left:0; bottom:0; text-align:center; line-height:36px; background:url(images/alpha.png);}
.p3 .img .hd ul li{ width:12px; height:12px; border:1px solid #fff;display:inline-block; *display:inline; *zoom:1; cursor:pointer;}
.p3 .img .hd ul li.on{ background:#fff;}
.p3 .txt{ width:483px; height:227px; background:url(images/p3-icon2.png) no-repeat; padding:60px 25px 0;}
.p3 .txt p{ text-indent:2em; color:#fff; font-size:18px; line-height:30px; text-align:justify;}
.p3 .bottom{ width:1150px; margin:0 auto;}
.p3 .bottom img{ width:52px; height:138px; float:left;}
.p3 .bottom p{ width:1080px; float:right; text-align:justify; text-indent:2em; font-size:20px; line-height:28px; padding-top:15px;}

.bg4{width:100%; height:740px; background:url(images/p2-bg.jpg) no-repeat center center;}
.p3.bg4 .pos-l{ position:absolute; left:20px; top:20px;}
.p3.bg4 .pos-r{ position:absolute; right:20px; top:60px; z-index:9;}

.p7{ width:100%; background:#222222;}
.p7 p{ font-size:18px; line-height:40px; color:#fff; text-indent:2em; width:1140px; margin:0 auto; padding-bottom:40px;}

.p8{ padding-bottom:60px;}
.p8 dl{ width:450px; text-align:center; float:left; padding-top:40px;}
.p8 dl dt{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.p8 dl dt i{ color:#db0000}
.p8 dl dd{ font-size:16px; line-height:30px;}
.p8 ul{ width:200px; margin-left:25px; float:left;}
.p8 ul li{ font-size:16px; text-align:center; padding-bottom:4px}
.p8 ul li i,.p8 ul li em{ display:block;}
.p8 ul li i{ width:95%; margin:0 auto; border-bottom:1px solid #333333;}
.p8 .img{ width:320px; float:right; padding-top:55px;}
.p8 .img .fl,.p8 .img .fr{ width:150px; height:150px; text-align:center;}

.fix-nav{ width:150px; position:fixed; top:50px; right:0;}
.fix-nav ul li{ width:150px; height:34px; line-height:34px; background:url(images/nav-bg.png) no-repeat; color:#565656; text-align:center; margin-bottom:10px;}
.fix-nav ul li.on a{ color:#cc0000;}
.fix-nav .num{ width:100%; text-align:center; color:#c52222;}
.fix-nav .num .visitNum b{ font-size:22px;}
.fix-nav .num h3{ font-size:16px;}
.fix-nav .num a{ width:18px; height:16px; display:block; cursor:pointer; margin:0 auto; background:url(images/top.png) no-repeat; margin-top:4px;}