@charset "utf-8";
/* CSS Document */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,p,span,strong,em,table,tr,td,form,input,select,option,textarea,a,button,sub,sup,img,header,map,menu,pre,section,source,time,title,video,small,nav,mark,main,footer,canvas,article,area,address{margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,input,select,option,textarea,a,button{font-family:"微软雅黑","宋体";}

a{text-decoration:none;}
a,a:hover,a:active,a:visited,a:link{out-line:none;}
:focus{outline:0;}

table{cellpadding:0; cellspacing:0;}
table,tr,td{border:none; border-collapse:collapse;}

img{border:none; /*vertical-align:bottom;*/}

input,button,textarea{border:0; background:none;}

li{list-style:none;}

.cf{zoom:1;}
.cf:after{display:table; content:''; clear:both}

.noMr{margin-right:0;}
.noMb{margin-bottom:0;}

p{font-size:12px; color:#fff;}

.wrc_wrap#pagetop #header{height:65px; background:url(../img/head_bg.png) 0 0 no-repeat; background-size:100% 100%;}
.wrc_wrap#pagetop #header h1 a{background:url(../img/logo.jpg) center 13px no-repeat; background-size:100px auto;}
.wrc_wrap#pagetop #header h1 a{text-indent:-10000000000000000px;}
.wrc_wrap#pagetop #btn_menu_item01 {background-image: url(../img/btn_menu_top.png);}
.wrc_wrap#pagetop #btn_menu_item02 {background-image: url(../img/btn_menu_bottom.png);}
.wrc_wrap#pagetop #btn_menu_item03 {background-image: url(../img/btn_menu_middle.png);}
.wrc_wrap#pagetop #btn_menu_item04 {background-image: url(../img/btn_menu_middle.png);}



.wrc_wrap #drawer{ background:url(../img/nav_bg.jpg) 0 0 no-repeat; top:0; padding-top:60px;}
.wrc_wrap #drawer .first_node {border-bottom:none;}
#drawer .first_node > li{border-botttom:1px solid #000; border-top:1px solid #373737;}
#drawer .first_node > li:first-child{border-top:0;}
#drawer .first_node > li > a{color:#fff; font-weight:900;}
#wrapper{display:block;}

.what{width:100%; height:auto; background:url(../img/wrc/bg.jpg) 0 0 no-repeat; background-size:100% 100%;}
.what h2{width:100%; margin-bottom:15px;}
.what h3{font-size:16px; color:#fff; margin-bottom:15px; }
.what p{font-size:12px; color:#fff;}
.what p.txt_more{display:none;}
.what span.more_btn{display:block; width:100%; margin-top:10px; text-align:center;}
.what span.more_btn img{width:25%;}
.what .txt_wrap{width:100%;}



.what .page1{width:100%; padding-top:30px;}
.what .page1 img{width:100%;}

.what .page2{width:96%; padding:20px 2%;}
/*.what .page2 h2 img{width:40%;}*/
.what .page2 h2 img{width:100%;}

.what .page3{width:96%; padding:20px 2%;}
/*.what .page3 h2 img{width:40%;}*/
.what .page3 h2 img{width:100%;}
.what .page3 p.pic{width:100%;}
.what .page3 p.pic img{width:100%;}

.what .page4{width:96%; padding:20px 2%;}
/*.what .page4 h2 img{width:55%;}*/
.what .page4 h2 img{width:100%;}
/*.what .page4 h2:first-child img{width:85%;}*/
.what .page4 h2.h2Mt{margin-top:30px;}

.what .page5{width:96%; padding:20px 2%;}
.what .page5 .tab_wrap{width:100%;}
.what .page5 .tab_wrap .tab_con{width:100%; height:200px; margin-bottom:15px;}
.what .page5 .tab_wrap .tab_con video{width:100%; height:200px; display:none; }
.what .page5 .tab_wrap .tab_con video.on{display:block;}
.what .page5 .tab_wrap .tab_btn{width:100%;}
.what .page5 .tab_wrap .tab_btn span{display:block; width:32%; float:left; margin-right:2%;}
.what .page5 .tab_wrap .tab_btn span:nth-child(3){margin-right:0;}
.what .page5 .tab_wrap .tab_btn span img{width:100%;}

.what .page6{width:96%; padding:20px 2%;}
/*.what .page6 h2 img{width:28%;}*/
.what .page6 h2 img{width:100%;}

.what .page7{width:96%; padding:20px 2%;}
/*.what .page7 h2 img{width:45%;}*/
.what .page7 h2 img{width:100%;}

.what .page8{width:96%; padding:20px 2%;}
.what .page8 .l{width:49.5%; float:left;}
.what .page8 .r{width:49.5%; float:right;}
.what .page8 img{width:100%; margin-bottom:10px;}


/*swiper代码覆盖*/
#btn_menu{ z-index:1000;}

html, body {position:relative; height:100%;}
.swiper-container {width:100%; height:100%;}
.swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
       /* -webkit-align-items: center;
        align-items: center;*//*设置内容垂直居中*/
    }
.swiper-button-next-v{
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0,-5px, 0);
    transform: translate3d(0,-5px, 0);
  }

  20%, 40%, 60%, 80%,100% {
    -webkit-transform: translate3d(0,5px, 0);
    transform: translate3d(0,5px, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0,-5px, 0);
    transform: translate3d(0,-5px, 0);
  }

  20%, 40%, 60%, 80%,100% {
    -webkit-transform: translate3d(,5px, 0);
    transform: translate3d(0,5px, 0);
  }
}

.swiper-button-next-v{width:30px; height:20px; background:url(../img/todown.png) 0 0 no-repeat; background-size:100% auto; margin-top:none; top:auto; right:auto; left:50%; margin-left:-15px; bottom:5px;}
.swiper-button-next-v.swiper-button-disabled{cursor:auto; opacity:0; pointer-events:none;}

.swiper-slide .con{position:relative; width:100%; }


.swiper-slide li .left{width:104px; text-align:center; height:64px; top:42%; position:absolute; color:#000; font-size:20px; font-style:italic; left:0px; font-weight:bold; text-shadow: 3px 0 3px #fff, 0 3px 3px #fff, 0 -3px 3px #fff, -3px 0 3px #fff;}
.swiper-slide li .right{width:100px; height:64px; top:42%; position:absolute;  color:#000; font-size:20px; font-style:italic; right:8px; font-weight:bold; text-shadow: 3px 0 3px #fff, 0 3px 3px #fff, 0 -3px 3px #fff, -3px 0 3px #fff;}

/*首页*/
.index .page1{ background:url(../img/index/bg1.jpg) 0 0 no-repeat; background-size:100% auto;-webkit-align-items: center;
 align-items: center;}
.index .page2{ background:url(../img/index/bg2.jpg) 0 0 no-repeat; background-size:100% 100%;}
.index .page3{ background:url(../img/index/bg3.jpg) 0 0 no-repeat; background-size:100% 100%;}
.index .page4{ background:url(../img/index/bg4.jpg) 0 0 no-repeat; background-size:100% 100%;}


.index .page1 img{width:100%; margin-top:80px;}

.index .page2{width:100%; position:relative;}
/*.index .page2 .flexslider{border:0; background:none; margin:0;}
.index .page2 .flexslider .slides > li p{letter-spacing: 0em;margin-top:5px;padding-left:5px;}
.index .page2 .flexslider .slides > li p span:first-child{ }
.index .page2 .flexslider .slides > li p span:last-child{float:right;} 
.index .page2 .flex-direction-nav{position:absolute; z-index:1000000000000; top:42%; width:100%;}
.index .page2 .flex-direction-nav a{width:50px; height:64px; margin-top:-32px; top:0%; text-indent:-100000px; opacity:1; }
.index .page2 .flex-direction-nav .flex-prev {background:url(../img/index/l.png) 0 0 no-repeat;  left:17px;}
.index .page2 .flex-direction-nav .flex-next {background:url(../img/index/r.png) 0 0 no-repeat; right:17px;  }
.index .page2 .flexslider:hover .flex-prev {opacity:1; left:17px;}
.index .page2 .flexslider:hover .flex-next {opacity:1; right:17px; z-index:1000000000000;}
.index .page2 .flex-control-nav{display:none; bottom:2px; text-align:right; font-size:12px;}
.index .page2 .flex-control-paging li{position:absolute; bottom:5px; right:0px;}
.index .page2 .flex-control-paging li a{display:none; background:none; border:none;}
.index .page2 .flex-control-paging li a.flex-active{ background:none; border:none; display:block; box-shadow:none;}

.index .page2 .flexslider .slides > li p{width:100%; background:url(../img/index/bg2_2.png) 0 0 no-repeat; background-size:100% 100%; margin-top:-88px; padding:40px 0 50px; position:relative; z-index:100000000;}
.index .page2 .flexslider .slides > li p span{width:96%; padding:0 2%; margin-bottom:10px;}
.index .page2 .flexslider .slides > li a{width:30%; margin:0 auto; display:block;}
.index .page2 .flexslider .slides > li a img{width:100%;}*/

.index .page2 li{width:100%; /*height:100%;*/}
.index .page2 li p{width:100%; background:url(../img/index/bg2_2.png) 0 0 no-repeat; background-size:100% 100%; margin-top:-38px; padding:30px 0 15px; position:relative; z-index:100000000; text-align:left;}
.index .page2 li p span{display:block; width:96%; margin:0 auto 10px;}
.index .page2 li a{width:30%; margin:0 auto; display:block;}
.index .page2 li img{width:100%;}
.index .page2 li img.pic{margin-top:-40px;}

.index .page2 .swiper-button-prev-h{width:50px; height:64px; background:url(../img/index/r.png) 0 0 no-repeat; background-size:100% 100%; top:35%;}
.index .page2 .swiper-button-next-h{width:50px; height:64px; background:url(../img/index/l.png) 0 0 no-repeat; background-size:100% 100%; top:35%;}



.index .page3 .part1{width:100%; padding-top:25px;}
.index .page3 .part1 img{width:100%;}
.index .page3 .part2{width:100%; margin-top:-35px; position:relative; z-index:1;}
.index .page3 .part2 .tab_wrap .tab_btn{width:100%; /*margin-bottom:5px;*/}
.index .page3 .part2 .tab_wrap .tab_btn li{width:33.33%; float:left; background:rgba(0,0,0,0.8); font-size:14px; line-height:30px; text-align:center; font-weight:900; color:#fff;}
.index .page3 .part2 .tab_wrap .tab_btn li.on{background:rgba(153,0,0,0.8);}
.index .page3 .part2 .tab_wrap .tab_con{width:100%;}
.index .page3 .part2 .tab_wrap .tab_con li{width:100%; display:none;}
.index .page3 .part2 .tab_wrap .tab_con li img{width:100%;}
.index .page3 .part2 .tab_wrap .tab_con li.on{display:block;}

.index .page4 h2{width:100%; padding-top:75px;}
.index .page4 h2 img{width:100%;}

.index .page4 a{width:100%; display:block; margin-top:25px;}
.index .page4 a img{width:100%;}
.index .page4 a.topf{margin-top:-15px;}
.index .page4 p{width:60%; display:block; margin-top:20px; padding-left:5%;}
.index .page4 p img{width:100%;}


/*report*/
.report{width:100%; position:relative;}
.report .page1{width:100%; padding-top:80px; background:url(../img/report/con_bg.jpg) 0 0 no-repeat #000; }
.report .page1 .tab_btn{width:300px; margin:0 auto; position:relative;}
.report .page1 .tab_btn .bd{width:100%; overflow:hidden;height:103px; position:relative;}
.report .page1 .tab_btn .bd .span_wrap{width:100%; height:100%; left:0;position:absolute; }
.report .page1 .tab_btn .bd .span_wrap p{display:block;width:150px; height:103px;/* background:url(../img/report/bg1.png) 0 0 no-repeat;*/ position:relative; overflow:hidden;float:left; cursor:pointer;}
/*.report .page1 .tab_btn .bd span.current{background:url(../img/report/bg1_on.png) 0 0 no-repeat;}*/
.report .page1 .tab_btn .bd .span_wrap p img{width:145px;}

.report .page1 .tab_btn .arrow {display:block; width:24px; height:60px; position:absolute; top:22px; cursor:pointer; z-index:1;}
.report .page1 .tab_btn .arrow.arrow_left{background:url("../img/report/l1.png") 0 0 no-repeat; background-size:100% auto; left:-27px; z-index:10;}
.report .page1 .tab_btn .arrow.arrow_left.on{background:none; cursor:default;}
.report .page1 .tab_btn .arrow.arrow_right{background:url("../img/report/r1.png") 0 0 no-repeat; background-size:100% auto; right:-27px; z-index:10;}
.report .page1 .tab_btn .arrow.arrow_right.on{background:none; right:0; cursor:default;}


.report .page1 .flexslider{border:0; background:none; margin:0;}
.report .page1 .flexslider .slides > li p{letter-spacing: 0em;margin-top:5px;padding-left:5px;}
.report .page1 .flexslider .slides > li p span:first-child{ }
.report .page1 .flexslider .slides > li p span:last-child{float:right;} 

/*.report .page1 ul.flex-direction-nav{width:100%; position:absolute; height:89px; margin:-45px 0 0; top:50%;}
.flex-direction-nav a {cursor:pointer; display:block; width:52px; height:89px; margin:-45px 0 0; opacity:1; text-indent:-1000000px;}*/

.report .page1 .flex-direction-nav a{width:52px; height:89px; margin-top:-32px; text-indent:-100000px; opacity:1;}
.report .page1 .flex-direction-nav .flex-prev {background:url(../img/report/l2.png) 0 0 no-repeat;  left:3px;}
.report .page1 .flex-direction-nav .flex-next {background:url(../img/report/r2.png) 0 0 no-repeat; right:3px;  }
.report .page1 .flexslider:hover .flex-prev {opacity:1; left:3px;}
.report .page1 .flexslider:hover .flex-next {opacity:1; right:3px;}
.report .page1 .flex-control-nav{display:block; bottom:12px;}

.report .page1 .flex-control-paging li a{display:block; width:21px; height:23px; overflow:hidden; background:url(../img/report/off.png) 0 0 no-repeat; border:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none; text-indent:-1000000px;}
.report .page1 .flex-control-paging li a.flex-active{ background:url(../img/report/on.png) 0 0 no-repeat; border:none; display:block; box-shadow:none;}

.report .page1 .tab_con{position:relative;}
.report .page1 .tab_con .box{width:100%; opacity:0; position:relative; top:0; left:0; height:0; overflow:hidden;}
.report .page1 .tab_con .box.on{opacity:1; height:auto; overflow:auto;}

.report .page1 .race_tab_w{width:100%;}
.report .page1 .race_tab_btn{width:100%;}
.report .page1 .race_tab_btn li{width:33.3%; height:36px; float:left; background:url(../img/report/off2.png) 0 0 no-repeat; background-size:100% 100%; font-size:16px; line-height:36px; text-align:center; color:#fff; font-weight:900; margin-bottom:15px;}
.report .page1 .race_tab_btn li.current{background:url(../img/report/on2.png) 0 0 no-repeat; background-size:100% 100%;}

.report .page1 .race_tab_con li{width:98%; padding:0 1% 40px; display:none; margin:0 auto;}
.report .page1 .race_tab_con li.current{display:block;}

.report h2{width:100%; font-size:18px; margin:15px 0; color:#fff;}
.report h3{font-size:16px; color:#fff; margin:15px 0; }
.report p{font-size:12px; color:#fff;}
.report p.pic{width:98%; padding:0 1%; color:#ccc; margin-top:20px; text-align:center;}
.report p.pic img{width:100%;}
.report p.txt_more{display:none;}
.report span.more_btn{display:block; width:100%; margin-top:10px; text-align:center;}
.report span.more_btn img{width:25%;}
.report .txt_wrap{width:100%;}

.report .page1 .race_tab_btn  li.nobtn{background:url(../img/report/nobtn.png) 0 0 no-repeat; background-size:100% 100%; color:#333;}

.report .page1 .race_tab_con li:nth-child(2) p.pic{margin-bottom:20px;}
.report .page1 .race_tab_con li:nth-child(3) p.pic{margin-bottom:20px;}
.report .page1 .race_tab_con li:nth-child(4) p.pic{margin-bottom:20px;}
.report .page1 .race_tab_con li:nth-child(5) p.pic{margin-bottom:20px;}
.report .page1 .race_tab_con li:nth-child(6) p.pic{margin-bottom:20px;}
.report .page1 .race_tab_con .v{width:98%; margin:0 auto 20px;}
.report .page1 .race_tab_con .v img{display:block; width:100%;}
.report .page1 .race_tab_con .v video{width:100%;}

/*==============================cars=================================*/
/*中间轮播图区域*/
.cars{width:100%;}

.cars .swiper-button-next{
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name: shake;
  animation-name: shake;
}

.cars .swiper-button-next{width:30px; height:20px; background:url(../img/todown.png) 0 0 no-repeat; background-size:100% auto; margin-top:none; top:auto; right:auto; left:50%; margin-left:-15px; bottom:5px;}
.cars .swiper-button-next.swiper-button-disabled{cursor:auto; opacity:0; pointer-events:none;}

.cars .page1{background:#000; background-size:100% 100%; position:relative;}
.cars .page1 .con{padding-top:75px;}
.cars .page1 .con .part1{width:100%; background:url(../img/cars/bg1.jpg) no-repeat 0 0; background-size:100% 100%;}
.cars .page1 .con .content_middle{width:100%; margin:0px auto; position:relative;}
.cars .page1 .con .content_middle .common{display:block;}

/*左右切换图标*/
.cars .page1 .con .content_middle .common{display:block; width:50px; height:178px; position:absolute; z-index:25; top:60%; display:block;}
.cars .page1 .con .content_middle .btnLeft{opacity:1; left:0px; background:url(../img/cars/l.png) no-repeat 0 bottom; background-size:100% auto;}
.cars .page1 .con .content_middle .btnRight{opacity:1; right:0px; background:url(../img/cars/r.png) no-repeat 0 bottom; background-size:100% auto;}
/*左右切换图标*/
.cars .page1 .con .content_middle ul{position:relative; width:90%; margin:0 auto;}
.cars .page1 .con .content_middle ul li{width:100%;/* height:344px;*/ opacity:0; /*filter:alpha(opacity=0);*/ position:absolute; z-index:1; }
.cars .page1 .con .content_middle ul li img{width:100%;}
.cars .page1 .con .part2{width:96%; padding:0 2%; position:absolute; bottom:30px;}
.cars .page1 .con .part2 h2{width:100%;}
.cars .page1 .con .part2 h2 img{width:96%;}
.cars .page1 .con .part2 h3{font-size:16px; color:#fff; margin:15px 0 10px;}
.cars .page1 .con .part2 p{font-size:12px; color:#ccc;}



.cars .page2{background:url(../img/cars/bg2.jpg) no-repeat 0 0; background-size:100% 100%;  position:relative;-webkit-align-items: center; align-items: center;}
.cars .page2 .con{padding-top:75px;}

.cars .page2 .tab_wrap{width:360px; height:400px; position:relative; background:url(../img/cars/box_bg.png) 0 bottom no-repeat; background-size:100% auto; margin:0 auto;}
.cars .page2 .tab_wrap .tab_btn{width:100%; height:100%; position:relative; z-index:2;}
.cars .page2 .tab_wrap .tab_btn li{position:absolute; z-index:1; cursor:pointer;}
.cars .page2 .tab_wrap .tab_con{width:100%; position:absolute;top:0; left:0; z-index:1;}
.cars .page2 .tab_wrap .tab_con li{width:100%; position:absolute; z-index:1; display:none;left:0;}
.cars .page2 .tab_wrap .tab_con li img{width:100%;}
.cars .page2 .tab_wrap .tab_con li.on{display:block;}
.cars .page2 .tab_wrap .tab_con li.txt1{top:0; left:-20px;}
.cars .page2 .tab_wrap .tab_con li.txt2{top:0; left:-20px;}
.cars .page2 .tab_wrap .tab_con li.txt3{top:0;}
.cars .page2 .tab_wrap .tab_con li.txt4{top:0; left:-20px;}
.cars .page2 .tab_wrap .tab_con li.txt5{top:0;}

.cars .page2 .tab_wrap .tab_btn .btn1{width:46px; height:45px; bottom:42px; left:21px;}
.cars .page2 .tab_wrap .tab_btn .btn2{width:46px; height:44px; bottom:65px; left:63px;}
.cars .page2 .tab_wrap .tab_btn .btn3{width:75px; height:45px; bottom:2px; left:152px;}
.cars .page2 .tab_wrap .tab_btn .btn4{width:34px; height:45px; bottom:63px; left:154px;}
.cars .page2 .tab_wrap .tab_btn .btn5{width:75px; height:44px; bottom:16px; left:236px;}
.cars .page2 .tab_wrap .tab_btn .btn1.on{background:url(../img/cars/btn_on1.png) center 0 no-repeat; background-size:40px auto;}
.cars .page2 .tab_wrap .tab_btn .btn2.on{background:url(../img/cars/btn_on2.png) center 0 no-repeat; background-size:40px auto;}
.cars .page2 .tab_wrap .tab_btn .btn3.on{background:url(../img/cars/btn_on3.png) center 0 no-repeat; background-size:40px auto;}
.cars .page2 .tab_wrap .tab_btn .btn4.on{background:url(../img/cars/btn_on4.png) center 0 no-repeat; background-size:40px auto;}
.cars .page2 .tab_wrap .tab_btn .btn5.on{background:url(../img/cars/btn_on5.png) center 0 no-repeat; background-size:40px auto;}

.cars .page2 .tab_wrap .tab_btn li.btn2 .animat{animation-delay:0.3s; -webkit-animation-delay:0.3s;}
.cars .page2 .tab_wrap .tab_btn li.btn3 .animat{animation-delay:0.4s; -webkit-animation-delay:0.4s;}
.cars .page2 .tab_wrap .tab_btn li.btn4 .animat{animation-delay:0.6s; -webkit-animation-delay:0.6s;}
.cars .page2 .tab_wrap .tab_btn li.btn5 .animat{animation-delay:0.8s; -webkit-animation-delay:0.8s;}
.cars .page2 .tab_wrap .tab_btn li .animat img{width:100%;}
.cars .page2 .tab_wrap .tab_btn li .animat,
.cars .page2 .tab_wrap .tab_btn li p{width:100%; position:absolute; left:0; top:0;}
.cars .page2 .tab_wrap .tab_btn li p img{width:100%;}
.cars .page2 .tab_wrap .tab_btn li .animat{-webkit-animation-duration:1s;
										  animation-duration:1s;
										  -webkit-animation-fill-mode: both;
										  animation-fill-mode: both;
										  -webkit-animation-name: rotateIn;
										  animation-name: rotateIn;
										  -webkit-animation-iteration-count:infinite;
										  animation-iteration-count:infinite; 
										  /*animation-timing-function:linear;
										  -webkit-animation-timing-function:linear;*/
										   display:block; width:40px; left:50%; margin-left:-20px;}
@-webkit-keyframes rotateIn {
  from {-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -360deg);
		transform: rotate3d(0, 0, 1, -360deg);
		opacity: 1;}

  to {-webkit-transform-origin: center;
	  transform-origin: center;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;}
}

@keyframes rotateIn {
  from {-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -360deg);
		transform: rotate3d(0, 0, 1, -360deg);
		opacity: 1;}

  to {-webkit-transform-origin: center;
	  transform-origin: center;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;}
}

/*==============================team====================*/

/*.team .page1{background:url(../img/team/1.jpg) no-repeat 0 0 #000; background-size:100% 100%;}
.team .page2{background:url(../img/team/2.jpg) no-repeat 0 0 #000; background-size:100% 100%;}
.team .page1 .con{width:100%; padding-top:24px;}
.team .page1 .con img{display:block; width:80%; margin:0 auto;}
.team .page2 .con{width:100%; padding-top:75px;}
.team .page2 .con img{display:block; width:80%; margin:0 auto;}*/

.team{width:100%; background:url(../img/team/1.jpg) no-repeat 0 0 #000; background-size:100% 100%; padding-bottom:40px;}
.team .page1{width:100%; padding:25px 2% 0;}
.team .page1 img{width:100%;}
.team .page2{width:100%; margin-top:30px; padding:25px 2% 0;}
.team .page2 img{width:100%;}

/*==============================score====================*/
.score{width:100%;background:url(../img/score/bg.jpg) no-repeat 0 0 #000; background-size:100% 100%; padding-bottom:40px;}
.score .page1{width:100%; padding-top:30px;}
.score .page1 img{width:100%;}
.score h2{width:100%;}
.score h2 img{width:100%;}

.score .page2{width:100%; margin-top:25px;}
.score .page2 .tab_wrap .tab_btn{width:100%; margin:25px 0 20px;}
.score .page2 .tab_wrap .tab_btn li{width:33.33%; float:left; background:rgba(0,0,0,0.8); font-size:14px; line-height:30px; text-align:center; font-weight:900; color:#fff;}
.score .page2 .tab_wrap .tab_btn li.on{background:rgba(153,0,0,0.8);}
.score .page2 .tab_wrap .tab_con{width:100%;}
.score .page2 .tab_wrap .tab_con li{width:100%; display:none;}
.score .page2 .tab_wrap .tab_con li img{width:100%;}
.score .page2 .tab_wrap .tab_con li.on{display:block;}

.score .page3{margin-top:30px;}
.score .page3 .tab2_wrap .tab2_btn{width:100%; margin:25px 0 20px;}
.score .page3 .tab2_wrap .tab2_btn li{width:33.33%; float:left; background:rgba(0,0,0,0.8); font-size:14px; line-height:30px; text-align:center; font-weight:900; color:#fff;}
.score .page3 .tab2_wrap .tab2_btn li.on{background:rgba(153,0,0,0.8);}
.score .page3 .tab2_wrap .tab2_con{width:100%;}
.score .page3 .tab2_wrap .tab2_con li{width:100%; display:none;}
.score .page3 .tab2_wrap .tab2_con li img{width:100%;}
.score .page3 .tab2_wrap .tab2_con li.on{display:block;}


.score .page3 .tab_btn{width:300px; margin:25px auto 0; position:relative;}
.score .page3 .tab_btn .bd{width:100%; overflow:hidden;height:70px; position:relative;}
.score .page3 .tab_btn .bd .span_wrap{width:100%; height:100%; left:0;position:absolute; }
.score .page3 .tab_btn .bd .span_wrap p{width:150px; height:70px; padding:9px 0; position:relative; overflow:hidden;float:left; cursor:pointer; background:url("../img/score/off.png") 0 0 no-repeat; background-size:100% 100%; font-size:18px; font-weight:900; text-align:center;}
.score .page3 .tab_btn .bd .span_wrap p.on{background:url("../img/score/on.png") 0 0 no-repeat; background-size:100% 100%;}
.score .page3 .tab_btn .bd .span_wrap p img{width:145px;}

.score .page3 .tab_btn .arrow {display:block; width:24px; height:60px; position:absolute; top:16px; cursor:pointer; z-index:1;}
.score .page3 .tab_btn .arrow.arrow_left{background:url("../img/report/l1.png") 0 0 no-repeat; background-size:100% auto; left:-27px; z-index:10;}
.score .page3 .tab_btn .arrow.arrow_left.on{background:none; cursor:default;}
.score .page3 .tab_btn .arrow.arrow_right{background:url("../img/report/r1.png") 0 0 no-repeat; background-size:100% auto; right:-27px; z-index:10;}
.score .page3 .tab_btn .arrow.arrow_right.on{background:none; right:0; cursor:default;}

.score .page3 .tab_wrap .tab_con{width:100%;}
.score .page3 .tab_wrap .tab_con .box{width:100%; display:none;}
.score .page3 .tab_wrap .tab_con .box img{width:100%;}
.score .page3 .tab_wrap .tab_con .box.on{display:block;}



/************背后的故事story*************/
.story{width:100%; height:auto; background:#000;}
.story p{font-size:12px; color:#fff;}
.story p.txt_more{display:none;}
.story span.more_btn{display:block; width:100%; margin-top:10px; text-align:center;}
.story span.more_btn img{width:25%;}
.story .txt_wrap{width:100%; padding:0 2%; margin:0 0 25px;}



.story .page1{width:100%; padding:30px 0;}
.story .page1 img{width:100%;}
.story .page2{width:100%; padding:0 0 30px;}
.story .page2 h2{width:100%; padding-left:2%; margin:15px 0 25px;}
.story .page2 h2 img{width:100%;}
.story .page2 p.txt1{font-size:13px; text-align:center; line-height:26px;}
.story .page2 .v{width:100%; padding:20px 2%;}
.story .page2 .v video{display:block; width:100%;}
.story .page2 p.pic{width:100%;}
.story .page2 p.pic img{width:100%;}
.story .page2 dl{width:100%; padding:0 2%; margin:30px 0;}
.story .page2 dl dt{width:30%; float:left;}
.story .page2 dl dt img{width:100%;}
.story .page2 dl dd{width:68%; float:right;}
.story .page2 dl dd h3{font-size:14px; color:#fff;}
.story .page2 dl dd .txt2{/*color:#e4011d; */margin:10px 0; font-weight:900;}