@charset "utf-8";
/* CSS Document */
@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(fonts/icofont.woff2) format("woff2"),url(fonts/icofont.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-facebook:before{content:"\ed37"}.icofont-google-map:before{content:"\ed42"}.icofont-google-plus:before{content:"\ed43"}.icofont-skype:before{content:"\ed67"}.icofont-twitter:before{content:"\ed7a"}.icofont-tumblr:before{content:"\ed78"}.icofont-whatsapp:before{content:"\ed86"}.icofont-youtube:before{content:"\ed8b"}.icofont-linkedin:before{content:"\ed4d"}.icofont-instagram:before{content:"\ed46"}.icofont-envelope:before{content:"\ef14"}.icofont-qr-code:before{content:"\efc8"}.icofont-thin-left:before{content:"\eac9"}.icofont-thin-right:before{content:"\eaca"}.icofont-caret-right:before{content:"\ea69"}.icofont-viber:before{content:"\ed7d"}.icofont-phone:before{content:"\efbb"}.icofont-phone-circle:before{content:"\efba"}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{-webkit-animation:icofont-spin 2s infinite linear;animation:icofont-spin 2s infinite linear;display:inline-block}.icofont-pulse{-webkit-animation:icofont-spin 1s infinite steps(8);animation:icofont-spin 1s infinite steps(8);display:inline-block}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icofont-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icofont-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icofont-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.icofont-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.icofont-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.icofont-flip-horizontal.icofont-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{-webkit-filter:none;filter:none;display:inline-block}.icofont-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}


*{margin: 0px;padding: 0px;font-family: "Microsoft YaHei", "Arial", "SimHei";}
body{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%;}

/*图片变亮*/
.cpic img,.newsbox dt img,.pro_lc li p img,.inner-pro li .aimg img,.case img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newsbox dt img:hover,.cpic img:hover,.inner-pro li .aimg img:hover,.case img:hover{-webkit-filter: brightness(110%);-moz-filter: brightness(110%); filter: brightness(110%);}

/*通用设置*/
.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:1100px; margin:0 auto;}


/*nav logo右侧*/
.header{width: 100%;height: 115px;background: #6e0208;}
.header .logo{width: 180px;height: 115px;float: left;}
.header .logo img{height: 115px;}
.header .r-warp{float: right;height: 30px;margin-top: 40px;}
.header .r-warp .tel{height: 30px; overflow:hidden;float: right;}
.nav-wrap{height: 30px; float: left}
.nav{ height:30px; line-height:30px; position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  margin-right:40px; }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block;font-size:16px; font-weight:normal; line-height:30px;text-transform: uppercase}
.nav .nav_sub{ display:none; min-width:60px; left:0; top:32px;  position:absolute; background:#fff;  line-height:26px;  }
.nav .nav_sub li{ zoom:1; }
.nav .nav_sub a{ display:block; padding:0 10px; white-space:nowrap; }
.nav .nav_sub a:hover{ background:#6d6d6d; color:#fff;  }
.nav .on h3 a{  }

/*搜索*/
.search{float: right;width: 190px;margin-top: 10px;border: 1px solid #aaa;-moz-border-radius: 15px; /* Firefox */-webkit-border-radius: 15px; /* Safari 和 Chrome */border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */padding: 1px;}
.search_text{width: 140px;height: 22px;border: 0;background: none;float: left;padding-left: 10px;line-height: 22px;font-size: 12px;color: #666;}
.search_but{height: 22px;width: 30px;background: url(/images/search.png) no-repeat center center;cursor: pointer;float: right;border: 0px none;text-align: center;}


/*footer*/
.foot{width: 100%;background: #2A2A2A;margin-top: 55px;overflow: hidden;border-top: 5px solid #6e0208;}
.footer{width: 1100px;height: auto;overflow: hidden;margin: 40px auto;color: #B2B2B2;}
.footer a{color: #B2B2B2;}
.f-contact{width: 500px;float: left;overflow: hidden;font-size: 14px; background: url(/images/qr.jpg) no-repeat righ bottom;}
.f-contact h3{line-height: 38px;font-size:24px; font-weight:bold;margin-bottom: 15px;color: #fff;text-indent: 5px;}
.f-contact p{margin-bottom: 15px; line-height: 24px; padding-left: 40px;}
.f-contact .map{ background: url(/images/index_48.png) no-repeat left top;}
.f-contact .tel{ background: url(/images/index_54.png) no-repeat left top;}
.f-contact .fax{ background: url(/images/index_56.png) no-repeat left top;}
.f-contact .mail{ background: url(/images/index_58.png) no-repeat left top;}
.f-contact .qr{float: right;}

.f-plist{float: right;width:400px; margin-left: 90px; }
.f-plist h3{line-height: 40px;color: #fff; font-size:22px; font-weight:bold; display: block;margin-bottom: 15px;}
.f-plist a{float: left;min-width: 160px;padding-right: 40px;}
.f-plist a:hover{ color: #fff;}

.copyright{ background:#2A2A2A;border-top: 1px solid #B2B2B2;padding: 10px 0;font-size: 12px;color: #B2B2B2; line-height: 28px;}
.copyright .icon{}
.copyright .icon a{float:left;margin-left: 15px; font-size: 16px;color: #000;line-height: 28px;width: 28px;height: 28px;border-radius: 15px;background: #B2B2B2;text-align: center;}
.copyright .icon a:hover{ margin-top: -3px;}

.foot .code{float: right;}
/*banner-inner*/
.inner-banner{width: 100%;text-align: center;background: #57A2DC;}
.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: 274px;float: left;}
.inner-title{display:block;height: 48px;font-size: 24px;color: #000;line-height: 45px;text-transform: uppercase;padding-left: 10px;background: url(/images/neiye_05.png) no-repeat left bottom;}

ul.sf-menu{clear: both;margin: 15px auto 40px;;height: auto;position: relative;text-transform: capitalize;z-index: 500;width: 274px; }
ul.sf-menu li{margin: 0px;}
.mLi1{text-transform:capitalize;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 48px;line-height: 48px;font-size: 16px; color:#000; border-bottom:1px dashed #DFDFDF;padding-left: 15px;}
.mLi1:hover,ul.sf-menu li.on .mLi1{color: #6e0208;}
ul.sf-menu ul{width: 100%;margin: 0px;padding: 0px 0 10px;background:#FFFFFF;overflow: hidden;border-bottom:1px dashed #C8C8C8;margin-top: -1px;}
ul.sf-menu ul li{margin: 0px;}
ul.sf-menu ul li a{ display:block;font-weight: normal;color:#767676;line-height: 36px;height: 36px;font-size: 14px; padding-left: 25px;}
ul.sf-menu ul li a.cur{color: #51A4CE;}
ul.sf-menu ul li.cgf a:hover{ padding-left: 30px;}
.cgf a{transition: ease all 0.5s;}
.cgf a:hover{ padding-left: 10px;}

/*inner right*/
.inner .inner-r{width: 770px;float: right;}
.inner-position{width: 100%;height: 48px;text-indent: 0px;font-size: 15px;color: #808080;line-height: 45px;background: url(/images/neiye_07.png) repeat-x left bottom;margin-bottom: 20px;}
.inner-position a{color: #808080;font-size: 15px;}

/*about*/
.inner-abo{width: 100%;}
.inner-abo img{max-width: 770px;}
.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: 770px;overflow: hidden;}
.inner-pro ul{width: 768px;margin: 0px auto;}
.inner-pro ul li{float: left;margin: 0px 7px 25px 7px;width: 242px;}
.inner-pro li .aimg{display: block;width: 240px;height: 240px; overflow: hidden;border: 1px solid #ccc;}
.inner-pro li .aimg img{max-width: 240px;max-height: 240px;}
.inner-pro li .atit{display: block; box-sizing: border-box;width: 100%;height: 34px;padding: 2px 0px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
.inner-pro li .atit:hover{color: #6e0208;}


/*news*/
.news-list{width: 770px;margin: 10px auto; overflow:hidden}
.news-list li{width: 750px;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: 730px;padding-left: 20px;}
.news-list li strong a{color: #222;}
.news-list li strong span{font-size: 12px;color: #6e0208;margin-left: 10px;}
.news-list li p{display: block;font-weight: normal;font-size: 12px;line-height: 20px;width: 730px;color: #888;}
.news-list li:hover strong a{color: #6e0208;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{font-family: "Arial Black";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: 100%;margin: 0px auto;margin-top: 10px;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:770px;}

/*幻灯片多图*/
.detail-title{height:32px; line-height:32px; font-size:24px; color:#000; text-align:center; overflow:hidden; margin-bottom:25px;}
/*多图*/
.focusBox { position: relative; width:600px; height:450px; overflow: hidden; margin: 20px auto;}	
.focusBox .pic{ position:relative; z-index:0; }	
.focusBox .pic img { width:600px; height:450px; display: block; }	
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }	
.focusBox .hd li{margin: 0 5px; background: url(images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;		display:inline-block; *display:inline; zoom:1;  _background: url(images/dot8.png) no-repeat 0 -16px;	}	
.focusBox .hd .on{ background-position:0 0; }	
.focusBox .prev,	
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(images/ad_ctr2.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }	
.focusBox .prev { left: 0; }	
.focusBox .next { background-position: 0 -90px; right: 0; }	
.focusBox .prev:hover,	

.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }	
/*单图*/
.singglepic{ text-align:center}
.singglepic img{max-width:800px;border: 1px solid #ccc;}
/*End-- 幻灯片多图*/

.protabs{height: 45px;width:100%;background: #DFDFDF;}
.protabs span{float: left;height: 45px;width: 140px;background: #2B2B2B;font-size: 18px;line-height: 45px;color: #fff;text-align:center;}

.pro-introduce{width:750px; margin:20px 10px; overflow:hidden}

/*产品留言*/
.pro-inquire{ width:100%; margin:0 auto; overflow:hidden; margin-top:40px;border-top: 2px solid #ccc;padding: 25px 20px 0px 20px;box-sizing: border-box}
.pro-inquire table{ margin:0px auto;}
.pro-inquire .fl{ float:left; width:340px; overflow:hidden}
.pro-inquire .fl h2{ margin-bottom:10px}
.pro-inquire .fr{ float:right; width:720px; overflow:hidden}
/* 图组 */
.picFocus{ margin:0 auto;  width:600px; border:0px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-12px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:137px; height:103px; border:2px solid #ddd; cursor:pointer; margin-right:12px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; text-align:center }
.picFocus .bd img{ height:450px; }


/*feedback*/
.feedback_str{ margin-top:15px; text-indent:2em;}
.inner-feedback{width: 700px;font-size: 14px;color: #444;margin: 20px auto;}
.inner-feedback .feed_t{width: 580px;height: 38px;background: #FAFAFA;border: 1px solid #ccc;line-height: 48px;text-indent: 12px;color: #555;
*text-indent:0;
*width:580px;
*padding-left:12px;}
.inner-feedback .feed_c{width: 560px;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: #6e0208;color: #fff;text-align: center;border: 1px solid #6e0208;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;}
.e_mobile{height: 25px;line-height: 25px;background: url( emobile1.png) 0px -51px no-repeat;padding-left: 25px;}
/*format table*/
.defcont .ke-zeroborder{border-collapse: collapse;}
.defcont .ke-zeroborder td, .table th{border: 1px solid #cdcdcd;padding: 5px;line-height: 24px;}
.defcont .ke-zeroborder p{padding: 0px;margin: 0px;}

/*固定的悬浮窗 单显*/
.yb_conct{position:fixed;z-index:9999999;top: 30%;right:-207px;cursor:pointer;transition:all .3s ease;}
.yb_conct a{color:#fff;}
.yb_bar ul li{width:250px;height:43px; line-height: 43px; font-size: 14px; color:#fff;text-indent:44px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden; background-color: #6e0208; 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{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;}