﻿@charset "utf-8";

/*index star*/
.wrapper{ width:100%; position:relative;}

/*Banner star*/
.HomeBan{width:100%; margin:0 auto; position:relative; left:0; top:0; overflow:hidden; z-index:1; height:609px;}
.HomeBan .bd{ position:relative; z-index:0;}
.HomeBan .bd ul{ width:100% !important;}
.HomeBan .bd li{ width:100% !important; background-position:center 0; background-repeat:no-repeat; height:609px;}
.HomeBan .bd li a{ display:block; width:100%; position:absolute; top:90px; height:519px}
.HomeBan .hd{ width:100%;  position:absolute; z-index:4; bottom:40px; left:0; height:12px; line-height:12px; text-align:center;}
.HomeBan .hd ul{}
.HomeBan .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:14px; text-align:center; margin:0px 5px;overflow:hidden;line-height:999px; background:url(../images/H_banBtn.png) no-repeat -20px 0; }
.HomeBan .hd ul .on{ background-position:0 0; }

.HomeBan .prev,
.HomeBan .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 60; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.HomeBan .prev { left: 0; }
.HomeBan .next { background-position: 0 -90px; right: 0; }
.HomeBan .prev:hover,
.HomeBan .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
/*Banner end*/

.HomeColumnOut{ background-color:#f5f5f5; width:100%; min-width:1100px;}
.HomeColumnIn{ width:1100px; margin:0 auto;}
.HomeColumnIn .Hombox{ float:left; margin-left:2%; padding-left:2%; padding-top:30px; padding-bottom:30px; border-left:1px solid #e2e2e2; width:30.6%;}
.HomeColumnIn .Hombox .Htitle{ margin:0; line-height:2em; font-weight:normal;}
.HomeColumnIn .Hombox .Htitle span{ font-size:18px; color:#222; background:url(../images/Hico.jpg) no-repeat left center; padding-left:10px;}
.HomeColumnIn .Hombox .Htitle a.Hmore{ color:#e60012; font-size:14px; float:right;}
.HomeColumnIn .Hombox .Htitle a.Hmore em{ font-weight:bold; font-size:16px;}
.HomeColumnIn .Hombox ul{ padding-top:15px;}
.HomeColumnIn .Hnews{ margin-left:0; border-left:none; padding-left:0;}
.HomeColumnIn .Hnews ul{ padding-left:10px;}
.Hnews ul li{ background:url(../images/dian.png) no-repeat left center; padding-left:10px; line-height:24px; padding-bottom:4px;}
.Hnews ul li a{ float:left; width:70%;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; display:block; color:#848489;}
.Hnews ul li a:hover{ color:#e60012;}
.Hnews ul li span{ float:right; display:block; width:20%; min-width:80px; text-align:right;}
.Hproduct{}
.Hproduct ul li{ width:49%; float:left; margin-left:2%; text-align:center;}
.Hproduct ul li.first{ margin-left:0;}
.Hproduct ul li a{ display:block;width:160px;}
.Hproduct ul li a.pic img{width:160px; height:110px;}
.Hproduct ul li a.title{ line-height:30px; padding-top:5px; overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; color:#222; font-size:14px;}
.Hproduct ul li a.title:hover{ color:#e60012;}
.Hcase{}
.Hcase ul dl{}
.Hcase ul dl dt{ float:left; width:48.5%;}
.Hcase ul dl dt h2{ margin:0; line-height:24px; overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; 

}
.Hcase ul dl dt h2 a{ color:#727272; font-size:14px;}
.Hcase ul dl dt p{ margin:15px 0 0 0; height:100px; overflow:hidden; line-height:20px; color:#848489;}
.Hcase ul dl dd{ float:right; width:48.5%;}
/*index end*/


/*about*/
.aboutvideo{ text-align:center; margin-bottom:30px;}
.addresslist{ margin-top:30px;}
.addresslist dl{ float:left; width:48.5%; margin-left:1.5%;}




/*公司新闻*/
.Newslist{}
.Newslist dl{ margin:10px 0; overflow:hidden; position:relative;}
.Newslist dl dt{ width:213px; position:absolute; top:0; left:0; z-index:2;}
.Newslist dl dt img{width:213px; height:136px; margin:31px 0;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;}
.Newslist dl dd{ margin-left:190px; background:#fcfcfc; height:135px; padding:30px 203px 30px 70px; position:relative; border:1px solid #ededed;}
.Newslist dl dd h2{ overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; margin:10px 0 0px 0; font-size:18px; font-weight:normal;}
.Newslist dl dd h2 a{ color:#3b3b3b;}
.Newslist dl dd .time{ display:block; font-size:14px; text-align:right; position:absolute; right:40px; top:72px; border-left:1px solid #e3e3e3; padding:10px 0 10px 40px;}
.Newslist dl dd .time em{ display:block; font-size:32px; color:#333;}
.Newslist dl dd .con{ line-height:24px; height:72px; overflow:hidden; padding-top:20px;}
.Newslist dl dd .more{ color:#e60012;}
.Newslist dl.hover dd{ border-color:#f7c9cd; background-color:#f8f8f8;}
.Newslist dl.hover img{ transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);}
.Newslist dl.hover dd h2 a{ color:#e60012;}

.Newslist li{ line-height:34px; border-bottom:1px dashed #ccc;}
.Newslist li a{ padding-left:25px;}
.Newslist li span{ float:right; color:#a9a9a9;}


.info_title{ text-align:center; font-size:18px; padding:20px 0 0; color:#333;}
.info_time{ text-align:center; color:#999; padding:10px 0;}
.info_back{  font-weight:bold; padding:0px 0; margin:20px 0; width:200px; float:left;}
.info_back a{color:#fff; background:#e60012; padding:5px 20px; line-height:30px; font-size:14px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;z-index:2px; position:relative;font-weight: normal;behavior:url(/szswwy201603039237/cn/htc/PIE.htc);}
.info_NP{ padding:20px 0; line-height:25px; float:right; width:241px;}
.info_NP a{ display:block;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}
.info_NP a:hover{ color:#e60012;}
.info_NP a.none,.info_NP a.none:hover{ color:#ccc;}


/*产品*/
.Product{margin:0 auto;position:relative; padding:50px 0; width:1100px;}
.prolist li{ float:left;  width:264px; height:214px; margin:20px 0 0 14px; text-align:center; cursor:pointer;}
.prolist li.hover{background:url(../images/libg.png);}
.prolist li .pic{ width:240px; height:153px; border:2px solid #e5e5e5; margin:0 auto; text-align:center; padding-top:10px;}
.prolist li .pic img{ width:220px; height:144px;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;}
.prolist li:hover .pic img{transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);}
.prolist li h3{ font-size:14px; line-height:40px; height:40px;font-weight:normal; overflow:hidden; margin:0; background:#eee;}
.prolist li:hover h3{/* background:#f7c9cd;*/}
.prolist li:hover h3 a{ color:#e60012;}
.prolist li:hover .pic{/* border-color:#f7c9cd;*/}

.Probox{ }
.Probig{ float:left; width:560px; height:338px; overflow:hidden; border:2px solid #dcdcdc;}
.Probig img{ width:560px; height:338px;}
.Protxt{ float:right; width:460px; font-size:14px;  }
.Protxt h2{ margin:0; color:#e60012; font-size:20px;}
.proinfo{ margin-top:30px; min-height:200px; height:200px; height:auto !important;}
.proinfo .infotitle{ background-color:#eeeeee; margin:0; line-height:40px; height:40px; font-weight:normal;}
.proinfo .infotitle span{ font-size:14px; padding:10px 20px; display:inline; cursor:pointer;}
.proinfo .infotitle span.hover{ color:#fff; background-color:#e60012;}
.proinfo .procon{ margin:30px 0; display:none;}

/*合作案例*/
.caselist{ margin:0 auto;}
.caselist li{ float:left; width:223px;text-align:center; margin:0px 0 30px 69px;}
.caselist li .Limg{ display:block; width:219px; height:198px; border:2px solid #e5e5e5;}
.caselist li.hover .Limg{ border-color:#f7c9cd;}
.caselist li .Limg img{ width:219px; height:198px;}
.caselist li .Ltxt{ display:block; width:100%; height:30px; line-height:30px; font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.caselist li.hover .Ltxt{ text-decoration:none; color:#e60012}


.Link_list{ margin:0 auto;}
.Link_list  li{ float:left; width:223px;text-align:center; margin:0px 0 30px 69px;}
.Link_list  li .Limg{ display:block; width:219px; height:198px; border:2px solid #e5e5e5;}
.Link_list  li.hover .Limg{ border-color:#f7c9cd;}
.Link_list  li .Limg img{ width:219px; height:198px;}
.Link_list  li .Ltxt{ display:block; width:100%; height:30px; line-height:30px; font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.Link_list  li.hover .Ltxt{ text-decoration:none; color:#e60012}

.honor_list{ margin:0 auto;}
.honor_list  li{ float:left; width:223px;text-align:center; margin:0px 0 30px 69px;}
.honor_list  li .Limg{ display:block; width:219px; height:260px; border:2px solid #e5e5e5;}
.honor_list  li.hover .Limg{ border-color:#f7c9cd;}
.honor_list  li .Limg img{ width:219px; height:260px;}
.honor_list  li .Ltxt{ display:block; width:100%; height:30px; line-height:30px; font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.honor_list  li.hover .Ltxt{ text-decoration:none; color:#e60012}



/*人才招聘*/
.jobmenu{ margin:0 auto 30px; width:1000px;}
.jobmenu a{ background:#999; color:#fff; padding:7px 15px; font-size:14px; margin-right:10px;}
.jobmenu a.on{ background-color:#e60012;}

.jobSbtn{ background:#550a65; color:#fff; text-align:center; width:100px; height:30px; line-height:30px; border:none;font-family:"微软雅黑"; font-size:18px;}
.joblist{ font-size:14px; width:1000px; margin:0 auto;}
.joblist .jobdl{ padding:12px 0; line-height:24px; text-align:center;border-bottom:1px dashed #e0e0e0;}
.joblist .jobdl.first{ background:#e60012; font-weight:bold; color:#fff; border-bottom:none;}
.joblist .jobdl .jobname{ width:200px; display:block; float:left; }
.joblist .jobdl .num{ width:150px; display:block;float:left;}
.joblist .jobdl .adress{ width:300px; display:block;float:left;}
.joblist .jobdl .datetime{ width:170px; display:block;float:left;}
.joblist .jobdl .onlinejob{ width:177px; display:block;float:left;}
.joblist .jobdl .aplaybtn{ display:block; width:90px; margin:0 auto; background:#6bc233; color:#fff; height:30px; line-height:30px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;behavior:url(/szswwy201603039237/cn/htc/PIE.htc); position:relative; z-index:2; font-weight:bold;}
.joblist .jobdl .jobname em{ background:url(../images/coin2.png) no-repeat right top; cursor:pointer; }
.joblist .showcon{ padding:20px 72px 20px 72px; /*display:none;*/ text-align:left; font-size:12px; margin-top:20px; border-top:1px dashed #e0e0e0;}
.joblist .form_table{ border-bottom:1px solid #d9d9d9; padding:5% 10%; width:100%;}
.joblist .form_table tr{ padding:10px 0; height:40px;}
.joblist .form_table select{ border:1px solid #d9d9d9; height:30px; line-height:30px;}
.joblist .form_table .btn{ margin:40px 20px 20px 0; padding:0 30px; border:1px solid #d9d9d9; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:14px;  letter-spacing:3px; cursor:pointer;}
.joblist .form_table .btn:first-child{color:#fff; background:#550a65}

.jobform{ width:1000px; margin:0 auto;}
.jobtips{ color:#79845a; font-size:14px; font-weight:normal; margin:0 0 30px 0; padding-bottom:30px; border-bottom:1px solid #b5e099;}
.jobtitle{ color:#79845a; font-size:14px; font-weight:normal;margin:0 0 30px 0;  }
.resform dl{ margin:15px 0;}
.resform dl dt{ float:left; width:450px;}
.resform dl dd{ float:right; width:450px;}
.resform dl .jtitle{ color:#79845a; margin-right:10px; text-align:right; font-size:14px; width:100px; display:block; float:left;}
.resform dl .text,.resform dl .text1{ height:30px; line-height:30px; border:1px solid #97d470; background:#fffcf7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;behavior:url(/szswwy201603039237/cn/htc/PIE.htc); position:relative; z-index:2; width:280px; padding:0 10px;}
.resform dl .text1{ width:830px;}
.resform dl .btn{ margin:30px auto 0; background:#6bc233; height:35px; line-height:35px; font-family:"微软雅黑"; font-size:14px;  letter-spacing:3px; cursor:pointer; color:#fff; font-weight:bold;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;behavior:url(/szswwy201603039237/cn/htc/PIE.htc); position:relative; z-index:2; width:130px; text-align:center; display:block;}


.menuTh{ position:absolute; top:57px; display:none; height:30px; left:0; line-height:30px; background:#f7f7f7; z-index:5; width:100%; padding:10px 0;}
.menuTh a{ padding:5px 8px; }
.menuTh a:hover,.menuTh a.hover{ color:#e60012;}
.menuTh ul{ width:1100px; margin:0 auto; }
.inverstorPage{ padding:20px 0;}
/*------------------content------------------*/



