@charset "utf-8";
/* body{-moz-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none;} */
*{margin:0;padding:0;font-family:Arial,Verdana,sans-serif,Microsoft YaHei;}
img{max-width:100%;}
li{list-style:none;}
a{text-decoration: none;}
/*顶部logo信息*/
.head{ height:102px;}
.top{height:103px;background:url(../images/topbg.jpg) repeat-x top;}
.top .navbar{border:none;}
.top .navbar-default{margin-bottom:0px;background:url(../images/topbg.jpg) repeat-x top;
  /*background-image: -webkit-radial-gradient(ellipse at bottom, rgba(255, 255, 255,0.6),rgb(5,23,59));*/
  /*background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255,0.6),rgb(5,23,59));*/
  background-image: -webkit-linear-gradient(to top,rgba(255, 255, 255,0.6),rgb(5,23,59) );
  background-image: linear-gradient(to top,rgba(255, 255, 255,0.3),rgb(5,23,59) );
}
.top .navbar-default .navbar-nav > li > a{color:#ffffff; font-weight: 700}
.top .navbar-default .navbar-nav > li> a:hover{color:#000;background:#efefef;}
.top .navbar > .container .navbar-brand{color:#ffffff;}
.top .navbar-brand{height:auto;padding:32px 0 13px 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;}
.navbar-default .navbar-toggle .icon-bar{background:#fff;}
.top .head_right .head_link{display:inline-block;color:#fff; margin-right: 10px; padding-top: 15px;}
.top .head_right .bdsharebuttonbox{display: inline-block; float: right; padding-top: 5px; font-size: 2em;color:#f67d18;font-style: italic;}
.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: none;}
.top .nav.navbar-nav>li .dropdown-menu li:hover a{background: url(../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;}

.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 {margin-top: 30px; margin-bottom: 30px; margin-left:-15px;margin-right: -15px;}
/*.main .pclassall .col-md-3{padding-left: 15px;padding-right: 15px; margin-bottom: 10px;}
.main .pclassall .col-md-3 img{width:100%;border-radius:50%;}*/
.main .pclassall .flex-5{float:left; position: relative; padding-left: 10px; padding-right: 10px; min-height: 1px;}
.main .pclassall .flex-5 img{width:100%; border-radius: 50%;}
.main .pclassall .flex-5 a{display: block;}
.main .pclassall .flex-5 a {text-align: center; color:#000; position: relative;}
.main .pclassall .flex-5 a:hover {color:#3498ab; text-decoration: none;}
.main .pclassall .flex-5 a div.tit{margin-top:10px; margin-bottom: 10px;}
.main .pclassall .flex-5 a div.tit img{width: 4px; height: 7px; margin-right: 8px; }
.main .pclassall .flex-5 .imghover{position: relative;}
.main .pclassall .flex-5 .imghover .logo_hover{ max-width:100%; width:auto; display: none; position: absolute; top:50%;left:50%; margin-top:-42px;margin-left:-42px;}
.main .pclassall .flex-5:hover .imghover .logo_hover{display: block;}
.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;right: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-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: #f67d18;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.8em; width: 50%; float: left;margin-bottom: 3px;}*/
/*.main .products .plist dl dd ul li a{color:#565553;}*/
/*.main .products .plistimg .h-title{margin-bottom: 20px;}*/
/*.main .products .plistimg .h-title a:hover{text-decoration: none;}*/
/*.main .products .plistimg .h-title img{width:100%;}*/
/*.main .products .plistimg .h-title p{background: #3598DB; color:#fff; padding:8px 10px;}*/
/*.main .products .plistimg .h-title p:hover{color:#eee;}*/
.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: #3399DB; padding: 10px 20px;  margin:-1px; color:#fff;}
.main .message .col-md-6>h5>.name .small{color:#eee;text-transform: capitalize; text-indent: 0.5em; }
.main .message .col-md-6>h5>.caret{border-right: 0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left: 4px #3399DB 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: #1988cf; }


.main .honor .honorbody{margin:0px;background: #1988cf;padding-top:20px; padding-bottom: 20px; margin-bottom: 20px;}
.main .honor .line{background: #1988cf;height: 3px;margin-bottom: 3px;}
.main .honor .gallery{overflow: hidden; background: none; }
.main .honor .gallery div.first_img{text-align: center;padding-right: 10px;}
.main .honor .gallery div.first_img .imgbody{background: #f67d18; position: relative;height: 113px;}
.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.last_img a{ color:#252525;}
.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-right: 10px;}
.main .honor .gallery div.img img{width:100%}
.main .honor .gallery div.last_img{text-align: center; height: 127px;  }
.main .honor .gallery div.last_img .imgbody{background: #fff;color:#000;height:121px;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 .price .line{position: relative; margin-bottom: 25px; margin-top: 10px;}
.main .honor .price .line .bgline{background: #fff; height: 3px;}
.main .honor .price .line .name{color:#fff;position: absolute;left:0;top:-10px; background: #1988cf; padding-right: 10px;}
.main .honor .price .line .time{position:absolute;right:0;top:-13px; background:#fff; color:#1988cf; padding: 3px 8px; border-radius:10px;}
.main .honor .price ul li{ padding:8px 10px; color:#fff;}
.main .honor .price ul li a{color:#fff;}
.main .honor .price ul li.bgone {background:#45A7E4;}
/*.main .honor .price .btn{ padding: 6px 35px; background:#f1232b;color:#fff;float: left;}*/
/*.main .honor .price .btn:hover{background: #9e152a;}*/
/*.main .honor .price  .small{color:#fff;display: inline-block;margin-left: 10px;}*/

.main .hezuo{margin-top: 20px; margin-bottom: 20px;}
.main .hezuo .logobg{padding-left:10px; padding-right: 10px; background: #f2f2f2; padding-top: 10px; padding-bottom: 10px;}
.main .hezuo ul li{text-align: center;}
.main .hezuo h5{ border-bottom:2px solid #8d8d8d;margin-bottom: 10px;background:#8d8d8d; text-align: left; color:#fff;font-weight: 700;}
.main .hezuo h5 span{display: inline-block; padding:8px 10px;}
.foot{background: #0A3172;color:#fff; padding-top: 40px; padding-bottom: 20px;
  background-image: -webkit-radial-gradient(ellipse at bottom, rgba(120,196,220,1),#0A3172);
  background-image: radial-gradient(ellipse at bottom, rgba(120,196,220,1),#0A3172);}
.foot .title {background: none; padding:8px 0 8px 10px;border-bottom: 1px solid #cccccc;font-weight: 700;}
.foot .title .pull-right{color:#fff; padding-right: 10px;}
.foot .title .pull-right a{color:#fff;}
.foot .col{padding:0;}
.foot .about .title{border-color: #1988cf;}
.foot .col ul {background: none; padding-bottom: 0px; margin-top: 5px;margin-bottom:0  }
.foot .col .title a{color:#fff;}
.foot .col ul li { padding-top: 10px; padding-left:10px;}
.foot .col ul li a{color:#fff;}
.foot .search{ background: #fff;border-radius: 15px; margin-bottom: 10px; }
.foot .foot_left{margin-bottom: 20px;}
.foot .foot_left .col-xs-6{margin-bottom: 20px;}
.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; color:#fff;}
.foot .link{margin-top: 20px;}
.foot .link .col-md-12{margin-bottom: 10px;}
.foot .link .span{/*background: #757575;*/border-left: 3px solid #1988cf; padding: 5px 10px; float: left; }
.foot .link .related .span{background: #f67d18;padding: 5px 10px; float: left; }
.foot .link .area .span{background: #1988cf;padding: 5px 10px; float: left; }
.foot .link ul{/*background: #242424;*/ overflow: hidden;}
.foot .link ul li{float: left; padding:0 5px;}
.foot .link ul li a{color:#fff; padding:5px 5px;display: inline-block;background: #8CCDE1; background:rgba(255,255,255,0.3);}
.copyright{background: #1C1C1C;color:#fff;padding:15px 0;}
.copyright a{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}

/*内页内容*/
.neibanner{max-width: 1920px; margin: 0 auto; text-align: center;}
.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  div.list-group{ margin-bottom: 0px;}
.m_left div.list-group .panel{margin-bottom: 5px;}
.m_left  ul.list-group{margin-bottom: 0px;}
.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 .con .bs-example-tabs {margin-top:30px;}
.m_right .con .bs-example-tabs .nav-tabs{border-bottom:3px solid #1988cf;}
.m_right .con .bs-example-tabs .nav-tabs li a{border:none;}
.m_right .con .bs-example-tabs .nav-tabs li:active a{background:#1988cf;}

.m_right .con .bs-example-tabs .nav-tabs li.active a,.m_right .con .bs-example-tabs .nav-tabs li:hover a{background:#1988cf;color:#fff;border:none;}
.m_right .con .content{color:#5A5A5A}
.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 img{width:100%;}
.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}
.m_right ul.contact_li li{ line-height: 2em; padding-left: 2em;}
.m_right .related{margin-top:20px;}
.m_right .related h5{border-bottom:2px solid #1988cf; margin-bottom: 10px; overflow: hidden;}
.m_right .time{ background: #efefef; text-align: center; padding:5px 10px; font-size:0.8em;border-radius:3px; color:#8a8a8a;margin-bottom:30px;}
.m_right .related h5 span{background: #1988cf;padding-bottom: 8px;color: #fff; padding:10px; display: inline-block;}
.m_right .related ul li{ margin-bottom: 10px;text-align: center;}
.m_right .related ul li img{width:100%;}
.m_right .newsrelated h5{border-bottom:2px solid #1988cf; margin-bottom: 10px; overflow: hidden;}
.m_right .newsrelated h5 span{background: #1988cf;padding-bottom: 8px;color: #fff; padding:10px; display: inline-block;}
.m_right .newsrelated ul li {margin-bottom: 10px;}
.m_right .newsrelated ul li a{color:#666;}

.m_right .con .form_contact h5{ background: #1988cf; color:#fff; padding:10px; margin-top: 0px;}
.m_right .con .form_contact .row>.col-xs-12{ margin-bottom:10px;}
.m_right .con .form_contact .row>.col-xs-12>.row>.col-xs-4{padding-left: 10px;
padding-right: 0px;}
.m_right .con .form_contact .row>.col-xs-12>.row>.col-xs-4>p{margin-bottom:0px;background: #1988cf; text-align: center; color:#fff;padding-top:10px;padding-bottom:10px; height: 40px;}
.m_right .con .form_contact .row>.col-xs-12>.row>.col-xs-8{padding-left:0px;padding-right: 10px;
margin-right: 0px;}
.m_right .con .form_contact .row>.col-xs-12>.row>.col-xs-8>p{border:1px solid #ccc;height:40px;text-align: center;padding-top:10px;padding-bottom:10px;}
#play{}
#play .bigimg{height: 300px;}
#play .bigimg img{ width:100%; max-height: 300px;}
#play .list{margin-top:10px; overflow: hidden;}

#play .list .listimg ul li{float:left; width:60px; height: 60px; margin-right: 10px; cursor: pointer}
#play .list .listimg ul li.active img{border:1px solid #1988cf; padding:2px}
#play .list .listimg ul li img{width:100%; height: 60px;}

.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 .linkbox{ 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;}
#myTabContent>div{ padding-top: 30px;}
@media (min-width:768px){
  .main .gallery .col-5 ul li img{opacity:1;border-right:1px solid #fff;height: 225px;}
  .main .col-5 .text .con{padding:3em;}
  .top{height:103px;}
  .top .navbar-header{width:30%;}
  .main .pclassall .flex-5{width: 50%;}
  .main .products .plistimg .h-title img{height: 142px;}
  .m_right .pic li img{height: 142px;width: 100%;}
  .top .navbar-nav > li > a{padding: 0px 3px 1px 3px; margin-bottom: 10px;}
  .navbar-right .dropdown-menu{padding-top: 3px; background: none;  border:none; box-shadow: none;}
  .navbar-right .dropdown-menu  li{background: #DFDFDF;background: rgba(223, 223, 222, 0.82); 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;}
}
@media (max-width:767px){
  .main .gallery .col-5 ul li img{opacity:1;border-right:1px solid #fff;height:233px;}
  .main .col-5 .text .con{padding:1em ;}
  .top{height:81px;}
  .top .navbar-brand{width:50%;padding: 10px 0 30px 30px;}
  .main .pclassall .flex-5{width: 50%;}
  .main .products .plistimg .h-title img{height:100px; }
  .main .products .plistimg .h-title p{min-height: 56px;}
  .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;}
  .m_right .pic li img{height: 142px;width: 100%;}
}
@media (min-width: 992px) {

 .main .gallery .col-5 ul li img{opacity:1;border-right:1px solid #fff;height: 351px;}
  .main .pclassall .flex-5{width: 20%;}
   
.top .navbar-nav > li > a{padding: 10px 3px;}
  .main .products .plistimg .h-title img{height: 142px;}
  .main .pclass ul li{padding:15px 15px;}
  .top .navbar-nav > li > a{padding: 10px 15px;}
  .top .nav{padding:50px 0 0px 0;}
}
@media (min-width: 1175px) {
  .main .products .plistimg .h-title img{height: 142px;}
  .main .pclass ul li{padding:15px 15px;}

}

