@charset "utf-8";
/* CSS Document */
.search { position: relative; }
.search .icon-search { font-size: 22px; color: #1f52a0; line-height: 40px; text-align: center; padding: 0 20px; cursor: pointer; }
.search #form_s { position: absolute; top: 60px; right: 0; display: none; width: 320px; padding: 10px; background: #fff; overflow: hidden; box-sizing: border-box; z-index: 100; box-shadow: 0px 0px 5px #888; }
.search #form_s input { border: 1px solid #999999; font-size: 12px; color: #333; line-height: 40px; height: 40px; padding: 0 5px; float: left; }
.search #form_s input[name="keyword"] { width: 85%; }
.card-subtitle{    font-size: 18px;line-height: 40px;font-weight: 600;}
.card-title{ text-transform:capitalize}
#Header .search #form_s input[type="submit"] { width: 15%; border-left: none; background: url('../images/icon-s.png') no-repeat center center; background-size: 16px; }

/****** Product ******/
.Pro-Tab-Tit { box-shadow: 1px 1px 6px #aaa; margin-bottom: 25px; }
@media(min-width:576px){.Pro-Tab-Tit li { float: left; width: 100%; text-align: left;    list-style: none; } .Pro-Tab-Tit li a { text-align:left; }  }
@media(min-width:992px){.Pro-Tab-Tit li { float: left; width: 33%; text-align: center;    list-style: none; } .Pro-Tab-Tit li a { text-align:center;}}

.Pro-Tab-Tit a { display: block; padding: 15px 20px; display: block; font-size: 16px; color: #000; line-height: 40px; transition: all 0.3s ease-out; }
.Pro-Tab-Tit .Icon { width: 30px; height: 28px; display: inline-block; overflow: hidden; position: relative; margin-right: 5px; top: 8px; }
.Pro-Tab-Tit .Icon img { position: absolute; top: 0; left: 0; width: 30px; height: 56px; transition: ease-in; }
.Pro-Tab-Tit li.cur a { background: #1f52a0; color: #fff; }
.Pro-Tab-Tit li.cur .Icon img { top: -28px; }
.Pro-Tab-conten .Pro-Box { margin: 0 -12px; }
.Pro-Box li { /*float: left; width: 25%;*/ height: auto;    list-style: none; }
.Pro-Box .Item { margin: 20px 12px; border: 1px solid #e5e5e5; }
.Pro-Box .Item .pic { overflow: hidden; }
.Pro-Box .Item .pic img { transition: all 0.3s ease-out; width: 100%; }
.Pro-Box .Item .Intro { padding: 20px; text-align: center; }
.Pro-Box .Item h3 { font-size: 14px; color: #333; line-height: 20px; margin-bottom: 10px; font-weight: 500; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Pro-Box .Item p { font-size: 12px; color: #999; line-height: 22px; overflow: hidden; text-overflow: ellipsis; height: 44px; }
.Pro-Box .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; transition: all 0.3s linear; /*opacity: 0; filter: alpha(opacity=0);*/ z-index: 90; }
.Pro-Box .owl-theme .owl-controls .owl-nav .owl-prev { left: -50px; background: url('../images/icon_left01.png') no-repeat center center; background-size: 80%; }
.Pro-Box .owl-theme .owl-controls .owl-nav .owl-next { right: -50px; background: url('../images/icon_right01.png') no-repeat center center; background-size: 80%; }
.Pro-Box .owl-theme .owl-dots { margin-bottom: 30px; }
.Pro-Box .owl-theme .owl-dots .owl-dot { padding: 5px; margin: 5px; }
.Pro-Box .owl-theme .owl-dots .owl-dot span { border: 1px solid #000; background: none; margin: 0; width: 6px; height: 6px; }
.Pro-Box .owl-theme .owl-dots .active { border: 1px solid #000; border-radius: 100%; }
.Pro-Box .owl-theme .owl-dots .active span { background: #000; }


.bg-gray{ background:#f9f9f9}
.text-green{ color:#1f52a0}
h4.box-info-modern-title{ font-size:14px; font-weight:normal}
h2.about-title{font-size: 45px;color: #000;opacity: 0.3;filter: alpha(opacity=30);display: block;line-height: 50px;}
.company{ border-bottom:2px solid #1f52a0; display:inline-block; padding-bottom:15px;}

/****** News ******/
.bg-news{ background:url(../images/newsbg.jpg) no-repeat; background-size:cover}
#News .News-title { margin-bottom: 30px; }
.News-title .fl { float: left; width: 60%; }
.News-title .fr { float: right; width: 20%; text-align: right; }
.News-title .More { background: #fff; font-size: 14px; color: #666; border: 1px solid #ececec; border-radius: 20px; display: inline-block; line-height: 30px; padding: 0 20px; }
.News-title .More i { font-family: "SimSun"; margin-left: 10px; }
#News .left { float: left; width: 49%; }
#News .right { float: right; width: 49%; }
.News-owl { overflow: hidden; }
.News-owl .Item { position: relative; }
.News-owl .Item h3 { position: absolute; left: 0; bottom: 0; background-image: url('../testimg/hsbg01.png'); padding: 10px 20px; font-size: 14px; color: #fff; line-height: 20px; font-weight: 500; width: 100%; }
.News-owl .Item .date { font-size: 12px; color: #c1c1c1; line-height: 20px; display: block; }
.News-owl .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; border: 1px solid #e9e9e9; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.News-owl .owl-theme .owl-controls .owl-nav .owl-prev { left: -50px; background: #fff url('../images/left.png') no-repeat center center; }
.News-owl .owl-theme .owl-controls .owl-nav .owl-next { right: -50px; background: #fff url('../images/right.png') no-repeat center center; }
.News-owl .owl-theme .owl-dots { position: absolute; right: 20px; bottom: 15px; }
.News-owl .owl-theme .owl-dots .owl-dot span { margin: 3px; background: none; border: 1px solid #fff; }
.News-owl .owl-theme .owl-dots .active span { background: #fff; }
.Newslist .Item { position: relative; padding: 15px 30px; background: #fff; margin-bottom: 20px; overflow: hidden; transition: all 0.3s linear; }
.Newslist .Item .Intro { float: left; width: 82%; }
.Newslist .Item .date { float: right; width: 10%; text-align: center; }
.Newslist .Item .date span { display: block; font-size: 16px; color: #666; line-height: 36px; border-bottom: 1px solid #e3e3e3; }
.Newslist .Item .date strong { font-size: 16px; color: #666; line-height: 32px; }
.Newslist .Item h3 { font-size: 14px; color: #333; line-height: 28px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Newslist .Item p { font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; }
.Newslist .Item:hover { box-shadow: 1px 1px 5px #999; }
.Newslist .Item:hover h3 { color: #1f52a0; }
.News-owl .owl-theme:hover .owl-controls .owl-nav .owl-prev { left: 0; opacity: 1; filter: alpha(opacity=100); }
.News-owl .owl-theme:hover .owl-controls .owl-nav .owl-next { right: 0; opacity: 1; filter: alpha(opacity=100); }
.post-nikki{ padding:10px;}
.post-nikki:hover{box-shadow: 1px 1px 5px #999;}


/*****面包屑导航*****/
.breadcrumbs-custom-footer{ text-align:left;}
.pagetitle li{ display:inline-block;}
.pagetitle li a{ color:#434343;padding: 0 20px; text-transform:uppercase;line-height: 60px; position:relative; display:block; }
.pagetitle li a:hover{color:#1f52a0}
.pagetitle li a span{position: absolute;bottom: 0;left: 50%;height: 3px;width: 0;display: block;background: #1f52a0;transition: all 0.3s linear;
-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.pagetitle li:hover .line{    width: 100%;left: 0;}
i{ font-style:normal}
.section-40{ padding:40px 0}
.section-30{ padding:30px 0}
.heading-2 .q:after{ content:''; display:block; width:40px;height: 3px;background: #c0c0c0; position:relative; top:12px;    margin: 0 auto;}
.p-30{ padding:30px;}


h1.proname{ font-size:16px; color:#333; text-transform:capitalize;font-weight: normal;}
.thumbnail-classic-figure img{transition: all 0.3s ease-out;}
.thumbnail-classic-figure:hover img{    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
.thumbnail-classic-figure figcaption{ background:#fff}
.thumbnail-classic-figure .pic{ overflow:hidden}
.thumbnail-classic-figure:hover figcaption{ background:#1f52a0}
.thumbnail-classic-figure:hover figcaption a{ color:#fff}
#cate_title{font-size: 20px;
    color: #1f52a0;
    line-height: 21px;
	position:relative;
    padding:10px 0 10px 15px;border-bottom: 1px solid #e8e8e8;font-weight: 400; margin-bottom:30px}
#cate_title:before{ content:''; display:inline-block; width:4px; height:16px; background:#1f52a0; position:absolute; left:0}
.prodes{ padding:15px; background:#fff}
.post-classic-content{ background:#fff; position:relative; padding-bottom:30px;}
.post-classic-text{ margin-top:0 !important}
.post-classic-time{ width:100%}
.post-classic-time time{ position:absolute; bottom:10px; }
.fa-arrow-circle-o-right{ position:absolute; right:20px; bottom:5px; font-size:18px; color:#999;}
.fa-arrow-circle-o-right:hover{color:#1f52a0}
.post-modern-title{ font-size:20px;color:#1f52a0;}
.post-modern-panel{ padding:10px 0;border-bottom: 1px dashed #c6c6c6;}
.pagination li{      margin:0 2px;border-radius: 3px;    text-align: center;}
.currPage{ background:#ffec62 !important; color:#000 !important; border: 1px solid #ffec62 !important;}

.pagination li a{border: 1px solid #1f52a0; background: #1f52a0; color:#fff;padding: 0 10px; line-height: 36px; border-radius: 3px; width:36px; font-size:14px;}
.pagination li a:hover{ border-radius:3px; border:1px solid #5482FD; color:#5482FD;}
.bg-case{ background:url(../images/casebg.jpg) fixed;}
.case .col-md-6:nth-child(3), .case .col-md-6:nth-child(4){ margin-top:20px;}
.caseleft, .caseright{ position:relative}
.caseleft .casetitle, .caseright .casetitle{  background: rgba(0, 0, 0, 0.5); line-height:50px; color:#fff; text-align:center; display:block; width:100%; position:absolute;left: 0;bottom:0}
.caseleft .pic img, .caseright .pic img{transition: all 0.3s ease-out;}
.caseleft .pic, .caseright .pic{ overflow:hidden}
.caseleft:hover .pic img, .caseright:hover .pic img{ -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}

.rd-navbar-nav li.rd-nav-item:first-child a:before{content: "\f015";font-family:fontawesome; font-size:18px; padding-right:5px; width:20px; height:20px; }
.rd-navbar-nav li.rd-nav-item:first-child a:hover .rd-navbar-nav li.rd-nav-item:first-child a:before{ color:#1f52a0}