@charset "utf-8";
/* CSS Document */
/*----------定义全局------------*/
*html,body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none;}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
ul,ol,li,dl,dt,dd{ list-style:none;}
img{vertical-align:top;}
a{ outline:none; text-decoration:none;}
a:hover{ text-decoration:none;}
.c{ clear:both;}
.box{ width:1000px; margin:0 auto;}
body{ font-family:"微软雅黑"; background-color:#ffffff;}
a{font-family:"微软雅黑"; color:#333;}
/*----------专题------------*/

/*鼠标一上去图片变亮*/
a img{transition:box-shadow .2s ease,-webkit-filter .2s ease-out;-webkit-filter:brightness(1)}
a img:hover{-webkit-filter:brightness(1.3)}

.banner{ height:519px; background:#020415 url(../images/banner.jpg) no-repeat center 0;}
.banner img{ display:none;}


.nan{ height:60px;  background:url(../images/navbg.png) repeat-x 0 0; height:60px; }
.nan ul{ width:1100px; margin:0 auto;}
.nan li{ width:16.6%; float:left; line-height:60px; font-size:17px; color:#fff; text-align:center;}
.nan li a{ color:#fff;}
.nan li a:hover{ color:#fff; font-weight:bold;}

.mainbox{ width:1100px; margin:0 auto;}

.indu{ padding-top:50px;}
.whititle{ text-align:center; font:bold 26px/37px "Microsoft Yahei"; color:#333;}
.whititle span{ display:block; margin-top:7px; height:7px;}
.indu p{ font:14px/30px "Microsoft Yahei"; color:#444; /*margin-top:20px; text-indent:2em;*/}
.indu h2{ font-size:20px; line-height:35px; margin-top:15px;}
.indu .pimg{ margin-top:30px;}
.inds{ border:1px solid #e3e4e8; border-right:0; margin-top:80px;}
.inds ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.inds ul li{ float:left; width:548px;  border-right:1px solid #e3e4e8; position:relative; height:180px;}
.inds ul li span{ display:block; width:68px; height:68px; position:absolute; left:240px; top:-34px;}
.inds ul li b{ display:block; text-align:center; font:bold 22px/30px "Microsoft Yahei"; margin-top:50px; color:#444;}
.inds ul li p{ display:block; text-align:center; font:15px/26px  "Microsoft Yahei"; color:#444; margin-top:10px; padding:0 15px;}



.benif{ margin-top:40px; background:#35363b/* url(../images/index_19.jpg) no-repeat top center*/;  padding-top:50px; padding-bottom:90px;}

.blatitle{ text-align:center; font:bold 26px/37px "Microsoft Yahei"; color:#ffffff;}
.blatitle p.titlespan{ line-height:16PX;font-weight:normal; font-size:15px;color:#fff; position:relative; display:block; width:170px; margin:0 auto;text-align:center; margin-top:10px; }
.blatitle p.titlespan:before{ content: " ";display: table;clear:both; background: url(../images/title1.png) no-repeat; width:25px; height:8px;  position:absolute;}
.blatitle p.titlespan:after {content:" "; clear:both; background: url(../images/title2.png) no-repeat; width:25px; height:8px; position:absolute; right:0px;}
.blatitle span{ display:block; margin-top:10px; height:7px;}



.bebox{ width:1100px; overflow:hidden; margin-top:40px;}
.bebox ul{ width:1140px;}
.bebox ul li{ float:left; /*background:url(../images/bg.png) no-repeat; height:310px; */  width:245px; margin-right:40px;}
.bebox ul li.B02{ margin-top:0px;}
.bebox ul li dl dt{ width:105px; margin:0 auto;}
.bebox ul li dl dd{ margin-top:20px; padding:0 15px;}
.bebox ul li dl dd b{ font:17px/28px "Microsoft Yahei"; color:#fefeff; text-align:center; display:block; padding:0 15px;}
.bebox ul li dl dd p{ font:14px/28px "Microsoft Yahei"; color:#f1f3f4; margin-top:10px;}



.clist dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clist dl{ width:250px;}
.clist dl dt{ float: none; width:230px; font:15px/24px "Microsoft Yahei"; color:#00a1e4; text-align:center;}
.clist dl dd{ float:none; width:230px; font:15px/24px "Microsoft Yahei"; color:#666; text-align:center;}


.cabox ul li .clist{ position:absolute; }
.cabox ul li.c01 .clist{ left:-100px; top:50px;}
.cabox ul li.c02 .clist{ left:-50px; top:-80px;}
.cabox ul li.c03 .clist{ left:-40px; top:150px;}
.cabox ul li.c04 .clist{ left:-50px; top:-100px;}
.cabox ul li.c05 .clist{ left:-40px; top:140px;}

.cabox ul li.c02 .clist dt{ float:none; color:#96bc33; text-align:center; width:230px;}
.cabox ul li.c02 .clist dd{ float:none; text-align:center; width:230px;}

.cabox ul li.c03 .clist dt{ float:none; color:#f3ac14 ; text-align:center; width:230px;}
.cabox ul li.c03 .clist dd{ float:none; text-align:center; width:230px;}

.cabox ul li.c05 .clist dt{ float:none; color:#f3ac14; text-align:center; width:230px;}
.cabox ul li.c05 .clist dd{ float:none; text-align:center; width:230px;}

.need{ background:#ebebeb; padding-top:40px; padding-bottom:40px;}
.need table{ background:#d0d2d6; font:14px/24px "Microsoft Yahei"; color:#666; margin-top:40px;}
.need table tr td{ background:#fff;}
.need table tr th{background:#d0d2d6; line-height:50px; height:50px; font-size:16px; font-weight:normal;}
.need table tr td{ padding:5px 10px;}
.need table tr th.s{ width:120px;}
.need table tr td.s{ text-align:center; font-size:17px;}

.graytitle{ text-align:center; font:bold 28px/42px "Microsoft Yahei"; color:#192e57;}
.graytitle span{ display:block; margin-top:10px; height:7px;}
.graytitle p.titlespan{ line-height:16PX;font-weight:normal; font-size:15px; color:#172A4F; position:relative; display:block; width:170px; margin:0 auto; text-align:center; margin-top:10px; }
.graytitle p.titlespan:before{ content: " ";display: table;clear:both; background: url(../images/title1.png) no-repeat; width:25px; height:8px;  position:absolute;}
.graytitle p.titlespan:after {content:" "; clear:both; background: url(../images/title2.png) no-repeat; width:25px; height:8px; position:absolute; right:0px;}



.needs{ display:none;}
.activity{  padding-top:50px; padding-bottom:70px;}

.acti{ width:1100px; margin:0 auto; margin-top:30px;}
.acti h3{ font-size:14px; font-weight:normal; color:#333;}
.acti ul { overflow:hidden; padding-top:20px; width:1150px;}
.acti ul li{ float:left; margin-right:11px;}


.graybg{/* background:#050102;background:#050102 url(../images/index_19-1.jpg) no-repeat  bottom center;*/}

.retrospect{ padding-bottom:50px; padding-top:40px;  background:#ebebeb;}
.retrospect .titleA{ width:1100px; margin:0 auto; text-align:center; background:url(../images/title_44.jpg) no-repeat; height:74px;}
.titleA img{ display:none;}
.mainbox{ width:1100px; margin:0 auto;}
.whititle{ position:relative; margin-bottom:17px; }
.whititle a{
	position: absolute;
	right: -2px;
	font-size: 14px;
	color: #666;
	font-family: 'Microsoft Yahei';
	top: -1px;
}
.whititle{ text-align:center; font:bold 26px/37px "Microsoft Yahei"; color:#192e57; }
.whititle p.titlespan{ line-height:14PX;font-weight:normal;text-transform:uppercase; font-size:13px; color:#172A4F; position:relative; display:block; width:170px; margin:0 auto; text-align:center; margin-top:10px; }
.whititle p.titlespan:before{ content: " ";display: table;clear:both; background: url(../images/title1.png) no-repeat; width:25px; height:8px;  position:absolute;}
.whititle p.titlespan:after {content:" "; clear:both; background: url(../images/title2.png) no-repeat; width:25px; height:8px; position:absolute; right:0px;}




.good{ width:1100px; overflow:hidden;}
.good ul{ width:1125px; margin-top:0px; }
.good ul li{ float:left; width:350px; margin-right:25px; height:220px;margin-top:16px;}
.good ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }


.nr-wrap{ width:1100px; margin:0 auto; margin-top:50px;}
.nr-wrap ul{ overflow:hidden; width:1165px;}
.tuo li{ float:left; width:226px; margin-right:65px;  margin-bottom:15px;} 
.tuo li img{ border:1px solid #FFFFFF;}

/*回到顶部*/
.Backtop{width:50px; height:50px;overflow:hidden; display:block; position:fixed;z-index:100;bottom:5px;/*left:89.5%;*/ right:27px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop));}
.Backtop img{ width:100%;}
.characterA{ display:none;}

.fixedbut{ position:fixed;   bottom:70px; right:5px; z-index:999;}
.hvr-float-shadow {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
  position: relative;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform;  transition-property: transform;}
.hvr-float-shadow:before {pointer-events: none;position: absolute;  z-index: -1;  content: '';  top: 100%;  left: 5%;  height: 10px;  width: 90%;  opacity: 0;  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);  /* W3C */
  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform, opacity;  transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {  -webkit-transform: translateY(-5px);  transform: translateY(-5px);  /* move the element up by 5px */}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {  opacity: 1;  -webkit-transform: translateY(5px);  transform: translateY(5px);  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */}

.sign{ display:none;}
/*报名流程*/
.signupLC{ margin-top:50px; margin-bottom:70px;}
.signupLC .signcont .lcicon{ margin-left:50px; margin-top:15px;}
.signupLC .signcont ul{ width:1300px; zoom:1;}
.signupLC .signcont ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.signupLC .signcont ul li{ width:130px; margin-right:61px; float:left; text-align:center; margin-top:25px;}
.signupLC .signcont ul li h2{ font-size:23px; line-height:1em; font-weight:bold; font-family:"Microsoft Yahei";}
.signupLC .signcont ul li h2.h2titl01{ color:#2a5480;}
.signupLC .signcont ul li h2.h2titl02{ color:#616161;}
.signupLC .signcont ul li .p1{ font-size:20px; line-height:1em; font-weight:bold; color:#2a5480; margin-top:15px; font-family:"Microsoft Yahei";}
.signupLC .signcont ul li .p2{ font-size:20px; line-height:1em; font-weight:bold; color:#616161; margin-top:15px; font-family:"Microsoft Yahei";}
.signupLC .signcont ul li .p3{ font-size:14px; line-height:25px;  color:#444; margin-top:15px; font-family:"Microsoft Yahei";}

/*活动流程*/
.need{ background:#ebebeb; padding-top:50px; padding-bottom:70px;}
.need table{ background:#d0d2d6; font:14px/24px "Microsoft Yahei"; color:#444; margin-top:30px;}
.need table tr td{ background:#fff;}
.need table tr th{background:#d0d2d6; line-height:50px; height:50px; font-size:16px; font-weight:normal;}
.need table tr td{ padding:10px 10px;}
.need table tr th.s{ width:120px;}
.need table tr td.s{ text-align:center; font-size:15px;}
.paddingBO{padding-top:50px; padding-bottom:70px;}

/*扫码分享*/
.smfx{ position:fixed; right:9px;  bottom:201px;}
/*汉腾汽车对接项目需求*/
.xmxq{ width:1100px; margin:0 auto; margin-top:50px; padding-bottom:20px;}
.xmxq td{ padding:13px 10px; color:#444;}



@media screen and ( max-width:600px){
	.nan{ display:none;}
	
/*扫码分享*/
.smfx{ display:none;}
	
	
.mainbox{ width:100%; margin:0 auto;}
.bannerbog{ width:100%;  background:#ebebeb;height:auto;}
.banner{ width:100%;background:none;height:auto;}
.banner img{ display: block;}


.indu{ padding-top:20px;}
.whititle{ text-align:center; font:bold 24px/30px "Microsoft Yahei"; color:#232440;}
.whititle span{ display:block; margin-top:5px; height:7px;}
.whititle span img{ display:block; width:45%;  margin:0 auto;}
/*.indu p{ font:14px/26px "Microsoft Yahei"; color:#666; margin-top:10px; padding:0 10px;}
.inds{ border:0; margin-top:10px; padding:0 10px;}
.inds ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.inds ul li{ float:none; width:100%;  border-right:0; position:relative; height:auto; border-bottom:1px solid #e3e4e8; padding-bottom:10px; margin-bottom:10px;}
.inds ul li:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.inds ul li span{ display:block; width:68px; height:70px;  left:148px; top:-34px; position:static; float:left; margin-right:10px;}
.inds ul li b{ display:block; text-align:left; font:bold 18px/20px "Microsoft Yahei"; margin-top:0px;}
.inds ul li p{ display:block; text-align:left; font:14px/22px  "Microsoft Yahei"; color:#666666; margin-top:5px; padding:0;}*/

.indu p{ font:14px/26px "Microsoft Yahei"; color:#666; margin-top:10px; padding:0 10px;}
.indu h2{ font-size:20px; line-height:35px; margin-top:15px; padding:0 10px;}
.indu .pimg{ margin-top:30px;}
.indu .pimg img{ width:100%; height:auto !important;}
.inds{ border:0; border-right:0; margin-top:20px; padding:0 10px;}
.inds ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.inds ul li{ float:none; width:100%;  border-right:0; position:relative; height:auto;}
.inds ul li span{ display:block; width:68px; height:68px; position:static; left:148px; top:-34px; margin:0  auto; display:none;}
.inds ul li span img{ }
.inds ul li b{ display:block; text-align:left; font:bold 19px/32px "Microsoft Yahei"; margin-top:20px;}
.inds ul li b.n01{ background:url(../images/index_14.jpg) no-repeat left center; background-size:auto 32px; padding-left:45px;}
.inds ul li b.n02{ background:url(../images/index_04-04.jpg) no-repeat left center; background-size:auto 32px; padding-left:45px;}
.inds ul li b.n03{ background:url(../images/index_06.jpg) no-repeat left center; background-size:auto 32px; padding-left:45px;}
.inds ul li p{ display:block; text-align:left; font:14px/24px  "Microsoft Yahei"; color:#666666; margin-top:10px; padding:0 0;}


.benif{ margin-top:40px; background:#35363b; height:auto; padding-top:40px; padding-bottom:35px;}

.blatitle{ text-align:center; font:bold 24px/30px "Microsoft Yahei";  color:#ffffff;}
.blatitle span{ display:block; margin-top:10px; height:7px;}
.blatitle span img{ display:block; width:60%;  margin:0 auto;}


.bebox{ width:100% ; overflow:hidden; margin-top:20px;}
.bebox ul{ width:100%;}
.bebox ul li{ float:none; background:none;  height:auto; width:100%; margin-right:0;}
.bebox ul li.B02{ margin-top:0px;}
.bebox ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.bebox ul li dl{ padding:0; display: -webkit-box; border-bottom:none; margin:0 10px; padding-bottom:10px; margin-bottom:10px;}
.bebox ul li:last-child dl{ border-bottom:0;}
.bebox ul li dl dt{ width:80px; margin:0; float:none; margin-right:10px;}
.bebox ul li dl dt img{ display:block; width:100%;}
.bebox ul li dl dd{ margin-top:0; width:100%; -webkit-box-flex: 1; padding:0;}
.bebox ul li dl dd b{ font:14px/20px "Microsoft Yahei"; color:#fefeff; text-align:left; display:block; padding:0;}
.bebox ul li dl dd p{ font:14px/24px "Microsoft Yahei"; color:#f1f3f4; margin-top:17px;}







.clist dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clist dl{ width:100%; display: -webkit-box; margin-top:5px; }
.clist dl dt{ float:none; width:90px; font:15px/24px "Microsoft Yahei"; color:#666; margin-right:5px; }
.clist dl dd{ float:none;width:100%; -webkit-box-flex: 1;font:14px/22px "Microsoft Yahei"; color:#666;text-align:left;}


.cabox ul li .clist{ position:static; }
.cabox ul li.c01 .clist{ left:-22px; top:140px;}
.cabox ul li.c02 .clist{ left:-42px; top:-80px;}
.cabox ul li.c03 .clist{ left:-32px; top:140px;}
.cabox ul li.c04 .clist{ left:-40px; top:-100px;}

.cabox ul li.c02 .clist dt{ float:none; color:#666; text-align:left; width:90px; margin-right:5px;}
.cabox ul li.c02 .clist dd{ float:none; text-align:left; width:auto;}

.cabox ul li.c03 .clist dt{ float:none; color:#666; text-align:left; width:90px; margin-right:5px;}
.cabox ul li.c03 .clist dd{ float:none; text-align:left; width:auto;}


.cabox ul li.c04 .clist dt{ float:none; color:#666; text-align:left; width:90px; margin-right:5px;}
.cabox ul li.c04 .clist dd{ float:none; text-align:left; width:auto;}


.needs{ background:#f2f2f2; padding-top:20px; padding-bottom:20px; display:block;}
.graytitle{ text-align:center; font:bold 24px/30px "Microsoft Yahei"; color:#333;}
.graytitle span{ display:block; margin-top:10px; height:7px;}
.graytitle span img{ display:block; width:60%;  margin:0 auto;}


.needs dl{ padding:0 10px; margin-top:20px;}
.needs dl dt{    color: #00a1e4; background:url(../images/dot.gif) no-repeat left center; padding-left:30px;}
.needs dl dd{ margin-top:10px;}

.needs dl dd ul li{ font:13px/20px "Microsoft Yahei"; color:#666; margin-top:10px; background:url(../images/dd.gif) no-repeat left 8px; padding-left:10px;}
.needs dl dd ul li p{ color:#75a4d9; margin-top:5px;}


.activity{ background:none; padding-top:30px; padding-bottom:40px;}
.graybg{ /*background:#050102; background:#666666 url(../images/index_19-1.jpg) no-repeat bottom center; */background-size: cover;}
.title{ width:100%; margin:0 auto; text-align:center; background: none; height: auto;}
.title img{ display: block; width:100%; }
.acti{ width:100%; margin:0 auto; margin-top:20px;}
.acti h3{ font-size:14px; font-weight:normal; width:95%; margin:0 auto;}
.acti ul { overflow:hidden; padding-top:20px; width:100%;}
.acti ul li{ float:left; margin:2%; width:45%; margin-bottom:5px;}
.acti ul li img{ width:100%;}


.retrospect{ margin-top:0px; padding-top:30px; padding-bottom:20px;}
.good{ width:100%; overflow:hidden; background:none;}
.good ul{ width:100%; margin-top:10px; }
.good ul li{ float:none; width:94%; margin:3% 3% 0; height:auto;}
.good ul li img{ display:block; width:100%;}
.good ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }

.whititle{ position:relative; margin-bottom:10px; }
.whititle a{ position:absolute; right:5%; font-size:16px; /*color:#0132f0;*/ font-family:'Microsoft Yahei'; font-size:13px;}



.fixedbut{ display:none;}
/*回到顶部*/

.Backtop{width:50px; height:50px;overflow:hidden; display:block; position:fixed;z-index:100;bottom:9%;/*left:89.5%;*/ right:0px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop));}
.Backtop img{ width:100%;}

.sign{ display:block;width:50px; height:50px;overflow:hidden; display:block; position:fixed;z-index:100;bottom:20%;/*left:89.5%;*/ right:0px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop));}
.sign img{ width:100%;}

/*报名流程*/
.signupLC{ margin-top:30px; margin-bottom:40px;}
.signupLC .signcont .lcicon{ margin-left:0px; margin-top:0px; display:none;}
.signupLC .signcont ul{ width:100%; zoom:1;}
.signupLC .signcont ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.signupLC .signcont ul li{ width:60%; margin-right:20%; margin-left:20%; float:none; text-align:center; margin-top:30px;}
.signupLC .signcont ul li h2{ font-size:25px; line-height:1em; font-weight:bold; font-family:Arial;}
.signupLC .signcont ul li h2.h2titl01{ color:#75a4da;}
.signupLC .signcont ul li h2.h2titl02{ color:#616161;}
.signupLC .signcont ul li .p1{ font-size:18px; line-height:1em; font-weight:bold; color:#75a4da; margin-top:10px; font-family:Arial;}
.signupLC .signcont ul li .p2{ font-size:18px; line-height:1em; font-weight:bold; color:#616161; margin-top:10px; font-family:Arial;}
.signupLC .signcont ul li .p3{ font-size:15px; line-height:27px;  color:#616161; margin-top:7px; font-family:Arial;}
	
/*活动流程*/
.need{ padding:10px 10px 40px;}
.need table tr td{font-family:Arial;}

.needs{ background:#f2f2f2; padding-top:20px; padding-bottom:20px; display:block;}
.graytitle{ text-align:center; font:bold 24px/30px Arial; color:#333; padding-top:20px;}
.graytitle span{ display:block; margin-top:10px; height:7px;}
.graytitle span img{ display:block; width:60%;  margin:0 auto;}
.need table{ margin-top:20px;}
.need table tr th{ font-size:15px;}
.needs dl{ padding:0 10px; margin-top:20px;}
.needs dl dt{    color: #00a1e4; background:url(../images/dot.gif) no-repeat left center; padding-left:30px;}
.needs dl dd{ margin-top:10px;}
.needs dl dd ul li{ font:13px/20px Arial; color:#666; margin-top:10px; background:url(../images/dd.gif) no-repeat left 8px; padding-left:10px;}
.needs dl dd ul li p{ color:#75a4d9; margin-top:5px;}
.paddingBO{ padding-top:40px; padding-bottom:40px;}

/*汉腾汽车对接项目需求*/
.xmxq{ width:95%; margin:0 auto; margin-top:50px;}
.xmxq td{ padding:10px;}
	
	}