.margin_center{

    width:100%;

    overflow: hidden;

}

.mycontainer,.margin_center>div{

    width:1200px;

    margin-left:auto;

    margin-right:auto;

}

.img_jz{

    display: block;

    position: relative;

    overflow: hidden;

}

.img_jz img{

    max-width: 100%;

    height: 100%;

    position: absolute;

    top:50%;

    left:50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    -webkit-transition: 300ms 0s all ease;

    -moz-transition: 300ms 0s all ease;

    -ms-transition: 300ms 0s all ease;

    -o-transition: 300ms 0s all ease;

    transition: 300ms 0s all ease;

}

.clear:after{

    display: block;

    content: '';

    clear: both;

}

.left{float:left;}

.right{float:right;}



/*图片移动*/

/*botbg*/

.bot_bg{

    width:100%;

    position:relative;

}

.bot_lb{

    width:1200px;

    height: 710px;

    margin:0 auto;

    overflow:hidden;

}



.icon_left{

    width: 50px;

    height: 50px;

    background: url("../images/iconleft.png") no-repeat center;

    position: absolute;

    top: 45%;

    left: -60px;

}

.icon_right{

    width: 50px;

    height: 50px;

    background: url("../images/iconright.png") no-repeat center;

    position: absolute;

    top:45%;

    right:-60px;

}

.icon_left,.icon_right{cursor: pointer;}

.icon_left:hover{  background: url("../images/iconlefts.png") no-repeat center;}

.icon_right:hover{  background: url("../images/iconrights.png") no-repeat center;}

.bot_show{width: 4000px;}



.bot_show ul{

    transition:500ms 0s all ease;

    transform:translate3d(0,0px,0);

    -ms-transform: translate3d(0,0px,0);

    -moz-transform:translate3d(0,0px,0) ;

    -o-transform: translate3d(0,0px,0);

    -webkit-transform:translate3d(0,0px,0);



}

.bot_show ul:after{display:block;content:'';clear:both}

.bot_show ul li{

    float:left;

    width:380px;

    margin:35px 0 35px 30px;

}

.bot_show ul li a{

    display:block;

    position:relative;

}

.bot_img{

    width:380px;

    height:285px;

    position:relative;

    overflow: hidden;

}

.bot_img img{

    max-width:100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.bot_text h2{

    display:block;

    position:absolute;

    left:0;

    bottom:0;

    background: rgba(0, 0, 0, 0.6);

    width:100%;

    height:50px;

    line-height: 50px;

    text-align: center;

    font-size:16px;

    font-weight: normal;

    color: #ffffff;

    -webkit-transition: 500ms 0s all ease;

    -moz-transition: 500ms 0s all ease;

    -ms-transition: 500ms 0s all ease;

    -o-transition: 500ms 0s all ease;

    transition: 500ms 0s all ease;

}

.bot_text h2:hover{



    font-size:20px;

    font-weight: bold;

    height:120px;

    line-height: 120px;

    background: rgba(2, 104, 179, 0.6);

}





/*子页面统一样式*/



#info{padding:50px 0 100px 0}

#info:after{display:block;content:'';clear:both}

.info-right{    width: 902px;    margin: 0 auto;    float: right;}

.info-loca{color:#39b473;overflow:hidden;border-bottom:2px dotted #ccc;margin-bottom:30px}

.info-loca h3{float:left;line-height:50px;font-size:25px;color:#505050}

.info-loca .loca{float:right;font-size:13px;color:#484848;margin-top:15px;}

.info-loca .loca a{color:#484848}

.new_height a{    display: block;    height:160px;}

.new_right li{padding:15px 0}

.new_right li p{overflow:hidden}

.new_right li b{float:left;color:#000;font-weight:700;-moz-transition:all 150ms linear;-webkit-transition:all 150ms linear;transition:all 150ms linear}

.new_right li a{display:block;height:200px;border:1px solid #ddd;padding:15px;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}

.new_right li a img{float:left;width:270px;height:200px}

.new_right li a div{float:right;width:65%}

.new_right li a h2{color:#000;font-size:20px}

.new_right li small{color:#000;font-size:14px;margin-top:70px;display:block;position:absolute;left:322px;bottom:29px}

.new_right li span{transition:0.5s 0s all ease;display:block;line-height:26px;color:#666;padding:10px 0 0 0;font-size:14px}

.new_right li:hover a{-webkit-box-shadow:0 5px 30px rgba(0,0,0,.18);box-shadow:0 5px 30px rgba(0,0,0,.18);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}

#prev_next .next,#prev_next .prev{font-size:13px;border-top:1px solid #ccc;padding:5px 25px}

#prev_next li a{

    color: #000;}

#prev_next .next a:hover,#prev_next .prev a:hover{color:#39b473}

#prev_next .prev{margin-top:20px;background:url(../images/prev_bg.png) no-repeat left center;background-size:18px}

#prev_next .next{border-bottom:1px solid #ccc;background:url(../images/next_bg.png) no-repeat left center;background-size:18px}

div.page{margin:20px 0 20px 0;clear:both;float:right;font-size:14px}

div.page a{padding:2px 5px;margin:2px;color:#fff;text-decoration:none;background:#9b9b9b}

div.page a:hover{background:#5c5c5c}

div.page span.current{padding:2px 8px;font-weight:700;margin:2px;color:#fff;background-color:#39b473}

div.page span.disabled{padding:2px 5px;margin:2px;color:#ddd}

ul.jobs li{border-bottom:2px dotted #ccc;margin-bottom:10px;padding-bottom:10px;font-size:15px;line-height:30px;padding-left:20px;position:relative}

ul.jobs li a{display:block;position:absolute;background-color:#39b473;color:#fff;padding:1px 8px;top:50px;left:500px}

ul.jobs li a:hover{border-radius:8px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}

ul.jobs li strong{color:#39b473}

.input-group{margin-bottom:15px;clear:both}

.input-group:after{display:block;content:'';clear:both}

.input-group label{font-size:15px;display:inline-block;text-align-last:justify;color:#606060;font-weight:700}

.input-group input[type=text]{border:1px solid #aaa;box-shadow:0 0 3px #ccc,0 10px 15px #eee inset;border-radius:2px;line-height:30px;height:30px;width:276px;text-indent:1em;font-family:"microsoft yahei",sans-serif;transition:.3s;-webkit-transition:.3s;outline:0}

.input-group input[type=text]:focus{width:300px;box-shadow:0 0 5px #39b473;border:1px solid #39b473}

.input-group textarea:focus{width:550px;box-shadow:0 0 5px #39b473;border:1px solid #39b473}

.input-group input[type=text]#captcha:focus{width:90px;box-shadow:0 0 5px #39b473;border:1px solid #39b473}

.input-group textarea{transition:.3s;-webkit-transition:.3s;width:520px;border:1px solid #aaa;box-shadow:0 0 3px #ccc,0 10px 15px #eee inset;border-radius:2px;text-indent:1em;padding-top:5px;font-family:"microsoft yahei",sans-serif;outline:0}

#submit{display:block;clear:both;width:80px;line-height:30px;background:#39b473;border:0;color:#fff;font-size:14px;font-family:"microsoft yahei";margin-left:64px}

.pdc_list{width:920px}

.pdc_list li{float:left;margin:0 25px 25px 0;border:3px solid #dadada;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}

.pdc_list li a{display:block;position:relative}

.pdc_list li img{display:block;width:275px;height:210px}

.pdc_list li span{display:block;text-align:center;line-height:40px;background:#dadada;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}

.pdc_list li:hover span{color:#fff;background:#39b473}

.pdc_list li:hover{border:3px solid #39b473}

.content_p{margin-top:40px}

.content_p table{border-bottom:1px solid #ccc;border-right:1px solid #ccc;width:100%;}

.content_p table td{border-left:1px solid #ccc;border-top:1px solid #ccc}

.content_p img{max-width:95%}

.content_p p{font-size:14px;line-height:30px}

.content_p span.sp{display:block;background-color:#ddd;color:#fff;margin-bottom:20px;overflow:hidden}

.content_p span.sp small{background:#094faf;display:block;float:left;text-align:center;line-height:40px;width:225.5px}

.food_name{text-align:center;font-size:24px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #ccc}

.she{width:930px}

.she li{background:#fff;padding:10px 10px 0 10px;border:1px solid #CACACA;float:left;margin:0 24px 20px 0;cursor:pointer;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}

.she li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.18);box-shadow:0 15px 30px rgba(0,0,0,.18);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);background:#fcfcfc;border:1px solid #ccc}

.she li img{display:block;width:257px;height:206px}

.she li small{display:block;line-height:45px;text-align:center;color:#2e2e2e;-moz-transition:all 150ms linear;-webkit-transition:all 150ms linear;transition:all 150ms linear}

.she li:hover small{color:#39b473}

.p_content{font-size:15px;line-height:30px;color:#333}

.news_time{font-size:14px;margin-bottom:20px}

.pdc-list{width:960px}

.pdc-list li{float:left;padding:10px;border:1px solid #ccc;margin-right:35px;margin-bottom:35px}

.pdc-list li img{width:255px;height:200px;display:block}

.pdc-list li span{display:block;text-align:center;color:#666;font-weight:700;margin-top:5px;-webkit-transition:all .2s linear;transition:all .2s linear}

.pdc-list li:hover span{color:#39b473}

.wrap{width:1200px;margin:0 auto;position:relative}

.case_pic ul li {

    width:280px;

    height:200px;

    margin-right:15px;

    float:left;

    position: relative;

    border:1px solid #DDDDDD;

    padding:5px;

    box-sizing: border-box;

    margin-bottom:25px;

}

.case_pic ul li img{

    max-width: 95%;

    height:95%;

    position:absolute;

    top:50%;

    left:50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.case_pic ul li:hover{-webkit-box-shadow:0 5px 30px rgba(0,0,0,.18);box-shadow:0 5px 30px rgba(0,0,0,.18);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}

/*产品页样式*/

.newpro:after{display:block;content:'';clear:both}

.newpro li{float:left;width:24%;margin:0 .5%;margin-bottom:25px}

.newpro li a{display:block}

.newpro_pic{position:relative;width:100%;height:190px;overflow:hidden}

.newpro_pic img{

    width: 100%;

    height:100%;

    /*position:absolute;max-width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)*/

}

.newpro_pic p{width:100%;text-align:center;position:absolute;left:0;bottom:0;color:#fff;background:#39b473;margin-bottom:0;line-height:40px;font-size:16px;-webkit-transition:.3s 0s all ease;-moz-transition:.3s 0s all ease;-ms-transition:.3s 0s all ease;-o-transition:.3s 0s all ease;transition:.3s 0s all ease;}

.newpro li:hover a div p{border-bottom:4px solid #39b473;background: rgba(0, 0, 0, 0.64);0

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;}

/*.newpro li:hover a div p{background:gray;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}*/

/*.newpro li:hover a div img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}*/

.newpro_pic:hover p{line-height:50px;font-size:18px}



/*招聘*/

/************招聘*****************/



.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}

.jobs a{position:relative;top:-90px;background:#0774bc;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}

.jobs strong{color:#0774bc;}

.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}

/***************jobs***************/

.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}



.pro_name{display:block;color:#0774bc;text-align:left;}

.info_title{margin:30px 0 0 0px;width:760px;height:30px;background:#ececec; float:left;}

.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}

.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}

ul.jobs li{border-bottom:2px dotted #ccc;margin-bottom:10px;padding-bottom:10px;font-size:15px;line-height:30px;padding-left:20px;position:relative}

ul.jobs li a{display:block;position:absolute;background-color:#0774bc;color:#fff;padding:1px 8px;top:50px;left:500px}

ul.jobs li a:hover{border-radius:8px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}

ul.jobs li strong{color:#0774bc}







/*proside 侧边栏*/

.pro_side{

    width: 262px;

    min-height: 535px;

    background: #094faf;

}

.pro_side .tj{

    background: #39b473;

    width: 100%;

    height:120px;

    box-sizing: border-box;

    padding-left: 43px;

    padding-top: 33px;

}

.pro_side .tj h3{

    font-size: 34px;

    color: #ffffff;

}

.pro_side .tj p{

    font-size: 14px;

    color:#66d59a;

    text-transform: uppercase;

}

.pro_side ul{

    background: #094faf;

}

.pro_side ul li{

    width: 100%;

    border-bottom:1px solid #103b4c;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    height:50px;

    line-height: 50px;

    background: url("../images/jt.png") no-repeat 43px center;

    -webkit-transition: 300ms 0s all ease;

    -moz-transition: 300ms 0s all ease;

    -ms-transition: 300ms 0s all ease;

    -o-transition: 300ms 0s all ease;

    transition: 300ms 0s all ease;

}

.pro_side ul li:hover{

    border-left:4px solid #39b473;

    background: #103b4c url("../images/jt.png") no-repeat 239px center;

}

.prohov{

    border-left:4px solid #e64b00;

    background: #555150 url("../images/jt.png") no-repeat 239px center;

}

.pro_side ul li a{

    display: block;

    font-size:18px;

    color: #fff;

    padding-left: 60px;

    box-sizing: border-box;

}

.pro_side ul li:last-child a{

    color: #e64b00;

}



.clickon{

    background: #06a35f!important;

}

.spshow>div{

    display: none;

}

.sp small:hover{

    cursor: pointer;

}

.swiper-casepic .swiper-slide div{

    position: relative;

    width: 100%;

    height: 400px;

    overflow: hidden;

}

.swiper-casepic .swiper-slide div img{

    max-width: 100%;

    height: 100%;

    position: absolute;

    top:50%;

    left:50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}



table{

    width:100%;

}

.p_content img{

    max-width: 100%;

}
.swiper-containerba{height: 480px;width: 100%;}
.swiper-slide{width: 100%;height: 480px;}