@charset "utf-8";
/* CSS Document */
html{color:#333;background:#f7f7f7;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font:14px/24px "Microsoft YaHei";}
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;}
ol,ul,li {list-style:none;}
img{border:none;}
h1,h2{ font-weight:bold}
h3,h4,h5{ font-weight:normal}
i,em{ font-style:normal}
a{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl { *zoom:1;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{ position:relative}

.w1200{ width:1200px; margin:0 auto}
.w285{ width:285px}
.w590{ width:590px}
.mgt30{margin-top: 30px;}
.mr20{ margin-right:20px;}

.topbox{ background:url(images/tpbg.jpg) no-repeat center top; height:540px;}
.topbox .tzlg{ background:url(images/tzlg.png) no-repeat; width:320px; height:136px; position:absolute; top:0; left:50%; margin-left:-160px; opacity:0;-webkit-animation: fadeInLeft 1s ease 1.5s forwards;-moz-animation: fadeInLeft 1s ease 1.5s forwards;animation: fadeInLeft 1s ease 1.5s forwards;}
.topbox .zt01{ background:url(images/zt01.png) no-repeat; width:670px; height:262px; position:absolute; top:146px; left:288px;-webkit-animation: zoomIn 1s ease .2s forwards;-moz-animation: zoomIn 1s ease .2s forwards;animation: zoomIn 1s ease .2s forwards;}
.topbox .cglg{ background:url(images/cglg.png) no-repeat; width:136px; height:33px; position:absolute; top:425px; left:50%; margin-left:-68px; opacity:0;-webkit-animation: fadeInRight 1s ease 2.5s forwards;-moz-animation: fadeInRight 1s ease 2.5s forwards;animation: fadeInRight 1s ease 2.5s forwards;}
.topbox .cglg a{ display:block; width:136px; height:33px;}

/*标题*/
.title{ width:100%; text-align:center; margin:60px 0 40px 0;}
.title em{ text-transform:uppercase; font-size:12px; letter-spacing:2px;}
.title h2{ font-size:36px; padding-bottom:20px;border-bottom:1px solid #000; }
.title span{ display:inline-block; width:140px; height:3px; background:#ff0000; vertical-align:top; margin-top:-1px}

.cg-list{text-align: center;margin-top:-80px;font-size: 0;}
.cg-list li{width: 130px;height: 150px;background: url(images/cg-li_bg.png) center no-repeat;display: inline-block;*display: inline;*zoom:1;margin:0 5px;}
.cg-list li a{display: block;color:#fff;font-size: 20px;margin-top: 50px;}
.cg-list li.active{background: url(images/active_bg.png) center no-repeat;}
.cg-list li.active a{color:#999;}
.cg-list li.hover,.cg-list li:hover{background: url(images/hover_bg.png) center no-repeat;}
.cg-list li:hover a{color:#fff;}
.cg-list li a i{display: block;text-transform: uppercase;font-size: 18px;}
.cg-list li a i.i1{font-size: 20px;}

.slideBox01 .bd{ width:900px; height:454px; float:left; overflow:hidden}
.slideBox01 .bd ul li{ width:100%; height:454px; float:left; overflow:hidden; position:relative}
.slideBox01 .bd ul li img{ width:900px}
.slideBox01 .bd ul li>div{ position:absolute; left:0; bottom:0; background:url(images/tmbg.png) repeat; color:#fff; padding:10px 50px}
.slideBox01 .bd ul li>div b{ font-size:20px; font-weight:normal}
.slideBox01 .bd ul li>div p{ text-indent:2em;}
.slideBox01 .hd{ width:300px; float:right;}
.slideBox01 .hd ul{ margin-top:-1px;}
.slideBox01 .hd ul li{ width:100%; height:48px; padding:21px 0; background:#222; margin-top:1px; color:#fff; text-align:center; cursor:pointer; position:relative;}
.slideBox01 .hd ul li span{ display:none; width:30px; height:90px; background:url(images/icon01.png) no-repeat; position:absolute; top:0; left:-30px}
.slideBox01 .hd ul li b{ display:block; font-size:18px;}
.slideBox01 .hd ul li.on{ background:#ff0000; color:#fff}
.slideBox01 .hd ul li.on span{ display:block}


.p02 h3{  font-size:20px;}
.p02 h3 em{ display:block; font-size:14px; text-transform:uppercase}
.p02 span{ display:inline-block; vertical-align:middle; width:80px; height:2px; background:#f00202}
.p02 span.black{ background:#f00202;}
.p02 span.white{background: #fff;}
.p02 p{text-indent:2em; padding:10px 0 0 0; text-align:justify}
.p02 dl dt{ padding:30px; height:250px; background:#222; color:#fff}
.p02 dl dd{ padding:25px 30px; height:100px; background:#f00202;color:#fff;}
.p02 .fl dl dd p{ padding:0; text-indent:0}
.p02 .fr dl dd{ padding:0}
.p02 .fr dl dt{ background:url(images/bg_line.jpg) repeat; color:#000}
.p02 .fr dl dt p{ text-indent:0}
.p02 .middle{ padding:30px; background:url(images/bg_clbj.jpg) no-repeat center 400px #fff; width:530px; height:400px}

.slideBox02{ width:570px; height:320px; position:absolute; top:0; left:0;z-index:9}
.slideBox02 .bd ul li{ width:570px; height:320px; overflow:hidden}
.same{ width:100%; text-align:center}
.same ul li{ display:inline-block; width:10px; height:10px; margin:0 5px; background:#ff0000;*display: inline;*zoom:1;cursor: pointer;}
.same ul li.on{ background:#222222}
.page{ width:520px; height:220px; padding:50px 50px 50px 80px; background:#fff; margin-top:20px}
.page h2{ width:100%; text-align:center; font-size:24px; line-height:50px;}
.page em{ display:block; width:100%; text-align:center; color:#ccc}
.page p{ color:#666; text-indent:2em; padding:20px 0}
.page p a{ color:#123994}
.page a.more{ display:block; float:left; font-size:14px; padding:0 20px; line-height:32px; border:2px solid #000; border-radius:5px}
.news{ width:100%; float:left;}
.news ul li{ width:575px; float:left; margin:30px 25px 0 0}
.news ul li span{ display:block; width:64px; height:60px; padding:10px 0; float:left; background:#222; color:#fff; font-size:12px; text-align:center; border-radius:5px; margin-right:20px}
.news ul li span i{ display:inline-block; vertical-align:top;font-size:16px; color:#ff0000; border-bottom:1px solid #fff; padding-bottom:10px;}

.p04{ margin-top:-62px; padding:40px 0;background:#fff;}
.p04 dl{ width:340px; float:left; margin:0 30px;}
.p04 dl dt{ text-align:center}
.p04 dl dt img{ border-radius:100%; background:url(images/perbg.png) no-repeat; padding:10px; width:180px; height:180px}
.p04 dl dt b{ display:block; font-size:20px;}
.p04 dl dt span{ display:inline-block; width:60px; height:2px; background:#ff0000; vertical-align:middle}
.p04 dl dd p{ color:#666}