/* By 东方的太阳 QQ:465002188 */

/*---------- RESET ----------*/
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: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}
table{border-collapse:collapse;border-spacing:0;}
body{line-height:1;-webkit-text-size-adjust:none;}
ol, ul {list-style: none;}
:focus{outline:0;}




/*---------- FONTS ----------*/
@font-face {
    font-family: 'bariol-regular';
    src: url('fonts/bariol_regular-webfont.eot');
    src: url('fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bariol_regular-webfont.woff2') format('woff2'),
         url('fonts/bariol_regular-webfont.woff') format('woff'),
         url('fonts/bariol_regular-webfont.ttf') format('truetype'),
         url('fonts/bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bariol-italic';
    src: url('fonts/bariol_regular_italic-webfont.eot');
    src: url('fonts/bariol_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bariol_regular_italic-webfont.woff2') format('woff2'),
         url('fonts/bariol_regular_italic-webfont.woff') format('woff'),
         url('fonts/bariol_regular_italic-webfont.ttf') format('truetype'),
         url('fonts/bariol_regular_italic-webfont.svg#bariolregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'prime-regular';
    src: url('fonts/prime_regular-webfont.eot');
    src: url('fonts/prime_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/prime_regular-webfont.woff2') format('woff2'),
         url('fonts/prime_regular-webfont.woff') format('woff'),
         url('fonts/prime_regular-webfont.ttf') format('truetype'),
         url('fonts/prime_regular-webfont.svg#primeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/Raleway-Light-webfont.eot');
    src: url('fonts/Raleway-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Light-webfont.woff2') format('woff2'),
         url('fonts/Raleway-Light-webfont.woff') format('woff'),
         url('fonts/Raleway-Light-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/Raleway-Regular-webfont.eot');
    src: url('fonts/Raleway-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Regular-webfont.woff2') format('woff2'),
         url('fonts/Raleway-Regular-webfont.woff') format('woff'),
         url('fonts/Raleway-Regular-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '053-CAI978';
    src: url('fonts/053-CAI978.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: '220-CAI978';
    src: url('fonts/220-CAI978.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/Raleway-Medium-webfont.eot');
    src: url('fonts/Raleway-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Medium-webfont.woff2') format('woff2'),
         url('fonts/Raleway-Medium-webfont.woff') format('woff'),
         url('fonts/Raleway-Medium-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/Raleway-Bold-webfont.eot');
    src: url('fonts/Raleway-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-Bold-webfont.woff2') format('woff2'),
         url('fonts/Raleway-Bold-webfont.woff') format('woff'),
         url('fonts/Raleway-Bold-webfont.ttf') format('truetype'),
         url('fonts/Raleway-Bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('fonts/Raleway-ExtraBold-webfont.eot');
    src: url('fonts/Raleway-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Raleway-ExtraBold-webfont.woff2') format('woff2'),
         url('fonts/Raleway-ExtraBold-webfont.woff') format('woff'),
         url('fonts/Raleway-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/Raleway-ExtraBold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*---------- GENERAL STYLES ----------*/
h1, h2, h3{font-family: Arial, sans-serif;font-weight:normal;line-height:29px;color:#074491;}
h1{line-height:34px;font-size:28px;}
a{text-decoration:none;color:#074491;
	-webkit-transition: all 0.5s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.2s linear;
}

.menu-open #main-wrapper{
    -webkit-transform:translateX(-270px);
  -moz-transform:translateX(-270px);
  -ms-transform:translateX(-270px);
  -o-transform:translateX(-270px);
    transform:translateX(-270px);
    overflow:hidden;
    box-shadow:0 0 20px rgba(0, 0, 0, 0.5);
}

img, embed{max-width:100%;width:100%;padding:0;margin:0;border:none;display: block;}
.hidden{display:none;}
.c{zoom:1;}
.c:before,
.c:after{content:"";display:table;}
.c:after{clear:both;}
.rel {position: relative;}
.abs {/* position: absolute; */}
.l {float: left;}
.r {float: right;}


/*---------- LAYOUT ----------*/
html, body, .containerr, #main-wrapper {height:100%;width:100%;background: #fff}
body{font-family:Arial, sans-serif;font-size:16px; line-height:1.7; color:#333;background-color:#222;}
.container, #main-wrapper {transition:all 0.4s ease-in-out 0s;position:relative;z-index: 99}
#main-wrapper {background: #fff;vertical-align: top;position: relative;}
.cell {display: table-cell;vertical-align: middle;}
.table {display: table;width: 100%;height: 100%}




#header {background-color: #ffb90b;position: fixed;top: 0;right: 0;width: 100%;z-index: 10005;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
.logo {display: block;width: 105px;padding: 5px 0 5px 44px;}

.header_r {text-align: center;}

.moduletable {display: none;}
.nav {display: inline-block;zoom: 1;font-size: 0;vertical-align: top;}
.nav li {display: inline-block;zoom: 1;vertical-align: top;height: 60px;position: relative;}
.nav li a {font-size: 14px;display: block;height: 60px;line-height: 60px;text-transform: uppercase;color: #000;padding: 0px;font-family: Arial, sans-serif;width: 150px;text-align: center;font-weight: bold;}
.header_r .nav li a:hover {font-size: 18px;color: #fff;}
.header_r .nav li.on a{font-size: 20px;color: #0C4CA3;}
.nav li.language a span {border-left: 1px solid #000;padding: 0 0 0 10px}
.nav li.language a {background: url(../images/ico1.png) no-repeat 0 center;width: 130px;}
.nav li.language a:hover {font-size: 15px}
.nav li.language {padding: 0 0 0 20px}

a.n_k {display: block;width: 40px;height: 40px;border-radius: 5px;background: #0b4899 url(../images/ico20.png) no-repeat center center;background-size: 50% 50%;margin: 10px 20px 0 0;display: none;}


.so {display: inline-block;zoom:1;font-size: 0;vertical-align: top;background: rgba(230,167,10,0.8);height: 60px;margin-right: 0;float: right;}
.so a {display: block;width: 60px;height: 60px;background: url(../images/ico2.png) no-repeat center center;float: right;z-index: 2;position: relative;}
.so form {height: 60px;background: #c48f08;width:0px;position: relative;z-index: 1;float: left;}
.so .mit {display:none;}
.so .inp {height: 60px;background: none;border:0;width: 150px;padding: 0 10px;font-size: 15px;color: #000;line-height: 60px}

#pull {display: block;position: absolute;top:60px;left:0;display: none;width: 130px;}
#pull li {height: 35px;;line-height: 35px;margin-top: 1px;display: block;}
#pull li a {font-size: 14px;font-family: arial;line-height: 35px;height: 35px;padding: 0;width: auto;text-transform: none;background: rgba(255,255,255,0.5);*background: #fff;font-weight: normal;}
#pull li a:hover {background: #ffb90b;color: #fff}



.m-top {padding-top: 55px}

#bann {background-repeat: no-repeat;background-size: cover;background-position: center 60px}
#bann .abs {top:0px;left:0px;width: 100%;height: 100%}
#bann .cell {color: #fff;font-size: 60px;text-align: center;}


.t1 {padding:30px 0}
.t1 h2 {color: #ffb90b;font-size: 54px;height: 54px;line-height: 54px;background: url(../images/x1.png) no-repeat center bottom;text-align: center;font-family: 'Myriad Pro';font-weight: normal;text-transform: uppercase;padding-bottom: 35px}

.con_padd {padding: 0 100px}

.con_padd h2 {
    font-size: 35px;
    font-weight: bold;
}
.about_main {padding: 30px 0}


#about_f1 {margin-bottom: 50px}

#about_f2 {background-repeat: no-repeat;background-size: cover;padding: 50px 0 100px 0}
#about_f2 .con {color: #bcbcbe;}
#about_f2 .t1 h2 {background: none;}


#about_f3 img {width: auto;}
#about_f3 .con img {width: 50%;float:left;}
#about_f3 {background: #f3f3f3;padding-bottom: 100px}
#about_f3 .t1 h2 {background: none}
#about_f3 .p {/* left: 50%; */width: 50%;background: #fff;padding: 30px 50px;top:30px;min-height: 230px;float: right;box-sizing: border-box;}


#about_f4 {background: url(../images/pic5.jpg) no-repeat;background-size: 100% 100%}
#about_f4 .bxslider li {background: #fff;overflow: hidden;padding-bottom: 10px}
#about_f4 .slider1 {padding: 40px 100px 70px 100px;}
#about_f4 .bx-prev,
#about_f4 .bx-next {width: 23px;height: 41px;background: url(../images/prev.png) no-repeat;background-size: 100% 100%;left:-50px;}
#about_f4 .bx-next {background-image: url(../images/next.png);right: -50px;left:auto;}
#about_f4 .bx-pager {display: none}

#about_f4 .slider1 ul li .t {text-align: center;border-bottom: 1px solid #ddd;font-size: 18px;margin: 0 15px}
#about_f4 .slider1 ul li .t a {color: #ffb90b;display: block;padding: 15px 0 10px 0}
#about_f4 .slider1 .con {padding: 10px 15px 0px 15px;min-height: 190px;overflow: hidden;}

#about_f5 {padding-bottom: 100px}
#about_f5 ul li {float: left;width: 25%;position: relative;text-align: center;}
#about_f5 ul li img {display: block;}
#about_f5 ul li a {padding: 0.5px;display: block;overflow: hidden;}
#about_f5 ul li span {display: block;height: 35px;bottom:0;width: 100%;z-index: 2;left:0;position: absolute;color: #fff;line-height: 35px}
#about_f5 ul li span.bg {background: #000;opacity: 0.5;z-index: 1}
#about_f5 ul li img{ -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 500ms; }
#about_f5 ul li a:hover img {-webkit-transform: scale(1.1, 1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transform: scale(1.1, 1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms; transform: scale(1.1, 1.1); transition-timing-function: ease-out; transition-duration: 500ms; }

.page {text-align: center;padding: 20px 0;height: 30px}
.page a, .page span {display: inline-block;*display: inline;*zoom:1;height: 25px;border:1px solid #ccc;background: #fff;text-align: center;line-height: 25px;padding: 0 10px;text-transform: uppercase;margin: 0 2px}
.page span, .page a:hover {background: #ffb90b;color: #fff}

#news_list {padding: 40px 0 20px 0}
#news_list dl {padding-bottom: 20px}
#news_list dl dd {padding: 25px 0;border-bottom: 1px solid #ddd;}
#news_list dl dd .pic {width: 250px;float: left;margin: 0 30px 0 0}
#news_list dl dd .info {padding: 0 0 0}
#news_list dl dd .info .t a {display: block;font-size: 24px;line-height: 22px}
#news_list dl dd .info .t a:hover {color: #dea209}
#news_list dl dd .info .p {color: #666;line-height: 23px;padding: 10px 0;height: 92px;overflow: hidden;}
#news_list dl dd .more a {display: block;float: left;height: 30px;line-height: 30px;background: #ffb90b;padding: 0 20px;font-size: 14px;color: #fff;}
#news_list dl dd .more {height: 30px;}
#news_list dl dd .more a:hover {background-color: #dea209}

#show_box {max-width: 960px;padding: 50px 0;margin: 0 auto}
#show_box .con_padd {padding: 0 15px;}
#show_box img {width: auto;}
.show_t {overflow: hidden;zoom:1;}
.show_t a {display: block;height: 35px;line-height: 35px;font-size: 18px;text-transform: uppercase;color: #666;padding: 0 20px;margin-bottom: 10px;border:1px solid #ddd;font-family: arial;font-family: 'bariol-regular'}
.show_t a span {display: block;height: 33px;line-height: 33px}
.show_t a.ico_back span {background: url(../images/ico9_01.png) no-repeat 0 center;padding: 0 0 0 35px;}
.show_t a.ico_next,
.show_t a.ico_prev{margin-left: 10px}
.show_t a:hover {background:#ffb90b;color: #fff}
.show_t a.ico_next span {background: url(../images/ico9_03.png) no-repeat right center;padding: 0 35px 0 0;}
.show_t a.ico_prev span {background: url(../images/ico9_02.png) no-repeat 0 center;padding: 0 0 0 35px;}

.show_con {padding: 30px 0 0 0;}
.show_con  h1 {margin: 0 0 10px 0;font-size: 24px;font-family: 'prime-regular';font-weight: bold;}

#pro_box {padding-top: 70px}
#pro_box .container {padding: 0 20px;position: inherit;}
#pro_box img {width: auto;display: inline;}
.pro_t {text-align: center;padding: 50px 0 0 0;color: #333;text-transform: uppercase;}
.pro_t h2 {color: #333;}
.pro_t img {margin: 0 15px 0 0}
.pro_sub {margin: 50px 0;}
.pro_sub a.pro_sub_btn {display: block;text-align: right;display: none;margin: 0 12px}
.pro_sub a.pro_sub_btn img {display: inline-block;}
.pro_sub ul {background: #f7f7f7;margin: 0 12px}
.pro_sub li {display: inline-block;*display:inline;zoom:1;font-size: 0px;vertical-align: top;width: 10%;float: left;background: url(../images/nav-sep.gif) no-repeat right center;}
.pro_sub li:last-child {background: none;}
.pro_sub li a {color: #333;font-size: 16px;display: block;height: 42px;line-height: 42px;text-align: center;}
.pro_sub li.on a, .pro_sub li a:hover {background: #ffb90b;color: #fff;}



/*----- PRODUCTS -----*/
#products-wrapper{padding:0 ;background-color:#fff;}
#products-wrapper h2{font-size:20px;padding:0 0 15px 12px;color: #333}
#products-wrapper h2 a{padding:0 0 0 12px;}
#products-wrapper h2 a:hover{color:#ffb90b;}
#products-wrapper h2 a:before{content:"|";display:inline-block;padding:0 12px 0 0;}
#products-wrapper h2 a:hover:before{color:#ffb90b;}
#products{font-size:0;}
#products li{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:25%;padding:0 12px 24px 12px;position:relative;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#products li .item-wrapper{background-color:#f7f7f7;position:relative;}
#products li .content{padding:52px 52px 78px 52px;font-size:14px;}
#products li .content .pic{min-height:100px;display:block;text-align: center;}
#products li .content .pic img {-webkit-transition: all 0.5s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.2s linear;}
#products li .content .pic:hover img {opacity: 0.8}

#products li h2{font-size:24px;text-transform:uppercase;text-align:center;margin:18px 0;}
#products li p{margin-bottom:0;text-align:center; line-height:1.7;}
#products li .ratings{ margin:20px auto 30px auto;}
#products li .btns-wrapper{position:absolute;width:100%;left:0;bottom:0;}
#products li .btns-wrapper .content{padding:0 52px 52px 52px;}
#products li .btns-wrapper .btn{display:block;width:46%;border:1px solid;text-align:center;font-size:15px;height:26px;line-height:24px;cursor:pointer;
    margin:0 auto;}
#products li .btns-wrapper .btn.grey{background-color:#F1F2F2;border-color:#F1F2F2;color:#939598;}
#products li .btns-wrapper .compare{cursor:cell;}
#products li .btns-wrapper .btn.grey:hover{background-color:#939598;border-color:#939598;color:#F1F2F2;}
#products li .btns-wrapper .btn.selected:hover{background-color:#F1F2F2;border-color:#F1F2F2;color:#939598;}
#products li .btns-wrapper .btn.blue{background-color:#ffb90b;border-color:#ffb90b;color:#fff;}
#products li .btns-wrapper .btn.blue:hover{background-color:#fff;border-color:#ffb90b;color:#ffb90b;}


#compare-wrapper {position: fixed;right: 0;bottom: 64px;z-index: 20000;display: none}
#compare-wrapper img {display: inline;width: auto;}
#compare-wrapper ul {font-size: 0px;}
#compare-wrapper ul li {display: inline-block;zoom: 1;vertical-align: top;margin-left: 13px;width: 180px;height: 180px;overflow: hidden;position: relative;background-color: #efefef;padding: 13px;text-align: center;}
#compare-wrapper ul li .close {display: block;width: 19px;height: 19px;background: url(../images/close-grey.png) 0 0 no-repeat;position: absolute;right: 13px;top: 13px;text-indent: -9999px;cursor: pointer;}
#compare-wrapper ul li img {width: auto;height: 118px;margin: 24px auto 12px auto;}
#compare-wrapper ul li h3 {font-size: 15px;text-align: center;text-transform: uppercase;line-height: 19px;color: #ffb90b}
#compare-wrapper ul li.compare {background-color: #ffb90b;}
#compare-wrapper ul li .compare-close {display: block;width: 19px;height: 19px;background: url(../images/close-white.png) 0 0 no-repeat;position: absolute;right: 13px;top: 13px;text-indent: -9999px;cursor: pointer;}
#compare-wrapper ul li .btn-compare {display: inline-block;height: 54px;line-height: 54px;border: 1px solid #fff;text-align: center;padding: 0 25px;font-family: 'prime-regular', Arial, sans-serif;font-size: 20px;color: #fff;text-transform: uppercase;margin-top: 62px;}
#compare-wrapper ul li .btn-compare:hover {background: #fff;color: #ffb90b}

/*----- POPUP -----*/
#overlay{width:100%;height:100%;background-color:#000;zoom:1;filter:alpha(opacity=60);opacity:0.6;position:fixed;z-index:8000;top:0;display:none;}
.popup{position:fixed;width:700px;min-height:500px;background:url(../images/loading.gif) center center no-repeat #fff;top:120px;z-index:9000;
    left:50%;margin-left:-350px;display:none;}
.popup .close{display:block;cursor:pointer;width:19px;height:19px;background:url(../images/close-grey.png) 0 0 no-repeat;position:absolute;
    top:20px;right:20px;text-indent:-9999px;}
.popup .content{padding:50px 20px 20px 20px;}
.popup iframe{width:100%;height:430px;}
.alternate {
border-bottom: #ddd solid 1px;
border-top: #ddd solid 1px;
background: #FAFAFA;
}


/*--- Compare Popup ---*/
#compare-popup{position:absolute;width:94%;min-height:300px;background:url(../images/loading.gif) center center no-repeat #fff;top:14%;z-index:9999;
    left:50%; margin-left:-47%;display:none; z-index: 9999;}
#compare-popup .close{display:block;cursor:pointer;width:19px;height:19px;background:url(../images/close-grey.png) 0 0 no-repeat;position:absolute;
    top:50px;right:50px;text-indent:-9999px;}
#compare-popup .comparing-wrapper{background-color:#fff;padding:50px 0 0 0;}
#compare-popup .comparing-wrapper table{width:100%;}
#compare-popup .comparing-wrapper table td{padding:10px;text-align:left;/*background-color:#F4F4F4;*/color:#808285;font-size:14px;line-height:25px;  width: 25%;}
#compare-popup .comparing-wrapper table td:first-child{font-family:'prime-regular', Arial, sans-serif;font-size:18px;color:#ffb90b;padding:10px 20px;}
/*#compare-popup .comparing-wrapper table .alternate td{background-color:#FAFAFA;}*/
#compare-popup .comparing-wrapper .t-header td{background-color:#fff;}
#compare-popup .comparing-wrapper .t-header img{width:250px;margin:0 auto;display: block;}
#compare-popup .comparing-wrapper .t-header h2{font-size:24px;text-transform:uppercase;margin-top:15px;text-align:center;color: #ffb90b}
#compare-popup .comparing-wrapper .t-rating td{background-color:#fff;padding:0 0 20px 0;vertical-align:top;}



/*--- Slider ---*/
#home-banner{height:100%;overflow:hidden;position:relative;}
#home-banner .bx-viewport, #home-banner .bx-wrapper{
    position:relative;width:100%;height:100% !important;top:0;left:0;}
#home-banner .bxslider, #home-banner .bxslider li{height: 100% !important;}
#home-banner .bx-wrapper ul{height:100%;}
#home-banner .bx-wrapper li{height:100%;}
#home-banner .bx-wrapper li img {display: none;}
#home-banner .bx-wrapper li a{height:100%;width: 100%;display: block;background-repeat: no-repeat;background-position: center;-webkit-background-size:auto 100%;background-size: cover;}
#home-banner .bx-wrapper .bx-pager{bottom:95px;}
#home-banner .cta{}
#home-banner .cta{display:inline-block;border:1px solid #007BC2;color:#fff;text-transform:uppercase;font-size:8px;text-align:center;padding:10px 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position:relative;
    background-color:#007BC2;
    position:absolute; 
    bottom:150px;left:50%;
    margin-left:-65px;
    width:20px;
}
#home-banner .cta:hover{background-color:#fff;color:#007BC2;}
#animated-slider { width: 100%;}
#home-banner #star-products{position:absolute;bottom:0;left:0;width:100%;height:60px;background-color:#ffb90b;z-index:1500;}
#home-banner #star-products .trigger{
    width:300px;
    height:60px;
    margin:0 auto;
    font-family:'ralewaymedium', Arial, sans-serif;
    text-align:center;
    text-transform:uppercase;
    color:#000;
    font-size:30px;
    background:url(../images/rounded.png) center 0 no-repeat;
    position:relative;
    top: -55px;
    line-height:160px;
    display: block;
    background-position: top center;
}
#home-banner #star-products .close{visibility:hidden;width:60px;height:60px;position:absolute;right:0;top:0;z-index:99;
    font-family:'ralewaylight', Arial, sans-serif;color:#424344;font-size:0;line-height:47px;text-align:center;opacity:0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#home-banner #star-products .close.visible{visibility:visible;font-size:60px;opacity:1;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#home-banner #star-products .close:hover{color:#888;}
#home-banner .bx-wrapper .bx-pager.bx-default-pager a {width: 60px;height: 7px;box-shadow: 0px;border-radius: 0px;background: #aeaeae}
#home-banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ffb90b}
#home-banner .bx-wrapper .bx-prev,
#home-banner .bx-wrapper .bx-next {width: 67px;height: 80px;}
#home-banner .bx-wrapper .bx-next {background: url(../images/next2.png) no-repeat;right: 0px}
#home-banner .bx-wrapper .bx-prev {background: url(../images/prev2.png) no-repeat;left: 0px}


.scroll-arrow{
    width:30px;
    height:20px;
    position:absolute;
    left:50%;
    top: 20px;
    margin-left:-15px;
    display:block;
    background:url(../images/arrow-down.png) center center no-repeat;
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);  
    }
    50% {
        transform: translateY(60%); 
    }   
    100% {
        transform: translateY(0%);
    }           
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);  
    }
    50% {
        -webkit-transform: translateY(60%); 
    }   
    100% {
        -webkit-transform: translateY(0%);
    }           
}




#featured-products .btn-container{margin-top:20px;}
#featured-products .btn{display:inline-block;border:1px solid #fff;color:#fff;text-transform:uppercase;font-size:14px;text-align:center;padding:10px 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position:relative;
    background:none;
}
#featured-products .btn:hover{background-color:#fff;color:#000;}

#featured-products{background-color:#ddd;position:relative;max-height:0;visibility:hidden;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    z-index:-100;
}
#featured-products.open{max-height:600px;visibility:visible;z-index:0;}
#featured-products .heading{display:none;background-color:#ffb90b;padding:15px;}
#featured-products .heading h2{font-family:'ralewaymedium', Arial, sans-serif;text-transform:uppercase;font-size:30px;color:#000000;text-align:center;}
#featured-products .slide{zoom:1;}
#featured-products .slide:before,
#featured-products .slide:after{content:"";display:table;}
#featured-products .slide:after{clear:both;}

#featured-products .slide.green{background-color:#7d37bc;}
#featured-products .slide.blue{background-color:#0da3da;}
#featured-products .slide.purple{background-color:#1e9b9d;}
#featured-products .slide .pic{display: inline-block;*display: inline;zoom:1;vertical-align: middle;width: 60%;}
#featured-products .slide .table {display: table;width: 100%;height: 100%;}
#featured-products .slide .cell {display: table-cell;vertical-align: middle;font-size: 0px;padding: 40px 0px;text-align: center;}


#featured-products .slide .details{display: inline-block;*display: inline;zoom:1;vertical-align: middle;/* padding: 0 30px 0 0; */width: 40%;box-sizing: border-box;}
#featured-products .slide .details h2{
    color:rgba(0, 0, 0, 0.11);
    font-size: 60px;
    font-family: '053-CAI978', Arial, sans-serif;
    line-height:140px;
    margin-left:-15px;
    display:inline-block;
    vertical-align:top;
    }
#featured-products .slide .details h3{display:inline-block;vertical-align:top;color:rgba(255,255,255,0.11);font-size:30px;
    font-family:'ralewaylight', Arial, sans-serif;line-height:34px;margin-top:92px;}
#featured-products .slide .details p{font-size:15px;line-height:20px;color:#fff;}

#featured-products .bx-wrapper .bx-prev {
    left: 24px;
    background: url(../images/prev3.png) no-repeat 0 0px;
}

#featured-products .bx-wrapper .bx-next {
    right: 24px;
    background: url(../images/next3.png) no-repeat 0 0;
}

#featured-products .bx-wrapper .bx-prev:hover {
    background-position: 0 -51px;
}

#featured-products .bx-wrapper .bx-next:hover {
    background-position: 0px -51px;
}

#featured-products .bx-wrapper .bx-controls-direction a {
    margin-top: -21px;
    width: 51px;
    height: 51px;
}



#home_f1 {background: #fff;}
.news-line {width: 50%;background: #f7b52b}
.t10 {background: #facf80;padding: 0 44px;height: 60px;line-height: 60px;}
.t10 h3 {float: left;font-size: 30px;height: 60px;line-height: 60px;color: #000;font-weight: normal;}
.t10 a {float: right;display: block;color: #f37708;font-size: 18px;font-family: arial;}
.t10 a span {display: inline-block;*display: inline;zoom:1;background: url(../images/ico14.png) no-repeat;width: 11px;height: 17px;background-size: 9px auto;vertical-align: middle;margin: 0 0 0 10px}

.news-line ul {padding: 20px 0px 20px 0px;}
.news-line ul li {padding:10px 0}
.news-line ul li .data {width: 100px;float: left;text-align: center;border-right: 1px solid #de9e00;color: #fff;font-size: 20px;text-transform: uppercase;padding:10px;font-family:  Arial, sans-serif;font-weight: bold;}
.news-line ul li .data span {/* font-family: 'prime-regular'; */font-size: 70px;display: block;line-height: 60px;height: 60px;font-family: '220-CAI978', Arial, sans-serif;text-align: left;font-weight: normal;letter-spacing: -12px;font-size: 60px\0;text-align: center\0;letter-spacing: 0\0;}
.news-line ul li .fn {padding: 0 0 0 140px}
.news-line ul li a {color: #000;line-height: 22px;display: block;padding: 15px 44px 15px 10px}
.news-line ul li a:hover {box-shadow: 0 0 10px #e8aa28;background: #feca5c}
.news-line ul li a .t {font-size: 22px;margin-bottom: 10px;font-family: Arial, sans-serif;}
.news-line ul li a .t span {color: #fff;font-size: 12px;display: block;}
.news-line ul li a p {font-size: 14px}

.sns-line {width: 50%;height: 100%}
.sns-line .t10 {background: #feb972}
.sns-line img {width: auto;display: inline-block;max-height: 100px}
.sns-line dl {/*background: url(../images/9.jpg) no-repeat;*/max-height: 100%;background-size: cover}
.sns-line dl dt {height: 50px;line-height: 50px;font-size: 20px;color: #fff;padding: 0 44px;background: rgba(0,0,0,0.1);cursor: pointer;}
.sns-line dl dt.it1 {background: rgba(58,88,150,0.5);}
.sns-line dl dt.it2 {background: rgba(98,200,248,0.5);}
.sns-line dl dt.it3 {background: rgba(229,0,20,0.5);}
.sns-line dl dd {text-align: center;padding: 50px 0;display: none}



.supp_main img {width: auto;display: inline;vertical-align: top}


#supp_f1 {padding: 50px 0}
.add_01 {width: 50%}
.dt_01 {width: 48%}

.add_01, .add_03 {border:1px solid #dddddd;}
.add_01 .t,
.add_03 .t {background: #f0f0f0;border-bottom: 1px solid #ddd;padding: 0 20px;height: auto;line-height: 35px;cursor: pointer;color: #000}
.add_01 .p,
.add_03 .con {padding: 20px 20px;font-size: 14px;line-height: 30px;border-bottom: 1px solid #ddd;color: #666;display: none;}
.add_03 table th {color: #ffb90b;text-align: left;font-size: 16px;border-bottom: 2px solid #ddd}
.add_03 table td {border-bottom: 1px solid #ddd;}
.add_03 table th,
.add_03 table td {line-height: 22px;padding: 5px 10px;}
.add_03 .con {padding-top: 10px}

.t11 {height: 30px;line-height: 30px;font-size: 24px;color: #000;text-align: center;text-transform: uppercase;margin: 50px 0 20px 0}
.t11 h2 {color: #000}

.add_02 {border-bottom: 1px solid #ddd;}
.add_02 li {float: left;width: 25%;font-size: 14px;text-align: center;padding: 20px 0;color: #666}
.add_02 li img {display: inline;vertical-align: top}
.add_02 li .ico {padding: 0 0 15px 0;height: 50px}

#supp_f3 .add_02 li {border-bottom: 0px}

.add_03 {margin: 20px 0}



#supp_f4 .tt {font-size: 20px;margin: 70px 0}
#supp_f5 .tt img {display: inline;vertical-align: middle;margin-right: 20px}

.select_box {height: 50px;line-height: 50px;margin: 0 0 50px 0;text-align: center;}
.select_box label {color: #ffbb12;font-size: 40px;font-family: 'Myriad Pro';text-transform: uppercase;margin-right: 20px}
.select_box label,
.select_box ul {display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.select_box ul {height: 50px;line-height: 50px;background: #ffbb12;color: #fff;position: relative;font-size: 20px;text-align: left;}

.select_box ul li span {background: url(../images/ico25.png) no-repeat right center;display: block;height: 50px;padding-left: 20px;margin-right: 20px}
.select_box ul li span,
#select_pop li a {width: 300px;}
.select_box ul li span a {color: #fff;display: block;}
.select_box ul li span a:hover {}


#select_pop {position: absolute;top:50px;left:0;height: auto;background: #ffcf58;padding: 0;height: 0;overflow: hidden;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;}
#select_pop li {border-top: 1px solid #ffbb12;font-size: 18px}
#select_pop a {color: #fff;display: block;padding: 0 20px 0 20px}
#select_pop li a:hover {background: #ffbb12}
.select_box ul li.on #select_pop {height: auto;}



.user_01 h3,
.user_02 h3 {font-size: 28px;color: #333;text-transform: uppercase;height: 59px;line-height: 59px}
.user_01 h3 img,
.user_02 h3 img {display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin: 0 20px 0 0}
.user_01 dl {padding: 50px 0}
.user_01 dl dd {float: left;margin: 0 0 0 80px;width: 30%}
.user_01 dl dd h4 {color: #666;margin-bottom: 10px}
.user_01 dl dd h4 img {display: inline;margin: 0 15px 0 0}
.user_01 dl dd a, .user_line dd a {display: block;border:1px solid #ffb90b;height: 40px;line-height: 40px;padding: 0 50px;text-align: center;color: #666}
.user_01 dl dd a:hover, .user_line dd a:hover {background: #ffb90b;color: #fff}

.user_02 {margin-bottom: 50px}
.user_02 h3 {margin-bottom: 50px}
.user_02 .tit img {display: inline-block;*display: inline;*zoom:1;margin-right: 15px}
.user_02 .tit {font-size: 18px}
.user_02 .user_pic {text-align: center;margin: 0 150px 0 80px;}
.user_line {padding: 0 0 0 500px}
.user_line dl {overflow: hidden;zoom:1;}
.user_line dd {width: 40%}
.user_line .con {width: 100%;padding: 50px 0}
.user_line dd ul li {padding: 5px 0}
.user_line dd ul li .t {margin-bottom: 5px}


.contact_main img {width: auto;display: inline;vertical-align: middle;}
.add_05 dd.odd {background: #f5f5f5;}
.add_05 dd {padding: 50px;overflow: hidden;zoom:1;}
.add_05 .w {max-width: 1440px;margin: 0 auto;padding: 0 20px;}
.add_05 .title {font-size: 24px;color: #000;width: 280px;}
.add_05 .title img {margin: 0 15px 0 0}
.add_05 .info {padding: 0 0 0 280px;color: #666;line-height: 30px;}




#contact_f2 {padding: 50px 0;}
#contact_f2 .info {width: 40%;background: #f5f5f5;margin-top: 25px}
#contact_f2 .info .padd {padding: 25px;color: #333;line-height: 26px;font-size: 14px;}
#contact_f2 .info .padd a {text-decoration: underline;color: #333}
#contact_f2 .info .padd h4 {font-size: 20px;color: #000;text-transform: uppercase;padding: 10px 0}

#contact_f2 .feed {width: 60%}
#contact_f2 .feed dl {padding-right: 50px}
#contact_f2 .feed dd {margin: 0 0 10px 0;position: relative;}
#contact_f2 .feed dd label {display: block;margin-bottom: 5px}
#contact_f2 .feed dd .inp,
#contact_f2 .feed dd textarea {border:1px solid #f5f5f5;width: 100%;background: none;height: 100px}
#contact_f2 .feed dd div {background: #f5f5f5;padding: 0 5px}
#contact_f2 .feed dd .inp {height: 35px;line-height: 35px;}
#contact_f2 .feed dd textarea {padding: 5px 0;}
#contact_f2 .feed dd img {position: absolute;right:0px;bottom:1px;}
#contact_f2 .feed dd .mit {background: #ffb90b;border:1px solid #ffb90b;color: #fff;height: 35px;line-height: 35px;width: 100%;padding: 0 5px;font-size: 18px;font-weight: bold;}


.t12 {text-align: center;margin-bottom: 50px}
.t12 h3 {font-size: 54px;color: #333;line-height: 54px;height: 54px;background: url(../images/x2.png) no-repeat bottom center;text-transform: uppercase;padding: 90px 0 40px 0;font-family: 'Myriad Pro'}

#contact_f4 {padding: 50px 0}

#contact_f3 {padding: 20px 0;background-repeat: no-repeat;background-position: center center;background-size: cover}
#contact_f3 .t12 h3 {color: #fff;background-image: url(../images/x3.png)}
#contact_f3 .stores_line {padding-bottom: 30px}
#contact_f3 .stores_line li {float: left;width: 33.33333333333333%;position: relative;overflow: hidden;}
#contact_f3 .stores_line li img {vertical-align: top}
#contact_f3 .stores_line li a {display: block;padding: 0 1px 1px 0;}
#contact_f3 .stores_line li .abs {width: 100%;height: 100%;top:0;left:0;color: #fff;text-align: center;background: rgba(0,0,0,0.5);font-size: 14px;display: none;}
#contact_f3 .stores_line li .abs h3 {color: #ffb90b;border-bottom: 1px solid #6d6f74;font-weight: bold;font-size: 20px;padding-bottom: 15px;margin-bottom: 15px}
#contact_f3 .stores_line li .cell {padding: 0 20px}





#stores_f1 {margin-bottom: 50px}
#stores_f1 img {width: auto}
#stores_f1 a:hover img {opacity: 0.8}
#stores_f1 .con {padding: 0}
#stores_f1 .tit {height: 45px;line-height: 45px;font-size: 16px;color: #ffb90b;padding: 0 20px;border-bottom: 1px solid #dedede}
#stores_f1 .line dd {padding: 30px 20px;border-bottom: 1px solid #dedede;}
#stores_f1 .line dd .name {font-size: 14px;line-height: 20px;float: left;}
#stores_f1 .line dd .pic {float: left;padding: 0 30px 0 50px}
#stores_f1 .line dd .p {float: none;}
#stores_f1 .line dd .pic li {float: left;margin: 0 20px 0 0;display: inline;}

#stores_photo_fix {display: none}
.stores_photo_bg {background: #000;opacity: 0.5;position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 5000;}
.stores_photo_info .rel {opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(0.815);
transform: translate3d(0, 0, 0) scale(0.815);
-webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.stores_photo_info .active { opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);}

.stores_photo_info img {width: auto;display: inline;vertical-align: top;cursor: pointer;}
.stores_photo_info {position: fixed;top:0;left:0;width: 100%;height: 100%;text-align: center;z-index: 5001}
.stores_photo_info .rel {display: inline;}
.stores_photo_info .rel .abs {top:-33px;height: 30px;width: 30px;background: #ffb90b;color: #fff;font-size: 30px;text-align: center;line-height: 30px;font-weight:normal;overflow: hidden;cursor: pointer;right: 0}
.stores_photo_info .rel .abs:hover {background: #000;}

.phone-banner {padding-top: 80px;position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
padding-bottom: 20px;}
.phone-banner img {width: auto;display: inline;vertical-align: top}
.phone-banner .container {padding: 0 44px;}
.phone-banner .row {overflow: hidden;}

.col-xs-7 {width: 58.33333333%;}
.col-xs-7,
.col-xs-5 {position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;float: left;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.col-xs-5 {width: 41.66666667%;text-align: right;}
.phone-banner img.hidden-xs {display: block;}

.phone-banner h1 {margin-top: 150px;}

.phone-banner .sub-title {font-size: 40px;line-height: 50px;margin: 20px 0}
.phone-banner .btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
background-color: transparent;
border-color: #000;
color: #000;
margin-bottom: 20px;
}

.phone-banner .btn:hover {background-color: #ffb90b;color: #fff;border-color: #ffb90b}

.phone-active {text-align: center;}
.phone-active img {display: inline-block;*display:inline;*zoom:1;vertical-align: top;width: auto}
.phone-active h2 {font-size: 42px;padding-top: 100px;color: #333;font-weight: normal;font-family: arial;}
.phone-active .sub-title {font-size: 14px;padding: 30px 0;max-width: 800px;margin: 0 auto;margin-bottom: 50px;padding: 30px 20px}
.col-sm-offset-2 {max-width: 800px}
.phone-active #sp2,
.phone-active #sp4 {color: #fff}
.phone-active #sp2 h2,
.phone-active #sp4 h2 {color: #fff;}

.phone-active #sp6 {padding: 50px 0}
.phone-active #sp6 .xs12 {float: left;width: 50%;overflow: hidden;}
.phone-active #sp6 .col-md-2 {width: 16.66666667%;float: left;}
.sp-slide-nav {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sp-slide-box {border: 1px solid #ccc;text-align: center;margin: 0 15px;overflow: hidden;}
.sp-slide-nav div img {border: 1px solid #ccc;display: block;}
.sp-slide-nav div a {cursor: pointer;box-sizing: border-box;margin: 0 15px;display: block;margin-top: 10px}

.phone-active #sp6 .xs6 {float: left;width: 50%;overflow: hidden;text-align: left}
.phone-active #sp6 .xs6 .sp-spec-item {padding-left: 50px;line-height: 24px;font-size: 14px;}
.phone-active #sp6 .xs6 .sp-spec-item p {padding: 10px 0}
.phone-active #sp6 .xs6 .sp-spec-item h4 {font-size: 20px;}


.modal_box img,
.modal_box2 img
 {width: auto;display: inline-block;*display: inline;*zoom:1;}
.modal_box,
.modal_box2
 {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;background: rgba(0,0,0,0.3);opacity: 0;
-webkit-transition: all 0.5s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.2s linear;}

.modal_box .modal_contaent,
.modal_box2 .modal_contaent
 {-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%);
max-width: 650px;
margin: 0 auto;
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);}

.modal_box .open,
.modal_box2 .open
 {
-webkit-transform: translate(0,60px);
-ms-transform: translate(0,60px);
-o-transform: translate(0,60px);
transform: translate(0,60px);}

.modal_box .title,
.modal_box2 .title
 {height: 60px;text-align: center;line-height: 60px;font-size: 24px;border-bottom: 1px solid #ddd;margin-bottom: 10px}
.modal_box ul li {float: left;text-align: center;width: 25%}
.modal_box ul {padding: 10px 10px;}
.modal_box ul li span {display: block;}
.modal_box ul li span,
.modal_box ul li a {display: block;padding: 0 5px}
.modal_box .title .close,
.modal_box2 .title .close
 {float: right;padding: 0 20px 0 0;display: block;cursor:pointer;}

.modal_box2 {background: rgba(0,0,0,0.6);}


.mrow_box .row {overflow: hidden;padding: 10px}
.mrow_box .row .name {float: left;width:80px;text-align: center;}
.mrow_box .row .name span {display: block;line-height: 20px;height: 20px}
.mrow_box .row .line {padding: 5px 0 0 90px}
.mrow_box .row .line li {float: left;width: 25%;text-align: center;}

#pro_pop {position: fixed;top:60px;background: #fff;left:0;width: 100%;z-index: 10000;padding: 50px 0;display: none;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
#pro_pop .con_padd {padding:0 44px;}
#pro_pop img {display: inline-block;*display: inline;*zoom:1;vertical-align: top;width: auto}
#pro_pop a {line-height: 24px;height: auto;width: auto;font-family: arial;text-transform: none;}
#pro_pop ul {font-size: 0px;}
#pro_pop ul li {width: 13%;display: inline-block;*display: inline;*zoom:1;font-size: 16px;vertical-align: top;height: auto;float: none;text-align: center;}
#pro_pop ul li .name {padding: 10px 0;}
#pro_pop ul li .name a {color: #333;font-weight: bold;}
#pro_pop ul li .alink {padding-bottom: 10px}
#pro_pop ul li .alink a {display: block;color: #666;font-size: 14px}
#pro_pop ul li .alink a:hover {text-decoration: underline;}
#pro_pop ul li .more a {color: #000;}
#pro_pop .n_buynow {padding-top: 30px;padding-bottom: 30px }

#pro_pop .arrow {text-align: center;}
#pro_pop .arrow img,
#pro_pop .arrow p {display: inline-block;*display: inline;*zoom:1;vertical-align: top;margin: 0 10px;font-size: 14px;color: #666;line-height: 24px}













#bottom {background: #222734;padding: 44px;position: relative;z-index: 5}
#bottom img {width: auto}
#bottom .b2 a:hover {color: #999}
#bottom .row {width: 100%}

#bottom .b1 {width: 263px;color: #7a7d85;font-size: 12px;line-height: 20px;margin-right: 50px}
#bottom .b1 p {border-bottom: 1px solid #7a7d85;font-size:16px;margin-bottom: 5px;line-height: 40px}
#bottom .b2 a {color: #fff;}
#bottom .b2 {font-size: 14px;float: left;padding: 0 2%}
#bottom .b2 ul li {background: url(../images/ico4.png) no-repeat 0 center;padding: 0 0 0 15px;height: 30px;line-height: 30px}
#bottom .b2 .t a {font-size: 24px;font-weight: bold;height: 28px;line-height: 28px;display: block;margin-bottom: 10px;font-family: 'ralewaybold', Arial, sans-serif;display: block;}
#bottom .b2 ul li a {display: block;}
#bottom .b2 .con p {padding: 0 0 5px 0}


#bottom .share a {display: inline-block;zoom:1;font-size: 0px;vertical-align: top;margin-right: 28px}
#bottom .tel {font-size: 16px;color: #fff;font-family: arial;}
#bottom .tel span {font-style: italic;font-size: 20px;padding: 0 0 0 10px}
.to_email {height: 50px;margin: 20px 0 30px 0}
.to_email .inp {height: 48px;line-height: 48px;padding: 0 10px;border:1px solid #81848c;background: none;color: #81848c;font-size: 16px;border-radius: 5px;float: left;width: 228px}
.to_email .mit {width: 55px;height: 50px;border:0;cursor: pointer;background: url(../images/ico6.png) no-repeat;float: right;}
.to_email .inp:focus {box-shadow: 0 0 10px #6a6a6a inset;}

#bottom .col {width: 15%;display: inline-block;zoom:1;padding: 0;margin: 0;vertical-align: top;text-align: left;margin-right: 1%;}
#bottom .b2 {width: 13%;}
#bottom .b2 .t,
#bottom .b2 ul,
#bottom .b2 .con {padding-left: 20px}
#bottom .b3 {width: 310px;float: right;}

#bottom .b1 span {text-align: center;display: block;}



#cr {background: #000;text-align: center;color: #fff;font-size: 12px;padding: 10px 0}








/* 分辨率 
平板：横 1024
      纵 760
手机  纵 480
      横 640
*/

@media screen and (max-width: 1440px){
    #bottom .b2 {width: 13%;}
    #bottom .share a {margin-right: 15px}
    #bottom .share img {width: 50px}
    #bottom .tel {font-size: 16px;color: #fff;font-family: arial;}
    #bottom .tel span {font-style: italic;font-size: 20px;padding: 0 0 0 10px}
    .to_email {height: 40px;margin: 10px 0 20px 0}
    .to_email .inp {height: 38px;line-height: 38px;padding: 0 10px;border:1px solid #81848c;background: none;color: #81848c;font-size: 16px;border-radius: 5px;float: left;width: 188px}
    .to_email .mit {width: 45px;height: 40px;border:0;cursor: pointer;background: url(../images/ico6.png) no-repeat center center;float: right;}
    .to_email .inp:focus {box-shadow: 0 0 10px #6a6a6a inset;}
    #bottom .b3 {width: 261px}

}


@media screen and (max-width: 1050px){
	.nav, .so {display: none}
	a.n_k {display: block;}
    .logo {padding-left: 20px}
    .con_padd {padding: 0 40px}
    #about_f3 .p {position: inherit;left:0;top:0;padding: 30px;min-height: 0}
    #bottom {padding: 40px;}
    #bottom .col {float: left;}
    #bottom .b2 .t,
    #bottom .b2 ul,
    #bottom .b2 .con {padding-left: 30px}
    #bottom .b2 {width: 13%}
    #about_f3 .con img {width: 100%;clear:both;}
     #about_f3 .con .p{width: 100%;clear:both;}

    .moduletable {display: block;}

    #mobile-menu-wrapper{width:270px;height:100%;position:absolute;right:0;top:0;padding:0;overflow:auto;display:block;
        transition:all 0.5s ease-in-out 0s;z-index: 1}
    .menu-open{overflow:hidden;}
    .menu-open #mobile-menu-wrapper{transition:none;}
    #mobile-menu{margin:0 0 20px 0;top:0;position:relative;}
    #mobile-menu > li{border-top:1px solid rgba(255, 255, 255, 0.1);position:relative;margin:0;}
    #mobile-menu > li > a{display:block;padding:10px 15px;height:20px;line-height:20px;transition:none;color:#fff;text-align:left;
        font-family:Arial, sans-serif;font-size:13px;text-transform:uppercase;}
    #mobile-menu > li > a:hover{color:#fff;}
    #mobile-menu > li.active > a{color:#0B6BE1;}
    #mobile-menu > li.active > a:hover{color:#0B6BE1;}
    #mobile-menu li li a{display:block;padding:10px 15px 10px 30px;line-height:20px;font-family:Arial, sans-serif;font-size:13px;color:#fff;}

    #news_list dl dd .info .p {height: 100px}
    #news_list dl dd .more {display: none}

    #products li {width: 33.33333333333333%}



   
}

@media screen and (max-width: 1024px){
    #bottom .b3 {float: right;}
    #bottom .b2 .t a {font-size: 18px;}
    #bottom .b2 {display: none}
    #bottom .b1 {width: 40%;font-size: 16px}
    .news-line, .sns-line {width: 100%;float: none;}
    #featured-products .slide .pic {width: 150px}
    .bx-wrapper .bx-controls-direction, .bx-pager {display: none}
    .t10 {padding: 0 20px}
    #home-banner {padding-top: 60px;height: auto;}
    #home-banner .bx-wrapper li img {display:block;}
    .sns-line dl dt {padding: 0 20px;font-size: 20px}
    #home-banner #star-products {display: none}
    #featured-products {max-height: none;visibility:inherit;z-index: 10}
    #featured-products .heading {display: block;}
    #featured-products .slide .details h2 {font-size: 80px;line-height: 100px}

    .add_01, .dt_01 {width: 100%;float: none;}
    .dt_01 {margin-top: 30px}

    .user_02 .user_pic {margin-right: 0px;width: 150px}
    .user_line {padding-left: 300px}
    .add_05 dd {padding: 30px 10px}
    .add_05 .title {width: 200px;}
    .add_05 .info {padding-left: 220px}
    .t12 h3 {font-size: 40px}
    #contact_f2 {padding: 0 0 30px 0}
    #contact_f3 {padding: 0 0 30px 0}
    #contact_f4 {padding: 0 0 30px 0}
    .t12 {margin-bottom: 30px}
    .phone-banner h1 {margin-top: 100px}
    .phone-active #sp6 .xs12 {float: none;width: 100%;margin-bottom: 20px}
    .phone-active #sp6 .xs6 .sp-spec-item {padding: 0px 5px 0 15px}


    
}

@media screen and (max-width: 780px) {
    #stores_f1 .line dd .name {overflow: hidden;float: none}
    #stores_f1 .line dd .pic {overflow: hidden;float: none;padding: 10px 0}
    #stores_f1 .line dd .p {overflow: hidden;float: none;line-height: 20px}
    #stores_f1 .line dd {padding:15px 20px}
    .back_top{display: none;}
}

@media screen and (max-width: 760px){
    .back_top{display: none;}
    #about_f5 ul li {width: 50%}
    .t1 h2 {font-size: 30px;height: 30px;line-height: 30px}
    .t1 {padding: 20px 0}
    #about_f2 .t1 h2 {height: 50px;line-height: 50px;}
    #about_f2 .t1 {padding: 0}
    #bann .abs {position: inherit;padding: 80px 0;font-size: 30px;}
    #bann .abs .cell {font-size: 30px}
    #about_f1 {margin-bottom: 30px}
    #about_f3 .t1 {padding-bottom: 0}
    #about_f3, #about_f5 {padding-bottom: 50px}
    #about_f4 .slider1 {padding: 30px 70px 30px 70px}
    #news_list dl dd .pic {width: 200px;margin-right: 20px}
    #bottom .b2 {display: none}
    .pro_sub a.pro_sub_btn {display: block;}
    .pro_sub a.pro_sub_btn img {height: 20px;background: #ccc;padding: 10px;}
    .pro_sub ul {background: #f7f7f7}
    .pro_sub li {display: block;float: none;background: none;width: 100%;}
    .pro_sub li a {color: #333;font-size: 16px;display: block;height: 42px;line-height: 42px;text-align: left;padding: 0 20px}
    .pro_sub li.on a, .pro_sub li a:hover {background: #ffb90b;color: #fff;}
    .pro_t {padding-top: 20px;padding-bottom: 30px}
    .pro_sub {margin: 0px 0 10px 0;}
    .pro_sub ul {display: none;}
    #products li {width: 50%}







}
@media screen and (max-width: 640px){
    .con_padd {padding: 0 15px}
    #news_list {padding: 0px 0 10px 0}
    .back_top{display: none;}


    
}

@media screen and (max-width: 480px){
    .back_top{display: none;}
    .logo {padding-left: 15px}
    a.n_k {margin-right: 15px}
    #about_f5 ul li {width: 100%;margin: 3px 0}
    #about_f5 ul li a {padding: 0px 0}
    #about_f4 .slider1 {padding: 10px 15px}
    #about_f4 .bx-next,
    #about_f4 .bx-prev {left:10px;display: none}
    #about_f4 .bx-next {right: 10px;left: auto}
    #bann .abs {padding: 30px 0}
    #bann .abs .cell {font-size: 20px}

    #bottom {padding:25px 15px 0 15px;text-align: center;}
    #bottom .col {text-align: center;}
    #bottom .b1 {width: 100%;}
    #bottom .b1 img {display: inline;height: 50px}
    #bottom .b1 p {font-size: 14px;padding:5px 0 5px 0;margin-bottom: 20px}
    #bottom .b2,#bottom .tel, #bottom .b1 span {display: none}
    #bottom .b3 {width: 100%}
    #bottom .col {float: none;}
    #bottom .b2 ul {overflow: hidden;}
    #bottom .b2 ul li {float: left;width: 45%}
    #bottom .share img {width: 40px;}
    #bottom .share a {margin: 0 10px}
    .to_email {height: 50px;margin: 20px 0 30px 0}
    .to_email .inp {height: 38px;line-height: 38px;float: none;display: inline-block;vertical-align: top;margin-right: 5px;width: auto}
    .to_email .mit {width: 40px;height: 40px;background-size:100% 100%;float: none;display: inline-block;vertical-align: top}

    #about_f5 {padding: 10px 0 20px}
    #about_f3 {padding: 10px 0 20px}
    #about_f2 {padding: 20px 0 30px}
    #about_f1 {padding: 10px 0 0px}
    #about_f3 .p {padding: 15px}
    #about_f3 .t1 h2 {padding: 0 0 12px}
    #about_f2 .t1 h2 {padding: 0 0 12px}

    #news_list dl dd .pic {float: none;width: 100%;margin: 0 0 10px 0}

    #show_box {max-width: 960px;padding: 20px 0;margin: 0 auto}
    .show_t a {height: 30px;line-height: 30px;font-size: 16px;padding: 0 10px;}
    .show_t a span {height: 20px;line-height: 20px;margin-top: 4px}
    .show_t a.ico_back span {padding: 0 0 0 25px;background-size: 20px}
    .show_t a.ico_next,
    .show_t a.ico_prev{margin-left: 5px}
    .show_t a.ico_next span {padding: 0 25px 0 0;}
    .show_t a.ico_prev span {padding: 0 0 0 25px;}
    .show_con {padding: 10px 0 0 0;}

    .page a, .page span {display: none;}
    .page .prevr,
    .page .nextr {display: inline-block;}

    #products li {width: 100%}
    #products li .btns-wrapper .btn.grey {display: none}
    #products li .btns-wrapper .btn.blue {width: 100%;float: none}

    .t10 {height: 50px;line-height: 50px;overflow: hidden;padding: 0 15px}
    .t10 h3 {font-size: 24px;line-height: 50px}
    .t10 a {font-size: 18px;}

    .news-line ul {padding: 10px 0}
    .news-line ul li {padding: 0;}
	.news-line ul li a{ padding-right:10px; padding-left:0;}
    .news-line ul li .data {font-size: 12px;padding:5px 0;width:50px; line-height:24px;}
    .news-line ul li .data span {font-size: 1.6em;font-family:"Arial";letter-spacing:0;text-align:center; height:20px; line-height:20px;}
    .news-line ul li .fn {padding: 5px 0 0 70px;line-height:24px;}
    .news-line ul li .fn p {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .news-line ul li .fn .t {line-height: 20px;font-size: 16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0;}

    #featured-products .heading {padding: 0 ;height: 50px;line-height: 50px}
    #featured-products .heading h2 {font-size: 24px;line-height: 50px}
    #featured-products .btn {padding: 7px 15px}

     #supp_f1 {padding: 15px 0}
    .user_01 dl dd {float: none;width: auto;margin-bottom: 20px;margin-left: 70px}
    .add_02 li { position:relative; float: none; width:auto;font-size: 14px;text-align: left;padding: 10px 0 10px 58px;color: #666; min-height:50px;}
	.add_02 li .ico { position:absolute; top:16px; left:0; height: 50px; padding: 0 0 15px; width:36px;}
	.add_02 li .ico img{ width:100%;}
    #supp_f5 .tt {margin: 20px 0;line-height: 30px;font-size: 16px;}
    #supp_f5 .tt img {height: 30px}
    .user_01 {padding-top: 20px}
    .add_02 {padding-bottom: 20px}
    .select_box {height: auto;line-height: 40px;margin-bottom: 20px}
    .select_box label {font-size: 30px;display: block;margin: 0}
    .select_box ul {height: 40px;line-height: 40px}
    .select_box ul li span, #select_pop li a {height: 40px}
    #select_pop {top:40px;}
    .select_box ul li span {background-size: 30px 30px}
    .user_01 h3, .user_02 h3 {font-size: 20px;height: 45px;line-height: 45px}
    .user_01 h3 img, .user_02 h3 img {height: 45px;vertical-align: top}
    .user_01 dl {padding: 20px 0}
    .user_02 h3 {margin-bottom: 30px}
    .user_02 .user_pic {margin: 0;text-align: center;float: none;width: auto}
    .user_02 .user_pic img {display: inline;}
    .user_line {padding: 0}
    .user_line dd {width: 100%;float: none;margin-bottom: 15px}
    .user_line .con {padding: 0 0 20px 0}
    .add_05 .title {float: none;font-size: 20px;}
    .add_05 .title img {height: 25px}
    .add_05 .info {font-size: 14px;line-height: 24px;padding:10px 0 0 30px;}
    .add_05 dd {padding: 10px 10px}

    .t12 h3 {font-size: 24px;height: 30px;line-height: 30px;padding: 30px 0}
    #contact_f3 .stores_line li {width: 50%}
    #contact_f2 .feed {width: 100%}
    #contact_f2 .feed dl {padding: 0}
    #contact_f2 .info {width: auto;padding-bottom: 10px}
    .add_05 .w {padding:10px 20px}
    .add_03 .con {padding: 10px 0 0 0;margin: 0 0px}
    .add_03 .con table {width: auto}
    .add_03 .con table td {line-height: 20px;padding: 10px 5px}
    #stores_f1 .line dd .pic li {width: 33.333333333%;margin: 0}
    #stores_f1 .line dd .pic li a {display: block;margin: 0 10px 0 0}
    #stores_f1 .line dd .name {font-weight: bold;color: #000}

    .phone-active #sp6 {padding: 20px 0}
    .phone-active h2 {padding-top: 50px;font-size: 24px;line-height: 24px}
    .phone-active #sp6 .xs12 {float: none;width: 100%}
    .sp-slide-box {margin: 0 5px}
    .sp-slide-nav div a {margin: 10px 5px}
    .phone-active #sp6 .xs6 {float: none;width: 100%;}
    .phone-active #sp6 .xs6 .sp-spec-item {padding: 0px 5px}
    .phone-banner h1 {margin-top: 0px;line-height: 30px}
    .phone-banner .sub-title {font-size: 14px;line-height: 24px;margin:0 0 10px 0}

    .mrow_box .row .line li {width: 50%;}
    .mrow_box .row .line {padding-top: 0;padding-left: 70px}
    .mrow_box .row .name {width: 60px}

 #featured-products .slide .details h2 {font-size:46px;line-height:40px}



}




/*返回顶部*/
.back_top{
    position: fixed;
    width:68px;
    height:68px;
    right:30px;
    bottom: 30px;
    z-index: 999;
}
.back_top a{
    display: block;
    width:68px;
    height:68px;
    background-image: url(../images/top.png);
}
.back_top a:hover{
    background-image: url(../images/top_hover.png);
}