@charset "utf-8";

/*--index--*/
#banner{width:100%;height:536px;overflow:hidden;position:relative}
#banner ul.bd{width:100%;height:480px}
#banner ul.bd li{width:100%;height:480px;position:relative}
#banner ul.bd li img{width:1680px;height:480px;position:absolute;left:50%;top:0;margin:0 0 0 -840px}
#banner .hd{width:100%;overflow:hidden;height:20px;padding:18px 0;position:absolute;left:0;bottom:0;text-align:center}
#banner .hd li{width:20px;height:20px;background:url("../images/banner-dot.png") no-repeat -20px 0;cursor:pointer;display:inline-block;margin:0 5px;text-indent:-9999px}
#banner .hd li.on{background-position: 0px 0px;}

.index-title-1{ text-align: center;  color: #000; font-size: 18px; line-height: 48px;  width: 1000px; margin: 0 auto; overflow: hidden;}
.index-title-1 span{ display: block; line-height: 60px; font-size: 36px; font-weight: bold; font-family: Arial; background: url("../images/title-line-bg.jpg") no-repeat center bottom;}

.pro-list{ height: auto; width: 100%; overflow: hidden;}
.pro-list-tab{ height: 45px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2;}
.pro-list-tab-main{ text-align: center;}
.pro-list-tab-main a{ display: inline-block; height: 45px; padding: 0 30px; line-height: 45px; margin:0; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; margin-left: -1px; font-size: 14px; color: #000;}
.pro-list-tab-main a.on{ color: #fff; background: #d91a10;}
.pro-list-main{ height: 372px; margin: 25px auto 60px; overflow: hidden;}
.pro-list-main li{ width: 234px; height: 372px; float: left; margin-right: 20px;}
.pro-list-main li a img{ padding: 7px; border: 1px solid #e2e2e2;margin:0;}
.pro-list-main li a span{display: block; width: 232px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #e2e2e2; margin-top: -1px; font-size: 14px; color: #000;}
.pro-list-main li a:hover img{ border: 8px solid #d91a12; padding: 0;}
.pro-list-main li.last{ margin-right: 0;}

.index-title-2{ text-align: center;  color: #fff; font-size: 18px; line-height: 48px;  width: 100%; overflow: hidden; background: url("../images/index-title-2-bg.png") repeat-x 0 bottom;}
.index-title-2 span{ display: block; line-height: 60px; font-size: 36px; font-weight: bold; font-family: Arial; background: url("../images/title-line-bg.jpg") no-repeat center bottom;}
.index-title-2 em{ font-style: normal; background: #da2d24; padding: 0 10px;}

.advantage{ padding: 70px 0 0; background: #da2d24; overflow: hidden;}
.advantage-main{ height: auto; margin-top: 40px; overflow: hidden;}
.advantage-main li{ height: 86px;  float: left; position: relative; width: 330px; color: #fff; margin-bottom: 75px;}
.advantage-main li a{ display: block; height: 86px; padding:0 20px 0 100px;  color: #fff; width: 200px; background-position: left center; background-repeat: no-repeat;}
.advantage-main li h3{ height: 26px; line-height: 26px; font-size: 16px; color: #fff;}
.advantage-main li p{ line-height: 20px; overflow: hidden;}

.ad{ width: 100%; height: auto; position: relative; display: block; overflow: hidden;}
.ad img{ width: 1680px; height: auto; position: relative; left: 50%; margin-left: -840px; display: block;}

.index-title-3{ text-align: center;  color: #000; font-size: 18px; line-height: 48px;  width: 100%; overflow: hidden; background: url("../images/index-title-2-bg.png") repeat-x 0 bottom;}
.index-title-3 span{ display: block; line-height: 60px; font-size: 36px; font-weight: bold; font-family: Arial; background: url("../images/title-line-bg.jpg") no-repeat center bottom;}
.index-title-3 em{ font-style: normal; background: #FFF; padding: 0 10px;}

.case-list{ width: 100%; height: auto; padding: 60px 0 60px;}
.case-list-main{ overflow: hidden; margin-top: 40px;}
.case-list li{ width: 232px; height: auto; border: 1px solid #e2e2e2; float: left; margin:0 10px; position: relative;}
.case-list li a.border{ display: none; width: 218px; height:184px; border: 7px solid #d82d24; position: absolute; left: 0; top: 0;}
.case-list li img{ width: 232px; height: 198px; display: block;}
.case-list li span{ display: block; text-align: center; width: 232px; height: 50px; border-top: 1px solid #e2e2e2; line-height: 50px; font-size: 14px; color: #000;}
.case-list li:hover a.border{ display: block;}
.case-list li:hover span{ background: #c6140d; color: #fff; border-color: #c6140d;}

.index-title-4{ text-align: center;  color: #fff; font-size: 18px; line-height: 48px;  width: 100%; overflow: hidden; background: url("../images/index-title-2-bg.png") repeat-x 0 bottom;}
.index-title-4 span{ display: block; line-height: 60px; font-size: 36px; font-weight: bold; font-family: Arial; background: url("../images/title-line-bg.jpg") no-repeat center bottom;}
.index-title-4 em{ font-style: normal; background: #282828; padding: 0 10px;}

.about-us{ width: 100%; padding: 70px 0 55px; background: #282828;}
.about-us-main{ overflow: hidden; height: auto; margin-top: 40px;}
.about-us-left{ width: 580px; height: auto; overflow: hidden; float: left; margin-right: 30px;}
#ifocus { width:580px; height: 390px;   }
#ifocus_pic { display:inline; position:relative; float:left; width:465px; height:388px; overflow:hidden; border:1px solid #323232;  margin:0 9px 0 0; }
#ifocus_piclist li { width:465px; height:388px; overflow:hidden;}
#ifocus_piclist img { width:465px; height:388px; }
#ifocus_btn { display:inline; float:right;  width:88px;  height: 390px; position: relative;}
#ifocus_btn ul{ height: 332px; margin:33px 0 0; overflow: hidden;}
#ifocus_btn li { width:88px; height:74px; margin-bottom:10px; cursor:pointer; opacity:0.5; position: relative;}
#ifocus_btn img { width:88px; height:74px;border:none;}
#ifocus_btn a.border{ display: none; width: 80px; height:66px; border: 4px solid #c6140b; position: absolute; left: 0; top: 0;}
#ifocus_btn li.on{ opacity:1; }
#ifocus_btn li.on a.border{ display: block;}
#ifocus_btn .prev,#ifocus_btn .next{ width: 86px; height: 20px; border:1px solid #353535; cursor: pointer; display: block; position: absolute; left: 0; }
#ifocus_btn .prev{ top: 0; background: url("../images/about-top-arrow.png") no-repeat center 5px;}
#ifocus_btn .next{ bottom: 0; background: url("../images/about-bottom-arrow.png") no-repeat center 5px;}

.about-us-right{ width: 390px; height: 390px; float: left; color: #fff;  }
.about-us-right h3{ line-height: 24px; font-size: 16px; margin-bottom: 30px;}
.about-us-right p{ line-height: 20px; color: #fff; overflow: hidden; margin-bottom: 30px;}
.about-us-right .more-btn{ height: 20px; float: left; line-height: 20px; padding-right: 22px; background: url("../images/more-btn.png") no-repeat right center; cursor: pointer; color: #fff;}
.about-us-right .more-btn:hover{ text-decoration: underline;}

.contact{ width: 1000px; height: auto; padding: 50px 0 45px; margin: 0 auto; overflow: hidden;}
.contact-l{ width: 486px; height: auto; float: left; margin-right: 30px;}
.contact h3{ font-size: 16px; color: #000; font-weight: 300; line-height: 24px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2;}
.contact-l .addr-list h4{ line-height: 28px; height: 28px; color: #333; font-size: 14px;}
.contact-l .addr-list li{ width:243px; height: 24px; float: left; line-height: 24px; }
.contact-l .addr-list label{ width:auto; float: left; line-height: 24px; color: #333; text-align: right;}
.contact-l .map-box{float:left;margin-top:8px;}

.contact-r{ width: 484px; height: auto; float: left;}
.contact-r .faq-list{ width: 484px; height: 279px; position: relative; margin: 10px 0 0; overflow: hidden;}
.contact-r .faq-list dl{ padding: 12px 0; border-bottom: 1px dotted #e2e2e2;}
.contact-r .faq-list dt{ position: relative; height: 24px; line-height: 24px; margin-bottom: 4px; font-size: 14px; color: #000; padding-left: 26px;  overflow: hidden;}
.contact-r .faq-list dt:before{ content: ""; display: block; width: 23px; height: 23px; position: absolute; left: 0; top: 0; background: url("../images/q-icon.png") no-repeat;}
.contact-r .faq-list dd{ height: 40px; line-height: 20px; color: #333; padding-left: 26px; position: relative; overflow: hidden;}
.contact-r .faq-list dd:before{ content: ""; display: block; width: 23px; height: 23px; position: absolute; left: 0; top: 0; background: url("../images/a-icon.png") no-repeat;}