@charset "utf-8";
/* CSS Document */

html {
		margin-top: 40px !important;
	}
	body {
		
	}
	html.oldie body {
  		overflow-x: visible;
  	}
	.adv-wrapper {
		position: absolute;
		top: -40px;
		z-index: 9999;
		background: #444;
		line-height: 1;
		top: -40px;
		width: 100%;
		right:0;
		height: 40px;
		z-index: 9999;
	}
	.ac-gn-segmentbar-visible .adv-wrapper {
		position: absolute;
		top: -40px;
	}
	.ac-gn-segmentbar-visible .macpro-gg .adv-wrapper {
		top: 0px;
	}
	.adv-wrapper .adv-wrapper-text {
		color: #a8a8aa;
		display: block;
		line-height: 40px;
		overflow: hidden;
		text-decoration: none;
		text-overflow: ellipsis;
		text-align: right;
		max-width: 976px;
		margin: 0 auto;
	}

	.ac-gn-segmentbar-visible .adv-wrapper{
		background: transparent;
		width: 20%
	}
	.ac-gn-segmentbar-visible .adv-wrapper .adv-wrapper-text {
		width: 100%;
		margin-left: 488px;
		position: absolute;
		left: -250%;
		min-width: auto;
	}

	@media only screen and (max-width: 1023px) {
		.adv-wrapper {
			min-width: 20%
		}
		.adv-wrapper .adv-wrapper-text {
			margin-left:auto;
			width: auto;
			padding: 0 22px;
			position: relative;
			left: 0;
			padding-left: calc(max(22px, env(safe-area-inset-left)));
			padding-right: calc(max(22px, env(safe-area-inset-right)));
		}
		.ac-gn-segmentbar-visible .adv-wrapper .adv-wrapper-text {
			width: auto;
			position: relative;
			padding: 0 12px;
			left: -6%;
			margin: 0;
		}
		.ac-gn-segmentbar-visible #sonic-automotive.profiles.platter.full-nav.ac-gn-current-iphone .adv-wrapper .adv-wrapper-text,
		.ac-gn-segmentbar-visible #ducati.profiles.platter.full-nav.ac-gn-current-iphone .adv-wrapper .adv-wrapper-text,
		.ac-gn-segmentbar-visible #mayo-clinic.profiles.platter.ac-gn-current-iphone.full-nav .adv-wrapper .adv-wrapper-text
		 {
			left: -27%;
		}
	}
	@media only screen and (max-width: 767px) {
		.adv-wrapper .adv-wrapper-text {
			line-height:40px;
			margin-left:auto;
			width: auto;
			padding: 0 16px;
			position: relative;
			left: 0;
		}
		.ac-gn-segmentbar-visible .adv-wrapper .adv-wrapper-text {
			width: auto;
			position: relative;
			left: 0;
			margin: 0;
		}
		.ac-gn-segmentbar-visible #sonic-automotive.profiles.platter.full-nav.ac-gn-current-iphone .adv-wrapper .adv-wrapper-text,
		.ac-gn-segmentbar-visible #ducati.profiles.platter.full-nav.ac-gn-current-iphone .adv-wrapper .adv-wrapper-text,
		.ac-gn-segmentbar-visible #mayo-clinic.profiles.platter.ac-gn-current-iphone.full-nav .adv-wrapper .adv-wrapper-text
		{
			left: -25%;
		}
		.adv-wrapper {
			top:-44px;
			height: 44px
		}
		.ac-gn-segmentbar-visible .adv-wrapper {
			top:-44px;
			height: 44px
		}
		.adv-wrapper .adv-wrapper-text {
			line-height: 44px;
		}
		html {
			margin-top: 44px !important;
		}

	}
	.adv-wrapper .adv-wrapper-text {
		color: #a8a8aa;
		font-size: 12px;
		font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;

	}


	/* Always show in IE8, whether zoom because IE8 doesnt have responsive. */
	/* hack for IE8 without shop button */
	/*js no-touch no-svg ie8 no-progressive no-transforms no-tablet no-handheld no-oldTablet no-maskBoxImage no-maskedParallaxAnimation no-webgl no-video no-inlineVideo no-canvas cssFilter no-cssTransition2d no-cssTransition3d ie*/

	html.ie8,html.oldie,html.oldIE {
		margin-top: 0px !important;
	}
	html.ie8 .adv-wrapper,html.oldie .adv-wrapper,html.oldIE .adv-wrapper {
		position: relative;
		top: 0px;
		min-width: 1024px;
	}
	html.ie8 .adv-wrapper .adv-wrapper-text,html.oldie .adv-wrapper .adv-wrapper-text,html.oldIE .adv-wrapper .adv-wrapper-text {
		line-height: 40px;
	}
	html.ie8 #ac-globalnav,html.oldie #ac-globalnav,html.oldIE #ac-globalnav {
		top: 40px;
	}
	html.ie8 .ac-familybrowser,html.oldie .ac-familybrowser,html.oldIE .ac-familybrowser {
		top: 84px;
	}
	html.ie8 .ac-nav-overlap .chapternav,html.oldie .ac-nav-overlap .chapternav,html.oldIE .ac-nav-overlap .chapternav {
		margin-top: 84px;
	}
	/* hack for IE8 with shop button*/
	html.ie8.ac-gn-segmentbar-visible #ac-gn-segmentbar,html.oldie.ac-gn-segmentbar-visible #ac-gn-segmentbar,html.oldIE.ac-gn-segmentbar-visible #ac-gn-segmentbar {
		position: relative;
		top: 0;
	}
	html.ie8.ac-gn-segmentbar-visible .adv-wrapper,html.oldie.ac-gn-segmentbar-visible .adv-wrapper,html.oldIE.ac-gn-segmentbar-visible .adv-wrapper {
		position: absolute;
		min-width: auto;
	}

.font:lang(zh-CN) {
    font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.font:lang(zh) {
    letter-spacing: 0em;
}
.font{
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -.009em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif!important;
	color: aliceblue;
}                                                                                                                                                                                                                                                                                                                                                                                                                                 
.font2{
	color: aqua;                                       
}



/*后加css样式*/

* {
	margin: 0px;
	padding: 0px;
}
	.main {
		width: 100%;
		height:auto;
		
        
	}
		.adv {
			width: 100%;
			height: 45px;
			background: #444444;
		}
		.adv span {
			position: relative;
			top: 15px;
			left: 83%;
			color: #A8A8AA;
			font-size: 12px;
		}
	.nav {
		width: 100%;
		height: 70px;
		background:#fff;
		line-height: 80px;
       
       
		
	}
		.nav img {
			width: 276px;
			height: 46px;
            margin-top: 1em;
		}

		.nav ul {
            margin-left: 100px;
           
		}
		.nav ul li {
			width: 105px;
			height: 70px;
			margin-left: 0px;
			line-height: 90px;
			float: left;
			list-style: none;
			color: #1D1C1C;
            text-align: center;
		}
.nav ul li a{
    text-decoration: none;
    color: #1D1C1C;
    display: block;
    width: 105px;
    height: 70px;
    line-height: 80px;
    text-align: center;
    
    
}
			.nav ul li a:hover {
				color:#fff;
				cursor: pointer;
                background: #3a76b5;
			}
#logo{
    width: 276px;
    height: 80px;
    background: url(../images/logo.png)no-repeat 0px 15px;
    padding-left: 1em;
}

.ac-ln-wrapper{
    height: 70px!important;
    line-height: 70px!important;
}
#body_top{
    position: absolute;
    top:0px;
    width: 100%;
    margin: 0px;
}
#ac-localnav .ac-ln-title {
margin-top: 1em;
margin-bottom: -17px;
}

.conent{
    margin: 0 auto;
    margin-top: 80px;
}
.conent h1{
    margin: 0 auto;
    font-size: 30px;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #c9c6c6;
}
.conent h2{
	color: #c9c6c6;
	font-size: 1em!important;
	
}
.conent .title{
    margin: 0 auto;
    text-align: center;
    margin-bottom:6%;
}

.font2{
	color:#B9B9B9;                                       
}
.f-title{
    text-align: center;
    margin-bottom: 30px;
    font-family: "方正小标宋";
    font-weight: bold;
}
.conent_con{
    width: 100%;
    height: auto;
    
}
.conent_con p{
    width: 100%;
    height: auto;
    font-family: "微软雅黑";
    font-size: 1em!important;
    line-height: 30px;
}

.conent_con p strong{
    font-weight: bold;
    font-family: "微软雅黑";
    /*font-style: italic;*/
    font-size: 1em;
}

.conent_con p font{
    font-weight: bold;
    font-family: "微软雅黑";
    font-size: 1em;
}
.conent_con p font a{
	color: #c9c9c9;
}
.conent_con p a{
    color: #fff;
}
.section-liquid-retina {
background: #000;
padding-top: 80px; 
overflow-x: hidden;
}
.conent_con p{
    width: 100%;
    height: auto;
    font-family: "微软雅黑";
    font-size: 1em;
    line-height: 30px;
    text-align: left;
	color: #c9c9c9;
	
}
.conent_con p img{
    width: 100%;
    height: auto;
	
	margin-top: 2%;
	margin-bottom: 2%;
	text-indent: 0em;
}

.bottom_an{
    margin-top: 30px;
    margin-bottom: 50px;
}
.xglj{
    margin-top: 50px;
    font-weight: bold;
	margin-bottom: 8%!important;
    
}
.ac-gf-buystrip{
    margin-top: 50px!important;
}

.video_sp{
    width: 100%;
    height: auto;
    margin: 0 auto;
    
}
.video_sp video{
	
    width: 100%;
    height: auto;
   
    margin-left: auto;
	margin-right: auto;
	
}
.video_sp video source{
	
    width: 100%;
    height: auto;
    margin:0 auto;
    
}

.router-image img{
    width: 100%;
    height: auto;
}


/*导航后加样式*/
.wd01{   
  margin-right: 15px!important;
    
}

/*导航后加样式*/
.wd01{   
  margin-right: 15px!important;
    
}
#ac-globalnav .ac-gn-link-apple span{
   width: 395px!important;
    align-content: center;
    
}
.ac-gn-link-text{
    width: 395px!important;
     align-content: center;
    color: #000!important;
}

#ac-gn-firstfocus-small{
    width: 395px!important;
    background:url(../images/TDEG_slogan.gif) no-repeat 80px 15px!important;
   
     
}
.ac-gn-header{
    background-color: #fff!important;
}

@media screen and (max-width: 767px) and (min-width: 436px) {
    #ac-gn-firstfocus-small{
         width: 436px!important;
         background:url(../images/TDEG_slogan.gif) no-repeat 140px 15px!important;
    }
}
.ac-gn-apple{
    height: 44px!important;
    line-height: 44px!important;
}

/*nav导航样式*/
.ac-gn-list li{
    height: 44px;
    line-height: 44px!important;
}
.ac-gn-list li a{
    height: 44px;
    line-height: 44px;
    color: #444;
    text-align: center;
   /* width: 74px;*/
    text-decoration: none;
    /*font-weight: 600!important;*/
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif!important;
}

.ac-gn-list li a:hover{
    color: #777;
}

.unit-image-wrapper figure img{
    width: 100%!important;
}

#main_top{
    margin-top: 44px;
}

/*旋转gif*/
.xz{
    position: relative!important;
	
}
.xz_wz{
     margin-left: 2%;
     margin-top: 8%;
    margin-bottom: 5%;
    width: 100%;
   
     
}
.xz_img{
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
}

.xz_img2{
    width: 60%;
    position: absolute;
    left: 55%;
    top: -10%;
}
.xz_wz p{
    
    font-size: 1.8em!important;   
    font-weight: bold;
    margin: 0;
    height:140%;
    line-height: 140%;
    color: #e6d9c1;
    width: 100%;
    display: block;
   font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;

    
}
/*.xz_wz p:hover{
    color: #e6d9c1;
}*/

.xz_wz p span{
    font-size: 0.8em;
}





/*旋转gif*/

.xz_wz2{
     margin-left: 2%;
     margin-top: 8%;
    margin-bottom: 5%;
    width: 100%;
   
     
}

.xz_wz2 p{
    
    font-size: 1.6em!important;   
    font-weight: bold;
    margin: 0;
    height:140%;
    line-height: 140%;
    color: #e6d9c1;
    width: 100%;
    display: block;
   font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;

    
}
/*.xz_wz p:hover{
    color: #e6d9c1;
}*/

.xz_wz2 p span{
    font-size: 0.8em;
}




/*旋转图文字判断*/

@media screen and (max-width: 767px) and (min-width: 350px) {
   
	.xz_wz p{
    
    font-size: 1.0em!important;   
    font-weight: bold;
    margin: 0;
    height:140%;
    line-height: 140%;
    color: #e6d9c1;
    width: 100%;
    display: block;
   font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;

    
}
	
	
	.xz_wz2 p{
    
    font-size: 0.8em!important;   
    font-weight: bold;
    margin: 0;
    height:140%;
    line-height: 140%;
    color: #e6d9c1;
    width: 100%;
    display: block;
   font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;

    
}
	
	.xz_wz2 p span{
    font-size: 0.2em;
}
	.xz_wz2{
		width: 56%;
	}
	
	.xz_img2{
    width: 60%;
    position: absolute;
    left: 55%;
    top: 8%;
}
	
	
	
}

@media screen and (max-width: 980px) and (min-width: 768px) {
    
	
	.xz_wz2{
		width: 56%;
	}
	
	.xz_img2{
    width: 60%;
    position: absolute;
    left: 55%;
    top: 8%;
}
}


/*导航后加样式*/
.wd01{   
  margin-right: 15px!important;
    
}

.an{
    width: 15%;    
    background-color: #0070c9;
background: -webkit-linear-gradient(#42a1ec, #0070c9);
background: linear-gradient(#42a1ec, #0070c9);
border-color: #07c;
border-width: 1px;
border-style: solid;
border-radius: 4px;
color: #fff;
cursor: pointer;

min-width: 30px;
padding-left: 2%;
padding-right: 2%;
padding-top: 3px;
padding-bottom: 4px;
text-align: center;
white-space: nowrap;
    margin: 0 auto;
    margin-bottom: 1em;
    margin-top: 10px;
    
}

/*表格样式*/
.conent_con table{
    margin: 0 auto;
    width: 100%;
    border: #fff solid 1px;
    margin-bottom: 32px;
   
   
}

.conent_con table td{
    border: #fff solid 1px;
    height: 44px;
    line-height: 44px;
    text-indent: 0.8em;
}
/*表格样式*/

#al1,#al2,#al3,#al4,#al5{
    margin-bottom: 44px;
}


.jianju{
    margin-bottom: 8%;
}
.jianju2{
    margin-top: 8%;
}


/*foot 底部导航*/







@media screen and (max-width: 191em) and (min-width: 950px) {
    
	#ac-globalfooter .ac-gf-directory-column-section {
	width: 120%;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	float: left;
	min-height: 2px;
	pointer-events: none
}
	.foot_left_1{
	margin-left:  30%!important;
		
    
}

.foot_left_2{
	margin-left:  40%!important; 
}

.foot_left_3{
	margin-left:  60%!important; 
}

.foot_left_4{
	margin-left:  65%!important; 
}
}

.composition-wrapper h1{
	color: #FFE5DB;
}

.ac-ln-title a{
	font-family: "微软雅黑"!important;
}

.conent_con h2{
	font-family: "微软雅黑"!important;
}

.ac-ln-menu-item a{
	font-family: "微软雅黑"!important;
	font-weight: bold;
	font-size: 15px!important;
}
.ac-ln-button {
	font-family: "微软雅黑"!important;
	font-size: 15px!important;
	font-weight: bold!important;
}

/*旋转图文字判断*/

/*图片定位*/


.tp_dw{
    position: relative!important;
}
.dw{
     
    
    margin-bottom: 5%;
    width: 100%;
   
     
}
.dw_img{
    width: 50%;
	
    position: absolute;
    left: 60%;
    top: 0px;
}










/*联系客服  三种情况开始*/

@media screen and (max-width: 2550px) and (min-width: 980px) {
	#pc {
		display: inline;
		
	}
	
	#tel{
       display: none;
   
     
}
	#ipad{
       display: none;
   
     
}
	
}

@media screen and (max-width: 980px) and (min-width: 768px) {
	#pc {
		display: none;
		
	}
	
	#tel{
       display: none;
   
     
}
	#ipad{
       display: inline;
   
     
}
	
}

@media screen and (max-width: 768px) and (min-width: 350px) {
	#pc {
		display: none;
		
	}
	
	#tel{
       display: inline;
   
     
}
	#ipad{
       display: none;
   
     
}
	
}

/*联系客服  三种情况  结束*/

/*2019.1.11 添加白色背景样式*/
.section-content{
	padding-bottom: 3%;
}

.bj_b{
	
	background: #fafafa;
	width: 100%;
	padding-top: 1%;
	padding-bottom: 8%;
}


@media only screen and (min-width: 1442px) {
.con_w {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}
}

@media only screen and (max-width: 1068px) {
.con_w {
    margin-left: auto;
    margin-right: auto;
    width: 692px
}
}

@media only screen and (max-width: 735px) {
.con_w {
    margin-left: auto;
    margin-right: auto;
    width: 87.5%
}
}


.con_b{
	width: 100%;
}

.con_b p{
	color: #333;
}

.con_b h1{
	color: #333;
}

.con_b h2{
	color: #333;
}
.con_b font{
	color: #333;
}
.con_b p font a{
	color: #333;
}


/*2019.1.11 添加白色背景样式  结束*/

/*手机 模式导航字体变亮*/
@media screen and (max-width: 768px) and (min-width: 350px) {
	.ac-gn-list li a{
		color: #fafafa;
	}
	
}
/*手机 模式导航字体变亮 结束*/

/*固定顶部导航  pc端显示*/

@media screen and (max-width: 2550px) and (min-width: 980px) {
	#ac-globalnav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    display: block;
    margin: 0;
    width: 100%;
    min-width: 1024px;
    height: 48px;
    max-height: 44px;
  
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
	#ac-localnav .ac-ln-wrapper {
    position: fixed;
    top: 44px;
    left: 0;
    width: 100%;
    height: 44px;
    min-height: 68px;
    z-index: 1;
}
	.tp_70 img{
    width: 70%!important;
}
.tp_50 img{
    width: 50%!important;
}
.tp_30 img{
    width: 30%!important;
}
	
}

@media screen and (max-width: 767px) and (min-width: 350px) {
	
	#ac-localnav .ac-ln-wrapper {
    height: 56px!important;
    min-height: 64px!important;
   
}
	#ac-localnav .ac-ln-menucta{
		display: none;
	}
	
}

/*固定顶部导航  pc端显示  结束*/


/*左右拼图*/
.tp_zy{
	width: 100%;
	overflow: hidden;
}

.tp_l{
	width: 49%;
	text-align: center;
	float: left;
	
}
.tp_r{
	width: 49%;
	text-align: center;
	float: right;
	
}


@media (max-width: 1253px){ 

	.bj_gif img{
		display: none;
	}
	
}





/*手机用户   栏目标题溢出隐藏  开始*/


@media screen and (max-width: 767px) and (min-width: 300px) {
	
	/*TST*/
	.ac-ln-title {
		overflow: hidden!important;
		width: 270px!important;
		
	}
	
	/*TST  结束*/
	
	/*CFC*/
	.CFC {
		overflow: hidden!important;
		width: 336px!important;
		
	}
	/*CFC 结束*/
	
	
	/*CT*/	
	.CT {
		overflow: hidden!important;
		width: 340px!important;
		
	}
	/*CT 结束*/
	
	/*RD*/
	.RD {
		overflow: hidden!important;
		width: 336px!important;
		
	}
	/*RD 结束*/
	
	/*TD-SAI*/
	.SAI {
		overflow: hidden!important;
		width: 180px!important;
		
	}
	/*TD-SAI 结束*/
	
	/*DHH*/
	.DHH {
		overflow: hidden!important;
		width: 336px!important;
		
	}
	/*DHH 结束*/
	
	/*IS*/
	
	.IS {
		overflow: hidden!important;
		width: 180px!important;
		
	}
	/*IS 结束*/
	
	/*JPQ*/
	.JBQ {
		overflow: hidden!important;
		width: 340px!important;
		
	}
	/*JBQ 结束*/
	
	/*STQ*/
	.STQ {
		overflow: hidden!important;
		width: 340px!important;
		
	}
	/*STQ 结束*/
	
	/*FW*/
	.FW {
		overflow: hidden!important;
		width: 154px!important;
		
	}
	
	/*FW 结束*/
}



/*ipad 显示时logo居中 溢出隐藏*/

@media screen and (max-width: 868px) and (min-width: 768px) {
	
	/*TST*/
	.ac-ln-title {
		overflow: hidden!important;
		width: 198px!important;
		
	}
	/*TST 结束*/
	
	/*CFC*/
	.CFC {
		overflow: hidden!important;
		width: 340px!important;
		
	}
	/*CFC 结束*/
	.CT {
		overflow: hidden!important;
		width: 340px!important;
		
	}
	/*CT*/
	/*CT 结束*/
	
	/*RD*/
	.RD {
		overflow: hidden!important;
		width: 340px!important;
		
	}
	/*RD 结束*/
	
	/*TD-SAI*/
	.SAI {
		overflow: hidden!important;
		width: 260px!important;
		
	}
	/*TD-SAI 结束*/
	
	/*DHH*/
	.DHH {
		overflow: hidden!important;
		width: 260px!important;
		
	}
	/*DHH 结束*/
	
	/*IS*/
	.IS {
		overflow: hidden!important;
		width: 260px!important;
		
	}
	/*IS 结束*/
	
	/*JBQ*/
	.JBQ {
		overflow: hidden!important;
		width: 280px!important;
		
	}
	
	
	/*JBQ 结束*/
	
	/*STQ*/
	.STQ {
		overflow: hidden!important;
		width: 280px!important;
		
	}
	/*STQ 结束*/
	
	/*FW*/
	.FW {
		overflow: hidden!important;
		width: 340px!important;
		
	}
	/*FW 结束*/
	
	.ac-ln-title{
		font-size: 1em!important;
	}
	
	/*ipad  Logo  图片 居中显示*/
	#ac-gn-firstfocus-small{
    width: 395px!important;
    background:url(../images/TDEG_slogan.gif) no-repeat 180px 15px!important;
   
     
}
	
}

/*ipad 显示时logo居中  手机显示溢出隐藏  结束*/

/*栏目标题溢出隐藏  结束*/

@media screen and (max-width: 2550px) and (min-width: 768px) {
	#zy img{
		 display: none;
	}
}


.ac-gn-item li{
    height: 44px;
    line-height: 44px;
    color: #444!important;
    text-align: center;
    width: 74px;
    text-decoration: none;
    /* font-weight: 600!important; */
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif!important;
	
}



.ac-gn-apple img{
	width: 60%!important;
	margin-left: 15%!important;
	margin-top: 1%!important;
}



.ac-gf-footer-shop{
	font-size: 16px!important;
	color: #fff;
}