﻿@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0;font-family:'Microsoft YaHei';}
ol, ul, li {list-style:none;}
a:hover{color:#db3434;text-decoration:none;}
a{text-decoration:none;color:#333;}
img{border:0;}
.clear{clear:both;}
/*-----公共样式------*/
#float{position:absolute;top:0;width: 100%;z-index: 99999;height:40px;}
#box{position:relative;height:overflow;}


.v{height: 203px;width: 50px;position:fixed;background: #1a1a1a;bottom:7%;z-index:999999;margin-left:1150px;border: 1px solid #fff;}
.v ul li a{line-height:50px;text-align:center;border-bottom:1px #fff solid;width:100%;height:50px;display:block;color:#fff;font-size:14px;}
.v ul li a:hover{background:#a00;color:#fff;font-size:14px;}
.d{position:relative;}
.c{display: none;position: absolute;right:51px;width:80px;bottom: -153px;}
.p{display: none;position: absolute;right:51px;width:110px;top: 0;}
.w{display: none;position: absolute;right:51px;width: 180px;bottom: 0px;height: 180px;}
.o{display: none;position: absolute;right:51px;width:110px;bottom: -51px;}
.o li a img{margin:-6px 6px;}
.d:hover .c{display:block;background:#202020;}
.d:hover .p{display:block;background:#202020;}
.d:hover .w{display:block;background:#202020;}
.d:hover .o{display:block;background:#202020;}


.ad_baobao:hover { opacity:0.8;}

.rides-cs {font-size:12px;background:#ff7000; position: fixed; bottom: 100px; right: 10px; _position: absolute; z-index: 1500; border-radius:6px;height:260px;}
.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:10px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;}
.rides-cs .cn .titZx{ font-size: 18px; color: #a00000;font-weight:600; line-height:24px;padding:10px;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: #303030;font-weight: bold;}
.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:url(../../img/ico/qqxc.png) 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;}

/*header start*/
.header{width:100%;height:160px;min-width: 1100px;}
.header_box{width:100%;border-bottom:#c8c8c8 solid 1px;}
.header_top{line-height:30px;height:30px;width:1100px;margin:0 auto;font-size:14px;}
.header_logo{margin:0 auto;width:1100px;background:url(../../img/bg/logo_bg.gif) no-repeat center;height:130px;}
.logo_left{float:left;display:block;}
.logo_right{float:right;display:block;margin-left: 450px;}
.h_photo{line-height:20px;height:20px;background:url(../../img/ico/ico_photo.gif) no-repeat center left;padding-left:22px;font-size:14px;margin-top:10px;}
.h_nb{height:38px;line-height:34px;font-size:30px;color:#c80000;font-weight: bold;}
.search_left{width:160px;line-height:28px;float: left;height:28px;border:#c8c8c8 1px solid;border-right:none;padding-left:5px;color:#ccc;}
.search_right{width:80px;line-height:30px;float: left;background:#af0000;color:#fff;border:none;cursor: pointer;height: 30px;}
/*header over*/

/*nav start*/
.gridNav{min-width: 1100px; width:100%;background:url(../../img/bg/nav_bg.gif) repeat-x; z-index:1; position:relative;height: 40px;}
.topNav {height: 40px;width: 100%;position: absolute;left: 0;top: 0;margin: 0 auto;overflow: hidden;z-index: 4;line-height:40px;color:#fff;}
.navMain {width: 1100px;margin: 0 auto;height: 240px;position: relative;}
.navIndex li {float: left;}
li.nav3, a.nav4:hover {background-position: -1120px -168px;}
.navIndex a {color: #fff;display: block;width: 80px;margin-left:40px;height:40px;line-height:40px;text-align: center;}
.navIndex a:hover {font-weight:bold;text-decoration:underline;}
.navSub {width:1130px;height:200px;display: none;overflow: hidden;}
.navSub a {color: #000;display: block;height:24px;margin: 0 auto;width: 133px;font-size: 14px;/*font-weight: bold;*/}
.navSub a:hover {color: #d10000;background-position: -1232px 0;text-decoration:underline;}
.navSub dl {width:120px;float:left;text-align:center;position:relative;height:140px;}
.navSub dt {position: absolute;	width: 100%;height: 100%;left: 0;top: 0;text-indent: -5000px;background-position: -1120px 0;display: none;}
.navSub dd {position: relative;}
.nav2 {margin-left: 264px;_margin-left: 132px;}
.navSub dt, .navSub, li.nav3, a.nav4:hover, .navSub a:hover {background-image: url(../../img/navSub.png);background-repeat: no-repeat;}
.nav_z{margin-left:135px;}

/*.nav ul{list-style: none;padding-left: 0;margin-top: 0;margin-bottom: 0;}
.nav {width:1100px;margin:0 auto;}
.nav a{color:#FFF;}
.nav_menu{height:40px;line-height:40px;font-weight: 700;text-transform: uppercase;}
.nav_menu-item{display: inline-block;position:relative;width:110px;text-align:center;}
.nav_menu-item:hover{background-color:#DF0000;}
.nav_menu-item:hover .nav_submenu{display: block;}
.nav_submenu {font-weight: 300;text-transform: none;display: none;position: absolute;width:110px;background:#a00000;}
.nav_submenu-item:hover {background:#161616;}
/*nav over*/

/*banner start*/
.banner{margin-top:30px;mamin-width: 1100px;position:relative;height:400px;overflow:hidden;background:url(../../img/loading.gif) 50% no-repeat;}
.banList{position:relative;z-index:0;width:1920px;margin:0 auto;
margin-left: -960px;
left: 50%;
overflow: hidden;
height: 400px;}
.banList li{height:400px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;height:20px;z-index:9;width:100%}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;
				-moz-box-shadow:1px 1px 2px #505050 inset;               /* For Firefox3.6+ */
				-webkit-box-shadow:1px 1px 2px #505050 inset;            /* For Chrome5+, Safari5+ */
				box-shadow:1px 1px 2px #505050 inset;                    /* For Latest Opera */

}
.jsNav a.current{background:#ff9900;cursor:pointer;
				-moz-box-shadow:1px 1px 2px #505050 inset;               /* For Firefox3.6+ */
				-webkit-box-shadow:1px 1px 2px #505050 inset;            /* For Chrome5+, Safari5+ */
				box-shadow:1px 1px 2px #505050 inset;                    /* For Latest Opera */
}
/*banner over*/

.wrap{width:100%;/*overflow:hidden;*/ margin:0 auto;background: url(../../img/bg/body_bg.gif) fixed center no-repeat #eff1e6;}
.content{width:1102px;margin:0 auto;padding: 20px 0;}
/***************************************************************/ 
.service{margin:20px auto;height: 170px;overflow: hidden;}
.voice_2 { width: 1100px; position: relative;overflow:hidden;}
.voice_2 ul li { float: left; display: inline; height:170px; color: #fff; cursor: pointer; position: relative;margin-right:5px;background:rgb(186, 48, 48);position: relative;width:80px; overflow:hidden;}
.voice_2 .fold { width: 74px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;background:url(../../img/bg/t_bg.jpg) no-repeat center;border-right: rgb(158, 30, 30) 6px solid;}
.voice_2 .fold:hover{background:url(../../img/bg/t_bgh.jpg) no-repeat center;}
.voice_2 .fold .txt { font-size: 20px; display: block;margin:30px; line-height: 25px;color: #fff;font-weight: bold;}
.voice_2 .unfold { width: 746px; height:158px;position: absolute; top: 0px; left: 0px;border:rgb(158, 30, 30) 6px solid;}
.xx{margin: 30px 10px 30px 100px;width: 380px;float: left;}
.xxx{width:245px;height: 158px;float: right;}
.xxx dd a img{width:245px;height:158px;}
.voice_2 .unfold dt { width: 100%; text-align: center; margin-bottom: 40px;}
.voice_2 .unfold dd { font-size: 16px; line-height: 24px;}
.voice_2 .unfold dd b { font-size: 24px;}
.voice_2 .unfold dd b a { font-size: 14px; display: inline-block; margin-left: 40px;color: #ECEC30;}


/***************************************************************/ 
.consult{height:53px;background:#FC4848;font-size:16px;width:1100px;}
.consult ul li{line-height:50px;text-align:center;font-weight:bold;z-index: 99;}
.consult_l{width:150px;float:left;background:#2c2c2c;color:#FFD83F;}
.consult_r{float:right;}
.consult_r a{color:##E73B3B;display:block;width:250px;height:50px;background:#E73B3B;color:#FFF;}
.consult_r a:hover{background:#E80B0B;}
.consult_r a img{position:relative;top:6px;right:6px;}

.consult_z{width:174px;float:left;display: inline-block;position: relative;background:url(../../img/ico/zx.png) no-repeat;text-indent: 2em; cursor:pointer ; margin-right:1px; background-color:rgb(240, 212, 102);}
.pg{background-position:-30px 0px;}
.pg:hover{background:url(../../img/ico/zx.png) no-repeat -30px -50px ##C79E48;}
.zj{background-position:-185px 0px;}
.zj:hover{background:url(../../img/ico/zx.png) no-repeat -185px -50px ##C79E48;}
.jy{background-position:-345px 0px;}
.jy:hover{background:url(../../img/ico/zx.png) no-repeat -345px -50px ##C79E48;}
.jd{background-position:-510px 0px;}
.jd:hover{background:url(../../img/ico/zx.png) no-repeat -510px -50px ##C79E48;}
.consult_z:hover{color:#FF2C2C;}
.consult_z:hover .consult_t{display: block;color:#fff;}
.consult_t {font-weight:bold;text-transform:none;display:none;position:absolute;width:300px;background:#FA6666;}
.consult_x{float:left;width: 150px;}
.consult_x:hover {background:#CB5050;}
.consult_x a{color:#fff;}

/************************************************************/
.activity{height:285px;margin-top:90px;width:1098px;background:#fff;border:1px solid #ccc;overflow: hidden;}
.activity_l{height:285px;width:665px;position:relative;float:left;font-size:14px; }
.activity_l li{background: url(../../img/ico/sj.gif) no-repeat left center;height: 30px;line-height: 30px;font-size: 14px;padding-left: 10px;}
.activity_l p{position: absolute;width: 15px;height: 15px;z-index: 1;}
.act_il{width:280px;height:200px;display:block;float:left;background:#ccc;}
.act_il div ul li{ background:none;padding:0;height:0;}
.loading{width:280px;border:#666666 2px solid;background-color:#000000;color:#FFCC00;font-size:12px;height:179px;text-align:center;padding-top:30px;font-weight:bold;}
.d1{width:280px;height:200px;overflow:hidden;position:relative;}
.d2{width:100%;height:200px;overflow:hidden;}
.num_list{position:absolute;width:100%;left:0px;bottom:-1px;background-color:#000000;color:#FFFFFF;font-size:12px;padding:4px 0px;height:20px;overflow:hidden;}
.num_list span{display:inline-block;height:16px;padding-left:6px;}
.button{position:absolute; right:0px; bottom:2px; font-size:14px;}
.b1,.b2{background-color:#666666;display:block;float:left;padding:2px 6px;margin-right:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;}
.b2{color:#fff;background-color:#FF6633;}
.act_ir{display:block;float:right;width:310px;height:200px;border-buttom:1px solid #ccc;line-height:26px;}
.act_img{height:200px;margin:20px;}
.act_r{float:right;}
.activity_r{float:right;overflow: hidden; height:285px;width:430px;background:#ccc;}

/***********************************************************/
.news_box{width:1100px;margin-top:20px;}
.news_box ul{height:285px;width:355px;border:1px solid #c8c8c8;position: relative;float:left;background: #fff;}
.news_top{height:40px;line-height:40px;padding-left:20px;border-bottom:1px solid #c8c8c8;margin-bottom:10px;}
.news_tl{display:block;width:200px;float:left;}
.news_tl h4 i{color:#a00000;font-size:18px;}
.news_tr{display:block;width:100px;float:right;padding-right:20px;text-align:right;font-size:14px;}
.news_box ul p{position:absolute;width:15px;height:15px;z-index:1;}
.top_l{top:-1px;left:-1px;background:url(../../img/bg/t_l.gif) no-repeat center;}
.top_r{top:-1px;right:-1px;background:url(../../img/bg/t_r.gif) no-repeat center;}
.buttom_l{bottom:-1px;left:-1px;background:url(../../img/bg/b_l.gif) no-repeat center;}
.buttom_r{bottom:-1px;right:-1px;background:url(../../img/bg/b_r.gif) no-repeat center;}
.news_box ul li{background:url(../../img/ico/sj.gif) no-repeat left center;height:30px;line-height:30px;font-size:14px;padding-left:10px;margin-left:20px;}
.news_l{float:left;width:200px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.news_r{float:right;padding-right:20px;}
.news_img{margin:10px 20px;height:110px;}
.news_il{width:155px;height:110px;display:block;float:left;border:#DFDFDF 4px solid;}
.news_il:hover{border:#969693 4px solid;}
.news_ir{display:block;float:right;width:150px;}
.news_ir div{width:150px;line-height:28px;font-size:14px;color:#464646;}
.news_text{text-indent:2em;overflow:hidden;text-overflow:ellipsis;}
.news_learn{width:1098px;height:190px;margin-top:20px;border:1px solid #c8c8c8;position: relative;overflow: hidden;}
.news_learn ul p{position:absolute;width:15px;height:15px;z-index:1;}
.news_learn ul li{background:url(../../img/ico/sj.gif) no-repeat left center;height:30px;line-height:30px;font-size:14px;padding-left:10px;float:left;margin-left:20px;width:518px;}
.left{float:left;}
.right{float:right;}
.news_la{float:left;width:330px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

/**********************************************************/
.products{width:1098px;height:360px;margin-top:20px;border:1px solid #c8c8c8;position: relative;overflow: hidden;}
.products_nav{height:50px;background:url(../../img/bg/pro_bg.gif) repeat-x left;}
.products_nav li{float:left; width:183px;}
.products_nav li a{color:#fff;display:block;width:182px;text-align:center;height:50px;line-height:50px;font-weight:bold;}
.sb{opacity: 0;height: 90px;position: absolute;width: 176px;z-index: 100;color:#fff;padding-top: 85px;background: rgba(30, 30, 30, 0.8);text-align:center;font-size: 14px;}
.sb:hover{opacity: 1;}
.products_nav li a:hover{background:rgb(255, 50, 50);}
.products_nav li a img{position:relative;top:10px;right:5px;}
.products_img{margin:10px 5px;}
.products_img li{width:176px;height:220px;float:left;margin:8px 0 0 30px;padding:4px;border:#fff 1px solid; box-shadow:rgb(10, 4, -1) 0px 0px 0.5px;}
.products_img li:hover{ box-shadow:rgb(10, 4, -1) 0px 0px 5px;}
.products_img li span{position: absolute; }
.products_img li span img{width:176px;height:176px;}
.products_img li p{background:#333;position:relative;top: 177px;left:0px;height:30px;line-height:30px;color:#FFF;}
.products_img li p a{color:#fff;}

/****************************************************/
.appraisal{width:1100px;height:250px;background:url(../../img/bg/jd_bg.gif);margin-top:20px;position: relative;overflow: hidden;}
.appraisal_l{float:left;color:#fff;}
.appraisal_l h1{line-height:60px;height:65px;font-size:30px;text-align:center;width: 780px;}
.appraisal_r{width:320px;background:#a00000;float:right;height:250px;color:#fff;font-weight:bold;}
.appraisal_r p a{display:block;width:160px;height:40px;text-align:center;line-height:40px;background:#ff7000;margin:15px auto;color:#fff;}
.appraisal_r p a:hover{background:#FDCD50;color:#FC0000;}
.pra_a{font-size:30px;height:75px;line-height:85px;}
.pra_b{font-size:36px;}
.slider {position: relative;width: 740px; margin: 0 20px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-o-user-select: none; user-select: none;}
.frame {position: relative;width: 655px;margin: 0 auto;font-size: 0;line-height: 0;overflow: hidden;white-space: nowrap;}
.frame li {position: relative;overflow: hidden;display: inline-block; height: 170px; text-align: center; font-size: 16px; line-height:40px;}
.frame li span{ display:block;width:198px;height:166px; color: #fff;background:2b2b2b;}
.frame li span:hover{background: #be1212; }
.frame li span img{width:128px;height:128px;}
.slides {display: inline-block;height: 170px;}
.prev, .next { position: absolute;top: 50%;margin-top: -25px; display: block;cursor: pointer;}
.next { right: 0;}
.prev {left: 0;}
.next svg, .prev svg {width:30px;}
@media screen and (min-width: 640px ) {.variablewidth li { width: 280px; margin-right: 10px; }}
@media screen and (min-width: 980px ) {.multipleelements li, .multislides li, .ease li {width: 200px;margin-right: 20px;}}

/***************************************************/
.productsa{height:260px;width:1098px;margin-top:20px;border:1px solid #c8c8c8;position: relative;background: #fff;overflow: hidden;}
#demo {background: #FFF;overflow:hidden;width: 1060px;}
#demo img {border: 3px solid #F2F2F2;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo1 a img{width:250px;height:180px;}
#demo2 {float: left;}  
#demo2 a img{width:250px;height:180px;}
/***************************************************/
.partner{width:1098px;overflow:auto;margin:20px auto;border:1px solid #c8c8c8;position: relative;background: #fff;overflow: hidden;}
.partner_top{height:40px;line-height:40px;padding-left:20px;color:#fff;background:#1a1a1a;}
.partner_tl{display:block;width:200px;float:left;}
.partner_tl h4 i{color:#fff;font-size:18px;}
.blk_18 {overflow:hidden;zoom:1;font-size:14px;margin: 20px auto;}
.blk_18 .pcont { width:1050px; float:left; overflow:hidden; }
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:-5px;}
.blk_18 #List1_1, .blk_18 #List2_1 { float:left;padding-left: 10px;}
.blk_18 .LeftBotton, .blk_18 .RightBotton { width:15px; height:74px; float:left; background:url(../../img/pane/ax.gif) no-repeat;}
.blk_18 .LeftBotton { background-position: 0 0; margin-left:8px;}
.blk_18 .RightBotton { background-position: 0 -100px; margin-right:8px;}
.blk_18 .LeftBotton:hover { background-position: -20px 0;}
.blk_18 .RightBotton:hover { background-position: -20px -100px;}
.blk_18 .pl img {display:block;cursor:pointer;border:none;margin:10px auto 1px auto;width:42px;height:42px;}
.blk_18 .pl{ width:128px;float:left;text-align:center; line-height:30px;border:1px #fff solid}
.blk_18 a.pl:hover {border:1px solid #5dacec;color:#5dacec;background:#fff;}
/*****************************************************/
.footer{min-width: 1100px;width:100%;background:#1a1a1a;font-size:14px;color:#fff;}
.footer_box{height:180px;width:1100px;margin:0 auto;padding-top:15px;}
.footer_l{width:300px;float:left;margin-top: 30px;}
.footer_z{width:490px;float:left;margin-left:80px;line-height: 25px;}
.footer_r{width:200px;float:right;line-height:30px;margin-top: 22px;}

