@charset "utf-8";
*{margin:0;padding:0;font-family:Arial,Verdana,sans-serif,Microsoft YaHei;}
img{max-width:100%;}
li{list-style:none;}

/*顶部logo信息*/
.head{background:url(/templates/images/topcolor.jpg) repeat-x;}
.top{height:103px;}
.top .navbar{border-bottom:1px solid #fff;}
.top .navbar-default{background:url(/templates/images/topbg.png) no-repeat center;margin-bottom:0px;}
.top .navbar-default .navbar-nav > li > a{color:#ffffff; font-weight: 700}
.top .navbar-default .navbar-nav > li> a:hover{color:#2c8ed1;background:#fff;}
.top .navbar > .container .navbar-brand{color:#ffffff;}
.top .navbar-brand{height:auto;padding:35px 0 16px 10px;}
.top .nav{padding:50px 0 0px 0;}
.head .container{position:relative;}
.top .head_right{position:absolute;right:15px;top:5px;}
.top .head_right a{color:#fff;padding-right:10px;padding-left:10px;}
.top .head_right .head_link{display:inline-block;color:#fff; margin-right: 10px; padding-top: 5px;}
.top .head_right .bdsharebuttonbox{display: inline-block; float: right;}
.navbar-default .navbar-toggle .icon-bar{background:#fff;}
.navbar-right .dropdown-menu{right:auto;left:0;background:#fff;}
.dropdown-menu{min-width: 100px;}
.top .nav.navbar-nav>li:hover .dropdown-menu{display: block;} 
.top .nav.navbar-nav>li .dropdown-menu li:hover{background: #fff;}
.top .nav.navbar-nav>li .dropdown-menu li:hover a{background: url(/templates/images/jiantou.png) 10px center no-repeat; }
.banner{max-width:1920px;margin:0 auto;}
.bannerbottom{background: #f0f0f0;padding: 10px;}
.bannerbottom .btn{background: #3498db;color:#fff; float: left;}
.bannerbottom span.glyphicon{}
.bannerbottom span.hot{ display: inline-block;}
.bannerbottom span.hot ul li{display:inline-block; margin-right: 10px;margin-top:6px;}
.bannerbottom span.glyphicon{ font-size: 1.2em; margin-left: 1em; margin-right: 0.5em; clear: both;top:5px;}
.bannerbottom .pull-right{ position: absolute; right:15px; bottom:10px;}
.bannerbottom .pull-right img{min-width: 263px; width: 263px;}
.main .pclassall .pclassimg img{width:100%;}
.main .pclassall .pclassimg .name{position: relative;}
.main .pclassall .pclassimg .name .title{position: absolute;top:50%; left:20px;margin-top: -7px;font-weight: 700;color:#fff;}
.main .pclassall .pclassimg .name .hot{padding:5px 10px;position: absolute;right:20px; top:50%; margin-top: -12px; color:#fff;background: #c70c1e;}
.main .pclassall{margin-top: 20px; margin-bottom: 20px;}
.main .pclass ul li{background: url(/templates/images/pclassbg.png) no-repeat; margin-bottom: 15px; font-size: 1.2em;}
.main .pclass ul li a{color:#fff; font-weight:700;}
.main .gallery{background: #f0f0f0;}
.main .col-5{position:relative;width:100%;float:left;border-right:1px solid #fff;overflow:hidden}
.main .col-5 .text{bottom:0;background:#53A3D9;background-color:rgba(83,163,217,0.8);overflow: hidden;padding-top:0;position:absolute; display: none;}
.main .col-5 .text .con{padding:3em; padding-top: ; margin-top:0;color:#fff}
.main .gallery .col-5 ul{margin-left:0;padding-left:0;width:3000000px}
.main .gallery .col-5 ul li{float:left;position:relative}
.main .gallery .col-5 ul li img{opacity:1;border-right:1px solid #fff}
.main .gallery .col-5 ul li p{position:absolute;bottom:0;margin-bottom:0;color:#fff;padding:6px 10px}
.main .col-5 .pre{position:absolute;color:#fff;font-weight:900;z-index:300;text-decoration:none}
.main .col-5 .pre.btnleft{bottom:1em;right:6em}
.main .col-5 .pre.btnright{bottom:1em;right:2em}
.main .products {margin-top: 50px; }
.main .products .plist .title{padding:10px;background: #383e3c;}
.main .products .plist .title span{padding:5px 10px;background: #c70c1e;color:#fff;}
.main .products .plist dl{padding:10px 25px; background: #E5E5E5; }
.main .products .plist dl dt a{color:#000;}
.main .products .plist dl dd {border-bottom:1px solid #ccc; margin-bottom: 10px;}
.main .products .plist dl dd ul {margin-left: 12px; overflow: hidden;}
.main .products .plist dl dd ul li{display:block; font-size: 0.9em; width: 50%; float: left; /* margin-bottom:5px; */}
.main .products .plist dl dd ul li a{color:#565553;}
.main .products .plistimg .h-title{margin-bottom: 20px;}
.main .products .plistimg .h-title img{width:100%;}
.main .products .plistimg .h-title p{background: #3598DB; color:#fff; padding:8px 10px;}
.main .message { margin-top: 15px; margin-bottom: 2em; }
.main .message .col-md-6 > h5 { border: 1px solid #eeeeee; text-transform: uppercase; font-family: Impact; font-weight: 700; overflow: hidden;  }
.main .message .col-md-6>h5 span{display: inline-block;}
.main .message .col-md-6 > h5 .right { float: right; font-size: 0.7em;  line-height: 2em; margin-right: 10px; margin-top: 5px;}
.main .message .col-md-6 > h5 .right a { color: #898989; }
.main .message .col-md-6>h5>.name{background: #d0223d; padding: 10px 20px;  margin:-1px; color:#fff;}
.main .message .col-md-6>h5>.caret{border-right: 0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left: 4px #D0223D dashed;margin-left: 0px; }

.main .message .col-md-6.knowledge>h5>.caret{border-left-color:#3399DB; }
.main .message .col-md-6.knowledge>h5>.name{background:#3399DB; }
.main .message .news,
.main .message .knowledge { margin-bottom: 20px; }
.main .message .media .media-left { background: #f7f7f7; padding-left: 15px; padding-right: 15px; }
.main .message .media .media-left .newsdata { text-align: center; padding-top: 15px; padding-bottom: 15px;white-space: nowrap; }
.main .message .media .media-left .newsdata span:first-child { font-size: 1em; }
.main .message .media .media-left .newsdata span { display: block; width: auto; color:#1988cf ; font-family: Impact; padding: 0 5px; font-size: 1em; }
.main .message .media .dataone { background: #d9d9d9; }
.main .message .media .media-body { background: #fff; font-size: 1em; color: #6e6e6e; padding-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 5px; }
.main .message .media .media-body h4 { font-size: 1em; font-weight: 700; }
.main .message .media .media-body h4 a { color: #6e6e6e; }
.main .message .media .media-body h4 a:hover { color: #898989; }
.main .message .media .media-body span{font-size: 12px;}
.main .message .media .media-bodybg { background: #ebebeb; }
.main .message .news .media .media-left .newsdata span { color: #dd002a; }


.main .honor{clear: both; overflow: hidden; background:#1988cf url(/templates/images/gallerybg.png) no-repeat right bottom;  padding-top: 30px; padding-bottom: 30px;}
.main .honor .gallery{overflow: hidden; background: none;}
.main .honor .gallery div.first_img{text-align: center; padding:0px; padding-right: 10px;}
.main .honor .gallery div.first_img .imgbody{background: #f1232b; position: relative;min-height: 127px;}
.main .honor .gallery div.first_img a,.main .honor .gallery div.last_img a{color:#fff; font-size: 1.3em; display: block; width: 100%;position: absolute;top:50%;margin-top:-35px; text-decoration: none;  }
.main .honor .gallery div.first_img a span,.main .honor .gallery div.last_img a span{font-size: 2em}
.main .honor .gallery div.img{margin-bottom: 10px; padding:0; padding-right: 10px;}
.main .honor .gallery div.last_img{text-align: center; height: 127px; padding:0px; padding-right: 10px; }
.main .honor .gallery div.last_img .imgbody{background: #2e2e2e;position: relative;}
.main .honor .gallery div.first_img a:hover,.main .honor .gallery div.last_img a:hover{color:#1988cf;}
.main .honor .form-control{border-radius: 0px;}
.main .honor .formdiv .line{position: relative; margin-bottom: 25px; margin-top: 10px;}
.main .honor .formdiv .line .bgline{background: #fff; height: 3px;}
.main .honor .formdiv .line .name{color:#fff;position: absolute;left:0;top:-10px; background: #3B9AD6; padding-right: 10px;}
.main .honor .formdiv .btn{ padding: 6px 35px; background:#f1232b;color:#fff;float: left;}
.main .honor .formdiv .btn:hover{background: #9e152a;} 
.main .honor .formdiv  .small{color:#fff;display: inline-block;margin-left: 10px;}
.foot{background: #393738;color:#fff; padding-top: 40px; padding-bottom: 20px;}
.foot .title {border-bottom: 1px solid #fff; padding-left: 15px; padding-bottom: 10px;}
.foot .col{padding:0;}

.foot .about{padding-left: 15px;}
.foot .about .title{border-color:#f1232b; padding-left: 0px; }
.foot .col.about ul li{padding-left: 0px;}
.foot .col ul li { padding-top: 10px; padding-left: 15px;}
.foot .col ul li a{color:#b0b0b0;}
.foot .col ul li a:hover{color:#fff;}
.foot .search{ background: #fff;border-radius: 15px; margin-bottom: 15px; margin-top: -5px; }
.foot .search #keywords{border-bottom-left-radius: 15px; border-top-left-radius:15px;  border:none;}
.foot .search .btn{border-radius: 15px; border:none; background: #1988cf; padding: 6px 20px; color:#fff; }
.foot .contact{padding-left: 10px;}
.foot .link{margin-top: 20px;}
.foot .link .span{ border-left: 3px solid #1988cf; padding-left: 5px; float: left; margin-top: 5px;}
.foot .link ul li{float: left; padding:0 2px;}
.foot .link ul li a{color:#fff; padding:5px 10px; background:#242424;display: inline-block;}
.copyright{background: #1C1C1C;color:#fff;padding:15px 0;}
.copyright a{color:#fff; }



/*内页内容*/
.m_left,.m_right{margin-top: 20px; margin-bottom: 20px}
.m_left .products-left a{font-size:.9em}
.m_left .h4{background:#1988cf;padding:10px; margin-top: 20px; border-radius:4px;color:#fff;text-transform: uppercase;}
.m_left .h4:first-child{margin-top: 0px;}
.m_left .about{margin-top:0}

.m_left  ul.list-group{ margin-bottom: 0px;}
.m_left ul.list-group .panel{margin-bottom: 5px;}
.m_left  ul li.list-group-item{margin-bottom: 1px; text-transform: capitalize; margin-bottom:5px;}
.m_left  ul li.list-group-item a{display: block;}
.m_left .about ul li.list-group-item a{color:#333333;}
/*内页右侧*/
.m_right h1{font-size:2em}
.m_right table{ table-layout: fixed;}
.m_right table td{border:1px solid #fff; padding-top: 5px; padding-bottom: 5px;}
.m_right .pic li{text-align:center;margin-bottom:10px}
.m_right .pic li div{margin-top:10px;color:#7f7f7f}
.m_right>.media>.media-left span{display:block;min-width:60px;line-height:2;background:#1988cf;text-align:center;border-radius:4px;color:#fff}
.m_right>.media>.media-left>span:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}
.m_right>.media>.media-left>span:last-child{border-top-left-radius:0;border-top-right-radius:0}
.m_right>.media>.media-body>.media-heading a{color:#1988cf}
.m_right>.media>.media-body>p{font-size:12px}
.m_right .breadcrumb {background-color: #DEDDDD;}
.m_right .pic li{padding-bottom:10px}
.m_right .pic li div{height:3.2em;text-align:center;padding-top:5px}
.m_right .pic li div a{color:#1b1b1b;text-decoration: none;}
.m_right .pic li div a:hover{color:#1988cf}
.m_right .piclist li{padding-bottom:10px}
.m_right .piclist li div{height:3.2em;text-align:center;padding-top:5px}
.m_right .piclist li div a{color:#1b1b1b;text-decoration: none;}
.m_right .piclist li div a:hover{color:#1988cf}
.tabletop td,.tableodd td,.tableeven td{ padding-left: 10px; border:1px solid #fff;}
.tabletop{background: #3498db; color:#fff;line-height: 2em}
.tableodd{background:#cfcfcf;color:#444;line-height: 2em}
.tableeven{background:#e1e1e1 ; color:#444;line-height: 2em}
.phonebottom{ position: fixed; z-index:30; bottom:0px;  color:#fff; background: #3498db; width:100%; }
.phonebottom div.phone,.phonebottom .email{border-right: 1px solid #fff;}
.phonebottom div{width: 33%; padding:15px;float: left; text-align: center;}
.phonebottom div a{color:#fff; font-size: 1em; display: block}
#main_con .map .title{ border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding-top: 5px;padding-bottom: 5px; padding-left: 10px;}
#main_con .map .cont li{padding:5px 10px;}
#main_con .map .cont li.text-center{text-align: left;}
#main_con .map .cont li a{color:#777; text-decoration: none; text-transform: capitalize;}
#main_con .map .cont li a:hover{color:#1988cf; text-decoration: none; text-transform: capitalize;}
.m_left{float: right;}
.m_right{float: right;}
.one{ background:#1988cf; color:#fff;}
.four{ background: #CFCFCF;color: #000;}
.three{background: #E1E1E1;color: #000;}
@media (min-width:768px){

  .navbar-brand > img{width:161px;}
  .top .navbar-brand{height:auto;padding:40px 0 16px 10px;}
  .navbar>.container-fluid .navbar-brand{margin-left: -30px;}
  .navbar-right {
   
    margin-right: -30px;
}
  .top .navbar-nav > li > a{padding: 10px 3px;}
  .navbar-right .dropdown-menu{padding-top: 13px; background: none;  border:none; box-shadow: none;}
  .navbar-right .dropdown-menu  li{background: #DFDFDF; border-bottom: 1px dashed #bdbdbd; padding-top: 5px; padding-bottom: 5px;}
  .navbar-right .dropdown-menu  li:last-child{border-bottom: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
  .navbar-right .dropdown-menu  li:hover{background: #fff;}


  .m_right .piclist li img{width:335px; height: 251px;}
  .m_right .pic li img{width: 345px; height: 261px;}
}
@media (max-width:767px){
    .navbar-right {
   
    margin-right: -15px;
}
.top .navbar-brand{height:auto;padding:23px 0 16px 10px; }
  .navbar-right .dropdown-menu{padding-top: 0px; background: #fff;}
  .top .navbar-nav{background:#fff;}
  .top .navbar-nav .open .dropdown-menu>li>a{color:#222;padding-left:10px;}
  .top .dropdown>li>a{color:#000;}
  .top .navbar-default .navbar-nav > li{text-align:center;}
  .top .navbar-default .navbar-nav > li > a{color:#000;}
  .top .nav{padding:0px 0 0px 0;margin-top:0px;}
}
@media (min-width: 992px) {
  .m_right .piclist li img{width:262px; height: 193px;}
  .m_right .pic li img{width: 189px; height: 144px;}
    .navbar-right {
   
    margin-right: -15px;
}
  .navbar-brand > img{width: 100%}
  .top .navbar-brand{height:auto;padding:23px 0 16px 10px;}
  .main .pclass ul li{padding:15px 15px;}
  .top .navbar-nav > li > a{padding: 10px 10px;}
}
@media (min-width: 1175px) {

  .main .pclass ul li{padding:15px 35px;}

}