@charset "utf-8";
/* CSS Document */

html{min-width:1100px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#666; font-size:14px; font-family:"宋体",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1100{width:1100px; margin:0 auto; clear:both}
.rel{position:relative;}
.header{height:80px; padding-top:25px;}
.logo{float:left;}
.ser{float:right; padding-top:20px;}
.ser_in{width:170px; height:28px; line-height:28px; border:#727272 1px solid; border-right:none; text-indent:1em; color:#999; float:left;}
.ser_btn{width:30px; height:30px; background:url(../images/ser_btn.jpg) no-repeat center; border:none; cursor:pointer; float:left}
.menu{width:100%; height:52px; line-height:37px; text-align:center; position:relative; z-index:9; background:url(../images/menu_bg.jpg) repeat-x; border-top:#da251c 4px solid; clear:both}
.menu ul{background:url(../images/menu_li.jpg) no-repeat left top; padding-left:1px; float:left}
.menu ul li{width:136px; padding-right:1px; background:url(../images/menu_li.jpg) no-repeat top right; float:left;}
.menu ul li a{width:136px; color:#fff; display:block;}
.menu ul li a:hover,.menu ul li a.active{width:100%; height:52px; background:url(../images/menu_hover.png) no-repeat top center;}
.banner{width:100%; height:540px; position:relative; z-index:8; top:-15px; clear:both;}
.flexslider{position:relative;height:540px;overflow:hidden; width:100%; z-index:9;}
.slides{position:relative;z-index:1;}
.slides li{height:540px;}
.flex-control-nav{display:none;}
.flex-direction-nav{position:absolute; z-index:3; width:100%; top:200px;}
.flex-direction-nav li a{display:block; width:56px; height:78px; overflow:hidden; cursor:pointer; position:absolute;}
.flex-prev{background:url(../images/btnPre_hover.png) no-repeat left center; left:0px;}
.flex-prev:hover{background:url(../images/btnPre.png) no-repeat left center;}
.flex-next{background:url(../images/btnNext_hover.png) no-repeat left center; right:0px;}
.flex-next:hover{background:url(../images/btnNext.png) no-repeat left center; right:0px;}
.pad40{padding:40px 0px;}
.intro_t{width:100%; text-align:center; line-height:30px; clear:both}
.content_bottom_box{z-index:999; position:absolute; width:1100px; height:60px; margin-left:-525px; left:50%; bottom:0px;}
.content_bottom_tig{position:absolute; width:366px; height:60px; overflow:hidden; float:left;}
.place1{bottom:0px; left:0px;}
.place2{bottom:0px; left:367px;}
.place3{bottom:0px; left:734px;}
.content_bottom_tig a{height:60px; display:block; background:url(../images/place.png) no-repeat top center; color:#fff;}
.content_bottom_tig a img{float:left; padding:18px 10px 0px 35px;}
.content_bottom_tig a h3{font-weight:normal; padding-top:18px; line-height:16px;}
.content_bottom_tig a p{color:#fff; line-height:20px;}
.content_bottom_tig a:hover{background:url(../images/place_bg.png) no-repeat top center;}
.content_bottom_tig a.hover{background:url(../images/place_bg.png) no-repeat top center;}
.tig_box{width:366px; background:#da251c; position:relative; height:40px; color:#fff;}
.tig_box span{position:absolute; padding-left:80px; top:-3px;}
.intro_m{width:100%; padding:40px 0px; clear:both}
.qyjj{width:300px; padding-left:25px; background:url(../images/red_line.jpg) no-repeat left 5px; margin-right:38px; float:left;}
.qyjj h1{font-size:20px; color:#333; font-weight:normal; line-height:26px;}
.qyjj div{padding:5px 0px; line-height:20px; color:#333; font-size:12px;}
.qyjj p{color:#999; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.leftsead{width:105px; overflow:hidden; display:block; margin-top:20px; float:left;}
.leftsead .shows{display:block;}
.leftsead .hides{cursor:pointer; margin-left:-104px; display:none}
.leftsead .youhui .hides{display:none; position:absolute; left:-104px;}
.pro{width:100%; padding-top:20px; height:570px; background:url(../images/pro_bg.jpg) no-repeat top center; clear:both}
#scrollbox{width:100%; padding-top:30px; position:relative; overflow:hidden; float:left;}
#scrollbox li{width:274px; text-align:center; margin-right:1px; float:left;}
#scrollbox li img{width:274px; height:350px; float:left}
.item{overflow:hidden; position:relative; float:left;}
.item .caption{width:100%; height:350px; color:#fff; background:url(../images/pro_bg.png) no-repeat top center; position:absolute; left:0px; top:0px; display:none;}
.item .caption h3{padding-top:110px; line-height:26px; clear:both}
.item .caption h2{font-family:Verdana, Geneva, sans-serif; letter-spacing:-0.1em; font-weight:normal;}
.item .caption p{font-size:12px; line-height:20px; text-align:center; margin-top:10px; padding:0px 30px;}
.item .caption a{background:#da251c; width:50px; height:16px; margin:10px auto 0px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block;}
.sro_btn{text-align:right; margin-top:5px;}
.pro_more{width:100px; text-align:center; padding-top:41px; margin:0 auto; clear:both}
.pro_more a{color:#fff; line-height:24px;}
.case{width:330px; height:382px; position:relative; margin-top:40px; float:left}
.news{width:745px; float:right;}
.news h1{color:#da251c; line-height:40px; clear:both}
.news_s{width:100%; clear:both;}
.news_sl{width:220px; height:140px; float:left;}
.news_sl img{width:218px; height:138px; border:#b5b5b5 1px solid;}
.news_sr{width:495px; height:118px; border:#b5b5b5 1px solid; padding:10px; float:right}
.news_sr h3{font-weight:normal; line-height:30px; clear:both}
.news_sr h3 a{color:#333;}
.news_sr h3 a:hover{color:#da251c;}
.news_sr p{color:#999; line-height:25px; font-size:12px;}
.news_sr div{line-height:22px; height:66px; font-size:12px; overflow:hidden;}
.news_x{width:100%; clear:both}
.hydt li{width:100%; height:35px; line-height:35px; border-bottom:#ddd 1px dashed; color:#666; float:left;}
.hydt li a{float:left; color:#666; padding-left:10px;}
.hydt li a:hover{color:#da251c;}
.hydt li span{float:right;}

#box1{width:100%; height:280px; position:relative;}
#box1_div{position:absolute; width:100%; height:240px; top:0px; left:0px; overflow:hidden;}
#box1 ul{position:absolute;width:100%;}
#box1 li{width:723px; height:48px; padding:10px; margin-top:10px; border:#b5b5b5 1px solid; float:left;}
#box1 li:hover{background:#f6f6f6;}
#box1 li h3{font-weight:normal;}
#box1 li h3 a{color:#333; float:left}
#box1 li h3 span{float:right; color:#999; font-size:12px;}
#box1 li:hover a{color:#da251c;}
#box1 li p{height:28px; line-height:28px; overflow:hidden; font-size:12px; clear:both}
#box1 .box_btn{width:100%; height:28px; position:absolute; bottom:0px;}
#box1 .box_btn .up{background:url(../images/sro_u.png) no-repeat; position:absolute; width:32px; height:28px; right:40px; cursor:pointer; z-index:10;}
#box1 .box_btn .down{background:url(../images/sro_d.png) no-repeat; position:absolute; width:32px; height:28px; right:0px; cursor:pointer; z-index:10;}
#box1 .box_btn .up:hover{background:url(../images/sro_uh.png) no-repeat;}
#box1 .box_btn .down:hover{background:url(../images/sro_dh.png) no-repeat;}
.c_top{position:absolute; right:0px; top:0px;}
.c_bot{position:absolute; left:0px; bottom:0px;}
.footer{width:100%; padding:40px 0px 20px; background:url(../images/foot_bg.jpg) repeat; position:relative; clear:both}
.go_top{position:absolute; top:-55px; left:48%;}
.f_nav{width:778px; height:24px; line-height:24px; padding-bottom:24px; background:url(../images/foot_nav.png) repeat-x; margin:0 auto; clear:both}
.f_nav li{width:97px; text-align:center; float:left;}
.f_nav li a{color:#555;}
.f_nav li a:hover{color:#da251c;}
.f_copy{width:100%; text-align:center; line-height:22px; font-size:12px; color:#fff; clear:both}
.f_ewm{width:260px; padding-top:20px; margin:0 auto;}
.f_ewm li{width:106px; text-align:center; padding:0px 8px; float:left;}
.f_ewm li img{width:106px; height:106px; float:left;}
.f_ewm li p{clear:both; line-height:30px; color:#fff;}

/*about*/
.ny_banner{width:100%; height:370px; position:relative; top:-15px; clear:both;}
#about{background:url(../images/about_banner.jpg) no-repeat top center;}
#news{background:url(../images/news_banner.jpg) no-repeat top center;}
#pro{background:url(../images/pro_banner.jpg) no-repeat top center;}
#case{background:url(../images/case_banner.jpg) no-repeat top center;}
#net{background:url(../images/net_banner.jpg) no-repeat top center;}
#human{background:url(../images/human_banner.jpg) no-repeat top center;}
#con{background:url(../images/con_banner.jpg) no-repeat top center;}
.sub{padding-top:326px; height:44px;}
.sub ul{border-left:#da251c 1px solid; float:left}
.sub ul li{width:130px; height:42px; line-height:42px; text-align:center; border:#da251c 1px solid; border-left:none; float:left}
.sub ul li a{color:#da251c; font-size:16px; background:#fff; display:block;}
.sub ul li a:hover,.sub ul li a.active{background:#da251c; color:#fff;}
.pos{height:30px; line-height:30px; border-bottom:#dc332a 1px dashed; text-align:right; font-size:12px;}
.pos a{color:#555;}

/*news*/
.news_list{width:1128px; padding:30px 0px; margin:0 auto; clear:both}
.news_list li{width:346px; height:325px; border:#959595 1px solid; margin:0px 14px 30px; float:left;}
.news_list li img{width:346px; height:208px; border-bottom:#959595 1px solid; float:left;}
.news_list li h3{color:#555; height:70px; font-weight:normal; line-height:22px; padding:8px 5px 0px; clear:both;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; }
.news_list li h4{height:35px; line-height:30px; text-indent:0.1em; margin:0px 5px; background:url(../images/red_bg.jpg) no-repeat left bottom; font-size:16px; font-weight:normal; color:#999; clear:both}
.news_list li a{width:90px; height:30px; line-height:30px; text-align:center; color:#fff; background:#959595; font-size:12px; float:right;}
.news_list li:hover{background:#da251c;}
.news_list li:hover h3{color:#fff;}
.news_list li:hover h4{background:url(../images/white_bg.png) no-repeat left bottom; color:#fff;}
.news_list li:hover a{background:#383838;}

/*product*/
.pro_list{padding:30px 0px;}
.pro_list li{width:257px; margin:0px 9px 20px; float:left;}
.pro_list li img{width:255px; height:180px; border:#ddd 1px solid; float:left;}
.pro_list li p{text-align:center; height:35px; line-height:35px; background:#666; color:#fff; clear:both}
.pro_list li:hover p{background:#da251c; color:#fff}

/*contact*/
.con_m{width:400px; line-height:28px; float:right}
.con_m h2{line-height:30px; clear:both}
.con_m li{width:140px; padding-right:10px; float:left;}
.con_m li img{width:140px; height:140px; float:left}
.con_m li p{text-align:center; clear:both}


.index_kuaijie{width:1100px; height:40px; line-height:40px; overflow: hidden;  margin:0px auto 20px;}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size:14px; color: #333333; margin: 0px 10px;}
.index_kuaijie p{font-size: 14px; color: #333333; float: left; }
.index_kuaijie a:hover{color:#da251c}