﻿body, h1, h2, h3, h4, h5, h6, p, div, ul, li, dl, dt, dd, h1{margin:0; padding: 0;}
html{font:12px/1.5 'microsoft yahei',Arial;}
input,textarea{font-size:12px;overflow:auto; padding:0; padding-left:3px;resize:none; font-family:'microsoft yahei'}
textarea{ padding:3px 0 0 3px;}
li{list-style:none;}
img{border:none; margin:0; padding:0; vertical-align:top;max-width: 100%;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#CC0033}
table{border-collapse:collapse;border-spacing:0}
body{ color:#000; }
h1,h2,h3,h4,h5,h6{ text-align:left; }
em{ font-style:normal}
/*clearfix*/
.clearfix:after{clear:both; content:" "; display:block; height:0; visibility:hidden}
.clearfix{display:inline-block;zoom:1}
*html .clearfix{height:1%}
.clearfix{display:block}
.home p{ text-indent:0; text-align:left;}
.radius3{-moz-border-radius: 3px; -webkit-border-radius:3px ; border-radius:3px;}
.radius5{-moz-border-radius: 5px; -webkit-border-radius:5px ; border-radius:5px;}
.radius8{-moz-border-radius: 8px; -webkit-border-radius:8px ; border-radius:8px;}
.radius10{-moz-border-radius: 10px; -webkit-border-radius:10px ; border-radius:10px;}
.circle{ -moz-border-radius: 50%; -webkit-border-radius:50% ; border-radius:50%;}
.alph3{ background:rgba(255,255,255,0.3);}
.nowrap{word-break:keep-all;white-space:nowrap;}

.boxshadow4{box-shadow: 0px 0px 4px 0px #000;}
.bg{ width:100%; max-width:1920px; overflow:hidden; height:4006px;}
.bg .car{ width:182px; position:absolute; left:25%; top:1250px; z-index:5;}
.content{  width:100%; max-width:1920px; margin:0 auto;position:absolute; left:0; right:0; top:0; }

.cont{width:1160px; margin:0 auto; position:relative;height:770px;}
/*.cont{max-width:1160px; width:1160px;; margin:0 auto; position:relative;}*/
.toplogo{ width:100%; background:#fff; text-align:center;}
.toplogo img{width:1160px;}
.kv .kvimg{ width:63.27%; position:absolute; left:11%; top:14%;}
.kv .videobtn{ width:25.51%; position:absolute; right:0; top:6%;}
.kv .car2{ width:17.93%; position:absolute; left:20%; bottom:18%;}
.kv .girl{ width:28.62%; position:absolute; right:7%; bottom:0;}
.kv .bnt_down{ width:185px; height:70px; display:block;position:absolute; left:457px; bottom:260px; text-indent:-99999em;}
.menu{ width:100%; position:fixed; left:0; bottom:0px; z-index:55}
.menu p{ width:30%; height:55.5%; position:absolute; left:19%; top:44.2%;}
.menu p a{ display:block; width:33.33%;  height:100%; float:left; position:relative;}
.menu p a.jqqd img{width:auto; height:55%; position:absolute; bottom:75%; left:35% }

.hdjs{ width:836px; height:449px; margin:0 auto; position:absolute; z-index:4; left:50%; margin-left:-418px; top:740px;}
.hdjs ul{ width:413px; height:37px; position:relative; margin-left:2%}
.hdjs ul li{ position:absolute; width:163px; height:100%; top:0; text-align:center; line-height:35px; }
.hdjs ul li a{color:#fff; font-size:18px; font-weight:bold;}
.hdjs ul li.t0{ background:url(btn1.png) no-repeat;}
.hdjs ul li.t1{ background:url(btn2.png) no-repeat; left:30%;}
.hdjs ul li.t2{ background:url(btn3.png) no-repeat; left:60%;}
.hdjs ul.c0 .t0{background:url(btnon.png) no-repeat; z-index:3;}
.hdjs ul.c1 .t1{background:url(btnon.png) no-repeat; z-index:3;}
.hdjs ul.c2 .t2{background:url(btnon.png) no-repeat; z-index:3;}
.hdjs ul.c0 .t1{ z-index:2;}

.hdjs ul.c0 .t0 a{ color:#f69000;}
.hdjs ul.c1 .t1 a{ color:#f69000;}
.hdjs ul.c2 .t2 a{ color:#f69000;}

.hdjs .tabs{width:100%; height:412px; }
.hdjs .tabs .tab{ display:none;width:100%; height:100%; position:relative; }
.hdjs .tabs .tab0{ display:block; background:url(tab3.png) no-repeat; border-radius:9px; }
.hdjs .tabs .tab1{ display:none; background:url(tab1.jpg) no-repeat; border-radius:9px; }
.hdjs .tabs .tab2{ display:none; background:url(tab2.png) no-repeat; border-radius:9px; }
.hdjs .tab0 p{ float:left;font-size:14px;}
.hdjs .tab0 .p1{ color:#069ad3;  font-weight:bold; margin:12% 0 0  7%;width:55%; }
.hdjs .tab0 .p2{ color:#fff;    background:#f69000 ;margin:1% 0 0  6%; width:59%; padding:10px ; line-height:26px; border-radius:7px; }
.hdjs .tab0 .p3{ color:#069ad3;  font-weight:bold; margin:1% 0 0  7%;width:56%;}
.hdjs .tab0 .fish{ position:absolute; right:-5%; top:12%;}
.hdjs .tab0 .link{ width:65%; margin:5% 0 0 6%; height:53px; background:url(ico_bnt.png) no-repeat; }
.hdjs .tab0 .link a{width:265px; height:50px; display:block; margin-left:133px; overflow:hidden; text-indent:-99999em;}
.hdjs .tab1 .pneed{ width:60%; float:left; font-size:16px; color:#94ae06; font-weight:bold; margin:2.0% 0 0 6%;}
.hdjs .tab1 .pneed em{ display:block; background:#f69000; padding:2px 15px; text-align:center; color:#fff; font-size:16px; height:32px;border-radius:16px; line-height:32px; width:130px; }
.hdjs .tab1 .pneed span{ display:block; margin-left:12px;margin-top:7px;}
.hdjs .tab1 .pneed1{ margin-top:11%;}
.hdjs .tab1 .attention{ width:70%; float:left; font-size:14px; color:#535353; font-weight:bold; margin:1.5% 0 0 7.5%;}

.hdjs .tab2 p{ position:absolute; width:150px;}
.hdjs .tab2 p em{ display:block; background:#1ca6db;padding:2px 15px;text-align:center; color:#fff;font-size:16px; height:32px;border-radius:16px; line-height:32px; width:78px;   }
.hdjs .tab2 p span{ font-size:12px; color:#404040; margin-left:8px; display:block; padding-top:5px; text-align:justify;}
.hdjs .tab2 p span a{ display:block; color:#e51c24;}
.hdjs .tab2 .rd4{ left:9%; top:35%}
.hdjs .tab2 .rd3{ left:15%; top:57%}
.hdjs .tab2 .rd3 em{ margin-left:42px;}
.hdjs .tab2 .rd2{ left:41%; top:21%}
.hdjs .tab2 .rd2 em{ margin-left:42px;}

.hdjs .tab2 .rd1{ left:74%; top:22%}
.hdjs .tab2 .rd1 em{ margin-left:42px;}

.history{ width:866px; height:863px; margin:0 auto; position:absolute; z-index:4; left:50%; margin-left:-433px; top:2358px;}
.history .year{ width:100%; height:345px; background:url(year_03.png) no-repeat; margin-bottom:46px; position:relative; }
.history .year p{ font-size:18px; color:#fff; width:88%; padding-top:98px; margin:0 auto; line-height:32px;}
.history .year ul{ width:100%; position:relative; height:142px; margin-top:41px; }
.history .year ul li{ position:absolute; width:114px; height:37px; text-align:center; font-size:18px; color:#e55928; font-weight:bold; line-height:36px; cursor:pointer  }
.history .year ul li.cur{ background:url(btnbg.png) no-repeat; color:#fff;}
.history .year ul li.t{ top:0;}
.history .year ul li.b{ bottom:0;}
.history .year ul li.y1{ left:87px;}
.history .year ul li.y2{ left:220px;}
.history .year ul li.y3{ left:359px;}
.history .year ul li.y4{ left:518px;}
.history .year ul li.y5{ left:666px;}

.history .year ul li.y6{ left:20px;}
.history .year ul li.y7{ left:154px;}
.history .year ul li.y8{ left:287px;}
.history .year ul li.y9{ left:435px;}
.history .year ul li.y10{ left:603px;}
.history .year ul li.y11{ left:737px;}
.history .year .horse{ position:absolute; right:-60px; top:97px}

.history .sort_pane{ display:none;height: 472px;margin: 0 auto;position: relative;width: 836px; background:url(qiang.png) no-repeat}
.history .sort_pane ul{ width:700px; height:400px; margin:0 auto; position:relative;}
.history .sort_title{ font-size:20px; color:#fff; width:100%; text-align:center; font-weight:bold; padding-top:4px;}
.popimg{ position:fixed; width:100%; height:100%; z-index:999; left:0; top:0; display:none;}
.popimg .mask{ width:100%; height:100%; background:#000; position:absolute; z-index:1;left:0; top:0;}
.popimg .bigimg{ position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; text-align:center;}
.popimg .bigimg i{ display:inline-block; width:0; height:100%; vertical-align:middle;}
.popimg .bigimg img{ display:inline-block;  vertical-align:middle;}
.popimg .closebtn{ display:block; position:absolute; right:20px;; top:20px; z-index:4}
#videopop .video{ width:900px; height:506.25px; position:absolute; z-index:3; left:50%; top:50%; margin:-253px 0 0 -450px;;}


.sort_pane.active {
    display: block;
}
.sort_pane .sortli {
    position: absolute;
}
.sort_pane .sortli img {
    border-radius: 15px;
    cursor: pointer;
    height: 108px;
    width: 165px;
}
.sort_pane .li1 {
    left: 84px;
    top: 50px;
}
.sort_pane .li2 {
    left: 264px;
    top: 50px;
}
.sort_pane .li3 {
    left: 444px;
    top: 50px;
}
.sort_pane .li4 {
    left: 0;
    top: 166px;
}
.sort_pane .li5 {
    left: 176px;
    top: 166px;
}
.sort_pane .li6 {
    left: 352px;
    top: 166px;
}
.sort_pane .li7 {
    left: 529px;
    top: 166px;
}
.sort_pane .li8 {
    left: 84px;
    top: 282px;
}
.sort_pane .li9 {
    left: 264px;
    top: 282px;
}
.sort_pane .li10 {
    left: 444px;
    top: 282px;
}

.end{ width:756px; height:302px; background:url(hjmd.png) center center no-repeat; top:3478px; position:absolute; left:50%; margin-left:-378px;}
.end .p1{ width:100%; font-size:19px; color:#1ca6db; font-weight:bold; text-align:center; padding-top:130px;}
.end .p2{ width:100%; font-size:19px; color:#e55928; font-weight:bold;text-align:center;}
.end a{ display:block; background:#f69200; border-radius:6px; padding:8px 0; font-weight:bold; text-align:center; margin:0 auto; color:#fff; width:54%; margin-top:10px;}



.page_pre{background:url(hd_sprite_v1.0.png) center center no-repeat;width:31px; height:62px; display:block;  position:absolute; left:20px; top:48%;background-position:-189px -404px; text-indent:-9999em;}
.page_next{background:url(hd_sprite_v1.0.png) center center no-repeat;width:31px; height:62px; display:block; position:absolute; right:20px; top:48%;background-position:-270px -404px; text-indent:-9999em;}

.popimg_pre{background:url(hd_sprite_v1.0.png) center center no-repeat;width:31px; height:62px; display:block;  position:absolute; left:30px; top:48%;background-position:-189px -404px; text-indent:-9999em;z-index:9999;}
.popimg_next{background:url(hd_sprite_v1.0.png) center center no-repeat;width:31px; height:62px; display:block; position:absolute; right:30px; top:48%;background-position:-270px -404px; text-indent:-9999em; z-index:9999;}

.car2{
	-webkit-animation: start 0.6s infinite ease-in-out;
    -moz-animation: start 0.6s infinite ease-in-out;
    animation: start 0.6s infinite ease-in-out;}
@-webkit-keyframes start {
		0% {height: 198px;}
		50% {height: 218px;}
		100% {height: 198px;}
	}
	@-moz-keyframes start {
		0% {height: 198px;}
		50% {height: 218px;}
		100% {height: 198px;}
	}
	@keyframes start {
		0% {height: 198px;}
		50% {height: 218px;}
		100% {height: 198px;}
	}
.shang555{
	-webkit-animation: moveshang 5s infinite ease-in-out;
    -moz-animation: moveshang 5s infinite ease-in-out;
    animation: moveshang 5s infinite ease-in-out;}
@-webkit-keyframes moveshang {
		0% {opacity: 1;}
		50% {opacity: 0;}
		100% {opacity: 1;}
	}
	@-moz-keyframes moveshang {
		0% {opacity: 1;}
		50% {opacity: 0;}
		100% {opacity: 1;}
	}
	@keyframes moveshang {
		0% {opacity: 1;}
		50% {opacity: 0;}
		100% {opacity: 1;}
		
	}

.fz2{
	-webkit-animation:circle 1s infinite linear;
	-moz-animation: circle 1s infinite linear;
    animation: circle 1s infinite linear;
}
   @-webkit-keyframes circle{
       0%{ transform:rotate(0deg); }
     100%{ transform:rotate(-360deg); }
   }
   @-moz-keyframes circle{
       0%{ transform:rotate(0deg); }
     100%{ transform:rotate(-360deg); }
   }
   @keyframes circle{
       0%{ transform:rotate(0deg); }
     100%{ transform:rotate(-360deg); }
   }
.videobtn{ cursor:pointer;
	-webkit-animation: movevideo 0.8s infinite ease-in-out;
    -moz-animation: movevideo 0.8s infinite ease-in-out;
    animation: movevideo 0.8s infinite ease-in-out;
	}
    @-webkit-keyframes movevideo {
		0% {top: 6%;}
		50% {top: 8%;}
		100% {top: 6%;}
	}
	@-moz-keyframes movevideo {
		0% {top: 6%;}
		50% {top: 8%;}
		100% {top: 6%;}
	}
	@keyframes movevideo {
		0% {top: 6%;}
		50% {top: 8%;}
		100% {top: 6%;}
		
	}
	
	
	
.zpz{width:919px; height:688px; margin:0 auto; position:absolute; z-index:4; left:50%; margin-left:-459px; top:1480px; background:url(zpbg.png) no-repeat;}
.zpz_com{position:relative;width:100%; height:100%; overflow:hidden;}
#zp_s_img{width:743PX; height:116PX; overflow:hidden;  position:absolute; bottom:47px; left:90px;}
#zp_s_img ul{width:1728px; height:116px; position:absolute; top:0px;}
#zp_s_img ul li{width:192px; height:116px; float:left;}
.zpz .page{width:73PX; height:23PX; position:absolute; bottom:9px; display:block;}
#page_count{width:75px; height:23px; bottom:9px; left:441px; position:absolute; font-size:18px; color:#FFF; text-align:center;}
#page_count b{width:25px; height:23px; float:left; display:block;}
#page_count b.curr{color:#069ad3;}
#zp_b_img{position:absolute; top:90px; left:92px;}
#zp_title{position:absolute; bottom:190px; left:700px; width:190px; color:#1ca6db; font-size:17px; line-height:30px;}
.car_fc{transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
}