@charset "utf-8";
/* CSS Document */
/* CSS Document */
@font-face { font-family: 'brandongrotesque-bold'; src: url('../fonts/brandongrotesque-bold.eot'); src: url('../fonts/brandongrotesque-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/brandongrotesque-bold.svg#brandongrotesque-bold') format('svg'), url('../fonts/brandongrotesque-bold.woff2') format('woff2'), url('../fonts/brandongrotesque-bold.woff') format('woff'), url('../fonts/brandongrotesque-bold.ttf') format('truetype'); font-weight: normal; font-style: normal }
* { padding: 0; margin: 0; }
body, html { height: 100%; width: 100%; position: relative; }
body { background: #fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, span, a { padding: 0; margin: 0; font-family: "microsoft yahei", arial; box-sizing: border-box; }
input, select { font-size: 12px; vertical-align: middle; }
img { border: 0px; display: block; }
ul { list-style: none; }
a { text-decoration: none; color: #333; }
.clearfix { zoom: 1; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; }
.fl { float: left; display: inline-block; }
.fr { float: right; display: inline-block; }
.t-l { text-align: left; }
.t-r { text-align: right; }
.t-c { text-align: center; }
.overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrapper { width: 100%; margin: 0 auto; height: 100%; }
.container { width: 100%; height: 100%; position: relative; }
.container .column { float: left; display: inline-block; height: 100%; position: relative; }
.container .column_one, .container .column_three, .container .column_five { width: 22%; }
.container .column_two, .container .column_four, .container .column_six { width: 28%; }
.column .mask { width: 100%; height: 100%; overflow:hidden; }
.column .mask img { display: block; width: 100%; height: 100%; }
/*
.columnbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/point.png) repeat; }
*/
.column_five .columnbg { background: url(../images/point.png) rgba(0,0,0,0.5) repeat; }

/*banner滚动*/
.slide_container { position: relative; width: 100%; height:100%; z-index:0;display: none;  }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; height:100%; z-index:2; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%;height:100%; left: 0; top: 0; }
.rslides img { display: block; width: 100%; height:100%; }
.slide_container .columnbg{ z-index:3;}
/*.slideicon { position: relative; list-style: none; overflow: hidden; width: 100%; height:100%; padding: 0; margin: 0; }
.slideicon li { position: absolute; width: 100%; left: 0; top: 0; }
.slideicon img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slideicon .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }*/
/*.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -45px; display:none; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }*/
.slideicon_nav{ display:none;}
/*nav*/
.menu-logo { position: absolute; left: 0; width: 22%; top: 50%; z-index: 101; }
.menu-logo .logo { height: 33px; width: 100%; position: relative; margin-bottom: 20px; }
.logo img { height: 33px; width: auto; display: inline-block; position: absolute; right: -46px; top: 0;transform-style: preserve-3d;animation: spin 5s infinite linear;  }
@keyframes spin {
	from { transform: rotateY(0); }
	to { transform: rotateY(360deg); }
	/*from { transform: rotateX(0); }
	to { transform: rotateX(-360deg); }*/
}
.newNav { text-align: right; }
.newNavbt { background: rgba(0,0,0,0.5); padding: 10px 10px; display: inline-block; }
.newNavbt img { }
.newNavli { }
.newNavli ul li { margin-top: 10px; font-family:brandongrotesque-bold; }
.newNavli ul li h3 { display: inline-block; font-weight: bold; }
.newNavli ul li h3 a { color: #fff; font-size: 16px; display: inline-block; line-height: 40px; height: 40px; padding: 0px 10px;font-family: brandongrotesque-bold; }
.newNavli ul li.curr h3 { background: rgba(0,0,0,0.5); }
.newNavli ul li.navson { position: relative; margin-top: 0; }
.newNavli ul li.navson h3 a { color: #fff; font-size: 12px; display: inline-block; line-height: 40px; height: 40px; padding: 0px 10px; font-family: brandongrotesque-bold}
.newNavli ul li.navson dl { position: absolute; right: -140px; top: 0; text-align: left; display: none; z-index: 101; }
.newNavli ul li.navson dl dd { background: rgba(0,0,0,0.5); margin-bottom: 3px; border-left: 4px solid #ffc600; width: 140px; }
.newNavli ul li.navson dl dd a { color: #fff; font-size: 14px; display: inline-block; line-height: 34px; height: 34px; padding: 0px 10px; display: block; width: 100%; font-family: brandongrotesque-bold}
.newNavli ul li.navson:hover dl { display: block; }
.newNavli ul li.navson:hover h3 { background: rgba(0,0,0,0.7); }
.newNavli ul li.currtop h3 { background: #ffc600; }
.newNavli ul li.currtop:hover h3 { background: #ffc600; }
.newNavli ul li.navson dl dd:hover, .newNavli ul li.navson dl dd.currtop { background: #ffc600; }
.newNavli ul li:hover h3 { background: rgba(0,0,0,0.7); }
.focus { position: absolute; right: 0; top: 0; width: 50%; height: 100%; padding: 104px 30px 30px 100px; z-index: 22; background: #fff; }
.close-pop { position: absolute; top: 50px; left: 0; width: 54px; height: 54px; z-index: 100; }
.close-pop a { display: block; width: 54px; height: 54px; background: url(../images/pop-close.jpg) no-repeat left center; text-indent: -999px; -webkit-transition: background-position 100ms linear; -moz-transition: background-position 100ms linear; -o-transition: background-position 100ms linear; transition: background-position 100ms linear }
.close-pop a:hover { background-position: -54px 0; }
/*滚动条*/
#ascrail2000 { opacity: 1 !important; }
/*内页*/
#mainbox { padding-top: 30px; width: 100%; height: 100%; overflow: auto; }
.focusbt { color: #000; font-size: 40px; line-height: 54px; height: 54px; position: absolute; top: 50px; }
.page_cont1 { margin-bottom: 20px; }
.page_cont1 h3, .page_cont2 h2 { color: #000; font-size: 20px; line-height: 30px; }
.page_cont1 p { color: #000; font-size: 16px; line-height: 1.6em; padding: 8px 0; }
.page_cont1 h4 a { color: #FFC600; font-size: 18px; line-height: 24px; display: block; }
.page_cont2 ul { padding: 8px 0 15px; }
.page_cont2 ul li { color: #000; font-size: 16px; line-height: 30px; position: relative; padding-left: 15px; }
.page_cont2 ul li::before { content: ""; height: 6px; width: 6px; background: #000; position: absolute; left: 0; top: 12px; }
/*关于我们*/
.page_about { padding-right: 20px; }
.page_about h3 { font-size: 16px; margin-bottom: 2px; }
.page_abbox { color: #000; font-size: 14px; line-height: 1.6em; padding-bottom: 10px; }
.page_abbox p { margin-bottom: 15px; }
.page_abbox img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.ab_des { /*background: url(../images/quate-left.gif) no-repeat left top;*/ padding-left: 36px; margin-bottom: 20px; }
.ab_des>div { /*background: url(../images/quate-right.gif) no-repeat right top;*/ padding-right: 40px; display: inline-block; color: #000; font-size: 16px; line-height: 1.7em; }
/*产品列表*/
.pro_listnav { margin-bottom: 20px; }
.pro_listnav ul li { float: left; display: inline-block; line-height: 20px; height: 20px; margin-bottom: 5px; }
.pro_listnav ul li a { display: inline-block; line-height: 20px; height: 20px; color: #000; font-size: 18px; font-weight: bold; }
.pro_listnav ul li.line { width: 2px; text-indent: -999px; height: 20px; background: #FFC600; margin: 0 8px 5px; }
.pro_listnav ul li a:hover { color: #FFC600; }
.pro_listli { margin-bottom: 20px; }
.pro_listli ul li { float: left; padding-right: 10px; margin-bottom: 10px; }
.pro_listli ul li a { display: block; position: relative; width: 100%; height: 100%; width: 120px; height: 180px; }
.pro_listli ul li a img { width: 100%; height: 100%; }
.pro_listli ul li a span { color: #fff; font-weight: bold; font-size: 16px; background: #FFC600; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding: 60px 0; display: none; line-height: 34px; }
.pro_listli ul li:hover a span { display: block; }
.pro_listbox { color: #000; font-size: 14px; line-height: 1.6em; }
.pro_listbox p { margin-bottom: 10px; }
.pro_listbox img { display: block; max-width: 100%; height: auto; }
.pro_listli2 { padding: 5px 0 20px; }
.pro_listli2 ul li { float: left; padding-right: 10px; margin-bottom: 10px; }
.pro_listli2 ul li a { display: block; position: relative; width: 100%; height: 100%; width: 120px; height: 180px; position: relative; }
.pro_listli2 ul li a img { width: 100%; height: 100%; }
.pro_listli2 ul li a::before { content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,255,255,0.5); display: none; }
.pro_listli2 ul li:hover a::before { display: block; }
/*弹出层样式*/
#zoom { z-index: 99990; position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }
#zoom .content { z-index: 99991; position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; background: #ffffff no-repeat 50% 50%; padding: 0; margin: -100px 0 0 -100px; box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3); border-radius: 4px; }
#zoom .content.loading { background-image: url(../images/loading.gif); }
#zoom img { display: block; max-width: none; background: #ececec; box-shadow: 0 1px 3px rgba(0,0,0,0.25); border-radius: 4px; }
#zoom .close { z-index: 99993; position: absolute; top: 0; right: 0; width: 49px; height: 49px; cursor: pointer; background: transparent url(../images/close.png) no-repeat 50% 50%; opacity: 1; filter: alpha(opacity=100); border-radius: 0 0 0 4px; }
#zoom .previous, #zoom .next { z-index: 99992; position: absolute; top: 50%; overflow: hidden; display: block; width: 49px; height: 49px; margin-top: -25px; }
#zoom .previous { left: 0; background: url(../images/arrows.png) no-repeat 0 0; border-radius: 0 4px 4px 0; }
#zoom .next { right: 0; background: url(../images/arrows.png) no-repeat 100% 0; border-radius: 4px 0 0 4px; }
#zoom .close:hover { background-color: #da4f49; }
#zoom .previous:hover, #zoom .next:hover { background-color: #0088cc; }
/*新闻列表页*/
.news_list { }
.news_list ul li { padding: 15px 10px; border-bottom: 1px solid #eee; }
.news_list ul li span { color: #a7a7a7; font-size: 14px; display: inline-block; line-height: 20px; height: 20px; }
.news_list ul li h3 { padding: 5px 0; }
.news_list ul li h3 a { display: block; color: #000; font-size: 16px; line-height: 1.6em; }
.news_list ul li p { color: #333; line-height: 1.6em; font-size: 14px; margin-bottom: 5px; }
.news_list ul li a.more { color: #000; font-size: 12px; line-height: 20px; height: 20px; display: inline-block; }
.news_list ul li a.more i { padding-left: 6px; }
.news_list ul li:hover { background: #e2b000; }
.news_list ul li:hover h3 a, .news_list ul li:hover p, .news_list ul li:hover span, .news_list ul li:hover a.more { color: #fff; }
.news_showbt { padding-bottom: 5px; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.news_showbt h1 { color: #000; font-size: 24px; line-height: 1.6em; margin-bottom: 10px; }
.news_showbt ul li { color: #a7a7a7; font-size: 14px; display: inline-block; line-height: 20px; height: 20px; float: left; padding-right: 15px; }
.news_show { color: #000; font-size: 14px; line-height: 1.6em; padding: 0 10px; }
.news_show p { margin-bottom: 15px; text-indent: 2em; }
.news_show img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.pre_last { padding: 15px 10px 0; }
.pre_last span { display: block; margin: 0 auto 15px; color: #fff; font-size: 16px; width: 36px; line-height: 36px; height: 36px; border-radius: 4px; background: #e2b000; text-align: center; }
.pre_last ul li a { display: block; height: 30px; line-height: 30px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; font-size: 14px; }
.pre_last ul li a:hover { color: #e2b000; }
/*分页*/
.paging { padding: 30px 0 15px; }
.paging a, .paging span { float: left; display: inline-block; line-height: 30px; height: 30px; color: #333; border: 1px solid #eee; margin-right: 8px; margin-bottom: 8px; padding: 0 10px; font-size: 14px; border-radius: 2px; }
.paging span { border: 1px solid #e2b000; background: #e2b000; color: #fff; }
.paging a:hover { border: 1px solid #e2b000; color: #e2b000; }
/*中英文切换*/
.en_ch{ }
.en_ch ul{float:right; margin-top:15px; margin-right:10px; }
.en_ch ul li{ float:left; display:inline-block; }
.en_ch ul li:first-child{ border-right:1px solid #fff;}
.en_ch ul li a{ display:block; color:#fff; font-size:12px; line-height:16px; height:16px; padding:0 8px;}
.en_ch ul li:hover a,.en_ch ul li.curr a{ color:#ffc600;}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.container .column_one, .container .column_three, .container .column_five { width: 28%; }
.container .column_two, .container .column_four, .container .column_six { width: 22%; }
.menu-logo { width: 28%; z-index: 101; }
.focus { width: 50%; }
}
@media only screen and (max-width: 768px) and (orientation : portrait) {
.container .column_one, .container .column_three { width: 35%; }
.container .column_two { width: 30%; }
.container .column_four { display: none; }
.container .column_five { width: 40%; }
.container .column_six { display: none; }
.menu-logo { width: 35%; }
.focus { width: 60%; }
.menu-logo1 { width: 40%; z-index: 101; }
.column .mask img{ width:auto;}
}
@media only screen and (max-width: 768px) and (orientation : landscape) {
}
@media only screen and (max-width: 600px) and (orientation : portrait) {
.container { display: none; }
.slide_container { display:block;}
.container1{ display:block;}
.container .column_five { width: 130px; z-index: 2; }
.container .column_six { display: none; }
.menu-logo { width: 60%; }
.menu-logo1 { width: 120px; left: 10px; z-index: 3 }
.menu-logo1 .logo { height: 17px; }
.menu-logo1 .logo img { height: auto; width: 100%; right: 0; }
.menu-logo1 .newNavbt img { width: 100px; height: auto; }
.container1 { width: 130px; position: relative; z-index: 2; }
.focus { z-index: 1; width: 100%; padding-left: 150px; padding-right: 10px; }
.close-pop { left: 130px; width: 27px; height: 27px; }
.close-pop a { width: 27px; height: 27px; background-size: 54px; }
.focusbt { height: 27px; line-height: 27px; font-size: 24px; padding-left: 15px; }
#mainbox { padding-top: 0; }
.news_showbt h1 { font-size: 18px; }
.news_showbt ul li { font-size: 12px; }
.newNavli ul li{ margin-top:0;}
.newNavli ul li h3 a{ font-size:14px;}
.logo img{ height:26px;}
.newNavbt img{ height:20px;}
.column .mask img{ width:auto;}
}
@media only screen and (max-width: 480px) {
.container { display: none; }
.slide_container { display:block;}
.container1{ display:block;}
.container .column_five { width: 130px; z-index: 2; }
.container .column_six { display: none; }
.menu-logo { width: 60%; }
.menu-logo1 { width: 120px; left: 10px; z-index: 3 }
.menu-logo1 .logo { height: 17px; }
.menu-logo1 .logo img { height: auto; width: 100%; right: 0; }
.menu-logo1 .newNavbt img { width: 100px; height: auto; }
.container1 { width: 130px; position: relative; z-index: 2; }
.focus { z-index: 1; width: 100%; padding-left: 150px; padding-right: 10px; }
.close-pop { left: 130px; width: 27px; height: 27px; }
.close-pop a { width: 27px; height: 27px; background-size: 54px; }
.focusbt { height: 27px; line-height: 27px; font-size: 24px; padding-left: 15px; }
.news_list ul li p { display: none; }
.news_show p { text-indent: 0; }
#mainbox { padding-top: 0; }
.news_showbt h1 { font-size: 18px; }
.news_showbt ul li { font-size: 12px; }
.logo img{ height:26px;}
.newNavli ul li{ margin-top:0;}
.newNavli ul li h3 a{ font-size:14px;}
.newNavbt img{ height:20px;}
.column .mask img{ width:auto;}
}