﻿@charset "utf-8";@font-face{font-family:CENTURYGOTHIC-BOLD;src:url(CENTURYGOTHIC-BOLD.OTF)}
body{min-width:300px}
.container{width:100%;margin:0 auto}
.content { padding: 0 10%; margin: 0 auto;}
header{width:100%;height:75px;margin:0 auto;position:relative;z-index:99;box-shadow:0 1px 20px rgba(0,0,0,.15)}
header a.logo{float:left;display:block;line-height:65px;text-align:center;padding-left:100px;padding-right:30px}
header .header_pro{float:left;width:116px;height:75px;line-height:75px;border-left:1px #E6E6E6 solid;border-right:1px #E6E6E6 solid}
header .header_pro a.on{display:block;color:#00519f;font-size:14px;text-align:center}
header .header_pro a.on i{display:inline-block;width:18px;height:11px;background:url(../images/header_pro_icon.png) no-repeat left center}
header .header_country{float:right;width:116px;height:75px;border-left:1px #E6E6E6 solid;border-right:1px #E6E6E6 solid;position:relative;z-index:999}
header .header_country a.on{cursor:pointer;display:block;text-align:center;height:75px;line-height:75px;font-size:14px}
header .header_country a.on i{display:inline-block;width:18px;height:11px;background:url(../images/header_pro_icon.png) no-repeat left center}
header .header_country ul{position:absolute;left:0;top:75px;display:none;width:100%}
header .header_country ul{display:none}
header .header_country ul li{height:40px;line-height:40px;width:-moz-calc(100% - 15px);width:-webkit-calc(100% - 15px);width:calc(100% - 15px);padding-left:15px;font-size:14px;cursor:pointer;color:#FFF;background-color:#B2B2B2;border-top:1px #E6E6E6 solid}
header .header_country ul li a{color:#FFF}
header .header_country ul li:hover{background-color:#00519f;color:#FFF}
header .header_search{float:right;width:200px;height:75px;position:relative;z-index:9999}
header .header_search .search_icon{display:block;float:left;width:20%;height:75px;text-align:center;line-height:75px;cursor:pointer;z-index:20;position:relative}
header .header_search .search_main{position:absolute;right:0;top:0;overflow:hidden;height:75px;width:0;background-color:#FFF}
header .header_search .text{float:left;border:1px #E6E6E6 solid;width:205px;border:1px #E6E6E6 solid;font-size:16px;font-family:"微软雅黑";height:73px;padding:0 10px}
header .header_search .btn{float:right;border:none;width:19px;height:25px;padding:27px 27px;line-height:75px;cursor:pointer;background:url(../images/header_search.jpg) #00519f repeat-x left bottom}
header .menu{float:left;height:75px; margin-left: 4%;}
header .menu .child{float:left;display:inline-block;/*position:relative;*/width:115px;height:75px;line-height:75px;text-align:center;z-index:98}
header .menu .child .title{display:block;font-size:15px;color:#666;text-transform:uppercase;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;background:url(../images/menu-A.png) repeat-x none;background-position:left bottom}
header .menu .child:hover .title{color:#00519f;background:url(../images/menu-A.png) repeat-x;background-position:left bottom}
header .menu .spline{float:left;width:1px;height:75px;display:inline-block;background:url(../images/topnavline.jpg) no-repeat right center}
header .menu .child .childContent{display:none;position:absolute;top:75px; left: 0;width:100%; background: url(../images/ban_bg.png) repeat;}
header .menu .child .childContent .ban_left { width: 30%; float: left; padding: 0 1% 0 20%; text-align: left; background: url(../images/line.png) no-repeat right;}
header .menu .child .childContent .ban_left h3 { font-size: 19px; font-weight: 800; padding: 5% 0 2%;}
header .menu .child .childContent .ban_left p { line-height: 30px; font-size: 14px; color: #666;}
header .menu .child .childContent .ban_left a { background: #00519f; color: #fff; padding: 2% 8%; font-size: 14px;}
header .menu .child .childContent .ban_list {width: 20%; float: left; margin-top: 25px;margin-bottom: 25px;}
header .menu .child .childContent .ban_list a { display: block; width: 90%; margin: 0 5%; line-height: 45px; color: #333; font-size: 14px; text-align: center;}
header .menu .child .childContent .ban_list a:hover { background: #00519f; color: #fff;}
header .menu .child .childContent .ban_right {width: 25%; float: left;}
header .menu .child .childContent .ban_right img { margin-top: 35px;}
/*header .menu .child .childContent a{display:block;background:#fff;color:#666;text-transform:capitalize;font-size:14px;height:38px;line-height:38px;border-bottom:1px solid #ddd;-webkit-box-shadow:0 2px 2px 0 rgba(125,125,125,.2);-moz-box-shadow:0 2px 2px 0 rgba(125,125,125,.2);-ms-box-shadow:0 2px 2px 0 rgba(125,125,125,.2);-o-box-shadow:0 2px 2px 0 rgba(125,125,125,.2);box-shadow:0 2px 2px 0 rgba(125,125,125,.2)}
header .menu .child .childContent a:hover{background:#00519f;color:#fff}*/
header .menu .child .pointer{display:none;position:absolute;top:38px;right:32px;cursor:pointer}
header .menu .child .childContent *{transition-duration:.2s;-ms-transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s}
header .wapbtn{display:none}
header .searchContent{display:none;position:absolute;z-index:9;top:75px;left:0;width:100%;height:150px;background:rgba(0,0,0,.6);text-align:center}
header .searchContent form{margin:50px auto 0 auto}
header .searchContent form #topkeys{font-family:"微软雅黑",Arial,"Arial Narrow";font-size:14px;background:#fff;border:1px solid rgba(0,0,0,.9);border-radius:1px;padding:0 15px;width:40%;height:50px;line-height:50px;-moz-box-shadow:1px 2px 5px rgba(0,0,0,.2) inset;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.2) inset;box-shadow:1px 2px 5px rgba(0,0,0,.2) inset;outline:medium}
header .searchContent form #go{font-family:"微软雅黑",Arial,"Arial Narrow";font-size:16px;font-weight:700;color:#fff;background:#1b61b6;border:1px solid #1b61b6;border-radius:1px;padding:0 15px;width:80px;height:55px;line-height:55px;cursor:pointer;outline:medium}
header .searchContent form #go:hover{background:#00a64f}
@media only screen and (max-width:1450px){header .menu .child{width:95px}
}
@media only screen and (max-width:1300px){header .menu .child{width:80px}
}
@media only screen and (max-width:1200px){header .menu .child{width:75px}
}
@media only screen and (max-width:1150px){header .header_search{display:none}
header .wapbtn{display:inline-block;position:absolute;z-index:9;top:22px;right:150px}
header .wapbtn .search{margin-right:30px;padding-right:10px;border-right:1px solid rgba(0,0,0,.1)}
header .wapbtn .search img{width:32px;opacity:.3}
header .wapbtn .btn-menu img{width:32px}
header .menu{position:absolute;top:75px;right:0;left:auto;display:none;padding-bottom:20px;width:100%;height:auto!important;z-index:99999}
header .menu .spline{display:none}
header .menu .child{float:none;margin:0 auto;width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);width:calc(100% - 20px);margin-left:10px;height:auto!important;border-bottom:1px solid #dadada;background-color:#FFF;text-align:left;line-height:35px!important}
header .menu .child:nth-child(2){border-top:1px solid #dadada}
header .menu .child .title{display:inherit;padding:5px 0 5px 20px;background:0 0!important;color:#666;font-size:14px}
header .menu .child .childContent{position:relative;top:0!important;display:none;width:100%}
/*header .menu .child .childContent */
/*header .menu .child .childContent a{padding-left:20px;height:35px;border-top:1px solid #dadada;background-color:#F3F3F5;border-bottom:0;color:#666;font-size:12px;line-height:35px}*/
header .menu .child .pointer{top:3px;right:3px;display:block}
header .searchContent{top:75px}
}
@media only screen and (max-width:750px){header a.logo{padding-left:20px}
header .header_country{display:none}
header .wapbtn{right:3%}
}
@media only screen and (max-width:650px){header{height:50px}
header a.logo{line-height:50px}
header a.logo img{height:30px}
header .header_pro{height:50px;line-height:50px;border-top:1px #E5E5E5 solid}
header .wapbtn{top:10px}
header .menu{top:50px}
header .searchContent{top:50px}
}
@media only screen and (max-width:550px){header a.logo img{height:26px}
header .wapbtn .search{display:none}
header .header_pro{float:right;margin-right:15%;width:90px}
}
@media only screen and (max-width:440px){header a.logo img{height:20px}
}
@media only screen and (max-width:440px){header a.logo{padding-left:10px;padding-right:0}
header .wapbtn{right:1%}
}
.allcars{position:fixed;width:100%;top:75px;z-index:999;overflow-x:hidden;background-color:#fff}
.allcars ul li{position:relative;left:20px;top:0;opacity:0;width:25%;float:left;box-shadow:inset 1px 0 1px #f9f9f9;box-shadow:inset 0 1px 1px #f9f9f9}
.allcars ul li:hover .carimg{background-color:#000}
.allcars ul li:hover .carimg img{width:100%;opacity:.8;transition:all .5s ease 0s}
.allcars ul li:hover .carbrief .carmore{padding-left:30px;background:url(../images/cararr.png) no-repeat left center;background-size:8px 13px;transition:all .5s ease 0s}
.allcars ul li .carimg{display:block;width:100%}
.allcars ul li .carimg img{width:100%;transition:all .5s ease 0s}
.allcars ul li .carbrief{text-align:center}
.allcars ul li .carbrief .brief{padding:6%;border-bottom:1px #f9f9f9 solid}
.allcars ul li .carbrief .brief h2{font-size:22px;color:#333}
.allcars ul li .carbrief .brief .des{font-size:14px;color:#666;line-height:16px;height:32px;overflow:hidden}
.allcars ul li .carbrief .carmore{display:inline-block;font-size:14px;color:#b90022;padding:9px 0;padding-left:40px;background:url(../images/cararr.png) no-repeat left center;background-size:8px 13px;transition:all .5s ease 0s}
.allcars ul li:hover .carimg img{opacity:1;transition:all .5s ease 0s}
@media screen and (max-width:980px){.allcars ul li{width:50%}
}
@media screen and (max-width:766px){.allcars{top:51px}
.allcars ul li{width:100%}
.allcars ul li .carimg{display:inline-block;width:40%;vertical-align:top}
.allcars ul li .carbrief{display:inline-block;width:57%;box-sizing:border-box;vertical-align:top}
.allcars ul li .carbrief .brief{padding:4%;text-align:left;border-bottom:none}
.allcars ul li .carbrief .brief h2{font-size:14px}
.allcars ul li .carbrief .brief .des{font-size:12px}
.allcars ul li .carbrief .carmore{display:none}
}
.hot_foot{/*padding:80px 0 60px;*/background-color:#F2F2F2;}
.hot_foot .nav{float:left; width: 36%; background: #fff; padding: 3.5% 2%;/*max-width:700px;width:-moz-calc(100% - 820px);width:-webkit-calc(100% - 820px);width:calc(100% - 820px)*/}
.hot_foot .nav dl{float:left;min-height:150px;width:25%; text-align: center;}
.hot_foot .nav dl dt{font-size:17px;font-weight:700;color:#4C4C4C;margin-bottom:20px;line-height:100%}
.hot_foot .nav dl dd{margin-top:5px}
.hot_foot .nav dl dd a{font-size:14px;color:#7F7F7F}
.hot_foot .feadback{float:left;width:26%;position:relative;margin: 2% 0 0 4.5%;}
.hot_foot .feadback h1{font-size:18px;color:#4C4C4C;font-weight:700;line-height:100%}
.hot_foot .feadback .text1{width:45%;height:30px;border:1px #E5E5E5 solid;resize:none;border-radius:3px;padding:0 2%;margin-top:15px}
/*.hot_foot .feadback .in1{margin-left:2%}*/
.hot_foot .feadback .textarea{width:96%;height:90px;line-height:30px;border:1px #E5E5E5 solid;resize:none;border-radius:3px;padding:0 2%;margin-top:8px}
.hot_foot .feadback .btn{position:absolute;bottom:15px;right:10px;width:15px;cursor:pointer;height:15px;border-radius:100%;border:1px solid #666;background:url(../images/hot_news_icon.png) no-repeat center -9px}
.hot_foot .feadback .btn{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s}
.hot_foot .feadback .btn:hover{border:1px solid #00519f;background-position:center 4px}
.hot_foot .linkewm{width:20%;float:left;text-align:center;margin-left: 7%;}
.hot_foot .linkewm div { display: inline-block; float: left; margin: 21% 4% 6%; text-align:center;font-size:14px;color:#4C4C4C; width: 40%;}
.hot_foot .linkewm div img{display:block;margin:0 auto;width: 88%}
.hot_foot .linkewm .link a{margin:0 5px}

@media only screen and (max-width:1480px){
	header .menu { margin-left: 0;}
	.hot_foot .linkewm div { margin-top: 22%;}

}
@media only screen and (max-width:1250px){
	.hot_foot .linkewm div { margin-top: 28%; font-size: 12px;}
}

@media only screen and (max-width:1160px){
	.hot_foot .nav{width: 96%;}
	.hot_foot .linkewm { width: 28%;}
	.hot_foot .linkewm div { margin-top: 20%;}
	.ban_left { display: none;}
	.ban_right { display: none;}
	header .menu .child .childContent .ban_list { width: 40%; margin-top: 0; margin-left: -12%;}
	header .menu .child .childContent .ban_list a { width: 100%;}
}
@media only screen and (max-width:750px){
.hot_foot .feadback{width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);width:calc(100% - 40px);margin-left:20px}
.hot_foot .linkewm{display:block;width:100%;margin:0;padding:0;padding-top:20px}
.hot_foot .linkewm h1{width:100%}
.hot_foot .linkewm h1 img{width:auto;max-width:200px}
.hot_foot .linkewm .link a{display:none}
}
@media only screen and (max-width:550px){.hot_foot .nav dl{width:100%;min-height:inherit}
.hot_foot .nav dl dt{padding-bottom:5px;border-bottom:1px #E5E5E5 solid;background:url(../images/menu-pointer.png) no-repeat right center;cursor:pointer}
.hot_foot .nav dl dd{display:none;border-bottom:1px #E5E5E5 dashed;line-height:30px}
.hot_foot .nav dl dd a{display:block}
.hot_foot .nav dl dd:last-child{margin-bottom:20px}
.hot_foot .feadback{margin-top:20px;display:none}
.hot_foot .feadback .text1{width:96%}
.hot_foot .feadback .in1{margin-left:0}
}
footer{padding:20px 60px;background-color:#4D4D4D;font-size:14px;color:#FFF;line-height:32px}
footer .right{float:right; background: url(../images/online.png) no-repeat; padding: 0 3%; line-height: 36px;}
footer .right span{height:32px;line-height:32px;margin-right:10px;display:inline-block;border-radius:5px;padding:0 10px;background-color:#656565}
footer .right a{margin:0 5px}
@media only screen and (max-width:1480px){ 
	footer .right { padding: 0 4%;}
}
@media only screen and (max-width:1160px){footer{text-align:center;padding:20px 20px}
footer .right{display:none}
}
