.top{ background: #F8F8F8; height: 30px; line-height: 30px;}
.tel{color: #F8B741; font-weight: bold; font-size: 16px;}
.header{ height: 97px;}
.logo{ margin-top: 21px;}
.nav{  height:97px; line-height:97px; position:relative; z-index:1;  }
.nav a{ color:#333333;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  font-weight: normal;}
.nav .nLi h3 a{ display:block; width: 108px; text-align: center; }
.nav .on h3 a{ background:url("../images/ow3n.jpg") no-repeat; color:#fff;   }
.fullSlide{ width:100%;  position:relative;  height:650px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:650px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:650px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../images/touming.png) repeat-x; text-align:center;
    _background:#000; _filter:alpha(opacity=60);
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden;
    line-height:9999px;
}
.fullSlide .hd ul .on{ background-position:0 0; }
.m_title{ text-align: center;}
.m_title p{ font-size: 30px; font-weight: 700; margin:50px 0 10px 0;text-transform:uppercase;}
.m_title p strong{ color: #FBB35E; margin-right: 8px;}
.m_title span{ color: rgb(89, 89, 89); font-size: 20px;text-transform:uppercase;}
.ser_box{ overflow: hidden; margin-right: -20px; margin-top: 40px; margin-bottom: 40px;}
.ser_box li{ width: 283px; float: left; margin-right: 20px; height: 306px; border:1px solid #DADADA; text-align: center;position: relative}


.ser_box li:before,.ser_box li:after{content:"";display:block;width: 0;height:0;border:2px solid transparent;box-sizing: border-box;position: absolute;}

.ser_box li:before{top:-1px;left:1px;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.ser_box li:after{right:1px;bottom:-1px;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in ;}

.ser_box li:hover:before{width:100%;height:100%;transition:width 0.2s ease-in ,height 0.2s ease-in 0.2s;border-top-color:#FBB35E;border-right-color:#FBB35E;}
.ser_box li:hover:after{width:100%;height:100%;transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.4s,height 0.3s ease-in 0.6s;border-bottom-color:#FBB35E;border-left-color:#FBB35E;}


.sb1{ margin:40px 0 30px 0;}
.ser_box li p{ font-size: 16px; color: #333;}
.sb2{ display: block;font-size: 12px; color: rgb(127, 127, 127); margin:10px 0 40px 0;text-transform:uppercase;}
.main_box2{ background: url("../images/bg1.jpg") no-repeat center; height: 646px;}
.m_title1{ color: #fff;}
.m_title1 span{ color: #fff;}

.pro_box{ width:1200px; margin:30px auto 0 auto; }
.pro_box .hd{ overflow:hidden;  margin-bottom: 40px;margin-top: 20px;}
.pro_box .hd li{ position:relative; height:50px; color:rgb(216, 216, 216);line-height:50px; text-align:center; width:133px; float:left; cursor:pointer; }
.pro_box .hd li.on{ width:133px;  color:#FBB35E; cursor:pointer; font-size: 16px;}
.pro_box .lh{ overflow:hidden;  margin-right: -20px; margin-bottom: 20px;}
.pro_box .lh li{ width:224px; float:left; margin-right: 20px;margin-bottom: 10px;}
.pro_box .lh li .p-img{ width:224px; height:238px; margin:0 auto; text-align:center;  overflow: hidden; }
.pro_box .lh li .p-img:hover{-moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666');}

.pro_box .lh li .p-img img{ transition: all 0.6s;width:224px; height:238px;}
.pro_box .lh li .p-img img:hover{ transform: scale(1.08);}
.pro_box .lh li .p-name{ height:36px; line-height:36px;  word-break:break-all; word-wrap: break-word; overflow:hidden;  text-align: center; font-size: 16px; }
.pro_box .lh li .p-name a{color: #fff;}

.more a{ display: block; width: 180px; height: 40px; line-height: 40px; text-align: center; color: #9E9E9E; margin:30px auto; border:1px solid #9E9E9E;}
.more a:hover{ background: #FBB35E; border:1px solid #FBB35E; color: #fff;}

.about_box{ overflow: hidden; margin:50px 0;}
.about_fl{ width: 600px;}
.about_fl h2{ font-size: 20px; font-weight: normal; margin:18px 0 32px;}
.about_fl div p{ color: rgb(127, 127, 127); text-align: justify; line-height: 28px;}
.about_fl a{ display: block; width: 150px; height: 42px; line-height: 42px; text-align: center; color: #fff;background: #FBB35E; margin-top: 30px;}
.about_fl a:hover{ background: #eaa14a;}
.adv_box{ overflow: hidden;}
.adv_box li{ width: 25%; float: left; text-align: center; padding:22px 0 30px 0;}
.adv_box li p{ font-size: 16px; margin-bottom: 10px;}
.adv_box li span{display: block; color: rgb(127, 127, 127); margin-top: -8px;}
.youshi_box{ background: url("../images/bg2.jpg") no-repeat center; height: 625px;}
.ys_fr{ width: 570px; }
.ys_tit{ color: #Fff;}
.ys_tit p{font-size: 30px; font-weight: 700; margin:70px 0 10px 0;}
.ys_tit b{font-weight: normal; color: #fff; font-size: 20px;}
.ys_main{ margin-top: 60px;}
.ys_main li{ overflow: hidden; margin-bottom: 30px;}
.ys_main li h3{ float: left; color: #FBB35E; font-size: 50px; font-weight: normal;}
.ys1{ float: left;color: rgb(216, 216, 216); width: 20%; margin:12px 0 0 17px;}
.ys1 p{font-size: 20px; color: rgb(216, 216, 216);}
.ys2{ float: left; color: rgb(216, 216, 216);width:65%; margin-top: 4px;}
.honer{background: url("../images/bg3.jpg") no-repeat center; height: 476px;}


.picScroll-left{ width:1200px;  overflow:hidden; position:relative; margin-top: 30px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:24px; height:50px; z-index: 9999; cursor: pointer;}
.picScroll-left .hd .next{  background:url("../images/sprite-r.png") no-repeat; opacity: 0.4; position: absolute; top:111px; right:0; background-size: 100%;}
.picScroll-left .hd .prev{  background:url("../images/sprite-l.png") no-repeat; opacity: 0.4; position: absolute; top:111px; left:0;background-size: 100%;}
.picScroll-left .hd .prevStop{ opacity: 0.6}
.picScroll-left .hd .nextStop{opacity: 0.6}
.picScroll-left .bd{ margin-left:35px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:210px; height:250px; display:block; border:1px solid #E2E2E2;}
.picScroll-left .bd ul li .title{ line-height:34px;   }

.h_banner{background: url("../images/b_bg.jpg") no-repeat center; height: 230px;}
.h_ban1{font-size: 46px; color: rgb(255, 255, 255); display: inline-block; float: left; margin-left: 20px;}
.ban_box{ margin-top: 28px; overflow: hidden;}

.news_content{ overflow: hidden; margin-top: 40px; padding-bottom: 30px;}
.news_box{ padding-bottom: 30px;}
.news_list{ width: 585px; }
.news_tit{  line-height: 24px;}
.news_tit img{ margin:6px 7px 0 0;}
.news_tit span{font-size: 20px;  color: rgb(67, 67, 67); font-weight: bold;}
.dfg{padding: 0px; border-color: transparent; border-width: 0; overflow: hidden; width: 585px; height: 35px;}
.dfg span{background: url(../images/xgray_line02.png);
    height: 5px;
    width: 100%; display: inline-block;}
.news_top{ border-bottom:1px dashed #eee; overflow: hidden; padding-bottom: 15px;}
.news_top_right{ width: 370px; margin-left: 15px;}
.news_top_right h2{    font-size: 18px;  color: #5A5A5A;  font-weight: normal; width: 100%; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap}
.news_top_right p{  font-size: 14px;  color: #7D7D7D; margin:10px 0 5px 0; text-align: justify;}
.news_top_right span{      font-size: 13px;  color: #5A5A5A; text-align: right; width: 100%; display: inline-block;}
.new_list{ margin-top: 10px;}
.new_list li{ height: 32px; line-height: 32px; overflow: hidden;}
.new_list li a{ float: left; width: 70%;overflow:hidden; text-overflow:ellipsis;  white-space:nowrap}
.new_list li span{ float: right;font-size: 13px;  color: #5A5A5A;}

.contact{background: url("../images/contact.png?v1.0") no-repeat top center; height: 352px; background-size: 100%; position: relative; margin-bottom: 40px;}
.con_box{ overflow: hidden; position: absolute; bottom:0; margin-right: -18px;}
.con_box li{ width: 282px; height: 112px; float: left; margin-right: 18px;}
.ico1{ background: url("../images/bot_ico1.png?v1.0") no-repeat;}
.ico2{ background: url("../images/bot_ico2.png?v1.0") no-repeat;}
.ico3{ background: url("../images/bot_ico3.png?v1.0") no-repeat;}
.ico4{ background: url("../images/bot_ico4.png?v1.0") no-repeat;}
.ico1:hover{ background: url("../images/bot_ico_hover1.png?v1.0") no-repeat;}
.ico2:hover{ background: url("../images/bot_ico_hover2.png?v1.0") no-repeat;}
.ico3:hover{ background: url("../images/bot_ico_hover_3.png?v1.0") no-repeat;}
.ico4:hover{ background: url("../images/bot_ico_hover_4.png?v1.0") no-repeat;}
.link{ height: 50px; line-height: 50px;}
.footer{ background: #1E1C1A; height: 228px;}
.f1{ margin-top: 40px;}
.f2{margin-top: 40px;color: rgb(216, 216, 216);margin-left: 190px; }
.f2 li{ height: 30px; line-height: 30px;}
.f3{margin-top: 40px; color: rgb(216, 216, 216);}
.f3 span{ display: block; text-align: center;}
.copyright{ height: 46px; background: #16120F; text-align: center; line-height: 46px; color: rgb(216, 216, 216);}