article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden;_zoom:1}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;color:#000;background-color:#fff;}a{color:#757575;text-decoration:none}a:hover{color:#02A1C7;text-decoration:none}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none !important}
input { outline: none;}
.disabled { -webkit-filter: grayscale(80%);}

.pp-launcher { display: none !important;}

.h1 { display: none;}

.clearfix { overflow: hidden; _zoom: 1;}

.banner { position: relative;}
/*.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align: center;}*/
.banner > ul { position: absolute; bottom: 0; left: 0; display: block; margin: 14px 0; z-index: 1;}
.banner > ul li { display: inline; margin: 0 10px; }
.banner > ul li a { font-size: 16px; color: #CCC; }
.banner img { width: 100%; vertical-align: top;}
.banner .lnk { position: absolute; z-index: 1; text-indent: -999em; /*background: rgba(0,0,0,.5);*/}
.banner .ershou { position: absolute; right: 10px; zoom: 0.7; bottom: 10px; width: 190px; height: 190px; background: url(../img/ershou-g10.png) no-repeat; cursor: pointer;}

.titleA { text-align: center; padding: 30px 0; letter-spacing: 5px;}
.titleA h5 { font-size: 55px; font-weight: normal; margin: 0 0 10px 0;}
.titleA h2 { font-size: 27px; font-weight: normal; margin: 0;}

.titleB { padding: 20px 0; letter-spacing: 5px;}
.titleB h5 { font-size: 45px; font-weight: normal; margin-bottom: 20px;}
.titleB h2 { font-size: 20px; font-weight: normal; margin-top: 0;}

.titleC { text-align: center; padding: 75px 0; letter-spacing: 5px;}
.titleC h5 { font-size: 55px; font-weight: normal; margin: 0;}

.text-center { text-align: center;}
.bb-1 { border-bottom: 1px #b3b3b3 solid;}

.whiteText,
.whiteText * { color: #fff !important;}
.whiteText img { width:100%;vertical-align: top;}
.blackText { color: #000 !important;}
.textCenter { text-align: center !important;}

.header { height: 80px; background: #fff; border-bottom: 1px #b3b3b3 solid;}
/*.header .logo { float: left; width: 160px; height: 80px; background: url(../img/logo.png) no-repeat;}*/
.header .logo { float: left; width: 300px; height: 80px; background: url(../img/logo.jpg) no-repeat;}
.header .logo a { display: block; height: 100%; text-indent: -999em;}
.header .global { float: left; font-size: 18px; color: #161616; background: url(../img/arr-1.png) right center no-repeat;
	padding-right: 12px; margin: 25px 0 0 10px; cursor: pointer;}
.header .nav { float: right; height: 80px;}
.header .nav ul { padding: 0; margin: 0;}
.header .nav li { float: left; list-style: none;}
.header .nav li a { display: block; font-size: 18px; color: #161616; height: 80px; line-height: 80px; padding: 0 30px;}
.header .nav li a:hover { color: #1e7bcd;}
.header .nav li a:hover .ico-cart { background-image: url(../img/ico-cart-blue.png);}
.header .nav li .arr { display: inline-block; width: 11px; height: 8px; margin: -2px 0 0 8px;
	background: url(../img/arr-2.png) right center no-repeat; vertical-align: middle;}
.header .nav li.active a { color: #1e7bcd;}
.header .nav li i { display: inline-block; width: 24px; height: 24px; background: no-repeat; vertical-align: middle; margin: -5px 5px 0 0;}
.header .nav li i.ico-cart { background-image: url(../img/ico-cart.png);}
.header .nav li i.ico_yu { background-image: url(../img/icon_yu.jpg);}

/*修改导航菜单date2018-01-17*/
.header .nav li:hover ul{display: block;}
.header .nav .dropdown-menu{display: none; position: relative; width: 100%; background: #ffffff; z-index: 100;float:left;}
.header .nav .dropdown-menu li{display: block; clear: both; border-top: 1px solid #f1f1f1; width: 100%;}
.header .nav .dropdown-menu li:hover{background: #0e90d2;}
.header .nav .dropdown-menu li:hover a{ color: #ffffff;}
.header .nav .dropdown-menu li a{width: auto;display: block;clear: both;
	text-align: center;
	height: 34px;
	line-height: 34px;
	padding: 3px 0;
	color: #898989;
	margin: 0;}

.navbar { height: 66px; line-height: 66px; border-bottom: 1px #b3b3b3 solid; background: #fff;}
.navbar ul { padding: 0; margin: 0; font-size: 0; text-align: center;}
.navbar li { list-style: none; display: inline-block; height: 66px; font-size: 20px; color: #000;
	padding: 0 10px; margin: 0 10px; cursor: pointer; overflow: hidden; border-bottom: 1px #b3b3b3 solid; -webkit-transition: color .3s ease;}
.navbar li.active { color: #1e7bcd; border-bottom: 1px #1e7bcd solid;}
.navbar li:hover { color: #1e7bcd;}
.navbar li.title { text-align: left; cursor: default; border-right: 1px #eaeaea solid; padding: 0 60px 0 20px;}
.navbar li.title i { font-style: normal; color: #1e7bcd;}
.navbar li.nbd { border-right: none; margin-right: 30px;}
.navbarFixed .navbar { position: fixed; z-index: 20; top: 0; left: 0; right: 76px; overflow: hidden;}
.navbarFixed .banner { margin-bottom: 70px;}

.hasSidebar { padding-right: 76px;}
.sidebar { position: fixed; z-index: 30; top: 0; right: 0; bottom: 0; width: 76px; background: #090909;}
.sidebar ul { padding: 0; margin: 0;}
.sidebar li { list-style: none;}
.sidebar li a { display: block; font-size: 12px; color: #fff; text-align: center; padding: 10px 0; -webkit-transition: all .3s ease;}
.sidebar li a:hover { background: #2d2d2d;}
.sidebar li i { display: inline-block; width: 24px; height: 24px; background: no-repeat;}
.sidebar li i.ico-1 { background-image: url(../img/ico-1.png);}
.sidebar li i.ico-2 { background-image: url(../img/ico-2.png);}
.sidebar li i.ico-3 { background-image: url(../img/ico-3.png);}
.sidebar li i.ico-4 { background-image: url(../img/ico-4.png);}
.sidebar li i.ico-5 { background-image: url(../img/ico-5.png);}
.sidebar li i.ico-6 { background-image: url(../img/ico-6.png);}
.sidebar li i.ico-7 { background-image: url(../img/ico-7.png);}
.sidebar li i.ico-8 { background-image: url(../img/ico-8.png);}
.sidebar li i.ico-9 { background-image: url(../img/ico-9.png);}
.sidebar li i.ico-10 { background-image: url(../img/ico-10.png);}
.sidebar li i.ico-11{background-image: url(../img/ico-11.png);}
.sidebar li i.ico-top { background-image: url(../img/ico-top.png);}
.sidebar li span { display: block;}
.sidebar li.gotop { position: absolute; bottom: 10px; left: 0; width: 100%;}

/* series */
.showSeries { overflow: hidden;}
.showSeries .series { display: block;}
.showSeries #btnSeries .arr { background: url(../img/arr-6.png) right center no-repeat;}
.series { display: none; position: absolute; z-index: 102; top: 81px; left: 0; right: 76px; bottom: 0; background: #fff;}
.series .close { position: absolute; top: 30px; right: 8%; width: 40px; height: 40px; background: url(../img/ico-close.png) no-repeat; background-size: 80%; cursor: pointer;}
.series .tabbar { border-bottom: 1px #e5e5e5 solid;}
.series .tabbar ul { width: 85%; margin: 0 auto; padding: 0;}
.series .tabbar li { float: left; list-style: none; padding: 0 20px; margin-right: 30px; color: #333; font-size: 20px; height: 90px; line-height: 90px;
	cursor: pointer;}
.series .tabbar li.active,
.series .tabbar li:hover { height: 87px; border-bottom: 3px #1273C3 solid;}
.series .content { position: absolute; top: 90px; left: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: scroll;}
.series .item { display: none; position: relative; width: 70%; margin: 0 auto; padding: 0 0 0 15%; color: #333; border-bottom: 1px #d1d1d1 solid;}
/* 加 */
.series .item2{padding: 0;width: 80%;}
.series .item2 .rv-title{ height: 50px;display: flex;justify-content: left;margin-top: 30px;}
.series .item2 .rv-title .rv-box{width:15%;display:flex;justify-content:center;}
.series .item2 .rv-title .rv-name{width: auto;text-align: center; height: 37px;font-size: 26px;font-family: PingFangSC-Semibold, PingFang SC;font-weight: 600;color: #02A1C7;line-height: 27px;margin-right: 24px;}
.series .item2 .rv-title .rv-name .skew{ width: 100px;height:10px;background: #E2E2E2;margin: 0 auto;transform: skew(-15deg);}
.series .item2 .rv-title .rv-con{height: 30px;font-size: 22px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #333333;line-height: 30px;}
.series .item2 .box{width:100%;padding-left: 15%;display: flex;justify-content: left;flex-wrap: wrap;border-bottom: 1px solid #D8D8D8;box-sizing: border-box;}

/* 尾 */

.series .item.show { display: block;}
.series .item li { float: left; list-style: none; width: 200px; height: 200px; margin-right: 50px; cursor: pointer;}


.series .item li.title { position: absolute; top: 0; left: 0; width: 16%; line-height: 200px; text-align: center; font-size: 30px;margin-right: 0; cursor: default;}
.series .item li a { display: block; height: 200px;}
.series .item li b { display: block; font-size: 19px; font-weight: normal; padding: 20px 0 5px 15px;}
.series .item li img {width: 215px; height: 100px;}
.series .item li span { display: block; font-size: 16px; padding-left: 15px; color: #757575;}
.series .item li span em { font-style: normal; padding-left: 5px; color: #02A1C7;}
.series .tabbar li a.specialCar { color: #333;}


/* 加 */
.series .item2 li { list-style: none; width: 220px; height: 200px; margin-right: 50px;box-sizing: border-box;}
.series .item2 li img{border: 1px solid #fff;padding: 1px;}
.series .item2 li:hover img{border: 1px solid #02A1C7;}
.series .item2 li span { color: #02A1C7;}
.series .item2 li span em {color: #02A1C7;}
/* 尾部 */

/* brand center */
.showBrandcenter { overflow: hidden;}
.showBrandcenter .brandcenter { display: block;}
.showBrandcenter #btnBrandcenter .arr { background: url(../img/arr-6.png) right center no-repeat;}
.brandcenter { display: none; position: absolute; z-index: 102; top: 81px; left: 0; right: 76px; bottom: 0; background: #fff;}
.brandcenter .close { position: absolute; top: 30px; right: 8%; width: 40px; height: 40px; background: url(../img/ico-close.png) no-repeat; background-size: 80%; cursor: pointer;}
.brandcenter .content { position: absolute; top: 90px; left: 7.5%; right: 7.5%; bottom: 0; overflow: hidden;}
.brandcenter .item { float: left; width: 18%; padding: 0; margin: 0 1%;}
.brandcenter .item li { list-style: none; overflow: hidden; border-bottom: 1px #d1d1d1 solid; line-height: 40px; font-size: 14px;}
.brandcenter .item li a { display: block;}
.brandcenter .item li.title { position: relative; border-bottom: none; line-height: 1; margin-bottom: 10px;}
.brandcenter .item li.title b { position: absolute; left: 15px; bottom: 15px; color: #fff; font-size: 20px; font-weight: normal;}
.brandcenter .item li.title img { width: 100%;}





.productList {}

.productList .item { position: relative; line-height: 100px; color: #f2f2f2; text-align: center; font-size: 0; background: #808080;
	margin-bottom: 15px; padding: 0 50px; cursor: pointer;}
.productList .item.show { display: block;}
.productList .item span { display: inline-block; font-size: 18px; width: 15%; vertical-align: top; color: #707070;}
.productList .item span.tit { width: 45%; color: #000;}
.productList .item.title { height: 68px; line-height: 68px; background: #0d0d0d; border: 1px #8f8f8f solid; border-width: 1px 0;
	font-size: 27px; color: #fff; cursor: default; margin-bottom: 0;}
.productList .item span { color: inherit !important;}
.productList .item .arr { position: absolute; bottom: 25px; left: 50%; margin-left: -12.5px; width: 25px; height: 12px; background: url(../img/arr-3-light.png) no-repeat;}
.productList .item .priceList { display: none; background: #fff; margin: 0 -50px; padding: 12px 0 40px; cursor: default;}
.productList .item .priceList .price-item { padding: 0 50px; font-size: 0; background: #f8f8f8; font-size: 18px; color: #000;
	height: 86px; line-height: 86px; margin-bottom: 10px;}
.productList .item .priceList .price-item li { display: inline-block; vertical-align: top; width: 12%;white-space: nowrap}
.productList .item .priceList .price-item li:nth-child(4) {width: 13%;}
.productList .item .priceList .price-item li:nth-child(2) {width: 15%;}
/*.productList .item .priceList .price-item li { display: inline-block; vertical-align: top; width: auto; margin: 0 20px;}*/
.productList .item .priceList .price-item li.tabbar.tabbarShow { width: 0px;}
.productList .item .priceList .price-item li.tabbar { font-size: 0;}
.productList .item .priceList .price-item li.tabbar span { display: inline-block; width: auto; padding: 0 10px; box-sizing: border-box; height: 30px; line-height: 30px; text-align: center;
	color: #1e7bcd; font-size: 18px; background: #fff; cursor: pointer; vertical-align: middle; border: 1px #1e7bcd solid; -webkit-transition: all .3s ease;}
.productList .item .priceList .price-item li.tabbar span.active { color: #fff !important; background: #1e7bcd;}
.productList .item .priceList .price-item li a { color: #1e7bcd; padding-right: 16px; background: url(../img/arr-5.png) right center no-repeat;}

.productList .item.active {}
.productList .item.active .arr { background-image: url(../img/arr-4.png);}



.config {}
.config .titleA { padding-bottom: 60px;}
.config .tips { padding: 30px 0 120px; text-align: center; font-size: 18px; color: #0d0d0d;}
.config .configList .item { position: relative; line-height: 50px; text-align: center; font-size: 0; background: #fbfbfb;
	margin-bottom: 7px; padding: 0 10px;}
.config .configList .item span { display: inline-block; font-size: 16px; width: 45%; vertical-align: top; color: #666;}
.config .configList .item span.tit { width: 45%; color: #0d0d0d;}
.config .configList .item.title { background: #0d0d0d; line-height: 70px; color: #fff;}
.config .configList .item.title span { color: inherit !important; font-size: 20px;}
.config .configList .item .arr { background: url(../img/arr-3.png) center no-repeat;}
.config .configList .item.label { cursor: pointer; background: #f2f2f2;}
.config .configList .items { display: none;}

.config .configList .item.active {}
.config .configList .item.active .arr { background-image: url(../img/arr-4.png);}


.config_contrast {}
.config_contrast .titleA { padding-bottom: 120px;}
.config_contrast .configList .item span { width: 28%;}
.config_contrast .configList .item span.tit { width: 30%;}


.function { display: flex;justify-content: space-around; padding: 4% 0; text-align: center; font-size: 0;}
.function .item { display: inline-block;width: 10%;margin: 0 6%; vertical-align: top; overflow: hidden;}
.function .item span { display: block; font-size: 30px; color: #1e7bcd;}
.function .item img { width: 100%; vertical-align: top;}
.function .item:hover {}


.picture {}
.picture .tabbar { padding-right: 5%; padding-bottom: 3%; font-size: 0; text-align: right;}
.picture .tabbar .item { display: inline-block; padding: 0 40px; line-height: 1em; text-align: center;
	color: #707070; font-size: 20px; cursor: pointer; position: relative; -webkit-transition: all .6s ease;}
.picture .tabbar .item i { position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background: #d9d9d9;}
.picture .tabbar .item:hover { color: #1e7bcd;}
.picture .tabbar .item.active { color: #1e7bcd;}
.picture .contents { position: relative;}
.picture .contents .bg img { width: 100%; vertical-align: top;}
.picture .contents .content { display: none; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
.picture .contents .content.active { display: block;}
.picture .contents .content img { width: 100%; vertical-align: top;}
.picture .contents .content .item { position: absolute; vertical-align: top;}
.picture .contents .content .item-1 { top: 0; left: 0; width: 66.64859%;}
.picture .contents .content .item-2 { top: 0; right: 0; width: 33.35141%;}
.picture .contents .content .item-3 { bottom: 0; right: 0; width: 33.35141%;}

.banner.cxy .swiper-slide.video .item { position: absolute; vertical-align: top;}
.banner.cxy .swiper-slide.video .item:hover .mask { opacity: 1;}
.banner.cxy .swiper-slide.video .item .mask { position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.7); -webkit-transition: all .35s ease; opacity: 0;}
.banner.cxy .swiper-slide.video .item .mask i { position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px; display: inline-block; width: 36px; height: 36px; }
.banner.cxy .swiper-slide.video .item .mask i.ico-video { background: url(../img/ico-video.png) center no-repeat;}

.picture .contents .content .item:hover .mask { opacity: 1;}
.picture .contents .content .item .mask { position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.7); -webkit-transition: all .35s ease; opacity: 0;}
.picture .contents .content .item .mask i { position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px; display: inline-block; width: 36px; height: 36px; }
.picture .contents .content .item .mask i.ico-pic { background: url(../img/ico-pic.png) center no-repeat;}
.picture .contents .content .item .mask i.ico-video { background: url(../img/ico-video.png) center no-repeat;}
.picture .contents .content .item .mask i.ico-down { background: url(../img/ico-down.png) center no-repeat;}

.footer { position: relative; background: #f2f2f2;}
.footer .crumbs { height: 50px; padding: 0 10%; font-size: 18px; line-height: 50px; background: #f8f8f8;}
.footer .crumbs ul li { float: left; display: inline-block;}
.footer .crumbs ul li span { margin: 0 10px;}
.footer .links { padding: 20px 0 140px; font-size: 0; text-align: center;}
.footer .links .item { display: inline-block; vertical-align: top; width: 29%; padding: 0 1%; text-align: left;}
.footer .links .item b { display: block; font-size: 30px; color: #000; font-weight: normal; padding: 30px 0 0;}
.footer .links .item ul { padding: 0; margin: 0; text-align: left; display: inline-block; vertical-align: top; width: 33%;}
.footer .links .item li { list-style: none; font-size: 18px; color: #707070; line-height: 35px;}
.footer .links .item li.tit { font-size: 27px; color: #000; padding: 20px 0 10px;}
.footer .links .item li.tit a { color: inherit;}
.footer .links .item li.tit.spe a:hover { color: #000; }
.footer .links .item li a:hover { color: #333;}
.footer .links .item.first { width: 14%;}
.footer .links .item.first ul { width: 100%; padding-top: 12px;}
.footer .links .item.first li { font-size: 27px; line-height: 48px;}

.footer .links .item .ico li { padding-top: 10px; position: relative;right:8px;}
.footer .links .item .ico li a { position: relative; display: inline-block; width: 56px; height: 56px; background: center no-repeat; background-size: 60%; -webkit-transition: all .3s ease;}
.footer .links .item .ico li a:hover .code { display: block;}
.footer .links .item .ico li .weibo { background-image: url(../img/ico-weibo.png);}
.footer .links .item .ico li .wechat { background-image: url(../img/ico-wechat.png);}
.footer .links .item .ico li .mina { background-image: url(../img/ico-mina.png);}
.footer .links .item .ico li .app { background-image: url(../img/ico_app.png); position: absolute;}
.footer .links .item .ico .code { display: none; position: absolute; left: -100px; bottom: 50px; text-align: center; background: #fff; padding: 0 20px 10px;}


.footer .copyright { position: relative; height: 80px; background: #161616; color: #ccc; font-size: 16px;}
.footer .copyright .titleList{width:280px;position: absolute;left:2%;}
.footer .copyright .imgPc{position: absolute;top:12px;left: 23%;left: calc(2% + 280px);}
.footer .copyright ul { position: absolute; top: 17px; right: 13%; padding: 0; margin: 0;}
.footer .copyright li { float: left; list-style: none; border-right: 1px #393939 solid; line-height: 1em;}
.footer .copyright li a { padding: 0 15px; color: #ccc;}
.footer .copyright li a:hover { color: #fff; -webkit-transition: all .3s ease;}
.footer .copyright li.nbd { border-right: none;}
.footer .copyright .txt { position: absolute; top: 40px; right: 14%;}
.footer .copyright .ico { position: absolute; top: 12px; right: 14%; width: 48px; height: 48px; margin-right: -75px;
	background: url(../img/ico-copyright.png) no-repeat;}


.swiper-slide { position: relative;}
.cxy .swiper-slide { width: 100%; }
.swiper-container .arrow-left,
.swiper-container .arrow-right,
.swiper-container .close { position: absolute; z-index: 10; left: 0; top: 50%; margin-top: -48px; width: 96px; height: 96px;
	background: url(../img/arr-left.png) no-repeat; background-size: 100%;}
.swiper-container .arrow-right { left: auto; right: 0; background-image: url(../img/arr-right.png);}
.swiper-container .close { top: 0; right: 0; left: auto; margin: 0 !important; background-image: url(../img/arr-close.png);}

#video video { width: 100%; height: 100%;}

.reference { position: relative; text-align: right; padding-right: 14%; bottom: -560px; z-index: 100;}

.action img { width: 100%;}

.manual { position: absolute;  bottom: 21%; width: 100%; text-align: center; font-size: 22px;}
.manual a { display: block; color: #fff; margin: 10px 0;}
.manual a:hover { text-decoration: underline;}


.modalTestdrive { display: none; position: fixed; z-index: 2000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8);}
.modalTestdrive .content { position: absolute; height:300px; top: calc(50% - 290px); top: -moz-calc(50% - 290px); top: -webkit-calc(50% - 290px); left: calc(50% - 340px); left: -webkit-calc(50% - 340px); left: -moz-calc(50% - 340px); width: 780px;
	background: #fff; color: #333; font-size: 0;}
.modalTestdrive .content .close { position: absolute; cursor: pointer; top: 20px; right: 25px; width: 25px; height: 30px; background: url(../img/modal-testdrive-close.png) no-repeat; background-size: 100%;}
.modalTestdrive .content .img { position: relative; display: inline-block; width: 182px; height: 300px; background: #1f1f1f;}
.modalTestdrive .content .img img { width: 100%; }

.modalTestdrive .content .img .logo { position: absolute; left: 25px; top: 25px; width: 150px;}
.modalTestdrive .content .img .logo img { width: 100%;}
.modalTestdrive .content .text { display: inline-block; vertical-align: top; width: 75%; text-align: center;
	padding: 17px 0;}
.modalTestdrive .content .text h2 { font-size: 40px; margin: 20px 0 0;}
.modalTestdrive .content .text p { font-weight: normal; font-size: 18px; color: #666;}
.modalTestdrive .content .text p span { color: #0076bf;}
.modalTestdrive .content .text .submit { font-size: 19px; text-align: left; color: #666; text-align: center; padding-bottom: 8px;}
.modalTestdrive .content .text .submit .ipt { width: 130px; padding: 3px; outline: none; margin-right: 10px;}
.modalTestdrive .content .text .submit label { display: block; font-size: 14px; width: 100%; text-align: center; padding: 0px 0;}
.modalTestdrive .content .text .submit label input { vertical-align: middle; margin-right: 5px;}
.modalTestdrive .content .text .submit .btn { color: #fff; font-size: 19px; width: 200px; cursor: pointer; text-align: center; margin: 0 auto; padding: 10px 0; background: #0073c3;}
.modalTestdrive .content .success { display: none; font-size: 40px;}
.modalTestdrive .content .success img { position: relative; margin-right: 20px; vertical-align: middle;width: 50px;}
.modalTestdrive .content .text .submit i{color: #C9302C; padding: 0 6px; position: relative; top: 5px;}
.modalTestdrive .content .map{display:none;background: #EFEFEF; overflow: hidden; width: 780px; height: 280px; position: relative;}
.modalTestdrive .content .map .testdrive{position: absolute; width: 70%; left: 15%; font-size: 12px; bottom: 0; background: #fff; padding:5px 10px;}
.modalTestdrive .content .map .testdrive >div{display: inline-block;}
.modalTestdrive .content .map .testdrive img{width: 14px; position: relative; top: 2px;}
.modalTestdrive .content .map .testdrive .select{padding: 3px;}
.modalTestdrive .content .map .testdrive .select select{padding: 3px;}

.modalTestdriveConfirm { display: none; position: fixed; z-index: 2000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8);}
.modalTestdriveConfirm .content { display: none; position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 20px; background: #fff; color: #333; text-align: center;}
.modalTestdriveConfirm .content.active { display: block;}
.modalTestdriveConfirm .content h2 { font-size: 20px; margin: 20px 0 0;}
.modalTestdriveConfirm .content p { line-height: 20px; margin: 0; padding: 20px;}
.modalTestdriveConfirm .content .form { padding-bottom: 10px;}
.modalTestdriveConfirm .content .form p { padding: 5px;}
.modalTestdriveConfirm .content .form input { width: 20%; height: 35px; vertical-align: top; border: 1px solid #aaa; padding: 0 10px; box-sizing: border-box;}
.modalTestdriveConfirm .content .form .verification { width: 31%;}
.modalTestdriveConfirm .content .form .btn { display: inline-block; width: 10%; margin-left: 1%; padding: 7px 0; background: #267dca; color: #fff; cursor: pointer;}
.modalTestdriveConfirm .content .btnConfirm { margin: 0 auto; width: 80px; padding: 10px 30px; background: #267dca; color: #fff; cursor: pointer; float: left;}
.modalTestdriveConfirm .close { position: absolute; top: 30px; right: 30px; width: 40px; height: 40px; background: url(../img/ico-close.png) no-repeat; background-size: 80%; cursor: pointer;}
.modalTestdriveConfirm .content .btn {width: 31%; margin: 0 auto;}
.modalTestdriveConfirm .content .btnConfirmClose { margin: 0 auto; width: 80px; padding: 10px 30px; background: #ccc; color: #fff; cursor: pointer; float: right;}

.mediaAnimate { display: none; position: fixed; z-index: 2000; top: 50%; left: 50%; border: 2px #fff solid; background: rgba(255, 255, 255, .3); box-sizing: border-box; pointer-events: none;}


.contrast { width: 1000px; margin: 0 auto; padding: 40px 0 60px;}
.contrast .hd { text-align: center;}
.contrast .hd img { margin-left: 30px;}
.contrast .hd h2 { margin: 0; font-size: 36px; font-weight: normal;}
.contrast .bd { position: relative; padding-top: 40px;}
.contrast .bd .car { width: 32%; height: 160px; text-align: center; font-size: 22px;}
.contrast .bd .car p { margin: 0 0 10px;}
.contrast .bd .car p b { font-weight: normal; color: #0076bf;}
.contrast .bd .car .cancel { font-size: 18px; color: #0076bf;}
.contrast .bd .car .cancel span { padding: 5px 10px; cursor: pointer;}
.contrast .bd .car .cancel span:hover { text-decoration: underline;}
.contrast .bd .left { float: left;}
.contrast .bd .right { float: right;}
.contrast .bd .btn { position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -110px; width: 220px; height: 80px; background: url(../img/btn-contrast-2.png) no-repeat; cursor: pointer;}
.contrast .bd .btn.btn-0 { background-image: url(../img/btn-contrast-0.png);}
.contrast .bd .btn.btn-1 { background-image: url(../img/btn-contrast-1.png);}
.contrast .bd .btn.btn-2 { background-image: url(../img/btn-contrast-2.png);}
.contrast .bd .btnAdd { border: 2px #619fd5 dashed; background: url(../img/ico-add.png) center no-repeat; cursor: pointer;}
.contrast .bd .btnAdd * { display: none;}

.contrastTitle { font-size: 0; text-align: center; padding-bottom: 50px;}
.contrastTitle .item { display: inline-block; font-size: 16px; width: 28%; vertical-align: top; color: #666;}
.contrastTitle .btn { padding: 12px 30px; background: #0076bf; color: #fff; font-size: 14px; cursor: pointer;}


/*配置表下载按钮样式*/
.my_configurationTable_btn{width: 100px;display: inline-block;position: relative; left: 80%; bottom:145px; line-height: 1;text-align: center;}
.my_configurationTable_btn .my_txt{color:#1e7bcd}
.my_configurationTable_btn img { width:auto; }

.my_contrast_btn{width: 78px;left: 30%; bottom:80px; line-height: 1;text-align: center;}
.my_contrast_btn .my_txt{color:#1e7bcd}
@media (max-width: 1600px) {
	/*.modalTestdrive .content { width: 70%; margin: -200px 0 0 -35%; }*/
	.modalTestdrive .content .text .submit { font-size: 16px; padding: 10px 0 0 0;}
	.modalTestdrive .content .text .submit .btn { width: 180px; padding: 5px 0;}
	.modalTestdrive .content .text h2 { font-size: 30px;}
	.modalTestdrive .content .success { font-size: 30px;}
	.modalTestdrive .content .text p { font-size: 16px;}
	.modalTestdrive .content .success img { width: 50px; height: 50px; }

	.titleA h5 { font-size: 48px;}

	.swiper-container .arrow-left,
	.swiper-container .arrow-right,
	.swiper-container .close { width: 80px; margin-top: -40px;}

	.navbar li { font-size:1.1vw; margin: 0 0.5vw;}
	.navbar li.title { padding: 0 30px 0 20px;}
	.navbar li.nbd { margin-right: 20px;}


	.function .item span { font-size: 24px;}


	.footer .crumbs { font-size: 16px; padding: 0 9%;}
	.footer .links { padding: 20px 0 100px;}
	.footer .links .item b { font-size: 24px;}
	.footer .links .item li { font-size: 14px; line-height: 30px;}
	.footer .links .item li.tit { font-size: 16px; padding: 15px 0 0;}
	.footer .links .item.first li { font-size: 16px; line-height: 35px;}
	.footer .follow .item { width: 48px; height: 45px;}
	.footer .copyright { font-size: 14px;}
	.footer .links .item .ico li a { width: 42px; height: 42px;}

	.brand.bigsize { padding: 0 5% 5%;}

	.reference { bottom: -450px;}


	.config .configList .item.title { height: 40px; line-height: 40px;}
	.config .configList .item.title span { font-size: 16px;}
	.config .configList .item { line-height: 30px; margin-bottom: 2px;}
	.config .configList .item span { font-size: 13px;}
	.config .tips { font-size: 14px;}
	.my_configurationTable_btn{ bottom:145px; }
	.my_contrast_btn{ bottom:80px;left: 35%;}
}

@media (max-width: 1366px) {
	/*.modalTestdrive .content { width: 72%; margin: -200px 0 0 -36%; }*/

	.modalTestdrive .content .text .submit .btn { width: 140px; font-size: 14px; }
	.modalTestdrive .content .text h2 {}
	.modalTestdrive .content .success {}
	.modalTestdrive .content .text p {}
	.modalTestdrive .content .text .submit {}
	.modalTestdrive .content .success img { width: 40px; height: 40px; }

	.titleA h5 { font-size: 35px;}
	.swiper-container .arrow-left,
	.swiper-container .arrow-right,
	.swiper-container .close { width: 60px; margin-top: -30px;}
	.header .nav li a { font-size: 16px; padding: 0 15px;}

	.navbar { height: 50px; line-height: 50px;}
	.navbar li { padding: 0 0.5vw; height: 50px; font-size:1vw; margin: 0 0.5vw;}
	.navbar li.title { padding-right: 12px;}
	.navbar li.nbd { margin-right: 0;}
	.navbarFixed .banner { margin-bottom: 120px;}

	.function .item span { font-size: 18px;}

	.footer .links { padding: 20px 0 60px;}
	.footer .crumbs { font-size: 14px; padding: 0 8%;}
	.footer .copyright { font-size: 12px;}
	.footer .links .item { width: 35%;}
	.footer .links .item .ico li a { width: 35px; height: 35px;}

	.reference { bottom: -410px;}
	.my_configurationTable_btn{ bottom:92px; }
	.my_contrast_btn{ bottom:80px; }

}

.my_testdrive_btn{display: inline-block;padding:0; font-size: 0; background: #0171C7;position: absolute;color: #fff;text-align: center;z-index: 100;width: 9.4%;font-weight: 700;}
.my_testdrive_btn:hover{color: #fff;}
.my_testdrive_btn img{padding: 0;font-size: 0;width: 100%;}
.my_d90_position{left: 20%; bottom: 6%;}
.my_d90_position2{left: 10%; bottom: 6%;}
.my_d50_position{left: 20%; bottom: 6%;}
.my_d50_position2{left: 10%; bottom: 6%;}
.my_g10_position{left: 20%; bottom: 6%;}
.my_g10_position2{left: 10%;bottom: 6%;;}
.my_t60_position{left: 10%;bottom: 6%;background-color:transparent;}
.my_t60_position_z{left: 20%;bottom: 6%;}
.my_rv80_position{left: 8%;top: 35%;}
.my_v80ayt_position{left: 3%;top: 85%;}
.my_v80jyb_position{left: 3%;top: 85%;}
.my_v80sj_position{left: 3%;top: 85%;}
.my_v80sl_position{left: 3%;top: 85%;}
.my_v80zj_position{left: 20%; bottom: 9%;}
.my_v80zj_position2{left: 10%; bottom: 9%;}
.modalTestdrive2{background:rgba(0,0,0,.8);color:#fff;}
.modalTestdrive2 i{color:red;}
.navbarFixed .navbar{top:70px;}
.navbarFixed1 .modalTestdrive2{
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	right:76px;
	overflow: hidden;
}
.listUl{height:50px;border-top:2px solid #ccc;border-bottom:2px solid #ccc;}
.listUl span{display: inline-block;width:49.5%;text-align: center;font-size:20px;color:#666;height:40px;line-height: 40px;margin-top:5px;cursor: pointer;}
.listUl span.active{color:#2c7fc7;}
.listUl span:nth-child(1){border-right:2px solid #ccc;}
.navbarFixed2.listUl{
	position: fixed;
	background: #fff;
	z-index: 20;
	top: 0;
	left: 0;
	right:76px;
	overflow: hidden;
}
.itemBox{display: none}
.itemBox.active{display: block;}
.pinpai .listImg{width:100%;}
.pinpai .listImg img{display: block;vertical-align: top;width:100%;}

#yq {
	z-index: 999999999;
}
.yq-popup,
.yq-mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
}
.yq-mask {
	position: absolute;
	display: block;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.yq-wrapper {
	position: absolute;
	top: 17.22%;
	width: 100%;
}
.yq-content {
	position: relative;
	width: 58.28125%;
	max-width: 1119px;
	margin: 0 auto;
	border-radius: 20px;
	background-color: #fff;
}
.yq-skip {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 100px;
	border-radius: 40px;
	line-height: 40px;
	font-size: 22px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	background-color: #8b8a8d;
}
.yq-content img {
	display: block;
	width: 100%;
}
.yq-service,
.yq-sj {
	position: absolute;
	top: 62.5%;
	left: 50%;
	display: block;
	width: 15.10277%;
	margin-left: -7.551385%;
	cursor: pointer;
}
.yq-sj {
	top: 74.1176470588%;
	width: 35.7462019%;
	margin-left: -17.87310098%;
}