/* CSS Document */

.banner {width: 100%;height: 680px;overflow: hidden;position: relative;z-index: 1;}

.banner .d1 {width: 100%;height: 680px;display: block;position: absolute;left: 0px;top: 0px;z-index: 1;}

.banner .d2 {height: 11px;clear: both;position: absolute;z-index: 100;float: left;right: 18%;margin-left: 0px;display: block;	bottom: 16px;}

.banner .d2 ul {float: left;top: 0;display: inline;position: relative;right: 50%;z-index: 3;}

.banner .d2 li {width: 10px;height: 10px;overflow: hidden;	cursor: pointer;float: left;margin: 0 5px;display: inline;background:#cdcdcd; border-radius: 50%;}

.banner .d2 li.nuw {background: #e6201d;}









.ind_pro{background:url(../images/indpro_bg.jpg) center top no-repeat; min-height: 1273px; padding-bottom: 20px;}

.ind_title{text-align: center; padding:38px 0px;}

.ind_cate{width: 1220px; margin:0px auto; margin:0px auto;}

.ind_cate a{display: block; width: 590px; float: left; margin:10px; height: 380px; position: relative;}

.ind_cate a img{width: 590px; height: 380px;}

.ind_cate a span{display: block; width: 100%; height: 50px; position: absolute; left: 0px; top:165px; text-align: center; color: #fff; font-size: 24px; background: rgba(42,171,228,0.8); line-height: 50px;}

.ind_prolist {margin:30px 60px 0px; position: relative;}

.ind_prolist .swiper-slide{}

.ind_prolist .swiper-slide img{width: 100%;border:1px #2aabe4 solid;}

.ind_prolist .swiper-slide span{font-size: 16px; text-align: center; display: block; line-height: 40px;}



.ind_prolist .swiper-button-next{right: -44px; background:url(../images/indpro_right.jpg) center center no-repeat; width: 33px; height: 70px;}

.ind_prolist .swiper-button-prev{left: -44px; background:url(../images/indpro_left.jpg) center center no-repeat; width: 33px; height: 70px;}



.ind_youshi{background: url(../images/ind_bg.jpg) top center no-repeat; padding-top: 100px;}



.indyoushi_top{height: 140px; padding-top:60px; background: url(../images/ind_fff_bg.jpg) center top no-repeat #fff; text-align: center;}

.indyoushi_top p{font-size: 22px; font-weight: bold; line-height: 45px;}

.indyoushi_top p span{font-size: 38px; color: #2aabe4;}

.indyoushi_top .two{margin-bottom: 10px;}

.indyoushi_top em{font-size: 18px; color: #e6201d; font-style: normal;background:url(../images/phone.jpg) center left no-repeat;    padding: 6px 0px 6px 60px}

.indyoushi_top em span{font-size: 22px; }





.indyoushi_list li img{width: 600px; }

.indyoushi_list li div{width: 600px;}

.indyoushi_list li div a{display: block; cursor: pointer; padding: 20px 70px 20px 20px;}

.indyoushi_list li div a span{display: block; position: relative;}

.indyoushi_list li div a span em{display: block;width: 44px; height: 71px; line-height: 80px; text-align: center; font-style: normal; color: #fff; font-size: 36px; background: url(../images/ind_shuidi.jpg) center center no-repeat;}

.indyoushi_list li div a span h3{position: absolute; left: 60px; top:10px; font-weight: bold;}

.indyoushi_list li div a span h4{position: absolute; left: 60px; top:40px; color: #999999; font-size: 14px; }

.indyoushi_list li div a p{font-size: 16px; line-height: 30px; padding-top:20px;}


.footbot p a{color: #999;}




.ind_factorylist li{position: relative; cursor: pointer;}

.ind_factorylist li:hover span{display: block;}

.ind_factorylist span{display: block;width: 100%; height: 100%; position: absolute; left: 0px; top:0px;  text-align: center; background: rgba(42,171,228,0.8); display: none;}

.ind_factorylist span h3{height: 88px;line-height: 88px; border-bottom:1px #fff solid; display: inline-table; position: absolute;  top:50%; margin-top:-44px; left: 50%; margin-left: -50px; color: #fff;}

.ind_factorylist .left{width: 20%; float: left; position: relative;}

.ind_factorylist .left:hover span{display: block;}

.ind_factorylist .left span{display: block;width: 100%; height: 100%; position: absolute; left: 0px; top:0px;  text-align: center; background: rgba(42,171,228,0.8); display: none;}

.ind_factorylist .left span h3{height: 88px;line-height: 88px; border-bottom:1px #fff solid; display: inline-table; position: absolute;  top:50%; margin-top:-44px; left: 50%; margin-left: -50px; color: #fff;}



.ind_factorylist .right{width: 80%; float: left;}

.ind_factorylist .right li{width: 50%; float: left;}

.ind_factorylist img{width: 100%; display: block;}

.ind_factorylist .right li.two{width: 25%;}





.ind_about{text-align: center; padding-bottom: 20px;}

.ind_about p{text-align: center; line-height: 40px; font-size: 16px; margin:20px 0px;}

.ind_about .in_more{margin:40px 0px; display: inline-table;}

.ind_aboutitle li{display: inline-table; margin:0px 20px;}

.ind_aboutitle li a{display: inline-table; width: 228px; height: 60px; padding: 15px 0px; border:1px #2aabe4 solid; border-radius: 5px;}

.ind_aboutitle li a:hover{color: #fff; background: #2aabe4;}

.ind_aboutitle h3{font-size: 24px; font-weight: normal; line-height: 40px;}





.ind_new{padding-bottom: 40px;}

.indnew_img{width: 505px; height: 404px; padding-right: 20px; padding-top:20px; background: url(../images/ind_newbg.png) right top no-repeat; float: left;}

.indnew_list{width: 600px; float: right; }

.indnew_list .newlist{display: block; padding-bottom: 30px;}



.indnew_list .newlist h2{font-size: 24px; border-left: 2px #2aabe4 solid; padding-left: 15px; margin-top:10px; margin-bottom: 20px;}

.indnew_list .newlist p{line-height: 30px; font-size: 16px; color: #999; margin-bottom: 10px; padding-left: 15px; height: 60px; overflow: hidden;}

.indnew_list .newlist span{color: #999; padding-left: 15px;}

.new_more{color: #2aabe4;}



.ind_link {line-height: 45px; height: 45px; background: #2aabe4; color: #fff;}

.ind_link a{color: #fff; padding:0px 10px;}

.ind_link a:hover{text-decoration: underline;}







.mbanner {width: 100%;}

.mbanner img{display: block; max-width: 100%; margin:0px auto;}

.location{height: 50px; line-height: 50px; color: #666666;}

.location a{color: #666666;}

.location a:hover{color: #2aabe4;}





.main{padding:25px 0px 40px 0px;}

.mleft{width: 260px; float: left;}

.mleft a{height: 60px; margin-bottom: 2px; background:#f5f5f5; display: block; line-height: 60px; text-align: center;}

.mleft a:hover,.mleft a.act{height: 100px; background: #2aabe4; color: #fff; line-height: 100px;}

.mright{width: 900px; float: right;}

.mnew_list a{display: block; padding:5px 0px; height: 80px; margin:10px 0px;}

.mnew_list a:hover{background: #2aabe4; color: #fff;}

.mnew_list a:hover div{border-left-color: #fff;}

.mnew_list a:hover span{color: #fff;}

.mnew_list a span{display: block; width: 110px; color: #666; padding-right: 20px; text-align: center; float: left;}

.mnew_list a span h2{font-size: 30px; font-weight: normal; margin-top: 12px;}

.mnew_list a span em{font-style: normal;}

.mnew_list a .title{padding:0px 55px 0px 45px; height: 80px; float: right; width: 669px; border-left: 1px #b3b3b3 solid;}

.mnew_list a .title h3{line-height: 45px;}

.mnew_list a .title p{overflow:hidden;text-overflow:ellipsis; white-space:nowrap; line-height: 35px;font-size: 12px;}







.mnewscon .title{font-size: 30px; font-weight: normal; text-align: center; padding:20px;}

.mnewscon .datetime{text-align: center; display: block; font-size: 12px; color: #666;}

.mnewscon .mnehr{background: #e5e5e5;height: 1px; border:none; margin:24px 0px;}

.mnewscon .mneh4{background: #f5f5f5; padding: 15px; color: #666; font-weight: normal; line-height: 24px;}

.mnewscon .mmnecon{font-size: 16px; line-height: 32px; padding: 25px 0px;}

.prenext{padding:15px 0px 25px;  line-height: 30px; position: relative;}

.prenext .prev{display: block;}

.prenext .next{display: block;}

.prenext .return{position: absolute; right: 20px; top:25px; background: #2aabe4; color: #fff; padding: 8px 60px; font-size: 16px;}











.mpic_list a{display: block; float: left; width: 278px; padding:7px 5px 20px; background:#f7f7f7; margin:5px;}

.mpic_list a em{font-style: normal; float: right; margin-right: 10px; display: none;}

.mpic_list a h3{font-size: 16px; font-weight: normal; line-height: 60px; text-indent: 10px;}

.mpic_list a:hover{background: #2aabe4; color: #fff;}

.mpic_list a:hover em{display: block;}





.mtitle{text-align: center;}

.mtitle h3{font-size: 22px;}

.mtitle p{color: #999999; font-size: 14px; font-family: Arial; line-height: 25px;}

.mabout{height: 310px; padding: 90px 0px; overflow: hidden;}

.mabout img{max-width: 515px; margin-left: 40px; float: left;}

.mabout div{float: right; width: 600px; line-height: 30px; height: 310px; overflow: auto;}

.mabout div h3{font-size: 20px; font-weight: bold; }

.mabout div h4{font-size: 12px; font-family: Arial; line-height: 30px; margin-bottom: 25px;}





.mcultrue{padding: 30px 0px 45px;}

.mcultrue a{display: block; float: left; width: 353px; padding: 20px 16px 0px; border:1px #eeeeee solid; margin:0px 6px; text-align: center;}

.mcultrue a img{max-width: 100%; margin-bottom: 30px;}

.mcultrue a h3{margin-top:45px; margin-bottom: 15px;}

.mcultrue a p{margin-bottom: 40px; font-size: 14px;}





.mfactory{padding:30px 0px 15px;}

.mfactory a{display: inline-table; float: left; margin:5px; width: 23%; margin:10px 1%; float: left; display: block;}

.mfactory a img{max-width: 100%;}





.text-c{text-align: center; padding:20px 0; }

.text-c a,.text-c span{padding: 5px 10px; background: #f7f7f7;}

.text-c span{background: #2aabe4; color: #fff;}

.text-c a:hover{background: #2aabe4; color: #fff;}





.joblist {height: auto;min-height: 500px;overflow: hidden;margin-top:0px auto;padding:20px;}

.job_top {width: 100%;height: 35px;line-height: 26px;font-size: 16px;color: #000000;	overflow: hidden;border-bottom: 1px solid #bfbfbf;}

.job_top dd {width: 25%;height: 35px;text-align: center;float: left;}

.job_listdl {width: 100%;height: 30px;line-height: 30px;border-bottom: 1px solid #bfbfbf;	overflow: hidden;position: relative;}

.job_listdl dd {width: 25%;float: left;text-align: center;}

.job_listdl dd a {color: #e50112;}

.job_listdl dd a:hover {text-decoration: underline;}

.job_listcon {width: auto;height: auto;overflow: hidden;padding: 15px 10px;font-size: 14px;line-height: 25px;	background: #f9f9f9;}