@charset "utf-8";
/* CSS Document */
html{color:#333;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font:16px/26px "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}
.z999{ z-index:999}

.w1160{ width:1160px; margin:0 auto;}
.w648{ width:648px;}
.w580{ width:580px;}
.w512{ width:512px;}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}
.mt100{ margin-top:100px;}

.topbox{ width:100%; height:700px; background:url(images/topbg.jpg) no-repeat center top;}
.cxlg{ position:absolute; top:-40px; left:0; background:url(images/cxlg.png) no-repeat; width:258px; height:34px;}
.zt{ position:absolute; top:-130px; left:95px; background:url(images/zt.png) no-repeat; width:633px; height:221px}
.dy{ position:absolute; top:-360px; left:48px; background:url(images/dybg.png) no-repeat; width:636px; height:201px;}
.dy p{ padding:60px 40px 0 40px; font-size:14px; color:#666}
.cxlg,.zt,.dy{ opacity:0; filter:alpha(opacity=0);}

.nav span{ display:inline-block; float:left; width:8px; height:140px; background:#2187dc; vertical-align:top; margin-top:-40px;}
.nav a{ display:block; float:left; font-size:30px; padding:0 100px; line-height:30px; margin:35px 0; border-right:1px solid #666; color:#666}

.tit{ width:100%; height:60px; line-height:60px; margin:40px auto; text-align:center; position:relative}
.tit span{ display:block; width:100%; height:1px; background:#bfbfbf; position:absolute; top:29px; left:0; z-index:-1}
.tit h2{ font-size:48px;}
.tit h2 b{ padding:0 20px; background:#fff}
.tit h2 i{ color:#2187dc}

.stit h2{ font-size:34px; font-weight:normal; line-height:60px;}
.stit h2 b{ color:#2187dc; font-weight:normal}
.stit i{ display:inline-block; width:22px; height:22px; background:url(images/icons.png) no-repeat;}
.stit i.i_r{ background-position:0 -22px;}
.dw01{position:absolute; top:-60px; right:0}
.dw02{ position:absolute; top:30px; right:100px}

.parta{ height:390px; background:#eee}
.parta .fl{ margin-top:-60px;}
.parta .fr{ padding:40px 0 0 40px; width:472px}
.parta .fr b{ font-size:24px; font-weight:normal; line-height:50px;}
.parta .fr p{ font-size:18px; line-height:35px;}

.partb { height:555px;}
.partb span{ display:block; width:100%; height:325px; background:#eee; position:absolute; bottom:0; left:0}
.partb .fr{ width:680px; position:absolute; top:0; right:0}
.partb .fr .vedio{ width:100%; height:393px; background:#000}
.partb .fr b{ display:inline-block; line-height:45px; background:#2187dc; color:#fff; font-size:28px; font-weight:normal; padding:0 20px; margin:20px 0 10px 0}
.partb .fr p{ padding:0 25px 0 75px; text-align:justify}

.partc{  width:100%; background:url(images/partc_bg.jpg) no-repeat center top; }
.slideBox .hd{ text-align:center}
.slideBox .hd ul{ padding-left:355px;}
.slideBox .hd ul li{ width:124px; height:150px; margin:0 15px; float:left; cursor:pointer}
.slideBox .hd ul li b{ display:inline-block; width:122px; height:60px; background:#fff; border:1px solid #333; border-radius:100%; font-size:28px; font-weight:normal; line-height:30px; padding:31px 0}
.slideBox .hd ul li i{ display:none; width:21px; height:12px; background:url(images/icons.png) no-repeat 0 -337px;vertical-align:top; margin-top:-1px}
.slideBox .hd ul li.on b{ background:#2187dc; border:1px solid #2187dc; color:#fff;}
.slideBox .hd ul li.on i{ display:inline-block}
.shop .fl{ width:385px; padding:50px 60px 50px 50px; background:#2187dc; color:#fff; position:absolute; top:55px; left:0}
.shop .fl b{ font-size:30px; line-height:50px; font-weight:normal}
.shop .fl img{ margin-top:10px;}
.shop .fr{ width:705px; height:441px;}
.brand .bigImg li{ width:100%; float:left;}
.brand .bigImg li .pic{ width:580px; height:440px;}
.brand .bigImg li .txt{ width:520px;}
.brand .bigImg li .txt b{ display:block; font-weight:normal; font-size:30px; color:#2187dc; padding:50px 0 30px 0;}
.brand .smallScroll{ position:absolute; top:300px; right:0; width:550px}
.brand .smallScroll a{ display:block; float:left; font-size:70px; font-family:"宋体"; width:29px; text-align:center; line-height:104px;}
.brand .smallImg{ float:left; width:492px; height:104px; overflow:hidden}
.brand .smallImg ul li{ width:104px; height:104px; float:left; margin:0 30px;}
.brand .smallImg ul li img{ border-radius:100%;}
.Performance ul li{ width:899px; margin:0 auto;position:relative}
.Performance ul li .txt{ position:absolute; top:130px; left:343px; width:194px; height:200px; padding:0 10px}
.Performance ul li .txt b{ display:block; text-align:center; font-size:24px; color:#2187dc}
.Performance a,.slideBox04 a{ display:block; position:absolute; top:190px; width:77px; height:66px; background:url(images/icons.png) no-repeat;}
.Performance a.sPrev,.slideBox04 a.prev{ left:0; background-position:0 -44px}
.Performance a.sNext,.slideBox04 a.next{ right:0; background-position:0 -110px}
.Performance a.sPrev:hover,.slideBox04 a.prev:hover{ background-position:-77px -44px}
.Performance a.sNext:hover,.slideBox04 a.next:hover{ background-position:-77px -110px}
.slideBox04 a.prev{ left:-80px; top:450px}
.slideBox04 a.next{ right:-80px; top:450px}
.vR{ width:100%;text-align:center}
.vR a{ display:block; width:100%; font-size:28px; color:#ff0000; padding:20px 0}
.vR .vrbg{ display:block; width:100%; height:595px; background:url(images/vrbg.jpg) no-repeat center top;}

.focus .hd ul{ padding-left:250px;}
.focus .hd ul li{ width:213px; height:50px; float:left; line-height:50px; text-align:center; font-size:20px; background:url(images/icons.png) no-repeat 0 -349px; cursor:pointer}
.focus .hd ul li.on{ background:url(images/icons.png) no-repeat 0 -399px; color:#fff;}
.focus .bd ul li{ width:100%; float:left}
.focus .bd ul li .video{ width:600px; height:450px; background:#e5e5e5}
.focus .bd ul li .video a{ display:inline-block; float:right; padding-right:30px; text-decoration:underline; line-height:50px;}
.focus .bd ul li .txt{ width:540px;}
.focus .bd ul li .txt .per{ width:100%; overflow:hidden}
.focus .bd ul li .txt img{ width:170px; height:170px; float:left; border-radius:100%; margin-right:50px;}
.focus .bd ul li .txt h2{ font-size:24px; font-weight:normal; line-height:30px; padding-top:50px;}
.focus .bd ul li .txt h2 b{ font-size:30px; font-weight:normal}
.focus .bd ul li .txt p{ width:100%; text-align:justify; font-size:14px; padding-top:10px; line-height:24px;}

.sign{ width:1158px; border:1px solid #ccc; border-radius:5px; overflow:hidden}
.sign b{ display:block;float:left; width:27px; padding:10px; background:#2187dc; text-align:center; font-size:24px; color:#fff; }
.sign p{ padding:40px 30px 0 80px;}

.tm_bg{ width:100%; background:url(images/tm_bg.jpg) no-repeat center top; min-height:909px;}
.partd p{ float:left; width:460px; padding:40px 0 0 80px; color:#fff; line-height:30px;}
.slideBox02 a{ display:block; width:40px; height:40px; background:url(images/icons.png) no-repeat; position:absolute; top:300px;}
.slideBox02 a.sPrev{ background-position:0 -176px; left:-100px;}
.slideBox02 a.sNext{ background-position:-40px -176px; left:-50px;}
.slideBox02 a.sPrev:hover{ background-position:0 -216px}
.slideBox02 a.sNext:hover{ background-position:-40px -216px}

.slideBox03 .smallScroll2{ width:108px; float:left}
.slideBox03 .smallScroll2 a{ display:block; width:40px; height:40px; float:left; margin:0 34px; background:url(images/icons.png) no-repeat;}
.slideBox03 .smallScroll2 a:hover{ background:url(images/icons.png) no-repeat}
.slideBox03 .smallScroll2 a.sPrev{ background-position:0 -256px;}
.slideBox03 .smallScroll2 a.sPrev:hover{ background-position:0 -296px}
.slideBox03 .smallScroll2 a.sNext:hover{ background-position:-40px -296px}
.slideBox03 .smallScroll2 a.sNext{ background-position:-40px -256px}
.slideBox03 .smallScroll2 .smallImg2{ width:100%; height:364px; overflow:hidden; float:left}
.slideBox03 .smallScroll2 .smallImg2 ul li{ width:106px; height:106px; text-align:center; line-height:108px; border:1px solid #b9b9b9; border-radius:100%; font-size:24px; margin-top:10px; cursor:pointer}
.slideBox03 .smallScroll2 .smallImg2 ul li.on{ background:#2187dc; border:1px solid #2187dc; color:#fff}
.slideBox03 .bigImg2{ width:1020px; float:right}
.slideBox03 .bigImg2 li{ width:100%; float:left; }
.slideBox03 .bigImg2 li img{ width:552px; height:434px;}
.slideBox03 .bigImg2 li .txt{ width:440px; float:right; padding-top:80px}
.slideBox03 .bigImg2 li .txt h2{ font-size:30px; font-weight:normal; margin-left:-65px; line-height:50px}
.slideBox03 .bigImg2 li .txt h2 i{ display:inline-block; width:65px; height:7px; background:#2187dc; margin-right:5px}
.slideBox03 .bigImg2 li .txt p{ padding-top:50px}
.slideBox03 .bigImg2 li .txt img{ width:248px; height:158px;}

.page{ width:570px; text-align:center; background:#e5e5e5}
.page p{ line-height:40px;}

.slideBox04 h2{ text-align:center; font-size:18px; padding:0 0 20px 0; font-weight:normal}
.user dl{ width:100%; float:left}
.user dl dt{ width:315px; height:419px; padding:50px 50px; float:left; background:#2187dc}
.user dl dt img{ display:block; margin:0 47px;}
.user dl dt b{ display:block; text-align:center; color:#fff; font-size:24px; padding:15px 0}
.user dl dt b span{ display:inline-block; vertical-align:middle; width:20px; height:3px; background:#fff;}
.user dl dt p{ color:#fff}`
.user dl dd{ width:745px; float:left}
.user dl dd img{ vertical-align:top}
.user ul{ width: 1185px;}
.user ul li{ width:374px; float:left; margin-right:21px;}
.user h3{ font-size:14px; width:100%; padding:10px 0; overflow:hidden}
.user h3 i{ display:inline-block; float:left; font-size:18px; color:#2187dc; border-right:2px solid #2187dc; padding-right:5px; margin-right:10px; vertical-align:middle}
.user h3 p{ float:left; width:1100px}

.end{ background:#2a2a2e; padding:50px 0; text-align:center}
.end p{ color:#fff; font-size:18px; line-height:35px; margin-top:30px;}
.team{ background:#f7f7f7; padding:30px 0}
.team .tmtit{ padding:35px 0 0 25px}
.team p{ padding:35px 70px 0 70px;}
.team .fr{ padding-right:50px;}
.team .fr>div{ margin:0 10px;}
.gz_nav{ margin:20px 0 0 10px}