@charset "utf-8";

/*d全局控制*/
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*/
.header{width: 1360px; padding-bottom: 20px; margin: 0 auto; overflow: hidden; position: relative;}
.top_left{    width: 12px;
    line-height: 14px;
    padding: 10px 35px 0 0;
    color: #333;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
    background: url(../images/top_left.jpg) no-repeat right top;
    position: absolute;
    top: 0;
    left: 0;}
.top_left span{writing-mode:tb-rl;}
.top{width: 100%; height: 40px; -webkit-perspective: 300px; perspective: 300px;}
.top li{float: right; line-height: 40px; font-size: 14px; text-transform: uppercase; margin-left: 12px;}
.top img{float: left; width: 18px; height: 18px; line-height: 0; margin: 10px 5px 0 0;}
.logo{width: 100%; text-align: center; margin-bottom: 42px;}
.nav{width: 100%;}
.nav li{float: left; width: 151px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; text-transform: uppercase; position: relative; perspective: 300px; -webkit-perspective: 300px;}
.nav a{color: #333;}
.nav_con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all 0.333s;
  transition: all 0.333s;
  -webkit-transform: translateZ(-18px);
          transform: translateZ(-18px);
}
.nav li .nav_con .cn, .nav li .nav_con .en {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background 0.333s;
  transition: background 0.333s;
}
.nav_con .cn {
  -webkit-transform: rotateX(0deg) translateZ(18px);
          transform: rotateX(0deg) translateZ(18px);
}
.nav_con .en {
	background: url(../images/nav_line.jpg) no-repeat center bottom;
  -webkit-transform: rotateX(-90deg) translateZ(18px);
          transform: rotateX(-90deg) translateZ(18px);
}
.nav li:hover .nav_con {
  -webkit-transform: translateZ(-18px) rotateX(90deg);
          transform: translateZ(-18px) rotateX(90deg);
}

.flexslider{min-width:1200px;position:relative;padding-bottom:24px;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:0;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:38px;margin: 0 15px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:30px;height:1px;line-height:40px;overflow:hidden;background:#000;cursor:pointer;margin: 2px 4px 1px 4px;}
.flex-control-nav .flex-active{width:38px;height:3px;background: url(../images/banner_dot.png) no-repeat;margin: 0;}


/*mainbody*/
.about_part{width: 1360px; min-height: 400px; padding: 40px 0 100px 0; background: url(../images/about_bg.jpg) no-repeat 7px bottom; margin: 0 auto 74px; overflow: hidden; position: relative;}
.about_tr{width: 85px; color: #333; font-size: 14px; line-height: 24px; letter-spacing: 2px; writing-mode:tb-rl; position: absolute; top: 40px; right: 0;}
.about_tr i{width: 2px; height: 30px; background: #000; display: block; margin: 0 8px;}
.about_tr h4{font-size: 24px; font-weight: normal; text-align: center; line-height: 40px; background: url(../images/about_tr.jpg) no-repeat left bottom 5px; letter-spacing: 15px;}
.about_title{color: #333; font-size: 24px; line-height: 40px; margin: 0 0 100px 22px;}
.about_title i{width: 30px; height: 1px; line-height: 0; background: #000; display: block; margin-bottom: 12px;}
.about_title span{font-size: 21px; padding-right: 14px;}
.about_left{float: left; width: 270px; background: url(../images/about_icon.jpg) no-repeat left top; padding-top: 21px; color: #333; font-size: 18px; line-height: 30px; margin: 165px 20px 0 70px;}
.about_left h4{line-height: 68px; font-weight: normal;}
.about_left h4 span{font-size: 48px;}
.about_area{float: left; width: 780px;}
.about_pic{width: 780px; height: 460px; margin-bottom: 24px; overflow: hidden;}
.about_pic img{width:100%; height:460px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.about_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.about_fon{line-height: 28px; height: 84px; color: #333; font-size: 14px; overflow: hidden;}
.about_more{width: 74px; height: 50px; padding-top: 52px; line-height: 30px; font-size: 18px; text-transform: uppercase; background: url(../images/about_more_bg.jpg) no-repeat right top; position: absolute; right: 10px; bottom: 0;}
.about_more a{color: #333; text-decoration: underline;}

.product_part{width: 1360px; margin: 0 auto 56px; overflow: hidden;}
.product_title{width: 1200px; text-align: center; text-transform: uppercase; color: #333; font-size: 14px; line-height: 26px; margin: 0 auto 26px;}
.product_title h4{font-size: 30px; font-weight: normal; line-height: 58px;}
.product_title span{color: #ff9f00;}
.product_title p{line-height: 46px; letter-spacing: 6px;}
.product{width: 100%; height: 657px; position: relative;}
.product li{position: absolute;}
.product_tm{width: 100%; text-align: center; height: 32px; line-height: 32px; background: rgba(0,0,0,0.5); color: #fff; font-size: 14px; position: absolute; left: 0; bottom: 0;}
.product li:nth-child(1){width: 350px; height: 400px; overflow: hidden; top: 0; left: 0;}
.product li:nth-child(1) img{width: 100%; height: 400px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.product li img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.product li:nth-child(2){width: 350px; height: 237px; overflow: hidden; bottom: 0; left: 0;}
.product li:nth-child(2) img{width: 100%; height: 237px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.product li:nth-child(3){width: 310px; height: 657px; overflow: hidden; top: 0; left: 368px;}
.product li:nth-child(3) img{width: 100%; height: 657px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.product li:nth-child(4){width: 300px; height: 318px; overflow: hidden; top: 0; left: 698px;}
.product li:nth-child(4) img{width: 100%; height: 318px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.product li:nth-child(5){width: 300px; height: 318px; overflow: hidden; bottom: 0; left: 698px;}
.product li:nth-child(5) img{width: 100%; height: 318px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.product li:nth-child(6){width: 340px; height: 539px; overflow: hidden; top: 0; right: 0;}
.product li:nth-child(6) img{width: 100%; height: 539px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.product_more{width: 340px; text-align: center; height: 76px; line-height: 76px; border-top: solid 3px #000; border-bottom: solid 3px #000; font-size: 14px; letter-spacing: 6px; position: absolute; bottom: 3px; right: 0;}

.stre_bg{min-width: 1360px; height: 400px; padding-top: 55px; box-sizing: border-box; background: url(../images/stre_bg.jpg) no-repeat center top; background-size: cover; margin: 14px 0 55px 0; overflow: hidden;}
.stre{width: 1360px; margin: 0 auto;}
.stre li{float: left; width: 300px; text-align: center; margin: 0 76px;}
.stre h1{font-size: 20px; font-weight: normal; line-height: 46px; margin-bottom: 24px;}
.stre h4{font-size: 22px; font-weight: normal; line-height: 38px;}
.stre_fon{width: 170px; text-align: center; height: 170px; line-height: 170px; background: url(../images/stre_fon.png) no-repeat center top; font-size: 24px; margin: 0 auto 21px;}
.stre_fon span{font-size: 35px; font-weight: bold; font-family: arial;}

.work_part{min-width: 1360px; margin: 22px 0 44px 0; overflow: hidden;}
.work_left{float: left; width: 50%; height: 450px; background: #f1f1f1;}
.work_area{float: right; width: 608px; padding-top: 100px;}
.work_fon{float: left; width: 410px; background: url(../images/work_icon.png) no-repeat left top; color: #333; font-size: 14px; padding-top: 44px;}
.work_fon h4{font-size: 24px; font-weight: normal; line-height: 42px; margin-bottom: 12px;}
.work_more{float: right; width: 99px; margin-top: 44px;}
.work_pic{float: right; width: 50%; height: 450px;}
.work_pic img{width: 100%; height: 100%;}
.work{width: 100%;}
.work li{float: left; width: 16.666%;}
.work img{width: 100%;}

.news{width: 1360px; padding: 20px 0 40px 0; margin: 0 auto; overflow: hidden;}
.news li{float: left; width: 400px; height: 250px; padding: 35px 24px 10px 24px; box-sizing: border-box; margin: 0 26px; transition:all 0.4s ease;}
.news li:hover{background: #f7f7f7;}
.news_top{padding-bottom: 10px;}
.news_tl{float: left; width: 70px; color: #000; font-size: 21px; font-weight: bold;}
.news_tl i{display: block; width: 60px; height: 4px; line-height: 0; background: #000; margin-bottom: 18px;}
.news_tr{float: right; width: 275px;}
.news_tr h4{height: 32px; line-height: 32px; color: #000; font-size: 17px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 20px 0 10px 0;}
.news_fon{color: #666; font-size: 14px; line-height: 32px; height: 96px; overflow: hidden;}
.news_date{background: url(../images/news_icon.png) no-repeat 14px center; padding-left: 70px; color: #000; font-size: 17px;}


/*footer*/
.foot_bg{min-width: 1360px; background: #2c2c2c; padding: 77px 0 74px 0;}
.foot{width: 1360px; padding: 0 90px 0 54px; box-sizing: border-box; margin: 0 auto;}
.contact_part{float: left; width: 580px;}
.contact_title{color: #e2c9a0; font-size: 21px; line-height: 42px; text-transform: uppercase;}
.contact_title i{width: 22px; height: 2px; line-height: 0; display: block; background: #e2c9a0; margin-bottom: 2px;}
.contact{color: #fff; font-size: 14px; line-height: 36px;}
.contact span{color: #999;}
.copyright{float: right; width: 580px; text-align: right; color: #999; font-size: 14px; line-height: 36px; margin-top: 30px;}
.copyright span,.copyright a{color: #fff;}


/*关于我们*/
.mainbody{width: 1360px; min-height: 500px; margin: 0 auto 70px;}
.path{width: 100%; text-align: right; line-height: 20px; color: #999; font-size: 16px; margin-bottom: 37px;}
.path a{color: #999;}
.path a:hover{color: #000;}
.path span{color: #000;}
.list{width: 100%; text-align: center; padding: 6px 0 37px 0;}
.list li{display: inline; font-size: 16px;}
.list a{display: inline-block; width: 150px; height: 36px; line-height: 36px; box-sizing: border-box; border: solid 1px #999; border-radius: 10px; color: #666; margin: 0 35px 20px 35px;}
.list a:hover{border: solid 1px #000; background: #000; color: #fff;}
.list .list_on a{border: solid 1px #000; background: #000; color: #fff;}
.about{width: 100%; text-align: center; color: #666; font-size: 15px; line-height: 28px;}
.about h4{color: #000; font-size: 36px; line-height: 38px; margin-bottom: 28px;}


/*环境展示*/
.env{width: 100%;}
.env ul{margin-right: -13px;}
.env li{float: left; width: 330px; text-align: center; font-size: 18px; margin: 0 13px 32px 0; transition:all .5s linear;}
.env li:hover{transform:translateY(-20px);}
.env img{width: 100%; height: 100%; margin-bottom: 29px;}
.env h4{height: 36px; line-height: 36px; font-weight: normal;}
.page{width: 100%; text-align: center; font-size: 14px;}
.page a{display: inline-block; width: 46px; text-align: center; height: 30px; line-height: 30px; color: #666;}
.page a:hover{color: #000;}
.page .page_ye{width: 100px; height: 30px; background: #000; border-radius: 30px; color: #fff; margin: 0 30px;}
.page a.page_ye{color: #fff;}


/*新闻中心*/
.news02{width: 100%;}
.news02 li{background: #f4f4f4; padding: 26px 11px 26px 50px; margin-bottom: 30px; transition:all 0.8s;}
.news02 li:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.news_pic{float: left; width: 330px; height: 203px; overflow: hidden; margin: 23px 0;}
.news_pic img{width: 330px; height: 203px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.news_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.news_con{float: left; width: 740px; margin: 34px 0 0 46px;}
.news_con h4{color: #333; font-size: 24px; height: 46px; line-height: 46px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 19px;}
.news_con span{color: #666; font-size: 16px; line-height: 32px;}
.news_text{color: #666; font-size: 14px; line-height: 32px; height: 64px; margin-top: 17px; overflow: hidden;}
.news_r{float: right; width: 168px; height: 250px; border-left: solid 1px #ccc; padding: 107px 0 0 19px; box-sizing: border-box;}
.news_more{width: 149px; height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
.news_more a{display: block; background: #ccc; color: #fff; border-radius: 40px;}
.news_more a:hover{background: #000;}


/*联系我们*/
.con_part{width: 1070px; padding: 30px 0; margin: 0 auto;}
.con_area{float: left; width: 460px; padding-right: 28px;}
.con{color: #000; font-size: 18px; line-height: 50px; margin-bottom: 38px;}
.con img{float: left; width: 50px; height: 50px; margin-right: 30px;}
.map{float: left; width: 471px; margin-top: 20px;}


/*人才招聘*/
.rec{width: 990px; margin: 0 auto;}
.rec li{padding-bottom: 12px;}
.rec_top{background: #eee; color: #000; font-size: 18px; height: 60px; line-height: 60px; text-align: center; margin-bottom: 9px;}
.rec_t01{float: left; width: 277px;}
.rec_t02{float: left; width: 430px;}
.rec_t03{float: left; width: 283px;}
.rec_bot{background: #f8f8f8;}
.rec_bl{float: left; width: 45px; padding: 25px 15px; box-sizing: border-box; text-align: center; color: #000; font-size: 14px; line-height: 36px; font-weight: bold; writing-mode:lr-tb;}
.rec_br{float: left; width: 945px; min-height: 190px; border-left: solid 8px #fff; padding: 22px 30px; box-sizing: border-box; color: #666; font-size: 14px; line-height: 36px;}


/*在线留言*/
.message_bg{width: 100%; min-height: 610px; padding: 59px 0; background: #f4f4f4;}
.message{width: 844px; margin: 0 auto;}
.mar_b{margin-bottom: 20px;}
.name{width: 400px; height: 50px; line-height: 50px; padding: 0 18px; box-sizing: border-box; border: solid 1px #ccc; background: #fff; border-radius: 15px; color: #666; font-size: 16px;}
input.name::-webkit-input-placeholder{color:#666;}
input.name:-moz-placeholder{color:#666;}
.font_tit{width: 844px; height: 50px; line-height: 50px; padding: 0 18px; box-sizing: border-box; border: solid 1px #ccc; background: #fff; border-radius: 15px; color: #666; font-size: 16px; margin-bottom: 20px;}
input.font_tit::-webkit-input-placeholder{color:#666;}
input.font_tit:-moz-placeholder{color:#666;}
.font_con{width: 844px; height: 242px; line-height: 30px; padding: 10px 18px; box-sizing: border-box; border: solid 1px #ccc; background: #fff; border-radius: 15px; color: #666; font-size: 16px;}
textarea.font_con::-webkit-input-placeholder{color:#666;}
textarea.font_con:-moz-placeholder{color:#666;}
.btn_part{width: 100%; text-align: center; padding-top: 32px;}
.btn_submit{width: 185px; height: 40px; border: none; background: #000; font-size: 14px; color: #fff; border-radius: 40px; cursor: pointer;}
.btn_reset{width: 185px; height: 40px; border: none; background: #666; font-size: 14px; color: #fff; border-radius: 40px; margin: 0 22px; cursor: pointer;}
.message_fon{width: 100%; text-align: center; color: #333; font-size: 14px; line-height: 30px; padding-top: 60px;}
.asdfsafef{ font-size:14px; line-height:30px; }
.asdfsafef img{ width:auto; max-width:100%;}

@media only screen and (max-width: 1360px) {
	/*首页*/
	.header{width: 1200px;}
	.nav li{width: 133px;}
	.about_part{width: 1200px;}
	.about_area{float: left; width: 680px;}
	.about_pic{width: 680px; height: 401px; margin-bottom: 24px; overflow: hidden;}
	.about_pic img{width:100%; height:401px; transition:all 0.8s; -webkit-transition:all 0.8s;}
	.about_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
	.product_part{width: 1200px;}
	.product{height: 572px;}
	.product li:nth-child(1){width: 310px; height: 354px;}
	.product li:nth-child(1) img{height: 354px;}
	.product li:nth-child(2){width: 310px; height: 210px;}
	.product li:nth-child(2) img{height: 210px;}
	.product li:nth-child(3){width: 270px; height: 572px; left: 330px;}
	.product li:nth-child(3) img{height: 572px;}
	.product li:nth-child(4){width: 260px; height: 276px; left: 620px;}
	.product li:nth-child(4) img{height: 276px;}
	.product li:nth-child(5){width: 260px; height: 276px; left: 620px;}
	.product li:nth-child(5) img{height: 276px;}
	.product li:nth-child(6){width: 300px; height: 476px;}
	.product li:nth-child(6) img{height: 476px;}
	.product_more{width: 300px; height: 70px; line-height: 70px; bottom: 0;}
	.stre_bg{min-width: 1200px;}
	.stre{width: 1200px;}
	.stre li{width: 300px; margin: 0 50px;}
	.work_part{min-width: 1200px;}
	.work_left{height: 310px;}
	.work_area{width: 580px; padding-top: 33px;}
	.work_pic{height: 310px;}
	.work img{height: auto;}
	.news{width: 1200px;}
	.news ul{margin-right: -21px;}
	.news li{width: 387px; margin: 0 20px 0 0;}
	.news_tr{width: 260px;}
	.foot_bg{min-width: 1200px;}
	.foot{width: 1200px; padding: 0;}
	
	/*关于我们*/
	.mainbody{width: 1200px;}
	
	/*环境展示*/
	.env li{width: 290px;}
	.env img{height:auto;}
	
	/*新闻中心*/
	.news_con{width: 570px;}
}