@charset "utf-8";
/* CSS Document */
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v23/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiZTaR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v23/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZTaR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v23/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliZTaR.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v23/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v23/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



*{margin: 0px;padding: 0px;}
body{font-family: 'Open Sans', "Arial", "SimHei";font-size: 13px;line-height: 24px;color: #444;text-decoration: none;background: #fff;}
a{color: #555;text-decoration: none;}
a:hover{color: #f00;text-decoration: none;}
a, a::before, a::after {-webkit-transition: .3s ease;transition: .3s ease}
img{border: 0;}
ul, li{list-style-type: none;}
div, dl, dt, dd, p, h1, h2, h3, h4, h5, h6{margin: 0px;padding: 0px;}
blockquote, sub{margin: auto}
.bg100{ background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
input,textarea{font-family: 'Open Sans', "Arial", "SimHei";}

/*图片变亮、变大*/
.bl-img,.bd-img,.bl-img img,.bd-img img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.bl-img:hover,.bl-img:hover img{-webkit-filter: brightness(110%);-moz-filter: brightness(110%); filter: brightness(110%);}
.bd-img:hover,.bd-img:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}


/*通用设置*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.fz12{font-size: 12px;} 
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.siteWidth{ width:1200px; margin:0 auto;}

.header{width: 100%;height: 115px;box-sizing: border-box; }
.header .logo{height: 115px;float: left;}
.header .logo img{max-height: 115px;}
.header .tel{float: right;height: 45px; overflow:hidden;margin-top: 38px;}

/*独立导航*/
.nav-wrap{height: 52px;width: 100%; background: #2B2B2B;}
.nav{ width: 1200px;height:52px;position:relative; z-index:1; margin: 0 auto;}
.nav a{ color:#fff; text-align: center }
.nav .nLi{ float:left;  position:relative; display:inline; }
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block;font-size:15px; font-weight:normal; line-height:52px;min-width: 170px;}
.nav .nav_sub{ display:none; min-width:170px; left:0; top:52px;  position:absolute;background: rgba(241,58,58,.9); line-height:40px;  }
.nav .nav_sub li{ zoom:1; }
.nav .nav_sub a{ display:block; padding:0 20px; white-space:nowrap; color:#fff; text-align: left;}
.nav .nav_sub a:hover{ background:#2B2B2B; color:#fff;  }
.nav .on h3 a{ background: #F13A3A; color:#fff;  }

/*footer*/
.foot{width: 100%;background: #222222;margin-top: 55px;overflow: hidden;border-top: 8px solid #EE4339;}
.foot *{color: #999;}
.footer{width: 1200px;height: auto;overflow: hidden;margin: 40px auto;}
.footer .fmenu{margin: 20px auto 60px;text-align: center;}
.footer .fmenu a{margin: 0px 20px;display: inline-block;font-size: 16px;}

.footer .f-box{ width: 1200px;overflow:hidden}
.footer .f-box li{float: left;overflow: hidden;line-height: 30px;color: #999;font-size: 14px;}
.footer .f-box .code{width:130px;float: right;}
.footer .f-box .code img{width:130px;}

.f-contact{width: 450px;float: left;overflow: hidden;color: #1E1E1E;font-size: 14px;}
.f-contact p{margin-bottom: 5px; line-height: 32px; padding-left: 45px;}
.f-contact .map{ background: url(/images/index_39.png) no-repeat left top;line-height: 24px;}
.f-contact .tel{ background: url(/images/index_37.png) no-repeat left top;line-height: 24px;}
.f-contact .mail{ background: url(/images/index_32.png) no-repeat left top;}

.f-cls{width:565px;box-sizing: border-box;padding: 0px 40px;border-left: 1px solid #444444;border-right: 1px solid #444444;}
.f-cls a{display: inline-block;min-width: 240px;}
.f-cls a:hover{text-decoration: underline}
.copyright{ background:#242424;border-top: 1px solid #444444;padding: 5px 0;font-size: 12px;color: #818181; text-align:center}

.foot .code{float: right;}
/*banner-inner*/
.inner-banner{width: 100%;text-align: center;background: #57A2DC;display: none}
.inner-banner img{max-width: 100%; display: block;}

/*inner*/
.inner{overflow: hidden; margin-top:40px;}
.inner blockquote{display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px;/*编辑器缩进样式*/}

/*inner left*/
.inner .inner-l{width: 280px;float: left;}
.inner-title{display:block;height: 60px;background: #F23A3A;font-family: 'Oswald';font-size: 30px;font-weight:normal;color: #fff;line-height: 60px;text-transform: uppercase;padding-left: 20px;}
.inner-title b{display: inline-block;border-left: 5px solid #fff;padding: 24px 15px 0 0;} 

ul.sf-menu{clear: both;margin: 0px auto 20px;height: auto;position: relative;z-index: 500;width: 280px;background: #F4F4F4;border-bottom:6px solid #EC3E3E;}
ul.sf-menu li{padding: 8px 0;border-bottom:1px solid #777777;}
ul.sf-menu li:last-child{border-width: 0;}
.mLi1{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 48px;line-height: 48px;font-size: 16px; color:#303030;padding-left: 20px; }
ul.sf-menu li.on .mLi1{ background: #707070;color: #fff;}
ul.sf-menu ul{width: 98%;margin: 0px auto;padding: 0px 0 10px;overflow: hidden}
ul.sf-menu ul li{margin: 0px;border: 0;padding: 0;}
ul.sf-menu ul li a{ display:block;font-weight: normal;color:#949494;line-height: 44px;height: 44px;font-size: 14px;padding-left: 20px;border-bottom: 1px dashed #ccc;}
ul.sf-menu ul li:last-child a{ }
ul.sf-menu ul li a.cur{color: #F23A3A;}
ul.sf-menu ul li.cgf a:hover{ padding-left: 30px;}
.cgf a:hover{ padding-left: 10px;}

/*inner right*/
.inner .inner-r{width: 890px;float: right;}
.inner-position{width: 100%;height: 45px;text-indent: 0px;font-size: 15px;color: #454545;line-height: 45px;margin-bottom: 25px;border-bottom: 1px solid #454545;}
.inner-position a{color: #454545;font-size: 14px;}

/*about*/
.inner-abo{width: 100%;overflow: hidden;}
.inner-abo img{max-width: 954px;}
.inner-abo p{ margin-bottom: 10px; line-height: 32px;}
.abo-menu{width: 100%; overflow:hidden;margin: 20px 0px;font-size: 24px;line-height:32px;color: #464646;text-align: center; }
/*products*/
.inner-pro{width: 890px;overflow: hidden;}
.inner-pro ul{width: 870px;margin: 0px auto;}
.inner-pro ul li{float: left;margin: 0px 10px 5px 10px;width: 270px;height: 340px;}
.inner-pro li .aimg{display: block;width: 268px;height: 268px; overflow: hidden;border: 1px solid #ccc;}
.inner-pro li .aimg img{max-width: 268px;max-height: 268px;}
.inner-pro li .atit{display: block; box-sizing: border-box;width: 100%;padding: 5px 20px 0px;text-align: center;line-height: 20px;}
.inner-pro li .atit:hover{color: #FF6600;}


/*news*/
.news-list{width: 870px;margin: 0px auto; overflow:hidden}
.news-list li{width: 850px;border-bottom: 1px dashed #ccc;padding: 10px}
.news-list li:hover{background: #eee;transition: 0.5s all;}
.news-list li strong{display: block;font-weight: 500;font-size: 15px;background: url(point1.jpg) no-repeat 0px 8px;width: 830px;padding-left: 20px;}
.news-list li strong a{color: #222;}
.news-list li strong span{font-size: 12px;color: #FF6600;margin-left: 10px;}
.news-list li p{display: block;font-weight: normal;font-size: 12px;line-height: 20px;width: 830px;color: #888;}
.news-list li:hover strong a{color: #FF6600;transition: 0.5s all;}
/*pages*/
/*分页样式*/
.page_info{text-align: center;margin-top: 10px;color: #333;}
.page_info span{padding: 0 2px;font-weight: bold;}
.page_list{height: 28px;line-height: 24px;text-align: center;letter-spacing: 0;font-family: "Arial Black";font-size: 12px;margin-top: 20px;}
.page_list a{display: inline-block;color: #898989;border: 1px solid #e8e8e8;background: #f8f8f8;text-align: center;padding: 0 8px;margin: 0 1px;}
.page_list a:hover{color: #fff;border: 1px solid #898989;background: #898989;}
.page_list a.on{color: #333;border: 1px solid #ccc;background: #E5EDF2;}
/*内容分页*/
.contPage{height: 20px;line-height: 20px;text-align: center;letter-spacing: 0;font-family: "Arial Black";font-size: 10px;margin-top: 20px;}
.contPage a{display: inline-block;color: #898989;background: #fff;text-align: center;padding: 0 7px;margin: 0 1px;}
.contPage a:hover{color: #fff;background: #898989;}
.contPage a.on{color: #333;background: #E5EDF2;border: 1px solid #C2D5E3;}
/*详细页功能区*/
.preNext{position: relative;}
.preNext .line{height: 10px;overflow: hidden;clear: both;background: url(../images/box_dotline.gif) left 15px repeat-x;margin: 4px auto;padding-top: 10px;}
.preNext .line strong{display: block;width: 8px;height: 10px;overflow: hidden;font-size: 0px;line-height: 100px;background: url(../images/box_dotline.gif) right -10px no-repeat;float: left;}
.preNext .text{color: #999;}
.preNext .text li{ float:left}
.preNext .actBox{position: absolute;top: 25px;right: 0;}
.preNext .actBox li{display: inline;padding-left: 22px;background-image: url(../images/actbox-ico.gif);background-repeat: no-repeat;margin-left: 10px;}
.preNext .actBox li a{color: #666;}
.preNext .actBox li#act-fav{background-position: 4px 0px;}
.preNext .actBox li#act-err{background-position: 4px -37px;}
.preNext .actBox li#act-pus{background-position: 4px -73px;}
.preNext .actBox li#act-pnt{background-position: 4px -109px;}
/*newdetail*/
.news-content{width: 890px;margin: 0px auto;font-size: 14px;overflow: hidden;}
.newsTitle{clear: both;margin: 0px auto;text-align: center;font-size: 16px;font-weight: bold;color: #444;line-height: 25px;padding: 15px 0px;border-bottom: 1px dashed #ccc;margin-bottom: 15px;}
.newsPic{clear: both;margin: 0px auto;text-align: center;margin-bottom: 10px;}
.newsPic img{max-width: 720px;max-height: 800px;}
.newsDate{clear: both;margin: 0px auto;padding: 10px 0px;text-align: center;line-height: 20px;margin-bottom: 15px;border: 1px dashed #ccc;color: #777;font-size: 12px;}
.newsDate a{color: #317de9;}
.newsDate a:hover{color: #317de9;}
.newsContent{clear: both;margin: 0px auto;padding: 0px;font-size: 14px;color: #444;line-height: 28px;word-wrap: break-word;word-break: normal;margin-bottom: 15px;}
.newsContent img{margin-bottom: 10px;}
.newsContent ul, .newsContent ol{margin: auto}
.newsContent ul li{list-style-type: disc}
.newsContent ol li{list-style-type: decimal;}
.prevNext{clear: both;margin: 0px auto;border-top: dashed 1px #ccc;border-bottom: dashed 1px #ccc;height: 60px;line-height: 30px;color: #666;font-size: 13px;-webkit-text-size-adjust: none;padding: 10px 0px;}
.prevNext a{text-decoration: underline;}
.prevNext .prev{/*float:left;*/}
.prevNext .prev a{text-decoration: none;}
.prevNext .prev a:hover{color: #317de9;text-decoration: none;}
.prevNext .next{/*float:right;*/}
.prevNext .next a{text-decoration: none;}
.prevNext .next a:hover{color: #317de9;text-decoration: none;}
/*pro-detail*/
.pro-content { width:890px; margin-top:15px;}

/* 图组 */
.pro-datail-pic{float: left;overflow: hidden;width: 440px;}
.picFocus{width:440px;position:relative;overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:440px; overflow:hidden;position:relative; }
.picFocus .hd ul{overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;display: inline;text-align:center;  }
.picFocus .hd ul li img{ width:104px; border:1px solid #ddd; cursor:pointer; margin-right:4px;   }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd{position:relative;}
.picFocus .bd li{ vertical-align:middle; text-align:center }
.picFocus .bd .aimg{ display:table-cell;width:420px;height:420px;border: 8px solid #F3F3F3;vertical-align: middle;}
.picFocus .bd .aimg img{display: block;max-width:420px;max-height: 420px;margin: 0px auto;}
.picFocus .show_gw ul{width:440px;  }

.picFocus .prev2,.picFocus .next2{width: 28px;height:48px;display: block;overflow: hidden;z-index: 9;top: 28%;text-align:  center;font-size: 30px;line-height:  48px;background: rgba(170, 170, 170, 0.4);opacity: 0;}
.picFocus .prev2{left:0;}
.picFocus .next2{right:5px;}

.picFocus .prevStop{ color: #aaa; }
.picFocus .nextStop{ color: #aaa; }

/*End-- 幻灯片多图*/
/*单图*/
.singglepic{float: left;width:440px;overflow: hidden}
.singglepic img{ display: block;width:426px;border: 8px solid #F3F3F3;}
/*右侧*/
.detail {float: right;width:420px;}
.detail-title {color:#000;font-size:18px;line-height:36px;font-weight:bold;padding-bottom:12px;border-bottom: 1px solid #ddd;margin-bottom: 25px;}
.detail-dec {font-size:14px;line-height:24px;color:#A0A0A0;}
.detail-btn a{width:150px;height:38px;line-height:38px;background:#F23A3A;border-radius: 20px; display:block;margin-top: 30px;font-size: 16px;color: #fff;text-align:center;}

.pro-introduce{width:890px; margin:20px 0px; overflow:hidden}

/*产品留言*/
.pro-inquire{ width:100%;box-sizing: border-box;padding: 20px 50px;overflow:hidden; margin-top:40px;border-top: 1px solid #777777;}
.pro-inquire h2{ color:#000;font-size:24px;line-height:36px;font-weight:bold;}

/*feedback*/
.feedback_str{ margin-top:15px;}
.inner-feedback{width: 700px;font-size: 14px;color: #444;margin: 0px auto;}
.inner-feedback .feed_t{box-sizing: border-box; width: 580px;height: 38px;background: #FAFAFA;border: 1px solid #ccc;line-height: 48px;color: #555;padding-left:12px;}
.inner-feedback .feed_c{box-sizing: border-box; width: 580px;height: 121px;background: #FAFAFA;border: 1px solid #ccc;padding: 10px;color: #555;font-family: Arial, Helvetica, sans-serif;}
.inner-feedback .feed_b{float: left;width: 160px;height: 40px;line-height: 40px;background: #FA8021;color: #fff;text-align: center;border: 1px solid #FA8021;font-size: 16px;}
.inner-feedback table{margin: 0px auto;background: #fff;border: 1px solid #fff;border-radius: 10px;overflow: hidden;}
.inner-feedback table td{padding: 10px 0px;}

.table{border-collapse: collapse;}
.table td, .table th{border: 1px solid #cdcdcd;padding: 5px;}
.table p{padding: 0px;margin: 0px;}

/*固定的悬浮窗 单显*/
.yb_conct{position:fixed;z-index:9999999;top: 30%;right:-237px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:280px;height:43px; line-height: 43px; font-size: 16px; color:#fff;text-indent:44px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden; background-color: #f13a3a; background-repeat: no-repeat; background-position: 0 0;}
.yb_bar .yb_top{background-image:url(/images/backtop.png);}
.yb_bar .yb_phone{background-image:url(/images/ol_tel.png)}
.yb_bar .yb_QQ{background-image:url(/images/ol_qq.png) ;}
.yb_bar .yb_ercode{background-image:url(/images/ol_qr.png);}
.yb_bar .yb_mail{background-image:url(/images/ol_email.png);}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a,.yb_mail a{display:block;text-indent:44px;width:100%;height:100%;color:#fff;}



.clear{margin: 0px auto;clear: both;height: 0px;font-size: 0px;overflow: hidden;}
.blank1{margin: 0px auto;clear: both;height: 1px;font-size: 1px;overflow: hidden;}
.blank8{margin: 0px auto;clear: both;height: 8px;font-size: 1px;overflow: hidden;}
.blank10{margin: 0px auto;clear: both;height: 10px;font-size: 1px;overflow: hidden;}
.blank15{margin: 0px auto;clear: both;height: 15px;font-size: 1px;overflow: hidden;}
.blank20{margin: 0px auto;clear: both;height: 20px;font-size: 1px;overflow: hidden;}
.blank25{margin: 0px auto;clear: both;height: 25px;font-size: 1px;overflow: hidden;}
.blank30{margin: 0px auto;clear: both;height: 30px;font-size: 1px;overflow: hidden;}
.blank40{margin: 0px auto;clear: both;height: 40px;font-size: 1px;overflow: hidden;}
.blank45{margin: 0px auto;clear: both;height: 45px;font-size: 1px;overflow: hidden;}
.blank50{margin: 0px auto;clear: both;height: 50px;font-size: 1px;overflow: hidden;}