@CHARSET "UTF-8";
*{ margin: 0px; padding: 0px; outline: none; }
body{font-family:'Microsoft Yahei',verdana; font-size: 14px; background: #ffffff; letter-spacing: 0.08rem;}
body.body-grey{ background: #F2F2F2; }
ul,ol,li{list-style:none}
a{ text-decoration: none; }
img{ max-width: 100%; }

/*公共样式*/
.fr{ float: right; }
.fl{ float: left; }
.tlg-center{ text-align: center; }
.tlg-right{ text-align: right; }
.tlg-left{ text-align: left; }
.mt18{ margin-top: 18px; }
.mt30{ margin-top: 30px; }
.mb30{ margin-bottom: 30px; }
.mb60{ margin-bottom: 60px; }
.txt-color-black{ color: #000000; }
.txt-color-grey{ color: #7d7d7d; }
.txt-color-dark{ color: #000; }
.txt-color-light{ color: #828c96; }
.txt-color-theme{ color: #8f116e; }
.txt-color-tip{ color: #ff6a6a; }
.fsize-s{ font-size: 12px; }
.fsize-m{ font-size: 16px; }
.fsize-l{ font-size: 18px; }
.fsize-xl{ font-size: 20px; }
.fsize-2xl{ font-size: 24px; }
.fsize-3xl{ font-size: 26px; }
.fweight-b{ font-weight: bolder; }
.bg-grey{ background: #F2F2F2; }
.bg-white{ background: #ffffff; }
.w400{ width: 400px; }
.w150{ width: 400px; }
.wp40{ width: 40%; }
.sec-grey{ background: #f5f5f5; }
.container{ padding: 0px; min-width: 1200px; }
.ofh{ overflow: hidden}

/*大标题*/
.sec-title{ color: #000000; font-size: 26px; padding-top: 30px;}
.sec-title-sub{ color: #9da6b0; letter-spacing:1.5px; }

/* 产品服务*/
.tab-nav {box-shadow: 0 1px 0 #eeb3df;margin-top: 20px;margin-bottom: 26px;position: relative;}
.tab-nav .nav {margin-top: 0 !important;margin-bottom: 0 !important;}
.tab-nav .nav > li {vertical-align: bottom;}
.tab-nav .nav > li > a,
.tab-nav .nav > li > .a {border-bottom: 2px solid transparent;color: rgba(0, 0, 0, 0.87);padding-bottom: 12px;text-transform: uppercase;transition: border-bottom-color 0s;}
.tab-nav .nav > li > a:focus, .tab-nav .nav > li > a:hover,
.tab-nav .nav > li > .a:focus,
.tab-nav .nav > li > .a:hover {border-bottom-color: #eeb3df;color: #8f116e;transition: border-bottom-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);background: transparent;}
.tab-nav .nav > li.active > a {border-bottom-color: #8f116e;color: #8f116e;transition: border-bottom-color 0s 0.45s;}
.tab-nav-indicator {background-color: transparent;height: 2px;position: absolute;bottom: 0;}
.tab-nav-indicator.animate {background-color: #8f116e;transition: left 0.225s cubic-bezier(0.4, 0, 0.2, 1) 0.225s, right 0.45s cubic-bezier(0.4, 0, 0.2, 1);}
.tab-nav-indicator.animate.reverse {transition: left 0.45s cubic-bezier(0.4, 0, 0.2, 1), right 0.225s cubic-bezier(0.4, 0, 0.2, 1) 0.225s;}
.tab-nav-white .nav > li > a,
.tab-nav-white .nav > li > .a {color: white;}
.tab-nav-brand .nav > li > a:focus, .tab-nav-brand .nav > li > a:hover,
.tab-nav-brand .nav > li > .a:focus,
.tab-nav-brand .nav > li > .a:hover {border-bottom-color: #7986cb;color: #309bfe;}
.tab-nav-brand .nav > li.active > a, .tab-nav-brand .nav > li.active > .a {border-bottom-color: #309bfe;color: #309bfe;}
.tab-nav-brand .tab-nav-indicator.animate {background-color: #309bfe;}

/*视屏增加*/
.notice_down{ background-color:#000;border-radius:10px; }
.tab-pane {display: none;visibility: hidden;}
.tab-pane.active {display: block;visibility: visible;}

/*产品服务图标*/
.icon{ display: inline-block; }
.icon-block{ display: block; margin: 0 auto; }
.icon-fl{ float: left; margin-right: 4px; }
.icon-x{ width: 16px; height: 16px; }
.icon.icon-2x{ width: 30px; height: 30px; }
.icon.icon-3x{ width: 40px; height: 40px; }

/*专题滚动箭头*/
.carousel-control2{position: absolute;top: 50%;left: 15px;width: 40px;height: 40px;margin-top: -20px;font-size: 60px;font-weight: 100;line-height: 30px;color: #ffffff;text-align: center;background: transparent;border: none;-webkit-border-radius: 23px;-moz-border-radius: 23px;border-radius: 23px;opacity: 0.5;}
.carousel-control2.left{background-image: none;}
.carousel-control2.right{right: 15px;background-image: none;}
.glyphicon-chevron-left:before{content: '';background: url(../images/icons/arrow_n.png) 50% 50% no-repeat;background-size: cover;height: 30px;width: 30px;display: block;}
.carousel-control2:hover .glyphicon-chevron-left:before{content: '';background: url(../images/icons/arrow_l.png) 50% 50% no-repeat;background-size: cover;}
.glyphicon-chevron-right:before{content: '';background: url(../images/icons/arrow_r_n.png) 50% 50% no-repeat;background-size: cover;height: 30px;width: 30px;display: block;}