@charset "utf-8";
/*dwj*/
/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust: none;background: #fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;font-family:"微软雅黑";}
img{border:0;vertical-align:top;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;transition:all 0.3s;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}
/*header*/
.flexslider{min-width:1200px;position:relative;overflow:hidden;}
.slides{width:100%;position:relative;z-index:1;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.slides img{width: 100%; display: block;}
.flex-control-nav{position:absolute;bottom:26px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:32px;height:4px;margin:0 7px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:32px;height:4px;line-height:40px;overflow:hidden;background:rgba(255,255,255,0.4);cursor:pointer;}
.flex-control-nav .flex-active{background:#fff;}
.header_bg{width: 100%; background: rgba(0,0,0,0.8); box-shadow: 0 5px 5px rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; z-index: 2;}
.header{width: 1360px; height: 120px; margin: 0 auto;}
.logo{float: left; width: 290px;}
.logo img{width: 100%;}
.nav{float: left; padding: 44px 0 0 32px;}
.nav li{float: left; padding: 0 20px; line-height: 34px; font-size: 16px;}
.nav a{color: #fff;}
.tel{float: right; width: 180px; text-align: right; color: #fff; font-size: 24px; line-height: 32px; font-weight: bold; padding-top: 25px;}
.tel h4{font-size: 16px; font-weight: normal; height: 34px; line-height: 34px;}
.tel h4 img{width: 38px; height: 31px; margin-right: 14px;}
/*mainbody*/
.line{min-width: 1360px; border-bottom: solid 1px #f5f5f5; padding: 32px 0 40px 0; overflow: hidden;}
.series{width: 1320px; margin: 0 auto;}
.series li{float: left; width: 440px; height: 685px; cursor: pointer; position: relative;}
.series img{width: 100%; height: 500px;}
.series li:hover img{filter: grayscale(0);}
.series li:nth-child(even) img{margin-top: 185px;}
.series_bg{width: 100%; height: 185px; padding: 31px 0 1px 0; box-sizing: border-box; background: #f5f5f5; position: absolute; left: 0; bottom: 0; transition:all 0.8s ease;}
.series li:hover .series_bg{height: 285px; padding: 50px 0 1px 0; background: #3a3a3a;}
.series li:nth-child(even) .series_bg{top: 0;}
.series_w{width: 304px; text-align: center; margin: 0 auto 38px;}
.series_w h4{height: 64px; line-height: 64px; color: #000; font-size: 24px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.series_fon{color: #666; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.series li:hover .series_w h4{color: #fff;}
.series li:hover .series_fon{color: #fff;}
.series_more{width: 139px; text-align: center; text-transform: uppercase; height: 34px; line-height: 34px; border: solid 1px #fff; font-size: 14px; margin: 0 auto; opacity: 0;}
.series_more a{color: #fff;}
.series li:hover .series_more{opacity: 1;}
.series_01,.series_02,.series_03{opacity: 0;}
.product_part{width: 1360px; margin: 0 auto;}
.product_title{width: 100%; text-align: center; text-transform: uppercase; color: #666; font-size: 18px; line-height: 28px; margin-bottom: 8px;}
.product_title h4{color: #000; font-size: 24px; font-weight: normal; line-height: 42px;}
.product{width: 320px; margin: 20px 26px 0 0; transition:all .5s linear;}
.product:hover{transform:translateY(-20px);}
.product img{width: 320px; height: 260px; margin-bottom: 17px;}
.product h4{border-top: solid 1px #eee; padding-top: 6px; height: 46px; line-height: 46px; color: #000; font-size: 18px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product_fon{line-height: 24px; height: 48px; color: #666; font-size: 14px; overflow: hidden; margin-bottom: 18px;}
.product_more{width: 113px; text-align: center; height: 28px; line-height: 28px; border: solid 1px #eee; font-size: 14px; text-transform: uppercase;}
.product_more a{color: #3a3a3a;}
.news_part{width: 1360px; padding: 42px 0 78px 0; margin: 0 auto; overflow: hidden;}
.news_pt{padding-top: 20px;}
.news_left{float: left; width: 1000px; height: 600px; padding: 44px 0; box-sizing: border-box; background: #f5f5f5;}
.news_left li{float: left; width: 290px; padding: 44px 20px; transition:all .5s linear;}
.news_left li:hover{transform:translateY(-20px);}
.news_left span{color: #666; font-size: 32px; line-height: 36px;}
.news_left h4{color: #333; font-size: 18px; line-height: 46px;}
.news_fon{color: #666; font-size: 14px; text-align: justify; height: 28px; height: 74px; overflow: hidden;}
.news_pic{float: right; width: 360px; height: 600px; overflow: hidden;}
.news_pic img{width: 360px; height: 600px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.news_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.about_part{min-width: 1360px; position: relative;}
.about_pic{width: 100%; height: 500px;}
.about_area{width: 1360px; margin: 0 auto;}
.about_top{float: left; width: 375px; padding-top: 37px; box-sizing: border-box; text-align: center; height: 181px; color: #fff; font-size: 16px; line-height: 26px; background: url(../images/about_top.png) no-repeat;}
.about_top h4{font-size: 31px; line-height: 46px;}
.about_top span{font-size: 15px;}
.about_fon{float: right; width: 362px; padding: 22px 42px; box-sizing: border-box; background: rgba(0,0,0,0.5); border-radius: 15px; margin: 150px 137px 0 0;}
.about_fon li{background: url(../images/star.png) no-repeat left center; line-height: 46px; color: #fff; font-size: 18px; padding-left: 36px;}
.about_bot{width: 100%; height: 60px; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0;}
.about_list{width: 1200px; height: 60px; margin: 0 auto;}
.about_list li{float: left; width: 300px; text-align: center; line-height: 60px; border-right: solid 1px #fff; box-sizing: border-box; color: #fff; font-size: 21px; cursor: pointer;}
.about_list li:last-child{border: none;}
.about_list .about_on{background: rgba(0,0,0,0.5);}
.about_list img{margin: 7px 22px 0 0;}
.contact_part{width: 1300px; padding: 30px 0 40px 0; margin: 0 auto;}
.contact_area{padding-top: 20px;}
.contact_left{float: left; width: 600px;}
.contact_right{float: right; width: 636px;}
.name{width: 100%; height: 50px; line-height: 50px;border: solid 1px #000; padding: 0 20px; box-sizing: border-box; color: #333; font-size: 16px; text-transform: uppercase; margin-bottom: 27px;}
input.name::-webkit-input-placeholder{color:#333;}
input.name:-moz-placeholder{color:#333;}
.contents{width: 100%; height: 150px; line-height: 30px;border: solid 1px #000; padding: 10px 20px; box-sizing: border-box; color: #333; font-size: 16px; text-transform: uppercase; margin-bottom: 27px;}
textarea.contents::-webkit-input-placeholder{color:#333;}
textarea.contents:-moz-placeholder{color:#333;}
.btn_tj{width: 100%; height: 50px; background: #000; border: none; font-size: 16px; font-family: "微软雅黑"; cursor: pointer; color: #fff;}
.con_top{color: #000; font-size: 36px; line-height: 86px; padding-top: 12px; border-top: solid 1px #000; border-bottom: solid 1px #000; margin-top: 20px; position: relative;}
.con_tit{position: absolute; top: -24px; left: 0; font-size: 26px; line-height: 48px;}
.con_tit span{background: #fff; padding-right: 16px;}
.con{width: 100%; padding-bottom: 27px;}
.con li{border-bottom: solid 1px #000; padding: 18px 12px; line-height: 50px; color: #000; font-size: 18px;}
.con img{float: left; width: 50px; height: 50px; margin-right: 30px;}
.btn_con{width: 100%; height: 48px; line-height: 48px; text-align: center; border: solid 1px #000; box-sizing: border-box; font-size: 16px;}
/*footer*/
.foot_bg{min-width: 1360px; background: #333; padding-bottom: 50px;}
.foot{width: 1360px; border-bottom: solid 1px #fff; margin: 0 auto;}
.foot li{float: left; width: 340px; padding: 43px 0 46px 0; transition:all .5s linear;}
.foot li:hover{transform:translateY(20px);}
.foot img{float: left; width: 40px; height: 40px; margin: 17px 20px 0 50px;}
.foot_r{float: left; line-height: 26px; color: #fff; font-size: 16px;}
.foot_r h4{font-size: 24px; line-height: 44px; font-weight: normal;}
.foot_bot{width: 1216px; padding-top: 62px; margin: 0 auto;}
.code{float: left; margin-right: 50px;}
.code img{width: 150px; height: 150px;}
.foot_fon{float: left; width: 635px; min-height: 150px; _height:150px; padding-right: 48px; border-right: solid 1px #fff;}
.f_nav{color: #f5f5f5; font-size: 14px; line-height: 30px;}
.f_nav a{color: #f5f5f5;}
.f_fon{color: #f5f5f5; font-size: 14px; line-height: 40px;}
.f_tel{float: right; width: 240px; text-align: center; color: #fefefe; font-size: 14px;}
.f_tel h4{font-size: 24px; font-weight: normal; line-height: 50px;}
.customer{width: 160px; text-align: center; height: 35px; line-height: 35px; border: solid 1px #fff; font-size: 16px; margin: 24px auto 0 auto;}
.customer a{color: #fff;}
.copyright{min-width: 1200px; text-align: center; line-height: 50px; background: #000; color: #fff; font-size: 14px;}
/*房间展示*/
.banner{min-width: 1200px; position: relative;}
.banner img{width: 100%;}
.main{width: 1360px; min-height: 400px; padding: 30px 0 40px 0; margin: 0 auto;}
.main_top{padding-bottom: 36px;}
.tit{float: left; width: 260px; line-height: 28px; color: #666; font-size: 18px; text-transform: uppercase;}
.tit h4{color: #000; font-size: 24px; font-weight: normal; line-height: 42px;}
.list{float: left; width: 750px; margin-top: 19px;}
.list li{float: left; width: 120px; text-align: center; height: 36px; line-height: 36px; font-size: 16px; margin-right: 30px;}
.list a{display: block; border: solid 1px #999; box-sizing: border-box; border-radius: 8px; color: #666;}
.list a:hover{border: solid 1px #000; background: #000; color: #fff;}
.list .list_on a{border: solid 1px #000; background: #000; color: #fff;}
.path{float: right; padding-top: 21px; line-height: 32px; color: #999; font-size: 16px;}
.path a{color: #999;}
.path span{color: #0a7aae;}
.pro{width: 100%;}
.pro ul{width: 1413px;}
.pro li{float: left; width: 418px; text-align: center; margin: 0 53px 23px 0; transition:all .5s linear;}
.pro li:hover{transform:translateY(-15px);}
.pro img{width: 100%; height: 466px;}
.pro h4{font-size: 18px; font-weight: normal; line-height: 38px; margin-top: 19px;}
.page{width: 100%; text-align: center; color: #666; font-size: 14px;}
.page a{line-height: 30px; color: #666; padding: 0 15px;}
.page a:hover{color: #0a7aae;}
.page span a{background: #000; border-radius: 30px; width: 100px; height: 30px; text-align: center; display: inline-block; color: #fff; padding: 0; margin: 0 20px;}
.page span a:hover{color: #fff;}
/*关于我们*/
.com{color: #666; font-size: 16px; text-align: center; line-height: 48px; margin-bottom: 100px;}
.com_pic{width: 936px; padding: 40px 0; margin: 0 auto;}
.com_pic li{float: left; width: 222px; margin: 0 6px; transition:all .5s linear;}
.com_pic li:hover{transform:translateY(-10px); box-shadow: 0 0 6px rgba(0,0,0,0.4);}
/*环境展示*/
.show{width: 100%;}
.show ul{width: 1386px;}
.show li{float: left; width: 320px; margin: 0 26px 46px 0; transition:all .5s linear;}
.show li:hover{transform:translateY(-20px);}
.show img{width: 100%; height: 260px;}
.show h4{line-height: 32px; font-weight: normal; font-size: 18px; margin-top: 30px;}
/*联系我们*/
.con_part{padding-top: 20px;}
.con_left{float: left; width: 636px; padding-left: 12px;}
.map{float: right; width: 678px; border: solid 1px #000; margin-top: 20px;}
.map img{width: 100%; height: 361px;}
/*人才招聘*/
.rec_part{width: 1360px; min-height: 400px; padding: 30px 0 20px 0; margin: 0 auto;}
#certify {
position: relative;
background: #eee;
padding: 40px;
}
#certify .swiper-container {
padding-bottom: 60px;
}
#certify .swiper-slide {
width: 650px;
height: 480px;
background: #fff;
border-top: solid 2px #000;
padding: 26px 20px;
box-sizing: border-box;
box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
#certify .swiper-pagination {
width: 100%;
bottom: 35px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px;
border: 1px solid #7a7a7a;
width: 14px;
height: 14px;
opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
border: 1px solid #fd8417;
}
#certify .swiper-button-prev {
left: -30px;
width: 45px;
height: 45px;
background: none;
}
#certify .swiper-button-next {
right: -30px;
width: 45px;
height: 45px;
background: none;
}
.rec_fon{color: #999; font-size: 18px; line-height: 30px; margin-bottom: 34px;}
.rec_fon h4{color: #000; font-size: 24px; font-weight: normal; line-height: 40px; margin-bottom: 16px;}
.rec_list{float: left; width: 444px;}
.rec_list li{float: left; width: 200px; text-align: center; height: 50px; line-height: 50px; border-radius: 6px; background: #eee; color: #000; font-size: 14px; margin: 0 22px 22px 0;}
.rec_more{float: right; line-height: 28px; font-size: 16px; padding: 46px 34px 0 0;}
.rec_more a{color: #0a7aae;}
/*新闻中心*/
.inf{width: 100%; padding-bottom: 5px;}
.inf ul{width: 1400px;}
.inf li{float: left; width: 660px; margin: 0 40px 30px 0; transition:all .5s linear;}
.inf li:hover{transform:translateY(-15px);}
.inf img{float: left; width: 340px; height: 200px;}
.inf_r{float: right; width: 300px; padding-top: 12px;}
.inf_r span{color: #666; font-size: 32px; line-height: 38px; font-family: arial;}
.inf_r h4{color: #333; font-size: 18px; line-height: 44px;}
.inf_fon{color: #666; font-size: 14px; height: 84px; line-height: 28px; text-align: justify; overflow: hidden;}
/*在线留言*/
.mes_part{padding-top: 10px;}
.mes_left{float: left; width: 573px;}
.name02{width: 100%; height: 50px; line-height: 50px; border: solid 1px #ccc; padding: 0 18px; box-sizing: border-box; color: #666; font-size: 16px; margin-bottom: 30px;}
input.name02::-webkit-input-placeholder{color:#666;}
input.name02:-moz-placeholder{color:#666;}
.time{width: 100%; padding: 10px 0 36px 0;}
.time span{float: left; color: #666; font-size: 16px; line-height: 50px; width: 77px; padding-left: 18px;}
.years{float: left; width: 144px; height: 50px; line-height: 50px; border: solid 1px #ccc; padding-left: 12px; box-sizing: border-box; color: #666; font-size: 16px; margin-left: 15px;}
.message{width: 100%; height: 148px; line-height: 30px; border: solid 1px #ccc; padding: 10px 18px; box-sizing: border-box; color: #666; font-size: 16px;}
textarea.message::-webkit-input-placeholder{color:#666;}
textarea.message:-moz-placeholder{color:#666;}
.btn_area{padding: 76px 0 65px 0; text-align: center;}
.btn_tj{width: 185px; height: 40px; border: none; background: #ff7900; color: #fff; font-size: 18px; border-radius: 40px; margin: 0 22px;}
.btn_cz{width: 185px; height: 40px; border: none; background: #333; color: #fff; font-size: 18px; border-radius: 40px; margin: 0 22px;}
.mes_fon{float: right; width: 720px; text-align: center; line-height: 30px; color: #ff7900; font-size: 18px; padding-top: 180px;}
@media only screen and (max-width: 1440px) {
/*首页*/
.header{width: 1200px;}
.logo{width: 280px;}
.nav{padding: 44px 0 0 20px;}
.nav li{padding: 0 15px;}
.line{min-width: 1200px;}
.series{width: 1200px;}
.series li{width: 400px;}
.product_part{width: 1200px;}
.news_part{width: 1200px;}
.news_left{float: left; width: 840px; height: 600px; padding: 44px 0; box-sizing: border-box; background: #f5f5f5;}
.news_left li{float: left; width: 237px; padding: 44px 20px; transition:all .5s linear;}
.about_part{min-width: 1200px;}
.about_area{width: 1200px;}
.contact_part{width: 1200px;}
.contact_left{float: left; width: 550px;}
.contact_right{float: right; width: 590px;}
.foot_bg{min-width: 1200px;}
.foot{width: 1200px;}
.foot li{width: 300px;}
.foot img{margin: 17px 20px 0 30px;}
.foot_bot{width: 1150px;}
/*房间展示*/
.main{width: 1200px;}
.tit{width: 230px;}
.list{width: 700px;}
.list li{margin-right: 20px;}
.pro ul{width: 1230px;}
.pro li{float: left; width: 380px; text-align: center; margin: 0 30px 23px 0;}
.pro img{height: 432px;}
/*环境展示*/
.show ul{width: 1226px;}
.show li{width: 280px; margin: 0 26px 46px 0;}
.show img{height: 228px;}
/*联系我们*/
.con_left{width: 560px;}
.map{width: 590px;}
.map img{height: 361px;}
/*人才招聘*/
.rec_part{width: 1200px;}
/*新闻中心*/
.inf ul{width: 1240px;}
.inf li{width: 580px; margin: 0 40px 30px 0;}
.inf img{width: 300px; height: 178px;}
.inf_r{width: 260px; padding-top: 5px;}
/*在线留言*/
.mes_fon{width: 600px;}
}
#news_con { width: auto; min-height: 360px; padding: 15px; padding-right: 0px; color:#000; text-align:justify;}
#news_con .h1 { text-align: center; font-size: 16px; height: 35px; line-height: 35px;}
#news_con .h2 { text-align: center; font-weight: normal; width: auto; height: 25px; line-height: 25px;margin:20px 0px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; color: #666; font-size:14px}
#news_con #pic { position:relative;text-align: center; margin-bottom: 5px;}
#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold; }
#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold;}
#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold}
#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold}
#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}
#news_cons{ margin-bottom:15px;}
#jianli {
padding-top: 15px;
}
#jianli td {
border: 1px solid #000;
}
#jianli td input {
}
#jianli textarea {
overflow: hidden;
}
#jianli input[type='text']{ width: 90%; border:0px;padding: 5px 0px 5px 5px;}
#jianli textarea{ width: 100%;border:0px;padding: 5px; }