@charset "utf-8";
/*css*/
@font-face { font-family: 'Montserrat'; src: url('../fonts/montserrat.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gabriola'; src: url('../fonts/gabriola.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSans'; src: url('../fonts/opensans.ttf') format('truetype'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
a { text-decoration: none;  -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* top */
.header_top{width: 100%;display:block;margin: 0;vertical-align: middle; position: absolute; top:0;z-index:9999; }
.header_inner{position: relative;padding: 0 39px;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}
.header_top .header_inner_left {position: absolute;left: 45px;top: 0;z-index: 110;}
.logo_wrapper {height: 90px;float: left;}
.q_logo {position: relative;top: 50%;left: 0;}
.q_logo a {position: relative;display: block;visibility: visible;height: 42px}
.q_logo img {display: block;opacity: 1;position: absolute;top: -50%;width: auto!important;max-width: none; height: 100%;}
.q_logo img.logo1 {display: block;}
.q_logo img.logo2 {display: none;}

.header_inner_right {position: relative;z-index: 99999;height: 95px;left: auto;float: right;width: auto;}
.side_menu_button_wrapper {display:block;}
.header_inner_right .side_menu_button {position: relative;cursor: pointer;display: table-cell;vertical-align: middle;height: 90px;line-height: 90px;}
.header_inner_right .side_menu_button  a{display: block;margin: 0 0 0 25px; line-height: 90px;height:20px;width: 20px;background:url(../images/weixin_btn.png) no-repeat center right;transition: opacity 0.15s ease-out, background-color 0.15s ease-out;}
.header_inner_right .side_menu_button  a:hover{background:url(../images/weixin_btn3.png) no-repeat center right;}
.header_inner_right .side_menu_button  a:before {content: "";display: block;height: 25px;width: 1px;position: absolute;top: 50%;margin-top:-12px;left: 0;background-color: #cfcfcf;margin-left: -25px;opacity: 0.3;}

.header_inner_nav {z-index: 100;text-align: center;position: relative;left: auto;float: right;width: auto;margin-right: 23px;}
.header_inner_nav>ul {display: inline-block;vertical-align: middle; position: relative;text-align: left;}
.header_inner_nav>ul li {display: inline-block;float: left;margin-right:19px;position: relative;}
.header_inner_nav>ul > li > a {color: #fff;font-family: 'Montserrat',"微软雅黑", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;text-transform: capitalize;letter-spacing: -0.3px;position: relative;padding: 0;display: inline-block;height: 100%;
    -webkit-transition: color .15s ease-out,background-color .15s ease-out;
    -moz-transition: color .15s ease-out,background-color .15s ease-out;
    -o-transition: color .15s ease-out,background-color .15s ease-out;
    -ms-transition: color .15s ease-out,background-color .15s ease-out;
    transition: color .15s ease-out,background-color .15s ease-out;
}
.header_inner_nav>ul > li:hover > a{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.header_inner_nav>ul > li > a span{display:block;line-height: 95px;position: relative;}
.header_inner_nav>ul > li > a span.item_inner span{padding: 0 19px;}
.header_inner_nav>ul > li > a span.item_inner span:before{content: '';display: block;height: 95px;width: 19px;position: absolute;right:0; top:0;background:url(../images/drop_btn.png) no-repeat center right;}
.header_inner_nav>ul > li > a span.item_en{ display:none;}
.header_inner_nav>ul > li > a.current span.item_text{ display:none;}
.header_inner_nav>ul > li > a.current span.item_en{ display:block;}

/*二级菜单*/
.header_inner_nav .second {left: 0;margin: 0;top: 100%;position: absolute;display: block;visibility: hidden;overflow: hidden;opacity: 0;z-index: 10;box-sizing: border-box;-webkit-transition: top .15s ease-out;-moz-transition: top .15s ease-out;-ms-transition: top .15s ease-out;-o-transition: top .15s ease-out;transition: top .15s ease-out; background:#fff;}
.header_inner_nav>ul > li:hover .second{display: block;opacity:1;visibility: visible;}
.second{border-top:5px solid #2ec4de;}
.second .inner {position: relative;padding: 0;display: block;z-index: 997;}
.second ul{padding: 13px 0;}
.second ul li.menu-item{ display:block; float:none;margin:0;padding: 0;width: 215px;}
.second ul li.menu-item > a{line-height:30px; display:block;margin: 0 28px;font-size: 14px;color: #949494;}
.second ul li.menu-item > a:hover{color: #2ec4de;}

/*悬浮菜单*/
.header_top.sticky {top:-120px;left: 0;position: fixed; background:#fff;}
.header_top.animateTop{top:0;-webkit-transition:top .33s cubic-bezier(0.694,0.0482,0.335,1);-moz-transition:top .33s cubic-bezier(0.694,0.0482,0.335,1);transition:top .33s cubic-bezier(0.694,0.0482,0.335,1);box-shadow: 0 1px 3px rgba(0,0,0,0.11);border-bottom:1px solid rgba(255,255,255,0.01);}
.header_top.animateTop .header_inner_nav>ul > li > a.current{color:#2ec4de;}
.header_top.animateTop .header_inner_nav>ul > li > a span{line-height: 60px;}
.header_top.animateTop .header_inner_right,.header_top.animateTop .header_inner_nav>ul > li > a span.item_inner span:before {height: 60px;}
.header_top.animateTop .logo_wrapper{height: 60px;}
.header_top.animateTop .q_logo img.logo1 {display: none;}
.header_top.animateTop .q_logo img.logo2 {display: block;height: 30px;margin:10px 0;}
.header_top.animateTop .header_inner_right .side_menu_button {height: 60px;line-height: 60px;}
.header_top.animateTop .header_inner_right .side_menu_button  a{line-height: 60px;}
.header_top.animateTop .header_inner_right .side_menu_button  a:before {background-color: #000;}
.header_top.animateTop .header_inner_right .side_menu_button a{background:url(../images/weixin_btn2.png) no-repeat center right;}
.header_top.animateTop .header_inner_right .side_menu_button a:hover{background:url(../images/weixin_btn3.png) no-repeat center right;}
.header_top.animateTop .header_inner_nav>ul > li > a{color:#000;}
.header_top.animateTop .header_inner_nav>ul > li > a span.item_inner span:before{background:url(../images/drop_btn2.png) no-repeat center right;}
.header_top.animateTop .header_inner_nav>ul > li > a.current span.item_inner span:before,
.header_top.animateTop .header_inner_nav>ul > li:hover > a span.item_inner span:before{background:url(../images/drop_btn3.png) no-repeat center right;}
.header_top.animateTop .header_inner_nav>ul > li:hover > a{color:#2ec4de;}
/*weixin*/
.side_menu_button a:hover .QRcode{ display:block;}
.QRcode{ position:absolute;z-index:10000; width:100px; height:100px; margin-left:-80px;padding-top:15px;margin-top:20px; display:none;}


/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next {display:none;}
/* Dots */
.slick-dots { display:none;}

/*banner_IMG*/
.ibox { position: relative; width: 100%; overflow: hidden;height: 1500px;}
.bg {width: 100%;background-repeat: no-repeat; background-position: center center; background-size:cover;overflow: hidden; position:relative;}
#banner {  position: relative; overflow: hidden;}
#banner .bg .bimg { position: relative; left: 0px; top: 0px; width: 100%; display: block; }
#banner .slick-active .bg{visibility: visible !important;height:auto!important;}
#banner .bg.slick-current .bga{display:block;height:110%!important;background-repeat: no-repeat; background-position: center center; background-size:cover;position: relative; overflow: hidden;-webkit-animation: bimgmatrix 50s infinite;animation: bimgmatrix 50s infinite;}
#banner .bg .bimg{display: none!important;width: 0;height: 0}
@-webkit-keyframes bimgmatrix {
    0% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);
        /*opacity: 0*/
    }
    50% {
        -webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0);transform: matrix(1.2, 0, 0, 1.2, 0, 0);
        opacity: 1
    }
   100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);
        /*opacity: 0*/
    }
}

@-moz-keyframes bimgmatrix {
    0% {
        -moz-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);
         /*opacity: 0*/
    }
    50% {
        -moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0);transform: matrix(1.2, 0, 0, 1.2, 0, 0);
        opacity: 1
    }
    100% {
        -moz-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);
         /*opacity: 0*/
    }
}

@-o-keyframes bimgmatrix {
    0% {
        -o-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);
         /*opacity: 0*/
    }
    50% {
        -o-transform: matrix(1.2, 0, 0, 1.2, 0, 0);transform: matrix(1.2, 0, 0, 1.2, 0, 0);
        opacity: 1
    }
    100% {
        -o-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);
         /*opacity: 0*/
    }
}

@keyframes bimgmatrix {
    0% {
        transform: matrix(1, 0, 0, 1, 0, 0);
         /*opacity: 0*/
    }
    50% {
        transform: matrix(1.2, 0, 0, 1.2, 0, 0);
        opacity: 1
    }
    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
         /*opacity: 0*/
    }
}


/*banner_content*/
#banner .bg .sliderContent {position: absolute;height: 100%;width: 1100px;margin: 0 auto;z-index: 12;top: 0;right: 0;left: 0;display: table;}
#banner .bg .sliderBox {position: absolute;width: 100%;}
#banner .bg .sliderBox {display: table-cell;vertical-align: middle;position: static;}
#banner .bg .sliderBox .text.OneByOne,
#banner .bg .sliderInner.OneByOne {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 0;
}
#banner .bg.slick-current .sliderBox .text.OneByOne .el,
#banner .bg.slick-current .sliderInner.OneByOne {opacity: 0;filter: alpha(opacity = 0);position: relative;}
#banner .bg.slick-current .sliderBox .text.OneByOne .el,
#banner .bg.slick-current .sliderInner.OneByOne {
    -webkit-animation: TextOneByOne .9s 1 cubic-bezier(0.165,0.840,0.440,1.000) .1s;
    -moz-animation: TextOneByOne .9s 1 cubic-bezier(0.165,0.840,0.440,1.000) .1s;
    -o-animation: TextOneByOne .9s 1 cubic-bezier(0.165,0.840,0.440,1.000) .1s;
    animation: TextOneByOne .9s 1 cubic-bezier(0.165,0.840,0.440,1.000) .1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
    filter: alpha(opacity = 100);
}

#banner .bg.slick-current .sliderInner.OneByOne{width: 90%;position: relative; margin:0 auto;}
#banner .bg .sliderBox .text {opacity: 1; filter: alpha(opacity = 100); position: relative;display: inline-block;width: 100%; margin: 15px 0;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#banner .bg.slick-current .sliderBox .text.OneByOne, 
#banner .bg.slick-current .sliderInner.OneByOne { opacity: 1;/*height: 333px;20180423*/
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}


#banner .bg .sliderBox .el {width: 100%;}
#banner .bg .sliderBox .text.OneByOne .el:nth-child(2) {animation-delay: .3s;-webkit-animation-delay: .3s;}
#banner .bg .sliderBox .text.OneByOne .el:nth-child(3) {animation-delay: .5s;-webkit-animation-delay: .5s;}
#banner .bg .sliderBox .el>div {display: inline-block;vertical-align: middle;width: inherit;}
#banner .bg .sliderBox h2 {clear: both;font-size: 75px;line-height: 80px;font-family: 'Montserrat',sans-serif;font-style: normal;text-transform: capitalize;letter-spacing: -2px;font-weight: 700;color: #fff;margin: 0 0 14px;margin-bottom: 19px;}
#banner .bg .sliderBox h2 span, 
#banner .bg.slick-current .sliderBox h3 span {display: inline-block;}
#banner .bg .sliderBox .text.OneByOne .q_slide_title .custom {color: #24F5DF;
    -moz-animation: text-one-by-one-from-bottom-matrix .9s ease-out .1s;
    -o-animation: text-one-by-one-from-bottom-matrix .9s ease-out .1s;
    -webkit-animation: text-one-by-one-from-bottom-matrix .9s ease-out .1s;
    animation: text-one-by-one-from-bottom-matrix .9s ease-out .1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
	font-family: 'Montserrat',sans-serif;font-style: normal;
}


#banner .bg .sliderBox h3{margin: 0; clear: both;color: rgb(255, 255, 255);font-size: 21px;line-height: 31px; font-style: italic;font-weight: 400;letter-spacing: 0px; text-transform: none;}
#banner .bg .slideButtons {display:block;width: 100%;}
#banner .bg .slideButtons .qbutton{display: inline-block;font-family: Arial, 微软雅黑, "Microsoft YaHei";letter-spacing: 1px;font-style: normal;font-weight: 400;font-size: 14px;color: #fff;background-color: #24f5df;border-color: #24f5df;   border-radius: 0px;border-width: 2px;border-style: solid;line-height: 51px; height: 51px;margin: 47px 26px 0px 0px; text-align: center;text-transform: uppercase;padding: 0px 42px; width: 98px;}/*20180423*/
#banner .bg .slideButtons .qbutton.icon_right  { background-color: transparent; border-color: #a5a5a4; }/*20180423*/
@-webkit-keyframes TextOneByOne {
    0% {top: 70px;opacity: 0 }
    50% {top: 0; opacity: 1}
    100% {top: 0;opacity: 1}
}

@-moz-keyframes TextOneByOne {
    0% {top: 70px;opacity: 0 }
    50% {top: 0; opacity: 1}
    100% {top: 0;opacity: 1}
}

@-o-keyframes TextOneByOne {
    0% {top: 70px;opacity: 0 }
    50% {top: 0; opacity: 1}
    100% {top: 0;opacity: 1}
}

@keyframes TextOneByOne {
    0% {top: 70px;opacity: 0 }
    50% {top: 0; opacity: 1}
    100% {top: 0;opacity: 1}
}

@-webkit-keyframes text-one-by-one-from-bottom-matrix {
    0% {
        -webkit-transform: matrix(2,0,0,2,0,100);transform: matrix(2,0,0,2,0,100);
        opacity: 0
    }
    50% {
        -webkit-transform: matrix(1,0,0,1,0,0);transform: matrix(1,0,0,1,0,0);
        opacity: 1
    }
    100% {
        -webkit-transform: matrix(1,0,0,1,0,0);transform: matrix(1,0,0,1,0,0);
        opacity: 1
    }
}

@-moz-keyframes text-one-by-one-from-bottom-matrix {
    0% {
        -moz-transform: matrix(2,0,0,2,0,100);transform: matrix(2,0,0,2,0,100);
        opacity: 0
    }
    50% {
        -moz-transform: matrix(1,0,0,1,0,0);transform: matrix(1,0,0,1,0,0);
        opacity: 1
    }
    100% {
        -moz-transform: matrix(1,0,0,1,0,0);transform: matrix(1,0,0,1,0,0);
        opacity: 1
    }
}

@-o-keyframes text-one-by-one-from-bottom-matrix {
    0% {
        -o-transform: matrix(2,0,0,2,0,100);transform: matrix(2,0,0,2,0,100);
        opacity: 0
    }
    50% {
        -o-transform: matrix(1,0,0,1,0,0);transform: matrix(1,0,0,1,0,0);
        opacity: 1
    }
    100% {
        -o-transform: matrix(1,0,0,1,0,0);transform: matrix(1,0,0,1,0,0);
        opacity: 1
    }
}

@keyframes text-one-by-one-from-bottom-matrix {
    0% {
        transform: matrix(2,0,0,2,0,100);font-family: 'Montserrat',sans-serif;
        opacity: 0
    }
    50% {
        transform: matrix(1,0,0,1,0,0);font-family: 'Montserrat',sans-serif;
        opacity: 1
    }
    100% {
        transform: matrix(1,0,0,1,0,0);font-family: 'Montserrat',sans-serif;
        opacity: 1
    }
}


@-webkit-keyframes fadeOut {
    0% {opacity: 1}
    to {opacity: 0}
}

@keyframes fadeOut {
    0% {opacity: 1}
    to {opacity: 0}
}

.fadeOut {opacity: 0;-webkit-animation:fadeOut 0.3s ;animation:fadeOut 0.3s;}


.nextaniu{position: absolute; bottom: 90px; left: 50%; margin-left: -15px; z-index: 5; width: 30px; cursor: pointer; -webkit-animation: mouseslide .8s linear infinite alternate;
	-moz-animation: mouseslide .8s linear infinite alternate;
	-ms-animation: mouseslide .8s linear infinite alternate;
	animation: mouseslide .8s linear infinite alternate;}
.nextaniu img{display: block; width: 100%; opacity: 0.7;}
@keyframes mouseslide{
	from{bottom: 90px;}
	to{bottom: 70px;}
}
@-webkit-keyframes mouseslide{
	from{bottom: 90px;}
	to{bottom: 70px;}
}
@-moz-keyframes mouseslide{
	from{bottom: 90px;}
	to{bottom: 70px;}
}
@-ms-keyframes mouseslide{
	from{bottom: 90px;}
	to{bottom: 70px;}
}
@-o-keyframes mouseslide{
	from{bottom: 90px;}
	to{bottom: 70px;}
}


/*************2018-4-23*******************/
#banner .bg .slideButtons .qbutton:hover{background-color: #16171d;border-color: #16171d;}
@media only screen and (min-width: 1600px) {
#banner .bg .sliderBox h2{font-size: 94px;line-height: 100px;letter-spacing: -4px;margin-bottom: 24px;}
#banner .bg .sliderBox h3{font-size: 26px;line-height: 39px;}
#banner .bg .slideButtons .qbutton{padding: 0px 42px;width: 98px;}
}
@media only screen and (max-width: 1600px) {
#banner .bg .sliderBox h2{font-size: 75px;line-height: 80px;letter-spacing: -2px;margin-bottom: 19px;}
#banner .bg .sliderBox h3{font-size: 21px;line-height: 31px;}
#banner .bg .slideButtons .qbutton{font-size: 14px;line-height: 51px;height: 51px; padding: 0px 42px;width:98px;}	
}
@media only screen and (min-width: 1400px) {
#banner .bg .sliderContent {width:1300px}	
}

@media only screen and (max-width: 1300px) {
#banner .bg .sliderContent {width:1100px}
}

@media only screen and (max-width: 1200px) {
#banner .bg .sliderContent {width:950px}
#banner .bg .sliderBox h2{font-size: 66px;line-height: 70px;letter-spacing: -1px;margin-bottom: 17px;}
#banner .bg .sliderBox h3{font-size: 18px;line-height: 27px;}
#banner .bg .slideButtons .qbutton{font-size: 14px;line-height: 51px;height: 51px; padding: 0px 42px;width: 98px;}	 
}
@media only screen and (max-width: 1000px){
#banner .bg .sliderContent{width: 768px;}
}

@media only screen and (max-width: 900px) {
#banner .bg .sliderBox h2{font-size: 56px;line-height: 60px;margin-bottom: 14px;}
#banner .bg .sliderBox h3{font-size: 16px;line-height: 23px;}
#banner .bg .slideButtons .qbutton{font-size: 13px;line-height: 46px;height: 46px; padding: 0px 38px;width: 88px;}	
}

@media only screen and (max-width: 768px){
#banner .bg .sliderContent {width: 600px;}	
}
@media only screen and (max-width: 650px){
#banner .bg .sliderBox h2{font-size: 47px;line-height: 50px;margin-bottom: 12px;}
#banner .bg .sliderBox h3{font-size: 16px;line-height: 23px;}
#banner .bg .slideButtons .qbutton{font-size: 11px;line-height: 41px;height: 41px;  padding: 0px 34px;width: 78px;}
}
@media only screen and (max-width: 600px){
#banner .bg .sliderContent {width: 420px;}	
}
@media only screen and (max-width: 480px){
#banner .bg .sliderContent {width: 300px;}	
#banner .bg .sliderBox h2{font-size: 38px;line-height: 40px;margin-bottom: 10px;}
#banner .bg .sliderBox h3{font-size: 13px;line-height: 20px;}
#banner .bg .slideButtons .qbutton{font-size: 8px;line-height: 31px;height: 31px;  padding: 0px 25px;width: 59px;}
}