@charset "UTF-8";
.container-fluid { min-width: 1200px; }
.container { min-width: 1200px; }

.top-nav-bg { padding: 15px 0; margin: 0 0 20px 0; background: url(https://www.sanqin.com/static/images/cp-nav-top.jpg) no-repeat top center; }
.top-nav-bg .content-page-logo { margin-top: 12.5px; height: 50px; }

/*navbar-form*/
.navbar-form { border: 1px solid #fff; border-radius: 50px; background-color: rgba(255, 255, 255, .1); height: 35px; line-height: 35px; margin-top: 20px; margin-bottom: 20px; }
.form-group input { border: none; }
.form-control { width: 170px; float: left; height: 32px; margin-left: 15px; background: none; color: #FFFFFF !important; font-size: 14px;}
.form-control::-webkit-input-placeholder {  /* WebKit browsers */
color: #fff; }
.form-control:-moz-placeholder {  /* Mozilla Firefox 4 to 18 */
color: #fff; }
.form-control::-moz-placeholder {  /* Mozilla Firefox 19+ */
color: #fff; }
.form-control:-ms-input-placeholder {  /* Internet Explorer 10+ */
color: #fff; }
.form-control:focus,
.btn.btn-default:focus { outline: none; }
.btn.btn-default { float: right; background: url(http://www.sanqin.com/static/images/searchbtn.png) 0 0 no-repeat; background-size: 20px 20px; border: none; width: 20px; height: 20px; margin-top: 7px; margin-right: 10px; }
.nav-small-list li { display: inline-block; width: 16%; line-height: 75px; text-align: center; font-size: 16px; }
.nav-small-list li a { display: inline-block; color: #fff; line-height: 35px; }
.nav-small-list li a:hover { border-bottom: 2px solid #fff; }
.navStyle li { display: inline-block; width: 120px; line-height: 60px; color: #3f3f3f; cursor: pointer; text-align: center; font-size: 16px; }
.navStyle .active { font-weight: 700; background-color: #eee; }

/*anli*/
#anter .swiper-slide { width: 217px; }
.anli-tit-box .swiper-button-next,
.anli-tit-box .swiper-button-prev { top: 35px; width: 20px; height: 20px; background-size: 20px 20px; }
.anli-tit-box .swiper-button-prev,
.anli-tit-box .swiper-container-rtl .swiper-button-next { left: auto; right: 5%; }
.anli-tit-box .anli-tit { margin-bottom: 15px; position: relative; }
.anli-tit-box .anli-tit:before { content: ''; z-index: 1; position: absolute; top: 50%; left: 0; margin-top: -12.5px; width: 5px; height: 25px; background-color: #c30; }
.anli-tit-box .anli-tit h3 { margin-left: 15px; font-weight: bold; }

/*hover.css*/
.ih-item { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item,
.ih-item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ih-item a { color: #333; }
.ih-item a:hover { text-decoration: none; }
.ih-item img { width: 100%; height: 100%; }
.ih-item.square { position: relative; width: 100%px; height: auto; margin: 10px 7.5px; border: 3px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.ih-item.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.ih-item.square.effect6 { overflow: hidden; }
.ih-item.square.effect6.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.square.effect6.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect6 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect6 .info { background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect6 .info h3 { position: absolute; top: 20px; width: 100%; text-transform: uppercase; color: #fff; text-align: center; font-size: 16px; background: #111111; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect6 .info img { position: absolute; top: 55%; margin-top: -60px; left: 55%; margin-left: -60px; width: 110px; height: 110px; }
.ih-item.square.effect6 .info p { position: absolute; bottom: 15px; left: 0; width: 100%; font-style: italic; font-size: 12px; color: #bbb; display: inline-block; text-align: center; -webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear; }
.ih-item.square.effect6 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.ih-item.square.effect6 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.square.effect6.from_top_and_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.square.effect6.from_top_and_bottom .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

/*footer*/
.footer { background: #f5f5f7; border-top: 2px solid #efefef; margin-top: 50px; width: 100%; min-width: 1200px; }
.footer .footer-con { background: #e6e6e6; margin-top: 20px; }
.linksbox li { float: left; padding-right: 15px; line-height: 30px; }
.linksbox li a { font-size: 12px; }
.baike { display: none; }
.links-tt { width: 100%; display: block; font-size: 16px; margin: 10px 0 0 0; }
.links-tt i { color: #d21d26; font-style: normal; font-weight: bolder; }
.infobox { padding: 20px 0 10px 0; text-align: center; }
.infobox li { width: 100%; line-height: 28px; font-size: 12px; }
.infobox li>span { margin: 0 8px; }
.slideBox { width: 100%; overflow: hidden; position: relative; }
.slideBox .hd { height: 8px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 10; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 5px; width: 8px; height: 8px; line-height: 5px; border-radius: 20px; text-indent: -9999em; background: #fff; cursor: pointer; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000); color: #FFF; overflow: hidden; }
.slideBox .hd ul li.on { background: rgba(255, 0, 0, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000); }