﻿@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
object{ display:block;}
ul,ul li{ list-style:none; margin:0}
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
.play{ display:none;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#dab866;text-decoration:none;}
a:visited {color:#dab866;text-decoration:none;}
a:hover {color:#000;}
a:active {color:#000;}
.dis{display:block;}
.undis{display:none;}
.hidden{ display:none}
.text-overflow{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.overflow{ overflow:hidden}
.text_overflow{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%}

body{margin:0px; padding:0px;font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-size:12px;color:#555; }
.wrap{ margin:0 auto; position:relative; z-index:1;}

.min_1100{ min-width:1100px;}

.hide{ display:none}

.wrap-1500{ width:100%; margin:0 auto; min-width:1200px; position:relative;}
.wrap-1372-min{ width:100%; margin:0 auto; min-width:1200px; position:relative;}
.wrap-1372{ position: relative;
    left: 50%;
    margin-left: -400px;}
.head{ height:85px; border-bottom:1px solid rgba(255,255,255,0.1); position:absolute; left:0; top:0; right:0;  width:100%; z-index:119; }
.head .logo{ background:url(../images/logo1.png) no-repeat; height:50px; width:332px; position:absolute; left:80px; top:18px; }
.nav-list{ position:absolute; top:31px; right:50px;}
.nav-list li{ float:left; padding:0 20px; line-height:31px; position:relative;}
.nav-list li a{ font-size:16px; color:#fff; position:relative; display:block;}
.nav-line{ height:2px; background:#fff; position:absolute; top:83px;}

.body_1200 .nav-list li{ padding:0 10px;}
.body_1200 .head .wrap-1500{ min-width:1200px !important}
.body_1200 .head .logo{ left:20px;}
.body_1200 .nav-list{ right:30px;}

.fix-head{ position:fixed; z-index:11111; background:#fff;  border-bottom:1px solid #e6e6e6; box-shadow:0 0 3px #ccc}
.fix-head .logo{ background-image:url(../images/flogo.png)}
.fix-head  .nav-list li a{ color:#333}
.fix-head .nav-line{  background:#333; }


.nav-list li.dealer{
  padding: 0;
}
.nav-list li.dealer  a{
 height:29px; display:block; line-height:29px; border:none; font-size:14px; width:120px; text-align:center; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;
}
.nav-list li.dealer .icon-dealer{ background:url(../images/ficon_dealer.png) no-repeat; width:16px; height:15px; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-4px;}
.nav-list li.dealer  a:hover{ background:#fe9900; color:#333; }

.fix-head .nav-list li.dealer .icon-dealer,.nav-list li.dealer  a:hover .icon-dealer{ background:url(../images/ficon_dealer.png) no-repeat; }
.fix-head .nav-list li.dealer a:hover{ background:#fe9900; color:#fff;}
.fix-head .nav-list li.dealer  a:hover .icon-dealer{ background:url(../images/ficon_dealer.png) no-repeat; }



.nav-list li.car{ padding:0 2px;}
.nav-list li.car  a{ height:29px; display:block; line-height:29px; border:none; font-size:14px; width:84px; text-align:center; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;}
.nav-list li.car .icon-car{ background:url(../images/icon_car.png) no-repeat; width:16px; height:15px; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-4px;}
.nav-list li.car  a:hover{ background:#fe9900; color:#333; }

.fix-head .nav-list li.car .icon-car,.nav-list li.car  a:hover .icon-car{ background:url(../images/ficon_car.png) no-repeat; }
.fix-head .nav-list li.car a:hover{ background:#fe9900; color:#fff;}
.fix-head .nav-list li.car  a:hover .icon-car{ background:url(../images/icon_car.png) no-repeat; }


.fixed-layer{ position:fixed; left:0; right:0; top:0; z-index:1;}
#cnzz_stat_icon_1264418295{
  display: none;
}
.index-wrap{ position:relative; z-index:555}



.bg-white{ background:#fff}
.bg-f2{ background:#f2f2f2}
.bg-f7{ background:#f7f7f7}
.bg-f8{ background:#f8f8f8}
.bg-f5{ background:#f5f5f5}
.index-ban-block{ overflow:hidden; width:100%}
.index-ban-block .items{ width:25%; float:left; position:relative}
.index-ban-block .items img{ width:100%}
.index-ban-block a{ position:absolute; background:rgba(0,0,0,0.5); left:0; top:0; bottom:0; right:0;  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.index-ban-block a:hover{background:rgba(0,0,0,0.0)}
.join-ban-block a{ cursor:default}

.index-banner{; width:100%; position:relative;}
.index-banner li{}


.scroll_banner{ position:relative; min-width:1200px; overflow:hidden;}
.scroll_banner ul{  position:relative;}
.scroll_banner ul li{ width:100%; overflow:hidden;  background-position:center 0 !important; float:left;}
.scroll_banner .img_bar a{  width:11px; height:11px; background:url(../images/index_ban_cur.png) right 0 no-repeat;; display:inline-block; margin:0 3px 0 4px;}
.scroll_banner .img_bar{ right:0; width:100%; text-align:center; font-size:0; position:absolute; left:0; top:100%; margin-top:-25px; z-index:1111}
.scroll_banner .img_bar a.hover{  background-position:0 0}
.scroll_banner ul li img{ width:100%}


.hover-img img{
	-webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;
}
.hover-img a:hover img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;}


.index-title-block { text-align:center; padding-bottom:40px; overflow:hidden; width:100%}
.index-title-block .t1{ height:18px; line-height:39px; position:relative; border-top:1px solid #dfdfdf; margin-top:88px; float:left; width:100%}
.index-title-block .t1 span{ display:inline-block; font-size:36px; padding:0 44px; background:#fff; margin-top:-18px; line-height:100%; color:#000}
.index-title-block .t2{ font-size:18px; text-align:center; color:#bbb; padding-top:10px; float:left; width:100%}



.index-img-block .items{ float:left; width:370px; overflow:hidden}



.prodcut-nav{overflow:hidden; position:relative; z-index:11; margin-top:-10px; margin-bottom:-32px;}
.prodcut-nav li{ width:200px; height:200px; float:left; line-height:100%; text-align:center;}
.prodcut-nav  a{ display:block; height:161px; width:200px; color:#e30212; padding-top:39px; font-size:14px; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.pro-icon{ display:block; background:url(../images/product_icon_h.png); width:80px; height:80px; margin:0 auto 10px;}
.prodcut-nav  .hover a,.prodcut-nav  a:hover{ background:#e30211; color:#fff}
.prodcut-nav  .hover a .pro-icon,.prodcut-nav  a:hover .pro-icon{ background-image:url(../images/product_icon.png)}
.pro-icon-2{ background-position:0 -80px}
.pro-icon-3{ background-position:0 -160px}
.pro-icon-4{ background-position:0 -240px}
.pro-icon-5{ background-position:0 -160px}
.pro-icon-6{ background-position:0 -80px}


.pro-nav-img{ height:540px; position:relative;}
.pro-nav-img li{ width:100%; height:540px; background-position:center center; height:540px; width:100%; position:absolute; left:0; right:0; top:0; bottom:0; display:none; cursor:pointer; overflow:hidden}
.pro-nav-img li .li-bg{ width:100%; height:540px; width:100%; height:540px; background-position:center center; height:540px; width:100%; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.pro-nav-img li:hover{ opacity:0.99;}

.pro-nav-text{ position:absolute; top:160px; left:0; right:0; text-align:center; color:#fff; z-index:12}
.pro-nav-text .t1{ font-size:36px; padding-bottom:15px;}
.pro-nav-text .t2{ font-size:16px; line-height:26px;margin-top: 30px;}
.pro-nav-text .t3{ display:inline-block; border:1px solid #fff; width:168px; height:46px; border:1px solid #fff; line-height:46px; font-size:14px; margin-top:33px;}
.pro-nav-img li .li-bg{
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;}
.pro-nav-img li:hover .li-bg{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;}
  
.pro-nav-img li:hover .t3{
  background:#ff9f00;
  color:#fff;
  border-color:#ff9f00
}


.index-news-list  {
  overflow:hidden;
  margin:0 -2px;
}
.index-news-list  li{ width:299px; float:left; margin-left:1px; margin-right:1px;}
.index-news-list .img{ position:relative; height:240px; width:299px; overflow:hidden}
.index-news-list .text{ position:relative; padding:0 15px; height:184px; background:#fff;  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.index-news-list  .type{ background:#738c6e; color:#fff; width:64px; height:18px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; position:absolute; right:13px; top:17px; text-align:center}

.index-news-list .t1{ color:#999; padding:18px 0 10px}
.index-news-list .t2{ color:#333; font-size:16px; line-height:21px; margin-bottom:2px; height:42px; overflow:hidden;}
.index-news-list .t3{ color:#999; line-height:23px; height:69px; overflow:hidden}
.index-news-list .jiao{ background:url(../images/icon_jiao.png) no-repeat; width:5px; height:7px; position:absolute; bottom:32px; right:18px;}
.index-news-list  li:hover .text{ background:#222; }
.index-news-list  li:hover .text *{ color:#fff}

.index-load-more{ height:49px; position:relative; margin:40px 0 80px; width:100%; float:left;}
.index-load-more .line{ height:1px; width:100%; left:0; top:50%; background:#e6e6e6; position:absolute;}

.index-load-more .more{ position:absolute; width:100px; text-align:center; left:50%; margin-left:-50px; background:#f2f2f2; height:49px; color:#999; }
.index-load-more .more .icon-more{ width:26px; height:26px; background:url(../images/icon_more.png) no-repeat; display:block; margin:0 auto 5px;}
.index-load-more .more.disabled{ line-height:49px;}
.banner-block{ background-position:center center; width:100%; min-width:1200px;}

.index-f-block{ overflow:hidden; padding:42px 0 43px;}
.index-f-block li{ float:left; width:390px; margin-right:15px;}
.index-f-block .img{ position:relative; width:390px; height:250px; overflow:hidden}
.index-f-block .text{ background:#fff; padding:0 23px; position:relative; height:85px;}
.index-f-block  .t1{ color:#333; font-size:16px; padding-top:20px; padding-bottom:5px;}
.index-f-block  .t2{ color:#a1a1a1}
.index-f-block .icon-jt{ background:url(../images/j.png) no-repeat; position:absolute; width:31px; height:31px; right:19px; top:27px;}
.index-f-block li:hover .icon-jt{ background-position:0 bottom;}

.index-f-block a:hover .t1{ color:#ff9f00}

.m-banner{ width:100%; position:relative; background-position:center center; height:500px; z-index:66; min-width:1200px; position:absolute; left:0; top:0; right:0; }
.fixed-bg-layer{ position:relative; width:100%; background-position:center center; z-index:65; min-width:1400px;}

.about-index-block{ /*background:url(../images/about_type_1.jpg) center center no-repeat;*/ min-width:1200px;}

.hover-about-index-block{ cursor:pointer;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.hover-about-index-block:hover{ opacity:0.7; cursor:pointer;}

.hover-about-index-block:hover a.about-btn{ background-position:0 bottom; color:#ff9f00}



.about-text-block { width:490px; padding-top:116px;}
.about-text-block .t2{ font-size:30px; color:#333; line-height:42px; padding:25px 0}
.about-text-block .t3{ font-size:14px; color:#666; line-height:24px; min-height:120px; padding-bottom:30px; }
a.about-btn{ display:block; background:url(../images/btn_more.png) no-repeat; width:200px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; color:#333}
.about-btn.about-btn2{ background-position:0 -50px; color:#fff}
a.about-btn:hover{ background-position:0 bottom; color:#ff9f00}
.about-index-block2{ background-image:url(../images/about_type_2.jpg)}


.body_1200 .about-text-block .t2{ padding:12px 0; line-height:38px; font-size:28px;}
.body_1200 .about-text-block .t3{ min-height:100px; padding-bottom:15px;}
.body_1200 .about-text-block .t1 img{ height:auto; width:45.9%; display:block}


.about-title{ text-align:center; padding:60px 0; }
.about-title .t1{ font-size:38px; color:#000; line-height:100%; padding-bottom:39px;}
.about-title .t2{ color:#666; font-size:18px; position:relative; line-height:100%; padding-bottom:36px; margin-top:-19px;}
.about-title .line{ height:1px; width:40px; background:#000; margin:0 auto; display:block;}
.about-index-block3{  background-image:url(../images/a1_index_1.jpg); height:500px; background-position:center center;}
.about-index-block4{  background-image:url(../images/a1_index_2.jpg); height:500px; background-position:center center;}
.about-index-block .line{ height:1px; width:40px; background:#000; display:block;}
.about-index-block3 .t3,.about-index-block4 .t3{ padding-bottom:0px; font-size:16px;}

.about-fiexdbg-div-1 { background:url(../images/hei_bg.png) repeat; padding:177px 0 185px; position:relative; z-index:111; text-align:center}
.about-fiexdbg-div-2{   padding:238px 0 73px; position:relative; z-index:111; text-align:center; }

.bg-div{ background-position:center center;}





.about_list{ padding:0; position:relative;}
.about_items{ position:relative; margin-bottom:85px; width:400px;}
.left .about_items{ padding-right:63px; float:right; text-align:right}
.right .about_items{ padding-left:63px;}
.about_items .t1{  font-size:32px; color:#000; font-size:32px; font-weight:600; }
.about_items .t1 span{ font-size:16px; color:#999; font-family:"Times New Roman", Times, serif;}
.about_items .t2{ font-size:14px;  line-height:26px; padding-bottom:10px; padding-top:12px;}
.about_items .t3{ font-family:"Georgia"; font-size:14px; font-style:italic; color:#666; line-height:24px; padding-bottom:30px;}
.about_items .icon_div{ height:3px; width:56px; position:absolute; top:90px; left:-4px}
.about_items .icon_div span{ display:block; width:29px; height:29px; background:url(../images/icon_dian.png) no-repeat; position:absolute; left:-11px; }
.left .about_items .t1{ text-align:right;}
.left .about_items .icon_div{left:inherit; right:-15px; }
.left .about_items .icon_div span{ left:inherit; right:0}
.about_items:last-child{ margin-bottom:0}
.about_list .icon_jiao_div{ display:block; width:29px; height:29px; background:url(../images/icon_dian.png) no-repeat; position:absolute; left:50%; bottom:0; margin-left:-15px; }
.about_items_div{ background:#fff; box-shadow:0 4px 20px #ccc; padding:0 20px 20px; color:#333; position:relative; margin-top:13px}
.about_items_div .icon_jiao{ background:url(../images/icon_jiao.png) no-repeat; width:17px; height:29px; position:absolute; top:17px; right:-17px;}

.right .about_items_div .icon_jiao{ background:url(../images/icon_jiao2.png) no-repeat; width:17px; height:29px; position:absolute; top:17px; left:-17px;}

.about-color-text-div{ background:#fd8642; padding:40px 40px 46px; color:#fff; text-align:center; position:relative; z-index:11; margin-bottom:-92px;}
.about-color-text-div .t1{ font-size:30px; font-weight:bold;}
.about-color-text-div .t2{ font-size:16px; line-height:27px;}

.div-line{ height:1px; width:40px; background:#000; display:block; margin:0 auto}

.web-cur{ position:relative; top:-33px; padding-left:80px; height:0px;}
.web-cur *{ display:inline-block; vertical-align:middle; padding-left:26px; padding-right:22px; background:url(../images/icon_cur_jiao.png) 0 center no-repeat; color:#666}
.web-cur a{ color:#666}
.web-cur  span{ color:#fff}
.web-cur *:hover{ color:#fff}
.web-cur .icon-home{ padding-left:19px; background-image:url(../images/icon_cur_home.png)}


.jt-h-title{ text-align:center; color:#fff; padding-top:287px; padding-bottom:150px;}
.jt-h-title .t1{ font-size:38px; line-height:100%; padding-bottom:18px;}
.jt-h-title .t2{ font-size:18px;line-height:100%}


.jt-h-list { position:relative; margin-bottom:-15px; width:100%; height:102px}
.jt-h-list li{ width:148px; text-align:center; float:left; position:relative; cursor:pointer}
.jt-h-list .t1{  font-size:16px; color:#999; font-family:"Times New Roman", Times, serif; line-height:100%}
.jt-h-list .t2{ color:#fff; font-size:32px; line-height:100%}
.jt-h-list .dian{ background:url(../images/icon_dian2.png) no-repeat; width:29px; height:29px; display:block; margin:25px auto 0;}

.jt-h-list-con{ position:relative;  padding-left:60px; padding-right:60px;}
.jt-h-list-wrap{  padding:0 20px; padding-bottom:60px; overflow:hidden;}
.jt-h-list-wrap:after{ content:" "; position:absolute; height:1px; bottom:60px; background:#585756; z-index:-1; left:60px;  right:60px;}
.jt-h-list-wrap .btn{ background:url(../images/icon_jt2.png) no-repeat; width:42px; height:42px; position:absolute; left:0px; bottom:40px;}
.jt-h-list-wrap .btn-right{  background-position:0 bottom; left:inherit; right:0px;}
.jt-h-list-wrap .btn:hover{ background-image:url(../images/icon_jt2_hover.png)}
.jt-h-text-div{ background:#fff; padding:35px 57px;; position:relative;}
.jt-h-list  .jiao{ background:url(../images/icon_jiao2.png) no-repeat; position:absolute; width:27px; height:13px; left:50%; margin-left:-14px; top:137px; display:none }
.jt-h-list .hover  .jiao{ display:block}
.text-con{ border-left:1px solid #e2e2e2;}
.jt-h-text-div .item{ position:relative; padding-left:83px; margin-top:25px; line-height:100%; font-size:14px; text-align:left}
.jt-h-text-div .m{ position:absolute; left:0; width:68px; text-align:right; color:#ff9f00; top:0; display:block; background:url(../images/icon_dian3.png) 0 center no-repeat; left:-5px;}
.jt-h-text-div .text-con{ display:none}

.jt-text-1{ width:342px; margin:0 auto; font-size:16px; color:#333; line-height:27px; padding-top:191px; text-align:center}

.jt-img-4{ height:922px; background:url(../images/jt_img_4.png) no-repeat;}
.jt-img-4 .items{ width:310px; margin:0 65px 0 35px; float:left; font-size:16px; text-align:center; padding-top:180px; height:260px; margin-bottom:42px; line-height:27px; word-break:break-all;}

.about-jt-fiexdbg-div-2{ padding:272px 0 247px}


.jt-history { background:url(../images/line_bg.png) 0 bottom  repeat-x;  position:relative; z-index:111; text-align:center}


.news-nav{ width:598px; height:108px; border:1px solid #efefef; background:#fff; box-shadow:0 8px 20px rgba(0,0,0,0.08); margin: -57px auto 0px;}

.news-nav li{ width:131px; float:left; position:relative; text-align:center; font-size:16px; padding:0 9px;}
.news-nav li .line{ width:1px; height:55px; top:27px; background:#eee; right:-1px; position:absolute}
.news-nav .icon{ width:35px; height:35px; background:url(../images/new_nav_icon.png) no-repeat; display:block; margin:24px auto 8px;}
.news-nav .icon2{ background-position:0 -35px;}
.news-nav .icon3{ background-position:0 -70px;}
.news-nav .icon4{ background-position:0 -105px;}
.news-nav li a{ color:#666; display:block; height:107px; float:left; width:100%}
.news-nav li.hover a,.news-nav li a:hover{ color:#333; border-bottom:2px solid #ff9f00}
.news-nav li.hover .icon,.news-nav a:hover .icon{ background-image:url(../images/new_nav_icon_hover.png)}

.active-list ul{ margin-left:-3px; }
.active-list li{ float:left; overflow:hidden; position:relative; width:398px; height:500px; margin-left:3px;  margin-bottom:3px;}
.active-list li .text{ position:absolute; width:100%; height:100%; left:0; top:0; padding:20px; background:url(../images/hei_bg.png) repeat; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	opacity:0.0;
　　　filter:alpha(opacity=0); 
	}
.active-list li .text-wrap{ height:458px; width:336px; border:1px solid #fff; padding:0 10px; text-align:center; color:#fff; position:relative;}
.active-list li .t1{ padding:165px 0px 0;  font-size:16px; }
.active-list li .line{ height:1px; display:block; width:20px; margin:20px auto 32px; background:#fff}
.active-list li .t2{ font-size:14px;}
.active-list li .t3{ position:absolute; width:100%; bottom:33px; left:0; font-size:14px; line-height:100%}
.active-list li:hover .text{ -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease; opacity:1;　　　filter:alpha(opacity=100); }




.video-list { margin-left:-19px; margin-right:-1px;}
.video-list  li{ width:287px; height:167px; float:left; overflow:hidden; position:relative; margin-left:18px; margin-bottom:20px;}
.video-list .img{ position:relative}
.video-list .text{ position:absolute; height:40px; text-align:center; color:#fff; line-height:40px; background:url(../images/hei_bg.png); left:0; bottom:0; right:0; font-size:14px;}
.video-list  li a{ background:url(../images/icon_video.png) center center no-repeat; position:absolute; left:0; right:0; top:0; bottom:0;z-index:11;  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.video-list  li a:hover{ background:rgba(0,0,0,0.5) url(../images/icon_video_hover.png) center center no-repeat;  }

.video-list  li.li1{ width:592px; height:352px; margin-top:2px;}
.video-list  li.li1 .img{ width:592px; height:352px;}
.video-list  li.li1 img{ width:100%; height:100%}

.new-title{ text-align:center; border-bottom:1px solid #e6e6e6; padding-bottom:16px; padding-top:49px;}
.new-title .t1{ padding-bottom:17px;}
.new-con{ padding:29px 0 100px; line-height:25px; font-size:14px; color:#333}
.new-con *{ font-size:14px;}


.new-foot{ border-top:1px solid #e6e6e6; line-height:24px; position:relative; padding:20px 0;}
.new-foot a{ color:#999}
.new-foot a:hover{ color:#333}
.new-foot a.back{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background:url(../images/back_bg.png) no-repeat; position:absolute; right:0; top:25px;}
.new-foot a.back:hover{ background-position:0 bottom}

.nf-left{ position:relative; width:591px; height:352px; float:left; cursor:pointer}
.nf-left .text{ position:absolute; left:0; bottom:0; background:url(../images/hei_bg.png); height:60px; line-height:60px; right:0; padding:0 29px; color:#fffefe; font-size:14px;}
.nf-left .text .icon{ background:url(../images/icon_video2.png) no-repeat; position:absolute; width:32px; height:32px; right:20px; top:50%; margin-top:-16px;}
.nf-left:hover .icon{ background-image:url(../images/icon_video2_hover.png)}

.nf-new-block .t1{ font-size:16px; position:relative; height:50px; line-height:50px;}
.nf-new-block .t1 a{ width:25px; height:25px; background:url(../images/icon_add.png) center center no-repeat; top:50%; margin-top:-13px; right:-5px; position:absolute;}
.nf-new-block .t1 a:hover{ background-image:url(../images/icon_add_hover.png)}
.new-foot-more{ padding-bottom:50px;}
.nf-new-block{ padding:8px 29px 4px; width:229px; float:left; border:1px solid #dadada; background:#fff; margin-left:15px;}
.nf-new-block ul li{ height:48px; border-top:1px dashed #dadada; line-height:48px; margin-top:-1px; font-size:14px; padding-left:13px; background:url(../images/icon_jiao3.png) 0 center no-repeat; overflow:hidden}
.nf-new-block ul li a{ color:#999; display:block}
.nf-new-block ul li a:hover{ color:#333; display:block}


.active-con img{ width:100%; height:auto !important}



.submit-active-div{ width:292px; float:right;padding-right:139px; padding-top:163px;}
.submit-active-div .items{ border:1px solid #ede2cd; position:relative; height:44px; margin-bottom:14px;}
.submit-active-div .icon{ position:absolute; left:12px; top:13px;}
input.input-style{ height:44px; line-height:44px; padding-left:54px; width:236px; border:medium none; font-size:14px; color:#666}
.city-item{ height:46px; position:relative;}
.city-item div{ position:absolute; left:0; top:0; white-space:nowrap}
.city-item select{ display:inline-block; margin-right:8px; height:32px; line-height:32px; width:142px; border:1px solid #ede2cd; color:#666}
.submit-active-div .btn a{ display:block; height:46px; line-height:46px; background:#ff9f00; color:#fff; text-align:center; font-size:16px;}

.contact-top { width:100%; overflow:hidden; padding:66px 0 40px;}
.contact-top .item{ padding-top:34px; height:216px; width:388px; text-align:center; margin-right:18px; float:left; background:#fbf6f0}
.contact-top .item2{ background:#f4f4f4}
.contact-top .item3{ background:#edf7f8; margin-right:0; cursor:pointer}
.contact-top .item1{ cursor:pointer;}
.contact-top .item3:hover{ background:#daecee;}
.contact-top .item1:hover{ background:#fdf0e1}

.map-div{ position:relative; height:420px;}
.map-div .map-text{ background:url(../images/map_bg.png) no-repeat; height:420px; position:absolute; left:0; top:0; z-index:1; width:100%; color:#fff}
.map-text-con{ width:588px; float:right; line-height:200%; padding-top:66px;}
.map-text-con .line{ width:40px; height:1px; background:#fff; margin:24px 0}

.contact-submit-div .left{ float:left; width:277px;}
.contact-submit-div .t1{ padding-top:54px; padding-bottom:30px;}
.contact-submit-div .t2{  padding-bottom:15px;}
input.input-style-2{ width:255px; padding:0 10px; height:38px; border:1px solid #000; line-height:38px; margin-bottom:20px; font-size:14px; color:#999}
.contact-submit-div .right{ float:left; width:886px; margin-left:36px; padding-bottom:89px;}
.textarea{ padding:10px; height:140px; width:864px; border:1px solid #000; font-family:"微软雅黑"; font-size:14px; color:#999}
.contact-submit-div .btn-submit{ width:180px; height:40px; color:#fff; background:#000; text-align:center; line-height:40px; display:block; margin-top:19px;}
.contact-submit-div .btn-submit:hover{ background:#dab866; color:#fff}
.pro-nav{ width:894px;}
.pro-nav .icon{ width:45px; height:45px; background-image:url(../images/pro_nav_icon.png); margin-top:18px; margin-bottom:5px;}
.pro-nav .icon2{ background-position:0 -45px}
.pro-nav .icon3{ background-position:0 -90px}
.pro-nav .icon4{ background-position:0 -135px}
.pro-nav .icon5{ background-position:0 -180px}
.pro-nav .icon6{ background-position:0 -225px}
.pro-nav li.hover .icon,.pro-nav a:hover .icon{ background-image:url(../images/pro_nav_icon_hover.png)}

.pro-nav-type{ height:92px; border-top:1px solid #edeff3; margin-top:73px; font-size:0px; text-align:center;}
.pro-nav-type a{ display:inline-block; margin:-19px 4px 0 3px; position:relative; background:#fff;  height:40px; line-height:40px; text-align:center; width:138px; border:1px solid #d5d5d5; font-size:16px; color:#666}
.pro-nav-type a:hover,.pro-nav-type a.hover{ border-color:#ff9f00; color:#fff; background:#ff9f00}


.pro-list{ margin-left:-24px;}
.pro-list li{ float:left; width:385px; overflow:hidden; margin-left:23px;}
.pro-list li .img{ position:relative; overflow:hidden; width:385px; height:255px;}
.pro-list li .text{  height:72px; position:relative;}
.pro-list li .t1{ font-size:16px; color:#333; padding-top:8px; padding-right:60px; height:64px}
.pro-list li .zan{ position:absolute; height:17px; background:url(../images/icon_zan.png) 0 center no-repeat; padding-left:24px; right:8px; top:12px; line-height:17px; font-size:12px; color:#333; cursor:pointer}
.pro-list li .zan:hover{ background-image:url(../images/icon_zan_hover.png)}

.pro-list li:hover .t1{ color:#ff9f00}


.pro-detail-ban-cur{ position:absolute; z-index:111; left:0; top:0; right:0; height:888px;}
.pro-detail-ban-cur .btn{ position:absolute; background:url(../images/icon_pro_ban_cur.png) no-repeat; width:28px; height:44px; top:50%; margin-top:-22px; }
.pro-detail-ban-cur .btn-l{ left:0}
.pro-detail-ban-cur .btn-r{ right:0; background-position:0 bottom}
.ban-cur{ position:absolute; bottom:36px; width:100%; text-align:center; z-index:11; font-size:0px;}
.ban-cur a{ background:url(../images/icon_ban_dian.png) right top no-repeat;  width:10px; height:10px; display:inline-block; margin:0 3px;}
.ban-cur a.hover{ background-position:0 0}



.pd-top{ padding:45px 0 60px;}
.pd-top .t1{ font-size:36px; color:#333; padding-bottom:11px;}
.pd-top .zan{height:25px; background:url(../images/icon_zan2.png) 0 center no-repeat; padding-left:31px;  font-size:14px; color:#333; display:inline-block; vertical-align:middle; font-size:14px; color:#666; line-height:25px; margin-left:20px;}
.pd-top .zan:hover{background-image:url(../images/icon_zan2_hover.png); color:#000}
.pd-top .t2{ line-height:28px; font-size:16px; color:#666}
.pd-top .left{ width:670px; float:left}
.pd-top .right { float:right;}
.pd-top .right a{ display:block; width:218px; height:58px; text-align:center; line-height:58px; border:1px solid #b5b5b5; float:left; font-size:16px; color:#666; margin-left:12px;}
.pd-top .right .icon{ width:24px; height:24px; display:inline-block; vertical-align:middle; background:url(../images/icon_pd_1.png) no-repeat; margin-right:12px;}
.pd-top .right .icon2{  background:url(../images/icon_pd_2.png) no-repeat;}
.pd-top .right a:hover{ color:#000; border-color:#000}

.pd-line{ border-top:1px solid #edeff3; height:83px; position:relative;}
.pd-line span{ display:block; width:178px; height:40px; border:1px solid #eee; line-height:40px; text-align:center; font-size:16px; margin:0 auto; color:#666; margin-top:-19px; background:#fff}


a.btn-back{ width:160px; height:50px; background:url(../images/btn_back.png) no-repeat; line-height:50px; margin:0 auto; display:block; text-indent:74px; font-size:16px; color:#999}
a.btn-back:hover{ color:#000; background-position:0 bottom}


.server-top{ text-align:center;}
.server-top .t1{ font-size:36px; color:#000; padding-top:68px; padding-bottom:8px;}
.server-top .t2{ font-size:16px; color:#666; line-height:29px;}

.server-top-icon .items{ float:left; width:340px; padding-left:22px; padding-right:42px; font-size:14px; color:#666; line-height:25px; text-align:center; padding-top:57px; height:383px;}
.server-top-icon .items img{ display:block; margin:0 auto 15px;;}

.server-box  .t1{ font-size:36px; padding-top:70px; padding-bottom:10px;}

.list-item{ overflow:hidden; padding-top:40px; padding-bottom:15px;}
.list-item li{ float:left; background:#fff; width:238px; height:390px; margin-right:16px; padding:0 25px; line-height:25px; color:#666; font-size:14px;}  
.list-item img{ display:block; padding-top:41px; padding-bottom:32px; margin:0 auto}
.list-item li .ft1{ color:#000; font-size:18px; padding-bottom:30px;}

.server-mid-box{ text-align:center; position:relative; z-index:11; margin-top:-53px; padding-bottom:84px;}
.server-mid-box .t1{ font-size:36px; color:#000; padding-top:28px; padding-bottom:10px;}
.server-mid-box .t2{ font-size:16px; color:#666}

.time-block{ width:554px; height:179px; position:relative; background:url(../images/time_bg.png) no-repeat; margin:70px 0 0 297px;}
.time-block a,.server-a{ position:absolute; height:58px; width:228px; bottom:0px; left:0; background:url(../images/icon_1.png) no-repeat}
.server-a{ background:url(../images/icon_3.png); left:6px; top:399px;}
.time-block a:hover,.server-a:hover{ background-position:0 bottom}
.time-block a.a2{ background-image:url(../images/icon_2.png); left:inherit; right:-51px;}

.span-line{ height:1px; display:block; margin:22px auto 20px; background:#000; width:40px;}

.join-ban-block a img{ position:absolute; height:75.16%; left:16.25%;  top:13%; width:auto !important;}
.join-ban-block2 a img{ height:auto; width:63.75% !important; left:16.45%; top:11.1%; max-width:306px;}

.join-video{ position:relative; min-height:500px;}
.join-video .icon-blc{ position:absolute; top:-1px; left:50%; margin-left:-63px; z-index:11}
.join-video .t1{ bottom:122px; position:absolute; left:0; text-align:center; width:100%; color:#fff; font-size:48px; line-height:100%; z-index:11}
.join-video .icon-play{ width:80px; height:80px; left:50%; margin-left:-40px; top:190px; position:absolute; background:url(../images/icon_play.png) no-repeat;}
.join-video .icon-play:hover{ background-position:0 bottom}


.dz-fixed-div{ height:480px; background:url(../images/hei_bg.png) repeat;}
.dz-fixed-div .wrap{ text-align:center; padding-top:108px;}



.zt_baoming_wrap{ height:150px; background:url(../images/bg_banner_bg.png); position:fixed; left:0px; bottom:0px; width:100%; z-index:1111}
.zt_baoming_con{ background:url(../images/bg_zt_bm.png) no-repeat; height:186px; width:1236px; margin:0 auto; position:relative; margin-top:-36px;} 
.zt_baoming_con2{ background-image:url(../images/bg_zt_bm2.png)}
input.zt_input{ width:160px; padding:0 10px; height:38px; border:medium none; background:#f00; position:absolute; left:537px; top:72px; background:none; font-family:'微软雅黑'; z-index:11}
.select-div{ width:140px; padding:0 10px; height:38px; border:medium none; position:absolute; left:537px; top:72px; background:none; font-family:'微软雅黑'; z-index:11; top:117px; padding-right:30px; overflow:hidden}
.select-div span{ display:block; overflow:hidden; height:38px; line-height:38px; font-size:14px; background:#fff; font-size:16px; color:#333}
.select-div select{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.01}
input.zt_input_hover{ background:#fff;}

.zt_baoming_con .ljbm{     width: 96px; background:url(../images/btn_bm_hover.png) no-repeat;
    height: 83px;
    position: absolute;
    right: 229px;
    top: 72px;
    display: block;}
a.close_zt_bm{ width:33px; height:33px; position:absolute; right:-40px; top:94px;  display:block; background:url(../images/btn_close_zt_bm.png);}
a.close_zt_bm:hover{ background-position:0 bottom}
.zt_baoming_con .ljbm:hover{ background-position:0 bottom}
a.show_baoming{ height:90px; width:60px; position:absolute; left:-60px; bottom:0px; display:none; }
a.show_baoming:hover{ background-position:0 bottom}

.zt_baoming_con2 .ljbm{ background-image:url(../images/btn_bm_hover2.png)}


.zt_baoming_show{ width:100px; height:150px; background:url(../images/icon_show.png) no-repeat; position:fixed; right:0; bottom:0px; right:-100px; cursor:pointer; z-index:11111112}
.zt_baoming_show:hover{ background:url(../images/icon_show_h.png) no-repeat;}




.rm_top{ overflow:hidden; margin-right:-24px; height:272px; padding-top:93px;}
.rm_top .items{ width:384px; height:230px; background:#fff; float:left; margin-right:24px; box-shadow:5px 5px 15px rgba(0,0,0,0.05); -webkit-box-shadow:5px 5px 15px rgba(0,0,0,0.05); -moz--box-shadow:5px 5px 15px rgba(0,0,0,0.05); -o-box-shadow:5px 5px 15px rgba(0,0,0,0.05);}
.rm_top  p{ font-size:14px; color:#666; padding:17px  0px  0  0px ; line-height:24px; text-align:center}

.rm_wrap{ border:1px solid #eee;  box-shadow:0px 5px 15px rgba(0,0,0,0.08); -webkit-box-shadow:0px 5px 15px rgba(0,0,0,0.08); -moz--box-shadow:0px 5px 15px rgba(0,0,0,0.08); -o-box-shadow:0px 5px 15px rgba(0,0,0,0.08); background:url(../images/icon_dian.jpg) 387px 0 repeat-y; }
.rm_list{ margin-top:-1px;}
.rm_list li{ height:66px; line-height:66px; padding-left:26px; cursor:pointer; color:#333}
.rm_list li:hover{ color:#ff9f00}
.rm_left{ float:left; width:388px;}
.rm_left li.hover{ border-top:1px solid #eee; border-bottom:1px solid #eee; border-left:2px solid #ff9f00; color:#ff9f00; border-right:1px solid #fff}
.rm_right{ width:650px; float:left; padding-left:35px; padding-top:18px;}
.rm_text{ color:#333; line-height:24px;}
.rm_block{ height:44px; line-height:44px; margin:30px 0; padding-left:57px; background:#eee url(../images/icom_mail.png) 20px center no-repeat}
.org{ color:#ff9f00}

.index-live-list .jiao{ background:url(../images/live_jiap.png) no-repeat; width:12px; height:10px; right:18px; bottom:20px; }
.index-live-list .t3{ height:46px;}

/*text*/
.f_r{ float:right}
.f_l{ float:left;}
.b{ font-weight:bold;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px !important;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f24{ font-size:24px !important;}
.f28{ font-size:28px !important;}
.f30{ font-size:30px;}
.pr10{ padding-right:10px;}
.pr5{ padding-right:5px;}
.f_l{ float:left;}
.f_r{ float:right;}
.em{ text-indent:2em;}
.hei{ color:#000;}
.white{ color:#fff}
.red{ color:#ef3125;}
.red2{ color:#e60012;}
.red3{ color:#ea0013}
.red_a{ color:#c40e0e !important}
.yahei{ font-family:"微软雅黑"}
.Arial{ font-family:Arial, Helvetica, sans-serif;}
.height10{ height:10px; overflow:hidden;}
.height20{ height:20px; overflow:hidden}
.pleft0{ padding-left:0px !important;}
.bg_none{ background:none !important}
.huise{ color:#363636}
.huise2{ color:#777}
.green{ color:#00913a}
.h10{ height:10px; overflow:hidden}
.h5{ height:5px; overflow:hidden}
.pa{ position:absolute;}
.pr{ position:relative;}
.hui666{ color:#666}
.hui_ccc{ color:#ccc}
.hei333{ color:#333}
.hui999{ color:#999}
.lh15{ line-height:150%}
.lh20{ line-height:200%}
.text_center{ text-align:center}
.bg_f5{ background:#f5f5f5}
.nobr{ white-space:nowrap}
.web_color{ color:#dab866}



/*滚动条样式*/
.dumascroll{ overflow:hidden; height:474px; width:100%}
.dumascroll_area{height:100%;overflow:hidden; padding-right:24px; }
.dumascroll_bar,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
/*background-image:url(../images/bg_scrollbar.jpg);*/}
.dumascroll_bar {
	position:absolute;
	top:0px;
	right:0;
	z-index:9;
	width:7px;
	height:100%;
	cursor:default;
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select:none;
	background:#c3c3c7;
	display:block;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_handle,.dumascroll_handle_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
	position:absolute;
	left:0;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a,.dumascroll_arrow_down,.dumascroll_arrow_down_a {
	width:100%;
	height:0;
	color:#f0e0c9;
	text-align:center;
}
.dumascroll_arrow_up,.dumascroll_arrow_up_a { }
.dumascroll_arrow_down,.dumascroll_arrow_down_a { bottom:0px; }
.dumascroll_handle,.dumascroll_handle_a { width:100%; }
.dumascroll_arrow_up { }
.dumascroll_arrow_up_a {}
.dumascroll_handle { background:#dab866; cursor:pointer; width:7px; cursor:pointer; left:0px;}
.dumascroll_handle_a {  background:#e0b13f; cursor:pointer; width:7px; cursor:pointer; left:0px;}
.dumascroll_arrow_down {}
.dumascroll_arrow_down_a {}


.iframe_wrap{ width:880px; height:440px; position:fixed; z-index:111; left:50%; top:50%; margin:-220px 0 0  -440px; background:#fff; display:none}
.iframe_wrap_bg{ background:url(../images/hei_bg.png) repeat; height:100%; top:0%; width:100%; position:fixed; z-index:110; left:0; top:0; display:none}
.iframe_wrap a{ width:49px; height:49px; position:absolute; right:-3px; top:-3px; background:url(../images/icon_close.png) no-repeat;}
.iframe_wrap a:hover{ background-image:url(../images/icon_close_h.png);}


.img svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
svg:not(:root) {
    overflow: hidden;
}

.index-load-more .more.active:after{ content:" ";  position:absolute; left:0; top:0; width:100%; height:100%; background:#f2f2f2 url(../images/loading2.gif) center center no-repeat;}


.video-wrap-bg{ background:#000; z-index:1110; width:100%; height:100%; left:0; top:0; position:fixed;filter:alpha(opacity=50); 
-moz-opacity:0.5; display:none; 
opacity:0.5;}
.video-wrap{ position:fixed; z-index:1111; width:750px; height:480px; left:50%; top:50%; margin-left:-375px; margin-top:-240px; background:#fff}
.video-wrap iframe{ width:750px; height:480px}
.video-wrap a.close-btn{ font-size:45px; top:-55px; position:absolute; line-height:normal; right:0; color:#ccc}
.video-wrap a.close-btn:hover{ color:#dab866}

.ban-text{ font-size:36px; padding-top:215px;}
.ban-text p{ font-size:36px; }

.map_list{ min-height:380px; float:left; border-right:1px solid #e5e5e5; padding-left:20px; padding-right:20px; margin-bottom:180px;}
.map_list .t1{ width:100%; overflow:hidden;}
.map_list .t1 a{ display:block; border:1px solid #e5e5e5; height:33px; float:left; padding-right:20px; line-height:33px; font-size:14px; color:#333; padding-left:30px; background:url(../images/icon_jiao.png) 15px center no-repeat; margin-bottom:10px;}
.map_list .items a{ display:block; font-size:13px;  color:#666; padding-left:16px}
.map_list .items a:hover{ color:#ff9f00}
.map_list .items .f_l{ padding-right:15px; font-size:13px;}
.map_list .items{ margin-top:0px; color:#666;line-height:24px;}
.map_list .t1 a:hover{ color:#ff9f00}

.video_wrap{ margin:0px auto 0; width:660px; height:380px; min-height:380px !important; overflow:hidden; height:0px; padding-top:180px; padding-bottom:250px;}
.bg-div.bg-div-cover{ background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -o-background-size:100% 100%;}


/*rightbar*/

.rightbar{ width:65px; position:fixed; right:0px; top:50%; margin-top:-0px; z-index:1111111111}
.rightbar .t1{ background:url(../images/right_bar_i_1.png); height:60px; overflow:hidden;}
.rightbar  ul li{ height:69px; border:1px solid #ececec; border-top:none;  border-bottom:none; overflow:hidden; background:#fff; float:left; width:63px;}
.rightbar  ul li a{ display:block; float:left; width:100%; text-align:center; color:#9d9d9d; height:69px; overflow:hidden; background-image:url(../images/right_bar_icon.png)}
.rightbar  ul .li1 a{}
.rightbar  ul .li2 a{ background-position:0 -132px}
.rightbar  ul .li3 a{ background-position:0 -198px}
.rightbar .t2{ line-height:130px; background:#444; color:#fff; text-align:center; cursor:pointer; background:url(../images/right_bar_icon.png) left bottom no-repeat; height:40px; overflow:hidden; display:none}
.rightbar .t2:hover{  background:#ff9f00 url(../images/right_bar_icon.png) -65px bottom no-repeat}
.rightbar  ul .li1:hover a{ background-position:-63px 0}
.rightbar  ul .li2:hover a{ background-position:-63px -132px}
.rightbar  ul .li3:hover a{ background-position:-63px -198px}