/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Arial, sans-serif; font-size:14px; line-height:24px; color:#888888; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; color:#888888;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover { text-decoration:none; color:#888888; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1100px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.slider a:before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:1;}

#content { padding:15px 25px 40px 25px; line-height:20px;}
.path { padding-bottom:15px;}
.path li { display:inline-block; vertical-align:top; text-transform:uppercase; color:#000; font-size:14px;}
.path li img { vertical-align:top; display:inline-block; padding-right:6px;}
.path li a { display:inline-block; text-transform:uppercase; color:#000;}
.path li a:hover { color:#E95513;}
.path li a:after { content:">"; display:inline-block; vertical-align:top; padding:0px 6px 0 6px; color:#E95513;}

/*about*/
.about-box { margin:0 auto; max-width:715px;}
.about-box h1 { text-transform:uppercase; color:#000; font-size:26px; padding-bottom:10px; line-height:140%; padding-top:15px;}

/*product*/
aside { display:inline-block; vertical-align:top; width:250px;}
.side_classLink { }
.side_classLink ul { }
.side_classLink ul li {}
.side_classLink ul li > a{ display:block; padding:8px 30px 8px 6px; font-size:16px; color:#000000; position:relative; border-bottom:1px solid #efefef; }
.side_classLink ul li > a > span:after { font-family:'FontAwesome'; content:"\f0da"; font-size:20px; position:absolute; right:10px; top:8px;}
.side_classLink ul li > a.current span:after { content:"\f0d7"; }
.side_classLink ul li > a:hover, .side_classLink ul li > a.current { color:#EF8200;}
.side_classLink ul li > div { padding-left:15px;}
.side_classLink ul li > div > div > a { display:block; color:#6C6E70; font-size:15px; padding:5px 30px 5px 0; border-width:0; position:relative; }
.side_classLink ul li > div > div > a > span:after { font-family:'FontAwesome'; content:"\f0da"; font-size:20px; position:absolute; right:10px; top:8px;}
.side_classLink ul li > div > div > a.current span:after { content:"\f0d7"; }
.side_classLink ul li > div > div > a:hover, .side_classLink ul li > div > div > a.current { color:#EF8200;}
.side_classLink ul li > div > div > div  { padding-left:15px;}
.side_classLink ul li > div > div > div > a { display:block; color:#6C6E70; font-size:15px; padding:5px 0; border-width:0;}
.side_classLink ul li > div > div > div > a:hover, .side_classLink ul li > div > div > div > a.current { color:#EF8200;}
.side_classLink ul li.current02{ display:none; }
.m_classLink{ display:none;}

#main { display:inline-block; vertical-align:top; width:calc(100% - 250px - 7px); padding-left:40px; padding-bottom:35px;}

/*products*/
.products h1 { background:url(../images/h1bg.png) no-repeat top left; height:35px; border-radius:5px 5px 0 0; font-size:24px; color:#fff; padding:7px 10px; font-weight:normal; margin-bottom:15px;}
.responsive .slick-slide { position:relative; padding:0 12px;}
.responsive .slick-dots { text-align:center; display:none !important; bottom:-40px !important;}
.responsive .slick-dots li { width:auto; height:7px; overflow:hidden;}
.responsive .slick-dots li button { width:30px; height:100%; background:#ddd; margin:0 2px;}
.responsive .slick-dots li button::before { content:""; display:none; }
.responsive .slick-dots li.slick-active button  { background:#de4609;}
/*.responsive .slick-prev, .responsive .slick-next { display:none !important;}*/
.responsive .slick-prev, .responsive .slick-next { width:auto; height:auto; top:38.5%; background:rgba(0,0,0,.5); padding:0 0px;}
.responsive .slick-prev { left:-30px;}
.responsive .slick-prev::before { font-family:'FontAwesome'; content:"\f104"; font-size:90px;}
.responsive .slick-next { right:-30px;}
.responsive .slick-next::before { font-family:'FontAwesome'; content:"\f105"; font-size:90px;}
.responsive .slick-prev:hover, .responsive .slick-prev:focus, .responsive .slick-next:hover, .responsive  .slick-next:focus { background:rgba(0,0,0,.6); }

.pro-list-pto { line-height:0; margin-bottom:3px; overflow:hidden; border:1px solid #f1f1f2; text-align:center;}
.pro-list-pto img { margin:0 auto;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}
.responsive .slick-slide:hover img, .products-list > div:hover img, .products-list2 > div:first-child:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.pro-list-title { padding:3px 12px; color:#EF8200; font-size:15px; font-style:italic;
background: linear-gradient(0deg, #d1d0d0 0%, #efefef 100%);
background: -moz-linear-gradient(0deg, #d1d0d0 0%, #efefef 100%);
background: -webkit-linear-gradient(0deg, #d1d0d0 0%, #efefef 100%);
background: -o-linear-gradient(0deg, #d1d0d0 0%, #efefef 100%);}
.pro-list-data { background:#efefef; padding:5px 12px 10px 12px; color:#000000; font-size:15px;}
.pro-list-data span { display:block; text-align:right; color:#EF8200;}

/*products-list*/
.products-list { display:flex; flex-direction:row; flex-wrap:wrap;}
.products-list > div { width:33.33%; padding:0 12px 20px 12px;}

.products-list-control { text-align:right; padding-bottom:8px;}
.products-list-control > div { display:inline-block; padding-left:10px; color:#000; font-size:15px;}
.products-list-control > div:first-child { padding-left:0;}
.products-list-control > div img { display:inline-block; vertical-align:middle;}
select::-ms-expand {
    display: none;
}
select{ font-size: 16px; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: calc(100% - 0px) 8px; -webkit-appearance: none; -moz-appearance: none;  -ms-appearance: none;appearance: none; padding: 0px 30px 3px 5px; color:#fff; height:26px; background-color:#fff; color:#666; letter-spacing:0; border:1px solid #666;}

#page { text-align:center; padding:30px 0 0 0;}
#page a { display:inline-block; vertical-align:top; padding:0 10px 5px 10px; color:#ef8200; font-size:12px;}
#page a:hover, #page a.current { text-decoration:underline;}

/*products-list2*/
.products-list2 { display:flex; flex-direction:row; flex-wrap:wrap; padding:0 0 20px 0;}
.products-list2 > div:first-child { width:35%;}
.products-list2 > div:last-child { width:65%; padding-left:10px; position:relative; padding-bottom:20px;}
.products-list2 > div:last-child a { position:absolute; bottom:0; right:0; color:#EF8200; font-size:15px;}
.products-list2 > div:last-child a:hover { color:#EF8200; text-decoration:underline;}

.back { text-align:right; padding-bottom:5px;}
.back a { color:#000; font-size:15px;}
.back a:hover { color:#EF8200; font-size:15px;}
.back a i { display:inline-block; font-size:20px; padding-right:4px; vertical-align:top; padding-top:1px;}

.pro-box { position:relative; padding:0 0px; width:100%; margin:0 auto;}
.pro-b { display:inline-block; vertical-align:middle; width:calc(50% - 7px); }
.pro-b img { width:100%;}
.pro-s { text-align:center; padding:10px 0;}
.rslides_tabs { margin-top:20px;}
.rslides_tabs li { display:inline-block; width:calc(25% - 5px); margin:1px; opacity:0.35;  filter: alpha(opacity=35);}
.rslides_tabs li a img { width:100%; border:1px solid #d8d8d8;}
.rslides_here { opacity:1 !important;  filter: alpha(opacity=100) !important;}

.pro-content { display:inline-block; vertical-align:top; width:50%; text-align:left; padding:0 0 0 15px; line-height:130%; position:relative; }	
.pro-content-top { min-height:400px; padding-bottom:20px;}
.download-title { background:url(../images/h1bg.png) no-repeat top left; height:35px; border-radius:5px 5px 0 0; font-size:24px; color:#fff; padding:7px 10px; font-weight:normal; margin-bottom:15px;}
.pro-content a { font-size:15px; color:#58595B;}
.pro-content a:hover { color:#EF8200;}
.products-detail-title { color:#2B3749; font-size:16px; font-weight:bold; padding-bottom:15px; padding-top:15px;}

/*news*/
.news-control { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;}
.news-control > span { display:inline-block; padding:0 3px 3px 3px; color:#231815; font-size:12px;}
.news-control > span a { display:inline-block; height:20px; color:#231815; line-height:20px; padding:0 6px; border:1px solid #a8a8a9;
background: linear-gradient(90deg, #bcbcbc 0%, #f7f7f7 100%);
background: -moz-linear-gradient(90deg, #bcbcbc 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(90deg, #bcbcbc 0%, #f7f7f7 100%);
background: -o-linear-gradient(90deg, #bcbcbc 0%, #f7f7f7 100%);}
.news-control > span a:hover { opacity:0.5;}
.news-control > span select { font-size:12px !important; height:20px !important; background-position: calc(100% - 0px) 4px;}
.news-control > span input { width:30px;}
.news-box { padding-bottom:10px;}
.news-time { font-size:18px; color:#E95513; padding:0 0 5px 0;}
.news-title { padding:7px 10px; background:#2c384a; color:#fff; font-size:22px; border-bottom:5px solid #f9bc00;}
.news-pto img { width:100%;}
.news-content { padding:16px 12px 40px 12px; color:#58595B; background:url(../images/news-content-bg.png) repeat-x bottom;}
.news-content-btn { text-align:right; padding:15px 0;}
.news-content-btn a { display:inline-block; border-radius:15px; height:25px; text-align:center; line-height:25px; padding:0 15px; color:#fff; background:#f9bc00; font-size:15px; font-weight:bold;}
.news-content-btn a:hover { background:#2c384a; color:#fff;}

/*contact*/
.contact-content { color:#58595B; font-size:17px; padding-bottom:50px; line-height:150%;}
.contact-content b { color:#E95513; font-size:24px; display:block; line-height:170%;}
.contact-content span { color:#221E1F; font-size:22px; display:block; font-weight:bold; padding-bottom:10px;}
.contact-info { display:flex; flex-direction:row; flex-wrap:wrap;}
.contact-info > div { padding-bottom:25px; font-size:17px; color:#595757;}
.contact-info > div span { display:block; color:#E95513;}
.contact-info > div:nth-of-type(1), .contact-info > div:nth-of-type(3), .contact-info > div:nth-of-type(5), .contact-info > div:nth-of-type(7) { width:40px;}
.contact-info > div:nth-of-type(2), .contact-info > div:nth-of-type(4), .contact-info > div:nth-of-type(6), .contact-info > div:nth-of-type(8) { padding-left:14px;}
.contact-info > div:nth-of-type(2), .contact-info > div:nth-of-type(8) { width:calc(100% - 40px);}
.contact-info > div:nth-of-type(4), .contact-info > div:nth-of-type(6) { width:calc(50% - 40px);}

/*search-result*/
.search-result-note { margin:0px 0 12px 0; border-radius:15px; color:#fff; background:#000000; padding:10px 20px;}
.search-result-table { width:100%; border-spacing:10px;}
.search-result-table td { padding:12px;}
.search-result-pto { line-height:0; overflow:hidden; border:1px solid #f1f1f2; text-align:center; width:30%;}
.search-result-pto img { margin:0 auto;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}
.search-result-pto:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.search-result-name { vertical-align:top; padding-left:20px; color:#000000; font-size:15px; width:40%;}
.search-result-name b { color:#EF8200; font-style:italic; display:block; padding-bottom:5px;}
.search-result-class { vertical-align:middle; text-align:center; border-left:1px solid #afb0b1; width:30%;}

/*search-error*/
.search-error { display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center; justify-content:center;}
.search-error > div input { border:1px solid #D0D2D3; height:38px; border-radius:15px; padding:0 10px; line-height:38px; width:100%; color:#000;}
.search-error > div:nth-of-type(1) { padding-left:20px;}
.search-error > div:nth-of-type(2) { width:50%; padding:0 5px;}
.search-error > div:nth-of-type(3) {}
.search-error > div:nth-of-type(3) a { display:inline-block; height:38px; border-radius:15px; color:#fff; text-align:center; padding:0 8px; line-height:38px; background:#000;}
.search-error > div:nth-of-type(3) a:hover { background:#e95513; color:#fff; text-transform:uppercase; font-style:italic;}

@media only screen and (max-width: 980px) {

}

@media only screen and (max-width: 768px) {
.path { display:none;}
aside { width:100%;}
.side_classLink { display:none;}
.m_classLink{ display:block; position:relative; border-bottom:1px solid #D6D6D6;}
.m_classLink a.main{ display:block; font-size:20px; position:relative; padding: 12px 10px 14px 10px; color:#fff; text-align:left; cursor:pointer; 
background: linear-gradient(90deg, #df3e00 0%, #fe5717 100%);
background: -moz-linear-gradient(90deg, #df3e00 0%, #fe5717 100%);
background: -webkit-linear-gradient(90deg, #df3e00 0%, #fe5717 100%);
background: -o-linear-gradient(90deg, #df3e00 0%, #fe5717 100%);}
.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:20px; top:50%; margin-top:-11px; color:#fff; font-style:normal; font-family:FontAwesome;}
.m_classLink ul{ display:none; width:100%;  position:absolute; z-index:999; background:#fafafa; border-width:0; border-color:#000; border-style:solid; }
.m_classLink ul li { display:block; margin:0 0; padding:0;}
.m_classLink ul li > a{ display:block; padding:8px 30px 8px 10px; font-size:16px; color:#000000; position:relative; border-bottom:1px solid #efefef; }
.m_classLink ul li > a > span:after { font-family:'FontAwesome'; content:"\f0da"; font-size:20px; position:absolute; right:10px; top:8px;}
.m_classLink ul li > a.current span:after { content:"\f0d7"; }
.m_classLink ul li > a:hover, .m_classLink ul li > a.current { color:#EF8200;}
.m_classLink ul li > div { padding-left:20px;}
.m_classLink ul li > div > div > a { display:block; color:#6C6E70; font-size:15px; padding:5px 30px 5px 0; border-width:0; position:relative;}
.m_classLink ul li > div > div > a > span:after { font-family:'FontAwesome'; content:"\f0da"; font-size:20px; position:absolute; right:10px; top:8px;}
.m_classLink ul li > div > div > a.current span:after { content:"\f0d7"; }
.m_classLink ul li > div > div > a.current { color:#EF8200;}
.m_classLink ul li > div > div > div  { padding-left:15px;}
.m_classLink ul li > div > div > div > a { display:block; color:#6C6E70; font-size:15px; padding:5px 0; border-width:0;}
.m_classLink ul li > div > div > div > a:hover, .m_classLink ul li > div > div > div > a.current { color:#EF8200;}
.m_classLink ul li.current02{ display:none; }

#main { width:100%; padding-left:0; padding-top:10px;}
.responsive .slick-prev, .responsive .slick-next { display:none !important;}
.responsive .slick-dots { display:block !important;}
}
@media only screen and (max-width: 640px) {
#content { padding-left:10px; padding-right:10px;}
.products-list > div { width:50%; }
.pro-b { width:100%}
.pro-content { width:100%; padding-left:0;}
.pro-content-top { min-height:inherit;}
}
@media only screen and (max-width: 570px) {
.contact-info > div:nth-of-type(4), .contact-info > div:nth-of-type(6) { width:calc(100% - 40px);}
.search-error { flex-wrap:wrap; justify-content:flex-start;}
.search-error > div:nth-of-type(1) { width:100%; padding-bottom:10px;}
.search-error > div:nth-of-type(2) { width:calc(100% - 100px);}
}

@media only screen and (max-width: 414px) {
.products-list > div { width:100%; padding-left:0; padding-right:0;}
.products-list-control { text-align:left;}
.products-list-control > div { padding-left:0px; display:block;}
.products-list-control > div:first-child { padding-bottom:10px;}
}

@media only screen and (max-width: 320px) {

}