@charset "utf-8";
/*reset*/
*, :before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup, dd, dl, dt, li, ol, ul, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
ul{margin:0; padding:0; list-style:none;}
li{list-style-type: none;}
font{font-family:Arial,Verdana;}
input, button, textarea,select{margin: 0;padding: 0;border-width: 1px;font-size: 14px;transition: all 0.5s;-webkit-transition: all 0.5s;border-radius: 0;-webkit-appearance: none;}
input, button{-webkit-appearance:none;outline:none;background:none;}
a img{border:0 none; max-width: 100%;}
iframe{border: 0;}
img{vertical-align: middle;max-width: 100%;max-height: 100%;transition: all 0.5s;    -webkit-transition: all 0.5s;
}
a{text-decoration:none;transition: all .5s;-webkit-transition:all .5s; -moz-transition: all .5s;-o-transition: all .5s;color: #444;}
a:hover{ text-decoration:none;transition: all .5s;-webkit-transition:all .5s; -moz-transition: all .5s;-o-transition: all .5s;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
body{color: #444;overflow: hidden;-webkit-overflow-scrolling: touch;}
table {	border-collapse: collapse;	border-spacing: 0;}
label,button{cursor:pointer;}
select,input,textarea,button{outline:none; } 
i{font-style:normal;}
.bgf{ background: #fff !important;}
/*common*/
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.clearl{clear: left;}
.clearr{clear: right;}
.overHidden{overflow: hidden;}
.h15{clear: both;height: 15px;overflow: hidden;}
.h30{clear: both;height: 30px;overflow: hidden;}
.marlrAuto{margin-left: auto;margin-right: auto;}
.table{display: table;width: 100%;height: 100%;}
.cell{width: 100%;height: 100%;display: table-cell;vertical-align: middle;}
.clearfix:after{display: block;content: "";height: 0;clear: both;}
.clearfix{*zoom: 1;}
.pro-table,.pro_table{overflow-x:auto}
.textOverflow{white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.textOverClm{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;}
.clm2{-webkit-line-clamp:2; }
.clm3{-webkit-line-clamp:3; }
.clm4{-webkit-line-clamp:4; }
.clm5{-webkit-line-clamp:5; }
.clm6{-webkit-line-clamp:6; }
.clm7{-webkit-line-clamp:7; }
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.textHover:hover{text-decoration: underline;}
.btnHover{transition:all 0.5s;-webkit-transition:all 0.5s;}
.btnHover:hover{opacity: 0.9;transition: all 0.5s;-webkit-transition: all 0.5s;}
.btnHover2{position: relative;overflow: hidden;}
.btnHover2:before{content: '';    position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;opacity: 1;-webkit-transform: translate(-105%,0);transform: translate(-105%,0);border-right-width: 1px;border-right-style: solid;border-right-color: #fff;background-color: rgba(255,255,255,.25);}
.btnHover2:hover:before{opacity: 0;    -webkit-transform: translate(0,0);transform: translate(0,0);}
.colorf{color: #fff !important; }
.colorfa{color: #fafafa !important; }
.color0{color: #000 !important;}
.color1{color: #111 !important;}
.color2{color: #222 !important;}
.color3{color: #333 !important;}
.color6{ color: #666 !important;}
.color8{ color: #888 !important;}
.color9{ color: #999 !important;}
.colorm{ color: #2196ED !important;}/*#125ad3*/
.word_break:{word-break:break-all;} /*文字换行*/
.borderN{border: none;}
.uppercase{text-transform: uppercase;}
.capitalize{text-transform: capitalize;}
/**displayNone**/
.disNone{display: none;}
.wrapper{width: 90%;max-width: 1600px;margin-left: auto;margin-right: auto;}
.mask{display: none;position: fixed;left: 0;top: 0;z-index: 4;width: 100%;height: 100%;background: rgba(0,0,0,.3);}

/*
 * video_open
 */
.video_window {display: none;width: 800px;height: 485px;position: fixed;left: 50%;top: 50%;z-index: 10000;margin: -300px 0 0 -400px;}
.video_window_rela {position: relative;height: 100%;}
.video_window_close {position: absolute;right: -12px;top: -12px;width: 20px;color: #fff;font-size: 18px;height: 20px;font-family: arial;line-height: 20px;text-align: center;cursor: pointer;}
.video_window_mask {display: none;position: fixed;left: 0;top: 0;z-index: 9999;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);}
.video_window_ifeame{background:#333;border: 0;}

@media screen and (min-width: 768px) and (max-width: 992px){.video_window{	width:600px;	height: 400px;	margin: -200px 0 0 -300px;}}
@media screen and (min-width: 300px) and (max-width: 767px){.video_window{	width:80%;	height: 260px;	margin: -130px 0 0 -40%;}}

/* 
图片放大
 */
#baguetteBox-overlay {display: none;opacity: 0;position: fixed;overflow: hidden;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000000;background-color: #222;background-color: rgba(0, 0, 0, 0.8);-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
#baguetteBox-overlay.visible {opacity: 1;}
#baguetteBox-overlay .full-image {display: inline-block;position: relative;width: 100%;height: 100%;text-align: center;}
#baguetteBox-overlay .full-image figure {display: inline;margin: 0;height: 100%;}
#baguetteBox-overlay .full-image img {display: inline-block;width: auto;height: auto;max-height: 100%;max-width: 100%;vertical-align: middle;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);   -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}
#baguetteBox-overlay .full-image figcaption {display: block;position: absolute;bottom: 0;width: 100%;text-align: center;line-height: 2;color: #ccc;font-size: 16px;background-color: #000;background-color: rgba(0, 0, 0, 0.6);font-family: sans-serif;}
#baguetteBox-overlay .full-image:before {content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
#baguetteBox-slider {position: absolute;left: 0;top: 0;height: 100%;width: 100%;white-space: nowrap;-webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease;transition: left 0.4s ease, -moz-transform 0.4s ease;transition: left 0.4s ease, transform 0.4s ease;}
#baguetteBox-slider.bounce-from-right {-webkit-animation: bounceFromRight 0.4s ease-out;animation: bounceFromRight 0.4s ease-out;}
#baguetteBox-slider.bounce-from-left {-webkit-animation: bounceFromLeft 0.4s ease-out;animation: bounceFromLeft 0.4s ease-out;}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {top: 50%;top: calc(50% - 30px);width: 44px;height: 60px;}
.baguetteBox-button {position: absolute;cursor: pointer;outline: none;padding: 0;margin: 0;border: 0;-moz-border-radius: 15%;     border-radius: 15%;background-color: #323232;background-color: rgba(50, 50, 50, 0.5);color: #ddd;font: 1.6em sans-serif;-webkit-transition: background-color 0.4s ease;transition: background-color 0.4s ease;}
.baguetteBox-button:hover {background-color: rgba(50, 50, 50, 0.9);}
.baguetteBox-button#next-button {right: 2%;}
.baguetteBox-button#previous-button {left: 2%;}
.baguetteBox-button#close-button {top: 20px;right: 2%;right: calc(2% + 6px);width: 30px;height: 30px;}
.baguetteBox-button svg {position: absolute;left: 0;top: 0;}
/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.spinner {width: 40px;height: 40px;display: inline-block;position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px;}
.double-bounce1,
.double-bounce2 {width: 100%;height: 100%;-moz-border-radius: 50%;     border-radius: 50%;background-color: #fff;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: bounce 2s infinite ease-in-out;animation: bounce 2s infinite ease-in-out;}
.double-bounce2 {-webkit-animation-delay: -1s;animation-delay: -1s;}
@-webkit-keyframes bounceFromRight {
        0% {margin-left: 0;}
    50% {margin-left: -30px;}
    100% {margin-left: 0;}
}
    @keyframes bounceFromRight {
            0% {margin-left: 0;}
    50% {margin-left: -30px;}
    100% {margin-left: 0;}
}
    @-webkit-keyframes bounceFromLeft {
            0% {margin-left: 0;}
    50% {margin-left: 30px;}
    100% {margin-left: 0;}
}
    @keyframes bounceFromLeft {
            0% {margin-left: 0;}
    50% {margin-left: 30px;}
    100% {margin-left: 0;}
}
    @-webkit-keyframes bounce {
            0%,100% {-webkit-transform: scale(0);transform: scale(0);}
    50% {-webkit-transform: scale(1);transform: scale(1);}
}
    @keyframes bounce {
            0%,100% {-webkit-transform: scale(0);   -moz-transform: scale(0);transform: scale(0);}
    50% {-webkit-transform: scale(1);   -moz-transform: scale(1);transform: scale(1);}
}