@charset "utf-8";

/* CSS Document */
#flashs { position: relative; height: 500px; overflow: hidden;margin-top:70px; }
#flashs .bgitem { z-index: 1; position: absolute; top: 0; height: 500px; width: 100%; margin: 0 auto; cursor: pointer; }
#flashbg0 { background: url('../images/banner1.jpg') no-repeat scroll center top; }
#flashbg1 { background: url('../images/banner2.jpg') no-repeat scroll center top; }
#flashbg2 { background: url('../images/banner3.jpg') no-repeat scroll center top; }
#flashs .btn { position: absolute; z-index: 7; bottom:20px; left: 70%; margin-left: -95px; padding: 0px 6px; }
#flashs .btn span { color: #fff; background: #333; cursor: pointer; display: inline-block; margin: 0 2px; width: 25px; height: 25px; font-size: 14px; line-height: 25px; text-align: center; }
#flashs .btn span.cur { background: #FF6D00; }

/*hot_pro*/
.hot_pro { overflow: hidden; width: 100%; background-color: #ededed; padding-top: 50px; padding-bottom: 60px; }
.hot_pro .hot_title { overflow: hidden; width: 1100px; margin: 0 auto; margin-bottom: 30px; }
.hot_pro .hot_title h3 { padding-left: 25px; background: url(../images/hot_pro_icon.png) no-repeat left center; font-size: 24px; float: left }
.hot_pro .hot_title h3 a { color: #333; }
.hot_pro .hot_title .more { float: right; margin-top: 5px; font-size: 12px; color: #333; font-family: Arial; }
.hot_pro .hot_box { overflow: hidden; width: 1200px; margin: 0 auto; position: relative; height: 286px; }
.hot_pro .hot_box i { display: block; cursor: pointer; width: 24px; height: 82px; position: absolute; top: 105px; }
.hot_pro .hot_box .btn01 { background: url(../images/hot_pro_btn.png) no-repeat center top; left: 0 }
.hot_pro .hot_box .btn02 { background: url(../images/hot_pro_btn.png) no-repeat center bottom; right: 0 }
.hot_pro .hot_win { overflow: hidden; width: 1100px; margin: 0 auto; height: 286px; position: relative }
.hot_pro .hot_win ul { overflow: hidden; position: absolute; }
.hot_pro .hot_win li { float: left; width: 1100px; height: 286px; background-color: #fff; }
.hot_pro .hot_win li img { display: block; float: left; padding: 4px; border: 1px solid #ccc; }
.hot_pro .hot_win li .wen { overflow: hidden; width: 680px; float: right; margin-top: 30px; }
.hot_pro .hot_win li dl { overflow: hidden; width: 100%; margin-bottom: 15px; }
.hot_pro .hot_win li dl:hover { color: #ff6d00; }
.hot_pro .hot_win li dt { font-size: 16px; color: #333; font-weight: bold; width: 85px; float: left }
.hot_pro .hot_win li dd { font-size: 16px; color: #333; line-height: 20px; width: 540px; margin-right: 35px; float: right }
.hot_pro .hot_win li dd a { color: #333; }
.hot_pro .hot_win li .xq { display: block; width: 117px; height: 36px; background-color: #666; text-align: center; line-height: 36px; font-size: 16px; color: #fff; margin-top: 30px; }
.hot_pro .hot_win li .xq:hover { background: #ff6d00; }

/*pro*/
.pro { overflow: hidden; width: 1100px; margin: 60px auto; }
.proLeft { overflow: hidden; width: 238px; border: 1px solid #9c9c9c; float: left; min-height: 748px; }
.proLeft h3 { font-weight: normal; font-size: 24px; line-height: 69px; padding-left: 90px; background: url(../images/pro_left_h.png) no-repeat left center; color: #fff; }
.proLeft .menu { overflow: hidden; width: 188px; margin: 0 auto; margin-top: 20px; }
.proLeft .menu li { overflow: hidden; text-align: center; margin-bottom: 10px; float: left; }
.proLeft .menu li>a { display: block; width: 188px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; background: url(../images/pro_left_list.png) no-repeat center; text-decoration: none; }
.proLeft .menu li.cur>a, .proLeft .menu li:hover>a { background: url(../images/pro_left_cur.png) no-repeat center; }
.proLeft .xiala { overflow: hidden; width: 188px; display: none; }
.proLeft .xiala a { display: block; width: 186px; height: 35px; border: 1px solid #a4a4a4; text-align: center; line-height: 35px; font-size: 15px; color: #333; margin-top: 7px; text-decoration: none }
.proLeft .xiala a:hover { border-color: #ff6d00; color: #ff6d00; }
.proRight { overflow: hidden; /*width:820px;*/ float: right; height:; }
.proRight ul { overflow: hidden; width: 105%; }
.proRight li { float: left; width: 260px; height: 250px; margin-right: 21px; }
.proRight li img { display: block; margin-bottom: 15px; }
.proRight li span { display: block; text-align: center; font-size: 14px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.proRight li a { display: block; text-decoration: none }
.proRight li:hover span { color: #ff6d00; font-weight: bold; }
#cont2 { width: 100%; height: 415px; overflow: hidden; background: url("../images/cont2_bg.jpg") no-repeat center; }
.cont2 { padding-top: 50px; }
.cont2_title { text-align: center; }
.cont2_title h5 { font-size: 18px; color: #FFF; line-height: 45px; }
.cont2_title span { width: 771px; height: 32px; display: block; margin: 0 auto; background: url("../images/cont2_title2.png") no-repeat; text-align: center; font-size: 18px; color: #FFF; line-height: 32px; }
.cont2_con { width: 100%; overflow: hidden; padding-top: 40px; }
.cont2_con ul { width: 110%; padding-left: 20px; }
.cont2_con ul li { width: 127px; height: 127px; float: left; background: url("../images/cont2_con.png") no-repeat; text-align: center; margin-right: 100px; }
.cont2_con ul li h5 { font-size: 30px; color: #FFF; padding-top: 30px; font-weight: bold; }
.cont2_con ul li h6 { font-size: 16px; color: #FFF; }

/*case*/
.case { overflow: hidden; width: 100%; height: 765px; position: relative; padding-top: 60px; background: url("../images/case_bg.jpg") no-repeat center bottom; }
.case .case_bg { background: url("../images/case_title.png") repeat-x left 4px; }
.case h3 { text-align: center; font-size: 40px; margin-bottom: 35px; }
.case h3 a { color: #ff6d00; }
.case .menu { overflow: hidden; width: 1100px; height: 80px; margin: 0 auto; padding-bottom: 6px; position: relative; z-index: 2 }
.case .menu .case_m { display: block; width:90px; height: 34px; float: right; margin-top: 26px; text-align: center; line-height: 34px; font-size: 14px; color: #fff; background: #ff6d00; border-radius: 5px; }
.case .menu li { float: left; width: 201px; text-align: center; line-height: 80px; position: relative; background: url(../images/case_bor1.gif) no-repeat right 4px; }
.case .menu li.last { width: 170px; }
.case .menu li a { display: block; text-decoration: none; font-size: 16px; }
.case .menu li img { display: none; position: absolute; left: 50%; margin-left: -5px; top: 60px; }
.case .menu li.cur { background: url(../images/case_bg3.gif) no-repeat center top; font-weight: bold; }
.case .menu li.cur img { display: block; }
.case .casebox { overflow: hidden; width: 1100px; height: 699px; position: relative; margin: 0 auto; padding-top: 31px; }
.casebox dl { height: 104px; }
.casebox dt { float: left; width: 199px; }
.casebox dt a { display: block; width: 197px; line-height: 71px; text-align: center; font-size: 32px; color: #ff6d00; border: 1px solid #ff6d00; }
.casebox dt span { display: block; width: 197px; line-height: 71px; text-align: center; font-size: 32px; color: #ff6d00; border: 1px solid #ff6d00; }
.casebox dd { float: right; width: 840px; }
.casebox dd h4 a { font-size: 22px; font-weight: normal; color: #ff6d00; line-height: 71px }
.casebox dd p { height: 65px; padding: 5px 0 0 0; line-height: 24px; overflow: hidden; }
.casebox dd p a { color: #ff6d00; }
.casebox h5 a img { width: 1100px; height: 544px; }

/*ad*/
.ad { overflow: hidden; width: 100%; height: 185px; background: url(../images/ad.jpg) no-repeat center top; }
.ad .phone { overflow: hidden; padding-left: 45px; background: url(../images/ad_phone.png) no-repeat left top; width: 220px; margin: 0 auto; margin-top: 75px; position: relative; left: 80px; }
.ad .phone p { font-size: 12px; color: #333; }
.ad .phone h3 { font-size: 30px; color: #333; font-family: Arial; }
.ad .phone a { display: block; font-size: 18px; color: #fff; width: 123px; height: 35px; text-align: center; line-height: 35px; background: #ff6d00; border-radius: 5px; text-decoration: none; }

/*优势*/
.youshi { overflow: hidden; width: 1100px; margin: 0 auto; margin-top: 60px; }
.youshi>h3 { font-size: 40px; color: #ff6d00; text-align: center; }
.youshi>p { text-align: center; font-size: 16px; color: #333; margin-bottom: 35px; }
.youshi .ysbox { overflow: hidden; width: 100%; height: 1503px; background: url(../images/youshi_bg.jpg) no-repeat center top; }
.youshi .wen { overflow: hidden; width: 370px; }
.youshi .wen b { display: block; font-size: 30px; color: #333; text-transform: uppercase; }
.youshi .wen h3 { font-size: 20px; color: #333; margin-bottom: 5px; }
.youshi .wen span { display: block; font-size: 14px; color: #ff6d00; margin-bottom: 15px; }
.youshi .wen p { padding-left: 10px; background: url(../images/youshi_p.jpg) no-repeat left 10px; font-size: 14px; color: #333; line-height: 24px; margin-bottom: 5px; text-align: justify }
.youshi .wen01 { margin-top: 140px; margin-left: 105px; }
.youshi .wen02 { margin-top: 210px; margin-left: 620px; }
.youshi .wen03 { margin-top: 210px; margin-left: 105px; }
.youshi .wen04 { margin-top: 200px; margin-left: 620px; }
.youshi .phone { overflow: hidden; width: 220px; padding: 10px 30px; background-color: #ff6d00; }
.youshi .phone em { display: block; font-size: 14px; color: #fff; }
.youshi .phone h4 { font-size: 30px; color: #fff; font-family: Arial }

/*about*/
.title2 { overflow: hidden; padding-left: 50px; margin-bottom: 30px; }
.title2 h3 { font-size: 20px; padding-bottom: 5px; overflow: hidden; border-bottom: 2px solid #333; }
.title2 h3 a { color: #333; float: left }
.title2 h3 span { font-weight: normal; float: left; font-size: 12px; color: #333; font-family: Arial; margin-left: 5px; margin-top: 10px; }
.title2 h3 .more { font-weight: normal; float: right; font-size: 12px; color: #333; font-family: Arial; margin-top: 3px; }
.about { overflow: hidden; width: 1100px; margin: 50px auto; }
.about .title2 { background: url(../images/about_icon.png) no-repeat left center; }
.about dl { overflow: hidden; width: 100%; height: 266px; }
.about dt { overflow: hidden; float: left; width: 409px; height: 266px; }
.about dd { overflow: hidden; float: right; width: 620px; margin-top: 15px; }
.about dd h4 { font-size: 22px; margin-bottom: 30px; }
.about dd h4 a { color: #333; }
.about dd p { font-size: 14px; color: #333; line-height: 30px; height: 180px; overflow: hidden; text-align: justify; }
.about dd .more { float: right; margin-top: -25px; font-size: 14px; color: #ff6d00; }

/*风采*/
.fengcai { overflow: hidden; width: 1100px; margin: 0 auto; margin-bottom: 45px; }
.fengcai .title2 { background: url(../images/fengcai_icon.png) left center no-repeat; }
.fengcai .fcbox { overflow: hidden; width: 1070px; height: 280px; position: relative; padding-left: 30px; }
.fengcai .fcbox ul { overflow: hidden; position: absolute; }
.fengcai .fcbox li { float: left; width: 330px; height: 280px; margin-right: 30px; }
.fengcai .fcbox li img { display: block; margin-bottom: 10px; padding: 4px; border: 1px solid #ccc }
.fengcai .fcbox li span { display: block; text-align: center; font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.fengcai .fcbox li a { display: block; text-decoration: none }

/*news*/
.news { overflow: hidden; width: 100%; padding: 50px 0; background-color: #ededed; }
.news .newslist { overflow: hidden; padding: 0 20px 18px; float: left; margin-right: 10px;background-color: #fff; }
.news .news01 { width:500px; }
.news .news02 { width:500px; }
.news h3 { font-size: 18px; margin-top: 35px; margin-bottom: 6px; padding-bottom: 10px; border-bottom: 1px dashed #d6d6d6; padding-left: 10px; overflow: hidden; }
.news h3 a { color: #333; float: left }
.news h3 .more { font-weight: normal; float: right; font-size: 12px; color: #333; margin-top: 5px; font-family: Arial; }
.news ul { overflow: hidden; width: 100%; }
.news li { padding-left:12px; background: url(../images/news_li.jpg) left center no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 15px; line-height:45px; border-bottom: 1px dashed #ccc; }
.news li a { color: #666; }
.news li span{ float:right; }
.news img { display: block; margin: 0 auto; margin-bottom: 14px; }
.news .wenda { overflow: hidden; width: 100%; height: 330px; margin-top: -15px; position: relative }
.news .wendalist { overflow: hidden; padding-bottom: 14px; border-bottom: 1px dashed #d6d6d6; margin-bottom: 14px; }
.news .wendalist h4 { font-weight: normal; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 40px; background: url(../images/news_w.png) no-repeat 10px center; line-height: 23px; margin-bottom: 10px; }
.news .wendalist h4 a { color: #666; }
.news .wendalist p { padding-left: 40px; background: url(../images/news_d.png) no-repeat 10px top; font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; }

/*link*/
.link { overflow: hidden; width: 1100px; margin: 35px auto; }
.link .title { background: url(../images/link.png) no-repeat left center; padding-left: 40px; line-height: 35px; }
.link .title a { color: #ff6d00 }
.link .title h3 { border-bottom-color: #ff6d00; }
.link .title span { color: #afafaf; text-transform: uppercase; margin-right: 30px; }
.link .area .title { background: url(../images/area.png) no-repeat left center; }
.link ul { overflow: hidden; width: 940px; margin: 10px auto }
.link li { float: left; white-space: nowrap; font-size: 14px; line-height: 30px; }
.link li a { color: #333; padding: 0 15px; }