@charset "UTF-8";
@import url("flexslider.css");
@import url("css.css");
@import url("kefu.css");
html{background: #fff}
body {background: #fff url(../images/bg.png);font-family: "Microsoft YaHei","?¡é¨¨¨ª??o¨²",tahoma,arial,simsun,"??¨¬?";}
@media (min-width: 768px) and (max-width: 999px)  { body { /*margin-top: 73px;*/ } }
@media (max-width: 767px) { body { /*margin-top: 69px;*/ } }
a{color:#333;text-decoration:none}a:hover,a:focus{ color: #ff0000; text-decoration:none;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: "Microsoft YaHei","?¡é¨¨¨ª??o¨²",tahoma,arial,simsun,"??¨¬?"; font-weight: 500; line-height: 1.1; color: inherit; }.h1,.h2,.h3,.h4,.h5,.h6 { margin:0;}img{ height:auto;max-width:100%; }#dituContent img{ height:auto;max-width:none; }
*:link, *:visited,  *:active, *:focus{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}ol,ul,li{list-style-type:none;}
.h-h2 { font-size: 24px; line-height: 150%; color:#5d5d5d; background-image: url(../images/h-line.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 24px; padding-top: 0px; margin-top: 0px; margin-bottom: 10px; }
.h-t{ font-size: 0.9em; line-height: 150%; color: #999;}
.top-20{margin-top:20px;}
.top-30{margin-top:30px;}
.top-40{margin-top:40px;    text-align: center;}
.bottom-20{margin-bottom:20px;}
.bottom-30{margin-bottom:30px;}
.right-30{margin-right:30px;}
::-moz-selection{ /*????Firefox*/ background:#007DD2; color:#fff; } 
::selection { background:#007DD2; color:#fff; } 

@media (max-width:768px){
#loading{float: left;position:fixed;_position:absolute;width:100%;height:100%;z-index:9999; margin:-100px 0 0 -0px;overflow:hidden;background: #FBFBFB url(../images/bg.png);}  
#loader{width:100px;height:100%;overflow:hidden;background:url(../images/loaderc.gif) no-repeat center center;margin:0 auto;}  
}


.logo-hidden{float: left;background: url(../images/logoA.png) no-repeat top left;width:93px;height:48px;}
.logo-visible{float: left;background: url(../images/logoB.png) no-repeat top left;width:82px;height:42px;}
.visible-lg{float: left;background: url(../images/logoR.png) no-repeat top left;width:200px;height:28px;}


.n1{display:inline-block;width:24px;height:20px;background:url(../images/paihang.gif) no-repeat 0px 0px;}
.n2{display:inline-block;width:24px;height:20px;background:url(../images/paihang.gif) no-repeat 0px -24px;}
.n3{display:inline-block;width:24px;height:20px;background:url(../images/paihang.gif) no-repeat 0px -48px;}
.n4{display:inline-block;width:24px;height:20px;background:url(../images/paihang.gif) no-repeat 0px -72px;}
.n5{display:inline-block;width:24px;height:20px;background:url(../images/paihang.gif) no-repeat 0px -96px;}
.n6{display:inline-block;width:24px;height:20px;background:url(../images/paihang.gif) no-repeat 0px -120px;}
.n7{display:inline-block;width:24px;height:20px;background:url(../images/paihang.gif) no-repeat 0px -144px;}
.n8{display:inline-block;width:24px;height:20px;background:url(../images/paihang.gif) no-repeat 0px -168px;}
.n9{display:inline-block;width:24px;height:20px;background:url(../images/paihang.gif) no-repeat 0px -192px;}
.n10{display:inline-block;width:24px;height:20px;background:url(../images/paihang.gif) no-repeat 0px -216px;}


.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.headroom--unpinned {top: -100px;}
.headroom--pinned {top: 0;}
.navbar-default { background-color: rgba(255, 255, 255, 0.95);; border-bottom-width: 1px;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); }
.navbar-header { position: relative; }
.logo{ margin: 0; padding:26px 0; display: table; }
.navbar-brand {padding: 0px 15px;}

.logo small { font-size: 16px; color: #333; padding-top: 10px;margin-left: -10px; display: table; }
.logo small a {color: #999;}

.head-box { position: absolute; margin: 0px; padding: 25px; left: 0px; top: 100px; background: #eee; width: 400px; display: none;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; border-top-right-radius: 0; border-top-left-radius: 0; }
@media (min-width: 999px) { .navbar-header:hover .head-box { display:block; } }
.head-box li { line-height: 28px; color: #007DD2; margin-bottom:6px; }
.head-box li.tel { padding: 15px 0 0 0px; margin-top: 15px; border-top:#f8f8f8 1px solid; overflow: hidden;color: #333;}
.head-box li.tel span{ padding: 0px 10px 0 0px;}
.head-box li small { font-size: 0.9em; color: #999;}
.navbar-default .navbar-nav > li > a { padding:39px 16px 0 16px;min-height:100px;background: url(../images/menu-right.png) no-repeat right top;font-family: 'Microsoft YaHei';}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus { background: #eeeeee; }
.navbar-default .navbar-nav > li > a {color: #000;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li.active > a { color: #007DD2;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li.active > a { padding-top: 25px; }
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { color: #fff; background: #007DD2 url(../images/menu-right.png) no-repeat right top;}
.navbar-default .navbar-nav > li > a small { display: none; color: #999; font-size: 0.9em; text-align: center; margin: 8px auto 0 auto; padding: 2px 0 0 0; border-top:#999 1px dotted; }
.navbar-default .navbar-nav > .open > a small{ display: none; color: #fff; font-size: 0.9em; text-align: center; margin: 8px auto 0 auto; padding: 2px 0 0 0; border-top:#fff 1px dotted; }
.navbar-default .caret { display: none; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 150px; padding: 10px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background: #007DD2; border-radius: 0 0 8px 8px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); background-clip: padding-box; border-width: 0px; }
.dropdown-menu > li > a {padding: 8px 30px;color:#fff;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus { color: #007DD2; text-decoration: none; background-color: #eeeeee; }
.dropdown-menu > li > a.hover,.dropdown-menu > li.hover { color:#007DD2;background-color:#ADE5F9;}
.navbar-default .navbar-nav > .active > a{color: #FFF; background: #ffffff url(../images/menu-on-bg.png);}

@media (min-width: 768px) and (max-width: 999px)  {
.navbar-default .navbar-nav > li > a { padding:10px 8px 0 8px; min-height:40px; margin-top:16px; }
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li.active > a { padding-top: 10px; }
.logo{ padding:16px 0;}
}
@media (max-width: 768px) {
.navbar-collapse{background-color: #fff;}
.navbar-default .caret{ display:inline-table;}
.logo{ padding:14px 0;}
.navbar-default .navbar-nav > li > a { padding:10px 15px;line-height: 20px;min-height:20px;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li.active > a { padding:10px 15px; }
.navbar-toggle {margin-top: 18px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #eeeeee;}
.navbar-nav .open .dropdown-menu { margin:0; padding:0;border-radius: 0;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 24px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,.navbar-default .navbar-nav .open .dropdown-menu > li.hover a {color: #007DD2;background: #eeeeee;}}



@media (min-width: 1200px) { .news-box { min-height:150px } }
@media (min-width: 768px) and (max-width: 1199px)  { .news-box { min-height:100px }  .news-box a img{width:180px;height:120px;border: 1px solid #ededed;}.news-box a.pic { margin-right:20px;width:180px;height:120px;}.news-box a samp{display: none; width:180px;height:120px; }.news-box p.gdibn_say{ margin:0 0 5px 0px;height:48px;overflow: hidden;word-wrap: break-word;word-break: normal; }
}


@media (min-width: 999px) { .news-box a.pic { position: relative; display: block; }}



@media (min-width:1000px){
.navbar-brand {height:48px;}
.logo-visible { display:none; }
.news-box .pic { display:none; }
 .navbar-default .navbar-nav > li > a:hover small,.navbar-default .navbar-nav > li > a:focus small,.navbar-default .navbar-nav > li.active > a small{ display:table;}
.customers0 ul{height:260px;overflow:hidden;}
.customers .col-lg-3{margin-left:-10px;margin-right:10px;margin-bottom:30px;}
.customers ul{margin-left:-34px;height:280px;overflow:hidden;}
.customers a samp{display: none; width:202px;height:116px;top:0px; left:19px;}
.case a samp{display: none; width:294px;height:250px;top:0px; left:16px;}
.min_line0{max-width:950px;}
}

@media (max-width: 999px)  {
.news-box .pic { display:none; }
.navbar-brand {height:41px;} 
.logo-hidden { display:none; }
.customers0 ul{height:380px;overflow:hidden;}
.customers .col-lg-3{margin-left:-10px;margin-right:10px;margin-bottom:30px;}
.customers ul{margin-left:-34px;height:420px;overflow:hidden;}
.customers a samp{display: none; width:202px;height:116px;top:0px; left:23px;}
.case a samp{display: none; width:345px;height:250px;top:0px; left:15px;}
#loading{display:none;}
.min_line0{max-width:730px;}

}

@media (min-width:1200px){

.customers .col-lg-3{margin-left:-10px;margin-right:-57px;margin-bottom:30px;}
.customers ul{margin-left:-54px;}
.customers a samp{display: none; width:202px;height:116px;top:0px; left:51px;}
.case a samp{display: none; width:352px;height:250px;top:0px; left:24px;}
.min_line0{max-width:1170px;}

}


@media (max-width:768px){
.news-box .pic { display:none; }
.customers .col-lg-3{margin-left:-10px;margin-right:-57px;margin-bottom:30px;}
.customers ul{margin-left:-54px;}
.customers li img{width:202px;height:116px;}
.customers a samp{display: none; width:202px;height:116px;top:0px; left:48px;}
.end-link{display:none;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { color: #fff; background: #ddd;height:auto;}
.navbar-default .navbar-nav > .active > a{color: #FFF; background: #dedede;height:auto;}
.news{margin-bottom:20px;}
.hidden-this{display: none;}
li.hidden-this{display: none;}
.pagination-lg>li>span{padding:10px 10px;font-size:18px}
.pagination-lg>li>a{padding:10px 10px;font-size:18px}
#main_title{height:50px;}
#main_title .breadcrumb{height:30px;padding:0px 0px;margin-bottom:0px;}
.min_line{display:none;}

.info-size0 {display:none;}
.info-size0 td:nth-last-child(1){float: left;word-break:break-all}
.info-size0 tr:nth-last-child(2){float: left;width:300px;max-height:30px;line-height:30px;overflow:hidden;}
.info-size td{width:30px;word-break:break-all;height:30px;}
}






@media (max-width:640px){ /*¨¨??¨¢1???*/
.flexslider:hover .flex-next{display:none;}
.flexslider:hover .flex-prev{display:none;}

.flex-control-paging li a{width: 5px; height: 5px; }

.customers .col-lg-3{margin-left:20px;margin-right:0px;margin-bottom:30px;}
.customers ul{margin-left:-20px;height:auto;overflow:none;}
.customers li img{height:80px;width:140px;max-width:140px;}
.customers a samp{display: none; width:187px;height:116px;top:0px; left:15px;}
.customers .col-lg-3 img{float: right;width:200px;height:90px;}



.case a samp{display: none; width:351px;height:250px;top:0px; left:114px;}

.myimg p{position:absolute;left:1px;top:1px;overflow:hidden;width:100%;height:100%;background:#C1E0F5 url(../images/myimg-bg.png) no-repeat center center;display: none;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;color:#007DD2;}
.copyright{font-size:80%;}
.copyright-lot{display:none;}
.end-box li {border-bottom: 0px solid #1C282C;height:auto;}
.end-link{display:none;}
.qq_onService_panel{display:none;}
.min_line{display:none;}

.copyright{padding:0px 0px 50px 0px;}
}



.btn-more a:visited{color:#fff;}
.btn-more a{color:#fff;}
.btn-more a:hover{color:#f0f0f0;}
.btn-more a:focus{background-color:red;}









.end-box{float: left;width:100%;height:100%;margin:0 auto;text-align:center;line-height:180%;padding:0px 0px 0px 0px;border-top: 0px solid #1C282C;margin-top:10px;background:#888f96 url(../images/gray_bg.png);box-shadow: inset 0 5px 20px 1px #5E6670;color: #292f34;text-shadow: 1px 1px #adafb1;}
.end-box .container{margin-top:0px;}
.end-lot{width:auto;max-width:1160px;margin:0 auto;height:20px;}
.end-box ul{margin-left:-44px;}
.end-box div.row {margin: 20px 10px 20px 10px; }
.end-box li {padding: 0px 0;overflow: hidden;max-height:150px;}
.end-box li dl{padding:0 auto;}

.end-box li dt{height:55px;line-height:45px;color:#fff;text-align:left;padding:0px 10px 50px 10px;font-size:14px;text-shadow: 1px -1px #333;}

.end-box li dt span{padding-right:10px;}
.end-box li dd{width:100%;height:30px;line-height:30px;text-align:left;padding:0px 0px 0px 10px; color:#292f34;}
.end-box li dd span{width:100%;height:30px;line-height:30px;text-align:left;padding:0px 0px 0px 0px;overflow: hidden;}

.end-box li dd img{margin-top:10px;}
.end-box li dd.right{text-align:right;padding-right:10px;border-width: 0 0px 0px 0;}
.end-box li dd a{float: left;MARGIN:0px 2px 0px 0px;width:80px;overflow: hidden;color:#292f34;}
.end-box li dd a:hover{color:#111;}


.copyright{float: left;width:100%;height:100%;margin:0 auto;text-align:center;line-height:180%;margin-top:0px;padding:0px 0px 20px 0px;border-top: 1px solid #82888F;background:#888f96 url(../images/gray_bg.png);font-size:0.9em;color:#292f34;text-shadow: 1px 1px #adafb1;box-shadow: 0px 0px 0px 0px #757E88;}
.copyright-bg{width:auto;max-width:1170px;margin:0 auto;height:100%;padding:10px 0px 0px 0px;}
.copyright a0{color:#949DA7;}
.copyright a:hover{color:#ff0000;}



.end-link .row{height:30px;line-height:30px;padding-top:20px;}