/* CSS Document ģ */
@charset "utf-8";
body, div,iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table,th, td, input, button, select, textarea {margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle;}
body{color:#000000;background:#333333; text-align:center;}
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;}
a{color:#000000;text-decoration:none; } 
table{ display:block; margin:0 auto; font-size:12px; text-align:center;}
table td{ padding:5px 10px;}
body,html{ min-width:1300px;}

#header ,#main ,#footer{ margin:0 auto; overflow:hidden}
#header .top { width:100%; height:87px; background:url(../images/topbg.jpg); background-repeat:repeat-x;}
#header .top .top1 { width:1240px; margin:0 auto;}
#header .top .top1 .logo { float:left;}
#header .top .top1 .nav li { float:left; margin:10px;}
#header .top .top1 .nav a { font-size:18px; font-family: Arial; color:#FFF;}
#header .top .top1 .nav { float:right;}
#header .top .top1 .nav ul { margin-top:40px;}
#header .top .top1 .nav a:hover { color:#f0be10;}
#header .top .top1 .nav a:active { color:#f0be10;}
/* flexslider */
.flexslider{position:relative;height:510px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:510px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
#header .notice { background-image:url(../images/topbg.jpg); background-repeat:repeat-x; width:100%; height:71px;}
#header .notice .noticebutton { float:left; margin-top:15px;}
#header .notice .notice1 { width:1240px; margin:0 auto;}
#header .notice .notice1 .noticetext { float:right; margin-top:24px; font-size:14px; color:#fff; width:1080px; font-weight:bold; font-family:Arial;}
#main .aboutus { background-color:#ababab; width:1218px; margin:20px auto; border-radius:8px; box-shadow:#d7d5d5 1px 1px 1px;  /*border:1px  solid #d7d5d5;*/ padding:0px 10px;}
#main .aboutus .abouttitle .title { float:left;}
#main .aboutus .abouttitle .more { float:right;}
#main .aboutus .abouttxt .aboutimg { float:left;}
#main .aboutus .abouttxt .abouttxt { float:right;}
#main .aboutus .abouttxt .aboutimg { margin-top:8px;}
#main .aboutus .abouttxt .abouttxt { width:900px; margin:8px 0px; font-size:14px; font-family:Arial; text-align:left; }
#main .product .producttitle { background-image:url(../images/title.png); background-repeat: repeat-x; height:42px; border-radius:8px 8px 0px 0px;}
#main .product { width:1240px; margin:30px auto;}
#main .product .producttitle .title { float:left; margin-top:-21px; margin-left:50px;}
#main .product .producttitle .more { float:right; margin-right:10px; margin-top:5px;}
#main .product .productcon { background-color:#ababab; border-radius:0px 0px 8px 8px; box-shadow:#d7d5d5 1px 1px 1px; width:1218px; padding:10px;}
#main .product .productcon .procon li { background-image:url(../images/product.png); width:220px; height:300px; float:left; margin:0px 2px 5px;}
#main .product .productcon .procon { width:900px; float:right;}
#main .product .productcon .procon img { margin-right:7px; margin-top:5px; width:205px; height:259px;}
#main .product .productcon .procon .protxt { font-size:14px; margin-top:5px; font-family:Arial;}
#main .product .productcon .promenu { text-align:left; width:280px; margin-top:10px; margin-right:20px;}
#main .product .productcon .promenu a { font-family:Arial;}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 280px;
  float:left;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

#main .honor .honortitle { background-image:url(../images/title.png); background-repeat: repeat-x; height:42px; border-radius:8px 8px 0px 0px;}
#main .honor { width:1240px; margin:30px auto;}
#main .honor .honortitle .title { float:left; margin-top:-16px; margin-left:50px;}
#main .honor .honortitle .more { float:right; margin-right:10px; margin-top:5px;}
#main .honor .honorcon { background-color:#ababab; border-radius:0px 0px 8px 8px; box-shadow:#d7d5d5 1px 1px 1px; width:1218px; padding:10px;}
#main .honor .honorcon .honcon li { background-image:url(../images/honorbg.png); width:265px; height:227px; float:left; margin:0px 2px 5px;}
#main .honor .honorcon .honcon { width:1200px; float:right; margin-top:10px;}
#main .honor .honorcon .honcon img { margin-right:7px; margin-top:5px; width:250px; height:182px;}
#main .honor .honorcon .honcon .protxt { font-size:14px; margin-top:5px; font-family:Arial;}
#main .honor .honorcon .honcon #demo #indemo #demo1 a {font-family:Arial;}

/*****************-------------------gundong-----------------------*******************/
	#demo {overflow:hidden;width:1200px; margin:0 auto;}
	#indemo { float: left; width: 800%;}
	#demo1 { float: left; }
	.scroll-1{ display:block; float:left;  margin-left:10px;}
	#demo2 { float: left;}
	
#footer .link { background-image:url(../images/title.png); background-repeat:repeat-x; height:42px; width:100%;}
#footer .link .link1 .linkimg { float:left; margin-top:10px;}
#footer .link .link1 { width:1240px; margin:0 auto;}
#footer .link .link1 .linkcon a { display:block; margin:12px 10px 0px; float:left; color:#ccc; font-family:Arial;}

#footer .foot { width:1240px; margin:20px auto;}
#footer .foot .aboutus { float:left; width:350px; text-align:left; margin-top:10px; padding-right:10px;}
#footer .foot .contactus { float:right; border-left:2px dashed  #666; padding-left:30px;  width:820px; text-align:left;}
#footer .foot .aboutus .aboutuscon { margin-left:15px; margin-top:10px; }
#footer .foot .aboutus .aboutuscon li { float:left;}
#footer .foot .aboutus .aboutuscon a { font-family:Arial; font-size:18px; margin:10px; color:#ccc;}
#footer .foot .aboutus .aboutuscon a:hover {color:#f0be10;}
#footer .foot .contactus .contactuscon { padding-left:30px; }
#footer .foot .contactus .contactuscon .diao { float:right; margin-right:40px;}
#footer .foot .contactus .contactuscon .contacttxt { float:left; font-family:Arial; font-size:14px; color:#ccc; width:400px;}
#footer .banquan { width:100%; height:67px; background-color:#484848; border-top:2px dashed  #666; line-height:60px; color:#ccc; font-family:Arial; font-size:14px;}
#main .con .left { float:left; width:310px;}
#main .con .right { float:right; width: 890px; padding:0px 5px;}
#main .con { width:1240px; background-color:#545454; margin:20px auto; background-image:url(../images/conbg.jpg); background-repeat:repeat-y;}

#main .con .left .category .categorytitle { background-image:url(../images/title1.png); width:260px; height:37px; margin-left:10px; margin-top:10px; line-height:37px; font-size:16px;  font-family:Arail; color:#ccc; text-align:left; padding-left:40px;}
#main .con .left .category .categorycon { text-align:left; padding-left:20px; padding-top:10px;}
#main .con .left .contactleft .contacttitle {background-image:url(../images/title1.png); width:260px; height:37px; margin-left:10px; margin-top:10px; line-height:37px; font-size:16px;  font-family:Arail; color:#ccc; text-align:left; padding-left:40px;}
#main .con .left .contactleft .contactcon { text-align:left; padding-left:20px; padding-top:10px; font-size:14px; font-family:Arial; color:#333;}
#main .con .left .commonleft .commontitle {background-image:url(../images/title1.png); width:260px; height:37px; margin-left:10px; margin-top:10px; line-height:37px; font-size:16px;  font-family:Arail; color:#ccc; text-align:left; padding-left:40px;}
#main .con .left .contactleft { margin:20px 0px;}
#main .con .right .mianbaoxie { background-image:url(../images/title2.png); width:885px; height:37px; margin-top:10px;}
#main .con .right .mianbaoxie .name { float:left; margin-left:30px; line-height:37px; color:#ccc; font-size:14px; font-family:Arial;}
#main .con .right .mianbaoxie .gps { float:right; margin-right:10px; line-height:37px;color:#ccc; font-size:12px; font-family:Arial;}
#main .con .right .mianbaoxie .gps a{color:#ccc; font-size:12px; font-family:Arial;}
#main .con .right .rightcon { text-align:left; padding:10px; font-family: Arial; line-height:24px;} 

#main .con .commoncon { text-align:left; padding-left:20px; padding-right:15px; padding-bottom:10px;}
#main .con .commoncon li { margin:8px 0px; border-bottom:1px dashed #333;}
#main .con .commoncon a { font-size:14px; font-family:Arial;}
#main .con .right .rightcon .commoncon .time { float:right;}
#main .con .right .rightcon .fenye { margin:10px 0px; width:850px; text-align:center;}
#main .con .right .rightcon .fenye a {font-family: Arial; margin:0px 10px; font-size:14px;}
#main .con .right .rightcon .fenye a:hover { color:#f0be10;}
#main .con .right .rightcon .honor1 li { background-image:url(../images/honorbg.png); width:265px; height:227px; float:left; margin:0px 2px 5px;}
#main .con .right .rightcon .honor1 li img { margin-right:7px; margin-top:5px; width:250px; height:182px;}
#main .con .right .rightcon .honor1 a {font-family:Arial;}
#main .con .right .rightcon .honor1 { text-align:center;}
#main .con .right .rightcon .honor1 .protxt {font-size: 14px;margin-top: 5px;font-family: Arial;}
#main .con .right .rightcon .prolist .proimg { background-image:url(../images/product.png); width:220px; height:300px; float:left; margin:0px 2px 5px; text-align:center;}
#main .con .right .rightcon .prolist .proimg img { margin-right:7px; margin-top:5px;width:205px; height:259px;}
#main .con .right .rightcon .prolist .proimg .protxt { font-size:14px; margin-top:5px; font-family:Arial;}
#main .con .right .rightcon .prolist li { border-bottom:1px dashed #333; margin:10px 0px;}
#main .con .right .rightcon .prolist .projieshao h4 { font-size:16px; font-family:Arial; font-weight:bold;}
#main .con .right .rightcon .prolist .projieshao { padding-left:10px; float:right; width:630px;}
#main .con .right .rightcon .prolist .projieshao p { font-size:14px; padding:5px; font-family:Arial; margin-top:5px;}
#main .con .right .rightcon .prodetail .xiangqing .detailedintroduction { font-size:14px; font-family:Arial; border-bottom:1px dashed #333; margin:5px 0px;}
#main .con .right .rightcon .prodetail .protitle { text-align:center; font-size:16px; font-family:Arial; border-bottom:1px dashed #333; margin:5px 0px;}
#main .con .right .rightcon .prodetail .prodetialimg { text-align:center; margin:10px 0px; }
#main .con .right .rightcon .prodetail .prodetialimg img {border:1px solid #333;}
#main .con .right .rightcon .prodetail .xiangqing .detailcon {font-family:Arial;}
#main .con .right .rightcon .prodetail .protitle .datepageview {font-family:Arial;}
.fenye >li{float:left;}

.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:15px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}