@charset "utf-8";

/* CSS Document */

#flashs{ position:relative; height:500px; overflow:hidden;}

#flashs .bgitem{  z-index:1;position:absolute; top:0; height: 500px;width: 100%; margin: 0 auto;cursor: pointer;}

#flashbg0{background: url('../banner/banner1.jpg') no-repeat scroll center top;

                  }

#flashbg1{background: url('../banner/banner2.jpg') no-repeat scroll center top;

               }

#flashbg2{background: url('../banner/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:#333;}

/*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:#2088e9; text-align:center; line-height:36px; font-size:16px; color:#fff; margin-top:30px;}

.hot_pro .hot_win li .xq:hover{background: #333;}

/*pro*/

.pro { overflow:hidden; width:1100px; margin:23px auto;}

.proLeft { overflow:hidden; width:238px; border:1px solid #9c9c9c; float:left;}

.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:12px; float:left;}

.proLeft .menu li>a{ display:block; width:188px; height:45px;line-height:45px; 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:10px; text-decoration:none}

.proLeft .xiala a:hover{ border-color:#2088e9; color:#2088e9;}

.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:#2088e9; 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: 105px; 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:#2088e9;border:1px solid #2088e9;}

.casebox dd{float:right;width:840px;}

.casebox dd h4 a{font-size:22px;font-weight:normal;color:#2088e9; 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 { overflow:hidden; width:100%; height:381px; background:url(../images/ys_01.jpg) no-repeat center top;}

.youshi2 { overflow:hidden; width:100%; height:653px; background:url(../images/ys_02.jpg) no-repeat center top;}

.youshi .wen{ overflow:hidden; }

.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;overflow:hidden; text-align:justify;}

.about dd .more{ float:right; margin-top:-25px; font-size:14px; color:#2088e9;}

/*风采*/

.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; float:left; margin-right:10px; height:453px; background-color:#fff;}

.news .news01{ width:314px;}

.news .news02{ width:382px;}

.news .news03{ width:264px; float:right; margin:0;}

.news h3{ font-size:18px; margin-top:35px; margin-bottom:30px; 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{ width:95%; padding-left:5%; background:url(../images/news_li.jpg) left center no-repeat; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; line-height:35px;border-bottom: 1px dashed #ccc;}

.news li a{ color:#666;}

.news img{ display:block; margin:0 auto; margin-bottom:14px;}

.news .news02 ul{ width:95%; margin:0 auto;}

.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:#2088e9}

.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;}