body,html {font-size:12px; font-family:Microsoft Yahei; background:#fff;}
ul, ol, li { list-style: none; margin: 0; padding: 0; vertical-align: bottom }
a { color: #000; text-decoration:none; }
a:hover { color: #e10101 }
*{ margin:0; padding:0;}
img{ border:none;}
/* 整体布局 */
.clearfix {font-size: 0px;height: 0px;line-height: 0px;overflow: hidden;clear: both;}
#hidden{ display:none;}
.fl{float:left;}
.fr{float:right;}
.m_box{width:1150px; margin:auto;}
.red{color:#ca0202;}
.green{ color:#a4c70a;}

/* 右侧浮动 */
.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:4px;}
.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/shopnc.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}

/* 头部 */
.top{ background:#fbfbfb; height:39px; border-bottom:1px #e1e1e1 solid; line-height:39px;}
.top_l{ float:left;}
.top_l .p1{background:url(../images/tel.jpg) 0 center no-repeat; padding-left:15px;}
.top_l .p2{background:url(../images/phone.jpg) 0 center no-repeat;padding-left:15px;}
.top_r{ float:right; color:#959595;}
.top_r a{color:#959595;}
.top_r a:hover{color:#e10101;}
/* 导航 */
.head{width:1150px; margin:auto; height:90px; background:url(../images/logo.jpg) 0 center no-repeat;}
.nav{ float:left; padding-left:300px;}
.nav a{ color:#898989; font-size:15px;display: inline-block; width: 110px; height: 90px; line-height: 90px; text-align: center;}
.nav a:hover,#nav_h{color:#000; background: url(../images/top_nav_h.jpg) center 44px no-repeat;}
.hot_line{ background:url(../images/hot_line.jpg) 0 center no-repeat; padding-left:20px; float:right; line-height: 90px;}
.hot_line .p1{ font-size:15px;}
.hot_line .p2{color:#ca0202; font-size:20px;font-weight: bold;}

/* 首页 */
#banner {width:100%; height:524px;border-top:3px #e2e2e2 solid; position:relative; margin-bottom:40px;}
#banner #slides { display:block; width:100%; height: 524px; list-style:none; padding:0; margin:0; position:relative}
#banner #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#banner #slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#banner #pagination { list-style:none; position:absolute; left:48%; top: 490px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#banner #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#banner #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#banner #pagination li.current { background:#e62129}

.index_tit{ background:url(../images/i_title_bg.jpg) center bottom no-repeat; text-align:center; margin:40px 0; padding-bottom:8px;}
.index_tit .p1{ font-size:33px; font-weight:bolder; text-transform:uppercase;}
.index_tit .p2{ font-size:20px;}

.index_more{ background:url(../images/i_more_r.jpg) center no-repeat; width:140px; height:38px;display:block; margin:0 auto 40px; color:#fff; text-align:center; font-size:14px; text-transform:uppercase;line-height: 42px;}

.index_adv{ background:url(../images/i_service_p.jpg) center 0 no-repeat; height:945px; padding-top:378px;}
.index_adv_box{ width:422px; line-height:2; padding-bottom:120px;}
.index_adv_box .p1{ font-size:37px; color:#c1ff05;}
.index_adv_box .p2{ font-size:16px; color:#f8f8f8;}

.index_cw_tit{ background:url(../images/i_cw.jpg) center no-repeat; width:379px; height:66px; margin:40px auto;}
.index_cw{ background:url(../images/i_cw_bg.jpg) center no-repeat;}
.index_cw_box{position:relative; width:533px; height:233px; margin:13px 21px; float:left;}
.index_cw_box .img_l{ float:left; width:182px; padding:24px 0 0 24px;}
.index_cw_box .des{ float:right; width:281px; color:#858585; line-height:2; font-size:14px; padding-top:28px; padding-right:20px;}
.index_cw_box .des .tit{ color:#000; font-size:16px;}
.index_cw_box .more{ position:absolute; bottom:15px; right:15px; font-size:14px; color:#7d654d;}
.index_cw_box .more:hover{color:#000;}

.index_ad{ background:url(../images/i_ad_bg.jpg) center no-repeat; height:166px; margin:40px auto;}

.i_about{ padding-bottom:40px;}
.i_about_l{ float:left;width:464px; margin-left:20px;}
.i_about_r{ float:right; width:578px; margin-right:20px; position:relative;}
.i_about_r .tit{ font-size:20px; margin-bottom:10px;}
.i_about_r .des{ line-height:2; font-size:14px; color:#606060;}
.i_about_r .more{ line-height:2; font-size:14px; background:#ececec; color:#999999; padding:3px 15px; position:absolute; right:0; bottom:0;}



.index_f_link{ background:url(../images/i_f_l_bg.jpg); height:91px; margin:40px auto;}
.f_link_img{margin: 0 2px; width:180px; height:88px;border:1px #dbdbdb solid;}
.f_link_img:hover{border:1px #1b86d3 solid;}

.index_box{width:1150px; margin:auto; margin:40px auto;}

.index_quest{ float:left; width:316px; margin-right:45px;}
.index_quest .tit{ position:relative; height:32px;}
.index_quest .tit .p1{ background:url(../images/q_tit.jpg) 2px 4px no-repeat; font-size:16px; color:#626161; position:absolute; left:0; top:0; border-bottom:3px #000 solid; padding-bottom:8px; width:141px; padding-left:22px;z-index: 2;}
.index_quest .tit .p2{position:absolute; background:url(../images/i_f_more.jpg) right 5px no-repeat; padding-right:15px; right:0; top:0; color:#969696;border-bottom:1px #969696 solid; width:153px; text-align:right; line-height:21px; padding-bottom:9px;z-index: 1;}
.index_quest .tit .p2:hover{color:#1b86d3;}
.q_box{ height:77px; border-bottom:1px #eee dashed; font-size:13px;padding: 20px 0; line-height:2;}
.q_box .qt{ color:#1a86d3; position:absolute; top:0; left:30px;}
.q_box .p1 a:hover{ color:#1b86d3;}
.q_box .p1{ background:url(../images/q_ask.jpg) 0 4px no-repeat;margin-bottom: 10px;padding-left: 50px; position:relative;}
.q_box .p2{ background:url(../images/q_res.jpg) 0 4px no-repeat;padding-left: 50px;color:#969696;position:relative;}

.index_news{float:left; width:354px;margin-right:45px;}
.index_news .tit{ position:relative; height:32px; margin-bottom:20px;}
.index_news .tit .p1{ background:url(../images/i_news_tit.jpg) 2px 4px no-repeat; font-size:16px; color:#626161; position:absolute; left:0; top:0; border-bottom:3px #000 solid; padding-bottom:8px; width:160px; padding-left:22px;z-index: 2;}
.index_news .tit .p2{position:absolute;background:url(../images/i_f_more.jpg) right 5px no-repeat; padding-right:15px; right:0; top:0; color:#969696;border-bottom:1px #969696 solid; width:172px; text-align:right; line-height:21px; padding-bottom:9px;z-index: 1;}
.index_news .tit .p2:hover{color:#1b86d3;}
.i_news_l{color:#7e7e7e; font-size:13px; line-height:2.5; position:relative; height:}
.i_news_l .p1{ background:url(../images/i_news_i.jpg) 0 center no-repeat; padding-left:15px;color:#7e7e7e;}
.i_news_l .p1:hover{ color:#1b86d3;}
.i_news_l .p2{ position:absolute; right:0; top:0;}

.index_post{ border:1px #cdcdcd solid; float:left; width:324px; padding: 5px 15px;}
.i_post_tit{border-bottom:3px #000 solid;font-size:16px; color:#626161; line-height:2; margin-bottom:10px;}
.i_post_box{}
.i_post_box .formitm{padding: 11px 0;}
.i_post_box .formitm .lab{ font-size:14px; color:#626161;display: inline-block; width:22%;}
.i_post_box .formitm .ipt{display: inline-block; width:60%; line-height:26px;}
.i_post_box .formitm .ipt_a{display: inline-block; width:68%; height:110px;}
.i_post_box .formitm .btn{display: inline-block; background:#278dd6; border-radius:5px; color:#fff; border:1px #278dd6 solid; padding:5px 10px; transition:all 0.2s;}
.i_post_box .formitm .btn:hover{background:#fff;color:#278dd6; cursor:pointer;}

/* 内页 */
.left{ float:left; margin-left:28px; width:200px; border:1px #dadada solid;}
.left a{ height:44px; line-height:44px; font-size:16px; text-align:center; display:block;}
.left a:hover,#l_nav_h{ color:#fff; background:#293139;}

.news_list{ float:right; width:739px;}
.news_box{position:relative; margin-bottom:30px; height:133px;}
.news_box .tit{ border-bottom:2px #e3e3e3 solid; line-height:50px;}
.news_box .tit .p1{ font-size:18px; color:#c5191b;}
.news_box .tit .p2{ font-size:14px; color:#bebebe; position:absolute; right:0;}
.news_box .des{ font-size:13px; color:#474747; line-height:3;}
.news_box .des .more{ position:absolute; color:#bd1113; right:0; bottom:0;font-size:13px;}

.news_in{float:right; width:739px; min-height:600px;}
.news_in .tit{ text-align:center; line-height:32px;}
.news_in .tit .p1{ font-size:18px;}
.news_in .tit .p2{ color:#eee;}
.news_in .des{ line-height:2; padding:20px 0;}
.news_in .back{margin: auto; width:185px; height:47px; color:#fff; font-size:23px; background:#e7402f; display:block; text-align:center; line-height:47px; border-radius:2px; border:2px #e7402f solid;}
.news_in .back:hover{color:#e7402f; background:#fff;}

.banner_in{ height:130px; color:#fff; background:#000000;}
.banner_in .p1{ font-size:50px; text-transform:uppercase; line-height: 122px;}
.banner_in .p2{ font-size:30px; line-height: 130px;}
.banner_in .p3{ background:url(../images/banner_in.jpg) center no-repeat; width:337px; height: 130px;}
.banner_in .p1,.banner_in .p2,.banner_in .p3{ float:left; padding-right: 20px;}

.about{ padding:40px 0;}
.about_l{ float:left;width:464px;border-radius: 100px 0;}
.about_r{ float:right; width:464px;}
.about_r .tit{ font-size:20px; border:3px #000 solid; padding:15px 40px; width:240px; margin-bottom:20px;}
.about_r .des{ line-height:2; font-size:16px;}

.about_b_tit{font-size:37px; height:88px; line-height:88px; border-bottom:2px #d7d7d7 dashed;border-top:2px #d7d7d7 dashed; text-align:center;}

.adv_tit{ line-height:60px; height:60px;}
.adv_tit .p1{ font-size:25px; color:#ca0202;padding-right: 20px;}
.adv_tit .p2{ font-size:18px; color:#b0b0b0; text-transform:uppercase;}
.adv_list{ padding:10px 0;}
.adv_i{border:3px #e5e5e5 solid; height:180px; margin-bottom:20px;}
.adv_i_l{ width:323px; height:174px; float:left; margin:3px;text-align:center;}
.adv_i_l:hover{ background:#1e2529;}
.adv_i_l:hover .adv_i_l1,.adv_i_l:hover .adv_i_l2{ color:#fff;}
.adv_i_l1{ color:#c61604; font-size:37px; padding-top:37px;}
.adv_i_l2{font-size:37px;}
.adv_i_r{ float:right; width:464px;line-height:2; font-size:16px;padding: 37px 50px 0 0;}


.case_nav{padding:40px 0;}
.case_nav a{font-size:20px; border-bottom:1px #000 solid; padding-bottom:5px; margin-right:20px;}
.case_nav a:hover,#case_nav_h{ color:#e7402f;border-bottom:1px #e7402f solid;}
.case_list{ width:1184px;}
.case_block{ display:none; width:360px; height:202px; background:url(../images/case_block.png) center no-repeat; position:absolute; top:0; left:0;}
.case_list a{width:360px; float:left; margin-bottom:20px; margin-right:34px; position:relative;}
.case_list a:hover .case_block{display:block;}
.case_list img{width:360px; height:202px; display:block;}
.case_list p{ text-align:left; font-size:18px; color:#333; text-indent:3px; line-height:2;}

.case_in{width:1150px; margin:auto; padding:40px 0;}
.case_in_l{position: relative;overflow: hidden; float:left; width:755px; height:524px;}
.case_in_l #next,.case_in_l #pre{width:45px; height:76px; z-index:100; color:#fff; top:45%; transition:all 0.6s;}
.case_in_l:hover #next{ right:0;}
.case_in_l:hover #pre{left:0;}
.case_in_l #next{ position:absolute; right:-10%;animation-name:slideInRight; background:url(../images/cl_next.png) no-repeat;}
.case_in_l #pre{ position:absolute; left:-10%;animation-name:slideInLeft;background:url(../images/cl_pre.png) no-repeat;}
.case_in_l .tabs{display:none;position:relative;overflow:hidden;margin:0;width:100%;}
.case_in_l .tabs a{float:left;line-height:38px;overflow:hidden;padding:0;position:relative;border-bottom:1px solid #fff;color:#888;font-weight:500;display:block;letter-spacing:0;outline:none;padding:0 20px;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;border-bottom:2px solid #87d3b7;}
.case_in_l .tabs_item{display:none; position:relative;animation-name:slideInRight; width:755px; height:524px;}
.case_in_l .tabs_item img{width:755px; height:524px;}
.case_in_l .tabs_item:first-child{display:block;}
.case_in_l .current{color:#fff;background:#87d3b7;}
.case_in_l .tab .show{display:block;}
.case_in_l .tabs_item,.case_in_l .tabs_item img,.case_in_l #next,.case_in_l #pre{animation-duration:1s;animation-fill-mode:both}

.case_in_r{ float:right; width:243px;}
.case_in_r .tit{ font-size:20px; margin-bottom:20px;}
.case_in_r .des{ line-height:2; font-size:14px; color:#4b4c4d; margin-bottom:20px;}
.case_in_r .back{ width:185px; height:47px; color:#fff; font-size:23px; background:#e7402f; display:block; text-align:center; line-height:47px; border-radius:2px; border:2px #e7402f solid;}
.case_in_r .back:hover{color:#e7402f; background:#fff;}
.case_in_b_tit{font-size:20px; margin-bottom:20px;border-top:#d2d2d2 2px solid; padding-top:20px;}

.in_news_l{ border:1px #e7e7e7 solid; padding:0 10px; margin-bottom:20px;}
.in_news_l .tit{font-size:14px; border-bottom:#e7402f 2px solid; line-height:35px; height:35px; margin-bottom:10px;}
.in_news_l .tit .p1{ padding-right:10px;}
.in_news_l .tit .p2{ color:#cecece;}
.in_news_l .list{}
.in_news_ll{ font-size:13px; color:#7e7e7e; float:left; width:50%; line-height:28px; height:28px;}
.in_news_ll .p1{ color:#e7402f; padding:0 14px; float:left;}
.in_news_ll .p2{ float:left;}
.in_news_ll .p3{ float:right; padding-right:74px;}

.service_tit{font-size:25px; padding:40px 0;}
.s_r_list{ width:1214px;}
.s_r_list li{width:177px;float:left; margin-right:64px; text-align:center;}
.s_r_list .p1{ width:177px; height:177px; display:block;transition:all 0.2s;}
.s_r_list .p1:hover{transform:scale(1.1,1.1);}
.s_r_list .p2{ color:#b2b2b2; text-transform:uppercase;line-height:30px;}
.s_r_list .p3{ font-size:18px; color:#575757;}

.s_p_list{ margin-bottom:20px;}
.s_p_list li{ height:220px; border-bottom:2px #dfdfdf dashed;}
.s_p_img{ padding-top:30px; height:160px;}
.s_p_des{ line-height:2; padding: 30px 60px 0;}
.s_p_des .p1{ font-size:18px; color:#e31010;}
.s_p_des .p2{ font-size:16px; color:#686868;}

.contact{ padding:40px 0;}
.c_l{ float:left; width:323px;}
.c_l .tit{ font-size:23px; color:#e7402f; border-bottom:2px #e7402f solid; line-height:2;}
.c_l .des{ font-size:16px; line-height:2; margin-bottom:20px;}
.qq_link{ background:url(../images/qq_link.jpg) 10px center no-repeat;padding-left: 152px; line-height:52px;font-size:23px; height:83px; display:block;}
.c_r{ float:right;background:url(../images/map.jpg) center no-repeat; width:783px; height:385px;}

/* 底部 */
.foot{width:1150px; margin:auto; height:103px; border-top:#d2d2d2 2px solid;}
.f_l{ float:left; color:#b0b0b0; line-height:30px; padding-top:15px;}
.f_l p{}
.f_l a{ color:#b0b0b0;}
.f_l a:hover{ color:#e10101;}
.f_r{ float:right; padding-top:15px; width:255px;}
.f_dc{ background:url(../images/dc.jpg) 0 center no-repeat; padding-left:60px; display:inline-block; line-height: 2;height:54px;vertical-align: middle;padding-right: 10px;color:#b0b0b0;}
.bdshare-button-style2-32{display: inline-block;vertical-align: middle;}

.dux-page{ background:#fafafa; border:1px #e4e4e4 solid; height:48px; line-height:48px; margin-bottom:20px; text-align:center;}
.first-page,.prev-page,.num-page,.next-page,.last-page{border:1px #e4e4e4 solid; background:#fff; padding:5px 10px;}
.active-page{ background:#e7402f;}
/* to_top */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../images/scrolltop.jpg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}