@charset "utf-8";
/* CSS Document */
@import url("/AppAdmin/Js/Page.css");

html,body{ margin:0px; height:100%; font-family:"微软雅黑";} 
body, div, form, img, ul, li, dl, dd, dt{
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; 
}
body {
	margin: 0 auto; margin: 0px;color:#333; line-height: 1.4285; font-size: 16px; background-color:#FFF;
}
html {
	-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 10px; -webkit-tap-highlight-color: rgba(43,150,204, 0);
}

/*.clear{ clear:both; height:0px; content:'.';font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1;}*/

li {
	list-style-type: none;
}
h1, h1, h2, h3, h4, h5, h6, p, span {
	margin: 0px; padding: 0px; font-weight: normal;
}

[hidden] {
	display: none;
}

a {
	background-color: transparent;color:#337ab7; text-decoration: none; 
}
a:active {
	outline: 0px;
}
a:hover {
	outline: 0px;color:#23527c; text-decoration: underline;
}
a:focus {
	color:#23527c; text-decoration: underline;outline: dotted thin; outline-offset: -2px;
}

/*img {
	border: 0px currentColor; border-image: none; vertical-align: middle;
}*/
img { height: auto; }
img, object, embed { max-width: 100%; }
img { -ms-interpolation-mode: bicubic; }


button {
	font: inherit; margin: 0px; color: inherit; font-size-adjust: inherit; font-stretch: inherit;overflow: visible;text-transform: none;cursor: pointer; -webkit-appearance: button;line-height: inherit; font-size: inherit;
}


* {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
}

/*导航总样式*/
[role='button'] {cursor: pointer;}

.collapse {display: none;}
.collapse.in {display: block;}

.dropdown {position: relative;}
.dropdown-toggle:focus {outline: 0px;}

.dropdown-menu {list-style: none; margin: 2px 0px 0px; padding: 5px 0px; border-radius: 4px; border: 1px solid rgba(43,150,204, 0.15); border-image: none; left: 0px; top: 100%; text-align: left; font-size: 14px; float: left; display: none; position: absolute; z-index: 1000; min-width: 204px; box-shadow: 0px 6px 12px rgba(0,159,222,0.175); background-clip: padding-box; background-color:#FFF; -webkit-box-shadow: 0 6px 12px rgba(43,150,204, .175); -webkit-background-clip: padding-box;}
.dropdown-menu > li > a {padding: 3px 20px; line-height: 1.4285; clear: both; font-weight: normal; display: block; white-space: nowrap;}
.dropdown-menu > li > a:hover {text-decoration: none;}
.dropdown-menu > li > a:focus {text-decoration: none;}

.open > .dropdown-menu {display: block;}

.nav {list-style: none; padding-left: 0px; margin-bottom: 0px;}
.nav > li {display: block; position: relative;}
.nav > li > a {display: block; padding: 10px 15px;  position: relative;}
.nav > li > a:hover {text-decoration: none;}
.nav > li > a:focus {text-decoration: none;}

.navbar {border: 1px solid transparent; border-image: none; margin-bottom: 20px; position: relative; min-height: 50px;}

.navbar-collapse {padding-right: 15px; padding-left: 15px; border-top-color: transparent; border-top-width: 1px; border-top-style: solid; -ms-overflow-x: visible; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); -webkit-overflow-scrolling: touch;max-height: 340px;}
.navbar-collapse.in {-ms-overflow-y: auto;}

.navbar-default {border-width: 0px 0px 1px; z-index: 1000;}

.navbar-fixed-top {left: 0px; right: 0px; position: fixed; z-index: 1030;border-width: 0px 0px 1px; top: 0px;}

.navbar-toggle {padding: 9px 10px; border-radius: 4px; border: 1px solid transparent; border-image: none; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; float: right; position: relative; background-image: none; background-color: transparent;}
.navbar-toggle:hover { }
.navbar-toggle:focus {outline: 0px; }

.icon-bar {border-radius: 1px; width: 22px; height: 2px; display: block; }
.icon-bar + .icon-bar {margin-top: 4px;}

.navbar-nav {margin: 7.5px -15px;}
.navbar-nav > li > a {line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
.navbar-nav > li > .dropdown-menu {margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.navbar-nav > li > a:hover { background-color: transparent;}
.navbar-nav > li > a:focus { background-color: transparent;}


.nav::before {display: table; content: " ";}
.nav::after {display: table; content: " ";clear: both;}
.navbar::before {display: table; content: " ";}
.navbar::after {display: table; content: " ";clear: both;}
.navbar-header::before {display: table; content: " ";}
.navbar-header::after {display: table; content: " ";clear: both;}
.navbar-collapse::before {display: table; content: " ";}
.navbar-collapse::after {display: table; content: " ";clear: both;}

.navbar {margin: 0px; border: currentColor; border-image: none; background-color:#2b96cc;}
#app_menudown {top: 0px; right: 0px; font-size: 16px; position: absolute;}
#app_menudown:hover {background-color:#0a76ac;}
/*导航总样式 结束*/


/****** top 开始 ******/
#header {margin: 0px auto; width:100%; height:40px; background:#f1f1f1; overflow: hidden; }
.header {margin: 0px auto; width:500px; float: right;}
.header ul li{width:125px; margin-top:8px; font-size:14px; float:left;}
.header ul li img{ padding:0 4px 0 0; vertical-align:middle;}

.top {background:#FFF; width: 100%; overflow:hidden; }
.top-left {float: left; margin-left:20px; margin-top:28px; overflow:hidden;}
.top-right {float: right; margin-right:20px; margin-top:20px; overflow:hidden;}
/****** top 结束 ******/

/****** main1 开始 ******/
.flash img {width: 100%;}
.flash ul.bxslider {list-style: none;}
.flash div.bx-pager {bottom: 4%;}
.flash div.bx-controls-direction {dissplay: none;}
/****** main1 结束 ******/

#main-Title {width:100%; margin-bottom:40px; overflow: hidden;}
.main-Title {margin:0 auto; width:314px; text-align: center;}
.main-Title1 {width:100%; overflow: hidden;}
.main-Title1-p1{width:127px; height:1px; margin-top:10px; background:#CCC; overflow: hidden; float: left;}
.main-Title1-p2{width:60px; overflow: hidden; float: left;}
.main-Title1 img{margin:0 auto; width:22px;}
.main-Title2 {width:100%; color:#999; line-height:1.5; font-size:24px; text-transform:uppercase;}
.main-Title3 {width:100%; color:#333; line-height:1.5; font-size:18px; font-weight: bold;}

/****** 关于我们 开始 ******/
#main1 {background:url("/images/main_by.jpg"); width: 100%; border-top:1px solid #E7E7E7; padding:30px 0 0 0; overflow: hidden;}
#main-by {background:url("/images/main-by2.png"); width: 100%; height:10px; overflow: hidden;}

#main2 {background:#FFF; width: 100%; padding:30px 0; overflow: hidden;}

.main1 {margin:0 auto; width:90%; padding:20px 0; color:#333; line-height:2; font-size:18px; text-align: center;}
/****** 关于我们 结束 ******/

/****** 车型展示 开始 ******/
#product-fl {margin:0 auto; width:330px; overflow:hidden;}
#product-fl ul li{margin:0 auto; width:33.33%; float:left;}
.more2 {width:100px; margin:5px; overflow:hidden;}
.more2 a{margin:0 auto; width:98px; padding:8px 0; border:1px solid #2b96cc; border-radius:4px; color:#FFF; line-height:1; font-size:14px; text-align:center; display: block; background:#2b96cc;}
.more2 a:hover {color:#2b96cc; background:#FFF;}
/****** 车型展示 结束 ******/

/****** 新闻资讯 开始 ******/
#news {margin:0 auto; width:90%;}
#news ul li{width:25%; padding:5px; overflow: hidden; float: left;}
.news {width:100%; float: left;}
.news img {width:100%; float: left;}
.news-t {width:100%; float:left; }
.news-t a {width:100%; padding-right:20px; color:#666; line-height:1; font-size:14px; overflow:hidden;/*溢出隐藏*/text-overflow:ellipsis; /*以省略号...显示*/white-space:nowrap;  /*强制不换行*/}
.news-t p{ background:#F1F1F1; height:85px; color: #333; line-height: 20px; font-size: 12px; margin:10px 0 0 0; float: left;}
/****** 新闻资讯 结束 ******/

/****** 联系我们 开始 ******/
.main4 {margin: 0px auto; padding: 30px 0; width:90%; overflow:hidden;}
.main4-l {width:50%; padding:10px 20px 10px 10px; float: left;}
.main4-r {width:50%; padding:10px 10px 10px 20px; float: left;}
.main4-r h1{width:100%; margin-bottom:10px; color:#666; line-height:1.5; font-size:18px; font-weight:bold;}
.main4-r p{width:100%; margin-top:30px; color:#666; line-height:31px; font-size:16px;}
.main4-r p img {padding:0 10px 0 0; float: left;}

.more1 {width:182px; margin-top:50px; overflow:hidden;}
.more1 a{margin:0 auto; width:180px; padding:8px 0; border:1px solid #2b96cc; color:#FFF; line-height:1; font-size:18px; text-align:center; display: block; background:#2b96cc;}
.more1 a:hover {color:#2b96cc; background:#FFF;}
/****** 联系我们 结束 ******/

/****** bottom 开始 ******/
#bottom {width:100%; background:#333; margin-top:10px; padding:10px 0; overflow:hidden;}
.bottom {margin: 0 auto; width:90%; color:#666; line-height:200%; font-size:12px; text-align:center;}
.bottom a{color:#666;}
/****** bottom 结束 ******/

/****** bottom导航 开始 ******/
.bottom-nav{width:100%; position: fixed; bottom:0px; z-index: 100; overflow:hidden;}
.bottom-nav-li {width: 25%; text-align: center; color: #0783a5; float: left; background-color: rgb(250, 250, 250);}
.bottom-nav-li:hover {cursor: pointer; background-color: #E4E4E4;}
.bottom-nav-li:focus {cursor: pointer; background-color: #E4E4E4;}
.bottom-nav-li a {color: #0783a5; display: block;}
.bottom-nav-li a:hover {text-decoration: none;}
.bottom-nav-li a:focus {text-decoration: none;}
/****** bottom导航 结束 ******/

.banner {width:100%; overflow:hidden;}
.banner img {width:100%; height: auto; margin-right: auto; margin-left: auto; display: block; max-width: 100%;}


.about {width:90%; margin:0 auto; overflow:hidden; padding-top:39px;}
.about-left {width:22%; height:auto; float: left;}
.about-left h1 {color: #000; line-height:1.5; font-size: 22px; }
.about-left h2 {color: #2b96cc; line-height:1.5; font-size:28px; font-weight: bold;}
.about-left1 {width:90%; height:auto; margin-top:39px; }

.about-right {width:78%; height:auto; padding-left:20px; BORDER-left:#DDD 1px solid; float: left;}
.about-right h1 {color:#000; line-height:1.5; font-size: 24px;}
.about-main {width:100%; color:#333; line-height:2; font-size: 18px; margin-top: 24px;}
.about-main img{width:100%;}

.message-t {width:100%; height:40px; padding-top:20px;color:#333; line-height:1; font-size: 14px;}
.message-b {width:100%; height:20px; color:#333; line-height:1; font-size: 14px;}
.message-b-t1 {width:30%;}
.message-b-t2 {width:40%;}
.message-b-t3 {width:100%;}

.Contact-main {width:100%; margin:0 auto; color: #333;line-height:2;font-size: 18px;margin-top: 24px;}
.Contact-main1 {width:100%; margin:0 auto; float: left;}
.Contact-main1 h1{width:100%; margin-bottom:10px; color:#666; line-height:1.5; font-size:18px; font-weight:bold;}
.Contact-main1 p{width:100%; margin-top:30px; color:#666; line-height:31px; font-size:16px;}
.Contact-main1 p img {padding:0 10px 0 0; float: left;}
.Contact-main2 {width:100%; margin:0 auto; margin-top:30px; float: left;}

.news-main {width:100%; margin-top:10px; overflow:hidden; float: left;}
.news-main-left {width:30%;  float: left;}
.news-main-left img {height: auto; margin-right: auto; margin-left: auto; display: block; max-width: 80%;}
.news-main-right {width:70%; float: left; }
.news-main-right a{color: #000; line-height:1; font-size: 18px; float: left;}
.news-main-right h1{color: #999; margin-top:6px; line-height: 1; font-size: 14px; float: left;}
.news-main-right p{margin-top:6px; color: #333; line-height:1.5; font-size: 14px; float: left;}

.news-show {width:100%; overflow:hidden; float:left;}
.news-show-Title {width:100%; float:left; color:#333; line-height:1.5; font-size:20px; text-align:center;}
.news-show-content {width:100%; float:left; margin-top:20px; margin-bottom: 20px; color:#333; line-height:1.5; font-size:14px;}

.product {width:100%;}
.product ul li {border-image:none; height:auto; width:25%; float: left; overflow:hidden;}
.product-content {margin:0 auto; width:100%; padding:10px; text-align:center; overflow:hidden; }
.product-title {height: auto; width:100%; padding:7px 12px 7px 12px; float: left; background:#2b96cc;}
.product-title a{color: #FFF; line-height:150%; font-size: 14px;}
.product-title a:hover{color: #FFF; font-weight: bold;}

.productshow {width:100%; float: left; margin-bottom:10px; overflow:hidden; }
.productshow-title {width:100%; float: left; padding-bottom:10px; margin-bottom:10px; BORDER-BOTTOM: #CCC 1px solid; color:#333; line-height:1.5; font-size:20px; font-weight: bold; text-align:center;}
.productshow img{width:100%;}
.productshow-content-title {width:100%; float: left; margin:10px 0; padding:4px 0 4px 10px; background:#CCC; color:#333; line-height:150%; font-size:16px;}
.productshow-content {width:100%; float: left; overflow:hidden;}
.productshow-content img{width:100%; max-width: 100%;}




/*==========以下部分是分页样式===========*/
/*红白*/
.page_red {margin-top:50px; text-align:center;height: auto;clear: both;font-size: 12px;}
.page_red a, .page_red span { display: inline-block; border: 1px solid #CC0000; padding: 5px 10px; margin:0 2px; line-height: 16px; }
.page_red a:link, .page_red a:visited { text-decoration: none;color: #000; }
.page_red a:hover, .page_red a.c { background: #CC0000; color: #FFF; }
#total { color: CC0000; }

/*橘白*/
.page_orange { padding: 4px 0px 0px 1px; float: right; clear: both; margin-top:20px; }
.page_orange a, .page_orange span { float: left; display: block; border: 1px solid #FD7C0C; padding: 2px 7px; margin-left: 3px; line-height: 16px; }
.page_orange a:link, .page_orange a:visited { text-decoration: none; }
.page_orange a:hover, .page_orange a.c { background: #FD7C0C; color: #ffffff; }
#total { color: #000000; }

/*蓝白*/
.page_blue { padding: 4px 0px 0px 1px; float: right; clear: both; margin-top:20px; }
.page_blue a, .page_blue span { float: left; display: block; border: 1px solid #036CB4; padding: 2px 7px; margin-left: 3px; line-height: 16px; }
.page_blue a:link, .page_blue a:visited { text-decoration: none; }
.page_blue a:hover, .page_blue a.c { background: #036CB4; color: #FFF; }
#total { color: #036CB4; }

/*浅蓝白*/
.page_blues { padding: 4px 0px 0px 1px; float: right; clear: both; margin-top:20px; }
.page_blues a, .page_blues span { float: left; display: block; border: 1px solid #2AB7F2; padding: 2px 7px; margin-left: 3px; line-height: 16px; }
.page_blues a:link, .page_blues a:visited { text-decoration: none; }
.page_blues a:hover, .page_blues a.c { background: #2AB7F2; color: #FFF; }
#total { color: #036CB4; }

/*绿白*/
.page_green { padding: 4px 0px 0px 1px; float: right; clear: both; margin-top:20px; }
.page_green a, .page_green span { float: left; display: block; border: 1px solid #70A004; padding: 2px 7px; margin-left: 3px; line-height: 16px; }
.page_green a:link, .page_green a:visited { text-decoration: none; }
.page_green a:hover, .page_green a.c { background: #70A004; color: #ffffff; }
#total { color: #000000; }

/*灰白*/
.page_gray { padding: 4px 0px 0px 1px; float: right; clear: both; margin-top:20px; }
.page_gray a, .page_gray span { float: left; display: block; border: 1px solid #cccccc; padding: 2px 7px; margin-left: 3px; line-height: 16px; }
.page_gray a:link, .page_gray a:visited { text-decoration: none; }
.page_gray a:hover, .page_gray a.c { background: #cccccc; color: #000000; }
#total { color: #000000; }

/*黑白*/
.page_black { padding: 4px 0px 0px 1px; float: right; clear: both; margin-top:20px; }
.page_black a, .page_black span { float: left; display: block; border: 1px solid #000000; padding: 2px 7px; margin-left: 3px; line-height: 16px; }
.page_black a:link, .page_black a:visited { text-decoration: none; }
.page_black a:hover, .page_black a.c { background: #000000; color: #ffffff; }
#total { color: #000000; }

.sxw{clear: both;padding:20px 0px;border-top:solid 1px #ddd;}
.sxw p{ height:30px; color:#999; line-height:1.5; font-size:14px;}
.sxw p a{color:#999;}