@charset "utf-8";
*{margin: 0px;padding: 0px; }
ul{list-style:none; padding:0px; margin:0px; list-style-type:none;}
ul li{list-style:none; padding:0px; margin:0px; list-style-type:none;}
/*基本信息*/
body{font-family:Arial, Microsoft YaHei;margin:0px;padding: 0px; background:#ffffff; line-height:20px; font-size:14px;}
#other{ background:none;}
img{ border:none}
a {text-decoration: none ; }
a:hover{ color:#cd0000}
i{ font-style:normal}
.clear{ clear:both}
h1,h2,h3,h4,h5,h6{color: #686868;}
.clear{clear: both;}
ul {list-style: none;    margin: 0;    padding: 0;}
h12{ font-size:12px;}
h13{ font-size:13px;}
h14{ font-size:14px;}
h15{ font-size:15px;}
h16{ font-size:16px;}
h17{ font-size:17px;}
h18{ font-size:18px;}
h19{ font-size:19px;}
h20{ font-size:20px;}
a{text-decoration: none;color:black;}

.head{width:100%; float:left; height:129px; background:url("../img/head_bg.jpg");}
.top{ width:1200px; margin:0 auto; margin-top:25px;}

.foot{width:100%; min-width:1200px; float:left; height:118px; background:url("../img/foot_bg.jpg"); color:#FFF}
.foot_nav{width:1200px; margin:0 auto; text-align:center; margin-top:40px;}
.foot_nav ul{ width:900px; margin:0 auto; }
.foot_nav ul li{ float:left; border-left:#FFF solid 2px; width:108px; line-height:14px; color:#FFFFFF; font-size:14px;}
.foot_nav ul li a{ color:#FFF;text-decoration:none;}
.foot_con{width:100%; float:left;text-align:center; margin-top:20px;}
/*nav*/

.nav_bg{width:100%; float:left; height:46px; background:url("../img/nav.jpg");}
.nav{ width:1000px; min-height:46px; height:auto; margin:0 auto; text-align:center;}

.nav ul li{ float:left; width:120px; line-height:46px; color:#FFFFFF; font-size:14px; position:relative}
.nav ul li:hover{ background:url("../img/select_b.png"); }
.nav ul li a{ color:#FFFFFF}
.nav ul li span{ width:160px;}
.nav ul li ul{ display:none}
.nav ul li:hover ul{ width:160px; display:block; position:absolute; background:#FFF; z-index:99999}
.nav ul li:hover ul li{ height:36px; line-height:36px; color:#cd0000}
.nav ul li:hover ul li:hover{ background:#c60307; color:#FFF}


.navs .selected{background:#af251b; }
.nav .navs ul li .cur span{ color:#fff;}
.nav .navs ul li:hover a{ color:#fff }
.nav .navs ul li span{ display:block; text-align:center; height:30px;}
.nav .navs ul li .span1{ width:100%; line-height:30px; float:left; text-align:center;  font-family:"微软雅黑"; font-size:16px; font-weight:500;}


#demo {overflow:hidden;width:100%}
#indemo {float: left;}
#demo1 {float: left;}
#demo2 {float: left;}
/*幻灯*/
.slide{ width:100%; min-width:1200px;  height:450px; float:left; background:#fff; }

#viewport {position: relative;width: 100%; }
.view-content,.view-img, .slide {margin:0;padding:0; height:450px;width: 100%;}
#viewport .slide {width:100%;left:0;background-repeat:no-repeat;background-position:center center;}
.slide img{ width:100%; height:450px; }
#viewport .slide a {display:block;width:100%;height:100%;top:0;left:50%;}
.view-content {overflow: hidden;text-align:center;}
#controls {overflow: hidden;*zoom:1;}
#controls li {display: inline; float:left;width:33%;text-align:center;}
.goto-slide {}
#next, #prev { position: absolute;top: 50%;margin-top:-50px;width: 80px;height: 100px;background: url(../img/viewport-button.png) 0 0 no-repeat;display: block;z-index:10;}
#next {right:0;background-position:-80px 0;}
#prev {left:0;background-position:0 0;}
#next:hover {background-position:-80px -100px;}
#prev:hover {background-position:0 -100px;}
.view-controls {position:absolute;bottom:10px;width:970px;left:45%;margin-left:-900px;text-align:right;}
.view-controls a {display:inline-block;width:10px;height:10px;overflow:hidden;margin:0 0 0 7px;-webkit-transition: border-color 350ms ease;-moz-transition: border-color 350ms ease;-o-transition: border-color 350ms ease;-ms-transition: border-color 350ms ease;transition: border-color 350ms ease;transition: border-color 350ms ease; background:#FF9A02; border-radius:10px;}
.view-controls a:hover,.view-controls a.active  {  background:#F72456;}
.slide2{ width:100%; min-width:1200px;  height:200px; float:left;}
/*首页*/
.con_bg{width:100%; min-width:1200px; float:left; min-height:200px;}
.con1,.con2,.content{ width:1200px; margin:0 auto; overflow:hidden}
.con1_l{ width:401px; float:left;}
.con1_l_t{ width:100%; float:left; height:50px; margin-top:20px; background:url("../img/hyxw.jpg") top left;}

.con1_m{width:401px; float:left; margin-left:28px;}
.con1_m_t{width:100%; float:left; height:50px; margin-top:20px; background:url("../img/gsxw.jpg") top left;}
.con1_l_t span,.con1_m_t span{ float:right; width:54px; text-align:center; margin-top:15px; font-size:12px; line-height:30px;}
.con1_l_t span a,.con1_m_t span a{color:#FFF; margin-left:3px;}
.con1_l_t span a:hover,.con1_m_t span a:hover{ color:#F90}
.con1_l_c{width:399px; border:#dfcc84 solid 1px; border-top:0; padding-bottom:20px;  border-bottom:0; float:left;}
.con1_l_c ul{width:90%; margin-left:18px; line-height:34px;  margin-top:15px;}
.con1_l_c ul li{border-bottom:#e5d69a dashed 1px;}
.con1_l_c ul li img{margin-right:10px;}
.con1_l_c ul li span{ float:right}
.con1_l_c ul li a:hover{ color:#cd0000}
.con1_l_f{width:100%; float:left; height:11px;  background:url("../img/con_l_f.png") top left;}

.con1_r{width:337px; height:301px; float:right; margin-top:60px;  background:url("../img/con1_r.png") no-repeat;}

.con3{ width:100%; float:left; margin-bottom:50px;}
.con3_c{ width:1200px; margin:0 auto}

.con3_l{ width:401px; float:left;}
.con3_l_t{ width:100%; float:left; height:48px; margin-top:20px; background:url("../img/spzx.png") top left;}

.con3_m{width:401px; float:left; margin-left:28px;}
.con3_m_t{width:100%; float:left; height:48px; margin-top:20px; background:url("../img/ajgx.png") top left;}
.con3_r_t{width:100%; float:left; height:48px; margin-top:20px; background:url("../img/gywm.png") top left;}
.con3_l_t span,.con3_m_t span,.con3_r_t span{ float:right; width:54px; text-align:center; margin-top:15px; font-size:12px; line-height:30px;}
.con3_l_t span a,.con3_m_t span a,.con3_r_t span a{color:#FFF; margin-left:3px;}
.con3_l_t span a:hover,.con3_m_t span a:hover{ color:#F90}
.con3_l_c{width:399px;  border:#dfcc84 solid 1px; background:#FFF; padding-bottom:20px; margin-top:18px; float:left;}
.con3_l_c ul{width:90%; margin-left:18px; line-height:34px;  margin-top:15px;}
.con3_l_c ul li{border-bottom:#e5d69a dashed 1px;}
.con3_l_c ul li img{margin-right:10px;}
.con3_l_c ul li span{ float:right}
.con3_l_c ul li a:hover{ color:#cd0000}
.con3_l_f{width:100%; float:left; height:11px;  background:url("../img/con_l_f.png") top left;}

.con3_r{width:337px; height:301px; float:right;  }
.con3_r_c{width:337px; height:262px; background:#FFF;  padding-bottom:20px; margin-top:18px; float:left;}
.con3_r_c span{ width:90%;overflow:hidden; margin-left:5%; margin-top:15px; font-size:15px; line-height:28px; float:left}
.con3_l_c span{color:#F00; margin-bottom:10px;}

.con2{ height:243px; background:url("../img/product.png"); margin:22px auto;}
.con2_c{ width:1000px; float:right; margin-right:55px; margin-top:25px;}
.con2_one{ width:auto; float:left; margin-right:20px; line-height:40px; text-align:center;}

/*内页*/
.content{ margin:32px auto; min-height:420px;}

.left{width:282px; float:left; height:auto; font-size:14px;}
.left .ico{margin-left:74px; margin-right:30px;}
.left_title{width:100%; float:left; height:51px; font-size:15px; line-height:51px;  color:#FFF; background:url("../img/left_title.png")}
.left_nav{width:100%; float:left;}
.left_nav ul li{ width:100%;  height:45px; line-height:45px; background:url("../img/left_li.png") no-repeat bottom;}

.right{ width:864px; float:right;}
.local{ line-height:45px; font-size:14px; text-align:right; color:#987f25}
.local a{ color:#987f25}
.local span{ font-size:20px; float:left; color:#000}
.right_con{ width:100%; float:left;  margin-top:20px;}
.right_con .title{ width:100%; float:left; text-align:center; line-height:60px; border-bottom:#e6d7a0 dashed 1px; margin-bottom:20px; font-size:20px;}

.product1{ width:100%; float:left;}
.product1 ul li{ width:96%; padding:20px; line-height:25px; float:left; height:100px; background:#fff7ea; margin-bottom:20px;}
.product1 ul li span{ color:#cd0000; line-height:30px;}
.product1 ul li a:hover,.product1 ul li:hover{ background:#e9e1d3; color:#cd0000}

.product2{ width:100%; float:left;}
.product2 ul li{ width:210px; padding:20px; float:left; line-height:30px; height:175px; text-align:center; background:#fff7ea; margin:0 19px 35px 19px; }
.product2 ul li:hover,.product2 ul li a:hover{ background:#e9e1d3; color:#cd0000}
/*分页*/
.page{width:100%;height:50px;line-height:50px;text-align:center;border-top:none;padding:0 0 0px 0; float:left;}
.page a{padding:4px 8px;color:#666;margin:0 6px;border:1px solid #888;background:#fff;border-radius:3px;box-shadow: 0px 0px 2px #CCC;}
.page a:hover{color:#AC130E;border-radius:3px;box-shadow:0px 0px 7px #666;}
.page span{padding:4px 8px;color:#666;margin:0 6px;border:1px solid #888;background:#ccc;color:#fff;border-radius:3px;box-shadow: 0px 0px 2px #CCC;}
.page font{color:#000;}

/*在线客服*/
.rides-cs {  font-size: 12px;  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: 45px; float:left; position: relative; z-index:1;height: 215px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; overflow:hidden; }
.rides-cs .floatR .cn {background:#fefefe; border-radius:0px;margin-top:20px; padding:9px 0px;}
.rides-cs .cn .titZx{ padding:5px;text-align:center; border-bottom:2px solid #e14948; padding-bottom:10px;}
.rides-cs .cn .zsrx{ 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(../img/zxkf.png); background-repeat: no-repeat; display:block;  height: 215px;; padding: 8px;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
