@charset "utf-8";
@font-face{font-family:Bebas; src:url("https://wanguoyun.oss-cn-hangzhou.aliyuncs.com/font/SourceHanSerifCN-Medium.otf")}
@font-face{font-family:joules; src:url("../font/joules et jaques serif.otf")}
*{padding:0px; margin:0px}
body {font-family: Bebas,"joules","Arial","Helvetica","Microsoft YaHei","宋体";-webkit-text-size-adjust: none; font-size:14px; color:#021d49;background:#f7e8d2}
body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,form,img,p,pre,textarea,blockquote,fieldset { padding:0px; margin:0px;}
html,body{width: 100%;height: 100%;}
ul,ol,li{list-style-type:none}
table{ border-collapse:collapse}
img {border:none;-ms-interpolation-mode:bicubic;-webkit-backface-visibility: hidden;}
em {font-style:normal}
h1,h2,h3,h4,h5,h6,h7 {font-size:100%}
a:link {color:#021d49;text-decoration:none;  }  
a:visited {color:#021d49;text-decoration:none;  }  
a:hover {color:#f88d2a;text-decoration:none;  }  
a:active {color:#021d49;text-decoration:none;  } 
.grey{color:#979797}
.grey a{color:#979797; text-decoration:none}
.grey a:hover{color:#fff; text-decoration:none}
.grey1{color:#8c8c8c}
.grey1 a{color:#8c8c8c; text-decoration:none}
.grey1 a:hover{color:#c40202; text-decoration:none}
.red{color:#c40202}
.red a{color:#c40202; text-decoration:none}
.red a:hover{color:#c40202; text-decoration:underline}
.white{color:#FFFFFF}
.white a{color:#FFFFFF; text-decoration:none}
.white a:hover{color:#fff; text-decoration:underline}
.black{color:#000}
.black a{color:#000; text-decoration:none}
.black a:hover{color:#f4ce20; text-decoration:none}
.yellow{color:#f98e2b;}
.yellow a{color:#f98e2b; text-decoration:none}
.yellow a:hover{color:#f98e2b; text-decoration:none}
.yellow2{color:#f6e6d1;}
.yellow2 a{color:#f6e6d1; text-decoration:none}
.yellow2 a:hover{color:#021d49; text-decoration:none}
.blue{color:#021d49;}
.blue a{color:#021d49; text-decoration:none}
.blue a:hover{color:#f98e2b; text-decoration:none}
.grey{color:#696464}
.grey a:link {color:#696464;text-decoration:none;  }  
.grey a:visited {color:#696464;text-decoration:none;  }  
.grey a:hover {color:#c40202;text-decoration:none;  }  
.grey a:active {color:#696464;text-decoration:none;  } 
img{border:0px;}
.left{float:left; width:auto}
.right{float:right; width:auto}
.clear{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
.clearfix:after {clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.banner{clear:both; padding:0px; margin:0px auto}
.banner01{clear:both; height:80px; overflow:hidden; padding:0px; margin:0px;}
.main-index{clear:both; overflow:hidden}

.tempWrap{width:1200px; margin:0px auto}
.parHd li{width:300px}


#top{clear:both; height:123px; background:url(../images/bg01.jpg) no-repeat center; padding:0px; margin:0px;}
.top{clear:both; width:1200px; margin:0px auto; padding:26.5px 0px;}
.logo{float:left;}
.lj{float:right; padding:13px 0px;  }
.lj img{margin-left:45px;}
.head-v3{position:relative;z-index:100;min-width:1200px}
.head-v3 .navigation-inner{margin:0 auto;width:1200px;position:relative}
.navigation-up{height:38px;background:url(../images/bg02.jpg) no-repeat center}
.navigation-up .navigation-v3{float:left;}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 14px/38px "Bebas";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{background:}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 45px;color:#fff;display:inline-block;height:38px;font-family:"Bebas"}

.navigation-down{position:absolute;top:38px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;
	background:url(../images/line01.png) repeat-x 0px 0px; border-bottom:3px solid #f98e2b; position:absolute;top:0px; min-height:340px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.nav-down-menulist{margin:0px auto;width:1200px;}
.nav-down-menulist a{color:#fff}
.nav-down-menulist a:hover{color:#f88d2a}
.nav-down-menulist dl{padding:0px; margin:0px}
.nav-down-menulist dd{line-height:40px; padding:0px; margin:0px; margin-bottom:12px; background:url(../images/line02.jpg) no-repeat bottom left;}
.navigation-down .nav-down-menu dl{float:left;margin:10px 0px 0px 0}
.nav-down-menulist dl.menu-1{margin-left:165px}
.nav-down-menulist dl.menu-2{margin-left:325px}
.nav-down-menulist dl.menu-3{margin-left:470px}
.nav-down-menulist dl.menu-4{margin-left:615px}


.slideBox {	width: 100%;	overflow: hidden;	position: relative;margin:0px; padding:0px;}
.slideBox .hd {	width: 100%;	position: absolute;	bottom:30px;	z-index: 1}
.slideBox .hd ul {	text-align: center}
.slideBox .hd ul li {	/*width: 80px;	height: 36px;	margin: 0 3px;*/width: 285px;	height: 1px;		display: inline-block;	position: relative}
.slideBox .hd ul li .dot {	width: 285px;	height: 1px;	background-color: hsla(0,0%,60%,.4)}
.slideBox .hd ul li span {	display: none;	color: #fff;	position: absolute;	width: 100%;	font-size: 14px;	left: 0;	top: 0;	line-height: 36px;	cursor: pointer
}.slideBox .hd ul li.on .liner {	width: 285px;	height: 1px;	animation: liner 2.5s;	position: absolute;	top: 0;	left: 0;	background: linear-gradient(90deg, #198cff, #8847c1);	background:#f4e5d0}
.slideBox .hd ul li:hover .dot {	display: none}
.slideBox .hd ul li:hover {	/* width: 206px;	height: 36px;	transform: translateY(-50%);	background: linear-gradient(90deg, #198cff, #8847c1);	transition: all .1s ease;*/width: 285px;	height: 1px; background:#f4e5d0;}
.slideBox .hd ul li:hover span {	/*display: inline-block*/ display:none}
@keyframes liner {
from {
width:0
}
to {
width:100%
}
}
.slideBox .bd {	width: 100%;	position: relative;	overflow: hidden;margin:0px; padding:0px;}
.slideBox .bd li {	text-align: center; margin:0px; padding:0px;}
.slideBox .bd img {	width: 100%;}
.slideBox .bd:hover~.prev {	display: block}
.slideBox .bd:hover~.next {	display: block}
.slideBox .prev:hover {	display: block}
.slideBox .next:hover {
	display: block
}
.slideBox .prev {
	display: none;
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	width: 29px;
	height: 52px;
	background: url(../images/left_array.png) no-repeat;
	background-size: cover
}
.slideBox .next {
	display: none;
	position: absolute;
	right: 3%;
	top: 50%;
	margin-top: -25px;
	width: 29px;
	height: 52px;
	background: url(../images/right_array.png) no-repeat;
	background-size: cover
}
.slideBox .bd li.active {
	animation-name: ai-big-out;
	animation-duration: .3s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;margin:0px; padding:0px;
}
@keyframes ai-big-out {
0% {
z-index:3;
transform:scale(1.1);
opacity:1
}
50% {
transform:scale(1.2);
opacity:.5
}
to {
transform:scale(1.3);
opacity:1
}
}

#link{background:#0e2a6a; margin:0px auto; padding:35px 0px 30px 0px; clear:both; height:30px; letter-spacing:2px; margin-top:-4px}
.link{clear:both; margin:0px auto; width:1200px; padding:0px; clear:both; color:#f98e2b; line-height:26px}
.link .left  ul{list-style-type:none; padding:0px; margin:0px;}
.link .left  li{float:left; width:auto}
.link .left img{height:30px; margin:0px 10px -9px 35px}
.link .right img{height:30px; margin:0px 5px -7px 35px}
.link a{color:#f98e2b }
#footer{background:#f98e2b; height:60px; line-height:60px; color:#021d49; text-align:center; letter-spacing:2px;}
#footer a{color:#021d49;}
.icon1{position: relative;}
.vx { position: absolute; bottom:40px;left: 0px;  width:150px; display: none; z-index:999; text-align:center;}
.vx p{padding:5px 0px 0px 0px; margin:0px}
.link .left .vx img{width:159px; height:160px; margin:0px;}
.icon1:hover .vx { display: block }
.sph { position: absolute; bottom:40px;left: 0px; width: 150px; display: none; z-index:999; text-align:center;}
.sph p{padding:5px 0px 0px 0px; margin:0px}
.link .left .sph img{width:159px; height:160px; margin:0px;}
.icon1:hover .sph { display: block }
.dyh { position: absolute; bottom:40px;left: 0px; width: 150px; display: none; z-index:999; text-align:center;}
.dyh p{padding:5px 0px 0px 0px; margin:0px}
.link .left .dyh img{width:159px; height:160px; margin:0px;}
.vph { position: absolute; bottom:40px;left: 0px;  width: 150px; display: none; z-index:999; text-align:center; }
.vph p{padding:5px 0px 0px 0px; margin:0px}
.link .left .vph img{width:159px; height:160px; margin:0px;}
.icon1:hover .dyh { display: block }

.other_av{clear:both; padding:0px; margin:0px auto; overflow: hidden;    position: relative;}
.bg01{background:url(../images/bg03.jpg) repeat-y center 0px; overflow:hidden; background-size:100%}

.about{clear:both; padding:0px; margin:0px auto}
.about-01{clear:both; width:1200px; margin:0px auto; padding:0px; color:#021d49}
.about-01 .title{clear:both; padding:80px 0px 30px 0px; margin:0px auto; overflow:hidden; text-align:center}
.about-01 p{text-align:center; line-height:33px; font-size:18px; padding:0px 0px 60px 0px; margin:0px auto; width:90%; letter-spacing:3px}
.about-01 .content{clear:both}
.about-01 .content ul{list-style-type:none; padding:0px; margin:0px;}
.about-01 .content li{float:left; width:55%; padding-bottom:90px;}
.about-01 .content li:nth-child(1),.about-01 .content li:nth-child(4),.about-01 .content li:nth-child(6){width:37%; padding:0px 4%; float:left}
.about-01 .content li h1{font-size:46px; color:#f88d2a; line-height:52px; text-align:left; padding:60px 0px 45px 0px; margin:0px; font-weight:normal}
.about-01 .content li p{line-height:33px; font-size:18px; padding:0px; margin:0px auto; letter-spacing:3px; text-align:left; width:100%}

.bg02{background:url(../images/bg04.jpg) center 0px; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; overflow:hidden; padding:150px 0px;}
.about-02{clear:both; width:1200px; margin:0px auto; padding:0px; color:#fff; overflow:hidden}
.about-02 .title{clear:both; padding:0px 0px 100px 0px; margin:0px auto; overflow:hidden; text-align:center}
.about-02 .content{clear:both}
.about-02 .content ul{list-style-type:none; padding:0px; margin:0px;}
.about-02 .content li{float:left; width:33.33%; text-align:center}
.about-02 .content li img{margin-bottom:20px}
.about-02 .content li p{padding:0px; margin:0px; font-size:18px; line-height:35px;letter-spacing:3px}
.about-03{clear:both; width:1200px; margin:0px auto; padding:0px; color:#021d49; overflow:hidden}
.about-03 .title{clear:both; padding:90px 0px 35px 0px; margin:0px auto; overflow:hidden; text-align:center}
.about-03 .content{clear:both}

.course{clear:both; }
.course .title{clear:both; overflow:hidden; text-align:center;width:1200px; margin:0px auto; padding:80px 0px 60px 0px; overflow:hidden}
.course .content{clear:both; letter-spacing:3px; color:#021d49;width:1200px; margin:120px auto 150px auto; padding:0px; }
.co_all{clear:both; color:#021d49; overflow:hidden; word-spacing:3px;}
.co_title{font-size:20px; text-align:left; clear:both;font-size:34px; padding:0px 0px 0px 170px; overflow:hidden; margin-bottom:30px}
.co_content{clear:both; }
.coc_content{clear:both;background:url(../images/i12.png) repeat-y 238px 0px; overflow:hidden}
.co_titme{width:225px; padding:0px 17px 0px 0px;background:url(../images/i11.png) no-repeat right 12px; float:left; text-align:right; font-size:20px }
.co_info{float:left; width:743px; text-align:left; padding:0px 0px 30px 120px}
.co_info ul{list-style-type:none; padding:0px; margin:0px;}
.co_info li{clear:both; font-size:16px; line-height:28px; margin-bottom:15px}
/*公共部分*/
.wc960{margin:0 0px;width:1200px;}
.warp-pic-list li{float:left;display:inline;}
/*全局板块*/
.row .hd .title{font-size:16px;}
/*全局页签*/
.box-T{width:100%;
    margin:auto;}
.box-T ul{display:table;  /**不要设置宽度*/
    margin:10px auto;}
.box-T li{ width:12px;height:12px;font-size:0;background-color:#c1bab2;
    text-align:center;
    float:left;
    *float:none;
    *display:inline;
    *zoom:1; list-style: none; margin:0px 5px;border-radius: 50%;}
.tab-T li.cur{background-color:#021d4a;}
/*热门车型*/
.rowE .warp-pic-list1{position:relative; height:250px; font-size:16px;overflow:hidden; width:1200px; margin:0px auto; color:#021d49 }
.rowE .count1 li{float:left; position: relative;  display: inline-table; margin:10px 15px; height:250px; width:270px; text-align:center; }
.rowE .count1 li img{ height:165px; margin-bottom:10px }
.rowE .warp-pic-list2{position:relative; height:250px; font-size:16px;overflow:hidden; width:1200px; margin:0px auto; color:#021d49 }
.rowE .count2 li{float:left; position: relative;  display: inline-table; margin:10px 15px; height:250px; width:270px; text-align:center; }
.rowE .count2 li img{ height:165px; margin-bottom:10px; }


.nbanner .downbtn {
  color: #fff;  line-height: 1;  position: absolute;  width: 100%;  text-align: center;  z-index: 4;  bottom: 1.25rem;  cursor: pointer;  opacity: 0;  filter: alpha(opacity=0);
  -webkit-transition: opacity .5s ease;  transition: opacity .5s ease;}
  
.nbanner .downbtn p {
  margin-bottom: 10px;
  text-align: center;
  color: #f7e8d2; font-size:14px; line-height:28px;
  /*-webkit-animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
  animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;*/
}
.nbanner .downbtn .btn {   margin:8px auto 10px 0px;  -webkit-animation: trackBallSlide 5s linear infinite;  animation: trackBallSlide 5s linear infinite;}
.nbanner .downbtn .btn2{  width:11px;  height:111px;  margin: 8px auto 60px auto;  -webkit-animation: trackBallSlide 5s linear infinite;  animation: trackBallSlide 5s linear infinite;}
.nbanner .downbtn .btn3{  width:11px;  height:84px;  margin: 8px auto 40px auto;  -webkit-animation: trackBallSlide 5s linear infinite;  animation: trackBallSlide 5s linear infinite;}
.nbanner .downbtn.active {  opacity: 1;  filter: alpha(opacity=100);}
@-webkit-keyframes trackBallSlide {
0%{
    opacity: 0.8;
		transform: translate(0,0);
	}
		25%{
    opacity: 1;
		transform: translate(5px,25px);
	}
	50%{
    opacity: 0.8;
		transform: translate(0,0);
	}
	70%{
    opacity: 1;
		transform: translate(5px,25px);
	}
	100%{
    opacity: 0.8;
		transform: translate(0,0);
	}
}

#demo{ width:1200px; height:600px; overflow: hidden; margin:0px auto}
		.box{
			height:600px;
			width:1200px;
		}
		.zUIpanelScrollBox,.zUIpanelScrollBar{
			width:10px;
			top:4px;
			right:2px;
			border-radius:5px;
			
		}
		.zUIpanelScrollBox{
			background:#142042;opacity:0.1;
			filter:alpha(opacity=50);
		}
		.zUIpanelScrollBar{
			background:#ee892f;opacity:0.8;
			filter:alpha(opacity=80);
		}
		

.practice{clear:both; width:1000px; margin:0px auto; padding:50px 0px 240px 0px}
.practice_txt .nbanner .downbtn p{font-size:18px; line-height:34px}
.practice .banner{clear:both; margin-top:60px;}
.practice .banner img{width:100%}
#practice_line{background:url(../images/line03.jpg) repeat-x 0px bottom; padding:0px 0px 88px 0px; margin:0px auto; clear:both; overflow:hidden}
.practice_line{clear:both; width:1200px; margin:0px auto; text-align:right}

.join{clear:both}
.j_bg01{background:url(../images/j_bg03.jpg) no-repeat center 0px; overflow:hidden; background-size:100%; min-height:910px;overflow: hidden;    position: relative;}
.j_bg01 .title{clear:both;width:1000px; margin:0px auto; padding:0px; text-align:center; padding:75px 0px 45px 0px}
.j_bg01 .title img{width:469px;}
.j_bg01 .content{clear:both;width:900px; margin:0px auto; padding:0px;}
.j_bg01 .content ul{list-style-type:none; padding:0px; margin:0px;}
.j_bg01 .content li{float:left; width:25%; text-align:center; padding:30px 0px 0px 0px}
.j_bg01 .content li img{width:130px}
.j_bg02{clear:both;overflow: hidden;    position: relative}
.j_bg02 .nbanner .downbtn p{color:#ff8600; font-size:20px; line-height:36px}
.j_bg03{background:url(../images/j_bg02.jpg) no-repeat center bottom;  background-size:100%;}
.j_bg03 .title{clear:both;width:900px; margin:0px auto; text-align:center; padding:55px 0px 40px 0px; text-align:center; overflow:hidden}
.j_bg03 .title img{width:469px;}
.j_bg03 p{clear:both; width:900px; margin:0px auto; padding:0px; text-align:center; color:#ff8600;font-size:20px; line-height:36px}
.j_bg03 .content{clear:both;width:900px; margin:0px auto; padding:50px 0px 30px 0px; overflow:hidden}
.j_bg03 .content ul{list-style-type:none; padding:0px; margin:0px;}
.j_bg03 .content li{float:left; width:50%; text-align:center; padding:00px 0px 0px 0px; text-align:center}
.j_bg03 .content li img{width:80%}
.j_bg03 .content2{clear:both;width:900px; margin:0px auto; padding:270px 0px 145px 0px; text-align:center}
.j_bg03 .content2 img{width:965px}
.j_bg04{background:url(../images/j_bg03.jpg) no-repeat center bottom;  background-size:100%; overflow:hidden}
.j_bg04 .title{clear:both;width:900px; margin:0px auto; padding:0px; text-align:center; padding:55px 0px 50px 0px; text-align:center}
.j_bg04 .title img{width:627px;}
.j_bg04 .content{clear:both;width:900px; margin:0px auto; padding:0px;}
.j_bg04 .content ul{list-style-type:none; padding:0px; margin:0px;}
.j_bg04 .content li{float:left; width:50%; text-align:center; padding:00px 0px 0px 0px; text-align:center}
.j_bg04 .content li img{width:90%}
.j_bg04 .content2{clear:both;width:800px; margin:0px auto; padding:0px; text-align:center; padding:65px 0px 145px 0px; overflow:hidden}
.j_bg04 .content2 img{width:100%}
.j_bg04 .title2{clear:both;width:900px; margin:0px auto; padding:0px; text-align:center; padding:95px 0px 50px 0px; text-align:center}
.j_bg04 .title2 img{width:819px;}
.j_bg04 .content3{clear:both;width:900px; margin:0px auto; padding:0px; text-align:center; padding:0px 0px 145px 0px; overflow:hidden}
.j_bg04 .content3 li img{width:100%}
.j_bg04 .content3 ul{list-style-type:none; padding:0px; margin:0px;}
.j_bg04 .content3 li{width:48%; float:left; text-align:center; padding-top:30px }
.j_bg04 .content3 li:nth-child(2n){margin-left:4%}
.j_bg05{background:url(../images/j_bg04.jpg) no-repeat center bottom;  background-size:100%; overflow:hidden; padding-bottom:145px; overflow:hidden}
.j_bg05 .title{clear:both;width:900px; margin:0px auto; padding:0px; text-align:center; padding:55px 0px 50px 0px; text-align:center}
.j_bg05 .title img{width:935px;}
.j_bg05 .content{clear:both;width:900px; margin:0px auto; padding:0px;}
.j_bg05 .content ul{list-style-type:none; padding:0px; margin:0px;}
.j_bg05 .content li{width:48%; float:left; text-align:center; padding-top:30px }
.j_bg05 .content li:nth-child(2n){margin-left:4%}
.j_bg05 .content li img{width:100%}

.advantage{clear:both}
.ad-01{clear:both; padding:0px; margin:0px;overflow: hidden;    position: relative;}
.ad-01 .nbanner .downbtn p{color:#f7e8d2; font-size:16px; line-height:30px; padding:0px; margin:0px; padding-top:20px}
.ad-01 .nbanner .downbtn{bottom:2rem; padding:0px; margin:0px}
.ad_bg01{background:url(../images/ad_bg01.jpg) no-repeat 0px bottom; overflow:hidden; background-size:100%; clear:both; overflow:hidden}
.ad_bg02{background:url(../images/ad_bg02.jpg) no-repeat 0px bottom; overflow:hidden; background-size:100%; clear:both; min-height:780px; overflow:hidden; margin-top:-4px}
.ad_pic01{clear:both; text-align:center}
.ad_pic01 img{width:1300px; padding:10em 0px 16em 0em}
.ad_pic02{clear:both; text-align:center}
.ad_pic02 img{width:500px;  padding:6em 0em 18em 0em}
.ad_pic03{clear:both; text-align:center}
.ad_pic03 img{width:1100px; padding:7em 0em 0em 0em}
.ad_pic04{clear:both; text-align:center}
.ad_pic04 img{width:1100px; padding:7em 0em 0em 0em}

.ad_height01{clear:both; background:url(../images/ad_av01.jpg) no-repeat center bottom; background-size:100%; overflow:hidden;}
.ad_height02{clear:both; background:url(../images/ad_bg01.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height03{clear:both; background:url(../images/ad_av03.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height04{clear:both; background:url(../images/ad_bg01.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height05{clear:both; background:url(../images/ad_av05.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height06{clear:both; background:url(../images/ad_av06.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height07{clear:both; background:url(../images/ad_av07.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height08{clear:both; background:url(../images/ad_bg02.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height09{clear:both; background:url(../images/ad_av09.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height10{clear:both; background:url(../images/ad_bg02.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height11{clear:both; background:url(../images/ad_av11.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height12{clear:both; background:url(../images/ad_av12.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_height13{clear:both; background:url(../images/ad_av13.jpg) no-repeat center bottom; background-size:100%; overflow:hidden}
.ad_content{clear:both; bottom:10px; position: absolute; visibility: visible; width:100%; text-align:center; padding-bottom:10px;}
.ad_content p{color:#f7e8d2; font-size:16px; line-height:30px; padding:0px; margin:0px; padding-top:30px}
.ad_img02{clear:both; padding-bottom:10%}
.ad_img04 img{width:500px; padding-bottom:5%}
.ad_img08{clear:both; padding-bottom:10%}
.ad_img10{ clear:both; padding-bottom:10%; text-align:center}
.ad_img10 img{width:1100px;}

.tourism{clear:both; width:1200px; margin:0px auto; padding:0px; color:#021d49}
.tourism .title{clear:both; text-align:center; padding:75px 0px 20px 0px}
.tourism .title img{padding-bottom:0px}
.tourism .title p{padding:0px; margin:0px; text-align:center; line-height:32px; font-size:18px;}
.tourism .banner{clear:both; padding:0px; margin:0px auto}
.tourism .content{clear:both}
.tourism .content ul{list-style-type:none; padding:0px; margin:0px}
.tourism .content li{float:left; width:800px; height:600px; text-align:center; padding-top:85px}
.tourism .content li:nth-child(4n-3){width:400px; text-align:left}
.tourism .content li:nth-child(4n){width:300px; text-align:left; padding-left:100px}
.tourism .content li .title{text-align:left; padding:0px; margin:0px; padding:160px 0px 15px 0px}
.tourism .content li .title img{padding:0px; margin:0px;}
.tourism .content li p{text-align:left; padding:0px; margin:0px; line-height:32px; font-size:18px;}
.tourism .content2{clear:both}
.tourism .content2 ul{list-style-type:none; padding:0px; margin:0px}
.tourism .content2 li{float:left; width:360px; text-align:center; margin:0px; padding-top:45px; text-align:left}
.tourism .content2 li:nth-child(2){margin:0px 60px}
.tourism .content2 li .title{text-align:left; padding:0px; margin:0px; padding:35px 0px 30px 0px}
.tourism .content2 li .title img{padding:0px; margin:0px;}
.tourism .content2 li p{text-align:left; padding:0px; margin:0px; line-height:32px; font-size:18px;}
.wqhg{clear:both; padding:45px 0px 145px 0px; overflow:hidden; text-align:center}
.wqhg_title{clear:both; padding:0px; margin:0px; padding-bottom:25px;}
.wqhg_content{clear:both;padding:0px; margin:0px;}
.wqhg_banner{ width:1200px; height:675px; text-align:center; position: relative; overflow: hidden; margin:0px auto}
.wqhg_banner img{width:1200px; height:675px;}
.banner-btn{display:none;}
.banner-btn a{display:block;line-height:40px;position:absolute;top:317px;width:40px;height:40px;/*background-color:#000;opacity:0.3;filter:alpha(opacity=30) color:rgb(255, 255, 255);*/overflow:hidden;z-index:4;}
.prevBtn{left:5px;}
.nextBtn{right:5px;}
.banner-img{font-size:0;*word-spacing:-1px;/* IE6、7 */ letter-spacing:-3px;position:relative;}
.banner-img li{display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;}
.wqhg_banner i{background:url(../images/i06.png) no-repeat;width:15px;height:23px;cursor:pointer;margin:8px 0 0 12px;display:block;}
.wqhg_banner .nextBtn i{background-position:0px -24px;}
.wqhg_banner .prevBtn i{background-position:0px 0px;}
.banner-circle{position:absolute;left:50%;top:630px;height:13px;text-align:center;font-size:0;border-radius:10px;}
.banner-circle li{border-radius:10px;margin:2px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1;}
.banner-circle li a{display:block;padding-top:9px;width:9px;height:0;border-radius:50%;background:#fff;overflow:hidden;}
.banner-circle .selected a{background:#021d49;}

.news{clear:both; width:1101px; margin:0px auto; padding:0px}
.news .title{clear:both; text-align:center; padding:80px 0px; margin:0px auto; overflow:hidden}
.news .content{clear:both}
.news .content ul{list-style-type:none; padding:0px; margin:0px;}
.news .content li{float:left; width:342px; text-align:left; background:#f5e6d0; min-height:380px; border-bottom:2px solid #7b818c; overflow:hidden; margin-bottom:30px;box-shadow:0px 0px 8px #c0b4a2;}
.news .content li:hover{border-bottom:2px solid #021d49}
.news .content li:nth-child(3n-1){margin:0px 37.5px 30px 37.5px}
.news .content li .pic{clear:both}
.news .content li .pic{display: table-cell;vertical-align: middle;width:342px;height:172px;overflow:hidden;}
.news .content li .pic img{width:342px;height:172px;
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.news .content li:hover .pic img{transform: scale(1.2);	}

.news .content li .title{clear:both; padding:30px 15px 20px 15px; color:#021d49; background:url(../images/i13.jpg) no-repeat 15px bottom; text-align:left; font-size:18px; line-height:22px; height:44px}
.news .content li .time{clear:both; padding:10px 15px; color:#eb7609; font-size:14px}
.news .content li .info{clear:both; padding:0px 15px; color:#2b2c32; font-size:14px; line-height:20px}

.newsinfo{clear:both; width:1080px; margin:0px auto}
.newsinfo .title{font-size:28px; line-height:32px; color:#021d49; text-align:center; padding:105px 0px 80px 0px; overflow:hidden}
.newsinfo .content{    clear: both;
    text-align: left;
    font-size: 17px;
    line-height: 33px;
   
    margin: 0px auto;
    padding: 0px 0px 40px 0px;
    color: #021d49;}
.correlation{clear:both; text-align:center; padding:100px 0px; overflow:hidden}

.p_list{clear:both; width:100%; padding:30px 0px 10px 0px}
/*公共部分*/
.wc960{margin:0 auto;width:100%}
.fl{float:left;}
.fr{}
.warp-pic-list3{width:100%; margin:0px auto; color:#002768}
.wrapBox3{width:1230px; margin:0px auto; color:#002768}
/*全局板块*/
.row3 .hd{background:url(../images/hd-line_01.jpg) no-repeat 0 50px;height:55px;}
.row3 .hd .title{font-size:16px;}
/*全局页签*/
.tab-T-3{width:86px; margin:0px auto; padding-top:0px}
.tab-T-3 li{width:14px;height:14px;font-size:0;background-color:#c3c2bd; text-align:center; margin-left:10px;cursor:pointer;display: inline-block;border-radius: 50%}
.tab-T-3 li.cur{background-color:#002768;}
/*热门车型*/
.row3 .warp-pic-list3{position:relative;width:80%;height:335px;overflow:hidden;}
.row3 .count3 ul{list-style-type:none; padding:0px; margin:0px;}
.row3 .count3 li{margin-left:50px;width:330px;height:410px; float:left;margin:0px 15px;opacity: 0.8;}
.row3 .count3 li:hover{opacity:1;}
.count3_pic{display: table-cell;vertical-align: middle;width:380px;height:285px;overflow:hidden; text-align:center}
.count3_pic img{max-width:365px; /* sets max-width for IE */
 _width:expression(document.body.clientWidth > 365 ? "365px" : "auto");
 max-height:274px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 274 ? "274px" : "auto");
 transform: scale(1);transition: all 1s ease-in-out 0s;}
.row3 .count3 li:hover .count3_pic img{transform: scale(1.2);	}
.count3_name{font-size:16px; color:#002768; text-align:center; padding-top:10px}
.row3 .btn3{display:block;height:57px; width:57px;position:absolute;top:105px; z-index:200;cursor:pointer;}
.row3 .prev{background:url(../images/i14.png) no-repeat 0px 0px; left:0}
.row3 .prev:hover{}
.row3 .next{background:url(../images/i15.png) no-repeat 0px 0px; right:0}
.row3 .next:hover{}
-->


.pnbanner .pdownbtn {
  color: #fff;  line-height: 1;  position: absolute;  width: 100%;  text-align: center;  z-index: 4;  bottom: 1.25rem;  cursor: pointer;  opacity: 0;  filter: alpha(opacity=0);
  -webkit-transition: opacity .5s ease;  transition: opacity .5s ease;}
  
.pnbanner .pdownbtn p {
  margin-bottom: 10px;
  text-align: center;
  color: #f7e8d2; font-size:14px; line-height:28px;
  /*-webkit-animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
  animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;*/
}

.p_products {clear:both; padding:0px; margin:0px auto; overflow: hidden;    position: relative;  margin-top:-3px}
.pnbanner .downbtn {
  color: #fff;  line-height: 1;  position: absolute;  width: 100%;  text-align: left;  z-index: 4; top:40px; left:50px;  cursor: pointer;  opacity: 0;  filter: alpha(opacity=0);
  -webkit-transition: opacity .5s ease;  transition: opacity .5s ease;}
.pnbanner .downbtn.active {  opacity: 1;  filter: alpha(opacity=100);}
.pnbanner .downbtn h1{padding:0px; margin:0px; color:#f6e6d1; font-weight:normal; font-size:36px; letter-spacing:5px}
.pnbanner .downbtn h2{padding:20px 0px; margin:0px; color:#f6e6d1; font-weight:normal; font-size:26px; letter-spacing:3px}
.p_other{clear:both}
.p_other .title{clear:both; padding:85px 0px; text-align:center;}
.p_other .title img{width:393px}
.p_other .content{clear:both}

.friend{margin:0 auto;overflow:hidden;width:100%;}
.mr_frbox{width:1430px; margin:0px auto 80px auto; overflow:hidden}
.mr_frBtnL{cursor:pointer;display:inline;float:left; width:20px }
.mr_frUl{float:left; width:20px; margin-left:15px }
.mr_frBtnR{float:left;cursor:pointer; width:20px; margin-left:15px}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:256px; height:412px;overflow:hidden;position:relative; margin:15px 0px 0px 15px; text-align:center}
.other_pic{clear:both;width:90%; margin:0px auto 80px auto; overflow:hidden}
.other_pic ul{list-style-type:none; padding:0px; margin:0px;}
.other_pic li{width:18%; margin:0px 1%; float:left;overflow:hidden;position:relative;}
.proo_pic img{/*display:block;*/    width: 100%}
.pro_btn{clear:both; text-align:left; padding:20px 0px 75px 334px}
.pro_btn img{width:10px; height:20px}
.proo_name{clear:both; bottom: 0; position: absolute; visibility: visible; width:100%; text-align:center; color:#f98e2b; font-size:26px}
.proo_name img{width:65%; margin:25px auto}
.proo_name a{clear:both; display:block}


.matter{clear:both;}
.matter .content{clear:both; text-align:left; font-size:17px; line-height:33px; width:1200px; margin:0px auto; padding:80px 0px 40px 0px; color:#021d49}
.pro_video{clear:both}
.pv_video{clear:both;}
.pv_title{text-align:center; clear:both; font-size:24px; line-height:32px; padding:30px 0px; background:#021d49; color:#f7e8d2}


.pingtai_con{ width:100%; overflow:hidden}
    .mod18{width:100%;position:relative;}
    .mod18 .btn{position:absolute;width:57px;height:57px;top:110px;cursor:pointer;z-index:99; }
    .mod18 .prev{/*left:0;background:url(images/prevBtn.png) no-repeat;*/background:url(../images/i14.png) no-repeat center;left:40px}
    .mod18 #prevTop,.mod18 #nextTop{top:0px;width:46px;height:48px;}
    .mod18 #prevTop{/*background:url(images/prevBtnTop.png) 0 0 no-repeat;*/ background:none}
    .mod18 #nextTop{/*background:url(images/nextBtnTop.png) 0 0 no-repeat;*/background:none}
    .mod18 .next{right:40px;background:url(../images/i15.png) no-repeat center}
    .mod18 li{float:left;}
    .mod18 .cf li{position:relative;}
    .mod18 .picBox{min-height:720px;position:relative;width:100%;}
    .mod18 .picBox ul{position:absolute;}
    .mod18 .picBox li{width:1680px;min-height:330px;}
	@media only screen and (max-width: 1366px) {
.mod18 .picBox li{width:1200px;min-height:330px;}
}
@media only screen and (min-width: 1280px) and (max-width: 1680px){
.mod18 .picBox li{width:1680px;min-height:330px;}
}
@media only screen and (min-width: 1960px){
.mod18 .picBox li{width:1960px;min-height:330px;}
}
@media only screen and (min-width: 2560px){
.mod18 .picBox li{width:2560px;min-height:330px;}
}
    .mod18 .listBox{width:1230px;height:330px;margin:50px auto 50px auto;position:relative; overflow:hidden;}
    .mod18 .listBox ul{height:60px;position:absolute;}
    .mod18 .listBox li{width:410px;height:330px;cursor:pointer;position:relative;text-align:center; opacity: 0.8;}
	.listBox_pic{clear:both}
	.listBox_name{font-size: 16px;    color: #002768;    text-align: center;    padding-top: 10px;} 
    .mod18 .listBox li img{width:327px;height:245px; margin:20px 0px}
    .mod18 .listBox .on {width:380px;height:330px;opacity:1;}
	.mod18 .listBox .on img{width:380px;height:285px; margin:0px}
    .mod18 .listBox .on i{display:block;}
	
	
.store{clear:both}
.store_01{clear:both}
.store_02{width:94%;  margin:0px auto}
#store_top{clear:both; background:url(../images/line04.jpg) repeat-x bottom; }
.store_top{clear:both;width:94%;  margin:20px auto 40px auto}
.st_line01{height:20px; overflow:hidden; clear:both}
.st_line02{height:60px; overflow:hidden; clear:both}
.st_select{width:29.33%; margin:0px 2% 0px 2%; float:left}
.store_bottom{clear:both}
.sb_info{float:left; width:29.33%; margin:55px 2% 0px 2%; overflow:hidden; min-height:150px}
.store_bottom ul{list-style-type:none; padding:0px; margin:0px}
.store_bottom li{clear:both; line-height:28px; padding:0px 0px 8px 0px; overflow:hidden}
.store_bottom h1{font-size:30px; margin:0px; padding:0px 0px 20px 0px; font-weight:normal }
.store_bottom li .left{text-align:left; width:35px;}
.store_bottom li .left img{width:25px; margin-top:3px;}
.store_bottom li .right{width: calc(100% - 35px); float:left; font-size:20px}
 div.select-main { background-color: #f7e8d2; border: 1px solid #878b93; border-radius: 25px; font-size: 2em; height: 50px; position: relative; width:100%;  -webkit-user-select: none; /* webkit (safari, chrome) browsers */  -moz-user-select: none; /* mozilla browsers */  -khtml-user-select: none; /* webkit (konqueror) browsers */  -ms-user-select: none; /* IE10+ */ }  
 div.select-main.z-index { z-index: 10; }  
 div.select-main.disabled { cursor: default; filter: alpha(opacity=50); opacity: 0.5; zoom: 1; }  
 div.select-main.disabled div.select-set { cursor: default; }  
 div.select-main.disabled div.select-arrow { cursor: default; }  
 div.select-set { background-color: #f7e8d2; border-radius:30px; color: #021d49; cursor: pointer; height: 50px; line-height: 50px; overflow: hidden; position: relative; width:94%; z-index: 5; padding:0px 3% 0px 3% }  
 div.select-arrow { border-top:9px solid #021d49; border-left:9px solid transparent; border-right:9px solid transparent; cursor: pointer; height: 0px; position: absolute; top:22px; right: 20px; width: 0px; z-index: 7; }  
 div.select-arrow.reverse { border-top:9px solid transparent; border-bottom:9px solid #021d49; top:13px; }  
 div.select-block { background-color: #f7e8d2;  border-left: 1px solid #878b93;  border-right: 1px solid #878b93;  border-bottom: 1px solid #878b93;  border-radius: 5px;  box-shadow: 0 0 2px #878b93;  left: -1px;  line-height: 20px;  position: absolute;  top: 55px;  width: 100%; }  
 ul.select-list { cursor: pointer; margin: 15px 0 7px; }  /* Scroll view */  
 ul.select-list::-webkit-scrollbar {  width: 12px; }  
 ul.select-list::-webkit-scrollbar-track {  border-radius: 10px; }  
 ul.select-list::-webkit-scrollbar-thumb {  border-radius: 10px;  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5); }  
 ul.select-list { scrollbar-face-color: #021d49;  scrollbar-shadow-color: #021d49;  scrollbar-highlight-color: #021d49;  scrollbar-3dlight-color: #021d49;  scrollbar-darkshadow-color: #021d49;  scrollbar-track-color: #021d49;  scrollbar-arrow-color: #333; }  /* End scroll view */  
 li.select-items { color: #333333; padding: 7px 15px; }  
 li.select-items:hover, li.select-items.active { background-color: #021d49; color: #FFFFFF; }
 .duty{clear:both}
 .duty_av{clear:both; }
 .duty_all{clear:both; width:1200px; margin:0px auto; padding-bottom:60px; overflow:hidden}
 .duty_all .title{clear:both; text-align:center; padding:100px 0px 0px 0px}
 .duty_all .content{clear:both; padding-top:40px}
 .duty_all .content p{text-align:left; line-height:36px; padding:0px; margin:0px; font-size:20px}
.examine_all{clear:both; width:1200px; margin:0px auto; }
.examine_all ul{list-style-type:none; padding:0px; margin:0px;}
.examine_all li{float:left; width:800px; height:600px;  margin:45px 0px}
.examine_all li:nth-child(1),.examine_all li:nth-child(4),.examine_all li:nth-child(5){width:400px; text-align:left; padding-top:190px; height:410px}
.examine_all li:nth-child(4){padding:190px 0px 0px 80px; width:320px}
.examine_all li:nth-child(1),.examine_all li:nth-child(4),.examine_all li:nth-child(5) p{text-align:left; line-height:36px; font-size:20px}
.examine_ywhd{clear:both; width:1200px; margin:0px auto; padding-bottom:60px; overflow:hidden}
.examine_ywhd .title{clear:both; text-align:center; padding:30px 0px 25px 0px; overflow:hidden}
.examine_ywhd .content{clear:both}
.examine_ywhd .content ul{list-style-type:none; padding:0px; margin:0px;}
.examine_ywhd .content li{float:left; width:589px; text-align:center; font-size:20px}
.examine_ywhd .content li:nth-child(2n) {margin-left:22px;}
.examine_ywhd .content li img{margin-bottom:20px; width:589px}

.contact-01{clear:both;}
.contact-01{clear:both; padding:0px; margin:0px;overflow: hidden;    position: relative;}
.contact-01 .nbanner .downbtn p{color:#f7e8d2; font-size:28px; line-height:42px; padding:40px 0px 0px 0px; margin:0px}
.contact-01 .nbanner .downbtn{bottom:6em; padding:0px; margin:0px}
.contact-01 h1{font-size:42px; color:#f7e8d2; padding:0px; margin:0px; font-weight:normal}

@media only screen and (max-width: 1366px) {
.contact-01{clear:both;}
.contact-01{clear:both; padding:0px; margin:0px;overflow: hidden;    position: relative;}
.contact-01 .nbanner .downbtn p{color:#f7e8d2; font-size:20px; line-height:28px; padding:30px 0px 0px 0px; margin:0px}
.contact-01 .nbanner .downbtn{bottom:6em; padding:0px; margin:0px}
}
.loadbtn{clear:both; border:2px solid #0e2a6a; font-size:18px; color:#0e2a6a; padding:10px 0px; width:240px;  margin:0px auto;  overflow:hidden; text-align:center; background:url(../images/i18.png) no-repeat 160px center}
.loadbtn:hover{border:1px solid #f98e2b; color:#f98e2b; background:url(../images/i19.png) no-repeat 160px center}

.suspension{position:fixed;z-index:55;right:0;top:50%; margin-top:-100px;width:274px;  height:50px; padding:40px 13px 0px 13px;  background:url(../images/xg_bg01.png) no-repeat center; background-size:100%;}
.ljxg{clear:both}
.ljxg .left{width:133px; float:left}
.ljxg .left img{width:133px; }
.ljxg .right{width:133px; float:right}
.ljxg .right img{width:133px; }
#toTop img{width:79px; height:79px}