.empty{line-height:3;text-align: center;font-size: 200%;width: 100%;color: #d8d8d8;margin-top: 2% !important;}
img{max-width:100%;}
li {list-style: none;}
a:hover{text-decoration:none}
table{border-collapse: collapse; }
table th,table td{ padding:5px;border:1px solid #dedede;vertical-align: middle !important;}

.header{position: relative;}
.header .header-top{padding: 24px 0;}
.header .header-top .pull-right { }
.header .header-top .pull-right p{  margin-bottom:0;}
.header .header-top .pull-right i.iconfont{ color: #414141; font-size:230%;margin-right: 3px;}
.header .header-top .pull-right span{ color: #db2129; font-size:230%;}



.navbar{background: #0d62bd;border-radius: 0; border:none; margin-bottom:0;}
.navbar .navbar-nav {text-align: center;}
.navbar .navbar-nav a{ text-align: center; display: inline-block; color: #fff; margin: 0 10px;}

.navbar-default .navbar-nav>li>a{ color: #ffffff;}

.dropdown-menu{  background-color: #0f4bad;filter: alpha(opacity=56);	background-color: rgba(15, 75, 173, .9);border: none;}
.navbar-default .dropdown-menu li{ line-height:2.2;}
.navbar-default .dropdown-menu li a{}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #fff900;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#ffffff; background-color: #0042b1;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#ffffff; background-color: #0042b1;}


#navbar-default .searchbar{background-color: #0f4bad; filter: alpha(opacity=56); background-color: rgba(15, 75, 173, .56);  height:53px; line-height:53px; width:100%;color: #ffffff;position: absolute; overflow: hidden;}
#navbar-default .searchbar .keyword-box { padding:0; overflow: hidden;}
#navbar-default .searchbar .keyword-box a{ color: #ffffff; display: inline-block;margin-right: 5px;}

#navbar-default .searchbar .search-box{ padding:0;}
#navbar-default .searchbar .search-box .form-inline{background-color: #94a4be; border-radius: 4px;    margin-top: 9px;}
#pc-seach-box .form-control{ border:none;background-color: transparent; color: #fff;display: block;float: left;}
#pc-seach-box .form-control:-ms-input-placeholder{color:#fff}
#pc-seach-box .form-control::-webkit-input-placeholder{color:#fff}
#pc-seach-box .btn{background: transparent; border:none; color: #fff;float: right;font-size: 135%;padding: 3px 0;	width: 38px; position: relative;}
#pc-seach-box .btn:before{ position: absolute; height:95%; content: ''; display: block; width:0;border-left: 1px solid #8090ab; left:0; top:2.5%;}
#pc-seach-box .btn:hover{ opacity:.8;}

.navbar-toggle{background: #0d62bd; cursor: pointer;}
.navbar-toggle .icon-bar{background: #fff;}
.mobile_menu_nav{ overflow: hidden; position: fixed; width:100%; height:100%;background-color: rgba(0,0,0,.8); z-index:9;}


.mid-nav{ background: url("../Images/mid-nav-bg.jpg") center center no-repeat; background-size:  cover; overflow: hidden;}
.mid-nav .item{transition: all .2s linear 0s;color: #fff; padding:1.2% 0;  text-align: center; position: relative;}
.mid-nav .item:before{ position: absolute;  content: '';  display: block;   width:0; height:0;
    left:50%; top:0;border-top:3px solid #db2129; transition: all .2s linear 0s;}
.mid-nav .item a{ color: #ffffff; }
.mid-nav .item i{ font-size: 360%; }
.mid-nav .item p{ font-size: 130%; }
.mid-nav .item:hover:before{  width:100%;  left:0;  position: absolute;}
.mid-nav .item:hover { color: #0f4bad; background-color: #ffffff;}
.mid-nav .item:hover a{color: #0f4bad;}

.section{ margin-bottom: 1.5%;}
.section .sec-title{font-size: 200%; font-weight: 800;text-align: center; width: 10em;    margin: 1.5% auto;}
.section .sec-title fieldset {padding:0;margin:0 2px;border:1px solid silver}
.section .sec-title legend{padding:0 5%; border:0; width:auto}
.section .sec-nav{text-align: center;margin-bottom: 1.5%;}
.section .sec-nav a{ border:1px solid #d8d8d8; padding:.5% 1.2%; color: #5f5f5f;text-decoration: none;display: inline-block;margin-bottom: 1%;}
.section .sec-nav a:hover,.section .sec-nav a.on{ border:1px solid #0d62bd;color: #ffffff; background-color: #0d62bd;}

.product-list {}
.product-list .p-item{ padding: .5%;text-align: center;cursor: pointer;}
.product-list .p-item .p-item-wrap{ position: relative; overflow: hidden;    border: 1px solid #d8d8d8;}
.product-list .p-item .caption{ padding:6% 0; text-align: center; background-color: #475265;transition:  all .2s linear 0s;}
.product-list .p-item .caption a{ font-size: 115%; color: #fff; display: block; }
.product-list .p-item .p-item-wrap .overlay {background-color: #000;color: #fff;left: 0;right:0;bottom:-100%;height: 0;position: absolute;text-align: center;opacity:0;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.product-list .p-item .p-item-wrap .overlay .overlay-content {display: table;height: 100%;width: 100%;}
.product-list .p-item .p-item-wrap .overlay .overlay-text {display: table-cell;vertical-align: middle;}
.product-list .p-item .p-item-wrap .overlay .folio-info {opacity: 0;margin-bottom: 75px;margin-top: -75px;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.product-list .p-item .p-item-wrap .overlay .folio-info h3 {	margin-top: 0;	color: #fff;}
.folio-overview a {font-size: 18px;color: #333;	height: 50px;width: 50px;line-height: 50px;	border-radius: 50%;background-color: #fff;display: inline-block;margin-top: 20px;margin-right: 5px;}
.product-list .p-item .p-item-wrap .folio-overview a:hover { background-color: #0d62bd;}
.product-list .p-item .p-item-wrap .folio-overview .folio-expand {margin-top: -500px;margin-left: -500px;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.product-list .p-item:hover .overlay {	opacity: 0.8;	bottom: 0;	height: 100%;}
.product-list .p-item:hover .folio-overview .folio-expand {	margin-top: 0;	margin-left:0;}
.product-list .p-item:hover .overlay .folio-info {opacity: 1;margin-bottom:0;margin-top:0;}
.product-list .p-item:hover .caption{background-color: #0d62bd;}
.product-list .p-item  .p-item-title{ line-height:1.8;}
.product-list .p-item  .p-item-img{width:100%;}
.product-list .p-item figcaption {padding: 15%;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product-list .p-item figcaption h2 {word-spacing: -0.15em;font-size: 130%;font-weight: 700;margin: 0;line-height: 1em;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);visibility: hidden;}
.product-list .p-item figcaption::before, .product-list .p-item figcaption p {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);line-height: 1.7;margin-top: 8px;}
.product-list .p-item  figcaption::before {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border: 1px solid #fff;content: '';margin-top:0;}
.product-list .p-item:hover h2{ visibility: visible;}
.product-list .p-item:hover figcaption {background-color: rgba(0,0,0,0.8);}
.product-list .p-item:hover figcaption::before, .product-list .p-item:hover figcaption p {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.product-list .p-item:hover  figcaption h2 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.product-list .p-item figcaption .hidden-xs a {	border: 1px solid #fff;font-size: 90%;display: inline-block;color: #fff;padding: 0 1em;-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;outline: none !important;}
.product-list .p-item figcaption .hidden-xs a:hover {text-decoration: none;padding: 0 1.5em;}
.product-list .p-item .p-item-wrap a{color: #fff}

.advantage{background: url("../Images/adv_bg.jpg") top center no-repeat;}
.advantage .adv-title{padding: 1.75%;text-align: center;color: #fff;font-size: 120%;}
.advantage .adv-title .adv-title-list { margin: 1.5% auto;font-size: 169.40%;}
.advantage .adv-title .adv-title-list span{ border:1px solid #ffffff; padding:.5% 1.2%;margin: 0 .25%;display: inline-block;}
.advantage .adv-title .adv-title-tel{font-size: 120%}
.advantage .advantage-list{}
.advantage .advantage-list .adv-item{padding: 0 0.8%;}
.advantage .advantage-list .adv-item .adv-item-wrap{background-color: #f2f2f2;-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);	box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.advantage .advantage-list .adv-item .adv-item-wrap .adv-item-bottom{ padding:6%;}
.advantage .advantage-list .adv-item .adv-item-wrap .adv-item-title{  margin: 0 auto 5%;font-size: 135%; text-align: center;}
.advantage .advantage-list .adv-item .adv-item-wrap .adv-item-title strong{ color: #0f4bad;}
.advantage .advantage-list .adv-item .adv-item-wrap .adv-item-title p{  margin-bottom: 2%;font-weight: 800;}
.advantage .advantage-list .adv-item .adv-item-wrap .adv-item-desc{ line-height:26px;}
.advantage .advantage-list .adv-item:hover .adv-item-wrap{ background-color: #0d62bd;}
.advantage .advantage-list .adv-item:hover .adv-item-wrap .adv-item-title strong{ color: #ffffff;}
.advantage .advantage-list .adv-item:hover .adv-item-wrap .adv-item-title p{ color: #ffffff;}
.advantage .advantage-list .adv-item:hover .adv-item-wrap .adv-item-desc{ color: #ffffff;}

.index-about{background: url("../Images/about_bg.jpg") center center no-repeat; background-size: cover; overflow: hidden; margin-bottom:0;}
.index-about.section .sec-title legend{color:#fff;}
.index-about.section .sec-title fieldset{border-color: #fff;}
.index-about .about-con{color:#fff;text-align: center; line-height:200%;}
.index-about .about-con a.more{color:#fff; height:36px; line-height:36px; width:170px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-color: #0f4bad;    display: block;margin: 0 auto;}

.index-cases{background-color: #f5f5f5; overflow: hidden;}
.case-list{ margin-bottom:14px;}
.case-list .case-item{ padding: .8%;transition: all .2s linear 0s;}
.case-list .case-item .case-item-wrap{ transition: all .2s linear 0s;}
.case-list .case-item .case-title{ text-align: center;	padding: 1% 0;	margin-bottom: 0;	line-height: 290%;	background: #fff;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;	font-size: 120%;}
.case-list .case-item .case-item-wrap:hover{ -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);	box-shadow: 0 0 30px rgba(0,0,0,0.3);}

.case-list.owl-carousel .owl-stage-outer .case-item-wrap:hover{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);	box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.case-list.owl-carousel .case-item{ padding: 1.8%;}
.news-list{ margin:2% 0;}
.news-list .news-item{margin-bottom: 10px;}
.news-list .news-item:after{ clear: both; content: ''; width:100%; height:0; display: block;}
.news-list .news-img{ padding:0;}
.news-list .news-inf{}
.news-list .news-inf .news-title{ overflow: hidden; width: 100%; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;  font-size: 110%;line-height: 2;margin-bottom: 0;}
.news-list .news-inf .news-desc{     display: -webkit-box;	overflow: hidden;	white-space: normal!important;	text-overflow: ellipsis;	word-wrap: break-word;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}

.footer{overflow: hidden;}
.footer .fnav{background: url("../Images/footer_bg.jpg") center center no-repeat; background-size: cover; padding: 2.5% 0;}
.footer .fnav .fnav-item{ color: #a9a9a9;}
.footer .fnav .fnav-item p{line-height: 2.6;  margin-bottom:0;}
.footer .fnav .fnav-item h3{ color: #FFFFFF;}
.footer .fnav .fnav-item i.iconfont{ margin-right: 4px;font-size: 160%; vertical-align: middle;}
.footer .fnav .fnav-item .fnav-item-con a{ color: #a9a9a9; display: inline-block; padding:2.5% 3% 2.5% 0;}
.footer .fnav .fnav-item .fnav-item-con a:hover{ color: #ffffff;}
.footer .fnav .fnav-item .qrcode{background-color: #eee;width:120px;  height:120px;}
.footer .fnav .fnav-item .qrcode img{max-width:100%;max-height:100%;}
.footer .fnav .contact{}

.footer .copyright{background-color: #0f4bad; color: #b0bfd8; line-height:2;text-align: center;
    padding:.5% 0;}
.footer .copyright p{margin-bottom: 0;}

/*子页面 关于我们*/
.page_header{ padding-top:4.5%;background-color: #f1f1f1;}
.page_header .page_header_top{ border-bottom:1px solid #d3d3d3;  line-height: 2.2;}
.page_header .page_header_top .catname{ color: #0d62bd; font-size: 174%;font-weight: bold;}
.page_header .page_header_top .location{ margin-top: 1%;text-align: right;}
.page_header .page_header_top .location a{color: #333; }
.page_header .page_header_top .location a:hover{color: #337ab7;; }
.page_header .page_header_bottom{ color: #555555;}
.page_header .page_header_bottom .description{ line-height:5; }
.page_header .page_header_bottom .tel{}
.page_header .page_header_bottom .tel em{ font-style: normal;font-size: 180%;color: #df0000; line-height: 2.8;}
.page_wrap.page_info img{max-width:100%; display: block; margin:0 auto;}
.page_info h3{text-align: center; font-weight:bolder;line-height: 2;}
.page_info .page_about{ padding:1.8%; line-height:1.8;}

/*产品列表*/
.page_header .page_header_bottom  .cat_nav { margin-top: 1%;}
.page_header .page_header_bottom  .cat_nav a{ border:1px solid #d8d8d8; padding:.5% 1.2%; color: #5f5f5f;text-decoration: none;display: inline-block;margin-bottom: 1%;}
.page_header .page_header_bottom  .cat_nav a:hover,.page_header .page_header_bottom .cat_nav a.on{ border:1px solid #0d62bd;color: #ffffff; background-color: #0d62bd;}

.product-main{ padding-top:1.5%; padding-bottom:1.5%;}
.product_info_main{ padding:1.5%;}
.product_info_main .inf_head{ border-bottom: 1px solid #d8d8d8; padding-bottom:1%; padding-left:.5%;}
.product_info_main .inf_head strong{ font-size: 110%}
.product_info_main .product_con table{}

/*新闻列表*/
.news-gallery{}
.news-gallery .news-item{ padding:0;}
.news-gallery .news-item .news-item-wrap{ padding:3%;border: 1px solid #c3c3c3;	margin: 2%;}
.news-gallery .news-item .news-time{color: #a7a3a3;}
.news-gallery .news-item .news-title{text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width:100%;}
.news-gallery .news-item .news-img {max-height:200px; overflow: hidden;}
.news-gallery .news-item .news-img img{ width:100%; position: relative;}
.news-gallery .news-item .news-desc{ line-height:1.8;  display: -webkit-box;	overflow: hidden;white-space: normal!important;text-overflow: ellipsis;	word-wrap: break-word;-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}


/*新闻详情*/
.news-main{}
.news-main .news-title{text-align: center;}
.news-main .news-info{text-align: center; color: #999;}
.news-main .news-img img{ padding: .7%;border: 1px solid #e6e6e6;}


/*联系我们*/
.contact_page{padding-top: 2%;overflow: hidden;}
.message li{margin-bottom: 1rem;}
.message li .form-control{border: 1px solid #e3e3e3; border-radius: 0;color: #8c8c8c;background: transparent;box-shadow: none;}
.message .form-last{margin: 0;}
.message .form-last li{padding-right: 0;}
.message .form-last li:last-child{padding-right: 15px;}
.message .form-last .btn-primary{border-radius:0;border-color: #0081dc;background-color: #0081dc; width: 100%;}
.contacts{}
.contacts .contact-item{margin-bottom: 1em; padding-left: 2em;}

.contacts .contact-item i.iconfont{font-size: 190%;  vertical-align: middle;}
.contacts .contact-item p{margin-bottom: 0; line-height: 1.5;}
.contacts .contact-item em{color: #c9242b; font-style: normal;font-size: 180%}
.qrcode{text-align: center;font-size:87%;}
.qrcode p{line-height: 1.5;}