@charset "utf-8";

.ny-banner{height: 500px; }

/* 当前位置 */
.location{ overflow: hidden;height: 66px;line-height: 66px; border-bottom: 1px solid #E7E7E7;}
.location h2{float: left;color: #333;}
.location .here{float: left; color: #333;}
.location .here a{ color: #333;}
.location .here a:hover{ color: #173983;}


.sublist{overflow: hidden; margin-bottom: 50px;padding:25px;}
.sublist ul{ border-top: 2px solid #e6e9ef; }
.sublist ul li{ height:52px; line-height:52px; font-size: 16px; text-align: center; border: 1px solid #e6e9ef; margin-top: 15px; cursor: pointer;}
.sublist ul li a{color: #555;}
.sublist ul li a:hover{color: #37a44a;}
.sublist ul li:hover{border: 1px solid #37a44a;}
.sublist ul li.hover{border: 1px solid #37a44a;}
.sublist ul li.hover a{color: #37a44a;}


.danye-line {overflow: hidden;line-height: 30px;   text-align: justify;}
.danye-line img{ max-width: 100%; }

/* 企业文化 */
.wenhuabg{overflow: hidden; background: url(../images/whbg.jpg) no-repeat center; background-size: cover; padding: 3% 0;}
.wenhua ul{ margin-left:-1%; margin-right:-1%; }
.wenhua ul li{ float:left; width: 23%; margin:2% 1%; background:#FFF; border-radius:5px;  text-align: center; cursor: pointer;}
.wenhua ul li span{overflow: hidden; display: block; font-size: 22px; color: #222; margin-bottom: 20px;}
.wenhua ul li .img{overflow: hidden; margin: 30px 0;}
.wenhua ul li .img img{max-width: 100%;}
.wenhua ul li .text{height:80px; line-height:28px; color:#666; }


/* 联系我们 */
.contact{}
.contact ul{ margin-left:-1%; margin-right:-1%; }
.contact ul li{ float:left; width: 31.333333%; margin:0 1%; border: 1px solid #adc6d5; padding: 20px; min-height: 200px;}
.contact ul li i{display: block; font-size: 50px; height: 70px;background-image: linear-gradient(to right, #183883, #76c5f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.contact ul li:nth-of-type(2) i{font-size: 46px;}
.contact ul li h2{display: block; font-size: 22px; color: #333;}
.contact ul li p{color: #333; clear: both; font-size: 16px;}

/* 生产车间 */
.chejian{}
.chejian ul{ margin-left:-1%; margin-right:-1%; }
.chejian ul li{float: left; width: 31.333333%; margin: 0 1%; background: #FFF; margin-bottom: 30px;}
.chejian ul li .img{overflow: hidden;}
.chejian ul li .img img{max-width: 100%;}
.chejian ul li .text{overflow: hidden; border: 1px solid #e7e7e7; padding: 15px;}
.chejian ul li .text h2{font-size: 18px; font-weight: bold; margin: 10px 0;}
.chejian ul li .text p{color: #666; line-height: 24px;}
.chejian ul li:hover .text{background: #173983;}
.chejian ul li:hover .text h2{color: #FFF;}
.chejian ul li:hover .text p{color: #FFF;}


/* 产品列表 */
.product{ overflow: hidden; margin: 30px 0;}
.product ul{margin-left: -1%;margin-right: -1%;}
.product ul li{float: left; width: 23%;margin: 0 1%;position: relative; margin-bottom: 30px;}
.product ul li .pic{background: #fff;border: solid 1px #dcdcdc;overflow: hidden;position: relative;background: #fff;}
.product ul li .pic:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(46, 75, 155, .8) url(../images/view.png) no-repeat center;background-size: 40px;z-index: 2;opacity: 0;-webkit-transform: scale(.95);-ms-transform: scale(.95);-o-transform: scale(.95);transform: scale(.95);-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.product ul li .abox:hover .pic:before{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.product ul li .text{opacity: 0;position: absolute; top:0; width: 100%; margin-top: 60%; z-index: 999; text-align: center;}
.product ul li:hover .text{opacity: 1; top:0;}
.product ul li:hover .text h2{opacity: 1;color: #FFF; font-size: 18px;}


/*新闻资讯*/
.newslist{overflow: hidden;  margin: 2% 0;}
.newslist ul{ }
.newslist ul li{overflow: hidden; border: 1px solid #E7E7E7; margin-bottom: 30px ; background: #FFF; padding: 30px;transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.newslist ul li:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist ul li .img{float: left;width: 220px; height: 165px; margin-right: 20px;}
.newslist ul li .img img{width: 100%; height: 100%;}
.newslist ul li .text{float: left;  width: calc((100% - 240px));color: #666; line-height: 24px;}
.newslist ul li .text h2{font-size: 18px; font-weight: bold; margin: 10px 0;}
.newslist ul li .text .time{color: #999;clear: both;margin: 10px 0;}


/*人力资源*/
.joblist{overflow: hidden; margin: 2% 0 3% 0;}
.joblist ul{}
.joblist ul li{ background:#f2f2f2; margin-bottom:15px; border-radius:5px;}
.joblist ul li.cur{ padding-bottom:20px}
.joblist .toptit.cur{ background: #173983; margin-bottom: 20px;}
.joblist .toptit.cur .job{color: #FFF;}
.joblist .toptit{ padding:15px 20px;line-height:30px; cursor:pointer; display:flex; display:-webkit-flex;color:#666; position:relative}
.joblist .toptit span{ width: calc(100% - 20px);}
.joblist .job{ color:#000; font-weight:bold}
.joblist .toptit .icon{ width:20px; height:20px; background:url(../images/icon-dw.png) no-repeat center center; background-size:20px auto; position:absolute; right:20px; margin-top:-10px;top:50%; margin-right:0}
.joblist li.cur .toptit .icon{ width:20px; height:20px; background:url(../images/icon-up.png) no-repeat center center; background-size:20px auto; position:absolute; margin-right:0}
.joblist .cont{ margin:0 20px; padding:25px; background:#fff; border-radius:5px; display:none}



/*在线留言*/
.book{padding: 15px; overflow: hidden;}
.book ul{}
.book ul li{float: left; width: 100%;  padding: 5px 0;}
.book ul li span{float: left; font-size: 15px; width: 60px; line-height: 32px;}
.book ul li i{color: #FF0000; font-weight: bold; padding-left: 8px;}
.book ul li input{ height: 30px; line-height: 30px; padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li textarea{ padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li .yzm{width: 80px;}
.book .submit{ background: #f23803; width: 100px; line-height: 38px; height: 38px; text-align: center; border: 0; cursor: pointer; color: #FFF; margin-left: 60px; margin-top: 15px;}


/*新闻详情页*/
.newsshow-left{float: left; width: calc((100% - 390px));}
.newsshow-right{float: left;width: 340px;margin-left: 50px;margin-top: 45px;}

/*新闻相关信息*/
.newslist-xg{overflow: hidden;border: 1px solid #E7E7E7; padding: 25px;}
.newslist-xg h5{border-bottom: 1px solid #E7E7E7;font-size: 22px;margin-bottom: 20px;padding-bottom: 10px;}
.newslist-xg ul {}
.newslist-xg ul li{}
.newslist-xg ul li .img{overflow: hidden; }
.newslist-xg ul li .img img{max-width: 100%;border-radius: 6px;}
.newslist-xg ul li h2{margin: 20px 0;line-height: 32px;text-align: left; font-size: 20px; color: #222;}
.newslist-xg ul li h3{margin: 20px 0;line-height: 32px;text-align: center; font-size: 17px; color: #222;}
.newslist-xg ul li p{margin: 20px 0;line-height: 24px;}

.newslist-gzh{overflow: hidden;border: 1px solid #E7E7E7; padding: 30px;background: url(../images/gzhbg.jpg) no-repeat center bottom;background-size: cover;margin: 50px 0;}
.newslist-gzh .img{ width: 154px; margin: 0 auto;}
.newslist-gzh .img img{ width: 154px;}
.newslist-gzh p{ text-align: center;font-size: 18px;line-height: 28px;}
.newslist-gzh p small{ font-size: 19px;color: #999;}


/*详情页*/
.Details_tit{ text-align:center; font-weight: bold; margin-top: 50px; font-size:38px;background-image: linear-gradient(to right, #183883, #76c5f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.showbt{overflow: hidden; border-bottom: 1px solid #e7e7e7;}
.showbt span{ display: inline-block; padding: 10px 20px; border-radius: 6px 6px 0 0; color: #FFF;  font-size: 17px;background: linear-gradient(to right, #183883, #76c5f0);
}

.proimg{margin: 50px auto;}
.Details{overflow: hidden; padding: 15px 0;}
.Details h1{ text-align: center; font-size: 30px; line-height: 50px; margin: 30px 0;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}


.Details-conent{overflow: hidden; margin: 30px 0; line-height: 32px;}
.Details-conent img{max-width: 100%;}

.show-img img{width: 100%; border-radius: 8px;}


.right_side {position: absolute;right: 0;top: 35%;width: 60px;height: 245px;z-index: 80000}
.right_side ul li {
    width: 60px;
    height: 60px;
    border-bottom: 1px solid #7ac52e;
    background: #62a61d url(../images/right_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    -webkit-transition: background .5s ease-out;
    -moz-transform: background .5s ease-out;
    transition: background .5s ease-out
}

.right_side ul li:hover {background: #fff url(../images/right_hover_ico.png) no-repeat}
.right_side ul li.qq {background-position: center 17px;border-top-left-radius: 5px}
.right_side ul li.qq div {
    display: none;
    background-color: #f9f9f9;
    position: absolute;
    right: 60px;
    width: 180px;
    height: 220px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    overflow: hidden;
    box-shadow: -7px 0 10px rgba(0, 0, 0, .2)
}

.right_side ul li.qq div dt {text-align: center;height: 60px;line-height: 60px;background-color: #fff}
.right_side ul li.qq div dd {
    height: 60px;
    line-height: 60px;
    color: #666;
    margin: 0 auto;
    width: 160px;
    font-size: 16px;
    border-bottom: 1px dotted #dedede;
    text-indent: 80px;
    background: url(../images/qqbg.gif) no-repeat 30px 17px
}

.right_side ul li.qq div dd a {display: block;}
.right_side ul li.qq div dd a:hover {color: #556c9c}
.right_side ul li.tel {background-position: center -44px}
.right_side ul li.tel div {
    display: none;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    position: absolute;
    right: 60px;
    box-shadow: -7px 0 10px rgba(0, 0, 0, .3);
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 24px;
    font-weight: 700;
    color: #62a61d;
    background-color: #fff;
    white-space: nowrap
}

.right_side ul li.wx {background-position: center -105px}
.right_side ul li.wx div {border-radius: 5px;display: none;position: absolute;top: -45px;right: 60px;box-shadow: -7px 0 10px rgba(0, 0, 0, .3);overflow: hidden}
.right_side ul li.top {background-position: center -166px;border: none;border-bottom-left-radius: 5px}
.right_side ul li:hover div {display: block}
.right_side ul li.qq:hover {border-radius: 0}


@media (min-width:1024px) and (max-width:1366px) {
	



}

@media (min-width:768px) and (max-width:1023px) {

.ny-banner{height: 400px;background-size: cover !important;}
.product ul li{width: 31.3333333%;}
.chejian ul li{width: 48%;}
.contact ul li{width: 100%; min-height: auto; margin-bottom: 20px; text-align: center;}

	
}
@media screen and (max-width:767px) {

.right_side{display: none !important;}
.ny-banner{height: 350px; background-size: cover !important;}

.newslist ul li{padding: 15px;}
.newslist ul li .img{width: 100%; height: auto;margin-right: 0;}
.newslist ul li .text{width: 100%;}

.product ul li{width: 48%;}
.wenhua ul li{width: 48%;}
.chejian ul li{width: 98%;}
.contact ul li{width: 100%; min-height: auto; margin-bottom: 20px; text-align: center;}

.newsshow-left{width: 100%;}
.newsshow-right{width: 100%; margin-left: 0;}

.page a{padding: 8px; line-height: 50px;}
.page .nolink{display: none;}


}