@charset "utf-8";
body,div,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,input,p,blockquote,th,td,button,blockquote{ margin:0; padding:0;}
@font-face {
    font-family: 'NeuesBauenDemo';
    src: url('./hyzhj.ttf');
    src: url('./hyzhj.ttf') format('embedded-opentype'),
         url('./hyzhj.ttf') format('svg'),
         url('./hyzhj.ttf') format('woff'),
         url('./hyzhj.ttf') format('woff2'),
        url('./hyzhj.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
  }
body{ font-family:NeuesBauenDemo,"Microsoft YaHei",微软雅黑,Verdana,Arial;font-size:16px;background:#000; margin:0; color:#fff;text-align:left;line-height:150%; overflow-x: hidden; position: relative; min-width: 1280px;}
img {border:0; vertical-align:middle;}
input, textarea, select {vertical-align:middle; font-size:16px; color:#333; }

iframe{ border:none;}
dl,ul,li,ol{ list-style:none; padding:0; margin:0;}
button{ cursor:pointer;vertical-align:middle;}
cite{font-style:normal;}

form{display:inline;}

.fl { float: left;}
.fr { float: right;}

a{color: #333;text-decoration: none;}
a:hover{ color:#0d4f98; text-decoration:none;}
.dn{ display: none;}

.clear {clear:both;height:0px; margin:0px;font-size:0px;line-height:0px;overflow:hidden;height:0px !important; overflow:hidden !important; float:none !important; line-height:0px !important; padding:0 !important; margin:0 !important; border:none !important; }


.w100 { display: block; width: 100%;}
.logo01 { position: absolute; width: 4.427%; z-index: 10;}
.logo02 { width: 37.24%; position: absolute; z-index: 10;}
.logo02 ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.logo02 ul li { width: 33.333%; height: 100%; float: left;}
.logo02 ul li a { display: block; width: 90%; margin: 0 auto; height: 100%;}

.yysj_btn { width: 6.25%; position: fixed; top: 40%; right: 0; z-index: 10; cursor: pointer;}

/**/
.index-focus { width:100%; height: auto; position:relative; overflow:hidden;}
.index-focus img.kv { width:100%; display:block;}
.index-focus-item { width:100%; height:auto; overflow:hidden; position:absolute; top:0; left:0; background:#fff;}
.index-focus-photo-hide { visibility:hidden;}
.index-focus .slide001 img.kvtit { position: absolute; z-index: 2; top: 10%;left: 50%; margin-left: -233px; width: 467px;}

.console-dot { display: none;text-align:left; position:absolute; width:100%; left:50%; bottom:16%; z-index:8; max-width: 1100px; margin-left: -550px; text-align: center;}
.console-dot em { display:inline-block; width:7px; height:7px; border-radius: 3.5px; opacity: .5; -moz-opacity: 0.5; -webkit-opacity: 0.5; background: #fff; overflow:hidden; text-indent:-9999em; overflow:hidden; margin:0 5px;}
.console-dot .current { background: #fff; width: 14px; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;}
.js-focus-prev,.js-focus-next { width:56px; height:89px; position:absolute; top:50%; margin-top: -45px; z-index:8;}
.js-focus-prev { left:7%; background: url(../images/left.png) no-repeat center center;}
.js-focus-next { right:7%; background: url(../images/right.png) no-repeat center center;}
/**/

.tit { width: 100%; height: auto; overflow: hidden; padding: 40px 0; position: relative; z-index: 10;}
.tit img { display: block; width: 15%; margin: 0 auto;}
.tit p { font-size: 16px; color: #ddd; text-align: center; letter-spacing: 2px; line-height: 20px; padding-top: 20px;}
.mt105 { margin-top: -6%;}

.con01,.con02,.con03,.con04 { width: 100%; height: auto;  overflow: hidden;}
.con01_item,.con02_item,.con03_item,.con04_item { width: 100%; height: auto; overflow: hidden; position: relative;}
.con01_itemcon { width: 33.3333%; float: left; height: auto; overflow: hidden; position: relative;}
.conp { position: absolute; width: 100%; left: 0; bottom: -50%; background: url(../images/black.png); }
.conp p { font-size: 14px; color: #fff; text-align: center; padding: 16px 5%; line-height: 20px;}
.con02_itemcon1 { width: 64.58%; float: left; height: auto; overflow: hidden; position: relative;}
.con02_itemcon2 { width: 35.42%; float: left; height: auto; overflow: hidden; position: relative;}
.con03_item ul,.con04_item ul { width: auto; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.con03_item ul li { width: 20%; float: left; height: 100%;}
.con04_item ul li { width: 25%; float: left; height: 100%;}
.con03_itemcon,.con04_itemcon { width: 100%; height: auto; overflow: hidden; position: relative;}
.prev,.next { display: block; width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 8;}
.prev { background: url(../images/arr01.png) no-repeat; left: 0;}
.next { background: url(../images/arr02.png) no-repeat; right: 0;}

.car_img { width: 100%; height: auto; overflow: hidden; position: relative;}
.car_imgcon { width: 100%; height: auto; overflow: hidden;}
.car_imgcon img { display: none;}
.car_imgcon img.active { display: block;}
.car_col { width: 462px; height: auto; overflow: hidden; position: absolute; left: 50%; margin-left: -231px; bottom: 5%;}
.car_col ul { width: 100%; height: auto; overflow: hidden; padding:0 10px;}
.car_col ul li { width: 77px; height: 100px; float: left;}
.car_col ul li p { font-size: 16px; color: #cfcfcf; line-height: 24px; text-align: center; display: none; width: 200%; margin-left: -50%;}
.car_col ul li img { width: 35px; height: 35px; margin: 0 auto;}
.car_col ul li img.col { display: block;}
.car_col ul li img.cola { display: none;}
.car_col ul li.active img.col { display: none;}
.car_col ul li.active img.cola { display: block;}
.car_col ul li.active p { display: block;}

.video_main { width: 100%; height: auto; overflow: hidden;}
.video_main .video_top { width: 100%; height: auto; overflow: hidden;}
.video_main ul { width: 100%; height: auto; overflow: hidden; padding-top: 10px;}
.video_main ul li { width: 25%; height: auto; overflow: hidden; float: left;}
.video_main ul li img { display: block; width: 95%; margin: 0 auto; border: 1px solid #000;}
.video_main ul li.active img { border: 1px solid #fff;}
.video_top > div { display: none; width: 100%; height: 100%; position: relative;}
.video_top > div.active { display: block;}
.video_top > div .v_ceng { display: block; width: 100%; height: 100%; position: absolute; z-index: 5;}
.vjs-default-skin .vjs-big-play-button { background: url(../images/v_btn.png) no-repeat; height: 86px;}
.jcsptit img { width: 42.55%;}

.cxld { width: 100%; height: 100%; z-index: 20; position: fixed; top: 0; left: 0; background: url(../images/black.png); display: none;}
.cxldcon { width: 100%; height: auto; overflow: hidden; position: absolute; left: 0; top: 50%;}
.cxldcon .close { display: block; width: 60px; height: 60px; position: absolute; top: 5%; right: 2%; background: url(../images/close.png) no-repeat; z-index: 2}
.cxld_pot { text-align:left; position:absolute; width:100%; left:50%; bottom:16%; z-index:8; max-width: 1100px; margin-left: -550px; text-align: center;}
.cxld_pot i { display:inline-block; width:7px; height:7px; border-radius: 3.5px; opacity: .5; -moz-opacity: 0.5; -webkit-opacity: 0.5; background: #fff; overflow:hidden; text-indent:-9999em; overflow:hidden; margin:0 5px;}
.cxld_pot .active { background: #fff; width: 14px; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;}
.cxld ul { width: 100%; height: 100%; overflow: hidden;}
.cxld ul li { width: 100%; height: 100%; display: none; position: relative; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in;}
.cxld ul li.active{ display: block;}
.cxld ul li .cxld_p { position: absolute; width: 100%; left: 0; bottom: 0; background: url(../images/black.png);}
.cxld ul li .cxld_p p { font-size: 14px; color: #fff; text-align: center; padding: 16px 5%; line-height: 20px;}
.cxldcon .prev,.cxldcon .next { width:56px; height:89px; position:absolute; top:50%; margin-top: -45px; z-index:8;}
.cxldcon .prev { left:2%; background: url(../images/left.png) no-repeat center center;}
.cxldcon .next { right:2%; background: url(../images/right.png) no-repeat center center;}


.bot_logo { width: 100%; height: auto; overflow: hidden; background: #131313; padding: 50px 0;}
.bot_logo_con { width: 1000px; height: auto; overflow: hidden; margin: 0 auto;}
.bot_logo_con a { display: block; width: 312px; height: 38px; float: left;}
.bot_logo02 { margin: 0 32px ;}

/*footer*/
.footer{ width:100%; height: 100px; background: #000; color: #999; clear: both; overflow: hidden; zoom:1;}
.footer_con { width: 983px; margin: 0 auto; height: auto; overflow: hidden; padding-top: 26px; }
.footer span{ display: block; font-size: 14px; height: 26px; color: #fff;}
.site-phone{ float: left; font-size: 12px;}
.site-phone a { color: #5d5d5d;}
.footer span strong{ font-size: 20px; font-weight: normal;}
.footer .site-menu{ text-align: center; padding-top:15px; float: right;}
.footer .site-menu a{ display: inline-block; color: #999; margin: 0 5px; padding: 0 2px; font-size: 16px; height: 14px; line-height: 14px;}
.footer .site-menu a:hover { color: #fff;}
.footer .site-menu a.last{ border:none;}
.footerA { width: 1070px; height: 38px; margin: 0 auto; padding-top: 40px; margin-bottom: 40px;}
.footerA a { display: block; width: 312px; height: 38px; float: left; margin: 0 22px;}

.testdrive { width: 330px; height: 530px; overflow: hidden; position: fixed; top: 50%; margin-top: -265px; right: 7%; background: url(../images/form.png) no-repeat; z-index: 15; display: none;}
.form0 { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.form0 input { width: 50%; height: 4%; padding: 1% 1%; position: absolute; top: -2px; border: none; background:none; color: #999; outline: none; font-size: 0.75em;}
.form0 .txt01 { left: 37%; top:17.5%; }
.form0 .txt02 { left: 37%; top: 26%; }
.form0 select { display:inline-block;width: 56%; height: 4%; padding: 0.5% 1%; position: absolute; border: none; background: none; color: #999; outline: none; -webkit-appearance: none; font-size: 0.75em;}
.form0 .txt03 { left: 37%; top: 30%; }
.form0 .txt04 { left: 37%; top: 35.5%; }
.form0 .txt05 { left: 37%; top: 43.5%; }
.form0 .txt06 { left: 37%; top: 52%; }
.form0 .txt07 { left: 37%; top: 60.5%; }
.form0 .testbtn { width: 85%; height: 8%; left: 7%; top: 85%; cursor: pointer; display: block; position: absolute; background:url(about:blank);}
.testbtn img{
    max-width: 100%;
}
.form0 input.check{
    left: 8.2%;
    top: 71.8%;
    background: none!important;
    width: auto;
    margin: 0;
    padding: 0;
}

.specification{ background:#1b1b1b; padding:0 240px 50px; margin:0 -240px 0px; }
.specification h1 { font-size: 20px; color: #fff; text-align: center; height: 150px; line-height: 150px; font-weight: normal;}
.specification_content{margin:0 0 20px 0; width: 960px; margin: 0 auto;  border: 1px solid #515151; background: #ffffff; overflow: hidden; }
.specification_content  h2{color:#666; font-weight:normal; padding:10px 10px 10px 20px;  font-size: 14px; border-bottom:1px solid #888; background:url(../images/details_bottom.png) 908px center no-repeat; cursor: pointer;  clear:both; overflow: hidden; zoom:1; }
.specification_content h2 img{ float: left;}
.specification_content  h2.navhover{ color:#0081d4; background:url(../images/details_top.png) 908px center no-repeat;}
.specification_content  h2 p{ line-height: 26px; float: left; padding-left:10px;}
.specification_content td,.wrapper .specification_content th{ font-size: 12px;  color: #333; padding: 10px 0;border-collapse:collapse; text-align: center; vertical-align: middle; border-bottom: 1px solid #e6e8e9; border-right:1px solid #e6e8e9;}
.specification_content th{ background: #f6f6f6; padding: 5px; font-size: 14px;border-bottom: 1px solid #e6e8e9; border-right:1px solid #e6e8e9; text-align: left; color: #000;}
.specification_footer{ clear: both; overflow: hidden; zoom:1; width: 960px; margin: 0 auto; /*background:url(../images/waring.jpg) no-repeat;*/ padding:0 0 0 20px; margin-top: 5px; color: #999;font-size: 12px;}
.specification_content tr.lasttable td, .wrapper .specification_content tr.lasttable th{ padding:0; line-height:0; border:0;}
.specification_footer p{ float: right; width: 96%; color: #999; font-size: 12px;}
.specification_footer p em{ display: block; font-style: normal; padding-left: 15px;}
.footerA { width: 1070px; height: 38px; margin: 0 auto; padding-top: 40px; margin-bottom: 40px;}
.footerA a { display: block; width: 312px; height: 38px; float: left; margin: 0 22px;}