@charset "utf-8";
/* CSS Document */
BODY { COLOR:#666; padding:0;margin:0; font-size:12px; font-family:"微软雅黑","宋体","Microsoft YaHEI","Arial"; background:#F2F3F5}
A { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; TEXT-DECORATION: none; FONT-SIZE:12px; COLOR:#666;}
A:hover { FONT-SIZE:12px; COLOR: #FF0000; TEXT-DECORATION: none}
img,input {border:0}
ul,li,dd,dt { list-style:none;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { margin:0;padding:0;}

/* CSS 头部 */
.m { width:1200px; margin:0 auto}
.clear { clear:both}
#logo { width:515px; height:70px; background:url(../images/logo.png) no-repeat center; display:block; float:left; margin:10px}
#tel { width:260px; height:40px; background:url(../images/tel.png) no-repeat left; margin:10px; float:right; padding:10px 0 0 60px}
#tel h2 {font-size:30px; color:#F00; }

.nv{width:100%; height:60px; background:#004098; display:block; float:left}
.nv ul{width:1000px; margin:0 auto; padding:0;}
.nv li{list-style:none; float:left; line-height:60px; width:119px; height:60px; text-align:center; }
.nv li a{display:block; font-size:14px; font-weight:bold; color:#fff}
.nv li a:link{display:block}
.nv li a:hover{background:url(../images/nvbg.png) no-repeat center; text-decoration:none}
.on {background:url(../images/nvbg.png) no-repeat center; text-decoration:none}

#full-screen-slider { width:100%; height:500px; float:left; position:relative}
#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:460px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

/* CSS 第一行  */
#index_from { width:710px; height:100px; background:url(../images/formbg.jpg) no-repeat center; margin:10px auto}
#biaoge { width:670px; height:80px; text-align:center; margin:10px 20px; line-height:35px;}
.biaoti { width:80px; color:#FFF; text-align:center; font-weight:bold; font-size:14px}
#tijiao { width:100px; height:24px; line-height:24px; margin-left:10px; background:#F00; color:#FFF; display:block; text-align:center}
#row1 { width:100%; height:600px; float:left; background:#FFF; display:block; margin-top:30px;}
.index_title { width:100%; height:45px; margin:40px auto 10px auto; text-align:center}
.index_title h2 { font-size:36px; font-family:"微软雅黑,"Microsoft YaHEI","Arial""}
#CSSBox2{float:left;width:1100px;height:370px; margin:0 auto;margin-top:15px;}
#CSSBox2 ul li{ width:370px; height:370px; border:1px solid #ddd; float:left; margin:auto 10px}
#CSSBox2 ul li img{ width:350px; height:210px; margin:10px}
#pro_bt { width:330px; height:40px; float:left; margin:10px 20px; font-size:18px; line-height:35px}
#pro_bt i { font-style:normal; font-size:14px; color:#999; word-spacing:8px}
#pro_bt span { float:right; color:#F00; font-weight:bold; font-size:24px; font-weight:normal}
#CSSBox2 ul li p { width:100%; height:35px; text-align:center; color:#FFF; background:#06C; display:block; float:left; line-height:35px; margin-top:45px}
#CSSBox2 ul li p a{color:#FFF; font-size:14px; font-weight:bold}
#CSSBox2 ul li p a:hover{ color:#FF0; font-size:14px; text-decoration:none}
#LeftButton2{cursor:hand;margin:5px;height:140px;width:20px;float:left;background:url('../images/butt-left.gif') no-repeat 0 105px;}
#RightButton2{cursor:hand;margin:5px;height:140px;width:20px;float:left;background:url('../images/butt-right.gif') no-repeat 0 105px;}
#wrapper2{width:1200px; margin:0 auto}
.indexmore { width:140px; height:35px; margin:10px auto; font-size:16px; text-align:center; line-height:35px; border:1px solid #ddd; display:block}
.indexmore a{  font-size:16px;}

/* CSS 第二行  */
#row2 {width:100%; height:500px; float:left; background:#FFF; display:block; margin-top:30px;}
#index_abouts { width:1200px; margin:0 auto; line-height:30px; font-size:14px; text-indent:2em}
#index_abouts img { float:right; padding:10px; width:425px; height:332px;}

/* CSS 第三行  */
#row3 {width:100%; height:350px; float:left; margin-top:30px;}
#index_sange { width:1200px; margin:10px auto; padding:0}
#index_sange dl{ width:1200px; margin:10px auto; padding:0;}
#index_sange dd{ width:375px; height:270px; display:block; background:#FFF; float:left; margin:0 8px}
#index_lianxi { width:335px; margin:20px; line-height:30px;}
#index_lianxi h2 { font-size:24px; font-weight:bold}
#index_sange span { width:100%; height:60px; display:block; text-align:center; margin:10px auto; float:left; line-height:60px; font-size:24px; font-weight:bold}
.sange_news { width:335px; margin:20px; padding:0; float:left}
.sange_news ul{ width:335px; margin:0; padding:0;}
.sange_news li{ width:335px; line-height:40px; float:left; background:url(../images/list.png) no-repeat left; text-indent:10px;}
.sange_news li i{ float:right; color:#999; font-style:normal;}

#bottom { width:100%; height:100px; background:#004098; text-align:center; padding-top:40px; color:#FFF; line-height:30px; margin-top:50px; float:left; font-size:14px}
#bottom a{ color:#FFF; font-size:14px}
#bottom a:hover{ color:#FF0; font-size:14px}

/* CSS 内页  */
.mianbaoxue { width:1200px; margin:10px auto; line-height:30px; text-indent:10px;}
#shaixuan_bg { width:1200px; height:250px; background:#FFF; margin:0 auto}
.shaixuan_list { width:1160px; height:30px; margin:10px 20px; float:left; padding:0}
.shaixuan_list ul{ width:1160px; height:30px; margin:0; padding:0}
.shaixuan_list li{ width:100px; height:30px; line-height:35px; float:left; font-size:16px}
.shaixuan_list li a{ font-size:16px}
.shaixuan_list li b{ font-size:16px; color:#F00}

#shaixuan_car{width:1200px; margin:0 auto; margin-top:15px; background:#FFF; float:left}
#shaixuan_car ul li{ width:370px; height:340px; border:1px solid #ddd; float:left; margin:12px;}
#shaixuan_car ul li img{ width:350px; height:210px; margin:10px}
#shaixuan_car ul li a:hover img { opacity:0.6;filter:alpha(opacity=60)}

#show_car { width:1200px; height:500px; margin:0 auto; background:#fff;}
#show_car img { width:512px; height:384px; float:left; padding:58px 40px 58px 40px;}
#car_text { width:548px; height:400px; float:right; margin:50px 40px 50px auto; overflow:hidden}
#car_text span { width:548px; height:80px; border-bottom:1px solid #ddd; font-size:24px; font-weight:bold; display:block; line-height:35px;}
#car_text b { color:#F00; font-size:36px}
#car_text i { font-size:14px; font-style:normal; font-weight:normal; word-spacing:10px;}
#car_order { width:100px; height:24px; line-height:24px; background:#06C; color:#fff; font-size:14px; text-align:center; float:right; margin-left:20px;}
#car_order a{ color:#fff; font-size:14px; }
#car_order a:hover{  color:#ff0; font-size:14px; }

.black_overlay{
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index:99;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
.white_content {
  display: none;
  position: absolute;
  top: 5%;
  left: 50%;
  width: 30%;
  height: 79%;

  background-color: white;
  z-index:100;
  overflow: auto;
}
.white_content_small {
  display: none;
  position: absolute;
  top: 20%;
  left: 30%;
  width: 40%;
  height: 50%;
  border: 16px solid lightblue;
  background-color: white;
  z-index:100;
  overflow: auto;}



#news_list { width:1200px; margin:0; padding:0; float:left; background:#FFF}
#news_list ul { width:1200px; margin:0; padding:0;}
#news_list li{ width:1140px; height:100px; float:left; margin:20px 30px; border-bottom:1px dotted #ddd;}
#news_list li span { font-size:24px; font-weight:bold; line-height:35px;}
#news_list li p { font-size:12px; color:#999; line-height:24px;}
#news_list li p a{ font-size:12px; color:#999;}
#news_list li p a:hover{ font-size:12px; color:#f00;}

#news_show {width:1200px; margin:0; padding:0; float:left; background:#FFF}
#news_show h1 { width:100%; line-height:35px; text-align:center; font-size:24px;}
#news_show_chick { width:1140px; line-height:30px; text-align:center; margin:10px 30px; float:left; border-bottom:1px solid #ddd;}
#news_show_content { width:1140px; line-height:30px; margin:10px 30px; float:left;}
#news_show_next { width:1140px; line-height:30px; margin:10px 30px; float:left; border-top:1px solid #ddd;}
#news_show_next span{ color:#039; font-weight:bold}

.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }
.listpage {clear: both;text-align: center;}

/* Basic Grey */
.basic-grey {
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #F7F7F7;
padding: 25px 15px 25px 10px;
font: 12px Georgia, "Times New Roman", Times, serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #E4E4E4;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('../images/list2.png') no-repeat right;
background: #FFF url('../images/list2.png') no-repeat right);
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}
.basic-grey .button {
background: #E27575;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.basic-grey .button:hover {
background: #CF7A7A
}