.text-danger{color:#f00}
body{background:#fff url(../img/bg_main.png); color: #000; font-family:'微软雅黑'}
hr{border-color:#666}
img { border: none }
a,a:hover{text-decoration:none}
h1.article_title{ font-size:1.5em; text-align:center}
.n_header{ height:178px; background:url(../images/n_top_bg.jpg) center;min-width:1406px;}
.n_top{ height:144px;}
.n_top .hotline{ position:absolute; left:140px;top:28px; background:url(../images/hotline.png); width:157px; height:87px;}
.n_top .logo{ position:absolute; width:647px; height:46px; left:387px; top:52px; background:url(../images/logo.png)}
.n_top .qrcode{ width:117px; height:101px; background:url(../images/qrcode.png); position:absolute; left:1106px; top:20px;}
.n_top .link{ position: absolute; top:20px; left:1261px;}
.n_top .link a{ display:block; width:73px; height:20px; line-height:20px; margin-bottom:7px; text-align:center;background:#cacaca; color:#000}
.n_top .link a:hover,.n_top .link a.active{ background:#fff;}
.n_header .navbar-nav{ text-align:center; float:none !important; height:28px; display:block;}
.n_header .navbar-nav>li{ display:inline-block; float:none;}
.n_header .navbar-nav > li > a{ display:block;height:28px;width:112px;color:#fff;font-size:14px;background:#111; line-height:28px; text-align:center; padding:0; margin:0}
.n_header .navbar-nav > li > a.aa{width:88px;}
.n_header .navbar-nav > li > a.ab{width:138px;}
.n_header .nav .active > a, .n_header .nav .open > a:focus,.n_header  .nav .open > a:hover,.n_header .nav .dropdown-menu{ background:#cacaca; color:#000}
.n_footer{ height:518px; background:url(../images/n_about.jpg) center no-repeat;}
.n_footer .links{ padding-top:410px; text-align:center;color:#fff;}
.n_footer .links a{ color:#fff;}
.n_footer .links a:hover{ color:#ff0;}

img.imghelper{ width:100%}
img.imghelper1{max-width:100%}
.banner_a{ background:url(../img/banner_top_bg.jpg) center no-repeat; background-size:100%; position:relative}
.banner_a .yuan{ width:16px; height:16px; border-radius:8px;position:absolute}
.banner_a .yuan>div{ display:none; position:absolute;top:-20px}
.banner_a .yuan:hover{ background-color:#fb9a43; cursor:pointer}
.banner_a .yuan:hover>div,.banner_a .yuan:focus>div{ display:block}
.banner_a .y1{ top:50.7%; left:34.85%}
.banner_a .y2{ top:69.75%; left:31%}
.banner_a .y3{ top:62.75%; left:45.1%}
.banner_a .y4{ top:44.95%; left:49.55%}
.banner_a .y5{ top:50.75%; left:53.35%}
.banner_a .y6{ top:85.05%; left:61.55%}
.banner_a .y7{ top:69.55%; left:66.75%}
.banner_a .y2>div{top:-150px;}
.banner_a .y3>div{top:-50px}
.banner_a .y6>div{left:-150px;top:-188px}
.banner_a .y7>div{left:-170px; top:-150px}
.liuc{ width:980px; height:262px; margin:96px auto 64px; position:relative; background:url(../img/bg_liuc.png) center no-repeat;}
.liuc a{width:99px; height:99px;margin-left:28px; float:left; text-align:center; color:#fff; display:block}
.liuc a.a1{margin-top:53px;}
.liuc a:first-child{margin-left:60px;}
.liuc a>table{width:99px; height:99px;}
.liuc a:hover{ background:url(../img/ico_lc_active.png) center no-repeat;color:#000; text-decoration:none}
.liuc .had{ display:block; position:absolute; width:142px; height:111px; background:url(../img/ico_had.png) no-repeat; top:-10px;right:5px}

.huodong{position:relative; overflow:hidden}
.huodong div{ position:absolute; right:10%; top:0; width:20%; bottom:0; background:url(../img/hd_menubg.png) no-repeat; background-size:100% 100%; padding-top:3%;}
.huodong div a{display:block; background:url(../img/bg_nav_1.png) no-repeat center; background-size:100% 100%; margin-bottom:4%;  margin-left: 23.9%;margin-right: 2.8%;}
.huodong div a:hover,.huodong div a.active{ background-image:url(../img/bg_nav_1active.png);}
.huodong div a img{width:100%}
.huodong div a.a2{margin-left: 19.5%;margin-right: 7.4%;}
.huodong div a.a3{margin-left: 14.8%;margin-right: 12%;}
.huodong div a.a4{ margin-left: 10%;margin-right: 16.5%;}
.huodong ul{ margin:0;padding:0}
.huodong ul img{ width:100%;min-width:375px; min-height:117px}
.huodong ul li{ display:none; list-style:none}

.kuanshi{ margin-top:130px; margin-bottom:50px; color:#fff; text-align:center}
.kuanshi div.tit{position:relative}
.kuanshi div.tit>img,div.tit>img{ max-width:100%}
.kuanshi div.tit>div{width:100%; z-index:1; position:absolute; text-align:center}
.kuanshi div.tit>div>img{ max-width:100%}
.kuanshi .row img{ width:100%}
.kuanshi .row>div{ margin-bottom:2em}
.kuanshi .mtit{ height:77px; margin-top:-56px; line-height:56px; white-space:nowrap; overflow:hidden; width:100%; background:url(../img/media_tit_bg.png) center no-repeat; background-size:100% 100%; position:relative; z-index:1; font-size:16px}

.mianliao{ padding:110px 0 60px; background:#2b2b2b}
.mianliao div.tit img{ max-width:100%}
.mianliao div.tit{ margin-bottom:46px}
.mianliao .row img{ width:100%}
.mianliao div.mbox{ margin-bottom:1.5em;}
.mianliao .mtit{ padding:1em; text-align:center; background:#fff}
.mianliao .mtit .line{ height: 30px; background:url(../img/madia_tit_line.png) left center repeat-x;}
.mianliao .mtit1{ background:#000; color:#fff; font-size:12px; font-family:Arial; font-weight:600}

.newstyle{padding:45px 0 80px; background:url(../img/bg_newstyle.jpg)}
.newstyle div.tit{ text-align:center; padding-bottom:10px}
.newstyle div.tit img{ max-width:100%;}
.newstyle div.list{margin-top:80px; background-image: -webkit-gradient(linear, 0 55% ,0 100%, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .1)));
  background-image:linear-gradient( to bottom,rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .1) 56%, rgba(0, 0, 0, .1) 100%);}
.newstyle .row{ margin:0;}
.newstyle .row>div{ padding:0 0 10px 0}
.newstyle .mtit{ margin-left:9%; font-size:16px; position:relative; z-index:1}
.newstyle .row>div img{ width:100%; margin:0 auto; display:block}
.newstyle .row>div .mtit{ margin-left:15%;}
.newstyle .mtit>div{color:#f00; font-family:Arial; font-weight:bold; padding-left:50px; font-size:2em;line-height:normal;background:url(../img/ico_hot.png) left 70% no-repeat; }

.successcase{ background:url(../img/bg_case.jpg) no-repeat center; padding-bottom:80px;}
.successcase div.casetit{ padding:80px 0 60px; text-align:center}
.successcase div.casetit img{ max-width:100%}
.successcase .links{ text-align:center;}
.successcase .links img{ max-width:100%}
.successcase .txtbox{ background:rgba(17,2,0,.7); color:#fff; padding:.5em 1em; font-size:16px; border-radius:5px}
.successcase .txtbox p{ padding:.5em 0; margin:0}
.successcase .txtbox p + p{ border-top:1px solid #574e4d}

.map_index{ margin-top:100px; text-align:center; position:relative}
.map_index .tit{ padding-bottom:10px}
.map_index .tit img{ max-width:100%}
.map_index .map{ position:absolute; top:28.4%; left:14.765%; width:70.47%; height:48.75%; overflow:hidden}
.map_index .map_img{width:100%;}
.contacts{ padding:120px 0 60px; background:url(../img/bg_about.jpg) no-repeat center;}
.contacts .tit{ text-align:center; padding-bottom:40px}
.contacts .logo{text-align:center; background:url(../img/bg_white.jpg); padding:1px 0;}
.contacts .logo a{display: inline-block; width:72px; height:60px; border:1px solid #310c0c; border-radius:10px; overflow:hidden; margin:10px; vertical-align:top}
.contacts .logo a ul{ display:table; margin:0; padding:0; width:100%}
.contacts .logo a li{display:table-row; list-style:none;}
.contacts .logo a div{ display:table-cell;text-align:center; height:44px;vertical-align:middle; overflow:hidden}
.contacts .logo a div.text{ height:16px; line-height:16px; font-size:12px;color:#fff; background-color:#310c0c; white-space:nowrap}
.contacts .logo a img{ max-width:72px;}
.contacts .logo a:hover{border-color:#c00}
.contacts .logo a:hover div.text{background-color:#c00}
.contacts .links{ color:#fff; padding:1em 0; text-align:center}
.contacts .links a{ color:#fff; white-space:nowrap}
.contacts .links a:hover{ color:#ff0}
.contacts .line{ margin-top:5px; height:2px; background:#e8e6e7; border-bottom:1px solid #e79f5a}
/*index*/
.liucheng,.n_cal_2,.n_ca,.n_brand,.n_map,.n_find{min-width:1406px;}
.n_main{ width:1406px; margin:0 auto;position:relative; clear:both}
.n_ca{background-color:#cacaca;}
.n_cal_1{  height:752px; position:relative;}
.n_cal_1 .n_main{ z-index:1}
.n_cal_1 .carousel-control{ width:72px; height:76px; background:#8e8e8e url(../images/ico_control_1.png) 26px center no-repeat; top:340px;}
.n_cal_1 .carousel-control.right{ background-position: -40px center;}
.n_cal_1 .carousel-inner > .item > a{ display:block}
.n_cal_1 .carousel-inner > .item > a > img,.n_cal_1  .carousel-inner > .item > img,.n_cal_2 .carousel-inner > .item > a > img,.n_cal_2 .carousel-inner > .item > img{ width:auto; max-width:none; margin:0 auto}
.liucheng{ background:url(../images/liucheng.png) center 61px no-repeat; height:314px;}
.n_cal_2{ padding-top:80px; background:url(../images/n_cal_2_bg.png) left top repeat-x;}
.n_cal_2_box{ width:1260px; height:806px; margin:0 auto; background-color:#d4d4d4}
.n_cal_2 .carousel-control{ width:40px; height:52px; background:url(../images/ico_control_2.png) 7px center no-repeat; top:371px;}
.n_cal_2 .carousel-control:hover{ background-color:#eee}
.n_cal_2 .carousel-control.left{ left:26px;}
.n_cal_2 .carousel-control.right{ background-position: -50px center; right:26px;}
.n_ml_bg{ background:#cacaca url(../images/n_ml_bg.jpg) center 273px no-repeat; height:1012px}
.n_ml_title{ height:273px; background:url(../images/n_ml_title.png) center 65px no-repeat; margin-bottom:5px}
.n_ml_box{ width:980px; margin:0 auto;padding-left:14px;padding-right:14px;}
.n_ml_row{margin-left:-14px;margin-right:-14px;}
.n_ml_col{padding-left:14px;padding-right:14px; float:left; width:33.333333%}
.n_ml_item{background:#fff;width:298px;height:310px;margin-bottom:26px; display:block; color:#000}
.n_ml_item img{ width:298px;height:194px; display:block}
.n_ml_item_header{ padding:22px; line-height:20px; text-align:center}
.n_ml_item_tit{ background-color:#000; color:#fff; font-size:12px; font-weight:600; overflow:hidden; height:20px;}
.n_ml_item_hr{ height:28px; background:url(../img/bg_white.jpg) center repeat-x;}
.n_ml_item_dis{ max-height:40px; overflow:hidden; margin:0;color:#000}
.n_dingzhi{ height:1128px; padding-top:65px; }
.n_dingzhi_tit{ height:105px; background:url(../images/n_dingzhi_tit.png) center no-repeat; clear:both}
.n_dingzhi_box{width:1014px; margin:0 auto; padding-left:15px;padding-right:15px;}
.n_dz_row{ margin-left:-15px; margin-right:-15px;}
.n_dz_col{ width:33.333333%; float:left; padding-left:15px; padding-right:15px}
.n_dz_item{width:308px; height:440px; background-color:#b4b4b4; display:block; position:relative}
.n_dz_item img{ width:308px; height:440px;}
.n_dz_item div.header{  background:url(../images/n_dingzhi_bg.png); position:absolute; left:0; right:0; bottom:0;}
.n_dz_item:hover div.header{ background-position:0 -82px}
.n_dz_item div.header>div{ height:82px; background-position:center; background-repeat:no-repeat;}
.n_dz_item div.tit_1{ background-image:url(../images/n_dz_tit1.png)}
.n_dz_item div.tit_2{ background-image:url(../images/n_dz_tit2.png)}
.n_dz_item div.tit_3{ background-image:url(../images/n_dz_tit3.png)}
.n_dz_item div.tit_4{ background-image:url(../images/n_dz_tit4.png)}
.n_dz_item div.tit_5{ background-image:url(../images/n_dz_tit5.png)}
.n_dz_item div.tit_6{ background-image:url(../images/n_dz_tit6.png)}
.n_brand{ height:1196px; background:url(../images/n_brand_bg.jpg)}
.n_brand_1{ width:949px; height:480px; margin:0 auto; background:url(../images/n_brand_1.png) center no-repeat}
.n_brand_2{ width:949px; height:469px; margin:120px auto 0; background:url(../images/n_brand_2.png) center no-repeat;}
.n_find{ height:922px; margin-top:-18px; position:relative; background:url(../images/n_find.png) center no-repeat}
.n_map{ height:569px; background:#c1c1c1 url(../images/n_map.jpg) center no-repeat}
.mhaspr{position:relative; overflow:hidden}
.mhaspr div{ position:absolute; left:0; right:0; text-align:center;background:url(../img/title_bg_1.png);color:#fff; transition-property:bottom;-webkit-transition-property:bottom; }
.mhaspr div{ padding:5px;line-height:normal}
.mhaspr div{ bottom:-80px;transition-duration:.5s;-webkit-transition-duration:.5s}
a:hover .mhaspr div{ bottom:0}
.mhaspr div strong{ font-size:18px;}
.mhaspr div strong span{ font-size:36px}
/**index end*/

/*list*/
.mbg,.mbg1{ background:url(../img/bg_white.jpg)}
.mbg .row,.mbg1 .row{ margin-left:-10px; margin-right:-10px;}
.mbg .row>div{ padding-left:10px; padding-right:10px; padding-top:8px;}
.mbg .row>div,.mbg1 .list{ border-top:1px solid #5a5a5a}
.mbg1 .list{ padding-top:8px;}
.mlpp,.mlpp1{ margin-bottom:50px;}
.mlpp .media-left{ padding-right:0; width:66%;position:relative;background:rgba(0,0,0,.25)}
.mlpp .media-left .media-object{ width:100%}
.mlpp .media-body a,.mlpp1 .media-body a{ display:block; color:#fff}
.mlpp .media-left a.abs,.mlpp1 .media-body a.abs{ position:absolute; left:10px; bottom:10px; width:190px; border:1px dashed #b3b3b1; text-align:center;color:#fff; border-radius:3px;}
.mlpp .media-body,.mlpp1 .media-body{ background:#172234; color:#fff; padding:2em;vertical-align:middle}
.mlpp .media-heading,.mlpp1 .media-heading{ border-bottom:1px dashed #fff; padding-bottom:20px; margin-bottom:10px}
.mlpp1{ display:table; width:100%}
.mlpp1 .media-body{ width:33.333333%; vertical-align:top;position:relative; padding-bottom:3em}
.mlpp1 .media-body:nth-of-type(2n){ background-color:#2c3b54}
.mlpp1 .media-heading img{ height:52px; max-width:100%;}

div.imgtit{ background:url(../img/img_title_bg.png) center no-repeat; text-align:center; background-size:auto 100%}
div.imgtit.border{border-bottom: 1px solid #5a5a5a; margin-bottom:1em}
div.imgtit.border1{border-bottom: 1px solid #5a5a5a;}
div.imgtit.border1 + div.row>div{ margin-top:-1px}
div.imgtit img{ max-width:100%;}
div.limda{ margin-bottom:40px}
div.limda .mimg,div.limda .simg,.mhaspr{position:relative; overflow:hidden}
div.limda .mimg img,div.limda .simg img{display:block; width:100%;}
div.limda .mimg div,div.limda .simg div,.mhaspr div{ position:absolute; left:0; right:0; text-align:center;background:url(../img/title_bg_1.png);color:#fff; transition-property:bottom;-webkit-transition-property:bottom; }
div.limda .mimg div,.mhaspr div{ padding:5px;line-height:normal}
div.limda .mimg div,.mhaspr div{ bottom:-80px;transition-duration:.5s;-webkit-transition-duration:.5s}
div.limda .simg div{bottom:-24px;transition-duration:.3s;-webkit-transition-duration:.3s}
div.limda .mimg a:hover div,div.limda .mimg:hover div{bottom:8px}
div.limda .simg a:hover div,div.limda .simg:hover div,.mbox:hover .mhaspr div{ bottom:0}
div.limda .mimg{margin-bottom:18px}
div.limda .mimg div strong,.mhaspr div strong{ font-size:18px;}
div.limda .mimg div strong span,.mhaspr div strong span{ font-size:36px}
.mimg>a{ display:block}
div.limda.mliao .mimg div{ height:0; padding:0; line-height:24px; bottom:15%; display:block;transition-property:height;-webkit-transition-property:height; overflow:hidden}
div.limda.mliao .mimg a:hover div{ height:24px; bottom:15%}
div.limda.peishi .mimg{ background:rgba(178,178,178,.1)}
div.limda.peishi .mimg a:hover div{bottom:0}

div.hmr{text-align:center; white-space:nowrap;}
div.hmr>div,.mbg div.hmr>div{ overflow:hidden; margin:1em 0 3em; border-top:none}
div.hmr img{ width:100%; max-width:100%}
.feedback{max-width:866px; margin:0 auto;}
.feedback>.text-right{ font-size:12px}
.feedback .media-list{background:#fff;border-radius:.5em;box-shadow:0px 3px 3px 3px #ddd; margin-top:.5em}
.feedback .media-object{ width:2.75em; border:1px solid #ccc; border-radius:.5em; overflow:hidden}
.ftab1,.ftab2{color:#000}
.ftab1 td,.ftab2 td{ vertical-align:top}
.ftab1 tr>td:first-child,.ftab2 tr>td:first-child{ white-space:nowrap; padding-right:.5em; border-right:1px solid #949494; white-space:nowrap}
.ftab1 tr>td:last-child{ padding-left:.5em;color:#575757}
.ftab2 tr>td:last-child{ padding-left:.5em}
.feedback .line{ height:1px; background-color:#949494; margin:.5em 0}
.feedback .popover{ display:block; position:relative; max-width:none; padding:1em;}
.feedback .popover .arrow{ left:auto; right:8%}
.feedback .popover .panel-default{ border-color:#a1a1a1; overflow:hidden}
.feedback .popover .panel-default>.panel-heading{ background-color:#fff;border-color:#a1a1a1}
.feedback .popover .panel-body{ padding:0;}
.feedback .popover textarea{display:block; width:100%; height:8em; border:none; outline:none; padding:10px}
.feedback .btn-danger{ background-color:#f00;border-color:#f00; width:120px}
.feedback .rsbtn{ border:none; background:none; padding:0; text-decoration:underline; color:#f00; margin-right:1.5em}
.feedback .bline{ border-bottom:1px dashed #b1b1b1; font-size:12px; margin-bottom:5px; padding-bottom:5px}
.feedback .bline input{ border:1px solid #ddd; color:#000; width:150px}
.feedback .media{ padding: 1em;margin-top:0;}
.feedback .media-list .media:nth-of-type(2n){ background-color:#f9f9f9}
.feedback .media + .media{  padding-top:1em; border-top:1px solid #ccc}
.pages{ text-align:center; padding:1em 0; font-size:16px}
.pages a{color:#000; text-decoration:none;}
.pages a,.pages span{ padding:0 .5em; margin:0 3px;display:inline-block;border:1px solid #ccc; border-radius:3px}
.pages a:hover{ color:#f00; border:1px solid #f00}
.pages .active,.pages .current{ color:#fff; border:1px solid #333; background-color:#666}
/*list end*/
.hdbox .col-sm-2{ width:20%;}
.hdbox .col-sm-10{ width:80%; padding-left:0}
.hdbox .col-sm-10 img{width:100%}
.hdbox .mbox{ display:table; width:100%;font-size:12px;border:1px solid #ccc; background-color:#e8e8e8; margin-bottom:10px; text-align:center; overflow:hidden}
.hdbox .mbox img{ max-width:110px; width:100%;display:block; margin:0 auto .5em}
.hdbox .mbox>div{ display:table-cell; vertical-align:middle;height:181px}
.newsli .media-object{ width:10em}
.media-list a{ color:#000}
.media-list a:hover{ color:#f00;}
.ndashed{ border-bottom:1px dashed #ccc; padding-bottom:.25em; margin-bottom:2em}
.ndashed>a{ float:right; display:block; padding:.2em .5em; border-radius:.5em;margin-top:-.7em; background-color:#cfcfcf; color:#000; line-height:normal}
.ndashed>a:hover{ background-color:#f00; color:#fff; text-decoration:none}

#newsCarousel .carousel-indicators{ position:static; left:0; width:auto; margin-left:0}
#newsCarousel .carousel-indicators li{width:30%; height:auto; text-indent:inherit; opacity:.5}
#newsCarousel .carousel-indicators li +li{ margin-left:5%}
#newsCarousel .carousel-indicators li.active{ opacity:1}
#newsCarousel .carousel-indicators img{ width:100%}

#allmap{ height:500px}
.com_info{color:#fff; padding:2em 0}
.com_info div.container{max-width:960px !important}
.com_info h3{ text-align:center; margin-bottom:1.5em; font-weight:bold; font-size:34px}
.com_info div{ font-size:18px; line-height:1.8em}
div.QQdiv{position:fixed !important; top:40%; right:2px}
div.QQdiv .list-group-item{ padding:4px}