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

.w1200,.nav ul{ width:1200px; margin:0 auto; position:relative;}
.tt{ width:1200px; height:90px; margin:0 auto; padding:60px 0 20px;}

.cur.cl{-webkit-animation:zoomIn 0.5s 0.5s ease both;-moz-animation:zoomIn 0.5s 0.5s ease both;animation:zoomIn 0.5s 0.5s ease both;}
/*banner*/
.banner{ width:100%; height:720px; background:url(images/top-bg.jpg) no-repeat center center;}
.banner img{ display:block;}
.top-logo1{ width:180px; height:182px;-webkit-animation: wobble  0.5s 0s ease both;-moz-animation: wobble  0.5s 0s ease both;animation:wobble  0.5s 0s ease both;}
.top-logo2{ width:422px; height:144px; margin:0 auto;-webkit-animation: bounceInDown  0.8s 0.5s ease both;-moz-animation: bounceInDown  0.8s 0.5s ease both;animation:bounceInDown  0.5s 0.8s ease both;}
.top-theme{ width:893px; height:301px; margin:0 auto;webkit-animation:bounceInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s 0.5s ease both;animation:fadeInUp 1s 0.5s ease both;}
/*nav*/
.nav{ width:100%; height:80px; background:#373737;}
.nav ul li{ width:300px; float:left; height:80px; line-height:80px; text-align:center; position:relative; cursor:pointer;}
.nav ul li a{ color:#fff; display:block; position:absolute; width:300px; height:90px; left:0; top:0; z-index:4;}
.nav ul li i{ position:absolute; right:0; top:0; height:80px; width:4px; background:url(images/nav-line.jpg) no-repeat; z-index:2}
.nav ul li em{ width:284px; height:102px; border:8px solid #bfbfbf; position:absolute; left:4px; top:-17px; display:none; z-index:3;}
.nav ul li.on em,.nav ul li:hover em{ display:block;}
/*part1*/
.part1{ width:100%;background:#292929;}
.part1 .img{ width:833px; height:222px; margin:0 auto; display:block;}
.part1 .txt{ width:1162px; height:196px; margin:0 auto; display:block;}
/*part2*/
.part2{width:100%;background:#292929 url(images/bg.jpg) no-repeat center 200px; padding-bottom:14px;}
.part2 .line{ width:73px; height:4675px; position:absolute; left:-26px; top:220px;}
.part2-tt{ width:100%; height:60px; line-height:60px; font-family:"宋体"; font-weight:bold; font-size:30px; color:#fff;}
.part2-tt i{ color:#ff0000}
.part2 div[class|=part2]{ padding-left:60px;}
.part2-1{ margin-top:50px;}
.part2-1 p{ font-size:24px; color:#fff; padding:20px 0 50px;}

.part2-2{ height:750px;}
.part2-2 .cl{ width:1100px; background:#fff; padding:20px; position:relative;}
.part2-2 .cl .fl{ width:575px}
.part2-2 .cl .slide{ width:575px; height:358px; overflow:hidden; position:relative;}
.part2-2 .cl .slide ul li img{ width:575px; height:358px;}
.part2-2 .cl .slide span{ width:51px; height:89px; cursor:pointer;}
.part2-2 .cl .slide .prev{ position:absolute; left:0; top:50%; margin-top:-44px;}
.part2-2 .cl .slide .next{ position:absolute; right:0; top:50%; margin-top:-44px;}
.part2-2 .cl .fl dl{ padding-top:50px; font-size:14px; line-height:29px;}
.part2-2 .cl .fl dl dd b{ color:#f00;}
.part2-2 .cl .fr img{ width:510px; height:227px;}
.part2-2 .cl .fr .video{ width:510px; height:350px; background:#ccc;}
.part2-2 .tag{ height:44px; line-height:44px; padding:0 20px 0 4px; border-radius:0 22px 22px 0; background:#f00; color:#fff; font-size:20px; position:absolute; top:355px; left:0;}

.part2-4{ height:750px;}
.part2-4 .cl{ width:1100px; background:#fff; padding:20px; position:relative;}
.part2-4 .cl .fl{ width:575px}
.part2-4 .cl .slide{ width:1100px; height:537px; position:relative; float:left;}
.part2-4 .cl .slide .bd{ width:749px; height:537px; overflow:hidden; float:left}
.part2-4 .cl .slide .bd ul li img{ width:749px; height:537px;}
.part2-4 .cl .slide .hd{ float:right;height:245px; padding:290px 0 0 12px; border:1px solid #313131; border-left:none;}
.part2-4 .cl .slide .hd ul{ width:338px; float:right;}
.part2-4 .cl .slide .hd ul li{ width:154px; height:95px; float:left; margin:0 10px 10px 0; position:relative;}
.part2-4 .cl .slide .hd ul li i{ width:154px; height:95px; background:url(images/opacity.png); position:absolute; left:0; top:0; display:block; cursor:pointer;}
.part2-4 .cl .slide .hd ul li.on i{ display:none;}
.part2-4 .cl .slide span{ width:51px; height:89px; cursor:pointer;}
.part2-4 .cl .slide .prev{ position:absolute; left:0; top:50%; margin-top:-44px;}
.part2-4 .cl .slide .next{ position:absolute; right:353px; top:50%; margin-top:-44px;}
.part2-4 .theme{ width:280px; position:absolute; right:50px; top:60px;}
.part2-4 .theme h4{ height:44px; line-height:44px; padding:0 40px; border-radius:22px; background:#f00; color:#fff; font-size:20px; margin-bottom:30px;}
.part2-4 .theme h5{ font-size:14px; line-height:29px; font-weight:normal;}
.part2-4 .theme p{ font-size:14px; line-height:29px;}
.part2-4 .theme p b{ color:#f00;}

.part2-5{ height:750px;}
.part2-5 .cl{ width:1100px; background:#fff; padding:20px; position:relative; height:580px;}
.part2-5 .cl .border{ border:1px solid #333; width:1060px; height:460px; margin:20px auto 0;}
.part2-5 .cl .fl{ width:510px; position:absolute; left:20px; bottom:70px;}
.part2-5 .cl .video{ width:510px; height:350px; background:#ccc; position:absolute; left:-534px; top:-36px;}
.part2-5 .cl .fl ul{ width:440px; float:right; padding-top:70px;}
.part2-5 .cl .fl ul li{ width:106px; height:71px; padding-top:35px; border-radius:100%; background:#707070; color:#fff; text-align:center; line-height:27px; font-size:18px; float:left; margin-right:40px;white-space: nowrap; cursor:pointer;}
.part2-5 .cl .fl ul li.on{ background:#f00;}
.part2-5 .cl .fr{width:566px;  position:absolute; bottom:20px; right:20px; display:none;}
.part2-5 .cl .fr dl{ font-size:14px; line-height:22px; width:510px;}
.part2-5 .cl .fr dl dd b{ color:#f00;}
.part2-5 .cl .fr .img{ padding:5px 0; height:94px;}
.part2-5 .cl .slide{ width:564px; height:329px; overflow:hidden; position:relative;}
.part2-5 .cl .slide ul li img,.part2-5 .cl .slide ul li{ width:564px; height:329px;}
.part2-5 .cl .slide span{ width:51px; height:89px; cursor:pointer;}
.part2-5 .cl .slide .prev{ position:absolute; left:0; top:50%; margin-top:-44px;}
.part2-5 .cl .slide .next{ position:absolute; right:0; top:50%; margin-top:-44px;}

.part2-6{ height:750px;}
.part2-6 .cl{ width:1100px; background:#fff; padding:20px; position:relative;}
.part2-6 .cl .fl{ width:749px}
.part2-6 .cl .slide{ width:749px; height:537px; overflow:hidden; position:relative;}
.part2-6 .cl .slide ul li img{ width:749px; height:537px;}
.part2-6 .cl .slide span{ width:51px; height:89px; cursor:pointer;}
.part2-6 .cl .slide .prev{ position:absolute; left:0; top:50%; margin-top:-44px;}
.part2-6 .cl .slide .next{ position:absolute; right:0; top:50%; margin-top:-44px;}
.part2-6 .cl .fr { width:260px; padding:40px 20px 0 0;}
.part2-6 .cl .fr h3{ height:44px; line-height:44px; padding:0 40px; border-radius:22px; background:#f00; color:#fff; font-size:20px; margin-bottom:30px; text-align:center;}
.part2-6 .cl .fr p{ font-size:16px; line-height:24px; padding-bottom:10px;}
.part2-6 .cl .fr p b{ color:#f00;}

.part3{ width:100%; background:#333333; padding-bottom:40px;}

.part4 .bg1{width:100%; height:280px; background:url(images/part5-1.jpg) no-repeat center center;}
.part4 .bg2{width:100%; height:243px; background:url(images/part5-2.jpg) no-repeat center center;}

.part5{ width:100%; height:119px; background:#f7f7f7; padding:40px 0;}
.part5 .team{ width:175px; height:119px; float:left; margin:0 40px;}
.part5 ul{ width:620px; float:left; padding-top:29px;}
.part5 ul li{ width:50%; float:left; font-size:16px; line-height:30px;}
.part5 .img-group{ height:119px; width:226px; float:right;}
.part5 .img-group div{ float:left; width:93px; height:119px; margin-right:20px; text-align:center;}

.float{ width:122px; height:90px; position:fixed; top:100px; right:20px; background:url(images/float.png) no-repeat; text-align:center; padding-top:30px; color:#fff; cursor:pointer; display:none;}